{"__symbolic":"module","version":4,"metadata":{"ColorPickerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":8},{"__symbolic":"reference","module":"ngx-color-picker","name":"ColorPickerModule","line":17,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":18,"character":8},{"__symbolic":"reference","module":"@wm/components/base","name":"WmComponentsModule","line":19,"character":8}],"declarations":[{"__symbolic":"reference","name":"ColorPickerComponent"}],"exports":[{"__symbolic":"reference","name":"ColorPickerComponent"}],"entryComponents":[]}]}],"members":{}},"ColorPickerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/input","name":"BaseFormCustomComponent","line":26,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"[wmColorPicker]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":21,"character":8},"arguments":[{"__symbolic":"reference","name":"ColorPickerComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":21,"character":40},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAs","line":22,"character":8},"arguments":[{"__symbolic":"reference","name":"ColorPickerComponent"},{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":22,"character":40},true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":23,"character":8},"arguments":[{"__symbolic":"reference","name":"ColorPickerComponent"}]}],"template":"<input class=\"form-control app-textbox\" aria-haspopup=\"true\" aria-expanded=\"false\"\n       #input\n       focus-target\n       [attr.name]=\"name\"\n       [attr.aria-label]=\"hint || 'Colorpicker'\"\n       [(colorPicker)]=\"datavalue\"\n       (colorPickerChange)=\"handleChange($event);\"\n       (cpToggleChange)=\"colorPickerToggleChange($event)\"\n       [cpPosition]=\"'bottom'\"\n       [cpCloseClickOutside]=\"outsideclick\"\n       (colorPickerOpen)=\"colorPickerOpen($event)\"\n       [attr.placeholder]=\"placeholder\"\n       [disabled]=\"readonly || disabled\"\n       [required]=\"required\"\n       [tabindex]=\"tabindex\"\n       [(ngModel)]=\"datavalue\"\n       (ngModelChange)=\"handleChange($event);\"\n       [ngModelOptions]=\"{updateOn: 'change'}\"\n       (blur)=\"invokeOnTouched($event)\"\n       [attr.accesskey]=\"shortcutkey\">\n<span class=\"input-group-addon colorpicker-container\">\n    <i class=\"colored-box\" [style.backgroundColor]=\"datavalue\">&nbsp;</i>\n</span>\n"}]}],"members":{"ngModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":41,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel","line":41,"character":15}]}]}],"inputEl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":42,"character":5},"arguments":["input",{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":42,"character":46}}]}]}],"cpDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":43,"character":5},"arguments":[{"__symbolic":"reference","module":"ngx-color-picker","name":"ColorPickerDirective","line":43,"character":15}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":45,"character":21}]}],"colorPickerToggleChange":[{"__symbolic":"method"}],"colorPickerOpen":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"handleEvent":[{"__symbolic":"method"}],"handleChange":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵa"}}}},"ɵa":{"__symbolic":"error","message":"Lambda not supported","line":20,"character":29,"module":"./color-picker.props"}},"origins":{"ColorPickerModule":"./color-picker.module","ColorPickerComponent":"./color-picker.component","ɵa":"./color-picker.props"},"importAs":"@wm/components/input/color-picker"}