ngx-color 7.3.3 → 8.0.0

package/fesm2020/ngx-color-twitter.mjs

@@ -1,262 +0,0 @@
-import * as i2 from '@angular/common';
-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, isValidHex, SwatchModule, EditableInputModule } from 'ngx-color';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-
-class TwitterComponent extends ColorWrap {
-    constructor() {
-        super();
-        /** Pixel value for picker width */
-        this.width = 276;
-        /** Color squares to display */
-        this.colors = [
-            '#FF6900',
-            '#FCB900',
-            '#7BDCB5',
-            '#00D084',
-            '#8ED1FC',
-            '#0693E3',
-            '#ABB8C3',
-            '#EB144C',
-            '#F78DA7',
-            '#9900EF',
-        ];
-        this.triangle = 'top-left';
-        this.swatchStyle = {
-            width: '30px',
-            height: '30px',
-            borderRadius: '4px',
-            fontSize: '0',
-        };
-        this.input = {
-            borderRadius: '4px',
-            borderBottomLeftRadius: '0',
-            borderTopLeftRadius: '0',
-            border: '1px solid #e6ecf0',
-            boxSizing: 'border-box',
-            display: 'inline',
-            fontSize: '14px',
-            height: '30px',
-            padding: '0',
-            paddingLeft: '6px',
-            width: '100%',
-            color: '#657786',
-        };
-        this.disableAlpha = true;
-    }
-    focus(color) {
-        return { boxShadow: `0 0 4px ${color}` };
-    }
-    handleBlockChange({ hex, $event }) {
-        if (isValidHex(hex)) {
-            // this.hex = hex;
-            this.handleChange({ hex, source: 'hex' }, $event);
-        }
-    }
-    handleValueChange({ data, $event }) {
-        this.handleBlockChange({ hex: data, $event });
-    }
-}
-TwitterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: TwitterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TwitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: TwitterComponent, selector: "color-twitter", inputs: { width: "width", colors: "colors", triangle: "triangle" }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => TwitterComponent),
-            multi: true,
-        },
-        {
-            provide: ColorWrap,
-            useExisting: forwardRef(() => TwitterComponent),
-        },
-    ], usesInheritance: true, ngImport: i0, template: `
-  <div class="twitter-picker {{ triangle }}-triangle {{ className }}" [style.width.px]="width">
-    <div class="triangleShadow"></div>
-    <div class="triangle"></div>
-    <div class="twitter-body">
-      <div class="twitter-swatch" *ngFor="let color of colors">
-        <color-swatch
-          [color]="color"
-          [style]="swatchStyle"
-          [focusStyle]="focus(color)"
-          (onClick)="handleBlockChange($event)"
-          (onHover)="onSwatchHover.emit($event)"
-        ></color-swatch>
-      </div>
-      <div class="twitter-hash">
-        <div>#</div>
-      </div>
-      <div class="twitter-input">
-        <color-editable-input
-          [style]="{ input: input }"
-          [value]="hex.replace('#', '')"
-          (onChange)="handleValueChange($event)"
-        ></color-editable-input>
-      </div>
-    </div>
-  </div>
-  `, isInline: true, styles: [".twitter-picker{background:rgb(255,255,255);border:0px solid rgba(0,0,0,.25);box-shadow:#00000040 0 1px 4px;border-radius:4px;position:relative;box-sizing:border-box}.triangleShadow{width:0px;height:0px;border-style:solid;border-width:0px 9px 10px;border-color:transparent transparent rgba(0,0,0,.1);position:absolute}.triangle{width:0px;height:0px;border-style:solid;border-width:0px 9px 10px;border-color:transparent transparent rgb(255,255,255);position:absolute}.hide-triangle>.triangle{display:none}.hide-triangle>.triangleShadow{display:none}.top-left-triangle>.triangle{top:-10px;left:12px}.top-left-triangle>.triangleShadow{top:-11px;left:12px}.top-right-triangle>.triangle{top:-10px;right:12px}.top-right-triangle>.triangleShadow{top:-11px;right:12px}.twitter-body{padding:15px 9px 9px 15px}.twitter-swatch{width:30px;height:30px;display:inline-block;margin:0 6px 0 0}.twitter-hash{background:rgb(240,240,240);height:30px;width:30px;border-radius:4px 0 0 4px;color:#98a1a4;margin-left:-3px;display:inline-block}.twitter-hash>div{position:absolute;align-items:center;justify-content:center;height:30px;width:30px;display:flex}.twitter-input{display:inline-block;margin-top:-6px;font-size:10px;height:27px;padding:0;position:relative;top:6px;vertical-align:top;width:108px;margin-left:-4px}\n"], components: [{ type: i1.SwatchComponent, selector: "color-swatch", inputs: ["color", "style", "focusStyle", "focus"], outputs: ["onClick", "onHover"] }, { type: i1.EditableInputComponent, selector: "color-editable-input", inputs: ["style", "label", "value", "arrowOffset", "dragLabel", "dragMax", "placeholder"], outputs: ["onChange"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: TwitterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'color-twitter',
-                    template: `
-  <div class="twitter-picker {{ triangle }}-triangle {{ className }}" [style.width.px]="width">
-    <div class="triangleShadow"></div>
-    <div class="triangle"></div>
-    <div class="twitter-body">
-      <div class="twitter-swatch" *ngFor="let color of colors">
-        <color-swatch
-          [color]="color"
-          [style]="swatchStyle"
-          [focusStyle]="focus(color)"
-          (onClick)="handleBlockChange($event)"
-          (onHover)="onSwatchHover.emit($event)"
-        ></color-swatch>
-      </div>
-      <div class="twitter-hash">
-        <div>#</div>
-      </div>
-      <div class="twitter-input">
-        <color-editable-input
-          [style]="{ input: input }"
-          [value]="hex.replace('#', '')"
-          (onChange)="handleValueChange($event)"
-        ></color-editable-input>
-      </div>
-    </div>
-  </div>
-  `,
-                    styles: [
-                        `
-    .twitter-picker {
-      background: rgb(255, 255, 255);
-      border: 0px solid rgba(0, 0, 0, 0.25);
-      box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 4px;
-      border-radius: 4px;
-      position: relative;
-      box-sizing: border-box;
-    }
-    .triangleShadow {
-      width: 0px;
-      height: 0px;
-      border-style: solid;
-      border-width: 0px 9px 10px;
-      border-color: transparent transparent rgba(0, 0, 0, 0.1);
-      position: absolute;
-    }
-    .triangle {
-      width: 0px;
-      height: 0px;
-      border-style: solid;
-      border-width: 0px 9px 10px;
-      border-color: transparent transparent rgb(255, 255, 255);
-      position: absolute;
-    }
-    .hide-triangle > .triangle {
-      display: none;
-    }
-    .hide-triangle > .triangleShadow {
-      display: none;
-    }
-    .top-left-triangle > .triangle {
-      top: -10px;
-      left: 12px;
-    }
-    .top-left-triangle > .triangleShadow {
-      top: -11px;
-      left: 12px;
-    }
-    .top-right-triangle > .triangle {
-      top: -10px;
-      right: 12px;
-    }
-    .top-right-triangle > .triangleShadow {
-      top: -11px;
-      right: 12px;
-    }
-    .twitter-body {
-      padding: 15px 9px 9px 15px;
-    }
-    .twitter-swatch {
-      width: 30px;
-      height: 30px;
-      display: inline-block;
-      margin: 0 6px 0 0;
-    }
-    .twitter-hash {
-      background: rgb(240, 240, 240);
-      height: 30px;
-      width: 30px;
-      border-radius: 4px 0px 0px 4px;
-      color: rgb(152, 161, 164);
-      margin-left: -3px;
-      display: inline-block;
-
-    }
-    .twitter-hash > div {
-      position: absolute;
-      align-items: center;
-      justify-content: center;
-      height: 30px;
-      width: 30px;
-      display: flex;
-    }
-    .twitter-input {
-      position: relative;
-      display: inline-block;
-      margin-top: -6px;
-      font-size: 10px;
-      height: 27px;
-      padding: 0;
-      position: relative;
-      top: 6px;
-      vertical-align: top;
-      width: 108px;
-      margin-left: -4px;
-    }
-  `,
-                    ],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    preserveWhitespaces: false,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => TwitterComponent),
-                            multi: true,
-                        },
-                        {
-                            provide: ColorWrap,
-                            useExisting: forwardRef(() => TwitterComponent),
-                        },
-                    ]
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { width: [{
-                type: Input
-            }], colors: [{
-                type: Input
-            }], triangle: [{
-                type: Input
-            }] } });
-class ColorTwitterModule {
-}
-ColorTwitterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorTwitterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ColorTwitterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorTwitterModule, declarations: [TwitterComponent], imports: [CommonModule, SwatchModule, EditableInputModule], exports: [TwitterComponent] });
-ColorTwitterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorTwitterModule, imports: [[CommonModule, SwatchModule, EditableInputModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorTwitterModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [TwitterComponent],
-                    exports: [TwitterComponent],
-                    imports: [CommonModule, SwatchModule, EditableInputModule],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { ColorTwitterModule, TwitterComponent };
-//# sourceMappingURL=ngx-color-twitter.mjs.map

package/fesm2020/ngx-color-twitter.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ngx-color-twitter.mjs","sources":["../../src/lib/twitter/twitter.component.ts","../../src/lib/twitter/ngx-color-twitter.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, Input, NgModule } from '@angular/core';\n\nimport { ColorWrap, EditableInputModule, isValidHex, SwatchModule } from 'ngx-color';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n  selector: 'color-twitter',\n  template: `\n  <div class=\"twitter-picker {{ triangle }}-triangle {{ className }}\" [style.width.px]=\"width\">\n    <div class=\"triangleShadow\"></div>\n    <div class=\"triangle\"></div>\n    <div class=\"twitter-body\">\n      <div class=\"twitter-swatch\" *ngFor=\"let color of colors\">\n        <color-swatch\n          [color]=\"color\"\n          [style]=\"swatchStyle\"\n          [focusStyle]=\"focus(color)\"\n          (onClick)=\"handleBlockChange($event)\"\n          (onHover)=\"onSwatchHover.emit($event)\"\n        ></color-swatch>\n      </div>\n      <div class=\"twitter-hash\">\n        <div>#</div>\n      </div>\n      <div class=\"twitter-input\">\n        <color-editable-input\n          [style]=\"{ input: input }\"\n          [value]=\"hex.replace('#', '')\"\n          (onChange)=\"handleValueChange($event)\"\n        ></color-editable-input>\n      </div>\n    </div>\n  </div>\n  `,\n  styles: [\n    `\n    .twitter-picker {\n      background: rgb(255, 255, 255);\n      border: 0px solid rgba(0, 0, 0, 0.25);\n      box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 4px;\n      border-radius: 4px;\n      position: relative;\n      box-sizing: border-box;\n    }\n    .triangleShadow {\n      width: 0px;\n      height: 0px;\n      border-style: solid;\n      border-width: 0px 9px 10px;\n      border-color: transparent transparent rgba(0, 0, 0, 0.1);\n      position: absolute;\n    }\n    .triangle {\n      width: 0px;\n      height: 0px;\n      border-style: solid;\n      border-width: 0px 9px 10px;\n      border-color: transparent transparent rgb(255, 255, 255);\n      position: absolute;\n    }\n    .hide-triangle > .triangle {\n      display: none;\n    }\n    .hide-triangle > .triangleShadow {\n      display: none;\n    }\n    .top-left-triangle > .triangle {\n      top: -10px;\n      left: 12px;\n    }\n    .top-left-triangle > .triangleShadow {\n      top: -11px;\n      left: 12px;\n    }\n    .top-right-triangle > .triangle {\n      top: -10px;\n      right: 12px;\n    }\n    .top-right-triangle > .triangleShadow {\n      top: -11px;\n      right: 12px;\n    }\n    .twitter-body {\n      padding: 15px 9px 9px 15px;\n    }\n    .twitter-swatch {\n      width: 30px;\n      height: 30px;\n      display: inline-block;\n      margin: 0 6px 0 0;\n    }\n    .twitter-hash {\n      background: rgb(240, 240, 240);\n      height: 30px;\n      width: 30px;\n      border-radius: 4px 0px 0px 4px;\n      color: rgb(152, 161, 164);\n      margin-left: -3px;\n      display: inline-block;\n\n    }\n    .twitter-hash > div {\n      position: absolute;\n      align-items: center;\n      justify-content: center;\n      height: 30px;\n      width: 30px;\n      display: flex;\n    }\n    .twitter-input {\n      position: relative;\n      display: inline-block;\n      margin-top: -6px;\n      font-size: 10px;\n      height: 27px;\n      padding: 0;\n      position: relative;\n      top: 6px;\n      vertical-align: top;\n      width: 108px;\n      margin-left: -4px;\n    }\n  `,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  preserveWhitespaces: false,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => TwitterComponent),\n      multi: true,\n    },\n    {\n      provide: ColorWrap,\n      useExisting: forwardRef(() => TwitterComponent),\n    },\n  ]\n})\nexport class TwitterComponent extends ColorWrap {\n  /** Pixel value for picker width */\n  @Input() width: string | number = 276;\n  /** Color squares to display */\n  @Input() colors = [\n    '#FF6900',\n    '#FCB900',\n    '#7BDCB5',\n    '#00D084',\n    '#8ED1FC',\n    '#0693E3',\n    '#ABB8C3',\n    '#EB144C',\n    '#F78DA7',\n    '#9900EF',\n  ];\n  @Input() triangle: 'hide' | 'top-left' | 'top-right' | 'bottom-right' = 'top-left';\n\n  swatchStyle: {[key: string]: string} = {\n    width: '30px',\n    height: '30px',\n    borderRadius: '4px',\n    fontSize: '0',\n  };\n  input: {[key: string]: string} = {\n    borderRadius: '4px',\n    borderBottomLeftRadius: '0',\n    borderTopLeftRadius: '0',\n    border: '1px solid #e6ecf0',\n    boxSizing: 'border-box',\n    display: 'inline',\n    fontSize: '14px',\n    height: '30px',\n    padding: '0',\n    paddingLeft: '6px',\n    width: '100%',\n    color: '#657786',\n  };\n  disableAlpha = true;\n\n  constructor() {\n    super();\n  }\n\n  focus(color: string) {\n    return { boxShadow: `0 0 4px ${color}` };\n  }\n\n  handleBlockChange({ hex, $event }: any) {\n    if (isValidHex(hex)) {\n      // this.hex = hex;\n      this.handleChange({ hex, source: 'hex' }, $event);\n    }\n  }\n\n  handleValueChange({ data, $event }: any) {\n    this.handleBlockChange({ hex: data, $event });\n  }\n}\n\n@NgModule({\n  declarations: [TwitterComponent],\n  exports: [TwitterComponent],\n  imports: [CommonModule, SwatchModule, EditableInputModule],\n})\nexport class ColorTwitterModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

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

@@ -1,19 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class GithubSwatchComponent {
-    color: string;
-    onClick: EventEmitter<any>;
-    onSwatchHover: EventEmitter<any>;
-    focusStyle: {
-        position: string;
-        'z-index': string;
-        outline: string;
-        'box-shadow': string;
-    };
-    handleClick({ hex, $event }: {
-        hex: any;
-        $event: any;
-    }): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<GithubSwatchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GithubSwatchComponent, "color-github-swatch", never, { "color": "color"; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never>;
-}

package/github/github.component.d.ts

@@ -1,28 +0,0 @@
-import { ColorWrap } from 'ngx-color';
-import * as i0 from "@angular/core";
-import * as i1 from "./github-swatch.component";
-import * as i2 from "@angular/common";
-import * as i3 from "ngx-color";
-export declare class GithubComponent extends ColorWrap {
-    /** Pixel value for picker width */
-    width: string | number;
-    /** Color squares to display */
-    colors: string[];
-    triangle: 'hide' | 'top-left' | 'top-right' | 'bottom-right';
-    constructor();
-    handleBlockChange({ hex, $event }: {
-        hex: string;
-        $event: Event;
-    }): void;
-    handleValueChange({ data, $event }: {
-        data: any;
-        $event: any;
-    }): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<GithubComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GithubComponent, "color-github", never, { "width": "width"; "colors": "colors"; "triangle": "triangle"; }, {}, never, never>;
-}
-export declare class ColorGithubModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ColorGithubModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ColorGithubModule, [typeof GithubComponent, typeof i1.GithubSwatchComponent], [typeof i2.CommonModule, typeof i3.SwatchModule], [typeof GithubComponent, typeof i1.GithubSwatchComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ColorGithubModule>;
-}

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

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

package/github/package.json

@@ -1,16 +0,0 @@
-{
-  "name": "ngx-color/github",
-  "author": "scttcper",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/scttcper/ngx-color.git"
-  },
-  "license": "MIT",
-  "module": "../fesm2015/ngx-color-github.mjs",
-  "es2020": "../fesm2020/ngx-color-github.mjs",
-  "esm2020": "../esm2020/github/ngx-color-github.mjs",
-  "fesm2020": "../fesm2020/ngx-color-github.mjs",
-  "fesm2015": "../fesm2015/ngx-color-github.mjs",
-  "typings": "ngx-color-github.d.ts",
-  "sideEffects": false
-}

package/github/public_api.d.ts

@@ -1,2 +0,0 @@
-export { GithubSwatchComponent } from './github-swatch.component';
-export { ColorGithubModule, GithubComponent } from './github.component';

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

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

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

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

package/hue/package.json

@@ -1,15 +0,0 @@
-{
-  "name": "ngx-color/hue",
-  "author": "scttcper",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/scttcper/ngx-color.git"
-  },
-  "module": "../fesm2015/ngx-color-hue.mjs",
-  "es2020": "../fesm2020/ngx-color-hue.mjs",
-  "esm2020": "../esm2020/hue/ngx-color-hue.mjs",
-  "fesm2020": "../fesm2020/ngx-color-hue.mjs",
-  "fesm2015": "../fesm2015/ngx-color-hue.mjs",
-  "typings": "ngx-color-hue.d.ts",
-  "sideEffects": false
-}

package/hue/public_api.d.ts

@@ -1 +0,0 @@
-export { ColorHueModule, HuePickerComponent } from './hue-picker.component';

package/material/material.component.d.ts

@@ -1,39 +0,0 @@
-import { ColorWrap, zDepth } from 'ngx-color';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "ngx-color";
-export declare class MaterialComponent extends ColorWrap {
-    HEXinput: {
-        [key: string]: string;
-    };
-    HEXlabel: {
-        [key: string]: string;
-    };
-    RGBinput: {
-        [key: string]: string;
-    };
-    RGBlabel: {
-        [key: string]: string;
-    };
-    zDepth: zDepth;
-    radius: number;
-    background: string;
-    disableAlpha: boolean;
-    constructor();
-    handleValueChange({ data, $event }: {
-        data: any;
-        $event: any;
-    }): void;
-    handleInputChange({ data, $event }: {
-        data: any;
-        $event: any;
-    }): void;
-    afterValidChange(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MaterialComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MaterialComponent, "color-material", never, { "zDepth": "zDepth"; "radius": "radius"; "background": "background"; }, {}, never, never>;
-}
-export declare class ColorMaterialModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ColorMaterialModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ColorMaterialModule, [typeof MaterialComponent], [typeof i1.CommonModule, typeof i2.EditableInputModule, typeof i2.RaisedModule], [typeof MaterialComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ColorMaterialModule>;
-}

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

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

package/material/package.json

@@ -1,15 +0,0 @@
-{
-  "name": "ngx-color/material",
-  "author": "scttcper",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/scttcper/ngx-color.git"
-  },
-  "module": "../fesm2015/ngx-color-material.mjs",
-  "es2020": "../fesm2020/ngx-color-material.mjs",
-  "esm2020": "../esm2020/material/ngx-color-material.mjs",
-  "fesm2020": "../fesm2020/ngx-color-material.mjs",
-  "fesm2015": "../fesm2015/ngx-color-material.mjs",
-  "typings": "ngx-color-material.d.ts",
-  "sideEffects": false
-}

package/material/public_api.d.ts

@@ -1 +0,0 @@
-export { ColorMaterialModule, MaterialComponent } from './material.component';

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

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

package/photoshop/package.json

@@ -1,15 +0,0 @@
-{
-  "name": "ngx-color/photoshop",
-  "author": "scttcper",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/scttcper/ngx-color.git"
-  },
-  "module": "../fesm2015/ngx-color-photoshop.mjs",
-  "es2020": "../fesm2020/ngx-color-photoshop.mjs",
-  "esm2020": "../esm2020/photoshop/ngx-color-photoshop.mjs",
-  "fesm2020": "../fesm2020/ngx-color-photoshop.mjs",
-  "fesm2015": "../fesm2015/ngx-color-photoshop.mjs",
-  "typings": "ngx-color-photoshop.d.ts",
-  "sideEffects": false
-}

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

@@ -1,9 +0,0 @@
-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>;
-}

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

@@ -1,22 +0,0 @@
-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>;
-}

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

@@ -1,11 +0,0 @@
-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>;
-}

package/photoshop/photoshop.component.d.ts

@@ -1,33 +0,0 @@
-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>;
-}
-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

@@ -1,4 +0,0 @@
-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/ngx-color-shade.d.ts

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

package/shade/package.json

@@ -1,17 +0,0 @@
-{
-  "$schema": "../../../../node_modules/ng-packagr/package.schema.json",
-  "name": "ngx-color/shade",
-  "author": "scttcper",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/scttcper/ngx-color.git"
-  },
-  "license": "MIT",
-  "module": "../fesm2015/ngx-color-shade.mjs",
-  "es2020": "../fesm2020/ngx-color-shade.mjs",
-  "esm2020": "../esm2020/shade/ngx-color-shade.mjs",
-  "fesm2020": "../fesm2020/ngx-color-shade.mjs",
-  "fesm2015": "../fesm2015/ngx-color-shade.mjs",
-  "typings": "ngx-color-shade.d.ts",
-  "sideEffects": false
-}

package/shade/public_api.d.ts

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

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

@@ -1,27 +0,0 @@
-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>;
-}
-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>;
-}