[{"__symbolic":"module","version":3,"metadata":{"ColorPickerInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"narik-color-input","styles":["\n    .color-picker \n    {  border: black solid 1px;\n    border-radius: 5px;\n    width: 30px;\n    height: 20px;\n    display: block;\n    margin-bottom: 30px;\n    cursor: pointer; }"],"template":"<input [(colorPicker)]=\"value\"\n                        [required]=\"required\"\n                       [cpOutputFormat]=\"cpOutputFormat\" \n                        [cpToggle]=\"cpToggle\"\n                        (cpToggleChange)=\"cpToggleChange\"\n                        [cpPosition]=\"cpPosition\"\n                        [cpPositionRelativeToArrow]=\"cpPositionRelativeToArrow\"\n                        [cpPresetLabel]=\"cpPresetLabel\"\n                        [cpPresetColors]=\"cpPresetColors\"\n                        [cpCancelButton]=\"cpCancelButton\"\n                        [cpCancelButtonClass]=\"cpCancelButtonClass\"\n                        [cpCancelButtonText]=\"cpCancelButtonText\"\n                        [cpOKButton]=\"cpOKButton\"\n                        [cpOKButtonClass]=\"cpOKButtonClass\"\n                        [cpOKButtonText]=\"cpOKButtonText\"\n                        [cpFallbackColor]=\"cpFallbackColor\"\n                        [cpHeight]=\"cpHeight\"\n                        [cpWidth]=\"cpWidth\"\n                        [cpDialogDisplay]=\"cpDialogDisplay\"\n                        [cpSaveClickOutside]=\"cpSaveClickOutside\"\n                        [cpAlphaChannel]=\"cpAlphaChannel\"\n                        [ngClass]=\"itemClass\"\n                      readonly\n                       name=\"name\"\n                       id=\"id\"\n                       (colorPickerChange)=\"colorPickerChange\"\n                       [cpPosition]=\"cpPosition\"\n                       [style.background]=\"value\" />","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"ColorPickerInputComponent"},"multi":true}]}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["name"]}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["id"]}]}],"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"]}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"colorPickerChange":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ColorPickerInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"narik-color-input","styles":["\n    .color-picker \n    {  border: black solid 1px;\n    border-radius: 5px;\n    width: 30px;\n    height: 20px;\n    display: block;\n    margin-bottom: 30px;\n    cursor: pointer; }"],"template":"<input [(colorPicker)]=\"value\"\n                        [required]=\"required\"\n                       [cpOutputFormat]=\"cpOutputFormat\" \n                        [cpToggle]=\"cpToggle\"\n                        (cpToggleChange)=\"cpToggleChange\"\n                        [cpPosition]=\"cpPosition\"\n                        [cpPositionRelativeToArrow]=\"cpPositionRelativeToArrow\"\n                        [cpPresetLabel]=\"cpPresetLabel\"\n                        [cpPresetColors]=\"cpPresetColors\"\n                        [cpCancelButton]=\"cpCancelButton\"\n                        [cpCancelButtonClass]=\"cpCancelButtonClass\"\n                        [cpCancelButtonText]=\"cpCancelButtonText\"\n                        [cpOKButton]=\"cpOKButton\"\n                        [cpOKButtonClass]=\"cpOKButtonClass\"\n                        [cpOKButtonText]=\"cpOKButtonText\"\n                        [cpFallbackColor]=\"cpFallbackColor\"\n                        [cpHeight]=\"cpHeight\"\n                        [cpWidth]=\"cpWidth\"\n                        [cpDialogDisplay]=\"cpDialogDisplay\"\n                        [cpSaveClickOutside]=\"cpSaveClickOutside\"\n                        [cpAlphaChannel]=\"cpAlphaChannel\"\n                        [ngClass]=\"itemClass\"\n                      readonly\n                       name=\"name\"\n                       id=\"id\"\n                       (colorPickerChange)=\"colorPickerChange\"\n                       [cpPosition]=\"cpPosition\"\n                       [style.background]=\"value\" />","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"ColorPickerInputComponent"},"multi":true}]}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["name"]}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["id"]}]}],"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"]}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"colorPickerChange":[{"__symbolic":"method"}]}}}}]