[{"__symbolic":"module","version":3,"metadata":{"ColorPickerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"color-picker[ngModel]","template":"\n        <div class=\"color-picker-container\" dropdown>\n            <span class=\"current-color dropdown-toggle\" \n                [style.width]=\"config.width + 'px'\" \n                [style.height]=\"config.height + 'px'\"\n                [style.border-radius]=\"config.borderRadius + 'px'\" \n                [style.background-color]=\"cd.viewModel\" \n                dropdownToggle>\n            </span>\n            <ul class=\"dropdown-menu color-picker-dropdown\" \n                role=\"menu\" \n                *dropdownMenu>\n                <li class=\"color-picker-color\" \n                    *ngFor=\"let color of availableColors\" \n                    [style.width]=\"config.width + 'px'\" \n                    [style.height]=\"config.height + 'px'\"\n                    [style.border-radius]=\"config.borderRadius + 'px'\" \n                    [style.background-color]=\"color\" \n                    (click)=\"setColor(color)\" \n                    [title]=\"color\">\n                </li>\n            </ul>\n        </div>\n    ","styles":[".color-picker-container {\n            display: inline-block; \n            position: relative; }",".current-color {\n            display: inline-block;\n            background-color: #ff0000;\n            cursor: pointer; }",".color-picker-color {\n            display: inline-block;\n            margin-left: 4px;\n            cursor: pointer; }",".color-picker-dropdown {\n            padding-bottom: 0;\n        }"],"providers":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel"}]}]}],"members":{"pickerConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"availableColors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self"}}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel"}]}],"ngOnInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setColor":[{"__symbolic":"method"}],"_processOptions":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ColorPickerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"color-picker[ngModel]","template":"\n        <div class=\"color-picker-container\" dropdown>\n            <span class=\"current-color dropdown-toggle\" \n                [style.width]=\"config.width + 'px'\" \n                [style.height]=\"config.height + 'px'\"\n                [style.border-radius]=\"config.borderRadius + 'px'\" \n                [style.background-color]=\"cd.viewModel\" \n                dropdownToggle>\n            </span>\n            <ul class=\"dropdown-menu color-picker-dropdown\" \n                role=\"menu\" \n                *dropdownMenu>\n                <li class=\"color-picker-color\" \n                    *ngFor=\"let color of availableColors\" \n                    [style.width]=\"config.width + 'px'\" \n                    [style.height]=\"config.height + 'px'\"\n                    [style.border-radius]=\"config.borderRadius + 'px'\" \n                    [style.background-color]=\"color\" \n                    (click)=\"setColor(color)\" \n                    [title]=\"color\">\n                </li>\n            </ul>\n        </div>\n    ","styles":[".color-picker-container {\n            display: inline-block; \n            position: relative; }",".current-color {\n            display: inline-block;\n            background-color: #ff0000;\n            cursor: pointer; }",".color-picker-color {\n            display: inline-block;\n            margin-left: 4px;\n            cursor: pointer; }",".color-picker-dropdown {\n            padding-bottom: 0;\n        }"],"providers":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel"}]}]}],"members":{"pickerConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"availableColors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self"}}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel"}]}],"ngOnInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setColor":[{"__symbolic":"method"}],"_processOptions":[{"__symbolic":"method"}]}}}}]