ngx-color 7.3.3 → 8.0.2

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

@@ -1 +1 @@
-{"version":3,"file":"ngx-color-slider.mjs","sources":["../../src/lib/slider/slider-swatch.component.ts","../../src/lib/slider/slider-swatches.component.ts","../../src/lib/slider/slider.component.ts","../../src/lib/slider/ngx-color-slider.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Input,\n  OnChanges,\n  Output,\n} from '@angular/core';\n\nimport { HSL } from 'ngx-color';\n\n@Component({\n  selector: 'color-slider-swatch',\n  template: `\n  <div class=\"slider-swatch\" [style.background]=\"background\"\n    [class.first]=\"first\" [class.last]=\"last\" [class.active]=\"active\"\n    (click)=\"handleClick($event)\"\n  ></div>\n  `,\n  styles: [\n    `\n    .slider-swatch {\n      height: 12px;\n      background: rgb(121, 211, 166);\n      cursor: pointer;\n    }\n    .slider-swatch.active {\n      transform: scaleY(1.8);\n      border-top-right-radius: 3.6px 2px;\n      border-top-left-radius: 3.6px 2px;\n      border-bottom-right-radius: 3.6px 2px;\n      border-bottom-left-radius: 3.6px 2px;\n    }\n    .slider-swatch.first {\n      border-radius: 2px 0px 0px 2px;\n    }\n    .slider-swatch.last {\n      border-radius: 0px 2px 2px 0px;\n    }\n\n  `,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  preserveWhitespaces: false,\n})\nexport class SliderSwatchComponent implements OnChanges {\n  @Input() hsl!: HSL;\n  @Input() active!: boolean;\n  @Input() offset!: number;\n  @Input() first = false;\n  @Input() last = false;\n  @Output() onClick = new EventEmitter<any>();\n  background!: string;\n\n  ngOnChanges() {\n    this.background = `hsl(${this.hsl.h}, 50%, ${this.offset * 100}%)`;\n  }\n  handleClick($event) {\n    this.onClick.emit({\n      data: {\n        h: this.hsl.h,\n        s: 0.5,\n        l: this.offset,\n        source: 'hsl',\n      },\n      $event,\n    });\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n} from '@angular/core';\n\nimport { HSL } from 'ngx-color';\n\n@Component({\n  selector: 'color-slider-swatches',\n  template: `\n  <div class=\"slider-swatches\">\n    <div class=\"slider-swatch-wrap\">\n      <color-slider-swatch\n        [hsl]=\"hsl\"\n        [offset]=\".80\"\n        [active]=\"active(0.80, 0.50)\"\n        (onClick)=\"handleClick($event)\"\n        [first]=\"true\"\n      ></color-slider-swatch>\n    </div>\n    <div class=\"slider-swatch-wrap\">\n      <color-slider-swatch\n        [hsl]=\"hsl\"\n        [offset]=\".65\"\n        [active]=\"active(0.65, 0.50)\"\n        (onClick)=\"handleClick($event)\"\n      ></color-slider-swatch>\n    </div>\n    <div class=\"slider-swatch-wrap\">\n      <color-slider-swatch\n        [hsl]=\"hsl\"\n        [offset]=\".50\"\n        [active]=\"active(0.50, 0.50)\"\n        (onClick)=\"handleClick($event)\"\n      ></color-slider-swatch>\n    </div>\n    <div class=\"slider-swatch-wrap\">\n      <color-slider-swatch\n        [hsl]=\"hsl\"\n        [offset]=\".35\"\n        [active]=\"active(0.35, 0.50)\"\n        (onClick)=\"handleClick($event)\"\n      ></color-slider-swatch>\n    </div>\n    <div class=\"slider-swatch-wrap\">\n      <color-slider-swatch\n        [hsl]=\"hsl\"\n        [offset]=\".20\"\n        [active]=\"active(0.20, 0.50)\"\n        (onClick)=\"handleClick($event)\"\n        [last]=\"true\"\n      ></color-slider-swatch>\n    </div>\n  </div>\n  `,\n  styles: [`\n    .slider-swatches {\n      margin-top: 20px;\n    }\n    .slider-swatch-wrap {\n      box-sizing: border-box;\n      width: 20%;\n      padding-right: 1px;\n      float: left;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  preserveWhitespaces: false,\n})\nexport class SliderSwatchesComponent {\n  @Input() hsl!: HSL;\n  @Output() onClick = new EventEmitter<any>();\n  @Output() onSwatchHover = new EventEmitter<any>();\n\n  active(l: number, s: number) {\n    return (\n      Math.round(this.hsl.l * 100) / 100 === l &&\n      Math.round(this.hsl.s * 100) / 100 === s\n    );\n  }\n  handleClick({ data, $event }) {\n    this.onClick.emit({ data, $event });\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, Input, NgModule } from '@angular/core';\n\nimport { ColorWrap, HueModule, SwatchModule } from 'ngx-color';\nimport { SliderSwatchComponent } from './slider-swatch.component';\nimport { SliderSwatchesComponent } from './slider-swatches.component';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n  selector: 'color-slider',\n  template: `\n  <div class=\"slider-picker {{ className }}\">\n    <div class=\"slider-hue\">\n      <color-hue\n        [hsl]=\"hsl\" [radius]=\"radius\" [pointer]=\"pointer\"\n        (onChange)=\"handlePickerChange($event)\"\n      ></color-hue>\n    </div>\n    <div class=\"slider-swatches\">\n      <color-slider-swatches [hsl]=\"hsl\"\n        (onClick)=\"handlePickerChange($event)\"\n      ></color-slider-swatches>\n    </div>\n  </div>\n  `,\n  styles: [\n    `\n    .slider-hue {\n      height: 12px;\n      position: relative;\n    }\n  `,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  preserveWhitespaces: false,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => SliderComponent),\n      multi: true,\n    },\n    {\n      provide: ColorWrap,\n      useExisting: forwardRef(() => SliderComponent),\n    },\n  ]\n})\nexport class SliderComponent extends ColorWrap {\n  @Input()\n  pointer: Record<string, string> = {\n    width: '14px',\n    height: '14px',\n    borderRadius: '6px',\n    transform: 'translate(-7px, -2px)',\n    backgroundColor: 'rgb(248, 248, 248)',\n    boxShadow: '0 1px 4px 0 rgba(0, 0, 0, 0.37)',\n  };\n  @Input() radius = 2;\n\n  constructor() {\n    super();\n  }\n\n  handlePickerChange({ data, $event }) {\n    this.handleChange(data, $event);\n  }\n}\n\n@NgModule({\n  declarations: [\n    SliderComponent,\n    SliderSwatchComponent,\n    SliderSwatchesComponent,\n  ],\n  exports: [SliderComponent, SliderSwatchComponent, SliderSwatchesComponent],\n  imports: [CommonModule, HueModule, SwatchModule],\n})\nexport class ColorSliderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-color-slider.mjs","sources":["../../src/lib/slider/slider-swatch.component.ts","../../src/lib/slider/slider-swatches.component.ts","../../src/lib/slider/slider.component.ts","../../src/lib/slider/ngx-color-slider.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Input,\n  OnChanges,\n  Output,\n} from '@angular/core';\n\nimport { HSL } from 'ngx-color';\n\n@Component({\n  selector: 'color-slider-swatch',\n  template: `\n  <div class=\"slider-swatch\" [style.background]=\"background\"\n    [class.first]=\"first\" [class.last]=\"last\" [class.active]=\"active\"\n    (click)=\"handleClick($event)\"\n  ></div>\n  `,\n  styles: [\n    `\n    .slider-swatch {\n      height: 12px;\n      background: rgb(121, 211, 166);\n      cursor: pointer;\n    }\n    .slider-swatch.active {\n      transform: scaleY(1.8);\n      border-top-right-radius: 3.6px 2px;\n      border-top-left-radius: 3.6px 2px;\n      border-bottom-right-radius: 3.6px 2px;\n      border-bottom-left-radius: 3.6px 2px;\n    }\n    .slider-swatch.first {\n      border-radius: 2px 0px 0px 2px;\n    }\n    .slider-swatch.last {\n      border-radius: 0px 2px 2px 0px;\n    }\n\n  `,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  preserveWhitespaces: false,\n})\nexport class SliderSwatchComponent implements OnChanges {\n  @Input() hsl!: HSL;\n  @Input() active!: boolean;\n  @Input() offset!: number;\n  @Input() first = false;\n  @Input() last = false;\n  @Output() onClick = new EventEmitter<any>();\n  background!: string;\n\n  ngOnChanges() {\n    this.background = `hsl(${this.hsl.h}, 50%, ${this.offset * 100}%)`;\n  }\n  handleClick($event) {\n    this.onClick.emit({\n      data: {\n        h: this.hsl.h,\n        s: 0.5,\n        l: this.offset,\n        source: 'hsl',\n      },\n      $event,\n    });\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n} from '@angular/core';\n\nimport { HSL } from 'ngx-color';\n\n@Component({\n  selector: 'color-slider-swatches',\n  template: `\n  <div class=\"slider-swatches\">\n    <div class=\"slider-swatch-wrap\">\n      <color-slider-swatch\n        [hsl]=\"hsl\"\n        [offset]=\".80\"\n        [active]=\"active(0.80, 0.50)\"\n        (onClick)=\"handleClick($event)\"\n        [first]=\"true\"\n      ></color-slider-swatch>\n    </div>\n    <div class=\"slider-swatch-wrap\">\n      <color-slider-swatch\n        [hsl]=\"hsl\"\n        [offset]=\".65\"\n        [active]=\"active(0.65, 0.50)\"\n        (onClick)=\"handleClick($event)\"\n      ></color-slider-swatch>\n    </div>\n    <div class=\"slider-swatch-wrap\">\n      <color-slider-swatch\n        [hsl]=\"hsl\"\n        [offset]=\".50\"\n        [active]=\"active(0.50, 0.50)\"\n        (onClick)=\"handleClick($event)\"\n      ></color-slider-swatch>\n    </div>\n    <div class=\"slider-swatch-wrap\">\n      <color-slider-swatch\n        [hsl]=\"hsl\"\n        [offset]=\".35\"\n        [active]=\"active(0.35, 0.50)\"\n        (onClick)=\"handleClick($event)\"\n      ></color-slider-swatch>\n    </div>\n    <div class=\"slider-swatch-wrap\">\n      <color-slider-swatch\n        [hsl]=\"hsl\"\n        [offset]=\".20\"\n        [active]=\"active(0.20, 0.50)\"\n        (onClick)=\"handleClick($event)\"\n        [last]=\"true\"\n      ></color-slider-swatch>\n    </div>\n  </div>\n  `,\n  styles: [`\n    .slider-swatches {\n      margin-top: 20px;\n    }\n    .slider-swatch-wrap {\n      box-sizing: border-box;\n      width: 20%;\n      padding-right: 1px;\n      float: left;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  preserveWhitespaces: false,\n})\nexport class SliderSwatchesComponent {\n  @Input() hsl!: HSL;\n  @Output() onClick = new EventEmitter<any>();\n  @Output() onSwatchHover = new EventEmitter<any>();\n\n  active(l: number, s: number) {\n    return (\n      Math.round(this.hsl.l * 100) / 100 === l &&\n      Math.round(this.hsl.s * 100) / 100 === s\n    );\n  }\n  handleClick({ data, $event }) {\n    this.onClick.emit({ data, $event });\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, Input, NgModule } from '@angular/core';\n\nimport { ColorWrap, HueModule, SwatchModule } from 'ngx-color';\nimport { SliderSwatchComponent } from './slider-swatch.component';\nimport { SliderSwatchesComponent } from './slider-swatches.component';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n  selector: 'color-slider',\n  template: `\n  <div class=\"slider-picker {{ className }}\">\n    <div class=\"slider-hue\">\n      <color-hue\n        [hsl]=\"hsl\" [radius]=\"radius\" [pointer]=\"pointer\"\n        (onChange)=\"handlePickerChange($event)\"\n      ></color-hue>\n    </div>\n    <div class=\"slider-swatches\">\n      <color-slider-swatches [hsl]=\"hsl\"\n        (onClick)=\"handlePickerChange($event)\"\n      ></color-slider-swatches>\n    </div>\n  </div>\n  `,\n  styles: [\n    `\n    .slider-hue {\n      height: 12px;\n      position: relative;\n    }\n  `,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  preserveWhitespaces: false,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => SliderComponent),\n      multi: true,\n    },\n    {\n      provide: ColorWrap,\n      useExisting: forwardRef(() => SliderComponent),\n    },\n  ]\n})\nexport class SliderComponent extends ColorWrap {\n  @Input()\n  pointer: Record<string, string> = {\n    width: '14px',\n    height: '14px',\n    borderRadius: '6px',\n    transform: 'translate(-7px, -2px)',\n    backgroundColor: 'rgb(248, 248, 248)',\n    boxShadow: '0 1px 4px 0 rgba(0, 0, 0, 0.37)',\n  };\n  @Input() radius = 2;\n\n  constructor() {\n    super();\n  }\n\n  handlePickerChange({ data, $event }) {\n    this.handleChange(data, $event);\n  }\n}\n\n@NgModule({\n  declarations: [\n    SliderComponent,\n    SliderSwatchComponent,\n    SliderSwatchesComponent,\n  ],\n  exports: [SliderComponent, SliderSwatchComponent, SliderSwatchesComponent],\n  imports: [CommonModule, HueModule, SwatchModule],\n})\nexport class ColorSliderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1.SliderSwatchComponent"],"mappings":"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"}

package/fesm2015/ngx-color-swatches.mjs

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, forwardRef, NgModule } from '@angular/core';
-import * as i1 from 'ngx-color';
+import * as i2 from 'ngx-color';
 import { getContrastingColor, ColorWrap, SwatchModule, RaisedModule } from 'ngx-color';
-import * as i2 from '@angular/common';
+import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { red, pink, purple, deepPurple, indigo, blue, lightBlue, cyan, teal, green, lightGreen, lime, yellow, amber, orange, deepOrange, brown, blueGrey } from 'material-colors';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
@@ -45,8 +45,8 @@ class SwatchesColorComponent {
         });
     }
 }
-SwatchesColorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SwatchesColorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SwatchesColorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: SwatchesColorComponent, selector: "color-swatches-color", inputs: { color: "color", first: "first", last: "last", active: "active" }, outputs: { onClick: "onClick", onSwatchHover: "onSwatchHover" }, ngImport: i0, template: `
+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: `
     <color-swatch
       [color]="color"
       [style]="colorStyle"
@@ -67,12 +67,10 @@ SwatchesColorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
         </svg>
       </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"], components: [{ type: i1.SwatchComponent, selector: "color-swatch", inputs: ["color", "style", "focusStyle", "focus"], outputs: ["onClick", "onHover"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SwatchesColorComponent, decorators: [{
+  `, 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: [{
             type: Component,
-            args: [{
-                    selector: 'color-swatches-color',
-                    template: `
+            args: [{ selector: 'color-swatches-color', template: `
     <color-swatch
       [color]="color"
       [style]="colorStyle"
@@ -93,24 +91,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImpor
         </svg>
       </div>
     </color-swatch>
-  `,
-                    styles: [
-                        `
-      .swatches-group {
-        padding-bottom: 10px;
-        width: 40px;
-        float: left;
-        margin-right: 10px;
-      }
-      .swatch-check {
-        display: flex;
-        margin-left: 8px;
-      }
-    `,
-                    ],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    preserveWhitespaces: false,
-                }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, styles: [".swatches-group{padding-bottom:10px;width:40px;float:left;margin-right:10px}.swatch-check{display:flex;margin-left:8px}\n"] }]
         }], propDecorators: { color: [{
                 type: Input
             }], first: [{
@@ -131,8 +112,8 @@ class SwatchesGroupComponent {
         this.onSwatchHover = new EventEmitter();
     }
 }
-SwatchesGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SwatchesGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SwatchesGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: SwatchesGroupComponent, selector: "color-swatches-group", inputs: { group: "group", active: "active" }, outputs: { onClick: "onClick", onSwatchHover: "onSwatchHover" }, ngImport: i0, template: `
+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: `
     <div class="swatches-group">
       <color-swatches-color
         *ngFor="let color of group; let idx = index"
@@ -144,12 +125,10 @@ SwatchesGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
       >
       </color-swatches-color>
     </div>
-  `, isInline: true, styles: [".swatches-group{padding-bottom:10px;width:40px;float:left;margin-right:10px}\n"], components: [{ type: SwatchesColorComponent, selector: "color-swatches-color", inputs: ["color", "first", "last", "active"], outputs: ["onClick", "onSwatchHover"] }], 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: SwatchesGroupComponent, decorators: [{
+  `, 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: [{
             type: Component,
-            args: [{
-                    selector: 'color-swatches-group',
-                    template: `
+            args: [{ selector: 'color-swatches-group', template: `
     <div class="swatches-group">
       <color-swatches-color
         *ngFor="let color of group; let idx = index"
@@ -161,20 +140,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImpor
       >
       </color-swatches-color>
     </div>
-  `,
-                    styles: [
-                        `
-      .swatches-group {
-        padding-bottom: 10px;
-        width: 40px;
-        float: left;
-        margin-right: 10px;
-      }
-    `,
-                    ],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    preserveWhitespaces: false,
-                }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, styles: [".swatches-group{padding-bottom:10px;width:40px;float:left;margin-right:10px}\n"] }]
         }], propDecorators: { group: [{
                 type: Input
             }], active: [{
@@ -330,8 +296,8 @@ class SwatchesComponent extends ColorWrap {
         this.handleChange(data, $event);
     }
 }
-SwatchesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SwatchesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SwatchesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: SwatchesComponent, selector: "color-swatches", inputs: { width: "width", height: "height", colors: "colors", zDepth: "zDepth", radius: "radius", background: "background" }, providers: [
+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),
@@ -356,12 +322,10 @@ SwatchesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
       </div>
     </color-raised>
   </div>
-  `, isInline: true, styles: [".swatches-overflow{overflow-y:scroll}.swatches-overflow{padding:16px 0 6px 16px}\n"], components: [{ type: i0.forwardRef(function () { return i1.RaisedComponent; }), selector: "color-raised", inputs: ["zDepth", "radius", "background"] }, { type: i0.forwardRef(function () { return SwatchesGroupComponent; }), selector: "color-swatches-group", inputs: ["group", "active"], outputs: ["onClick", "onSwatchHover"] }], directives: [{ type: i0.forwardRef(function () { return 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: SwatchesComponent, decorators: [{
+  `, 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: [{
             type: Component,
-            args: [{
-                    selector: 'color-swatches',
-                    template: `
+            args: [{ selector: 'color-swatches', template: `
   <div class="swatches-picker {{ className }}"
     [style.width.px]="width" [style.height.px]="height">
     <color-raised [zDepth]="zDepth" [background]="background" [radius]="radius">
@@ -376,20 +340,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImpor
       </div>
     </color-raised>
   </div>
-  `,
-                    styles: [
-                        `
-      .swatches-overflow {
-        overflow-y: scroll;
-      }
-      .swatches-overflow {
-        padding: 16px 0 6px 16px;
-      }
-    `,
-                    ],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    preserveWhitespaces: false,
-                    providers: [
+  `, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => SwatchesComponent),
@@ -399,8 +350,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImpor
                             provide: ColorWrap,
                             useExisting: forwardRef(() => SwatchesComponent),
                         },
-                    ]
-                }]
+                    ], styles: [".swatches-overflow{overflow-y:scroll}.swatches-overflow{padding:16px 0 6px 16px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { width: [{
                 type: Input
             }], height: [{
@@ -416,11 +366,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImpor
             }] } });
 class ColorSwatchesModule {
 }
-ColorSwatchesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorSwatchesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ColorSwatchesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorSwatchesModule, declarations: [SwatchesComponent, SwatchesGroupComponent,
+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: "13.0.0", ngImport: i0, type: ColorSwatchesModule, imports: [[CommonModule, SwatchModule, RaisedModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorSwatchesModule, decorators: [{
+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: [{
             type: NgModule,
             args: [{
                     declarations: [

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

@@ -1 +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":[],"mappings":"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"}
+{"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/ngx-color-twitter.mjs

@@ -1,8 +1,8 @@
-import * as i2 from '@angular/common';
+import * as i1 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 * as i2 from 'ngx-color';
 import { ColorWrap, isValidHex, SwatchModule, EditableInputModule } from 'ngx-color';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 
@@ -60,8 +60,8 @@ class TwitterComponent extends ColorWrap {
         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: [
+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),
@@ -97,12 +97,10 @@ TwitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
       </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: [{
+  `, 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: [{
             type: Component,
-            args: [{
-                    selector: 'color-twitter',
-                    template: `
+            args: [{ selector: 'color-twitter', template: `
   <div class="twitter-picker {{ triangle }}-triangle {{ className }}" [style.width.px]="width">
     <div class="triangleShadow"></div>
     <div class="triangle"></div>
@@ -128,100 +126,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImpor
       </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: [
+  `, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => TwitterComponent),
@@ -231,8 +136,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImpor
                             provide: ColorWrap,
                             useExisting: forwardRef(() => TwitterComponent),
                         },
-                    ]
-                }]
+                    ], 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"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { width: [{
                 type: Input
             }], colors: [{
@@ -242,10 +146,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImpor
             }] } });
 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: [{
+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: [{
             type: NgModule,
             args: [{
                     declarations: [TwitterComponent],

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

@@ -1 +1 @@
-{"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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"}
+{"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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"}