{"__symbolic":"module","version":3,"metadata":{"NgxMaterialColorPickerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule"},{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"NoopAnimationsModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule"},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"NgxMaterialColorPickerModule"},"providers":[]}}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ngx-material-color-picker","styles":[".color { width: 36px; height: 36px; cursor: pointer; } .color.active { border: 3px solid white; border-radius: 3px; } .mat-blue-100 { background-color: #bbdefb; } .mat-blue-200 { background-color: #90caf9; } .mat-blue-300 { background-color: #64b5f6; } .mat-blue-400 { background-color: #42a5f5; } .mat-blue-500 { background-color: #2196f3; } .mat-blue-600 { background-color: #1e88e5; } .mat-blue-700 { background-color: #1976d2; } .mat-blue-800 { background-color: #1565c0; } .mat-blue-900 { background-color: #0d47a1; } .mat-green-100 { background-color: #c8e6c9; } .mat-green-200 { background-color: #a5d6a7; } .mat-green-300 { background-color: #81c784; } .mat-green-400 { background-color: #66bb6a; } .mat-green-500 { background-color: #4caf50; } .mat-green-600 { background-color: #43a047; } .mat-green-700 { background-color: #388e3c; } .mat-green-800 { background-color: #2e7d32; } .mat-green-900 { background-color: #1b5e20; } .mat-red-100 { background-color: #ffcdd2; } .mat-red-200 { background-color: #ef9a9a; } .mat-red-300 { background-color: #e57373; } .mat-red-400 { background-color: #ef5350; } .mat-red-500 { background-color: #f44336; } .mat-red-600 { background-color: #e53935; } .mat-red-700 { background-color: #d32f2f; } .mat-red-800 { background-color: #c62828; } .mat-red-900 { background-color: #b71c1c; } .mat-yellow-100 { background-color: #fff9c4; } .mat-yellow-200 { background-color: #fff59d; } .mat-yellow-300 { background-color: #fff176; } .mat-yellow-400 { background-color: #ffee58; } .mat-yellow-500 { background-color: #ffeb3b; } .mat-yellow-600 { background-color: #fdd835; } .mat-yellow-700 { background-color: #fbc02d; } .mat-yellow-800 { background-color: #f9a825; } .mat-yellow-900 { background-color: #f57f17; } .mat-orange-100 { background-color: #ffe0b2; } .mat-orange-200 { background-color: #ffcc80; } .mat-orange-300 { background-color: #ffb74d; } .mat-orange-400 { background-color: #ffa726; } .mat-orange-500 { background-color: #ff9800; } .mat-orange-600 { background-color: #fb8c00; } .mat-orange-700 { background-color: #f57c00; } .mat-orange-800 { background-color: #ef6c00; } .mat-orange-900 { background-color: #e65100; } .mat-pink-100 { background-color: #f8bbd0; } .mat-pink-200 { background-color: #f48fb1; } .mat-pink-300 { background-color: #f06292; } .mat-pink-400 { background-color: #ec407a; } .mat-pink-500 { background-color: #e91e63; } .mat-pink-600 { background-color: #d81b60; } .mat-pink-700 { background-color: #c2185b; } .mat-pink-800 { background-color: #ad1457; } .mat-pink-900 { background-color: #880e4f; } .mat-purple-100 { background-color: #e1bee7; } .mat-purple-200 { background-color: #ce93d8; } .mat-purple-300 { background-color: #ba68c8; } .mat-purple-400 { background-color: #ab47bc; } .mat-purple-500 { background-color: #9c27b0; } .mat-purple-600 { background-color: #8e24aa; } .mat-purple-700 { background-color: #7b1fa2; } .mat-purple-800 { background-color: #6a1b9a; } .mat-purple-900 { background-color: #4a148c; } .mat-indigo-100 { background-color: #c5cae9; } .mat-indigo-200 { background-color: #9fa8da; } .mat-indigo-300 { background-color: #7986cb; } .mat-indigo-400 { background-color: #5c6bc0; } .mat-indigo-500 { background-color: #3f51b5; } .mat-indigo-600 { background-color: #3949ab; } .mat-indigo-700 { background-color: #303f9f; } .mat-indigo-800 { background-color: #283593; } .mat-indigo-900 { background-color: #1a237e; } .mat-cyan-100 { background-color: #b2ebf2; } .mat-cyan-200 { background-color: #80deea; } .mat-cyan-300 { background-color: #4dd0e1; } .mat-cyan-400 { background-color: #26c6da; } .mat-cyan-500 { background-color: #00bcd4; } .mat-cyan-600 { background-color: #00acc1; } .mat-cyan-700 { background-color: #0097a7; } .mat-cyan-800 { background-color: #00838f; } .mat-cyan-900 { background-color: #006064; } .mat-teal-100 { background-color: #b2dfdb; } .mat-teal-200 { background-color: #80cbc4; } .mat-teal-300 { background-color: #4db6ac; } .mat-teal-400 { background-color: #26a69a; } .mat-teal-500 { background-color: #009688; } .mat-teal-600 { background-color: #00897b; } .mat-teal-700 { background-color: #00796b; } .mat-teal-800 { background-color: #00695c; } .mat-teal-900 { background-color: #004d40; } .mat-lime-100 { background-color: #f0f4c3; } .mat-lime-200 { background-color: #e6ee9c; } .mat-lime-300 { background-color: #dce775; } .mat-lime-400 { background-color: #d4e157; } .mat-lime-500 { background-color: #cddc39; } .mat-lime-600 { background-color: #c0ca33; } .mat-lime-700 { background-color: #afb42b; } .mat-lime-800 { background-color: #9e9d24; } .mat-lime-900 { background-color: #827717; } .mat-amber-100 { background-color: #ffecb3; } .mat-amber-200 { background-color: #ffe082; } .mat-amber-300 { background-color: #ffd54f; } .mat-amber-400 { background-color: #ffca28; } .mat-amber-500 { background-color: #ffc107; } .mat-amber-600 { background-color: #ffb300; } .mat-amber-700 { background-color: #ffa000; } .mat-amber-800 { background-color: #ff8f00; } .mat-amber-900 { background-color: #ff6f00; } .mat-brown-100 { background-color: #d7ccc8; } .mat-brown-200 { background-color: #bcaaa4; } .mat-brown-300 { background-color: #a1887f; } .mat-brown-400 { background-color: #8d6e63; } .mat-brown-500 { background-color: #795548; } .mat-brown-600 { background-color: #6d4c41; } .mat-brown-700 { background-color: #5d4037; } .mat-brown-800 { background-color: #4e342e; } .mat-brown-900 { background-color: #3e2723; } .mat-grey-100 { background-color: #f5f5f5; } .mat-grey-200 { background-color: #eeeeee; } .mat-grey-300 { background-color: #e0e0e0; } .mat-grey-400 { background-color: #bdbdbd; } .mat-grey-500 { background-color: #9e9e9e; } .mat-grey-600 { background-color: #757575; } .mat-grey-700 { background-color: #616161; } .mat-grey-800 { background-color: #424242; } .mat-grey-900 { background-color: #212121; } .mat-deep-orange-100 { background-color: #ffccbc; } .mat-deep-orange-200 { background-color: #ffab91; } .mat-deep-orange-300 { background-color: #ff8a65; } .mat-deep-orange-400 { background-color: #ff7043; } .mat-deep-orange-500 { background-color: #ff5722; } .mat-deep-orange-600 { background-color: #f4511e; } .mat-deep-orange-700 { background-color: #e64a19; } .mat-deep-orange-800 { background-color: #d84315; } .mat-deep-orange-900 { background-color: #bf360c; } .mat-light-green-100 { background-color: #dcedc8; } .mat-light-green-200 { background-color: #c5e1a5; } .mat-light-green-300 { background-color: #aed581; } .mat-light-green-400 { background-color: #9ccc65; } .mat-light-green-500 { background-color: #8bc34a; } .mat-light-green-600 { background-color: #7cb342; } .mat-light-green-700 { background-color: #689f38; } .mat-light-green-800 { background-color: #558b2f; } .mat-light-green-900 { background-color: #33691e; } .mat-light-blue-100 { background-color: #b3e5fc; } .mat-light-blue-200 { background-color: #81d4fa; } .mat-light-blue-300 { background-color: #4fc3f7; } .mat-light-blue-400 { background-color: #29b6f6; } .mat-light-blue-500 { background-color: #03a9f4; } .mat-light-blue-600 { background-color: #039be5; } .mat-light-blue-700 { background-color: #0288d1; } .mat-light-blue-800 { background-color: #0277bd; } .mat-light-blue-900 { background-color: #01579b; } .mat-deep-purple-100 { background-color: #d1c4e9; } .mat-deep-purple-200 { background-color: #b39ddb; } .mat-deep-purple-300 { background-color: #9575cd; } .mat-deep-purple-400 { background-color: #7e57c2; } .mat-deep-purple-500 { background-color: #673ab7; } .mat-deep-purple-600 { background-color: #5e35b1; } .mat-deep-purple-700 { background-color: #512da8; } .mat-deep-purple-800 { background-color: #4527a0; } .mat-deep-purple-900 { background-color: #311b92; } "],"template":"<div fxLayout=\"row\" fxLayoutWrap=\"true\"> <div fxFlex=\"11%\" class=\"color\" *ngFor=\"let color of colors\" [ngClass]=\"colorClass(color)\" (click)=\"selectColor(color)\" [class.active]=\"color === currentColor\"></div> </div> ","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"ɵa"},"multi":true}]}]}],"members":{"_color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"intensity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"selectColor":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"registerOnValidatorChange":[{"__symbolic":"method"}],"colorClass":[{"__symbolic":"method"}]}}},"origins":{"NgxMaterialColorPickerModule":"./ngx-material-color-picker.module","ɵa":"./ngx-material-color-picker/ngx-material-color-picker.component"},"importAs":"ngx-material-color-picker"}