ngx-color 8.0.2 → 9.0.0

package/{fesm2015 → fesm2022}/ngx-color-swatches.mjs

@@ -8,20 +8,20 @@ import { red, pink, purple, deepPurple, indigo, blue, lightBlue, cyan, teal, gre
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 
 class SwatchesColorComponent {
-    constructor() {
-        this.first = false;
-        this.last = false;
-        this.onClick = new EventEmitter();
-        this.onSwatchHover = new EventEmitter();
-        this.getContrastingColor = getContrastingColor;
-        this.colorStyle = {
-            width: '40px',
-            height: '24px',
-            cursor: 'pointer',
-            marginBottom: '1px',
-        };
-        this.focusStyle = {};
-    }
+    color;
+    first = false;
+    last = false;
+    active;
+    onClick = new EventEmitter();
+    onSwatchHover = new EventEmitter();
+    getContrastingColor = getContrastingColor;
+    colorStyle = {
+        width: '40px',
+        height: '24px',
+        cursor: 'pointer',
+        marginBottom: '1px',
+    };
+    focusStyle = {};
     ngOnInit() {
         this.colorStyle.background = this.color;
         this.focusStyle.boxShadow = `0 0 4px ${this.color}`;
@@ -44,9 +44,8 @@ class SwatchesColorComponent {
             $event,
         });
     }
-}
-SwatchesColorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwatchesColorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SwatchesColorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwatchesColorComponent, selector: "color-swatches-color", inputs: { color: "color", first: "first", last: "last", active: "active" }, outputs: { onClick: "onClick", onSwatchHover: "onSwatchHover" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: SwatchesColorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: SwatchesColorComponent, selector: "color-swatches-color", inputs: { color: "color", first: "first", last: "last", active: "active" }, outputs: { onClick: "onClick", onSwatchHover: "onSwatchHover" }, ngImport: i0, template: `
     <color-swatch
       [color]="color"
       [style]="colorStyle"
@@ -68,7 +67,8 @@ SwatchesColorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
       </div>
     </color-swatch>
   `, isInline: true, styles: [".swatches-group{padding-bottom:10px;width:40px;float:left;margin-right:10px}.swatch-check{display:flex;margin-left:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SwatchComponent, selector: "color-swatch", inputs: ["color", "style", "focusStyle", "focus"], outputs: ["onClick", "onHover"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwatchesColorComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: SwatchesColorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'color-swatches-color', template: `
     <color-swatch
@@ -107,13 +107,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
             }] } });
 
 class SwatchesGroupComponent {
-    constructor() {
-        this.onClick = new EventEmitter();
-        this.onSwatchHover = new EventEmitter();
-    }
-}
-SwatchesGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwatchesGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SwatchesGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwatchesGroupComponent, selector: "color-swatches-group", inputs: { group: "group", active: "active" }, outputs: { onClick: "onClick", onSwatchHover: "onSwatchHover" }, ngImport: i0, template: `
+    group;
+    active;
+    onClick = new EventEmitter();
+    onSwatchHover = new EventEmitter();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: SwatchesGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: SwatchesGroupComponent, selector: "color-swatches-group", inputs: { group: "group", active: "active" }, outputs: { onClick: "onClick", onSwatchHover: "onSwatchHover" }, ngImport: i0, template: `
     <div class="swatches-group">
       <color-swatches-color
         *ngFor="let color of group; let idx = index"
@@ -126,7 +125,8 @@ SwatchesGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
       </color-swatches-color>
     </div>
   `, isInline: true, styles: [".swatches-group{padding-bottom:10px;width:40px;float:left;margin-right:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SwatchesColorComponent, selector: "color-swatches-color", inputs: ["color", "first", "last", "active"], outputs: ["onClick", "onSwatchHover"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwatchesGroupComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: SwatchesGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'color-swatches-group', template: `
     <div class="swatches-group">
@@ -152,162 +152,161 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
             }] } });
 
 class SwatchesComponent extends ColorWrap {
+    /** Pixel value for picker width */
+    width = 320;
+    /** Color squares to display */
+    height = 240;
+    /** An array of color groups, each with an array of colors */
+    colors = [
+        [
+            red['900'],
+            red['700'],
+            red['500'],
+            red['300'],
+            red['100'],
+        ],
+        [
+            pink['900'],
+            pink['700'],
+            pink['500'],
+            pink['300'],
+            pink['100'],
+        ],
+        [
+            purple['900'],
+            purple['700'],
+            purple['500'],
+            purple['300'],
+            purple['100'],
+        ],
+        [
+            deepPurple['900'],
+            deepPurple['700'],
+            deepPurple['500'],
+            deepPurple['300'],
+            deepPurple['100'],
+        ],
+        [
+            indigo['900'],
+            indigo['700'],
+            indigo['500'],
+            indigo['300'],
+            indigo['100'],
+        ],
+        [
+            blue['900'],
+            blue['700'],
+            blue['500'],
+            blue['300'],
+            blue['100'],
+        ],
+        [
+            lightBlue['900'],
+            lightBlue['700'],
+            lightBlue['500'],
+            lightBlue['300'],
+            lightBlue['100'],
+        ],
+        [
+            cyan['900'],
+            cyan['700'],
+            cyan['500'],
+            cyan['300'],
+            cyan['100'],
+        ],
+        [
+            teal['900'],
+            teal['700'],
+            teal['500'],
+            teal['300'],
+            teal['100'],
+        ],
+        [
+            '#194D33',
+            green['700'],
+            green['500'],
+            green['300'],
+            green['100'],
+        ],
+        [
+            lightGreen['900'],
+            lightGreen['700'],
+            lightGreen['500'],
+            lightGreen['300'],
+            lightGreen['100'],
+        ],
+        [
+            lime['900'],
+            lime['700'],
+            lime['500'],
+            lime['300'],
+            lime['100'],
+        ],
+        [
+            yellow['900'],
+            yellow['700'],
+            yellow['500'],
+            yellow['300'],
+            yellow['100'],
+        ],
+        [
+            amber['900'],
+            amber['700'],
+            amber['500'],
+            amber['300'],
+            amber['100'],
+        ],
+        [
+            orange['900'],
+            orange['700'],
+            orange['500'],
+            orange['300'],
+            orange['100'],
+        ],
+        [
+            deepOrange['900'],
+            deepOrange['700'],
+            deepOrange['500'],
+            deepOrange['300'],
+            deepOrange['100'],
+        ],
+        [
+            brown['900'],
+            brown['700'],
+            brown['500'],
+            brown['300'],
+            brown['100'],
+        ],
+        [
+            blueGrey['900'],
+            blueGrey['700'],
+            blueGrey['500'],
+            blueGrey['300'],
+            blueGrey['100'],
+        ],
+        ['#000000', '#525252', '#969696', '#D9D9D9', '#FFFFFF'],
+    ];
+    zDepth = 1;
+    radius = 1;
+    background = '#fff';
     constructor() {
         super();
-        /** Pixel value for picker width */
-        this.width = 320;
-        /** Color squares to display */
-        this.height = 240;
-        /** An array of color groups, each with an array of colors */
-        this.colors = [
-            [
-                red['900'],
-                red['700'],
-                red['500'],
-                red['300'],
-                red['100'],
-            ],
-            [
-                pink['900'],
-                pink['700'],
-                pink['500'],
-                pink['300'],
-                pink['100'],
-            ],
-            [
-                purple['900'],
-                purple['700'],
-                purple['500'],
-                purple['300'],
-                purple['100'],
-            ],
-            [
-                deepPurple['900'],
-                deepPurple['700'],
-                deepPurple['500'],
-                deepPurple['300'],
-                deepPurple['100'],
-            ],
-            [
-                indigo['900'],
-                indigo['700'],
-                indigo['500'],
-                indigo['300'],
-                indigo['100'],
-            ],
-            [
-                blue['900'],
-                blue['700'],
-                blue['500'],
-                blue['300'],
-                blue['100'],
-            ],
-            [
-                lightBlue['900'],
-                lightBlue['700'],
-                lightBlue['500'],
-                lightBlue['300'],
-                lightBlue['100'],
-            ],
-            [
-                cyan['900'],
-                cyan['700'],
-                cyan['500'],
-                cyan['300'],
-                cyan['100'],
-            ],
-            [
-                teal['900'],
-                teal['700'],
-                teal['500'],
-                teal['300'],
-                teal['100'],
-            ],
-            [
-                '#194D33',
-                green['700'],
-                green['500'],
-                green['300'],
-                green['100'],
-            ],
-            [
-                lightGreen['900'],
-                lightGreen['700'],
-                lightGreen['500'],
-                lightGreen['300'],
-                lightGreen['100'],
-            ],
-            [
-                lime['900'],
-                lime['700'],
-                lime['500'],
-                lime['300'],
-                lime['100'],
-            ],
-            [
-                yellow['900'],
-                yellow['700'],
-                yellow['500'],
-                yellow['300'],
-                yellow['100'],
-            ],
-            [
-                amber['900'],
-                amber['700'],
-                amber['500'],
-                amber['300'],
-                amber['100'],
-            ],
-            [
-                orange['900'],
-                orange['700'],
-                orange['500'],
-                orange['300'],
-                orange['100'],
-            ],
-            [
-                deepOrange['900'],
-                deepOrange['700'],
-                deepOrange['500'],
-                deepOrange['300'],
-                deepOrange['100'],
-            ],
-            [
-                brown['900'],
-                brown['700'],
-                brown['500'],
-                brown['300'],
-                brown['100'],
-            ],
-            [
-                blueGrey['900'],
-                blueGrey['700'],
-                blueGrey['500'],
-                blueGrey['300'],
-                blueGrey['100'],
-            ],
-            ['#000000', '#525252', '#969696', '#D9D9D9', '#FFFFFF'],
-        ];
-        this.zDepth = 1;
-        this.radius = 1;
-        this.background = '#fff';
     }
     handlePickerChange({ data, $event }) {
         this.handleChange(data, $event);
     }
-}
-SwatchesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwatchesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SwatchesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwatchesComponent, selector: "color-swatches", inputs: { width: "width", height: "height", colors: "colors", zDepth: "zDepth", radius: "radius", background: "background" }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => SwatchesComponent),
-            multi: true,
-        },
-        {
-            provide: ColorWrap,
-            useExisting: forwardRef(() => SwatchesComponent),
-        },
-    ], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: SwatchesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: SwatchesComponent, selector: "color-swatches", inputs: { width: "width", height: "height", colors: "colors", zDepth: "zDepth", radius: "radius", background: "background" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SwatchesComponent),
+                multi: true,
+            },
+            {
+                provide: ColorWrap,
+                useExisting: forwardRef(() => SwatchesComponent),
+            },
+        ], usesInheritance: true, ngImport: i0, template: `
   <div class="swatches-picker {{ className }}"
     [style.width.px]="width" [style.height.px]="height">
     <color-raised [zDepth]="zDepth" [background]="background" [radius]="radius">
@@ -323,7 +322,8 @@ SwatchesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
     </color-raised>
   </div>
   `, isInline: true, styles: [".swatches-overflow{overflow-y:scroll}.swatches-overflow{padding:16px 0 6px 16px}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i1.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i0.forwardRef(function () { return i2.RaisedComponent; }), selector: "color-raised", inputs: ["zDepth", "radius", "background"] }, { kind: "component", type: i0.forwardRef(function () { return SwatchesGroupComponent; }), selector: "color-swatches-group", inputs: ["group", "active"], outputs: ["onClick", "onSwatchHover"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwatchesComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: SwatchesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'color-swatches', template: `
   <div class="swatches-picker {{ className }}"
@@ -365,12 +365,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                 type: Input
             }] } });
 class ColorSwatchesModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: ColorSwatchesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.1", ngImport: i0, type: ColorSwatchesModule, declarations: [SwatchesComponent, SwatchesGroupComponent,
+            SwatchesColorComponent], imports: [CommonModule, SwatchModule, RaisedModule], exports: [SwatchesComponent, SwatchesGroupComponent, SwatchesColorComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: ColorSwatchesModule, imports: [CommonModule, SwatchModule, RaisedModule] });
 }
-ColorSwatchesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: ColorSwatchesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ColorSwatchesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: ColorSwatchesModule, declarations: [SwatchesComponent, SwatchesGroupComponent,
-        SwatchesColorComponent], imports: [CommonModule, SwatchModule, RaisedModule], exports: [SwatchesComponent, SwatchesGroupComponent, SwatchesColorComponent] });
-ColorSwatchesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: ColorSwatchesModule, imports: [CommonModule, SwatchModule, RaisedModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: ColorSwatchesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: ColorSwatchesModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/fesm2022/ngx-color-swatches.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-color-swatches.mjs","sources":["../../src/lib/swatches/swatches-color.component.ts","../../src/lib/swatches/swatches-group.component.ts","../../src/lib/swatches/swatches.component.ts","../../src/lib/swatches/ngx-color-swatches.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Input,\n  OnInit,\n  Output,\n} from '@angular/core';\n\nimport { getContrastingColor } from 'ngx-color';\n\n@Component({\n  selector: 'color-swatches-color',\n  template: `\n    <color-swatch\n      [color]=\"color\"\n      [style]=\"colorStyle\"\n      [focusStyle]=\"focusStyle\"\n      [class.first]=\"first\"\n      [class.last]=\"last\"\n      (click)=\"handleClick($event)\"\n      (keydown.enter)=\"handleClick($event)\"\n      (onHover)=\"onSwatchHover.emit($event)\"\n    >\n      <div class=\"swatch-check\" *ngIf=\"active\" [class.first]=\"first\" [class.last]=\"last\">\n        <svg\n          style=\"width: 24px; height: 24px;\"\n          viewBox=\"0 0 24 24\"\n          [style.fill]=\"getContrastingColor(color)\"\n        >\n          <path d=\"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z\" />\n        </svg>\n      </div>\n    </color-swatch>\n  `,\n  styles: [\n    `\n      .swatches-group {\n        padding-bottom: 10px;\n        width: 40px;\n        float: left;\n        margin-right: 10px;\n      }\n      .swatch-check {\n        display: flex;\n        margin-left: 8px;\n      }\n    `,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  preserveWhitespaces: false,\n})\nexport class SwatchesColorComponent implements OnInit {\n  @Input() color!: string;\n  @Input() first = false;\n  @Input() last = false;\n  @Input() active!: boolean;\n  @Output() onClick = new EventEmitter<any>();\n  @Output() onSwatchHover = new EventEmitter<any>();\n  getContrastingColor = getContrastingColor;\n  colorStyle: Record<string, string> = {\n    width: '40px',\n    height: '24px',\n    cursor: 'pointer',\n    marginBottom: '1px',\n  };\n  focusStyle: Record<string, string> = {};\n\n  ngOnInit() {\n    this.colorStyle.background = this.color;\n    this.focusStyle.boxShadow = `0 0 4px ${this.color}`;\n    if (this.first) {\n      this.colorStyle.borderRadius = '2px 2px 0 0';\n    }\n    if (this.last) {\n      this.colorStyle.borderRadius = '0 0 2px 2px';\n    }\n    if (this.color === '#FFFFFF') {\n      this.colorStyle.boxShadow = 'inset 0 0 0 1px #ddd';\n    }\n  }\n  handleClick($event) {\n    this.onClick.emit({\n      data: {\n        hex: this.color,\n        source: 'hex',\n      },\n      $event,\n    });\n  }\n}\n","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n  selector: 'color-swatches-group',\n  template: `\n    <div class=\"swatches-group\">\n      <color-swatches-color\n        *ngFor=\"let color of group; let idx = index\"\n        [active]=\"color.toLowerCase() === active\"\n        [color]=\"color\"\n        [first]=\"idx === 0\"\n        [last]=\"idx === group.length - 1\"\n        (onClick)=\"onClick.emit($event)\"\n      >\n      </color-swatches-color>\n    </div>\n  `,\n  styles: [\n    `\n      .swatches-group {\n        padding-bottom: 10px;\n        width: 40px;\n        float: left;\n        margin-right: 10px;\n      }\n    `,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  preserveWhitespaces: false,\n})\nexport class SwatchesGroupComponent {\n  @Input() group!: string[];\n  @Input() active!: string;\n  @Output() onClick = new EventEmitter<any>();\n  @Output() onSwatchHover = new EventEmitter<any>();\n}\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, Input, NgModule } from '@angular/core';\nimport {\n  amber,\n  blue,\n  blueGrey,\n  brown,\n  cyan,\n  deepOrange,\n  deepPurple,\n  green,\n  indigo,\n  lightBlue,\n  lightGreen,\n  lime,\n  orange,\n  pink,\n  purple,\n  red,\n  teal,\n  yellow,\n} from 'material-colors';\n\nimport { ColorWrap, RaisedModule, SwatchModule, zDepth } from 'ngx-color';\nimport { SwatchesColorComponent } from './swatches-color.component';\nimport { SwatchesGroupComponent } from './swatches-group.component';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n  selector: 'color-swatches',\n  template: `\n  <div class=\"swatches-picker {{ className }}\"\n    [style.width.px]=\"width\" [style.height.px]=\"height\">\n    <color-raised [zDepth]=\"zDepth\" [background]=\"background\" [radius]=\"radius\">\n      <div class=\"swatches-overflow\" [style.height.px]=\"height\">\n        <div class=\"swatches-body\">\n          <color-swatches-group\n            *ngFor=\"let group of colors\"\n            [group]=\"group\" [active]=\"hex\"\n            (onClick)=\"handlePickerChange($event)\"\n          ></color-swatches-group>\n        </div>\n      </div>\n    </color-raised>\n  </div>\n  `,\n  styles: [\n    `\n      .swatches-overflow {\n        overflow-y: scroll;\n      }\n      .swatches-overflow {\n        padding: 16px 0 6px 16px;\n      }\n    `,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  preserveWhitespaces: false,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => SwatchesComponent),\n      multi: true,\n    },\n    {\n      provide: ColorWrap,\n      useExisting: forwardRef(() => SwatchesComponent),\n    },\n  ]\n})\nexport class SwatchesComponent extends ColorWrap {\n  /** Pixel value for picker width */\n  @Input() width: string | number = 320;\n  /** Color squares to display */\n  @Input() height: string | number = 240;\n  /** An array of color groups, each with an array of colors */\n  @Input()\n  colors: string[][] = [\n    [\n      red['900'],\n      red['700'],\n      red['500'],\n      red['300'],\n      red['100'],\n    ],\n    [\n      pink['900'],\n      pink['700'],\n      pink['500'],\n      pink['300'],\n      pink['100'],\n    ],\n    [\n      purple['900'],\n      purple['700'],\n      purple['500'],\n      purple['300'],\n      purple['100'],\n    ],\n    [\n      deepPurple['900'],\n      deepPurple['700'],\n      deepPurple['500'],\n      deepPurple['300'],\n      deepPurple['100'],\n    ],\n    [\n      indigo['900'],\n      indigo['700'],\n      indigo['500'],\n      indigo['300'],\n      indigo['100'],\n    ],\n    [\n      blue['900'],\n      blue['700'],\n      blue['500'],\n      blue['300'],\n      blue['100'],\n    ],\n    [\n      lightBlue['900'],\n      lightBlue['700'],\n      lightBlue['500'],\n      lightBlue['300'],\n      lightBlue['100'],\n    ],\n    [\n      cyan['900'],\n      cyan['700'],\n      cyan['500'],\n      cyan['300'],\n      cyan['100'],\n    ],\n    [\n      teal['900'],\n      teal['700'],\n      teal['500'],\n      teal['300'],\n      teal['100'],\n    ],\n    [\n      '#194D33',\n      green['700'],\n      green['500'],\n      green['300'],\n      green['100'],\n    ],\n    [\n      lightGreen['900'],\n      lightGreen['700'],\n      lightGreen['500'],\n      lightGreen['300'],\n      lightGreen['100'],\n    ],\n    [\n      lime['900'],\n      lime['700'],\n      lime['500'],\n      lime['300'],\n      lime['100'],\n    ],\n    [\n      yellow['900'],\n      yellow['700'],\n      yellow['500'],\n      yellow['300'],\n      yellow['100'],\n    ],\n    [\n      amber['900'],\n      amber['700'],\n      amber['500'],\n      amber['300'],\n      amber['100'],\n    ],\n    [\n      orange['900'],\n      orange['700'],\n      orange['500'],\n      orange['300'],\n      orange['100'],\n    ],\n    [\n      deepOrange['900'],\n      deepOrange['700'],\n      deepOrange['500'],\n      deepOrange['300'],\n      deepOrange['100'],\n    ],\n    [\n      brown['900'],\n      brown['700'],\n      brown['500'],\n      brown['300'],\n      brown['100'],\n    ],\n    [\n      blueGrey['900'],\n      blueGrey['700'],\n      blueGrey['500'],\n      blueGrey['300'],\n      blueGrey['100'],\n    ],\n    ['#000000', '#525252', '#969696', '#D9D9D9', '#FFFFFF'],\n  ];\n  @Input() zDepth: zDepth = 1;\n  @Input() radius = 1;\n  @Input() background = '#fff';\n\n  constructor() {\n    super();\n  }\n\n  handlePickerChange({ data, $event }) {\n    this.handleChange(data, $event);\n  }\n}\n\n@NgModule({\n  declarations: [\n    SwatchesComponent,\n    SwatchesGroupComponent,\n    SwatchesColorComponent,\n  ],\n  exports: [SwatchesComponent, SwatchesGroupComponent, SwatchesColorComponent],\n  imports: [CommonModule, SwatchModule, RaisedModule],\n})\nexport class ColorSwatchesModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i2.SwatchesColorComponent"],"mappings":"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"}

package/{fesm2015 → fesm2022}/ngx-color-twitter.mjs

@@ -7,45 +7,45 @@ import { ColorWrap, isValidHex, SwatchModule, EditableInputModule } from 'ngx-co
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 
 class TwitterComponent extends ColorWrap {
+    /** Pixel value for picker width */
+    width = 276;
+    /** Color squares to display */
+    colors = [
+        '#FF6900',
+        '#FCB900',
+        '#7BDCB5',
+        '#00D084',
+        '#8ED1FC',
+        '#0693E3',
+        '#ABB8C3',
+        '#EB144C',
+        '#F78DA7',
+        '#9900EF',
+    ];
+    triangle = 'top-left';
+    swatchStyle = {
+        width: '30px',
+        height: '30px',
+        borderRadius: '4px',
+        fontSize: '0',
+    };
+    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',
+    };
+    disableAlpha = true;
     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}` };
@@ -59,19 +59,18 @@ class TwitterComponent extends ColorWrap {
     handleValueChange({ data, $event }) {
         this.handleBlockChange({ hex: data, $event });
     }
-}
-TwitterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: TwitterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TwitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", 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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: TwitterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", 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>
@@ -98,7 +97,8 @@ TwitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
     </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"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.SwatchComponent, selector: "color-swatch", inputs: ["color", "style", "focusStyle", "focus"], outputs: ["onClick", "onHover"] }, { kind: "component", type: i2.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: TwitterComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: TwitterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'color-twitter', template: `
   <div class="twitter-picker {{ triangle }}-triangle {{ className }}" [style.width.px]="width">
@@ -145,11 +145,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                 type: Input
             }] } });
 class ColorTwitterModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: ColorTwitterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.1", ngImport: i0, type: ColorTwitterModule, declarations: [TwitterComponent], imports: [CommonModule, SwatchModule, EditableInputModule], exports: [TwitterComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: ColorTwitterModule, imports: [CommonModule, SwatchModule, EditableInputModule] });
 }
-ColorTwitterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: ColorTwitterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ColorTwitterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: ColorTwitterModule, declarations: [TwitterComponent], imports: [CommonModule, SwatchModule, EditableInputModule], exports: [TwitterComponent] });
-ColorTwitterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: ColorTwitterModule, imports: [CommonModule, SwatchModule, EditableInputModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: ColorTwitterModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: ColorTwitterModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [TwitterComponent],