ngx-color 7.0.1 → 7.3.0

package/photoshop/esm2020/photoshop-fields.component.mjs

@@ -0,0 +1,241 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
+import { isValidHex } from 'ngx-color';
+import * as i0 from "@angular/core";
+import * as i1 from "ngx-color";
+export class PhotoshopFieldsComponent {
+    constructor() {
+        this.onChange = new EventEmitter();
+        this.RGBinput = {
+            marginLeft: '35%',
+            width: '40%',
+            height: '22px',
+            border: '1px solid rgb(136, 136, 136)',
+            boxShadow: 'rgba(0, 0, 0, 0.1) 0px 1px 1px inset, rgb(236, 236, 236) 0px 1px 0px 0px',
+            marginBottom: '2px',
+            fontSize: '13px',
+            paddingLeft: '3px',
+            marginRight: '10px',
+        };
+        this.RGBwrap = {
+            position: 'relative',
+        };
+        this.RGBlabel = {
+            left: '0px',
+            width: '34px',
+            textTransform: 'uppercase',
+            fontSize: '13px',
+            height: '24px',
+            lineHeight: '24px',
+            position: 'absolute',
+        };
+        this.HEXinput = {
+            marginLeft: '20%',
+            width: '80%',
+            height: '22px',
+            border: '1px solid #888888',
+            boxShadow: 'inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC',
+            marginBottom: '3px',
+            fontSize: '13px',
+            paddingLeft: '3px',
+        };
+        this.HEXwrap = {
+            position: 'relative',
+        };
+        this.HEXlabel = {
+            position: 'absolute',
+            top: '0px',
+            left: '0px',
+            width: '14px',
+            textTransform: 'uppercase',
+            fontSize: '13px',
+            height: '24px',
+            lineHeight: '24px',
+        };
+    }
+    round(v) {
+        return Math.round(v);
+    }
+    handleValueChange({ data, $event }) {
+        if (data['#']) {
+            if (isValidHex(data['#'])) {
+                this.onChange.emit({
+                    data: {
+                        hex: data['#'],
+                        source: 'hex',
+                    },
+                    $event,
+                });
+            }
+        }
+        else if (data.r || data.g || data.b) {
+            this.onChange.emit({
+                data: {
+                    r: data.r || this.rgb.r,
+                    g: data.g || this.rgb.g,
+                    b: data.b || this.rgb.b,
+                    source: 'rgb',
+                },
+                $event,
+            });
+        }
+        else if (data.h || data.s || data.v) {
+            this.onChange.emit({
+                data: {
+                    h: data.h || this.hsv.h,
+                    s: data.s || this.hsv.s,
+                    v: data.v || this.hsv.v,
+                    source: 'hsv',
+                },
+                $event,
+            });
+        }
+    }
+}
+PhotoshopFieldsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: PhotoshopFieldsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PhotoshopFieldsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: PhotoshopFieldsComponent, selector: "color-photoshop-fields", inputs: { rgb: "rgb", hsv: "hsv", hex: "hex" }, outputs: { onChange: "onChange" }, ngImport: i0, template: `
+  <div class="photoshop-fields">
+    <color-editable-input
+      [value]="round(hsv.h)"
+      label="h"
+      (onChange)="handleValueChange($event)"
+      [style]="{input: RGBinput, wrap: RGBwrap, label: RGBlabel}"
+    ></color-editable-input>
+    <color-editable-input
+      [value]="round(hsv.s * 100)"
+      label="s"
+      (onChange)="handleValueChange($event)"
+      [style]="{input: RGBinput, wrap: RGBwrap, label: RGBlabel}"
+    ></color-editable-input>
+    <color-editable-input
+      [value]="round(hsv.v * 100)"
+      label="v"
+      (onChange)="handleValueChange($event)"
+      [style]="{input: RGBinput, wrap: RGBwrap, label: RGBlabel}"
+    ></color-editable-input>
+    <div class="photoshop-divider"></div>
+    <color-editable-input
+      [value]="rgb.r"
+      label="r"
+      (onChange)="handleValueChange($event)"
+      [style]="{input: RGBinput, wrap: RGBwrap, label: RGBlabel}"
+    ></color-editable-input>
+    <color-editable-input
+      [value]="rgb.g"
+      label="g"
+      (onChange)="handleValueChange($event)"
+      [style]="{input: RGBinput, wrap: RGBwrap, label: RGBlabel}"
+    ></color-editable-input>
+    <color-editable-input
+      [value]="rgb.b"
+      label="b"
+      (onChange)="handleValueChange($event)"
+      [style]="{input: RGBinput, wrap: RGBwrap, label: RGBlabel}"
+    ></color-editable-input>
+    <div class="photoshop-divider"></div>
+    <color-editable-input
+      [value]="hex.replace('#', '')"
+      label="#"
+      (onChange)="handleValueChange($event)"
+      [style]="{input: HEXinput, wrap: HEXwrap, label: HEXlabel}"
+    ></color-editable-input>
+    <div class="photoshop-field-symbols">
+      <div class="photoshop-symbol">°</div>
+      <div class="photoshop-symbol">%</div>
+      <div class="photoshop-symbol">%</div>
+    </div>
+  </div>
+  `, isInline: true, styles: [".photoshop-fields{padding-top:5px;padding-bottom:9px;width:85px;position:relative}.photoshop-field-symbols{position:absolute;top:5px;right:-7px;font-size:13px}.photoshop-symbol{height:24px;line-height:24px;padding-bottom:7px}.photoshop-divider{height:5px}\n"], components: [{ type: i1.EditableInputComponent, selector: "color-editable-input", inputs: ["style", "label", "value", "arrowOffset", "dragLabel", "dragMax", "placeholder"], outputs: ["onChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: PhotoshopFieldsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'color-photoshop-fields',
+                    template: `
+  <div class="photoshop-fields">
+    <color-editable-input
+      [value]="round(hsv.h)"
+      label="h"
+      (onChange)="handleValueChange($event)"
+      [style]="{input: RGBinput, wrap: RGBwrap, label: RGBlabel}"
+    ></color-editable-input>
+    <color-editable-input
+      [value]="round(hsv.s * 100)"
+      label="s"
+      (onChange)="handleValueChange($event)"
+      [style]="{input: RGBinput, wrap: RGBwrap, label: RGBlabel}"
+    ></color-editable-input>
+    <color-editable-input
+      [value]="round(hsv.v * 100)"
+      label="v"
+      (onChange)="handleValueChange($event)"
+      [style]="{input: RGBinput, wrap: RGBwrap, label: RGBlabel}"
+    ></color-editable-input>
+    <div class="photoshop-divider"></div>
+    <color-editable-input
+      [value]="rgb.r"
+      label="r"
+      (onChange)="handleValueChange($event)"
+      [style]="{input: RGBinput, wrap: RGBwrap, label: RGBlabel}"
+    ></color-editable-input>
+    <color-editable-input
+      [value]="rgb.g"
+      label="g"
+      (onChange)="handleValueChange($event)"
+      [style]="{input: RGBinput, wrap: RGBwrap, label: RGBlabel}"
+    ></color-editable-input>
+    <color-editable-input
+      [value]="rgb.b"
+      label="b"
+      (onChange)="handleValueChange($event)"
+      [style]="{input: RGBinput, wrap: RGBwrap, label: RGBlabel}"
+    ></color-editable-input>
+    <div class="photoshop-divider"></div>
+    <color-editable-input
+      [value]="hex.replace('#', '')"
+      label="#"
+      (onChange)="handleValueChange($event)"
+      [style]="{input: HEXinput, wrap: HEXwrap, label: HEXlabel}"
+    ></color-editable-input>
+    <div class="photoshop-field-symbols">
+      <div class="photoshop-symbol">°</div>
+      <div class="photoshop-symbol">%</div>
+      <div class="photoshop-symbol">%</div>
+    </div>
+  </div>
+  `,
+                    styles: [
+                        `
+    .photoshop-fields {
+      padding-top: 5px;
+      padding-bottom: 9px;
+      width: 85px;
+      position: relative;
+    }
+    .photoshop-field-symbols {
+      position: absolute;
+      top: 5px;
+      right: -7px;
+      font-size: 13px;
+    }
+    .photoshop-symbol {
+      height: 24px;
+      line-height: 24px;
+      padding-bottom: 7px;
+    }
+    .photoshop-divider {
+      height: 5px;
+    }
+  `,
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    preserveWhitespaces: false,
+                }]
+        }], propDecorators: { rgb: [{
+                type: Input
+            }], hsv: [{
+                type: Input
+            }], hex: [{
+                type: Input
+            }], onChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGhvdG9zaG9wLWZpZWxkcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvcGhvdG9zaG9wL3Bob3Rvc2hvcC1maWVsZHMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxVQUFVLEVBQVksTUFBTSxXQUFXLENBQUM7OztBQW9GakQsTUFBTSxPQUFPLHdCQUF3QjtJQWxGckM7UUFzRlksYUFBUSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDN0MsYUFBUSxHQUEyQjtZQUNqQyxVQUFVLEVBQUUsS0FBSztZQUNqQixLQUFLLEVBQUUsS0FBSztZQUNaLE1BQU0sRUFBRSxNQUFNO1lBQ2QsTUFBTSxFQUFFLDhCQUE4QjtZQUN0QyxTQUFTLEVBQ1AsMEVBQTBFO1lBQzVFLFlBQVksRUFBRSxLQUFLO1lBQ25CLFFBQVEsRUFBRSxNQUFNO1lBQ2hCLFdBQVcsRUFBRSxLQUFLO1lBQ2xCLFdBQVcsRUFBRSxNQUFNO1NBQ3BCLENBQUM7UUFDRixZQUFPLEdBQTJCO1lBQ2hDLFFBQVEsRUFBRSxVQUFVO1NBQ3JCLENBQUM7UUFDRixhQUFRLEdBQTJCO1lBQ2pDLElBQUksRUFBRSxLQUFLO1lBQ1gsS0FBSyxFQUFFLE1BQU07WUFDYixhQUFhLEVBQUUsV0FBVztZQUMxQixRQUFRLEVBQUUsTUFBTTtZQUNoQixNQUFNLEVBQUUsTUFBTTtZQUNkLFVBQVUsRUFBRSxNQUFNO1lBQ2xCLFFBQVEsRUFBRSxVQUFVO1NBQ3JCLENBQUM7UUFDRixhQUFRLEdBQTJCO1lBQ2pDLFVBQVUsRUFBRSxLQUFLO1lBQ2pCLEtBQUssRUFBRSxLQUFLO1lBQ1osTUFBTSxFQUFFLE1BQU07WUFDZCxNQUFNLEVBQUUs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R0FBRztzQkFBWCxLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0ksUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IGlzVmFsaWRIZXgsIEhTViwgUkdCIH0gZnJvbSAnbmd4LWNvbG9yJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY29sb3ItcGhvdG9zaG9wLWZpZWxkcycsXG4gIHRlbXBsYXRlOiBgXG4gIDxkaXYgY2xhc3M9XCJwaG90b3Nob3AtZmllbGRzXCI+XG4gICAgPGNvbG9yLWVkaXRhYmxlLWlucHV0XG4gICAgICBbdmFsdWVdPVwicm91bmQoaHN2LmgpXCJcbiAgICAgIGxhYmVsPVwiaFwiXG4gICAgICAob25DaGFuZ2UpPVwiaGFuZGxlVmFsdWVDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICBbc3R5bGVdPVwie2lucHV0OiBSR0JpbnB1dCwgd3JhcDogUkdCd3JhcCwgbGFiZWw6IFJHQmxhYmVsfVwiXG4gICAgPjwvY29sb3ItZWRpdGFibGUtaW5wdXQ+XG4gICAgPGNvbG9yLWVkaXRhYmxlLWlucHV0XG4gICAgICBbdmFsdWVdPVwicm91bmQoaHN2LnMgKiAxMDApXCJcbiAgICAgIGxhYmVsPVwic1wiXG4gICAgICAob25DaGFuZ2UpPVwiaGFuZGxlVmFsdWVDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICBbc3R5bGVdPVwie2lucHV0OiBSR0JpbnB1dCwgd3JhcDogUkdCd3JhcCwgbGFiZWw6IFJHQmxhYmVsfVwiXG4gICAgPjwvY29sb3ItZWRpdGFibGUtaW5wdXQ+XG4gICAgPGNvbG9yLWVkaXRhYmxlLWlucHV0XG4gICAgICBbdmFsdWVdPVwicm91bmQoaHN2LnYgKiAxMDApXCJcbiAgICAgIGxhYmVsPVwidlwiXG4gICAgICAob25DaGFuZ2UpPVwiaGFuZGxlVmFsdWVDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICBbc3R5bGVdPVwie2lucHV0OiBSR0JpbnB1dCwgd3JhcDogUkdCd3JhcCwgbGFiZWw6IFJHQmxhYmVsfVwiXG4gICAgPjwvY29sb3ItZWRpdGFibGUtaW5wdXQ+XG4gICAgPGRpdiBjbGFzcz1cInBob3Rvc2hvcC1kaXZpZGVyXCI+PC9kaXY+XG4gICAgPGNvbG9yLWVkaXRhYmxlLWlucHV0XG4gICAgICBbdmFsdWVdPVwicmdiLnJcIlxuICAgICAgbGFiZWw9XCJyXCJcbiAgICAgIChvbkNoYW5nZSk9XCJoYW5kbGVWYWx1ZUNoYW5nZSgkZXZlbnQpXCJcbiAgICAgIFtzdHlsZV09XCJ7aW5wdXQ6IFJHQmlucHV0LCB3cmFwOiBSR0J3cmFwLCBsYWJlbDogUkdCbGFiZWx9XCJcbiAgICA+PC9jb2xvci1lZGl0YWJsZS1pbnB1dD5cbiAgICA8Y29sb3ItZWRpdGFibGUtaW5wdXRcbiAgICAgIFt2YWx1ZV09XCJyZ2IuZ1wiXG4gICAgICBsYWJlbD1cImdcIlxuICAgICAgKG9uQ2hhbmdlKT1cImhhbmRsZVZhbHVlQ2hhbmdlKCRldmVudClcIlxuICAgICAgW3N0eWxlXT1cIntpbnB1dDogUkdCaW5wdXQsIHdyYXA6IFJHQndyYXAsIGxhYmVsOiBSR0JsYWJlbH1cIlxuICAgID48L2NvbG9yLWVkaXRhYmxlLWlucHV0PlxuICAgIDxjb2xvci1lZGl0YWJsZS1pbnB1dFxuICAgICAgW3ZhbHVlXT1cInJnYi5iXCJcbiAgICAgIGxhYmVsPVwiYlwiXG4gICAgICAob25DaGFuZ2UpPVwiaGFuZGxlVmFsdWVDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICBbc3R5bGVdPVwie2lucHV0OiBSR0JpbnB1dCwgd3JhcDogUkdCd3JhcCwgbGFiZWw6IFJHQmxhYmVsfVwiXG4gICAgPjwvY29sb3ItZWRpdGFibGUtaW5wdXQ+XG4gICAgPGRpdiBjbGFzcz1cInBob3Rvc2hvcC1kaXZpZGVyXCI+PC9kaXY+XG4gICAgPGNvbG9yLWVkaXRhYmxlLWlucHV0XG4gICAgICBbdmFsdWVdPVwiaGV4LnJlcGxhY2UoJyMnLCAnJylcIlxuICAgICAgbGFiZWw9XCIjXCJcbiAgICAgIChvbkNoYW5nZSk9XCJoYW5kbGVWYWx1ZUNoYW5nZSgkZXZlbnQpXCJcbiAgICAgIFtzdHlsZV09XCJ7aW5wdXQ6IEhFWGlucHV0LCB3cmFwOiBIRVh3cmFwLCBsYWJlbDogSEVYbGFiZWx9XCJcbiAgICA+PC9jb2xvci1lZGl0YWJsZS1pbnB1dD5cbiAgICA8ZGl2IGNsYXNzPVwicGhvdG9zaG9wLWZpZWxkLXN5bWJvbHNcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJwaG90b3Nob3Atc3ltYm9sXCI+wrA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJwaG90b3Nob3Atc3ltYm9sXCI+JTwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cInBob3Rvc2hvcC1zeW1ib2xcIj4lPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICBgLFxuICBzdHlsZXM6IFtcbiAgICBgXG4gICAgLnBob3Rvc2hvcC1maWVsZHMge1xuICAgICAgcGFkZGluZy10b3A6IDVweDtcbiAgICAgIHBhZGRpbmctYm90dG9tOiA5cHg7XG4gICAgICB3aWR0aDogODVweDtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB9XG4gICAgLnBob3Rvc2hvcC1maWVsZC1zeW1ib2xzIHtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogNXB4O1xuICAgICAgcmlnaHQ6IC03cHg7XG4gICAgICBmb250LXNpemU6IDEzcHg7XG4gICAgfVxuICAgIC5waG90b3Nob3Atc3ltYm9sIHtcbiAgICAgIGhlaWdodDogMjRweDtcbiAgICAgIGxpbmUtaGVpZ2h0OiAyNHB4O1xuICAgICAgcGFkZGluZy1ib3R0b206IDdweDtcbiAgICB9XG4gICAgLnBob3Rvc2hvcC1kaXZpZGVyIHtcbiAgICAgIGhlaWdodDogNXB4O1xuICAgIH1cbiAgYCxcbiAgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByZXNlcnZlV2hpdGVzcGFjZXM6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBQaG90b3Nob3BGaWVsZHNDb21wb25lbnQge1xuICBASW5wdXQoKSByZ2IhOiBSR0I7XG4gIEBJbnB1dCgpIGhzdiE6IEhTVjtcbiAgQElucHV0KCkgaGV4ITogc3RyaW5nO1xuICBAT3V0cHV0KCkgb25DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgUkdCaW5wdXQ6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPSB7XG4gICAgbWFyZ2luTGVmdDogJzM1JScsXG4gICAgd2lkdGg6ICc0MCUnLFxuICAgIGhlaWdodDogJzIycHgnLFxuICAgIGJvcmRlcjogJzFweCBzb2xpZCByZ2IoMTM2LCAxMzYsIDEzNiknLFxuICAgIGJveFNoYWRvdzpcbiAgICAgICdyZ2JhKDAsIDAsIDAsIDAuMSkgMHB4IDFweCAxcHggaW5zZXQsIHJnYigyMzYsIDIzNiwgMjM2KSAwcHggMXB4IDBweCAwcHgnLFxuICAgIG1hcmdpbkJvdHRvbTogJzJweCcsXG4gICAgZm9udFNpemU6ICcxM3B4JyxcbiAgICBwYWRkaW5nTGVmdDogJzNweCcsXG4gICAgbWFyZ2luUmlnaHQ6ICcxMHB4JyxcbiAgfTtcbiAgUkdCd3JhcDogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IHtcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgfTtcbiAgUkdCbGFiZWw6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPSB7XG4gICAgbGVmdDogJzBweCcsXG4gICAgd2lkdGg6ICczNHB4JyxcbiAgICB0ZXh0VHJhbnNmb3JtOiAndXBwZXJjYXNlJyxcbiAgICBmb250U2l6ZTogJzEzcHgnLFxuICAgIGhlaWdodDogJzI0cHgnLFxuICAgIGxpbmVIZWlnaHQ6ICcyNHB4JyxcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgfTtcbiAgSEVYaW5wdXQ6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPSB7XG4gICAgbWFyZ2luTGVmdDogJzIwJScsXG4gICAgd2lkdGg6ICc4MCUnLFxuICAgIGhlaWdodDogJzIycHgnLFxuICAgIGJvcmRlcjogJzFweCBzb2xpZCAjODg4ODg4JyxcbiAgICBib3hTaGFkb3c6ICdpbnNldCAwIDFweCAxcHggcmdiYSgwLDAsMCwuMSksIDAgMXB4IDAgMCAjRUNFQ0VDJyxcbiAgICBtYXJnaW5Cb3R0b206ICczcHgnLFxuICAgIGZvbnRTaXplOiAnMTNweCcsXG4gICAgcGFkZGluZ0xlZnQ6ICczcHgnLFxuICB9O1xuICBIRVh3cmFwOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+ID0ge1xuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICB9O1xuICBIRVhsYWJlbDogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IHtcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICB0b3A6ICcwcHgnLFxuICAgIGxlZnQ6ICcwcHgnLFxuICAgIHdpZHRoOiAnMTRweCcsXG4gICAgdGV4dFRyYW5zZm9ybTogJ3VwcGVyY2FzZScsXG4gICAgZm9udFNpemU6ICcxM3B4JyxcbiAgICBoZWlnaHQ6ICcyNHB4JyxcbiAgICBsaW5lSGVpZ2h0OiAnMjRweCcsXG4gIH07XG5cbiAgcm91bmQodikge1xuICAgIHJldHVybiBNYXRoLnJvdW5kKHYpO1xuICB9XG4gIGhhbmRsZVZhbHVlQ2hhbmdlKHsgZGF0YSwgJGV2ZW50IH0pIHtcbiAgICBpZiAoZGF0YVsnIyddKSB7XG4gICAgICBpZiAoaXNWYWxpZEhleChkYXRhWycjJ10pKSB7XG4gICAgICAgIHRoaXMub25DaGFuZ2UuZW1pdCh7XG4gICAgICAgICAgZGF0YToge1xuICAgICAgICAgICAgaGV4OiBkYXRhWycjJ10sXG4gICAgICAgICAgICBzb3VyY2U6ICdoZXgnLFxuICAgICAgICAgIH0sXG4gICAgICAgICAgJGV2ZW50LFxuICAgICAgICB9KTtcbiAgICAgIH1cbiAgICB9IGVsc2UgaWYgKGRhdGEuciB8fCBkYXRhLmcgfHwgZGF0YS5iKSB7XG4gICAgICB0aGlzLm9uQ2hhbmdlLmVtaXQoe1xuICAgICAgICBkYXRhOiB7XG4gICAgICAgICAgcjogZGF0YS5yIHx8IHRoaXMucmdiLnIsXG4gICAgICAgICAgZzogZGF0YS5nIHx8IHRoaXMucmdiLmcsXG4gICAgICAgICAgYjogZGF0YS5iIHx8IHRoaXMucmdiLmIsXG4gICAgICAgICAgc291cmNlOiAncmdiJyxcbiAgICAgICAgfSxcbiAgICAgICAgJGV2ZW50LFxuICAgICAgfSk7XG4gICAgfSBlbHNlIGlmIChkYXRhLmggfHwgZGF0YS5zIHx8IGRhdGEudikge1xuICAgICAgdGhpcy5vbkNoYW5nZS5lbWl0KHtcbiAgICAgICAgZGF0YToge1xuICAgICAgICAgIGg6IGRhdGEuaCB8fCB0aGlzLmhzdi5oLFxuICAgICAgICAgIHM6IGRhdGEucyB8fCB0aGlzLmhzdi5zLFxuICAgICAgICAgIHY6IGRhdGEudiB8fCB0aGlzLmhzdi52LFxuICAgICAgICAgIHNvdXJjZTogJ2hzdicsXG4gICAgICAgIH0sXG4gICAgICAgICRldmVudCxcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxufVxuIl19

package/photoshop/esm2020/photoshop-previews.component.mjs

@@ -0,0 +1,68 @@
+import { ChangeDetectionStrategy, Component, Input, } from '@angular/core';
+import * as i0 from "@angular/core";
+export class PhotoshopPreviewsComponent {
+    constructor() {
+        this.currentColor = '';
+        this.backgroundNew = '';
+    }
+    ngOnChanges() {
+        this.backgroundNew = `rgb(${this.rgb.r},${this.rgb.g}, ${this.rgb.b})`;
+    }
+}
+PhotoshopPreviewsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: PhotoshopPreviewsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PhotoshopPreviewsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: PhotoshopPreviewsComponent, selector: "color-photoshop-previews", inputs: { rgb: "rgb", currentColor: "currentColor" }, usesOnChanges: true, ngImport: i0, template: `
+  <div>
+    <div class="photoshop-label">new</div>
+    <div class="photoshop-swatches">
+      <div class="photoshop-new" [style.background]="backgroundNew"></div>
+      <div class="photoshop-current" [style.background]="currentColor"></div>
+    </div>
+    <div class="photoshop-label">current</div>
+  </div>
+  `, isInline: true, styles: [".photoshop-swatches{border:1px solid #B3B3B3;border-bottom:1px solid #F0F0F0;margin-bottom:2px;margin-top:1px}.photoshop-new{height:34px;box-shadow:inset 1px 0 #000,inset -1px 0 #000,inset 0 1px #000}.photoshop-current{height:34px;box-shadow:inset 1px 0 #000,inset -1px 0 #000,inset 0 -1px #000}.photoshop-label{font-size:14px;color:#000;text-align:center}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: PhotoshopPreviewsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'color-photoshop-previews',
+                    template: `
+  <div>
+    <div class="photoshop-label">new</div>
+    <div class="photoshop-swatches">
+      <div class="photoshop-new" [style.background]="backgroundNew"></div>
+      <div class="photoshop-current" [style.background]="currentColor"></div>
+    </div>
+    <div class="photoshop-label">current</div>
+  </div>
+  `,
+                    styles: [
+                        `
+  .photoshop-swatches {
+    border: 1px solid #B3B3B3;
+    border-bottom: 1px solid #F0F0F0;
+    margin-bottom: 2px;
+    margin-top: 1px;
+  }
+  .photoshop-new {
+    height: 34px;
+    box-shadow: inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 1px 0 #000;
+  }
+  .photoshop-current {
+    height: 34px;
+    box-shadow: inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 -1px 0 #000;
+  }
+  .photoshop-label {
+    font-size: 14px;
+    color: #000;
+    text-align: center;
+  }
+  `,
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    preserveWhitespaces: false,
+                }]
+        }], propDecorators: { rgb: [{
+                type: Input
+            }], currentColor: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGhvdG9zaG9wLXByZXZpZXdzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9waG90b3Nob3AvcGhvdG9zaG9wLXByZXZpZXdzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxLQUFLLEdBRU4sTUFBTSxlQUFlLENBQUM7O0FBeUN2QixNQUFNLE9BQU8sMEJBQTBCO0lBdEN2QztRQXdDVyxpQkFBWSxHQUFHLEVBQUUsQ0FBQztRQUMzQixrQkFBYSxHQUFHLEVBQUUsQ0FBQztLQUtwQjtJQUhDLFdBQVc7UUFDVCxJQUFJLENBQUMsYUFBYSxHQUFHLE9BQU8sSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsQ0FBQztJQUN6RSxDQUFDOzt1SEFQVSwwQkFBMEI7MkdBQTFCLDBCQUEwQiwySUFwQzNCOzs7Ozs7Ozs7R0FTVDsyRkEyQlUsMEJBQTBCO2tCQXRDdEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsMEJBQTBCO29CQUNwQyxRQUFRLEVBQUU7Ozs7Ozs7OztHQVNUO29CQUNELE1BQU0sRUFBRTt3QkFDTjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FvQkQ7cUJBQ0E7b0JBQ0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLG1CQUFtQixFQUFFLEtBQUs7aUJBQzNCOzhCQUVVLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSR0IgfSBmcm9tICduZ3gtY29sb3InO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjb2xvci1waG90b3Nob3AtcHJldmlld3MnLFxuICB0ZW1wbGF0ZTogYFxuICA8ZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJwaG90b3Nob3AtbGFiZWxcIj5uZXc8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwicGhvdG9zaG9wLXN3YXRjaGVzXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicGhvdG9zaG9wLW5ld1wiIFtzdHlsZS5iYWNrZ3JvdW5kXT1cImJhY2tncm91bmROZXdcIj48L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJwaG90b3Nob3AtY3VycmVudFwiIFtzdHlsZS5iYWNrZ3JvdW5kXT1cImN1cnJlbnRDb2xvclwiPjwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJwaG90b3Nob3AtbGFiZWxcIj5jdXJyZW50PC9kaXY+XG4gIDwvZGl2PlxuICBgLFxuICBzdHlsZXM6IFtcbiAgICBgXG4gIC5waG90b3Nob3Atc3dhdGNoZXMge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICNCM0IzQjM7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNGMEYwRjA7XG4gICAgbWFyZ2luLWJvdHRvbTogMnB4O1xuICAgIG1hcmdpbi10b3A6IDFweDtcbiAgfVxuICAucGhvdG9zaG9wLW5ldyB7XG4gICAgaGVpZ2h0OiAzNHB4O1xuICAgIGJveC1zaGFkb3c6IGluc2V0IDFweCAwIDAgIzAwMCwgaW5zZXQgLTFweCAwIDAgIzAwMCwgaW5zZXQgMCAxcHggMCAjMDAwO1xuICB9XG4gIC5waG90b3Nob3AtY3VycmVudCB7XG4gICAgaGVpZ2h0OiAzNHB4O1xuICAgIGJveC1zaGFkb3c6IGluc2V0IDFweCAwIDAgIzAwMCwgaW5zZXQgLTFweCAwIDAgIzAwMCwgaW5zZXQgMCAtMXB4IDAgIzAwMDtcbiAgfVxuICAucGhvdG9zaG9wLWxhYmVsIHtcbiAgICBmb250LXNpemU6IDE0cHg7XG4gICAgY29sb3I6ICMwMDA7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB9XG4gIGAsXG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZSxcbn0pXG5leHBvcnQgY2xhc3MgUGhvdG9zaG9wUHJldmlld3NDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICBASW5wdXQoKSByZ2IhOiBSR0I7XG4gIEBJbnB1dCgpIGN1cnJlbnRDb2xvciA9ICcnO1xuICBiYWNrZ3JvdW5kTmV3ID0gJyc7XG5cbiAgbmdPbkNoYW5nZXMoKSB7XG4gICAgdGhpcy5iYWNrZ3JvdW5kTmV3ID0gYHJnYigke3RoaXMucmdiLnJ9LCR7dGhpcy5yZ2IuZ30sICR7dGhpcy5yZ2IuYn0pYDtcbiAgfVxufVxuIl19

package/photoshop/esm2020/photoshop.component.mjs

@@ -0,0 +1,258 @@
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, EventEmitter, forwardRef, Input, NgModule, Output } from '@angular/core';
+import { AlphaModule, ColorWrap, EditableInputModule, HueModule, SaturationModule, SwatchModule } from 'ngx-color';
+import { PhotoshopButtonComponent } from './photoshop-button.component';
+import { PhotoshopFieldsComponent } from './photoshop-fields.component';
+import { PhotoshopPreviewsComponent } from './photoshop-previews.component';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "ngx-color";
+export class PhotoshopComponent extends ColorWrap {
+    constructor() {
+        super();
+        /** Title text */
+        this.header = 'Color Picker';
+        this.onAccept = new EventEmitter();
+        this.onCancel = new EventEmitter();
+        this.circle = {
+            width: '12px',
+            height: '12px',
+            borderRadius: '6px',
+            boxShadow: 'rgb(255, 255, 255) 0px 0px 0px 1px inset',
+            transform: 'translate(-6px, -10px)',
+        };
+    }
+    handleValueChange({ data, $event }) {
+        this.handleChange(data, $event);
+    }
+}
+PhotoshopComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: PhotoshopComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PhotoshopComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: PhotoshopComponent, selector: "color-photoshop", inputs: { header: "header" }, outputs: { onAccept: "onAccept", onCancel: "onCancel" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => PhotoshopComponent),
+            multi: true,
+        },
+        {
+            provide: ColorWrap,
+            useExisting: forwardRef(() => PhotoshopComponent),
+        },
+    ], usesInheritance: true, ngImport: i0, template: `
+  <div class="photoshop-picker {{ className }}">
+    <div class="photoshop-head">{{ header }}</div>
+    <div class="photoshop-body">
+      <div class="photoshop-saturation">
+        <color-saturation
+          [hsl]="hsl" [hsv]="hsv" [circle]="circle"
+          (onChange)="handleValueChange($event)"
+        ></color-saturation>
+      </div>
+      <div class="photoshop-hue">
+        <color-hue direction="vertical"
+          [hsl]="hsl" [hidePointer]="true"
+          (onChange)="handleValueChange($event)"
+        ></color-hue>
+      </div>
+      <div class="photoshop-controls">
+        <div class="photoshop-top">
+          <div class="photoshop-previews">
+            <color-photoshop-previews
+              [rgb]="rgb" [currentColor]="currentColor"
+            ></color-photoshop-previews>
+          </div>
+          <div class="photoshop-actions">
+            <color-photoshop-button label="OK"
+              [active]="true" (onClick)="onAccept.emit($event)"
+            ></color-photoshop-button>
+            <color-photoshop-button label="Cancel"
+              (onClick)="onCancel.emit($event)"
+            >
+            </color-photoshop-button>
+            <color-photoshop-fields
+              [rgb]="rgb" [hex]="hex" [hsv]="hsv"
+              (onChange)="handleValueChange($event)"
+            ></color-photoshop-fields>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  `, isInline: true, styles: [".photoshop-picker{background:rgb(220,220,220);border-radius:4px;box-shadow:#00000040 0 0 0 1px,#00000026 0 8px 16px;box-sizing:initial;width:513px}.photoshop-head{background-image:linear-gradient(-180deg,rgb(240,240,240) 0%,rgb(212,212,212) 100%);border-bottom:1px solid rgb(177,177,177);box-shadow:#fff3 0 1px inset,#00000005 0 -1px inset;height:23px;line-height:24px;border-radius:4px 4px 0 0;font-size:13px;color:#4d4d4d;text-align:center}.photoshop-body{padding:15px 15px 0;display:flex}.photoshop-saturation{width:256px;height:256px;position:relative;border-width:2px;border-style:solid;border-color:rgb(179,179,179) rgb(179,179,179) rgb(240,240,240);border-image:initial;overflow:hidden}.photoshop-hue{position:relative;height:256px;width:23px;margin-left:10px;border-width:2px;border-style:solid;border-color:rgb(179,179,179) rgb(179,179,179) rgb(240,240,240);border-image:initial}.photoshop-controls{width:180px;margin-left:10px}.photoshop-top{display:flex}.photoshop-previews{width:60px}.photoshop-actions{flex:1 1 0%;margin-left:20px}\n"], components: [{ type: i0.forwardRef(function () { return i1.SaturationComponent; }), selector: "color-saturation", inputs: ["hsl", "hsv", "radius", "pointer", "circle"], outputs: ["onChange"] }, { type: i0.forwardRef(function () { return i1.HueComponent; }), selector: "color-hue", inputs: ["hsl", "pointer", "radius", "shadow", "hidePointer", "direction"], outputs: ["onChange"] }, { type: i0.forwardRef(function () { return PhotoshopPreviewsComponent; }), selector: "color-photoshop-previews", inputs: ["rgb", "currentColor"] }, { type: i0.forwardRef(function () { return PhotoshopButtonComponent; }), selector: "color-photoshop-button", inputs: ["label", "active"], outputs: ["onClick"] }, { type: i0.forwardRef(function () { return PhotoshopFieldsComponent; }), selector: "color-photoshop-fields", inputs: ["rgb", "hsv", "hex"], outputs: ["onChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: PhotoshopComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'color-photoshop',
+                    template: `
+  <div class="photoshop-picker {{ className }}">
+    <div class="photoshop-head">{{ header }}</div>
+    <div class="photoshop-body">
+      <div class="photoshop-saturation">
+        <color-saturation
+          [hsl]="hsl" [hsv]="hsv" [circle]="circle"
+          (onChange)="handleValueChange($event)"
+        ></color-saturation>
+      </div>
+      <div class="photoshop-hue">
+        <color-hue direction="vertical"
+          [hsl]="hsl" [hidePointer]="true"
+          (onChange)="handleValueChange($event)"
+        ></color-hue>
+      </div>
+      <div class="photoshop-controls">
+        <div class="photoshop-top">
+          <div class="photoshop-previews">
+            <color-photoshop-previews
+              [rgb]="rgb" [currentColor]="currentColor"
+            ></color-photoshop-previews>
+          </div>
+          <div class="photoshop-actions">
+            <color-photoshop-button label="OK"
+              [active]="true" (onClick)="onAccept.emit($event)"
+            ></color-photoshop-button>
+            <color-photoshop-button label="Cancel"
+              (onClick)="onCancel.emit($event)"
+            >
+            </color-photoshop-button>
+            <color-photoshop-fields
+              [rgb]="rgb" [hex]="hex" [hsv]="hsv"
+              (onChange)="handleValueChange($event)"
+            ></color-photoshop-fields>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  `,
+                    styles: [
+                        `
+    .photoshop-picker {
+      background: rgb(220, 220, 220);
+      border-radius: 4px;
+      box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px, rgba(0, 0, 0, 0.15) 0px 8px 16px;
+      box-sizing: initial; width: 513px;
+    }
+    .photoshop-head {
+      background-image: linear-gradient(
+        -180deg,
+        rgb(240, 240, 240) 0%,
+        rgb(212, 212, 212) 100%
+      );
+      border-bottom: 1px solid rgb(177, 177, 177);
+      box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset,
+        rgba(0, 0, 0, 0.02) 0px -1px 0px 0px inset;
+      height: 23px;
+      line-height: 24px;
+      border-radius: 4px 4px 0px 0px;
+      font-size: 13px;
+      color: rgb(77, 77, 77);
+      text-align: center;
+    }
+    .photoshop-body {
+      padding: 15px 15px 0px;
+      display: flex;
+    }
+    .photoshop-saturation {
+      width: 256px;
+      height: 256px;
+      position: relative;
+      border-width: 2px;
+      border-style: solid;
+      border-color: rgb(179, 179, 179) rgb(179, 179, 179) rgb(240, 240, 240);
+      border-image: initial;
+      overflow: hidden;
+    }
+    .photoshop-hue {
+      position: relative;
+      height: 256px;
+      width: 23px;
+      margin-left: 10px;
+      border-width: 2px;
+      border-style: solid;
+      border-color: rgb(179, 179, 179) rgb(179, 179, 179) rgb(240, 240, 240);
+      border-image: initial;
+    }
+    .photoshop-controls {
+      width: 180px;
+      margin-left: 10px;
+    }
+    .photoshop-top {
+      display: flex;
+    }
+    .photoshop-previews {
+      width: 60px;
+    }
+    .photoshop-actions {
+      -webkit-box-flex: 1;
+      flex: 1 1 0%;
+      margin-left: 20px;
+    }
+  `,
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    preserveWhitespaces: false,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => PhotoshopComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: ColorWrap,
+                            useExisting: forwardRef(() => PhotoshopComponent),
+                        },
+                    ]
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { header: [{
+                type: Input
+            }], onAccept: [{
+                type: Output
+            }], onCancel: [{
+                type: Output
+            }] } });
+export class ColorPhotoshopModule {
+}
+ColorPhotoshopModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorPhotoshopModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ColorPhotoshopModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorPhotoshopModule, declarations: [PhotoshopComponent, PhotoshopPreviewsComponent,
+        PhotoshopButtonComponent,
+        PhotoshopFieldsComponent], imports: [CommonModule,
+        EditableInputModule,
+        HueModule,
+        AlphaModule,
+        SwatchModule,
+        SaturationModule], exports: [PhotoshopComponent, PhotoshopPreviewsComponent,
+        PhotoshopButtonComponent,
+        PhotoshopFieldsComponent] });
+ColorPhotoshopModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorPhotoshopModule, imports: [[
+            CommonModule,
+            EditableInputModule,
+            HueModule,
+            AlphaModule,
+            SwatchModule,
+            SaturationModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorPhotoshopModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        PhotoshopComponent,
+                        PhotoshopPreviewsComponent,
+                        PhotoshopButtonComponent,
+                        PhotoshopFieldsComponent,
+                    ],
+                    exports: [
+                        PhotoshopComponent,
+                        PhotoshopPreviewsComponent,
+                        PhotoshopButtonComponent,
+                        PhotoshopFieldsComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        EditableInputModule,
+                        HueModule,
+                        AlphaModule,
+                        SwatchModule,
+                        SaturationModule,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGhvdG9zaG9wLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9waG90b3Nob3AvcGhvdG9zaG9wLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXRILE9BQU8sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLG1CQUFtQixFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDbkgsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDeEUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDeEUsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDNUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQTRIbkQsTUFBTSxPQUFPLGtCQUFtQixTQUFRLFNBQVM7SUFZL0M7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQVpWLGlCQUFpQjtRQUNSLFdBQU0sR0FBRyxjQUFjLENBQUM7UUFDdkIsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFTLENBQUM7UUFDckMsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFTLENBQUM7UUFDL0MsV0FBTSxHQUFHO1lBQ1AsS0FBSyxFQUFFLE1BQU07WUFDYixNQUFNLEVBQUUsTUFBTTtZQUNkLFlBQVksRUFBRSxLQUFLO1lBQ25CLFNBQVMsRUFBRSwwQ0FBMEM7WUFDckQsU0FBUyxFQUFFLHdCQUF3QjtTQUNwQyxDQUFDO0lBR0YsQ0FBQztJQUNELGlCQUFpQixDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRTtRQUNoQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxNQUFNLENBQUMsQ0FBQztJQUNsQyxDQUFDOzsrR0FqQlUsa0JBQWtCO21HQUFsQixrQkFBa0IsaUlBWmxCO1FBQ1Q7WUFDRSxPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsa0JBQWtCLENBQUM7WUFDakQsS0FBSyxFQUFFLElBQUk7U0FDWjtRQUNEO1lBQ0UsT0FBTyxFQUFFLFNBQVM7WUFDbEIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztTQUNsRDtLQUNGLGlEQXRIUzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXdDVCwrOUNBdUdDLDBCQUEwQiwwSEFDMUIsd0JBQXdCLDBJQUN4Qix3QkFBd0I7MkZBekJmLGtCQUFrQjtrQkExSDlCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBd0NUO29CQUNELE1BQU0sRUFBRTt3QkFDTjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E4REQ7cUJBQ0E7b0JBQ0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLG1CQUFtQixFQUFFLEtBQUs7b0JBQzFCLFNBQVMsRUFBRTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxtQkFBbUIsQ0FBQzs0QkFDakQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7d0JBQ0Q7NEJBQ0UsT0FBTyxFQUFFLFNBQVM7NEJBQ2xCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLG1CQUFtQixDQUFDO3lCQUNsRDtxQkFDRjtpQkFDRjswRUFHVSxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0ksUUFBUTtzQkFBakIsTUFBTTtnQkFDRyxRQUFRO3NCQUFqQixNQUFNOztBQXNDVCxNQUFNLE9BQU8sb0JBQW9COztpSEFBcEIsb0JBQW9CO2tIQUFwQixvQkFBb0IsaUJBMUNwQixrQkFBa0IsRUF1QjNCLDBCQUEwQjtRQUMxQix3QkFBd0I7UUFDeEIsd0JBQXdCLGFBU3hCLFlBQVk7UUFDWixtQkFBbUI7UUFDbkIsU0FBUztRQUNULFdBQVc7UUFDWCxZQUFZO1FBQ1osZ0JBQWdCLGFBdkNQLGtCQUFrQixFQTZCM0IsMEJBQTBCO1FBQzFCLHdCQUF3QjtRQUN4Qix3QkFBd0I7a0hBV2Ysb0JBQW9CLFlBVHRCO1lBQ1AsWUFBWTtZQUNaLG1CQUFtQjtZQUNuQixTQUFTO1lBQ1QsV0FBVztZQUNYLFlBQVk7WUFDWixnQkFBZ0I7U0FDakI7MkZBRVUsb0JBQW9CO2tCQXRCaEMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osa0JBQWtCO3dCQUNsQiwwQkFBMEI7d0JBQzFCLHdCQUF3Qjt3QkFDeEIsd0JBQXdCO3FCQUN6QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asa0JBQWtCO3dCQUNsQiwwQkFBMEI7d0JBQzFCLHdCQUF3Qjt3QkFDeEIsd0JBQXdCO3FCQUN6QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLFNBQVM7d0JBQ1QsV0FBVzt3QkFDWCxZQUFZO3dCQUNaLGdCQUFnQjtxQkFDakI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBmb3J3YXJkUmVmLCBJbnB1dCwgTmdNb2R1bGUsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBBbHBoYU1vZHVsZSwgQ29sb3JXcmFwLCBFZGl0YWJsZUlucHV0TW9kdWxlLCBIdWVNb2R1bGUsIFNhdHVyYXRpb25Nb2R1bGUsIFN3YXRjaE1vZHVsZSB9IGZyb20gJ25neC1jb2xvcic7XG5pbXBvcnQgeyBQaG90b3Nob3BCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL3Bob3Rvc2hvcC1idXR0b24uY29tcG9uZW50JztcbmltcG9ydCB7IFBob3Rvc2hvcEZpZWxkc0NvbXBvbmVudCB9IGZyb20gJy4vcGhvdG9zaG9wLWZpZWxkcy5jb21wb25lbnQnO1xuaW1wb3J0IHsgUGhvdG9zaG9wUHJldmlld3NDb21wb25lbnQgfSBmcm9tICcuL3Bob3Rvc2hvcC1wcmV2aWV3cy5jb21wb25lbnQnO1xuaW1wb3J0IHsgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NvbG9yLXBob3Rvc2hvcCcsXG4gIHRlbXBsYXRlOiBgXG4gIDxkaXYgY2xhc3M9XCJwaG90b3Nob3AtcGlja2VyIHt7IGNsYXNzTmFtZSB9fVwiPlxuICAgIDxkaXYgY2xhc3M9XCJwaG90b3Nob3AtaGVhZFwiPnt7IGhlYWRlciB9fTwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJwaG90b3Nob3AtYm9keVwiPlxuICAgICAgPGRpdiBjbGFzcz1cInBob3Rvc2hvcC1zYXR1cmF0aW9uXCI+XG4gICAgICAgIDxjb2xvci1zYXR1cmF0aW9uXG4gICAgICAgICAgW2hzbF09XCJoc2xcIiBbaHN2XT1cImhzdlwiIFtjaXJjbGVdPVwiY2lyY2xlXCJcbiAgICAgICAgICAob25DaGFuZ2UpPVwiaGFuZGxlVmFsdWVDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICAgID48L2NvbG9yLXNhdHVyYXRpb24+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJwaG90b3Nob3AtaHVlXCI+XG4gICAgICAgIDxjb2xvci1odWUgZGlyZWN0aW9uPVwidmVydGljYWxcIlxuICAgICAgICAgIFtoc2xdPVwiaHNsXCIgW2hpZGVQb2ludGVyXT1cInRydWVcIlxuICAgICAgICAgIChvbkNoYW5nZSk9XCJoYW5kbGVWYWx1ZUNoYW5nZSgkZXZlbnQpXCJcbiAgICAgICAgPjwvY29sb3ItaHVlPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwicGhvdG9zaG9wLWNvbnRyb2xzXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJwaG90b3Nob3AtdG9wXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInBob3Rvc2hvcC1wcmV2aWV3c1wiPlxuICAgICAgICAgICAgPGNvbG9yLXBob3Rvc2hvcC1wcmV2aWV3c1xuICAgICAgICAgICAgICBbcmdiXT1cInJnYlwiIFtjdXJyZW50Q29sb3JdPVwiY3VycmVudENvbG9yXCJcbiAgICAgICAgICAgID48L2NvbG9yLXBob3Rvc2hvcC1wcmV2aWV3cz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwicGhvdG9zaG9wLWFjdGlvbnNcIj5cbiAgICAgICAgICAgIDxjb2xvci1waG90b3Nob3AtYnV0dG9uIGxhYmVsPVwiT0tcIlxuICAgICAgICAgICAgICBbYWN0aXZlXT1cInRydWVcIiAob25DbGljayk9XCJvbkFjY2VwdC5lbWl0KCRldmVudClcIlxuICAgICAgICAgICAgPjwvY29sb3ItcGhvdG9zaG9wLWJ1dHRvbj5cbiAgICAgICAgICAgIDxjb2xvci1waG90b3Nob3AtYnV0dG9uIGxhYmVsPVwiQ2FuY2VsXCJcbiAgICAgICAgICAgICAgKG9uQ2xpY2spPVwib25DYW5jZWwuZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgIDwvY29sb3ItcGhvdG9zaG9wLWJ1dHRvbj5cbiAgICAgICAgICAgIDxjb2xvci1waG90b3Nob3AtZmllbGRzXG4gICAgICAgICAgICAgIFtyZ2JdPVwicmdiXCIgW2hleF09XCJoZXhcIiBbaHN2XT1cImhzdlwiXG4gICAgICAgICAgICAgIChvbkNoYW5nZSk9XCJoYW5kbGVWYWx1ZUNoYW5nZSgkZXZlbnQpXCJcbiAgICAgICAgICAgID48L2NvbG9yLXBob3Rvc2hvcC1maWVsZHM+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICBgLFxuICBzdHlsZXM6IFtcbiAgICBgXG4gICAgLnBob3Rvc2hvcC1waWNrZXIge1xuICAgICAgYmFja2dyb3VuZDogcmdiKDIyMCwgMjIwLCAyMjApO1xuICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgYm94LXNoYWRvdzogcmdiYSgwLCAwLCAwLCAwLjI1KSAwcHggMHB4IDBweCAxcHgsIHJnYmEoMCwgMCwgMCwgMC4xNSkgMHB4IDhweCAxNnB4O1xuICAgICAgYm94LXNpemluZzogaW5pdGlhbDsgd2lkdGg6IDUxM3B4O1xuICAgIH1cbiAgICAucGhvdG9zaG9wLWhlYWQge1xuICAgICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAtMTgwZGVnLFxuICAgICAgICByZ2IoMjQwLCAyNDAsIDI0MCkgMCUsXG4gICAgICAgIHJnYigyMTIsIDIxMiwgMjEyKSAxMDAlXG4gICAgICApO1xuICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHJnYigxNzcsIDE3NywgMTc3KTtcbiAgICAgIGJveC1zaGFkb3c6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yKSAwcHggMXB4IDBweCAwcHggaW5zZXQsXG4gICAgICAgIHJnYmEoMCwgMCwgMCwgMC4wMikgMHB4IC0xcHggMHB4IDBweCBpbnNldDtcbiAgICAgIGhlaWdodDogMjNweDtcbiAgICAgIGxpbmUtaGVpZ2h0OiAyNHB4O1xuICAgICAgYm9yZGVyLXJhZGl1czogNHB4IDRweCAwcHggMHB4O1xuICAgICAgZm9udC1zaXplOiAxM3B4O1xuICAgICAgY29sb3I6IHJnYig3NywgNzcsIDc3KTtcbiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICB9XG4gICAgLnBob3Rvc2hvcC1ib2R5IHtcbiAgICAgIHBhZGRpbmc6IDE1cHggMTVweCAwcHg7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgIH1cbiAgICAucGhvdG9zaG9wLXNhdHVyYXRpb24ge1xuICAgICAgd2lkdGg6IDI1NnB4O1xuICAgICAgaGVpZ2h0OiAyNTZweDtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGJvcmRlci13aWR0aDogMnB4O1xuICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgIGJvcmRlci1jb2xvcjogcmdiKDE3OSwgMTc5LCAxNzkpIHJnYigxNzksIDE3OSwgMTc5KSByZ2IoMjQwLCAyNDAsIDI0MCk7XG4gICAgICBib3JkZXItaW1hZ2U6IGluaXRpYWw7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIH1cbiAgICAucGhvdG9zaG9wLWh1ZSB7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBoZWlnaHQ6IDI1NnB4O1xuICAgICAgd2lkdGg6IDIzcHg7XG4gICAgICBtYXJnaW4tbGVmdDogMTBweDtcbiAgICAgIGJvcmRlci13aWR0aDogMnB4O1xuICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgIGJvcmRlci1jb2xvcjogcmdiKDE3OSwgMTc5LCAxNzkpIHJnYigxNzksIDE3OSwgMTc5KSByZ2IoMjQwLCAyNDAsIDI0MCk7XG4gICAgICBib3JkZXItaW1hZ2U6IGluaXRpYWw7XG4gICAgfVxuICAgIC5waG90b3Nob3AtY29udHJvbHMge1xuICAgICAgd2lkdGg6IDE4MHB4O1xuICAgICAgbWFyZ2luLWxlZnQ6IDEwcHg7XG4gICAgfVxuICAgIC5waG90b3Nob3AtdG9wIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgfVxuICAgIC5waG90b3Nob3AtcHJldmlld3Mge1xuICAgICAgd2lkdGg6IDYwcHg7XG4gICAgfVxuICAgIC5waG90b3Nob3AtYWN0aW9ucyB7XG4gICAgICAtd2Via2l0LWJveC1mbGV4OiAxO1xuICAgICAgZmxleDogMSAxIDAlO1xuICAgICAgbWFyZ2luLWxlZnQ6IDIwcHg7XG4gICAgfVxuICBgLFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gUGhvdG9zaG9wQ29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH0sXG4gICAge1xuICAgICAgcHJvdmlkZTogQ29sb3JXcmFwLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gUGhvdG9zaG9wQ29tcG9uZW50KSxcbiAgICB9LFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIFBob3Rvc2hvcENvbXBvbmVudCBleHRlbmRzIENvbG9yV3JhcCB7XG4gIC8qKiBUaXRsZSB0ZXh0ICovXG4gIEBJbnB1dCgpIGhlYWRlciA9ICdDb2xvciBQaWNrZXInO1xuICBAT3V0cHV0KCkgb25BY2NlcHQgPSBuZXcgRXZlbnRFbWl0dGVyPEV2ZW50PigpO1xuICBAT3V0cHV0KCkgb25DYW5jZWwgPSBuZXcgRXZlbnRFbWl0dGVyPEV2ZW50PigpO1xuICBjaXJjbGUgPSB7XG4gICAgd2lkdGg6ICcxMnB4JyxcbiAgICBoZWlnaHQ6ICcxMnB4JyxcbiAgICBib3JkZXJSYWRpdXM6ICc2cHgnLFxuICAgIGJveFNoYWRvdzogJ3JnYigyNTUsIDI1NSwgMjU1KSAwcHggMHB4IDBweCAxcHggaW5zZXQnLFxuICAgIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZSgtNnB4LCAtMTBweCknLFxuICB9O1xuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICB9XG4gIGhhbmRsZVZhbHVlQ2hhbmdlKHsgZGF0YSwgJGV2ZW50IH0pIHtcbiAgICB0aGlzLmhhbmRsZUNoYW5nZShkYXRhLCAkZXZlbnQpO1xuICB9XG59XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIFBob3Rvc2hvcENvbXBvbmVudCxcbiAgICBQaG90b3Nob3BQcmV2aWV3c0NvbXBvbmVudCxcbiAgICBQaG90b3Nob3BCdXR0b25Db21wb25lbnQsXG4gICAgUGhvdG9zaG9wRmllbGRzQ29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgUGhvdG9zaG9wQ29tcG9uZW50LFxuICAgIFBob3Rvc2hvcFByZXZpZXdzQ29tcG9uZW50LFxuICAgIFBob3Rvc2hvcEJ1dHRvbkNvbXBvbmVudCxcbiAgICBQaG90b3Nob3BGaWVsZHNDb21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRWRpdGFibGVJbnB1dE1vZHVsZSxcbiAgICBIdWVNb2R1bGUsXG4gICAgQWxwaGFNb2R1bGUsXG4gICAgU3dhdGNoTW9kdWxlLFxuICAgIFNhdHVyYXRpb25Nb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIENvbG9yUGhvdG9zaG9wTW9kdWxlIHt9XG4iXX0=

package/photoshop/esm2020/public_api.mjs

@@ -0,0 +1,5 @@
+export { PhotoshopButtonComponent } from './photoshop-button.component';
+export { PhotoshopFieldsComponent } from './photoshop-fields.component';
+export { PhotoshopPreviewsComponent } from './photoshop-previews.component';
+export { ColorPhotoshopModule, PhotoshopComponent } from './photoshop.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9waG90b3Nob3AvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUN4RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUN4RSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUM1RSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IFBob3Rvc2hvcEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vcGhvdG9zaG9wLWJ1dHRvbi5jb21wb25lbnQnO1xuZXhwb3J0IHsgUGhvdG9zaG9wRmllbGRzQ29tcG9uZW50IH0gZnJvbSAnLi9waG90b3Nob3AtZmllbGRzLmNvbXBvbmVudCc7XG5leHBvcnQgeyBQaG90b3Nob3BQcmV2aWV3c0NvbXBvbmVudCB9IGZyb20gJy4vcGhvdG9zaG9wLXByZXZpZXdzLmNvbXBvbmVudCc7XG5leHBvcnQgeyBDb2xvclBob3Rvc2hvcE1vZHVsZSwgUGhvdG9zaG9wQ29tcG9uZW50IH0gZnJvbSAnLi9waG90b3Nob3AuY29tcG9uZW50JztcbiJdfQ==