ngx-color 8.0.3 → 9.0.0

package/fesm2015/ngx-color-hue.mjs

@@ -1,107 +0,0 @@
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { forwardRef, Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
-import * as i1 from 'ngx-color';
-import { ColorWrap, toState, HueModule } from 'ngx-color';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-
-class HuePickerComponent extends ColorWrap {
-    constructor() {
-        super();
-        /** Pixel value for picker width */
-        this.width = 316;
-        /** Pixel value for picker height */
-        this.height = 16;
-        this.radius = 2;
-        this.direction = 'horizontal';
-        this.pointer = {
-            width: '18px',
-            height: '18px',
-            borderRadius: '50%',
-            transform: 'translate(-9px, -2px)',
-            backgroundColor: 'rgb(248, 248, 248)',
-            boxShadow: '0 1px 4px 0 rgba(0, 0, 0, 0.37)',
-        };
-    }
-    ngOnChanges() {
-        if (this.direction === 'vertical') {
-            this.pointer.transform = 'translate(-3px, -9px)';
-        }
-        this.setState(toState(this.color, this.oldHue));
-    }
-    handlePickerChange({ data, $event }) {
-        this.handleChange({ a: 1, h: data.h, l: 0.5, s: 1 }, $event);
-    }
-}
-HuePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: HuePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-HuePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: HuePickerComponent, selector: "color-hue-picker", inputs: { width: "width", height: "height", radius: "radius", direction: "direction" }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => HuePickerComponent),
-            multi: true,
-        },
-        {
-            provide: ColorWrap,
-            useExisting: forwardRef(() => HuePickerComponent),
-        },
-    ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
-  <div class="hue-picker {{ className }}"
-    [style.width.px]="width" [style.height.px]="height"
-  >
-    <color-hue [hsl]="hsl" [pointer]="pointer"
-      [direction]="direction" [radius]="radius"
-      (onChange)="handlePickerChange($event)"
-    ></color-hue>
-  </div>
-  `, isInline: true, styles: [".hue-picker{position:relative}\n"], dependencies: [{ kind: "component", type: i1.HueComponent, selector: "color-hue", inputs: ["hsl", "pointer", "radius", "shadow", "hidePointer", "direction"], outputs: ["onChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: HuePickerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'color-hue-picker', template: `
-  <div class="hue-picker {{ className }}"
-    [style.width.px]="width" [style.height.px]="height"
-  >
-    <color-hue [hsl]="hsl" [pointer]="pointer"
-      [direction]="direction" [radius]="radius"
-      (onChange)="handlePickerChange($event)"
-    ></color-hue>
-  </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => HuePickerComponent),
-                            multi: true,
-                        },
-                        {
-                            provide: ColorWrap,
-                            useExisting: forwardRef(() => HuePickerComponent),
-                        },
-                    ], styles: [".hue-picker{position:relative}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { width: [{
-                type: Input
-            }], height: [{
-                type: Input
-            }], radius: [{
-                type: Input
-            }], direction: [{
-                type: Input
-            }] } });
-class ColorHueModule {
-}
-ColorHueModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: ColorHueModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ColorHueModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: ColorHueModule, declarations: [HuePickerComponent], imports: [CommonModule, HueModule], exports: [HuePickerComponent] });
-ColorHueModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: ColorHueModule, imports: [CommonModule, HueModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: ColorHueModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [HuePickerComponent],
-                    exports: [HuePickerComponent],
-                    imports: [CommonModule, HueModule],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { ColorHueModule, HuePickerComponent };
-//# sourceMappingURL=ngx-color-hue.mjs.map

package/fesm2015/ngx-color-hue.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ngx-color-hue.mjs","sources":["../../src/lib/hue/hue-picker.component.ts","../../src/lib/hue/ngx-color-hue.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, Input, NgModule, OnChanges } from '@angular/core';\n\nimport { ColorWrap, HueModule, toState } from 'ngx-color';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n  selector: 'color-hue-picker',\n  template: `\n  <div class=\"hue-picker {{ className }}\"\n    [style.width.px]=\"width\" [style.height.px]=\"height\"\n  >\n    <color-hue [hsl]=\"hsl\" [pointer]=\"pointer\"\n      [direction]=\"direction\" [radius]=\"radius\"\n      (onChange)=\"handlePickerChange($event)\"\n    ></color-hue>\n  </div>\n  `,\n  styles: [\n    `\n    .hue-picker {\n      position: relative;\n    }\n  `,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  preserveWhitespaces: false,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => HuePickerComponent),\n      multi: true,\n    },\n    {\n      provide: ColorWrap,\n      useExisting: forwardRef(() => HuePickerComponent),\n    },\n  ]\n})\nexport class HuePickerComponent extends ColorWrap implements OnChanges {\n  /** Pixel value for picker width */\n  @Input() width: string | number = 316;\n  /** Pixel value for picker height */\n  @Input() height: string | number = 16;\n  @Input() radius = 2;\n  @Input() direction: 'horizontal' | 'vertical' = 'horizontal';\n  pointer: {[key: string]: string} = {\n    width: '18px',\n    height: '18px',\n    borderRadius: '50%',\n    transform: 'translate(-9px, -2px)',\n    backgroundColor: 'rgb(248, 248, 248)',\n    boxShadow: '0 1px 4px 0 rgba(0, 0, 0, 0.37)',\n  };\n\n  constructor() {\n    super();\n  }\n\n  ngOnChanges() {\n    if (this.direction === 'vertical') {\n      this.pointer.transform = 'translate(-3px, -9px)';\n    }\n    this.setState(toState(this.color, this.oldHue));\n  }\n  handlePickerChange({ data, $event }) {\n    this.handleChange({ a: 1, h: data.h, l: 0.5, s: 1 }, $event);\n  }\n}\n\n@NgModule({\n  declarations: [HuePickerComponent],\n  exports: [HuePickerComponent],\n  imports: [CommonModule, HueModule],\n})\nexport class ColorHueModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2015/ngx-color-photoshop.mjs

@@ -1,467 +0,0 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, forwardRef, NgModule } from '@angular/core';
-import * as i1 from 'ngx-color';
-import { isValidHex, ColorWrap, EditableInputModule, HueModule, AlphaModule, SwatchModule, SaturationModule } from 'ngx-color';
-import { CommonModule } from '@angular/common';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-
-class PhotoshopButtonComponent {
-    constructor() {
-        this.label = '';
-        this.active = false;
-        this.onClick = new EventEmitter();
-    }
-}
-PhotoshopButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: PhotoshopButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PhotoshopButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: PhotoshopButtonComponent, selector: "color-photoshop-button", inputs: { label: "label", active: "active" }, outputs: { onClick: "onClick" }, ngImport: i0, template: `
-    <div class="photoshop-button"  [class.active]="active"
-      (click)="onClick.emit($event)"
-    >
-      {{ label }}
-    </div>
-  `, isInline: true, styles: [".photoshop-button{background-image:linear-gradient(-180deg,rgb(255,255,255) 0%,rgb(230,230,230) 100%);border:1px solid rgb(135,135,135);border-radius:2px;height:22px;box-shadow:#eaeaea 0 1px;font-size:14px;color:#000;line-height:20px;text-align:center;margin-bottom:10px;cursor:pointer}.photoshop-button.active{box-shadow:0 0 0 1px #878787}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: PhotoshopButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'color-photoshop-button', template: `
-    <div class="photoshop-button"  [class.active]="active"
-      (click)="onClick.emit($event)"
-    >
-      {{ label }}
-    </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, styles: [".photoshop-button{background-image:linear-gradient(-180deg,rgb(255,255,255) 0%,rgb(230,230,230) 100%);border:1px solid rgb(135,135,135);border-radius:2px;height:22px;box-shadow:#eaeaea 0 1px;font-size:14px;color:#000;line-height:20px;text-align:center;margin-bottom:10px;cursor:pointer}.photoshop-button.active{box-shadow:0 0 0 1px #878787}\n"] }]
-        }], propDecorators: { label: [{
-                type: Input
-            }], active: [{
-                type: Input
-            }], onClick: [{
-                type: Output
-            }] } });
-
-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: "14.1.2", ngImport: i0, type: PhotoshopFieldsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PhotoshopFieldsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", 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"], dependencies: [{ kind: "component", 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: "14.1.2", 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>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, 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"] }]
-        }], propDecorators: { rgb: [{
-                type: Input
-            }], hsv: [{
-                type: Input
-            }], hex: [{
-                type: Input
-            }], onChange: [{
-                type: Output
-            }] } });
-
-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: "14.1.2", ngImport: i0, type: PhotoshopPreviewsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PhotoshopPreviewsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", 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: "14.1.2", 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>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, 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"] }]
-        }], propDecorators: { rgb: [{
-                type: Input
-            }], currentColor: [{
-                type: Input
-            }] } });
-
-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: "14.1.2", ngImport: i0, type: PhotoshopComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PhotoshopComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", 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"], dependencies: [{ kind: "component", type: i0.forwardRef(function () { return i1.HueComponent; }), selector: "color-hue", inputs: ["hsl", "pointer", "radius", "shadow", "hidePointer", "direction"], outputs: ["onChange"] }, { kind: "component", type: i0.forwardRef(function () { return i1.SaturationComponent; }), selector: "color-saturation", inputs: ["hsl", "hsv", "radius", "pointer", "circle"], outputs: ["onChange"] }, { kind: "component", type: i0.forwardRef(function () { return PhotoshopPreviewsComponent; }), selector: "color-photoshop-previews", inputs: ["rgb", "currentColor"] }, { kind: "component", type: i0.forwardRef(function () { return PhotoshopButtonComponent; }), selector: "color-photoshop-button", inputs: ["label", "active"], outputs: ["onClick"] }, { kind: "component", 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: "14.1.2", 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>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => PhotoshopComponent),
-                            multi: true,
-                        },
-                        {
-                            provide: ColorWrap,
-                            useExisting: forwardRef(() => PhotoshopComponent),
-                        },
-                    ], 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"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { header: [{
-                type: Input
-            }], onAccept: [{
-                type: Output
-            }], onCancel: [{
-                type: Output
-            }] } });
-class ColorPhotoshopModule {
-}
-ColorPhotoshopModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: ColorPhotoshopModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ColorPhotoshopModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.2", 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: "14.1.2", ngImport: i0, type: ColorPhotoshopModule, imports: [CommonModule,
-        EditableInputModule,
-        HueModule,
-        AlphaModule,
-        SwatchModule,
-        SaturationModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", 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,
-                    ],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { ColorPhotoshopModule, PhotoshopButtonComponent, PhotoshopComponent, PhotoshopFieldsComponent, PhotoshopPreviewsComponent };
-//# sourceMappingURL=ngx-color-photoshop.mjs.map

package/fesm2015/ngx-color-shade.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ngx-color-shade.mjs","sources":["../../src/lib/shade/shade-picker.component.ts","../../src/lib/shade/ngx-color-shade.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, Input, NgModule, OnChanges } from '@angular/core';\nimport { ColorWrap, ShadeModule, toState } from 'ngx-color';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n  selector: 'color-shade-picker',\n  template: `\n    <div class=\"shade-slider {{ className || '' }}\"\n      [style.width.px]=\"width\" [style.height.px]=\"height\">\n      <color-shade\n        [hsl]=\"hsl\"\n        [rgb]=\"rgb\"\n        [pointer]=\"pointer\"\n        (onChange)=\"handlePickerChange($event)\"\n      ></color-shade>\n    </div>\n  `,\n  styles: [\n    `\n    .shade-slider {\n      position: relative;\n    }\n  `,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  preserveWhitespaces: false,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => ShadeSliderComponent),\n      multi: true,\n    },\n    {\n      provide: ColorWrap,\n      useExisting: forwardRef(() => ShadeSliderComponent),\n    },\n  ]\n})\nexport class ShadeSliderComponent extends ColorWrap implements OnChanges {\n  /** Pixel value for picker width */\n  @Input() width: string | number = 316;\n  /** Pixel value for picker height */\n  @Input() height: string | number = 16;\n  pointer: {[key: string]: string} = {\n    width: '18px',\n    height: '18px',\n    borderRadius: '50%',\n    transform: 'translate(-9px, -2px)',\n    boxShadow: '0 1px 4px 0 rgba(0, 0, 0, 0.37)',\n  };\n\n  constructor() {\n    super();\n  }\n  ngOnChanges() {\n    this.setState(toState(this.color, this.oldHue));\n  }\n  handlePickerChange({ data, $event }) {\n    this.handleChange(data, $event);\n  }\n}\n\n@NgModule({\n  declarations: [ShadeSliderComponent],\n  exports: [ShadeSliderComponent],\n  imports: [CommonModule, ShadeModule],\n})\nexport class ColorShadeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}