ngx-color 8.0.0 → 8.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-color",
-  "version": "8.0.0",
+  "version": "8.0.3",
   "description": "A Collection of Color Pickers from Sketch, Photoshop, Chrome & more",
   "dependencies": {
     "@ctrl/tinycolor": "^3.4.1",
@@ -43,6 +43,118 @@
       "es2015": "./fesm2015/ngx-color.mjs",
       "node": "./fesm2015/ngx-color.mjs",
       "default": "./fesm2020/ngx-color.mjs"
+    },
+    "./alpha": {
+      "types": "./alpha/index.d.ts",
+      "esm2020": "./esm2020/alpha/ngx-color-alpha.mjs",
+      "es2020": "./fesm2020/ngx-color-alpha.mjs",
+      "es2015": "./fesm2015/ngx-color-alpha.mjs",
+      "node": "./fesm2015/ngx-color-alpha.mjs",
+      "default": "./fesm2020/ngx-color-alpha.mjs"
+    },
+    "./block": {
+      "types": "./block/index.d.ts",
+      "esm2020": "./esm2020/block/ngx-color-block.mjs",
+      "es2020": "./fesm2020/ngx-color-block.mjs",
+      "es2015": "./fesm2015/ngx-color-block.mjs",
+      "node": "./fesm2015/ngx-color-block.mjs",
+      "default": "./fesm2020/ngx-color-block.mjs"
+    },
+    "./chrome": {
+      "types": "./chrome/index.d.ts",
+      "esm2020": "./esm2020/chrome/ngx-color-chrome.mjs",
+      "es2020": "./fesm2020/ngx-color-chrome.mjs",
+      "es2015": "./fesm2015/ngx-color-chrome.mjs",
+      "node": "./fesm2015/ngx-color-chrome.mjs",
+      "default": "./fesm2020/ngx-color-chrome.mjs"
+    },
+    "./circle": {
+      "types": "./circle/index.d.ts",
+      "esm2020": "./esm2020/circle/ngx-color-circle.mjs",
+      "es2020": "./fesm2020/ngx-color-circle.mjs",
+      "es2015": "./fesm2015/ngx-color-circle.mjs",
+      "node": "./fesm2015/ngx-color-circle.mjs",
+      "default": "./fesm2020/ngx-color-circle.mjs"
+    },
+    "./compact": {
+      "types": "./compact/index.d.ts",
+      "esm2020": "./esm2020/compact/ngx-color-compact.mjs",
+      "es2020": "./fesm2020/ngx-color-compact.mjs",
+      "es2015": "./fesm2015/ngx-color-compact.mjs",
+      "node": "./fesm2015/ngx-color-compact.mjs",
+      "default": "./fesm2020/ngx-color-compact.mjs"
+    },
+    "./github": {
+      "types": "./github/index.d.ts",
+      "esm2020": "./esm2020/github/ngx-color-github.mjs",
+      "es2020": "./fesm2020/ngx-color-github.mjs",
+      "es2015": "./fesm2015/ngx-color-github.mjs",
+      "node": "./fesm2015/ngx-color-github.mjs",
+      "default": "./fesm2020/ngx-color-github.mjs"
+    },
+    "./hue": {
+      "types": "./hue/index.d.ts",
+      "esm2020": "./esm2020/hue/ngx-color-hue.mjs",
+      "es2020": "./fesm2020/ngx-color-hue.mjs",
+      "es2015": "./fesm2015/ngx-color-hue.mjs",
+      "node": "./fesm2015/ngx-color-hue.mjs",
+      "default": "./fesm2020/ngx-color-hue.mjs"
+    },
+    "./material": {
+      "types": "./material/index.d.ts",
+      "esm2020": "./esm2020/material/ngx-color-material.mjs",
+      "es2020": "./fesm2020/ngx-color-material.mjs",
+      "es2015": "./fesm2015/ngx-color-material.mjs",
+      "node": "./fesm2015/ngx-color-material.mjs",
+      "default": "./fesm2020/ngx-color-material.mjs"
+    },
+    "./photoshop": {
+      "types": "./photoshop/index.d.ts",
+      "esm2020": "./esm2020/photoshop/ngx-color-photoshop.mjs",
+      "es2020": "./fesm2020/ngx-color-photoshop.mjs",
+      "es2015": "./fesm2015/ngx-color-photoshop.mjs",
+      "node": "./fesm2015/ngx-color-photoshop.mjs",
+      "default": "./fesm2020/ngx-color-photoshop.mjs"
+    },
+    "./shade": {
+      "types": "./shade/index.d.ts",
+      "esm2020": "./esm2020/shade/ngx-color-shade.mjs",
+      "es2020": "./fesm2020/ngx-color-shade.mjs",
+      "es2015": "./fesm2015/ngx-color-shade.mjs",
+      "node": "./fesm2015/ngx-color-shade.mjs",
+      "default": "./fesm2020/ngx-color-shade.mjs"
+    },
+    "./sketch": {
+      "types": "./sketch/index.d.ts",
+      "esm2020": "./esm2020/sketch/ngx-color-sketch.mjs",
+      "es2020": "./fesm2020/ngx-color-sketch.mjs",
+      "es2015": "./fesm2015/ngx-color-sketch.mjs",
+      "node": "./fesm2015/ngx-color-sketch.mjs",
+      "default": "./fesm2020/ngx-color-sketch.mjs"
+    },
+    "./slider": {
+      "types": "./slider/index.d.ts",
+      "esm2020": "./esm2020/slider/ngx-color-slider.mjs",
+      "es2020": "./fesm2020/ngx-color-slider.mjs",
+      "es2015": "./fesm2015/ngx-color-slider.mjs",
+      "node": "./fesm2015/ngx-color-slider.mjs",
+      "default": "./fesm2020/ngx-color-slider.mjs"
+    },
+    "./swatches": {
+      "types": "./swatches/index.d.ts",
+      "esm2020": "./esm2020/swatches/ngx-color-swatches.mjs",
+      "es2020": "./fesm2020/ngx-color-swatches.mjs",
+      "es2015": "./fesm2015/ngx-color-swatches.mjs",
+      "node": "./fesm2015/ngx-color-swatches.mjs",
+      "default": "./fesm2020/ngx-color-swatches.mjs"
+    },
+    "./twitter": {
+      "types": "./twitter/index.d.ts",
+      "esm2020": "./esm2020/twitter/ngx-color-twitter.mjs",
+      "es2020": "./fesm2020/ngx-color-twitter.mjs",
+      "es2015": "./fesm2015/ngx-color-twitter.mjs",
+      "node": "./fesm2015/ngx-color-twitter.mjs",
+      "default": "./fesm2020/ngx-color-twitter.mjs"
     }
   },
   "sideEffects": false

package/photoshop/index.d.ts

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

package/photoshop/photoshop-button.component.d.ts

@@ -0,0 +1,9 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class PhotoshopButtonComponent {
+    label: string;
+    active: boolean;
+    onClick: EventEmitter<Event>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PhotoshopButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PhotoshopButtonComponent, "color-photoshop-button", never, { "label": "label"; "active": "active"; }, { "onClick": "onClick"; }, never, never, false>;
+}

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

@@ -0,0 +1,22 @@
+import { EventEmitter } from '@angular/core';
+import { HSV, RGB } from 'ngx-color';
+import * as i0 from "@angular/core";
+export declare class PhotoshopFieldsComponent {
+    rgb: RGB;
+    hsv: HSV;
+    hex: string;
+    onChange: EventEmitter<any>;
+    RGBinput: Record<string, string>;
+    RGBwrap: Record<string, string>;
+    RGBlabel: Record<string, string>;
+    HEXinput: Record<string, string>;
+    HEXwrap: Record<string, string>;
+    HEXlabel: Record<string, string>;
+    round(v: any): number;
+    handleValueChange({ data, $event }: {
+        data: any;
+        $event: any;
+    }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PhotoshopFieldsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PhotoshopFieldsComponent, "color-photoshop-fields", never, { "rgb": "rgb"; "hsv": "hsv"; "hex": "hex"; }, { "onChange": "onChange"; }, never, never, false>;
+}

package/photoshop/photoshop-previews.component.d.ts

@@ -0,0 +1,11 @@
+import { OnChanges } from '@angular/core';
+import { RGB } from 'ngx-color';
+import * as i0 from "@angular/core";
+export declare class PhotoshopPreviewsComponent implements OnChanges {
+    rgb: RGB;
+    currentColor: string;
+    backgroundNew: string;
+    ngOnChanges(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PhotoshopPreviewsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PhotoshopPreviewsComponent, "color-photoshop-previews", never, { "rgb": "rgb"; "currentColor": "currentColor"; }, {}, never, never, false>;
+}

package/photoshop/photoshop.component.d.ts

@@ -0,0 +1,33 @@
+import { EventEmitter } from '@angular/core';
+import { ColorWrap } from 'ngx-color';
+import * as i0 from "@angular/core";
+import * as i1 from "./photoshop-previews.component";
+import * as i2 from "./photoshop-button.component";
+import * as i3 from "./photoshop-fields.component";
+import * as i4 from "@angular/common";
+import * as i5 from "ngx-color";
+export declare class PhotoshopComponent extends ColorWrap {
+    /** Title text */
+    header: string;
+    onAccept: EventEmitter<Event>;
+    onCancel: EventEmitter<Event>;
+    circle: {
+        width: string;
+        height: string;
+        borderRadius: string;
+        boxShadow: string;
+        transform: string;
+    };
+    constructor();
+    handleValueChange({ data, $event }: {
+        data: any;
+        $event: any;
+    }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PhotoshopComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PhotoshopComponent, "color-photoshop", never, { "header": "header"; }, { "onAccept": "onAccept"; "onCancel": "onCancel"; }, never, never, false>;
+}
+export declare class ColorPhotoshopModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorPhotoshopModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ColorPhotoshopModule, [typeof PhotoshopComponent, typeof i1.PhotoshopPreviewsComponent, typeof i2.PhotoshopButtonComponent, typeof i3.PhotoshopFieldsComponent], [typeof i4.CommonModule, typeof i5.EditableInputModule, typeof i5.HueModule, typeof i5.AlphaModule, typeof i5.SwatchModule, typeof i5.SaturationModule], [typeof PhotoshopComponent, typeof i1.PhotoshopPreviewsComponent, typeof i2.PhotoshopButtonComponent, typeof i3.PhotoshopFieldsComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ColorPhotoshopModule>;
+}

package/photoshop/public_api.d.ts

@@ -0,0 +1,4 @@
+export { PhotoshopButtonComponent } from './photoshop-button.component';
+export { PhotoshopFieldsComponent } from './photoshop-fields.component';
+export { PhotoshopPreviewsComponent } from './photoshop-previews.component';
+export { ColorPhotoshopModule, PhotoshopComponent } from './photoshop.component';

package/shade/index.d.ts

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

package/shade/public_api.d.ts

@@ -0,0 +1 @@
+export { ColorShadeModule, ShadeSliderComponent } from './shade-picker.component';

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

@@ -0,0 +1,27 @@
+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 ShadeSliderComponent extends ColorWrap implements OnChanges {
+    /** Pixel value for picker width */
+    width: string | number;
+    /** Pixel value for picker height */
+    height: string | number;
+    pointer: {
+        [key: string]: string;
+    };
+    constructor();
+    ngOnChanges(): void;
+    handlePickerChange({ data, $event }: {
+        data: any;
+        $event: any;
+    }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ShadeSliderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShadeSliderComponent, "color-shade-picker", never, { "width": "width"; "height": "height"; }, {}, never, never, false>;
+}
+export declare class ColorShadeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorShadeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ColorShadeModule, [typeof ShadeSliderComponent], [typeof i1.CommonModule, typeof i2.ShadeModule], [typeof ShadeSliderComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ColorShadeModule>;
+}

package/sketch/index.d.ts

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

package/sketch/public_api.d.ts

@@ -0,0 +1,3 @@
+export { SketchFieldsComponent } from './sketch-fields.component';
+export { SketchPresetColorsComponent } from './sketch-preset-colors.component';
+export { ColorSketchModule, SketchComponent } from './sketch.component';

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

@@ -0,0 +1,23 @@
+import { EventEmitter } from '@angular/core';
+import { HSLA, RGBA } from 'ngx-color';
+import * as i0 from "@angular/core";
+export declare class SketchFieldsComponent {
+    hsl: HSLA;
+    rgb: RGBA;
+    hex: string;
+    disableAlpha: boolean;
+    onChange: EventEmitter<any>;
+    input: {
+        [key: string]: string;
+    };
+    label: {
+        [key: string]: string;
+    };
+    round(value: any): number;
+    handleChange({ data, $event }: {
+        data: any;
+        $event: any;
+    }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SketchFieldsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SketchFieldsComponent, "color-sketch-fields", never, { "hsl": "hsl"; "rgb": "rgb"; "hex": "hex"; "disableAlpha": "disableAlpha"; }, { "onChange": "onChange"; }, never, never, false>;
+}

package/sketch/sketch-preset-colors.component.d.ts

@@ -0,0 +1,24 @@
+import { EventEmitter } from '@angular/core';
+import { Shape } from 'ngx-color';
+import * as i0 from "@angular/core";
+export declare class SketchPresetColorsComponent {
+    colors: string[];
+    onClick: EventEmitter<any>;
+    onSwatchHover: EventEmitter<any>;
+    swatchStyle: {
+        borderRadius: string;
+        boxShadow: string;
+    };
+    handleClick({ hex, $event }: {
+        hex: any;
+        $event: any;
+    }): void;
+    normalizeValue(val: string | Shape): Shape | {
+        color: string;
+    };
+    focusStyle(val: string | Shape): {
+        boxShadow: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<SketchPresetColorsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SketchPresetColorsComponent, "color-sketch-preset-colors", never, { "colors": "colors"; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never, false>;
+}

package/sketch/sketch.component.d.ts

@@ -0,0 +1,32 @@
+import { ColorWrap } from 'ngx-color';
+import * as i0 from "@angular/core";
+import * as i1 from "./sketch-fields.component";
+import * as i2 from "./sketch-preset-colors.component";
+import * as i3 from "@angular/common";
+import * as i4 from "ngx-color";
+export declare class SketchComponent extends ColorWrap {
+    /** Remove alpha slider and options from picker */
+    disableAlpha: boolean;
+    /** Hex strings for default colors at bottom of picker */
+    presetColors: string[];
+    /** Width of picker */
+    width: number;
+    activeBackground: string;
+    constructor();
+    afterValidChange(): void;
+    handleValueChange({ data, $event }: {
+        data: any;
+        $event: any;
+    }): void;
+    handleBlockChange({ hex, $event }: {
+        hex: any;
+        $event: any;
+    }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SketchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SketchComponent, "color-sketch", never, { "disableAlpha": "disableAlpha"; "presetColors": "presetColors"; "width": "width"; }, {}, never, never, false>;
+}
+export declare class ColorSketchModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorSketchModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ColorSketchModule, [typeof SketchComponent, typeof i1.SketchFieldsComponent, typeof i2.SketchPresetColorsComponent], [typeof i3.CommonModule, typeof i4.AlphaModule, typeof i4.CheckboardModule, typeof i4.EditableInputModule, typeof i4.HueModule, typeof i4.SaturationModule, typeof i4.SwatchModule], [typeof SketchComponent, typeof i1.SketchFieldsComponent, typeof i2.SketchPresetColorsComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ColorSketchModule>;
+}

package/slider/index.d.ts

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

package/slider/public_api.d.ts

@@ -0,0 +1,3 @@
+export { SliderSwatchComponent } from './slider-swatch.component';
+export { SliderSwatchesComponent } from './slider-swatches.component';
+export { ColorSliderModule, SliderComponent } from './slider.component';

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

@@ -0,0 +1,16 @@
+import { EventEmitter, OnChanges } from '@angular/core';
+import { HSL } from 'ngx-color';
+import * as i0 from "@angular/core";
+export declare class SliderSwatchComponent implements OnChanges {
+    hsl: HSL;
+    active: boolean;
+    offset: number;
+    first: boolean;
+    last: boolean;
+    onClick: EventEmitter<any>;
+    background: string;
+    ngOnChanges(): void;
+    handleClick($event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SliderSwatchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SliderSwatchComponent, "color-slider-swatch", never, { "hsl": "hsl"; "active": "active"; "offset": "offset"; "first": "first"; "last": "last"; }, { "onClick": "onClick"; }, never, never, false>;
+}

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

@@ -0,0 +1,15 @@
+import { EventEmitter } from '@angular/core';
+import { HSL } from 'ngx-color';
+import * as i0 from "@angular/core";
+export declare class SliderSwatchesComponent {
+    hsl: HSL;
+    onClick: EventEmitter<any>;
+    onSwatchHover: EventEmitter<any>;
+    active(l: number, s: number): boolean;
+    handleClick({ data, $event }: {
+        data: any;
+        $event: any;
+    }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SliderSwatchesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SliderSwatchesComponent, "color-slider-swatches", never, { "hsl": "hsl"; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never, false>;
+}

package/slider/slider.component.d.ts

@@ -0,0 +1,22 @@
+import { ColorWrap } from 'ngx-color';
+import * as i0 from "@angular/core";
+import * as i1 from "./slider-swatch.component";
+import * as i2 from "./slider-swatches.component";
+import * as i3 from "@angular/common";
+import * as i4 from "ngx-color";
+export declare class SliderComponent extends ColorWrap {
+    pointer: Record<string, string>;
+    radius: number;
+    constructor();
+    handlePickerChange({ data, $event }: {
+        data: any;
+        $event: any;
+    }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SliderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "color-slider", never, { "pointer": "pointer"; "radius": "radius"; }, {}, never, never, false>;
+}
+export declare class ColorSliderModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorSliderModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ColorSliderModule, [typeof SliderComponent, typeof i1.SliderSwatchComponent, typeof i2.SliderSwatchesComponent], [typeof i3.CommonModule, typeof i4.HueModule, typeof i4.SwatchModule], [typeof SliderComponent, typeof i1.SliderSwatchComponent, typeof i2.SliderSwatchesComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ColorSliderModule>;
+}

package/swatches/index.d.ts

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

package/swatches/public_api.d.ts

@@ -0,0 +1,3 @@
+export { SwatchesColorComponent } from './swatches-color.component';
+export { SwatchesGroupComponent } from './swatches-group.component';
+export { ColorSwatchesModule, SwatchesComponent } from './swatches.component';

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

@@ -0,0 +1,18 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { getContrastingColor } from 'ngx-color';
+import * as i0 from "@angular/core";
+export declare class SwatchesColorComponent implements OnInit {
+    color: string;
+    first: boolean;
+    last: boolean;
+    active: boolean;
+    onClick: EventEmitter<any>;
+    onSwatchHover: EventEmitter<any>;
+    getContrastingColor: typeof getContrastingColor;
+    colorStyle: Record<string, string>;
+    focusStyle: Record<string, string>;
+    ngOnInit(): void;
+    handleClick($event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SwatchesColorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwatchesColorComponent, "color-swatches-color", never, { "color": "color"; "first": "first"; "last": "last"; "active": "active"; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never, false>;
+}

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

@@ -0,0 +1,10 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SwatchesGroupComponent {
+    group: string[];
+    active: string;
+    onClick: EventEmitter<any>;
+    onSwatchHover: EventEmitter<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SwatchesGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwatchesGroupComponent, "color-swatches-group", never, { "group": "group"; "active": "active"; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never, false>;
+}

package/swatches/swatches.component.d.ts

@@ -0,0 +1,29 @@
+import { ColorWrap, zDepth } from 'ngx-color';
+import * as i0 from "@angular/core";
+import * as i1 from "./swatches-group.component";
+import * as i2 from "./swatches-color.component";
+import * as i3 from "@angular/common";
+import * as i4 from "ngx-color";
+export declare class SwatchesComponent extends ColorWrap {
+    /** Pixel value for picker width */
+    width: string | number;
+    /** Color squares to display */
+    height: string | number;
+    /** An array of color groups, each with an array of colors */
+    colors: string[][];
+    zDepth: zDepth;
+    radius: number;
+    background: string;
+    constructor();
+    handlePickerChange({ data, $event }: {
+        data: any;
+        $event: any;
+    }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SwatchesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwatchesComponent, "color-swatches", never, { "width": "width"; "height": "height"; "colors": "colors"; "zDepth": "zDepth"; "radius": "radius"; "background": "background"; }, {}, never, never, false>;
+}
+export declare class ColorSwatchesModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorSwatchesModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ColorSwatchesModule, [typeof SwatchesComponent, typeof i1.SwatchesGroupComponent, typeof i2.SwatchesColorComponent], [typeof i3.CommonModule, typeof i4.SwatchModule, typeof i4.RaisedModule], [typeof SwatchesComponent, typeof i1.SwatchesGroupComponent, typeof i2.SwatchesColorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ColorSwatchesModule>;
+}

package/twitter/index.d.ts

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

package/twitter/public_api.d.ts

@@ -0,0 +1 @@
+export { ColorTwitterModule, TwitterComponent } from './twitter.component';

package/twitter/twitter.component.d.ts

@@ -0,0 +1,31 @@
+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 TwitterComponent extends ColorWrap {
+    /** Pixel value for picker width */
+    width: string | number;
+    /** Color squares to display */
+    colors: string[];
+    triangle: 'hide' | 'top-left' | 'top-right' | 'bottom-right';
+    swatchStyle: {
+        [key: string]: string;
+    };
+    input: {
+        [key: string]: string;
+    };
+    disableAlpha: boolean;
+    constructor();
+    focus(color: string): {
+        boxShadow: string;
+    };
+    handleBlockChange({ hex, $event }: any): void;
+    handleValueChange({ data, $event }: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TwitterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TwitterComponent, "color-twitter", never, { "width": "width"; "colors": "colors"; "triangle": "triangle"; }, {}, never, never, false>;
+}
+export declare class ColorTwitterModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorTwitterModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ColorTwitterModule, [typeof TwitterComponent], [typeof i1.CommonModule, typeof i2.SwatchModule, typeof i2.EditableInputModule], [typeof TwitterComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ColorTwitterModule>;
+}