[{"__symbolic":"module","version":3,"metadata":{"ColorPickerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[colorPicker]","host":{"(input)":"changeInput($event.target.value)","(click)":"onClick()","$quoted$":["(input)","(click)"]}}]}],"members":{"colorPicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["colorPicker"]}]}],"colorPickerChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["colorPickerChange"]}]}],"cpToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpToggle"]}]}],"cpToggleChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["cpToggleChange"]}]}],"cpPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpPosition"]}]}],"cpPositionOffset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpPositionOffset"]}]}],"cpPositionRelativeToArrow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpPositionRelativeToArrow"]}]}],"cpOutputFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpOutputFormat"]}]}],"cpPresetLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpPresetLabel"]}]}],"cpPresetColors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpPresetColors"]}]}],"cpCancelButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpCancelButton"]}]}],"cpCancelButtonClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpCancelButtonClass"]}]}],"cpCancelButtonText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpCancelButtonText"]}]}],"cpOKButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpOKButton"]}]}],"cpOKButtonClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpOKButtonClass"]}]}],"cpOKButtonText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpOKButtonText"]}]}],"cpFallbackColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpFallbackColor"]}]}],"cpHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpHeight"]}]}],"cpWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpWidth"]}]}],"cpIgnoredElements":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpIgnoredElements"]}]}],"cpDialogDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpDialogDisplay"]}]}],"cpSaveClickOutside":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpSaveClickOutside"]}]}],"cpAlphaChannel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpAlphaChannel"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef"},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"./color-picker.service","name":"ColorPickerService"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"checkInitValue":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"openDialog":[{"__symbolic":"method"}],"colorChanged":[{"__symbolic":"method"}],"changeInput":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}]}},"TextDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[text]","host":{"(input)":"changeInput($event.target.value)","$quoted$":["(input)"]}}]}],"members":{"newValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["newValue"]}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["text"]}]}],"rg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["rg"]}]}],"changeInput":[{"__symbolic":"method"}]}},"SliderDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[slider]","host":{"(mousedown)":"start($event)","(touchstart)":"start($event)","$quoted$":["(mousedown)","(touchstart)"]}}]}],"members":{"newValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["newValue"]}]}],"slider":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["slider"]}]}],"rgX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["rgX"]}]}],"rgY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["rgY"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"setCursor":[{"__symbolic":"method"}],"move":[{"__symbolic":"method"}],"start":[{"__symbolic":"method"}],"stop":[{"__symbolic":"method"}],"getX":[{"__symbolic":"method"}],"getY":[{"__symbolic":"method"}]}},"DialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"color-picker","templateUrl":"./templates/default/color-picker.html","styleUrls":["./templates/default/color-picker.scss"]}]}],"members":{"hueSlider":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["hueSlider"]}]}],"alphaSlider":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["alphaSlider"]}]}],"dialogElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["dialogPopup"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"./color-picker.service","name":"ColorPickerService"}]}],"setDialog":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"setInitialColor":[{"__symbolic":"method"}],"openDialog":[{"__symbolic":"method"}],"cancelColor":[{"__symbolic":"method"}],"oKColor":[{"__symbolic":"method"}],"setColorFromString":[{"__symbolic":"method"}],"onMouseDown":[{"__symbolic":"method"}],"openColorPicker":[{"__symbolic":"method"}],"closeColorPicker":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}],"setDialogPosition":[{"__symbolic":"method"}],"setSaturation":[{"__symbolic":"method"}],"setLightness":[{"__symbolic":"method"}],"setHue":[{"__symbolic":"method"}],"setAlpha":[{"__symbolic":"method"}],"setR":[{"__symbolic":"method"}],"setG":[{"__symbolic":"method"}],"setB":[{"__symbolic":"method"}],"setSaturationAndBrightness":[{"__symbolic":"method"}],"formatPolicy":[{"__symbolic":"method"}],"update":[{"__symbolic":"method"}],"isDescendant":[{"__symbolic":"method"}],"createBox":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ColorPickerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[colorPicker]","host":{"(input)":"changeInput($event.target.value)","(click)":"onClick()"}}]}],"members":{"colorPicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["colorPicker"]}]}],"colorPickerChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["colorPickerChange"]}]}],"cpToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpToggle"]}]}],"cpToggleChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["cpToggleChange"]}]}],"cpPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpPosition"]}]}],"cpPositionOffset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpPositionOffset"]}]}],"cpPositionRelativeToArrow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpPositionRelativeToArrow"]}]}],"cpOutputFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpOutputFormat"]}]}],"cpPresetLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpPresetLabel"]}]}],"cpPresetColors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpPresetColors"]}]}],"cpCancelButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpCancelButton"]}]}],"cpCancelButtonClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpCancelButtonClass"]}]}],"cpCancelButtonText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpCancelButtonText"]}]}],"cpOKButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpOKButton"]}]}],"cpOKButtonClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpOKButtonClass"]}]}],"cpOKButtonText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpOKButtonText"]}]}],"cpFallbackColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpFallbackColor"]}]}],"cpHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpHeight"]}]}],"cpWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpWidth"]}]}],"cpIgnoredElements":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpIgnoredElements"]}]}],"cpDialogDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpDialogDisplay"]}]}],"cpSaveClickOutside":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpSaveClickOutside"]}]}],"cpAlphaChannel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["cpAlphaChannel"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef"},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"./color-picker.service","name":"ColorPickerService"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"checkInitValue":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"openDialog":[{"__symbolic":"method"}],"colorChanged":[{"__symbolic":"method"}],"changeInput":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}]}},"TextDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[text]","host":{"(input)":"changeInput($event.target.value)"}}]}],"members":{"newValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["newValue"]}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["text"]}]}],"rg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["rg"]}]}],"changeInput":[{"__symbolic":"method"}]}},"SliderDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[slider]","host":{"(mousedown)":"start($event)","(touchstart)":"start($event)"}}]}],"members":{"newValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["newValue"]}]}],"slider":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["slider"]}]}],"rgX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["rgX"]}]}],"rgY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["rgY"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"setCursor":[{"__symbolic":"method"}],"move":[{"__symbolic":"method"}],"start":[{"__symbolic":"method"}],"stop":[{"__symbolic":"method"}],"getX":[{"__symbolic":"method"}],"getY":[{"__symbolic":"method"}]}},"DialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"color-picker","templateUrl":"./templates/default/color-picker.html","styleUrls":["./templates/default/color-picker.scss"]}]}],"members":{"hueSlider":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["hueSlider"]}]}],"alphaSlider":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["alphaSlider"]}]}],"dialogElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["dialogPopup"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"./color-picker.service","name":"ColorPickerService"}]}],"setDialog":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"setInitialColor":[{"__symbolic":"method"}],"openDialog":[{"__symbolic":"method"}],"cancelColor":[{"__symbolic":"method"}],"oKColor":[{"__symbolic":"method"}],"setColorFromString":[{"__symbolic":"method"}],"onMouseDown":[{"__symbolic":"method"}],"openColorPicker":[{"__symbolic":"method"}],"closeColorPicker":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}],"setDialogPosition":[{"__symbolic":"method"}],"setSaturation":[{"__symbolic":"method"}],"setLightness":[{"__symbolic":"method"}],"setHue":[{"__symbolic":"method"}],"setAlpha":[{"__symbolic":"method"}],"setR":[{"__symbolic":"method"}],"setG":[{"__symbolic":"method"}],"setB":[{"__symbolic":"method"}],"setSaturationAndBrightness":[{"__symbolic":"method"}],"formatPolicy":[{"__symbolic":"method"}],"update":[{"__symbolic":"method"}],"isDescendant":[{"__symbolic":"method"}],"createBox":[{"__symbolic":"method"}]}}}}]