ngx-color 7.1.0 → 7.3.2

package/alpha/alpha-picker.component.d.ts

@@ -1,5 +1,8 @@
 import { OnChanges } from '@angular/core';
 import { ColorWrap } from 'ngx-color';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "ngx-color";
 export declare class AlphaPickerComponent extends ColorWrap implements OnChanges {
     /** Pixel value for picker width */
     width: string | number;
@@ -15,6 +18,11 @@ export declare class AlphaPickerComponent extends ColorWrap implements OnChanges
         data: any;
         $event: any;
     }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlphaPickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlphaPickerComponent, "color-alpha-picker", never, { "width": "width"; "height": "height"; "direction": "direction"; }, {}, never, never>;
 }
 export declare class ColorAlphaModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorAlphaModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ColorAlphaModule, [typeof AlphaPickerComponent], [typeof i1.CommonModule, typeof i2.AlphaModule, typeof i2.CheckboardModule], [typeof AlphaPickerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ColorAlphaModule>;
 }

package/alpha/ngx-color-alpha.d.ts

@@ -1,4 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
-export * from './alpha-picker.component';
+/// <amd-module name="ngx-color/alpha" />
+export * from './public_api';

package/alpha/package.json

@@ -7,15 +7,11 @@
     "url": "git+https://github.com/scttcper/ngx-color.git"
   },
   "license": "MIT",
-  "main": "bundles/ngx-color-alpha.umd.js",
-  "module": "fesm2015/ngx-color-alpha.js",
-  "es2015": "fesm2015/ngx-color-alpha.js",
-  "esm2015": "esm2015/ngx-color-alpha.js",
-  "fesm2015": "fesm2015/ngx-color-alpha.js",
+  "module": "../fesm2015/ngx-color-alpha.mjs",
+  "es2020": "../fesm2020/ngx-color-alpha.mjs",
+  "esm2020": "../esm2020/alpha/ngx-color-alpha.mjs",
+  "fesm2020": "../fesm2020/ngx-color-alpha.mjs",
+  "fesm2015": "../fesm2015/ngx-color-alpha.mjs",
   "typings": "ngx-color-alpha.d.ts",
-  "metadata": "ngx-color-alpha.metadata.json",
-  "sideEffects": false,
-  "dependencies": {
-    "tslib": "^2.1.0"
-  }
+  "sideEffects": false
 }

package/alpha/public_api.d.ts

@@ -0,0 +1 @@
+export { AlphaPickerComponent, ColorAlphaModule } from './alpha-picker.component';

package/alpha.component.d.ts

@@ -1,5 +1,9 @@
 import { EventEmitter, OnChanges } from '@angular/core';
 import { HSLA, RGBA } from './helpers/color.interfaces';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "./checkboard.component";
+import * as i3 from "./coordinates.directive";
 export declare class AlphaComponent implements OnChanges {
     hsl: HSLA;
     rgb: RGBA;
@@ -19,6 +23,11 @@ export declare class AlphaComponent implements OnChanges {
         containerWidth: any;
         $event: any;
     }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlphaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlphaComponent, "color-alpha", never, { "hsl": "hsl"; "rgb": "rgb"; "pointer": "pointer"; "shadow": "shadow"; "radius": "radius"; "direction": "direction"; }, { "onChange": "onChange"; }, never, never>;
 }
 export declare class AlphaModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlphaModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AlphaModule, [typeof AlphaComponent], [typeof i1.CommonModule, typeof i2.CheckboardModule, typeof i3.CoordinatesModule], [typeof AlphaComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AlphaModule>;
 }

package/block/block-swatches.component.d.ts

@@ -1,14 +1,17 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { Shape } from 'ngx-color';
-export declare class BlockSwatchesComponent implements OnInit {
-    colors: string[] | Shape[];
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class BlockSwatchesComponent {
+    colors: string[];
     onClick: EventEmitter<any>;
     onSwatchHover: EventEmitter<any>;
-    swatchStyle?: {
-        [key: string]: string;
+    swatchStyle: {
+        width: string;
+        height: string;
+        float: string;
+        marginRight: string;
+        marginBottom: string;
+        borderRadius: string;
     };
-    constructor();
-    ngOnInit(): void;
     handleClick({ hex, $event }: {
         hex: any;
         $event: any;
@@ -16,4 +19,6 @@ export declare class BlockSwatchesComponent implements OnInit {
     focusStyle(c: any): {
         boxShadow: string;
     };
+    static ɵfac: i0.ɵɵFactoryDeclaration<BlockSwatchesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BlockSwatchesComponent, "color-block-swatches", never, { "colors": "colors"; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never>;
 }

package/block/block.component.d.ts

@@ -1,4 +1,8 @@
 import { ColorWrap } from 'ngx-color';
+import * as i0 from "@angular/core";
+import * as i1 from "./block-swatches.component";
+import * as i2 from "@angular/common";
+import * as i3 from "ngx-color";
 export declare class BlockComponent extends ColorWrap {
     /** Pixel value for picker width */
     width: string | number;
@@ -22,6 +26,11 @@ export declare class BlockComponent extends ColorWrap {
         hex: any;
         $event: any;
     }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BlockComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BlockComponent, "color-block", never, { "width": "width"; "colors": "colors"; "triangle": "triangle"; }, {}, never, never>;
 }
 export declare class ColorBlockModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorBlockModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ColorBlockModule, [typeof BlockComponent, typeof i1.BlockSwatchesComponent], [typeof i2.CommonModule, typeof i3.CheckboardModule, typeof i3.SwatchModule, typeof i3.EditableInputModule], [typeof BlockComponent, typeof i1.BlockSwatchesComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ColorBlockModule>;
 }

package/block/ngx-color-block.d.ts

@@ -1,5 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
-export * from './block.component';
-export { BlockSwatchesComponent as ɵa } from './block-swatches.component';
+/// <amd-module name="ngx-color/block" />
+export * from './public_api';

package/block/package.json

@@ -6,15 +6,11 @@
     "url": "git+https://github.com/scttcper/ngx-color.git"
   },
   "license": "MIT",
-  "main": "bundles/ngx-color-block.umd.js",
-  "module": "fesm2015/ngx-color-block.js",
-  "es2015": "fesm2015/ngx-color-block.js",
-  "esm2015": "esm2015/ngx-color-block.js",
-  "fesm2015": "fesm2015/ngx-color-block.js",
+  "module": "../fesm2015/ngx-color-block.mjs",
+  "es2020": "../fesm2020/ngx-color-block.mjs",
+  "esm2020": "../esm2020/block/ngx-color-block.mjs",
+  "fesm2020": "../fesm2020/ngx-color-block.mjs",
+  "fesm2015": "../fesm2015/ngx-color-block.mjs",
   "typings": "ngx-color-block.d.ts",
-  "metadata": "ngx-color-block.metadata.json",
-  "sideEffects": false,
-  "dependencies": {
-    "tslib": "^2.1.0"
-  }
+  "sideEffects": false
 }

package/block/public_api.d.ts

@@ -0,0 +1,2 @@
+export { BlockSwatchesComponent } from './block-swatches.component';
+export { BlockComponent, ColorBlockModule } from './block.component';

package/checkboard.component.d.ts

@@ -1,4 +1,6 @@
 import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
 export declare class CheckboardComponent implements OnInit {
     white: string;
     size: number;
@@ -7,6 +9,11 @@ export declare class CheckboardComponent implements OnInit {
     borderRadius: string;
     gridStyles: Record<string, string>;
     ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboardComponent, "color-checkboard", never, { "white": "white"; "size": "size"; "grey": "grey"; "boxShadow": "boxShadow"; "borderRadius": "borderRadius"; }, {}, never, never>;
 }
 export declare class CheckboardModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboardModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CheckboardModule, [typeof CheckboardComponent], [typeof i1.CommonModule], [typeof CheckboardComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CheckboardModule>;
 }

package/chrome/chrome-fields.component.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { HSLA, RGBA } from 'ngx-color';
+import * as i0 from "@angular/core";
 export declare class ChromeFieldsComponent implements OnInit {
     disableAlpha: boolean;
     hsl: HSLA;
@@ -16,4 +17,6 @@ export declare class ChromeFieldsComponent implements OnInit {
         data: any;
         $event: any;
     }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChromeFieldsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChromeFieldsComponent, "color-chrome-fields", never, { "disableAlpha": "disableAlpha"; "hsl": "hsl"; "rgb": "rgb"; "hex": "hex"; }, { "onChange": "onChange"; }, never, never>;
 }

package/chrome/chrome.component.d.ts

@@ -1,4 +1,8 @@
 import { ColorWrap } from 'ngx-color';
+import * as i0 from "@angular/core";
+import * as i1 from "./chrome-fields.component";
+import * as i2 from "@angular/common";
+import * as i3 from "ngx-color";
 export declare class ChromeComponent extends ColorWrap {
     /** Remove alpha slider and options from picker */
     disableAlpha: boolean;
@@ -11,6 +15,11 @@ export declare class ChromeComponent extends ColorWrap {
         data: any;
         $event: any;
     }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChromeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChromeComponent, "color-chrome", never, { "disableAlpha": "disableAlpha"; }, {}, never, never>;
 }
 export declare class ColorChromeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorChromeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ColorChromeModule, [typeof ChromeComponent, typeof i1.ChromeFieldsComponent], [typeof i2.CommonModule, typeof i3.AlphaModule, typeof i3.CheckboardModule, typeof i3.EditableInputModule, typeof i3.HueModule, typeof i3.SaturationModule], [typeof ChromeComponent, typeof i1.ChromeFieldsComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ColorChromeModule>;
 }

package/chrome/ngx-color-chrome.d.ts

@@ -1,5 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
-export * from './chrome.component';
-export { ChromeFieldsComponent as ɵa } from './chrome-fields.component';
+/// <amd-module name="ngx-color/chrome" />
+export * from './public_api';

package/chrome/package.json

@@ -6,15 +6,11 @@
     "url": "git+https://github.com/scttcper/ngx-color.git"
   },
   "license": "MIT",
-  "main": "bundles/ngx-color-chrome.umd.js",
-  "module": "fesm2015/ngx-color-chrome.js",
-  "es2015": "fesm2015/ngx-color-chrome.js",
-  "esm2015": "esm2015/ngx-color-chrome.js",
-  "fesm2015": "fesm2015/ngx-color-chrome.js",
+  "module": "../fesm2015/ngx-color-chrome.mjs",
+  "es2020": "../fesm2020/ngx-color-chrome.mjs",
+  "esm2020": "../esm2020/chrome/ngx-color-chrome.mjs",
+  "fesm2020": "../fesm2020/ngx-color-chrome.mjs",
+  "fesm2015": "../fesm2015/ngx-color-chrome.mjs",
   "typings": "ngx-color-chrome.d.ts",
-  "metadata": "ngx-color-chrome.metadata.json",
-  "sideEffects": false,
-  "dependencies": {
-    "tslib": "^2.1.0"
-  }
+  "sideEffects": false
 }

package/chrome/public_api.d.ts

@@ -0,0 +1,2 @@
+export { ChromeFieldsComponent } from './chrome-fields.component';
+export { ChromeComponent, ColorChromeModule } from './chrome.component';

package/circle/circle-swatch.component.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter, OnChanges } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class CircleSwatchComponent implements OnChanges {
     color: string;
     circleSize: number;
@@ -13,4 +14,6 @@ export declare class CircleSwatchComponent implements OnChanges {
         hex: any;
         $event: any;
     }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CircleSwatchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CircleSwatchComponent, "color-circle-swatch", never, { "color": "color"; "circleSize": "circleSize"; "circleSpacing": "circleSpacing"; "focus": "focus"; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never>;
 }

package/circle/circle.component.d.ts

@@ -1,4 +1,8 @@
 import { ColorWrap } from 'ngx-color';
+import * as i0 from "@angular/core";
+import * as i1 from "./circle-swatch.component";
+import * as i2 from "@angular/common";
+import * as i3 from "ngx-color";
 export declare class CircleComponent extends ColorWrap {
     /** Pixel value for picker width */
     width: string | number;
@@ -18,6 +22,11 @@ export declare class CircleComponent extends ColorWrap {
         data: any;
         $event: any;
     }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CircleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CircleComponent, "color-circle", never, { "width": "width"; "colors": "colors"; "circleSize": "circleSize"; "circleSpacing": "circleSpacing"; }, {}, never, never>;
 }
 export declare class ColorCircleModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorCircleModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ColorCircleModule, [typeof CircleComponent, typeof i1.CircleSwatchComponent], [typeof i2.CommonModule, typeof i3.SwatchModule], [typeof CircleComponent, typeof i1.CircleSwatchComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ColorCircleModule>;
 }

package/circle/ngx-color-circle.d.ts

@@ -1,5 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
-export * from './circle.component';
-export { CircleSwatchComponent as ɵa } from './circle-swatch.component';
+/// <amd-module name="ngx-color/circle" />
+export * from './public_api';

package/circle/package.json

@@ -6,15 +6,14 @@
     "url": "git+https://github.com/scttcper/ngx-color.git"
   },
   "license": "MIT",
-  "main": "bundles/ngx-color-circle.umd.js",
-  "module": "fesm2015/ngx-color-circle.js",
-  "es2015": "fesm2015/ngx-color-circle.js",
-  "esm2015": "esm2015/ngx-color-circle.js",
-  "fesm2015": "fesm2015/ngx-color-circle.js",
-  "typings": "ngx-color-circle.d.ts",
-  "metadata": "ngx-color-circle.metadata.json",
-  "sideEffects": false,
   "dependencies": {
-    "tslib": "^2.1.0"
-  }
+    "material-colors": "^1.2.6"
+  },
+  "module": "../fesm2015/ngx-color-circle.mjs",
+  "es2020": "../fesm2020/ngx-color-circle.mjs",
+  "esm2020": "../esm2020/circle/ngx-color-circle.mjs",
+  "fesm2020": "../fesm2020/ngx-color-circle.mjs",
+  "fesm2015": "../fesm2015/ngx-color-circle.mjs",
+  "typings": "ngx-color-circle.d.ts",
+  "sideEffects": false
 }

package/circle/public_api.d.ts

@@ -0,0 +1,2 @@
+export { CircleSwatchComponent } from './circle-swatch.component';
+export { CircleComponent, ColorCircleModule } from './circle.component';

package/color-wrap.component.d.ts

@@ -2,6 +2,8 @@ import { EventEmitter, OnChanges, OnDestroy, OnInit } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { Color, HSLA, HSVA, RGBA } from './helpers/color.interfaces';
 import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
 export interface ColorEvent {
     $event: Event;
     color: Color;
@@ -46,6 +48,11 @@ export declare class ColorWrap implements OnInit, OnChanges, OnDestroy, ControlV
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     writeValue(hex: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorWrap, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorWrap, "color-wrap", never, { "className": "className"; "mode": "mode"; "color": "color"; }, { "colorChange": "colorChange"; "onChange": "onChange"; "onChangeComplete": "onChangeComplete"; "onSwatchHover": "onSwatchHover"; }, never, never>;
 }
 export declare class ColorWrapModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorWrapModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ColorWrapModule, [typeof ColorWrap], [typeof i1.CommonModule], [typeof ColorWrap]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ColorWrapModule>;
 }

package/compact/compact-color.component.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter, OnChanges } from '@angular/core';
 import { getContrastingColor } from 'ngx-color';
+import * as i0 from "@angular/core";
 export declare class CompactColorComponent implements OnChanges {
     color: string;
     active: boolean;
@@ -13,4 +14,6 @@ export declare class CompactColorComponent implements OnChanges {
         hex: any;
         $event: any;
     }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CompactColorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CompactColorComponent, "color-compact-color", never, { "color": "color"; "active": "active"; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never>;
 }

package/compact/compact-fields.component.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import { RGBA } from 'ngx-color';
+import * as i0 from "@angular/core";
 export declare class CompactFieldsComponent {
     hex: string;
     rgb: RGBA;
@@ -26,4 +27,6 @@ export declare class CompactFieldsComponent {
         data: any;
         $event: any;
     }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CompactFieldsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CompactFieldsComponent, "color-compact-fields", never, { "hex": "hex"; "rgb": "rgb"; }, { "onChange": "onChange"; }, never, never>;
 }

package/compact/compact.component.d.ts

@@ -1,4 +1,9 @@
 import { ColorWrap, zDepth } from 'ngx-color';
+import * as i0 from "@angular/core";
+import * as i1 from "./compact-color.component";
+import * as i2 from "./compact-fields.component";
+import * as i3 from "@angular/common";
+import * as i4 from "ngx-color";
 export declare class CompactComponent extends ColorWrap {
     /** Color squares to display */
     colors: string[];
@@ -15,6 +20,11 @@ export declare class CompactComponent extends ColorWrap {
         data: any;
         $event: any;
     }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CompactComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CompactComponent, "color-compact", never, { "colors": "colors"; "zDepth": "zDepth"; "radius": "radius"; "background": "background"; }, {}, never, never>;
 }
 export declare class ColorCompactModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorCompactModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ColorCompactModule, [typeof CompactComponent, typeof i1.CompactColorComponent, typeof i2.CompactFieldsComponent], [typeof i3.CommonModule, typeof i4.EditableInputModule, typeof i4.SwatchModule, typeof i4.RaisedModule], [typeof CompactComponent, typeof i1.CompactColorComponent, typeof i2.CompactFieldsComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ColorCompactModule>;
 }

package/compact/ngx-color-compact.d.ts

@@ -1,6 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
-export * from './compact.component';
-export { CompactColorComponent as ɵa } from './compact-color.component';
-export { CompactFieldsComponent as ɵb } from './compact-fields.component';
+/// <amd-module name="ngx-color/compact" />
+export * from './public_api';

package/compact/package.json

@@ -6,15 +6,11 @@
     "url": "git+https://github.com/scttcper/ngx-color.git"
   },
   "license": "MIT",
-  "main": "bundles/ngx-color-compact.umd.js",
-  "module": "fesm2015/ngx-color-compact.js",
-  "es2015": "fesm2015/ngx-color-compact.js",
-  "esm2015": "esm2015/ngx-color-compact.js",
-  "fesm2015": "fesm2015/ngx-color-compact.js",
+  "module": "../fesm2015/ngx-color-compact.mjs",
+  "es2020": "../fesm2020/ngx-color-compact.mjs",
+  "esm2020": "../esm2020/compact/ngx-color-compact.mjs",
+  "fesm2020": "../fesm2020/ngx-color-compact.mjs",
+  "fesm2015": "../fesm2015/ngx-color-compact.mjs",
   "typings": "ngx-color-compact.d.ts",
-  "metadata": "ngx-color-compact.metadata.json",
-  "sideEffects": false,
-  "dependencies": {
-    "tslib": "^2.1.0"
-  }
+  "sideEffects": false
 }

package/compact/public_api.d.ts

@@ -0,0 +1,3 @@
+export { CompactColorComponent } from './compact-color.component';
+export { CompactFieldsComponent } from './compact-fields.component';
+export { ColorCompactModule, CompactComponent } from './compact.component';

package/coordinates.directive.d.ts

@@ -1,5 +1,6 @@
 import { ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
 export declare class CoordinatesDirective implements OnInit, OnDestroy {
     private el;
     coordinatesChange: Subject<{
@@ -21,6 +22,11 @@ export declare class CoordinatesDirective implements OnInit, OnDestroy {
     ngOnInit(): void;
     ngOnDestroy(): void;
     handleChange(x: number, y: number, $event: Event, isTouch: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CoordinatesDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CoordinatesDirective, "[ngx-color-coordinates]", never, {}, { "coordinatesChange": "coordinatesChange"; }, never>;
 }
 export declare class CoordinatesModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CoordinatesModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CoordinatesModule, [typeof CoordinatesDirective], never, [typeof CoordinatesDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CoordinatesModule>;
 }

package/editable-input.component.d.ts

@@ -1,5 +1,7 @@
 import { EventEmitter, OnChanges, OnDestroy, OnInit } from '@angular/core';
 import { Subscription } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
 export declare class EditableInputComponent implements OnInit, OnChanges, OnDestroy {
     style: {
         wrap?: Record<string, any>;
@@ -33,6 +35,11 @@ export declare class EditableInputComponent implements OnInit, OnChanges, OnDest
     unsubscribe(): void;
     handleMousedown($event: Event): void;
     handleDrag($event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditableInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditableInputComponent, "color-editable-input", never, { "style": "style"; "label": "label"; "value": "value"; "arrowOffset": "arrowOffset"; "dragLabel": "dragLabel"; "dragMax": "dragMax"; "placeholder": "placeholder"; }, { "onChange": "onChange"; }, never, never>;
 }
 export declare class EditableInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditableInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EditableInputModule, [typeof EditableInputComponent], [typeof i1.CommonModule], [typeof EditableInputComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EditableInputModule>;
 }

package/esm2020/alpha/alpha-picker.component.mjs

@@ -0,0 +1,116 @@
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, forwardRef, Input, NgModule } from '@angular/core';
+import { AlphaModule, CheckboardModule, ColorWrap, toState } from 'ngx-color';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "ngx-color";
+export class AlphaPickerComponent extends ColorWrap {
+    constructor() {
+        super();
+        /** Pixel value for picker width */
+        this.width = 316;
+        /** Pixel value for picker height */
+        this.height = 16;
+        this.direction = 'horizontal';
+        this.pointer = {
+            width: '18px',
+            height: '18px',
+            borderRadius: '50%',
+            transform: 'translate(-9px, -2px)',
+            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(data, $event);
+    }
+}
+AlphaPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: AlphaPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AlphaPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: AlphaPickerComponent, selector: "color-alpha-picker", inputs: { width: "width", height: "height", direction: "direction" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => AlphaPickerComponent),
+            multi: true,
+        },
+        {
+            provide: ColorWrap,
+            useExisting: forwardRef(() => AlphaPickerComponent)
+        }
+    ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
+    <div class="alpha-picker {{ className }}"
+      [style.width.px]="width" [style.height.px]="height">
+      <color-alpha
+        [hsl]="hsl"
+        [rgb]="rgb"
+        [pointer]="pointer"
+        [direction]="direction"
+        (onChange)="handlePickerChange($event)"
+      ></color-alpha>
+    </div>
+  `, isInline: true, styles: [".alpha-picker{position:relative}.color-alpha{radius:2px}\n"], components: [{ type: i1.AlphaComponent, selector: "color-alpha", inputs: ["hsl", "rgb", "pointer", "shadow", "radius", "direction"], outputs: ["onChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: AlphaPickerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'color-alpha-picker',
+                    template: `
+    <div class="alpha-picker {{ className }}"
+      [style.width.px]="width" [style.height.px]="height">
+      <color-alpha
+        [hsl]="hsl"
+        [rgb]="rgb"
+        [pointer]="pointer"
+        [direction]="direction"
+        (onChange)="handlePickerChange($event)"
+      ></color-alpha>
+    </div>
+  `,
+                    styles: [
+                        `
+    .alpha-picker {
+      position: relative;
+    }
+    .color-alpha {
+      radius: 2px;
+    }
+  `,
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    preserveWhitespaces: false,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => AlphaPickerComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: ColorWrap,
+                            useExisting: forwardRef(() => AlphaPickerComponent)
+                        }
+                    ]
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], direction: [{
+                type: Input
+            }] } });
+export class ColorAlphaModule {
+}
+ColorAlphaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorAlphaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ColorAlphaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorAlphaModule, declarations: [AlphaPickerComponent], imports: [CommonModule, AlphaModule, CheckboardModule], exports: [AlphaPickerComponent] });
+ColorAlphaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorAlphaModule, imports: [[CommonModule, AlphaModule, CheckboardModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorAlphaModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AlphaPickerComponent],
+                    exports: [AlphaPickerComponent],
+                    imports: [CommonModule, AlphaModule, CheckboardModule],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxwaGEtcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvYWxwaGEvYWxwaGEtcGlja2VyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUUzRyxPQUFPLEVBQUUsV0FBVyxFQUFFLGdCQUFnQixFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDOUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQXdDbkQsTUFBTSxPQUFPLG9CQUFxQixTQUFRLFNBQVM7SUFjakQ7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQWRWLG1DQUFtQztRQUMxQixVQUFLLEdBQW9CLEdBQUcsQ0FBQztRQUN0QyxvQ0FBb0M7UUFDM0IsV0FBTSxHQUFvQixFQUFFLENBQUM7UUFDN0IsY0FBUyxHQUE4QixZQUFZLENBQUM7UUFDN0QsWUFBTyxHQUE0QjtZQUNqQyxLQUFLLEVBQUUsTUFBTTtZQUNiLE1BQU0sRUFBRSxNQUFNO1lBQ2QsWUFBWSxFQUFFLEtBQUs7WUFDbkIsU0FBUyxFQUFFLHVCQUF1QjtZQUNsQyxTQUFTLEVBQUUsaUNBQWlDO1NBQzdDLENBQUM7SUFJRixDQUFDO0lBQ0QsV0FBVztRQUNULElBQUksSUFBSSxDQUFDLFNBQVMsS0FBSyxVQUFVLEVBQUU7WUFDakMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEdBQUcsdUJBQXVCLENBQUM7U0FDbEQ7UUFDRCxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO0lBQ2xELENBQUM7SUFDRCxrQkFBa0IsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUU7UUFDakMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFDbEMsQ0FBQzs7aUhBekJVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLG1IQVpwQjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLG9CQUFvQixDQUFDO1lBQ25ELEtBQUssRUFBRSxJQUFJO1NBQ1o7UUFDRDtZQUNFLE9BQU8sRUFBRSxTQUFTO1lBQ2xCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsb0JBQW9CLENBQUM7U0FDcEQ7S0FDRixzRUFsQ1M7Ozs7Ozs7Ozs7O0dBV1Q7MkZBeUJVLG9CQUFvQjtrQkF0Q2hDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtvQkFDOUIsUUFBUSxFQUFFOzs7Ozs7Ozs7OztHQVdUO29CQUNELE1BQU0sRUFBRTt3QkFDTjs7Ozs7OztHQU9EO3FCQUNBO29CQUNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxtQkFBbUIsRUFBRSxLQUFLO29CQUMxQixTQUFTLEVBQUU7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUscUJBQXFCLENBQUM7NEJBQ25ELEtBQUssRUFBRSxJQUFJO3lCQUNaO3dCQUNEOzRCQUNFLE9BQU8sRUFBRSxTQUFTOzRCQUNsQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxxQkFBcUIsQ0FBQzt5QkFDcEQ7cUJBQ0Y7aUJBQ0Y7MEVBR1UsS0FBSztzQkFBYixLQUFLO2dCQUVHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLOztBQTRCUixNQUFNLE9BQU8sZ0JBQWdCOzs2R0FBaEIsZ0JBQWdCOzhHQUFoQixnQkFBZ0IsaUJBakNoQixvQkFBb0IsYUErQnJCLFlBQVksRUFBRSxXQUFXLEVBQUUsZ0JBQWdCLGFBL0IxQyxvQkFBb0I7OEdBaUNwQixnQkFBZ0IsWUFGbEIsQ0FBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLGdCQUFnQixDQUFDOzJGQUUzQyxnQkFBZ0I7a0JBTDVCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsb0JBQW9CLENBQUM7b0JBQ3BDLE9BQU8sRUFBRSxDQUFDLG9CQUFvQixDQUFDO29CQUMvQixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLGdCQUFnQixDQUFDO2lCQUN2RCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBmb3J3YXJkUmVmLCBJbnB1dCwgTmdNb2R1bGUsIE9uQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBBbHBoYU1vZHVsZSwgQ2hlY2tib2FyZE1vZHVsZSwgQ29sb3JXcmFwLCB0b1N0YXRlIH0gZnJvbSAnbmd4LWNvbG9yJztcbmltcG9ydCB7IE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjb2xvci1hbHBoYS1waWNrZXInLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJhbHBoYS1waWNrZXIge3sgY2xhc3NOYW1lIH19XCJcbiAgICAgIFtzdHlsZS53aWR0aC5weF09XCJ3aWR0aFwiIFtzdHlsZS5oZWlnaHQucHhdPVwiaGVpZ2h0XCI+XG4gICAgICA8Y29sb3ItYWxwaGFcbiAgICAgICAgW2hzbF09XCJoc2xcIlxuICAgICAgICBbcmdiXT1cInJnYlwiXG4gICAgICAgIFtwb2ludGVyXT1cInBvaW50ZXJcIlxuICAgICAgICBbZGlyZWN0aW9uXT1cImRpcmVjdGlvblwiXG4gICAgICAgIChvbkNoYW5nZSk9XCJoYW5kbGVQaWNrZXJDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICA+PC9jb2xvci1hbHBoYT5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVzOiBbXG4gICAgYFxuICAgIC5hbHBoYS1waWNrZXIge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIH1cbiAgICAuY29sb3ItYWxwaGEge1xuICAgICAgcmFkaXVzOiAycHg7XG4gICAgfVxuICBgLFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gQWxwaGFQaWNrZXJDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgICB7XG4gICAgICBwcm92aWRlOiBDb2xvcldyYXAsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBBbHBoYVBpY2tlckNvbXBvbmVudClcbiAgICB9XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgQWxwaGFQaWNrZXJDb21wb25lbnQgZXh0ZW5kcyBDb2xvcldyYXAgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICAvKiogUGl4ZWwgdmFsdWUgZm9yIHBpY2tlciB3aWR0aCAqL1xuICBASW5wdXQoKSB3aWR0aDogc3RyaW5nIHwgbnVtYmVyID0gMzE2O1xuICAvKiogUGl4ZWwgdmFsdWUgZm9yIHBpY2tlciBoZWlnaHQgKi9cbiAgQElucHV0KCkgaGVpZ2h0OiBzdHJpbmcgfCBudW1iZXIgPSAxNjtcbiAgQElucHV0KCkgZGlyZWN0aW9uOiAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnID0gJ2hvcml6b250YWwnO1xuICBwb2ludGVyOiB7W2tleTogc3RyaW5nXTogc3RyaW5nfSA9IHtcbiAgICB3aWR0aDogJzE4cHgnLFxuICAgIGhlaWdodDogJzE4cHgnLFxuICAgIGJvcmRlclJhZGl1czogJzUwJScsXG4gICAgdHJhbnNmb3JtOiAndHJhbnNsYXRlKC05cHgsIC0ycHgpJyxcbiAgICBib3hTaGFkb3c6ICcwIDFweCA0cHggMCByZ2JhKDAsIDAsIDAsIDAuMzcpJyxcbiAgfTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICB9XG4gIG5nT25DaGFuZ2VzKCkge1xuICAgIGlmICh0aGlzLmRpcmVjdGlvbiA9PT0gJ3ZlcnRpY2FsJykge1xuICAgICAgdGhpcy5wb2ludGVyLnRyYW5zZm9ybSA9ICd0cmFuc2xhdGUoLTNweCwgLTlweCknO1xuICAgIH1cbiAgICB0aGlzLnNldFN0YXRlKHRvU3RhdGUodGhpcy5jb2xvciwgdGhpcy5vbGRIdWUpKTtcbiAgfVxuICBoYW5kbGVQaWNrZXJDaGFuZ2UoeyBkYXRhLCAkZXZlbnQgfSkge1xuICAgIHRoaXMuaGFuZGxlQ2hhbmdlKGRhdGEsICRldmVudCk7XG4gIH1cbn1cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbQWxwaGFQaWNrZXJDb21wb25lbnRdLFxuICBleHBvcnRzOiBbQWxwaGFQaWNrZXJDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBBbHBoYU1vZHVsZSwgQ2hlY2tib2FyZE1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIENvbG9yQWxwaGFNb2R1bGUge31cbiJdfQ==

package/esm2020/alpha/ngx-color-alpha.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public_api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWNvbG9yLWFscGhhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9hbHBoYS9uZ3gtY29sb3ItYWxwaGEudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWNfYXBpJztcbiJdfQ==

package/esm2020/alpha/public_api.mjs

@@ -0,0 +1,2 @@
+export { AlphaPickerComponent, ColorAlphaModule } from './alpha-picker.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvYWxwaGEvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IEFscGhhUGlja2VyQ29tcG9uZW50LCBDb2xvckFscGhhTW9kdWxlIH0gZnJvbSAnLi9hbHBoYS1waWNrZXIuY29tcG9uZW50JztcbiJdfQ==