ngx-color 7.0.1 → 7.3.0

package/material/esm2015/material.component.js

@@ -1,149 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, NgModule, Input } from '@angular/core';
-import { ColorWrap, EditableInputModule, RaisedModule, isValidHex } from 'ngx-color';
-export class MaterialComponent extends ColorWrap {
-    constructor() {
-        super();
-        this.HEXinput = {
-            width: '100%',
-            marginTop: '12px',
-            fontSize: '15px',
-            color: 'rgb(51, 51, 51)',
-            padding: '0px',
-            'border-width': '0px 0px 2px',
-            outline: 'none',
-            height: '30px',
-        };
-        this.HEXlabel = {
-            position: 'absolute',
-            top: '0px',
-            left: '0px',
-            fontSize: '11px',
-            color: 'rgb(153, 153, 153)',
-            'text-transform': 'capitalize',
-        };
-        this.RGBinput = {
-            width: '100%',
-            marginTop: '12px',
-            fontSize: '15px',
-            color: '#333',
-            padding: '0px',
-            border: '0px',
-            'border-bottom': '1px solid #eee',
-            outline: 'none',
-            height: '30px',
-        };
-        this.RGBlabel = {
-            position: 'absolute',
-            top: '0px',
-            left: '0px',
-            fontSize: '11px',
-            color: '#999999',
-            'text-transform': 'capitalize',
-        };
-        this.zDepth = 1;
-        this.radius = 1;
-        this.background = '#fff';
-        this.disableAlpha = true;
-    }
-    handleValueChange({ data, $event }) {
-        this.handleChange(data, $event);
-    }
-    handleInputChange({ data, $event }) {
-        if (data.hex) {
-            if (isValidHex(data.hex)) {
-                this.handleValueChange({
-                    data: {
-                        hex: data.hex,
-                        source: 'hex',
-                    },
-                    $event,
-                });
-            }
-        }
-        else if (data.r || data.g || data.b) {
-            this.handleValueChange({
-                data: {
-                    r: data.r || this.rgb.r,
-                    g: data.g || this.rgb.g,
-                    b: data.b || this.rgb.b,
-                    source: 'rgb',
-                },
-                $event,
-            });
-        }
-    }
-    afterValidChange() {
-        this.HEXinput['border-bottom-color'] = this.hex;
-    }
-}
-MaterialComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'color-material',
-                template: `
-  <color-raised [zDepth]="zDepth" [background]="background" [radius]="radius">
-    <div class="material-picker {{ className }}">
-      <color-editable-input label="hex" [value]="hex"
-        (onChange)="handleValueChange($event)"
-        [style]="{input: HEXinput, label: HEXlabel}"
-      ></color-editable-input>
-      <div class="material-split">
-        <div class="material-third">
-          <color-editable-input label="r" [value]="rgb.r"
-            [style]="{ input: RGBinput, label: RGBlabel }"
-            (onChange)="handleInputChange($event)"
-          ></color-editable-input>
-        </div>
-        <div class="material-third">
-          <color-editable-input label="g" [value]="rgb.g"
-            [style]="{ input: RGBinput, label: RGBlabel }"
-            (onChange)="handleInputChange($event)"
-          ></color-editable-input>
-        </div>
-        <div class="material-third">
-          <color-editable-input label="b" [value]="rgb.b"
-            [style]="{ input: RGBinput, label: RGBlabel }"
-            (onChange)="handleInputChange($event)"
-          ></color-editable-input>
-        </div>
-      </div>
-    </div>
-  </color-raised>
-  `,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                preserveWhitespaces: false,
-                styles: [`
-  .material-picker {
-    width: 130px;
-    height: 130px;
-    padding: 16px;
-    font-family: Roboto;
-  }
-  .material-split {
-    display: flex;
-    margin-right: -10px;
-    padding-top: 11px;
-  }
-  .material-third {
-    flex: 1 1 0%;
-    padding-right: 10px;
-  }
-  `]
-            },] }
-];
-MaterialComponent.ctorParameters = () => [];
-MaterialComponent.propDecorators = {
-    zDepth: [{ type: Input }],
-    radius: [{ type: Input }],
-    background: [{ type: Input }]
-};
-export class ColorMaterialModule {
-}
-ColorMaterialModule.decorators = [
-    { type: NgModule, args: [{
-                exports: [MaterialComponent],
-                declarations: [MaterialComponent],
-                imports: [CommonModule, EditableInputModule, RaisedModule],
-            },] }
-];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZXJpYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL21hdGVyaWFsL21hdGVyaWFsLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXBGLE9BQU8sRUFBRSxTQUFTLEVBQUUsbUJBQW1CLEVBQUUsWUFBWSxFQUFFLFVBQVUsRUFBVSxNQUFNLFdBQVcsQ0FBQztBQXdEN0YsTUFBTSxPQUFPLGlCQUFrQixTQUFRLFNBQVM7SUEyQzlDO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUEzQ1YsYUFBUSxHQUE0QjtZQUNsQyxLQUFLLEVBQUUsTUFBTTtZQUNiLFNBQVMsRUFBRSxNQUFNO1lBQ2pCLFFBQVEsRUFBRSxNQUFNO1lBQ2hCLEtBQUssRUFBRSxpQkFBaUI7WUFDeEIsT0FBTyxFQUFFLEtBQUs7WUFDZCxjQUFjLEVBQUUsYUFBYTtZQUM3QixPQUFPLEVBQUUsTUFBTTtZQUNmLE1BQU0sRUFBRSxNQUFNO1NBQ2YsQ0FBQztRQUNGLGFBQVEsR0FBNEI7WUFDbEMsUUFBUSxFQUFFLFVBQVU7WUFDcEIsR0FBRyxFQUFFLEtBQUs7WUFDVixJQUFJLEVBQUUsS0FBSztZQUNYLFFBQVEsRUFBRSxNQUFNO1lBQ2hCLEtBQUssRUFBRSxvQkFBb0I7WUFDM0IsZ0JBQWdCLEVBQUUsWUFBWTtTQUMvQixDQUFDO1FBQ0YsYUFBUSxHQUE0QjtZQUNsQyxLQUFLLEVBQUUsTUFBTTtZQUNiLFNBQVMsRUFBRSxNQUFNO1lBQ2pCLFFBQVEsRUFBRSxNQUFNO1lBQ2hCLEtBQUssRUFBRSxNQUFNO1lBQ2IsT0FBTyxFQUFFLEtBQUs7WUFDZCxNQUFNLEVBQUUsS0FBSztZQUNiLGVBQWUsRUFBRSxnQkFBZ0I7WUFDakMsT0FBTyxFQUFFLE1BQU07WUFDZixNQUFNLEVBQUUsTUFBTTtTQUNmLENBQUM7UUFDRixhQUFRLEdBQTRCO1lBQ2xDLFFBQVEsRUFBRSxVQUFVO1lBQ3BCLEdBQUcsRUFBRSxLQUFLO1lBQ1YsSUFBSSxFQUFFLEtBQUs7WUFDWCxRQUFRLEVBQUUsTUFBTTtZQUNoQixLQUFLLEVBQUUsU0FBUztZQUNoQixnQkFBZ0IsRUFBRSxZQUFZO1NBQy9CLENBQUM7UUFDTyxXQUFNLEdBQVcsQ0FBQyxDQUFDO1FBQ25CLFdBQU0sR0FBRyxDQUFDLENBQUM7UUFDWCxlQUFVLEdBQUcsTUFBTSxDQUFDO1FBQzdCLGlCQUFZLEdBQUcsSUFBSSxDQUFDO0lBSXBCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUU7UUFDaEMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRTtRQUNoQyxJQUFJLElBQUksQ0FBQyxHQUFHLEVBQUU7WUFDWixJQUFJLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUU7Z0JBQ3hCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQztvQkFDckIsSUFBSSxFQUFFO3dCQUNKLEdBQUcsRUFBRSxJQUFJLENBQUMsR0FBRzt3QkFDYixNQUFNLEVBQUUsS0FBSztxQkFDZDtvQkFDRCxNQUFNO2lCQUNQLENBQUMsQ0FBQzthQUNKO1NBQ0Y7YUFBTSxJQUFJLElBQUksQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDLENBQUMsSUFBSSxJQUFJLENBQUMsQ0FBQyxFQUFFO1lBQ3JDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQztnQkFDckIsSUFBSSxFQUFFO29CQUNKLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQyxJQUFJLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztvQkFDdkIsQ0FBQyxFQUFFLElBQUksQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO29CQUN2QixDQUFDLEVBQUUsSUFBSSxDQUFDLENBQUMsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7b0JBQ3ZCLE1BQU0sRUFBRSxLQUFLO2lCQUNkO2dCQUNELE1BQU07YUFDUCxDQUFDLENBQUM7U0FDSjtJQUNILENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLENBQUMsUUFBUSxDQUFDLHFCQUFxQixDQUFDLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQztJQUNsRCxDQUFDOzs7WUFuSUYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxnQkFBZ0I7Z0JBQzFCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E2QlQ7Z0JBb0JELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2dCQUMvQyxtQkFBbUIsRUFBRSxLQUFLO3lCQW5CeEI7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQkQ7YUFJRjs7OztxQkF1Q0UsS0FBSztxQkFDTCxLQUFLO3lCQUNMLEtBQUs7O0FBNkNSLE1BQU0sT0FBTyxtQkFBbUI7OztZQUwvQixRQUFRLFNBQUM7Z0JBQ1IsT0FBTyxFQUFFLENBQUMsaUJBQWlCLENBQUM7Z0JBQzVCLFlBQVksRUFBRSxDQUFDLGlCQUFpQixDQUFDO2dCQUNqQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsbUJBQW1CLEVBQUUsWUFBWSxDQUFDO2FBQzNEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIE5nTW9kdWxlLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBDb2xvcldyYXAsIEVkaXRhYmxlSW5wdXRNb2R1bGUsIFJhaXNlZE1vZHVsZSwgaXNWYWxpZEhleCwgekRlcHRoIH0gZnJvbSAnbmd4LWNvbG9yJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY29sb3ItbWF0ZXJpYWwnLFxuICB0ZW1wbGF0ZTogYFxuICA8Y29sb3ItcmFpc2VkIFt6RGVwdGhdPVwiekRlcHRoXCIgW2JhY2tncm91bmRdPVwiYmFja2dyb3VuZFwiIFtyYWRpdXNdPVwicmFkaXVzXCI+XG4gICAgPGRpdiBjbGFzcz1cIm1hdGVyaWFsLXBpY2tlciB7eyBjbGFzc05hbWUgfX1cIj5cbiAgICAgIDxjb2xvci1lZGl0YWJsZS1pbnB1dCBsYWJlbD1cImhleFwiIFt2YWx1ZV09XCJoZXhcIlxuICAgICAgICAob25DaGFuZ2UpPVwiaGFuZGxlVmFsdWVDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICAgIFtzdHlsZV09XCJ7aW5wdXQ6IEhFWGlucHV0LCBsYWJlbDogSEVYbGFiZWx9XCJcbiAgICAgID48L2NvbG9yLWVkaXRhYmxlLWlucHV0PlxuICAgICAgPGRpdiBjbGFzcz1cIm1hdGVyaWFsLXNwbGl0XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJtYXRlcmlhbC10aGlyZFwiPlxuICAgICAgICAgIDxjb2xvci1lZGl0YWJsZS1pbnB1dCBsYWJlbD1cInJcIiBbdmFsdWVdPVwicmdiLnJcIlxuICAgICAgICAgICAgW3N0eWxlXT1cInsgaW5wdXQ6IFJHQmlucHV0LCBsYWJlbDogUkdCbGFiZWwgfVwiXG4gICAgICAgICAgICAob25DaGFuZ2UpPVwiaGFuZGxlSW5wdXRDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICAgICAgPjwvY29sb3ItZWRpdGFibGUtaW5wdXQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwibWF0ZXJpYWwtdGhpcmRcIj5cbiAgICAgICAgICA8Y29sb3ItZWRpdGFibGUtaW5wdXQgbGFiZWw9XCJnXCIgW3ZhbHVlXT1cInJnYi5nXCJcbiAgICAgICAgICAgIFtzdHlsZV09XCJ7IGlucHV0OiBSR0JpbnB1dCwgbGFiZWw6IFJHQmxhYmVsIH1cIlxuICAgICAgICAgICAgKG9uQ2hhbmdlKT1cImhhbmRsZUlucHV0Q2hhbmdlKCRldmVudClcIlxuICAgICAgICAgID48L2NvbG9yLWVkaXRhYmxlLWlucHV0PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm1hdGVyaWFsLXRoaXJkXCI+XG4gICAgICAgICAgPGNvbG9yLWVkaXRhYmxlLWlucHV0IGxhYmVsPVwiYlwiIFt2YWx1ZV09XCJyZ2IuYlwiXG4gICAgICAgICAgICBbc3R5bGVdPVwieyBpbnB1dDogUkdCaW5wdXQsIGxhYmVsOiBSR0JsYWJlbCB9XCJcbiAgICAgICAgICAgIChvbkNoYW5nZSk9XCJoYW5kbGVJbnB1dENoYW5nZSgkZXZlbnQpXCJcbiAgICAgICAgICA+PC9jb2xvci1lZGl0YWJsZS1pbnB1dD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9jb2xvci1yYWlzZWQ+XG4gIGAsXG4gIHN0eWxlczogW1xuICAgIGBcbiAgLm1hdGVyaWFsLXBpY2tlciB7XG4gICAgd2lkdGg6IDEzMHB4O1xuICAgIGhlaWdodDogMTMwcHg7XG4gICAgcGFkZGluZzogMTZweDtcbiAgICBmb250LWZhbWlseTogUm9ib3RvO1xuICB9XG4gIC5tYXRlcmlhbC1zcGxpdCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBtYXJnaW4tcmlnaHQ6IC0xMHB4O1xuICAgIHBhZGRpbmctdG9wOiAxMXB4O1xuICB9XG4gIC5tYXRlcmlhbC10aGlyZCB7XG4gICAgZmxleDogMSAxIDAlO1xuICAgIHBhZGRpbmctcmlnaHQ6IDEwcHg7XG4gIH1cbiAgYCxcbiAgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByZXNlcnZlV2hpdGVzcGFjZXM6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBNYXRlcmlhbENvbXBvbmVudCBleHRlbmRzIENvbG9yV3JhcCB7XG4gIEhFWGlucHV0OiB7W2tleTogc3RyaW5nXTogc3RyaW5nfSA9IHtcbiAgICB3aWR0aDogJzEwMCUnLFxuICAgIG1hcmdpblRvcDogJzEycHgnLFxuICAgIGZvbnRTaXplOiAnMTVweCcsXG4gICAgY29sb3I6ICdyZ2IoNTEsIDUxLCA1MSknLFxuICAgIHBhZGRpbmc6ICcwcHgnLFxuICAgICdib3JkZXItd2lkdGgnOiAnMHB4IDBweCAycHgnLFxuICAgIG91dGxpbmU6ICdub25lJyxcbiAgICBoZWlnaHQ6ICczMHB4JyxcbiAgfTtcbiAgSEVYbGFiZWw6IHtba2V5OiBzdHJpbmddOiBzdHJpbmd9ID0ge1xuICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgIHRvcDogJzBweCcsXG4gICAgbGVmdDogJzBweCcsXG4gICAgZm9udFNpemU6ICcxMXB4JyxcbiAgICBjb2xvcjogJ3JnYigxNTMsIDE1MywgMTUzKScsXG4gICAgJ3RleHQtdHJhbnNmb3JtJzogJ2NhcGl0YWxpemUnLFxuICB9O1xuICBSR0JpbnB1dDoge1trZXk6IHN0cmluZ106IHN0cmluZ30gPSB7XG4gICAgd2lkdGg6ICcxMDAlJyxcbiAgICBtYXJnaW5Ub3A6ICcxMnB4JyxcbiAgICBmb250U2l6ZTogJzE1cHgnLFxuICAgIGNvbG9yOiAnIzMzMycsXG4gICAgcGFkZGluZzogJzBweCcsXG4gICAgYm9yZGVyOiAnMHB4JyxcbiAgICAnYm9yZGVyLWJvdHRvbSc6ICcxcHggc29saWQgI2VlZScsXG4gICAgb3V0bGluZTogJ25vbmUnLFxuICAgIGhlaWdodDogJzMwcHgnLFxuICB9O1xuICBSR0JsYWJlbDoge1trZXk6IHN0cmluZ106IHN0cmluZ30gPSB7XG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgdG9wOiAnMHB4JyxcbiAgICBsZWZ0OiAnMHB4JyxcbiAgICBmb250U2l6ZTogJzExcHgnLFxuICAgIGNvbG9yOiAnIzk5OTk5OScsXG4gICAgJ3RleHQtdHJhbnNmb3JtJzogJ2NhcGl0YWxpemUnLFxuICB9O1xuICBASW5wdXQoKSB6RGVwdGg6IHpEZXB0aCA9IDE7XG4gIEBJbnB1dCgpIHJhZGl1cyA9IDE7XG4gIEBJbnB1dCgpIGJhY2tncm91bmQgPSAnI2ZmZic7XG4gIGRpc2FibGVBbHBoYSA9IHRydWU7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgfVxuXG4gIGhhbmRsZVZhbHVlQ2hhbmdlKHsgZGF0YSwgJGV2ZW50IH0pIHtcbiAgICB0aGlzLmhhbmRsZUNoYW5nZShkYXRhLCAkZXZlbnQpO1xuICB9XG5cbiAgaGFuZGxlSW5wdXRDaGFuZ2UoeyBkYXRhLCAkZXZlbnQgfSkge1xuICAgIGlmIChkYXRhLmhleCkge1xuICAgICAgaWYgKGlzVmFsaWRIZXgoZGF0YS5oZXgpKSB7XG4gICAgICAgIHRoaXMuaGFuZGxlVmFsdWVDaGFuZ2Uoe1xuICAgICAgICAgIGRhdGE6IHtcbiAgICAgICAgICAgIGhleDogZGF0YS5oZXgsXG4gICAgICAgICAgICBzb3VyY2U6ICdoZXgnLFxuICAgICAgICAgIH0sXG4gICAgICAgICAgJGV2ZW50LFxuICAgICAgICB9KTtcbiAgICAgIH1cbiAgICB9IGVsc2UgaWYgKGRhdGEuciB8fCBkYXRhLmcgfHwgZGF0YS5iKSB7XG4gICAgICB0aGlzLmhhbmRsZVZhbHVlQ2hhbmdlKHtcbiAgICAgICAgZGF0YToge1xuICAgICAgICAgIHI6IGRhdGEuciB8fCB0aGlzLnJnYi5yLFxuICAgICAgICAgIGc6IGRhdGEuZyB8fCB0aGlzLnJnYi5nLFxuICAgICAgICAgIGI6IGRhdGEuYiB8fCB0aGlzLnJnYi5iLFxuICAgICAgICAgIHNvdXJjZTogJ3JnYicsXG4gICAgICAgIH0sXG4gICAgICAgICRldmVudCxcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIGFmdGVyVmFsaWRDaGFuZ2UoKSB7XG4gICAgdGhpcy5IRVhpbnB1dFsnYm9yZGVyLWJvdHRvbS1jb2xvciddID0gdGhpcy5oZXg7XG4gIH1cbn1cblxuQE5nTW9kdWxlKHtcbiAgZXhwb3J0czogW01hdGVyaWFsQ29tcG9uZW50XSxcbiAgZGVjbGFyYXRpb25zOiBbTWF0ZXJpYWxDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBFZGl0YWJsZUlucHV0TW9kdWxlLCBSYWlzZWRNb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBDb2xvck1hdGVyaWFsTW9kdWxlIHsgfVxuIl19

package/material/fesm2015/ngx-color-material.js

@@ -1,156 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
-import { ColorWrap, isValidHex, EditableInputModule, RaisedModule } from 'ngx-color';
-
-class MaterialComponent extends ColorWrap {
-    constructor() {
-        super();
-        this.HEXinput = {
-            width: '100%',
-            marginTop: '12px',
-            fontSize: '15px',
-            color: 'rgb(51, 51, 51)',
-            padding: '0px',
-            'border-width': '0px 0px 2px',
-            outline: 'none',
-            height: '30px',
-        };
-        this.HEXlabel = {
-            position: 'absolute',
-            top: '0px',
-            left: '0px',
-            fontSize: '11px',
-            color: 'rgb(153, 153, 153)',
-            'text-transform': 'capitalize',
-        };
-        this.RGBinput = {
-            width: '100%',
-            marginTop: '12px',
-            fontSize: '15px',
-            color: '#333',
-            padding: '0px',
-            border: '0px',
-            'border-bottom': '1px solid #eee',
-            outline: 'none',
-            height: '30px',
-        };
-        this.RGBlabel = {
-            position: 'absolute',
-            top: '0px',
-            left: '0px',
-            fontSize: '11px',
-            color: '#999999',
-            'text-transform': 'capitalize',
-        };
-        this.zDepth = 1;
-        this.radius = 1;
-        this.background = '#fff';
-        this.disableAlpha = true;
-    }
-    handleValueChange({ data, $event }) {
-        this.handleChange(data, $event);
-    }
-    handleInputChange({ data, $event }) {
-        if (data.hex) {
-            if (isValidHex(data.hex)) {
-                this.handleValueChange({
-                    data: {
-                        hex: data.hex,
-                        source: 'hex',
-                    },
-                    $event,
-                });
-            }
-        }
-        else if (data.r || data.g || data.b) {
-            this.handleValueChange({
-                data: {
-                    r: data.r || this.rgb.r,
-                    g: data.g || this.rgb.g,
-                    b: data.b || this.rgb.b,
-                    source: 'rgb',
-                },
-                $event,
-            });
-        }
-    }
-    afterValidChange() {
-        this.HEXinput['border-bottom-color'] = this.hex;
-    }
-}
-MaterialComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'color-material',
-                template: `
-  <color-raised [zDepth]="zDepth" [background]="background" [radius]="radius">
-    <div class="material-picker {{ className }}">
-      <color-editable-input label="hex" [value]="hex"
-        (onChange)="handleValueChange($event)"
-        [style]="{input: HEXinput, label: HEXlabel}"
-      ></color-editable-input>
-      <div class="material-split">
-        <div class="material-third">
-          <color-editable-input label="r" [value]="rgb.r"
-            [style]="{ input: RGBinput, label: RGBlabel }"
-            (onChange)="handleInputChange($event)"
-          ></color-editable-input>
-        </div>
-        <div class="material-third">
-          <color-editable-input label="g" [value]="rgb.g"
-            [style]="{ input: RGBinput, label: RGBlabel }"
-            (onChange)="handleInputChange($event)"
-          ></color-editable-input>
-        </div>
-        <div class="material-third">
-          <color-editable-input label="b" [value]="rgb.b"
-            [style]="{ input: RGBinput, label: RGBlabel }"
-            (onChange)="handleInputChange($event)"
-          ></color-editable-input>
-        </div>
-      </div>
-    </div>
-  </color-raised>
-  `,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                preserveWhitespaces: false,
-                styles: [`
-  .material-picker {
-    width: 130px;
-    height: 130px;
-    padding: 16px;
-    font-family: Roboto;
-  }
-  .material-split {
-    display: flex;
-    margin-right: -10px;
-    padding-top: 11px;
-  }
-  .material-third {
-    flex: 1 1 0%;
-    padding-right: 10px;
-  }
-  `]
-            },] }
-];
-MaterialComponent.ctorParameters = () => [];
-MaterialComponent.propDecorators = {
-    zDepth: [{ type: Input }],
-    radius: [{ type: Input }],
-    background: [{ type: Input }]
-};
-class ColorMaterialModule {
-}
-ColorMaterialModule.decorators = [
-    { type: NgModule, args: [{
-                exports: [MaterialComponent],
-                declarations: [MaterialComponent],
-                imports: [CommonModule, EditableInputModule, RaisedModule],
-            },] }
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { ColorMaterialModule, MaterialComponent };
-//# sourceMappingURL=ngx-color-material.js.map

package/material/fesm2015/ngx-color-material.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ngx-color-material.js","sources":["../../../../src/lib/components/material/material.component.ts","../../../../src/lib/components/material/ngx-color-material.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, NgModule, Input } from '@angular/core';\n\nimport { ColorWrap, EditableInputModule, RaisedModule, isValidHex, zDepth } from 'ngx-color';\n\n@Component({\n  selector: 'color-material',\n  template: `\n  <color-raised [zDepth]=\"zDepth\" [background]=\"background\" [radius]=\"radius\">\n    <div class=\"material-picker {{ className }}\">\n      <color-editable-input label=\"hex\" [value]=\"hex\"\n        (onChange)=\"handleValueChange($event)\"\n        [style]=\"{input: HEXinput, label: HEXlabel}\"\n      ></color-editable-input>\n      <div class=\"material-split\">\n        <div class=\"material-third\">\n          <color-editable-input label=\"r\" [value]=\"rgb.r\"\n            [style]=\"{ input: RGBinput, label: RGBlabel }\"\n            (onChange)=\"handleInputChange($event)\"\n          ></color-editable-input>\n        </div>\n        <div class=\"material-third\">\n          <color-editable-input label=\"g\" [value]=\"rgb.g\"\n            [style]=\"{ input: RGBinput, label: RGBlabel }\"\n            (onChange)=\"handleInputChange($event)\"\n          ></color-editable-input>\n        </div>\n        <div class=\"material-third\">\n          <color-editable-input label=\"b\" [value]=\"rgb.b\"\n            [style]=\"{ input: RGBinput, label: RGBlabel }\"\n            (onChange)=\"handleInputChange($event)\"\n          ></color-editable-input>\n        </div>\n      </div>\n    </div>\n  </color-raised>\n  `,\n  styles: [\n    `\n  .material-picker {\n    width: 130px;\n    height: 130px;\n    padding: 16px;\n    font-family: Roboto;\n  }\n  .material-split {\n    display: flex;\n    margin-right: -10px;\n    padding-top: 11px;\n  }\n  .material-third {\n    flex: 1 1 0%;\n    padding-right: 10px;\n  }\n  `,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  preserveWhitespaces: false,\n})\nexport class MaterialComponent extends ColorWrap {\n  HEXinput: {[key: string]: string} = {\n    width: '100%',\n    marginTop: '12px',\n    fontSize: '15px',\n    color: 'rgb(51, 51, 51)',\n    padding: '0px',\n    'border-width': '0px 0px 2px',\n    outline: 'none',\n    height: '30px',\n  };\n  HEXlabel: {[key: string]: string} = {\n    position: 'absolute',\n    top: '0px',\n    left: '0px',\n    fontSize: '11px',\n    color: 'rgb(153, 153, 153)',\n    'text-transform': 'capitalize',\n  };\n  RGBinput: {[key: string]: string} = {\n    width: '100%',\n    marginTop: '12px',\n    fontSize: '15px',\n    color: '#333',\n    padding: '0px',\n    border: '0px',\n    'border-bottom': '1px solid #eee',\n    outline: 'none',\n    height: '30px',\n  };\n  RGBlabel: {[key: string]: string} = {\n    position: 'absolute',\n    top: '0px',\n    left: '0px',\n    fontSize: '11px',\n    color: '#999999',\n    'text-transform': 'capitalize',\n  };\n  @Input() zDepth: zDepth = 1;\n  @Input() radius = 1;\n  @Input() background = '#fff';\n  disableAlpha = true;\n\n  constructor() {\n    super();\n  }\n\n  handleValueChange({ data, $event }) {\n    this.handleChange(data, $event);\n  }\n\n  handleInputChange({ data, $event }) {\n    if (data.hex) {\n      if (isValidHex(data.hex)) {\n        this.handleValueChange({\n          data: {\n            hex: data.hex,\n            source: 'hex',\n          },\n          $event,\n        });\n      }\n    } else if (data.r || data.g || data.b) {\n      this.handleValueChange({\n        data: {\n          r: data.r || this.rgb.r,\n          g: data.g || this.rgb.g,\n          b: data.b || this.rgb.b,\n          source: 'rgb',\n        },\n        $event,\n      });\n    }\n  }\n\n  afterValidChange() {\n    this.HEXinput['border-bottom-color'] = this.hex;\n  }\n}\n\n@NgModule({\n  exports: [MaterialComponent],\n  declarations: [MaterialComponent],\n  imports: [CommonModule, EditableInputModule, RaisedModule],\n})\nexport class ColorMaterialModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './material.component';\n"],"names":[],"mappings":";;;;MA2Da,iBAAkB,SAAQ,SAAS;IA2C9C;QACE,KAAK,EAAE,CAAC;QA3CV,aAAQ,GAA4B;YAClC,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,MAAM;YACjB,QAAQ,EAAE,MAAM;YAChB,KAAK,EAAE,iBAAiB;YACxB,OAAO,EAAE,KAAK;YACd,cAAc,EAAE,aAAa;YAC7B,OAAO,EAAE,MAAM;YACf,MAAM,EAAE,MAAM;SACf,CAAC;QACF,aAAQ,GAA4B;YAClC,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,KAAK;YACV,IAAI,EAAE,KAAK;YACX,QAAQ,EAAE,MAAM;YAChB,KAAK,EAAE,oBAAoB;YAC3B,gBAAgB,EAAE,YAAY;SAC/B,CAAC;QACF,aAAQ,GAA4B;YAClC,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,MAAM;YACjB,QAAQ,EAAE,MAAM;YAChB,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,KAAK;YACd,MAAM,EAAE,KAAK;YACb,eAAe,EAAE,gBAAgB;YACjC,OAAO,EAAE,MAAM;YACf,MAAM,EAAE,MAAM;SACf,CAAC;QACF,aAAQ,GAA4B;YAClC,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,KAAK;YACV,IAAI,EAAE,KAAK;YACX,QAAQ,EAAE,MAAM;YAChB,KAAK,EAAE,SAAS;YAChB,gBAAgB,EAAE,YAAY;SAC/B,CAAC;QACO,WAAM,GAAW,CAAC,CAAC;QACnB,WAAM,GAAG,CAAC,CAAC;QACX,eAAU,GAAG,MAAM,CAAC;QAC7B,iBAAY,GAAG,IAAI,CAAC;KAInB;IAED,iBAAiB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;QAChC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;KACjC;IAED,iBAAiB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;QAChC,IAAI,IAAI,CAAC,GAAG,EAAE;YACZ,IAAI,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;gBACxB,IAAI,CAAC,iBAAiB,CAAC;oBACrB,IAAI,EAAE;wBACJ,GAAG,EAAE,IAAI,CAAC,GAAG;wBACb,MAAM,EAAE,KAAK;qBACd;oBACD,MAAM;iBACP,CAAC,CAAC;aACJ;SACF;aAAM,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE;YACrC,IAAI,CAAC,iBAAiB,CAAC;gBACrB,IAAI,EAAE;oBACJ,CAAC,EAAE,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC;oBACvB,CAAC,EAAE,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC;oBACvB,CAAC,EAAE,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC;oBACvB,MAAM,EAAE,KAAK;iBACd;gBACD,MAAM;aACP,CAAC,CAAC;SACJ;KACF;IAED,gBAAgB;QACd,IAAI,CAAC,QAAQ,CAAC,qBAAqB,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC;KACjD;;;YAnIF,SAAS,SAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BT;gBAoBD,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,mBAAmB,EAAE,KAAK;yBAnBxB;;;;;;;;;;;;;;;;GAgBD;aAIF;;;;qBAuCE,KAAK;qBACL,KAAK;yBACL,KAAK;;MA6CK,mBAAmB;;;YAL/B,QAAQ,SAAC;gBACR,OAAO,EAAE,CAAC,iBAAiB,CAAC;gBAC5B,YAAY,EAAE,CAAC,iBAAiB,CAAC;gBACjC,OAAO,EAAE,CAAC,YAAY,EAAE,mBAAmB,EAAE,YAAY,CAAC;aAC3D;;;AC/ID;;;;;;"}

package/material/ngx-color-material.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"metadata":{"MaterialComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"ngx-color","name":"ColorWrap","line":59,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"color-material","template":"\n  <color-raised [zDepth]=\"zDepth\" [background]=\"background\" [radius]=\"radius\">\n    <div class=\"material-picker {{ className }}\">\n      <color-editable-input label=\"hex\" [value]=\"hex\"\n        (onChange)=\"handleValueChange($event)\"\n        [style]=\"{input: HEXinput, label: HEXlabel}\"\n      ></color-editable-input>\n      <div class=\"material-split\">\n        <div class=\"material-third\">\n          <color-editable-input label=\"r\" [value]=\"rgb.r\"\n            [style]=\"{ input: RGBinput, label: RGBlabel }\"\n            (onChange)=\"handleInputChange($event)\"\n          ></color-editable-input>\n        </div>\n        <div class=\"material-third\">\n          <color-editable-input label=\"g\" [value]=\"rgb.g\"\n            [style]=\"{ input: RGBinput, label: RGBlabel }\"\n            (onChange)=\"handleInputChange($event)\"\n          ></color-editable-input>\n        </div>\n        <div class=\"material-third\">\n          <color-editable-input label=\"b\" [value]=\"rgb.b\"\n            [style]=\"{ input: RGBinput, label: RGBlabel }\"\n            (onChange)=\"handleInputChange($event)\"\n          ></color-editable-input>\n        </div>\n      </div>\n    </div>\n  </color-raised>\n  ","styles":["\n  .material-picker {\n    width: 130px;\n    height: 130px;\n    padding: 16px;\n    font-family: Roboto;\n  }\n  .material-split {\n    display: flex;\n    margin-right: -10px;\n    padding-top: 11px;\n  }\n  .material-third {\n    flex: 1 1 0%;\n    padding-right: 10px;\n  }\n  "],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":56,"character":19},"member":"OnPush"},"preserveWhitespaces":false}]}],"members":{"zDepth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":3}}]}],"radius":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":3}}]}],"background":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"handleValueChange":[{"__symbolic":"method"}],"handleInputChange":[{"__symbolic":"method"}],"afterValidChange":[{"__symbolic":"method"}]}},"ColorMaterialModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":139,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"MaterialComponent"}],"declarations":[{"__symbolic":"reference","name":"MaterialComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":142,"character":12},{"__symbolic":"reference","module":"ngx-color","name":"EditableInputModule","line":142,"character":26},{"__symbolic":"reference","module":"ngx-color","name":"RaisedModule","line":142,"character":47}]}]}],"members":{}}},"origins":{"MaterialComponent":"./material.component","ColorMaterialModule":"./material.component"},"importAs":"ngx-color/material"}

package/ngx-color.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"metadata":{"AlphaComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"color-alpha","template":"\n  <div class=\"alpha\" [style.border-radius]=\"radius\">\n    <div class=\"alpha-checkboard\">\n      <color-checkboard></color-checkboard>\n    </div>\n    <div class=\"alpha-gradient\" [ngStyle]=\"gradient\" [style.box-shadow]=\"shadow\" [style.border-radius]=\"radius\"></div>\n    <div ngx-color-coordinates (coordinatesChange)=\"handleChange($event)\" class=\"alpha-container color-alpha-{{direction}}\">\n      <div class=\"alpha-pointer\" [style.left.%]=\"pointerLeft\" [style.top.%]=\"pointerTop\">\n        <div class=\"alpha-slider\" [ngStyle]=\"pointer\"></div>\n      </div>\n    </div>\n  </div>\n  ","styles":["\n    .alpha {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n    }\n    .alpha-checkboard {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      overflow: hidden;\n    }\n    .alpha-gradient {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n    }\n    .alpha-container {\n      position: relative;\n      height: 100%;\n      margin: 0 3px;\n    }\n    .alpha-pointer {\n      position: absolute;\n    }\n    .alpha-slider {\n      width: 4px;\n      border-radius: 1px;\n      height: 8px;\n      box-shadow: 0 0 2px rgba(0, 0, 0, .6);\n      background: #fff;\n      margin-top: 1px;\n      transform: translateX(-2px);\n    }\n  "],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":74,"character":19},"member":"OnPush"},"preserveWhitespaces":false}]}],"members":{"hsl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3}}]}],"rgb":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3}}]}],"pointer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3}}]}],"shadow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3}}]}],"radius":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":84,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}],"handleChange":[{"__symbolic":"method"}]}},"AlphaModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":159,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"AlphaComponent"}],"exports":[{"__symbolic":"reference","name":"AlphaComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":162,"character":12},{"__symbolic":"reference","name":"CheckboardModule"},{"__symbolic":"reference","name":"CoordinatesModule"}]}]}],"members":{}},"CheckboardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"color-checkboard","template":"<div class=\"grid\" [ngStyle]=\"gridStyles\"></div>","styles":["\n  .grid {\n    top: 0px;\n    right: 0px;\n    bottom: 0px;\n    left: 0px;\n    position: absolute;\n  }\n  "],"preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":26,"character":19},"member":"OnPush"}}]}],"members":{"white":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"grey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"boxShadow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"borderRadius":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"CheckboardModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":46,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CheckboardComponent"}],"exports":[{"__symbolic":"reference","name":"CheckboardComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":49,"character":12}]}]}],"members":{}},"ColorEvent":{"__symbolic":"interface"},"ColorWrap":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"color-wrap","template":""}]}],"members":{"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"onChangeComplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}],"onSwatchHover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setState":[{"__symbolic":"method"}],"handleChange":[{"__symbolic":"method"}],"afterValidChange":[{"__symbolic":"method"}],"handleSwatchHover":[{"__symbolic":"method"}]}},"ColorWrapModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":93,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ColorWrap"}],"exports":[{"__symbolic":"reference","name":"ColorWrap"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":96,"character":12}]}]}],"members":{}},"EditableInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"color-editable-input","template":"\n    <div class=\"wrap\" [ngStyle]=\"wrapStyle\">\n      <input\n        [ngStyle]=\"inputStyle\"\n        spellCheck=\"false\"\n        [value]=\"currentValue\"\n        [placeholder]=\"placeholder\"\n        (keydown)=\"handleKeydown($event)\"\n        (keyup)=\"handleKeyup($event)\"\n        (focus)=\"handleFocus($event)\"\n        (focusout)=\"handleFocusOut($event)\"\n        aria-labelledby=\"colorEditableInputLabel\"\n      />\n      <span id=\"colorEditableInputLabel\" *ngIf=\"label\" [ngStyle]=\"labelStyle\" (mousedown)=\"handleMousedown($event)\">\n        {{ label }}\n      </span>\n    </div>\n  ","styles":["\n      :host {\n        display: flex;\n      }\n      .wrap {\n        position: relative;\n      }\n    "],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":45,"character":19},"member":"OnPush"}}]}],"members":{"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"arrowOffset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"dragLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"dragMax":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"handleFocus":[{"__symbolic":"method"}],"handleFocusOut":[{"__symbolic":"method"}],"handleKeydown":[{"__symbolic":"method"}],"handleKeyup":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"subscribe":[{"__symbolic":"method"}],"unsubscribe":[{"__symbolic":"method"}],"handleMousedown":[{"__symbolic":"method"}],"handleDrag":[{"__symbolic":"method"}]}},"EditableInputModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":189,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"EditableInputComponent"}],"exports":[{"__symbolic":"reference","name":"EditableInputComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":192,"character":12}]}]}],"members":{}},"HueComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"color-hue","template":"\n  <div class=\"color-hue color-hue-{{direction}}\" [style.border-radius.px]=\"radius\" [style.box-shadow]=\"shadow\">\n    <div ngx-color-coordinates (coordinatesChange)=\"handleChange($event)\" class=\"color-hue-container\">\n      <div class=\"color-hue-pointer\" [style.left]=\"left\" [style.top]=\"top\" *ngIf=\"!hidePointer\">\n        <div class=\"color-hue-slider\" [ngStyle]=\"pointer\"></div>\n      </div>\n    </div>\n  </div>\n  ","styles":["\n    .color-hue {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n    }\n    .color-hue-container {\n      margin: 0 2px;\n      position: relative;\n      height: 100%;\n    }\n    .color-hue-pointer {\n      position: absolute;\n    }\n    .color-hue-slider {\n      margin-top: 1px;\n      width: 4px;\n      border-radius: 1px;\n      height: 8px;\n      box-shadow: 0 0 2px rgba(0, 0, 0, .6);\n      background: #fff;\n      transform: translateX(-2px);\n    }\n    .color-hue-horizontal {\n      background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0\n        33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n    }\n    .color-hue-vertical {\n      background: linear-gradient(to top, #f00 0%, #ff0 17%, #0f0 33%,\n        #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n    }\n  "],"preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":62,"character":19},"member":"OnPush"}}]}],"members":{"hsl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"pointer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"radius":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"shadow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"hidePointer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":71,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}],"handleChange":[{"__symbolic":"method"}]}},"HueModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":134,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"HueComponent"}],"exports":[{"__symbolic":"reference","name":"HueComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":137,"character":12},{"__symbolic":"reference","name":"CoordinatesModule"}]}]}],"members":{}},"zDepth":{"__symbolic":"interface"},"RaisedComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"color-raised","template":"\n  <div class=\"raised-wrap\">\n    <div class=\"raised-bg zDepth-{{zDepth}}\" [style.background]=\"background\"></div>\n    <div class=\"raised-content\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n  ","styles":["\n    .raised-wrap {\n      position: relative;\n      display: inline-block;\n    }\n    .raised-bg {\n      position: absolute;\n      top: 0px;\n      right: 0px;\n      bottom: 0px;\n      left: 0px;\n    }\n    .raised-content {\n      position: relative;\n    }\n    .zDepth-0 {\n      box-shadow: none;\n    }\n    .zDepth-1 {\n      box-shadow: 0 2px 10px rgba(0,0,0,.12), 0 2px 5px rgba(0,0,0,.16);\n    }\n    .zDepth-2 {\n      box-shadow: 0 6px 20px rgba(0,0,0,.19), 0 8px 17px rgba(0,0,0,.2);\n    }\n    .zDepth-3 {\n      box-shadow: 0 17px 50px rgba(0,0,0,.19), 0 12px 15px rgba(0,0,0,.24);\n    }\n    .zDepth-4 {\n      box-shadow: 0 25px 55px rgba(0,0,0,.21), 0 16px 28px rgba(0,0,0,.22);\n    }\n    .zDepth-5 {\n      box-shadow: 0 40px 77px rgba(0,0,0,.22), 0 27px 24px rgba(0,0,0,.2);\n    }\n  "],"preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":50,"character":19},"member":"OnPush"}}]}],"members":{"zDepth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"radius":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"background":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}]}},"RaisedModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":58,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"RaisedComponent"}],"exports":[{"__symbolic":"reference","name":"RaisedComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":61,"character":12}]}]}],"members":{}},"SaturationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"color-saturation","template":"\n  <div class=\"color-saturation\" ngx-color-coordinates (coordinatesChange)=\"handleChange($event)\" [style.background]=\"background\">\n    <div class=\"saturation-white\">\n      <div class=\"saturation-black\"></div>\n      <div class=\"saturation-pointer\" [ngStyle]=\"pointer\" [style.top]=\"pointerTop\" [style.left]=\"pointerLeft\">\n        <div class=\"saturation-circle\" [ngStyle]=\"circle\"></div>\n      </div>\n    </div>\n  </div>\n  ","styles":["\n    .saturation-white {\n      background: linear-gradient(to right, #fff, rgba(255,255,255,0));\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n    }\n    .saturation-black {\n      background: linear-gradient(to top, #000, rgba(0,0,0,0));\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n    }\n    .color-saturation {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n    }\n    .saturation-pointer {\n      position: absolute;\n      cursor: default;\n    }\n    .saturation-circle {\n      width: 4px;\n      height: 4px;\n      box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0,0,0,.3), 0 0 1px 2px rgba(0,0,0,.4);\n      border-radius: 50%;\n      cursor: hand;\n      transform: translate(-2px, -4px);\n    }\n  "],"preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":67,"character":19},"member":"OnPush"}}]}],"members":{"hsl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"hsv":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3}}]}],"radius":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"pointer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"circle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3}}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":75,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}],"handleChange":[{"__symbolic":"method"}]}},"SaturationModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":112,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SaturationComponent"}],"exports":[{"__symbolic":"reference","name":"SaturationComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":115,"character":12},{"__symbolic":"reference","name":"CoordinatesModule"}]}]}],"members":{}},"SwatchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"color-swatch","template":"\n    <div\n      class=\"swatch\"\n      [ngStyle]=\"currentStyles()\"\n      [attr.title]=\"color\"\n      (click)=\"handleClick(color, $event)\"\n      (keydown.enter)=\"handleClick(color, $event)\"\n      (focus)=\"handleFocus()\"\n      (blur)=\"handleFocusOut()\"\n      (mouseover)=\"handleHover(color, $event)\"\n      tabindex=\"0\"\n    >\n      <ng-content></ng-content>\n      <color-checkboard\n        *ngIf=\"color === 'transparent'\"\n        boxShadow=\"inset 0 0 0 1px rgba(0,0,0,0.1)\"\n      ></color-checkboard>\n    </div>\n  ","styles":["\n      .swatch {\n        outline: none;\n        height: 100%;\n        width: 100%;\n        cursor: pointer;\n        position: relative;\n      }\n    "],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":45,"character":19},"member":"OnPush"}}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"focusStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"onClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":3}}]}],"onHover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":53,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"currentStyles":[{"__symbolic":"method"}],"handleFocusOut":[{"__symbolic":"method"}],"handleFocus":[{"__symbolic":"method"}],"handleHover":[{"__symbolic":"method"}],"handleClick":[{"__symbolic":"method"}]}},"SwatchModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":85,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SwatchComponent"}],"exports":[{"__symbolic":"reference","name":"SwatchComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":88,"character":12},{"__symbolic":"reference","name":"CheckboardModule"}]}]}],"members":{}},"CoordinatesDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":13,"character":1},"arguments":[{"selector":"[ngx-color-coordinates]"}]}],"members":{"coordinatesChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"mousemove":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":34,"character":3},"arguments":["window:mousemove",["$event","$event.pageX","$event.pageY"]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":35,"character":3},"arguments":["window:touchmove",["$event","$event.touches[0].clientX","$event.touches[0].clientY","true"]]}]}],"mouseup":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":47,"character":3},"arguments":["window:mouseup"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":48,"character":3},"arguments":["window:touchend"]}]}],"mousedown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":52,"character":3},"arguments":["mousedown",["$event","$event.pageX","$event.pageY"]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":53,"character":3},"arguments":["touchstart",["$event","$event.touches[0].clientX","$event.touches[0].clientY","true"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":65,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"handleChange":[{"__symbolic":"method"}]}},"CoordinatesModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":103,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CoordinatesDirective"}],"exports":[{"__symbolic":"reference","name":"CoordinatesDirective"}]}]}],"members":{}},"ShadeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"color-shade","template":"\n    <div class=\"shade\" [style.border-radius]=\"radius\">\n      <div\n        class=\"shade-gradient\"\n        [ngStyle]=\"gradient\"\n        [style.box-shadow]=\"shadow\"\n        [style.border-radius]=\"radius\"\n      ></div>\n      <div\n        ngx-color-coordinates\n        (coordinatesChange)=\"handleChange($event)\"\n        class=\"shade-container\"\n      >\n        <div\n          class=\"shade-pointer\"\n          [style.left.%]=\"pointerLeft\"\n          [style.top.%]=\"pointerTop\"\n        >\n          <div class=\"shade-slider\" [ngStyle]=\"pointer\"></div>\n        </div>\n      </div>\n    </div>\n  ","styles":["\n    .shade {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n    }\n    .shade-gradient {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n    }\n    .shade-container {\n      position: relative;\n      height: 100%;\n      margin: 0 3px;\n    }\n    .shade-pointer {\n      position: absolute;\n    }\n    .shade-slider {\n      width: 4px;\n      border-radius: 1px;\n      height: 8px;\n      box-shadow: 0 0 2px rgba(0, 0, 0, .6);\n      background: #fff;\n      margin-top: 1px;\n      transform: translateX(-2px);\n    }\n  "],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":75,"character":19},"member":"OnPush"},"preserveWhitespaces":false}]}],"members":{"hsl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3}}]}],"rgb":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3}}]}],"pointer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3}}]}],"shadow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"radius":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":84,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}],"handleChange":[{"__symbolic":"method"}]}},"ShadeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":130,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ShadeComponent"}],"exports":[{"__symbolic":"reference","name":"ShadeComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":133,"character":12},{"__symbolic":"reference","name":"CoordinatesModule"}]}]}],"members":{}},"render":{"__symbolic":"function"},"getCheckerboard":{"__symbolic":"function"},"simpleCheckForValidColor":{"__symbolic":"function"},"toState":{"__symbolic":"function"},"isValidHex":{"__symbolic":"function","parameters":["hex"],"value":{"__symbolic":"select","expression":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@ctrl/tinycolor","name":"TinyColor","line":53,"character":13},"arguments":[{"__symbolic":"reference","name":"hex"}]},"member":"isValid"}},"getContrastingColor":{"__symbolic":"function"},"RGB":{"__symbolic":"interface"},"RGBA":{"__symbolic":"interface"},"HSL":{"__symbolic":"interface"},"HSLA":{"__symbolic":"interface"},"HSV":{"__symbolic":"interface"},"HSVA":{"__symbolic":"interface"},"HSVAsource":{"__symbolic":"interface"},"HSLAsource":{"__symbolic":"interface"},"Color":{"__symbolic":"interface"},"Shape":{"__symbolic":"interface"}},"origins":{"AlphaComponent":"./alpha.component","AlphaModule":"./alpha.component","CheckboardComponent":"./checkboard.component","CheckboardModule":"./checkboard.component","ColorEvent":"./color-wrap.component","ColorWrap":"./color-wrap.component","ColorWrapModule":"./color-wrap.component","EditableInputComponent":"./editable-input.component","EditableInputModule":"./editable-input.component","HueComponent":"./hue.component","HueModule":"./hue.component","zDepth":"./raised.component","RaisedComponent":"./raised.component","RaisedModule":"./raised.component","SaturationComponent":"./saturation.component","SaturationModule":"./saturation.component","SwatchComponent":"./swatch.component","SwatchModule":"./swatch.component","CoordinatesDirective":"./coordinates.directive","CoordinatesModule":"./coordinates.directive","ShadeComponent":"./shade.component","ShadeModule":"./shade.component","render":"./helpers/checkboard","getCheckerboard":"./helpers/checkboard","simpleCheckForValidColor":"./helpers/color","toState":"./helpers/color","isValidHex":"./helpers/color","getContrastingColor":"./helpers/color","RGB":"./helpers/color.interfaces","RGBA":"./helpers/color.interfaces","HSL":"./helpers/color.interfaces","HSLA":"./helpers/color.interfaces","HSV":"./helpers/color.interfaces","HSVA":"./helpers/color.interfaces","HSVAsource":"./helpers/color.interfaces","HSLAsource":"./helpers/color.interfaces","Color":"./helpers/color.interfaces","Shape":"./helpers/color.interfaces"},"importAs":"ngx-color"}