ngx-color 8.0.2 → 9.0.0

package/esm2020/swatch.component.mjs

@@ -1,110 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, NgModule, Output, } from '@angular/core';
-import { CheckboardModule } from './checkboard.component';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./checkboard.component";
-export class SwatchComponent {
-    constructor() {
-        this.style = {};
-        this.focusStyle = {};
-        this.onClick = new EventEmitter();
-        this.onHover = new EventEmitter();
-        this.divStyles = {};
-        this.focusStyles = {};
-        this.inFocus = false;
-    }
-    ngOnInit() {
-        this.divStyles = {
-            background: this.color,
-            ...this.style,
-        };
-    }
-    currentStyles() {
-        this.focusStyles = {
-            ...this.divStyles,
-            ...this.focusStyle,
-        };
-        return this.focus || this.inFocus ? this.focusStyles : this.divStyles;
-    }
-    handleFocusOut() {
-        this.inFocus = false;
-    }
-    handleFocus() {
-        this.inFocus = true;
-    }
-    handleHover(hex, $event) {
-        this.onHover.emit({ hex, $event });
-    }
-    handleClick(hex, $event) {
-        this.onClick.emit({ hex, $event });
-    }
-}
-SwatchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwatchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SwatchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SwatchComponent, selector: "color-swatch", inputs: { color: "color", style: "style", focusStyle: "focusStyle", focus: "focus" }, outputs: { onClick: "onClick", onHover: "onHover" }, ngImport: i0, template: `
-    <div
-      class="swatch"
-      [ngStyle]="currentStyles()"
-      [attr.title]="color"
-      (click)="handleClick(color, $event)"
-      (keydown.enter)="handleClick(color, $event)"
-      (focus)="handleFocus()"
-      (blur)="handleFocusOut()"
-      (mouseover)="handleHover(color, $event)"
-      tabindex="0"
-    >
-      <ng-content></ng-content>
-      <color-checkboard
-        *ngIf="color === 'transparent'"
-        boxShadow="inset 0 0 0 1px rgba(0,0,0,0.1)"
-      ></color-checkboard>
-    </div>
-  `, isInline: true, styles: [".swatch{outline:none;height:100%;width:100%;cursor:pointer;position:relative}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.CheckboardComponent, selector: "color-checkboard", inputs: ["white", "size", "grey", "boxShadow", "borderRadius"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwatchComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'color-swatch', template: `
-    <div
-      class="swatch"
-      [ngStyle]="currentStyles()"
-      [attr.title]="color"
-      (click)="handleClick(color, $event)"
-      (keydown.enter)="handleClick(color, $event)"
-      (focus)="handleFocus()"
-      (blur)="handleFocusOut()"
-      (mouseover)="handleHover(color, $event)"
-      tabindex="0"
-    >
-      <ng-content></ng-content>
-      <color-checkboard
-        *ngIf="color === 'transparent'"
-        boxShadow="inset 0 0 0 1px rgba(0,0,0,0.1)"
-      ></color-checkboard>
-    </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".swatch{outline:none;height:100%;width:100%;cursor:pointer;position:relative}\n"] }]
-        }], propDecorators: { color: [{
-                type: Input
-            }], style: [{
-                type: Input
-            }], focusStyle: [{
-                type: Input
-            }], focus: [{
-                type: Input
-            }], onClick: [{
-                type: Output
-            }], onHover: [{
-                type: Output
-            }] } });
-export class SwatchModule {
-}
-SwatchModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwatchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SwatchModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: SwatchModule, declarations: [SwatchComponent], imports: [CommonModule, CheckboardModule], exports: [SwatchComponent] });
-SwatchModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwatchModule, imports: [CommonModule, CheckboardModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SwatchModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [SwatchComponent],
-                    exports: [SwatchComponent],
-                    imports: [CommonModule, CheckboardModule],
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dhdGNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9saWIvc3dhdGNoLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxRQUFRLEVBRVIsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7O0FBb0MxRCxNQUFNLE9BQU8sZUFBZTtJQWxDNUI7UUFvQ1csVUFBSyxHQUEyQixFQUFFLENBQUM7UUFDbkMsZUFBVSxHQUEyQixFQUFFLENBQUM7UUFFdkMsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDbEMsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDNUMsY0FBUyxHQUEyQixFQUFFLENBQUM7UUFDdkMsZ0JBQVcsR0FBMkIsRUFBRSxDQUFDO1FBQ3pDLFlBQU8sR0FBRyxLQUFLLENBQUM7S0EyQmpCO0lBekJDLFFBQVE7UUFDTixJQUFJLENBQUMsU0FBUyxHQUFHO1lBQ2YsVUFBVSxFQUFFLElBQUksQ0FBQyxLQUFlO1lBQ2hDLEdBQUcsSUFBSSxDQUFDLEtBQUs7U0FDZCxDQUFDO0lBQ0osQ0FBQztJQUNELGFBQWE7UUFDWCxJQUFJLENBQUMsV0FBVyxHQUFHO1lBQ2pCLEdBQUcsSUFBSSxDQUFDLFNBQVM7WUFDakIsR0FBRyxJQUFJLENBQUMsVUFBVTtTQUNuQixDQUFDO1FBQ0YsT0FBTyxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDeEUsQ0FBQztJQUNELGNBQWM7UUFDWixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUN2QixDQUFDO0lBQ0QsV0FBVztRQUNULElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO0lBQ3RCLENBQUM7SUFDRCxXQUFXLENBQUMsR0FBVyxFQUFFLE1BQU07UUFDN0IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsRUFBRSxHQUFHLEVBQUUsTUFBTSxFQUFFLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBQ0QsV0FBVyxDQUFDLEdBQVcsRUFBRSxNQUFNO1FBQzdCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUUsR0FBRyxFQUFFLE1BQU0sRUFBRSxDQUFDLENBQUM7SUFDckMsQ0FBQzs7NEdBbkNVLGVBQWU7Z0dBQWYsZUFBZSwrTEFoQ2hCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FrQlQ7MkZBY1UsZUFBZTtrQkFsQzNCLFNBQVM7K0JBQ0UsY0FBYyxZQUNkOzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FrQlQsbUJBWWdCLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTTtnQkFDRyxPQUFPO3NCQUFoQixNQUFNOztBQXFDVCxNQUFNLE9BQU8sWUFBWTs7eUdBQVosWUFBWTswR0FBWixZQUFZLGlCQTNDWixlQUFlLGFBeUNoQixZQUFZLEVBQUUsZ0JBQWdCLGFBekM3QixlQUFlOzBHQTJDZixZQUFZLFlBRmIsWUFBWSxFQUFFLGdCQUFnQjsyRkFFN0IsWUFBWTtrQkFMeEIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxlQUFlLENBQUM7b0JBQy9CLE9BQU8sRUFBRSxDQUFDLGVBQWUsQ0FBQztvQkFDMUIsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGdCQUFnQixDQUFDO2lCQUMxQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBOZ01vZHVsZSxcbiAgT25Jbml0LFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBDaGVja2JvYXJkTW9kdWxlIH0gZnJvbSAnLi9jaGVja2JvYXJkLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NvbG9yLXN3YXRjaCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdlxuICAgICAgY2xhc3M9XCJzd2F0Y2hcIlxuICAgICAgW25nU3R5bGVdPVwiY3VycmVudFN0eWxlcygpXCJcbiAgICAgIFthdHRyLnRpdGxlXT1cImNvbG9yXCJcbiAgICAgIChjbGljayk9XCJoYW5kbGVDbGljayhjb2xvciwgJGV2ZW50KVwiXG4gICAgICAoa2V5ZG93bi5lbnRlcik9XCJoYW5kbGVDbGljayhjb2xvciwgJGV2ZW50KVwiXG4gICAgICAoZm9jdXMpPVwiaGFuZGxlRm9jdXMoKVwiXG4gICAgICAoYmx1cik9XCJoYW5kbGVGb2N1c091dCgpXCJcbiAgICAgIChtb3VzZW92ZXIpPVwiaGFuZGxlSG92ZXIoY29sb3IsICRldmVudClcIlxuICAgICAgdGFiaW5kZXg9XCIwXCJcbiAgICA+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICA8Y29sb3ItY2hlY2tib2FyZFxuICAgICAgICAqbmdJZj1cImNvbG9yID09PSAndHJhbnNwYXJlbnQnXCJcbiAgICAgICAgYm94U2hhZG93PVwiaW5zZXQgMCAwIDAgMXB4IHJnYmEoMCwwLDAsMC4xKVwiXG4gICAgICA+PC9jb2xvci1jaGVja2JvYXJkPlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZXM6IFtcbiAgICBgXG4gICAgICAuc3dhdGNoIHtcbiAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICB9XG4gICAgYCxcbiAgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFN3YXRjaENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGNvbG9yITogc3RyaW5nO1xuICBASW5wdXQoKSBzdHlsZTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IHt9O1xuICBASW5wdXQoKSBmb2N1c1N0eWxlOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+ID0ge307XG4gIEBJbnB1dCgpIGZvY3VzITogYm9vbGVhbjtcbiAgQE91dHB1dCgpIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQE91dHB1dCgpIG9uSG92ZXIgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgZGl2U3R5bGVzOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+ID0ge307XG4gIGZvY3VzU3R5bGVzOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+ID0ge307XG4gIGluRm9jdXMgPSBmYWxzZTtcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmRpdlN0eWxlcyA9IHtcbiAgICAgIGJhY2tncm91bmQ6IHRoaXMuY29sb3IgYXMgc3RyaW5nLFxuICAgICAgLi4udGhpcy5zdHlsZSxcbiAgICB9O1xuICB9XG4gIGN1cnJlbnRTdHlsZXMoKSB7XG4gICAgdGhpcy5mb2N1c1N0eWxlcyA9IHtcbiAgICAgIC4uLnRoaXMuZGl2U3R5bGVzLFxuICAgICAgLi4udGhpcy5mb2N1c1N0eWxlLFxuICAgIH07XG4gICAgcmV0dXJuIHRoaXMuZm9jdXMgfHwgdGhpcy5pbkZvY3VzID8gdGhpcy5mb2N1c1N0eWxlcyA6IHRoaXMuZGl2U3R5bGVzO1xuICB9XG4gIGhhbmRsZUZvY3VzT3V0KCkge1xuICAgIHRoaXMuaW5Gb2N1cyA9IGZhbHNlO1xuICB9XG4gIGhhbmRsZUZvY3VzKCkge1xuICAgIHRoaXMuaW5Gb2N1cyA9IHRydWU7XG4gIH1cbiAgaGFuZGxlSG92ZXIoaGV4OiBzdHJpbmcsICRldmVudCkge1xuICAgIHRoaXMub25Ib3Zlci5lbWl0KHsgaGV4LCAkZXZlbnQgfSk7XG4gIH1cbiAgaGFuZGxlQ2xpY2soaGV4OiBzdHJpbmcsICRldmVudCkge1xuICAgIHRoaXMub25DbGljay5lbWl0KHsgaGV4LCAkZXZlbnQgfSk7XG4gIH1cbn1cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbU3dhdGNoQ29tcG9uZW50XSxcbiAgZXhwb3J0czogW1N3YXRjaENvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIENoZWNrYm9hcmRNb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBTd2F0Y2hNb2R1bGUge31cbiJdfQ==

package/esm2020/swatches/swatches-color.component.mjs

@@ -1,104 +0,0 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
-import { getContrastingColor } from 'ngx-color';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "ngx-color";
-export 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 = {};
-    }
-    ngOnInit() {
-        this.colorStyle.background = this.color;
-        this.focusStyle.boxShadow = `0 0 4px ${this.color}`;
-        if (this.first) {
-            this.colorStyle.borderRadius = '2px 2px 0 0';
-        }
-        if (this.last) {
-            this.colorStyle.borderRadius = '0 0 2px 2px';
-        }
-        if (this.color === '#FFFFFF') {
-            this.colorStyle.boxShadow = 'inset 0 0 0 1px #ddd';
-        }
-    }
-    handleClick($event) {
-        this.onClick.emit({
-            data: {
-                hex: this.color,
-                source: 'hex',
-            },
-            $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: `
-    <color-swatch
-      [color]="color"
-      [style]="colorStyle"
-      [focusStyle]="focusStyle"
-      [class.first]="first"
-      [class.last]="last"
-      (click)="handleClick($event)"
-      (keydown.enter)="handleClick($event)"
-      (onHover)="onSwatchHover.emit($event)"
-    >
-      <div class="swatch-check" *ngIf="active" [class.first]="first" [class.last]="last">
-        <svg
-          style="width: 24px; height: 24px;"
-          viewBox="0 0 24 24"
-          [style.fill]="getContrastingColor(color)"
-        >
-          <path d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" />
-        </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"], 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: `
-    <color-swatch
-      [color]="color"
-      [style]="colorStyle"
-      [focusStyle]="focusStyle"
-      [class.first]="first"
-      [class.last]="last"
-      (click)="handleClick($event)"
-      (keydown.enter)="handleClick($event)"
-      (onHover)="onSwatchHover.emit($event)"
-    >
-      <div class="swatch-check" *ngIf="active" [class.first]="first" [class.last]="last">
-        <svg
-          style="width: 24px; height: 24px;"
-          viewBox="0 0 24 24"
-          [style.fill]="getContrastingColor(color)"
-        >
-          <path d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" />
-        </svg>
-      </div>
-    </color-swatch>
-  `, 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: [{
-                type: Input
-            }], last: [{
-                type: Input
-            }], active: [{
-                type: Input
-            }], onClick: [{
-                type: Output
-            }], onSwatchHover: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dhdGNoZXMtY29sb3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9zd2F0Y2hlcy9zd2F0Y2hlcy1jb2xvci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sV0FBVyxDQUFDOzs7O0FBMkNoRCxNQUFNLE9BQU8sc0JBQXNCO0lBekNuQztRQTJDVyxVQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ2QsU0FBSSxHQUFHLEtBQUssQ0FBQztRQUVaLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ2xDLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUNsRCx3QkFBbUIsR0FBRyxtQkFBbUIsQ0FBQztRQUMxQyxlQUFVLEdBQTJCO1lBQ25DLEtBQUssRUFBRSxNQUFNO1lBQ2IsTUFBTSxFQUFFLE1BQU07WUFDZCxNQUFNLEVBQUUsU0FBUztZQUNqQixZQUFZLEVBQUUsS0FBSztTQUNwQixDQUFDO1FBQ0YsZUFBVSxHQUEyQixFQUFFLENBQUM7S0F3QnpDO0lBdEJDLFFBQVE7UUFDTixJQUFJLENBQUMsVUFBVSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQ3hDLElBQUksQ0FBQyxVQUFVLENBQUMsU0FBUyxHQUFHLFdBQVcsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ3BELElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNkLElBQUksQ0FBQyxVQUFVLENBQUMsWUFBWSxHQUFHLGFBQWEsQ0FBQztTQUM5QztRQUNELElBQUksSUFBSSxDQUFDLElBQUksRUFBRTtZQUNiLElBQUksQ0FBQyxVQUFVLENBQUMsWUFBWSxHQUFHLGFBQWEsQ0FBQztTQUM5QztRQUNELElBQUksSUFBSSxDQUFDLEtBQUssS0FBSyxTQUFTLEVBQUU7WUFDNUIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxTQUFTLEdBQUcsc0JBQXNCLENBQUM7U0FDcEQ7SUFDSCxDQUFDO0lBQ0QsV0FBVyxDQUFDLE1BQU07UUFDaEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUM7WUFDaEIsSUFBSSxFQUFFO2dCQUNKLEdBQUcsRUFBRSxJQUFJLENBQUMsS0FBSztnQkFDZixNQUFNLEVBQUUsS0FBSzthQUNkO1lBQ0QsTUFBTTtTQUNQLENBQUMsQ0FBQztJQUNMLENBQUM7O21IQXJDVSxzQkFBc0I7dUdBQXRCLHNCQUFzQix5TUF2Q3ZCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQlQ7MkZBa0JVLHNCQUFzQjtrQkF6Q2xDLFNBQVM7K0JBQ0Usc0JBQXNCLFlBQ3RCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQlQsbUJBZWdCLHVCQUF1QixDQUFDLE1BQU0sdUJBQzFCLEtBQUs7OEJBR2pCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNO2dCQUNHLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IGdldENvbnRyYXN0aW5nQ29sb3IgfSBmcm9tICduZ3gtY29sb3InO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjb2xvci1zd2F0Y2hlcy1jb2xvcicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGNvbG9yLXN3YXRjaFxuICAgICAgW2NvbG9yXT1cImNvbG9yXCJcbiAgICAgIFtzdHlsZV09XCJjb2xvclN0eWxlXCJcbiAgICAgIFtmb2N1c1N0eWxlXT1cImZvY3VzU3R5bGVcIlxuICAgICAgW2NsYXNzLmZpcnN0XT1cImZpcnN0XCJcbiAgICAgIFtjbGFzcy5sYXN0XT1cImxhc3RcIlxuICAgICAgKGNsaWNrKT1cImhhbmRsZUNsaWNrKCRldmVudClcIlxuICAgICAgKGtleWRvd24uZW50ZXIpPVwiaGFuZGxlQ2xpY2soJGV2ZW50KVwiXG4gICAgICAob25Ib3Zlcik9XCJvblN3YXRjaEhvdmVyLmVtaXQoJGV2ZW50KVwiXG4gICAgPlxuICAgICAgPGRpdiBjbGFzcz1cInN3YXRjaC1jaGVja1wiICpuZ0lmPVwiYWN0aXZlXCIgW2NsYXNzLmZpcnN0XT1cImZpcnN0XCIgW2NsYXNzLmxhc3RdPVwibGFzdFwiPlxuICAgICAgICA8c3ZnXG4gICAgICAgICAgc3R5bGU9XCJ3aWR0aDogMjRweDsgaGVpZ2h0OiAyNHB4O1wiXG4gICAgICAgICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXG4gICAgICAgICAgW3N0eWxlLmZpbGxdPVwiZ2V0Q29udHJhc3RpbmdDb2xvcihjb2xvcilcIlxuICAgICAgICA+XG4gICAgICAgICAgPHBhdGggZD1cIk0yMSw3TDksMTlMMy41LDEzLjVMNC45MSwxMi4wOUw5LDE2LjE3TDE5LjU5LDUuNTlMMjEsN1pcIiAvPlxuICAgICAgICA8L3N2Zz5cbiAgICAgIDwvZGl2PlxuICAgIDwvY29sb3Itc3dhdGNoPlxuICBgLFxuICBzdHlsZXM6IFtcbiAgICBgXG4gICAgICAuc3dhdGNoZXMtZ3JvdXAge1xuICAgICAgICBwYWRkaW5nLWJvdHRvbTogMTBweDtcbiAgICAgICAgd2lkdGg6IDQwcHg7XG4gICAgICAgIGZsb2F0OiBsZWZ0O1xuICAgICAgICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG4gICAgICB9XG4gICAgICAuc3dhdGNoLWNoZWNrIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDhweDtcbiAgICAgIH1cbiAgICBgLFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIFN3YXRjaGVzQ29sb3JDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBjb2xvciE6IHN0cmluZztcbiAgQElucHV0KCkgZmlyc3QgPSBmYWxzZTtcbiAgQElucHV0KCkgbGFzdCA9IGZhbHNlO1xuICBASW5wdXQoKSBhY3RpdmUhOiBib29sZWFuO1xuICBAT3V0cHV0KCkgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCkgb25Td2F0Y2hIb3ZlciA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBnZXRDb250cmFzdGluZ0NvbG9yID0gZ2V0Q29udHJhc3RpbmdDb2xvcjtcbiAgY29sb3JTdHlsZTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IHtcbiAgICB3aWR0aDogJzQwcHgnLFxuICAgIGhlaWdodDogJzI0cHgnLFxuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIG1hcmdpbkJvdHRvbTogJzFweCcsXG4gIH07XG4gIGZvY3VzU3R5bGU6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPSB7fTtcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmNvbG9yU3R5bGUuYmFja2dyb3VuZCA9IHRoaXMuY29sb3I7XG4gICAgdGhpcy5mb2N1c1N0eWxlLmJveFNoYWRvdyA9IGAwIDAgNHB4ICR7dGhpcy5jb2xvcn1gO1xuICAgIGlmICh0aGlzLmZpcnN0KSB7XG4gICAgICB0aGlzLmNvbG9yU3R5bGUuYm9yZGVyUmFkaXVzID0gJzJweCAycHggMCAwJztcbiAgICB9XG4gICAgaWYgKHRoaXMubGFzdCkge1xuICAgICAgdGhpcy5jb2xvclN0eWxlLmJvcmRlclJhZGl1cyA9ICcwIDAgMnB4IDJweCc7XG4gICAgfVxuICAgIGlmICh0aGlzLmNvbG9yID09PSAnI0ZGRkZGRicpIHtcbiAgICAgIHRoaXMuY29sb3JTdHlsZS5ib3hTaGFkb3cgPSAnaW5zZXQgMCAwIDAgMXB4ICNkZGQnO1xuICAgIH1cbiAgfVxuICBoYW5kbGVDbGljaygkZXZlbnQpIHtcbiAgICB0aGlzLm9uQ2xpY2suZW1pdCh7XG4gICAgICBkYXRhOiB7XG4gICAgICAgIGhleDogdGhpcy5jb2xvcixcbiAgICAgICAgc291cmNlOiAnaGV4JyxcbiAgICAgIH0sXG4gICAgICAkZXZlbnQsXG4gICAgfSk7XG4gIH1cbn1cbiJdfQ==

package/esm2020/swatches/swatches-group.component.mjs

@@ -1,49 +0,0 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./swatches-color.component";
-export 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: `
-    <div class="swatches-group">
-      <color-swatches-color
-        *ngFor="let color of group; let idx = index"
-        [active]="color.toLowerCase() === active"
-        [color]="color"
-        [first]="idx === 0"
-        [last]="idx === group.length - 1"
-        (onClick)="onClick.emit($event)"
-      >
-      </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: i2.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: `
-    <div class="swatches-group">
-      <color-swatches-color
-        *ngFor="let color of group; let idx = index"
-        [active]="color.toLowerCase() === active"
-        [color]="color"
-        [first]="idx === 0"
-        [last]="idx === group.length - 1"
-        (onClick)="onClick.emit($event)"
-      >
-      </color-swatches-color>
-    </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, styles: [".swatches-group{padding-bottom:10px;width:40px;float:left;margin-right:10px}\n"] }]
-        }], propDecorators: { group: [{
-                type: Input
-            }], active: [{
-                type: Input
-            }], onClick: [{
-                type: Output
-            }], onSwatchHover: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dhdGNoZXMtZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9zd2F0Y2hlcy9zd2F0Y2hlcy1ncm91cC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQThCaEcsTUFBTSxPQUFPLHNCQUFzQjtJQTVCbkM7UUErQlksWUFBTyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDbEMsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0tBQ25EOzttSEFMWSxzQkFBc0I7dUdBQXRCLHNCQUFzQiwyS0ExQnZCOzs7Ozs7Ozs7Ozs7R0FZVDsyRkFjVSxzQkFBc0I7a0JBNUJsQyxTQUFTOytCQUNFLHNCQUFzQixZQUN0Qjs7Ozs7Ozs7Ozs7O0dBWVQsbUJBV2dCLHVCQUF1QixDQUFDLE1BQU0sdUJBQzFCLEtBQUs7OEJBR2pCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NvbG9yLXN3YXRjaGVzLWdyb3VwJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwic3dhdGNoZXMtZ3JvdXBcIj5cbiAgICAgIDxjb2xvci1zd2F0Y2hlcy1jb2xvclxuICAgICAgICAqbmdGb3I9XCJsZXQgY29sb3Igb2YgZ3JvdXA7IGxldCBpZHggPSBpbmRleFwiXG4gICAgICAgIFthY3RpdmVdPVwiY29sb3IudG9Mb3dlckNhc2UoKSA9PT0gYWN0aXZlXCJcbiAgICAgICAgW2NvbG9yXT1cImNvbG9yXCJcbiAgICAgICAgW2ZpcnN0XT1cImlkeCA9PT0gMFwiXG4gICAgICAgIFtsYXN0XT1cImlkeCA9PT0gZ3JvdXAubGVuZ3RoIC0gMVwiXG4gICAgICAgIChvbkNsaWNrKT1cIm9uQ2xpY2suZW1pdCgkZXZlbnQpXCJcbiAgICAgID5cbiAgICAgIDwvY29sb3Itc3dhdGNoZXMtY29sb3I+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICAgIC5zd2F0Y2hlcy1ncm91cCB7XG4gICAgICAgIHBhZGRpbmctYm90dG9tOiAxMHB4O1xuICAgICAgICB3aWR0aDogNDBweDtcbiAgICAgICAgZmxvYXQ6IGxlZnQ7XG4gICAgICAgIG1hcmdpbi1yaWdodDogMTBweDtcbiAgICAgIH1cbiAgICBgLFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIFN3YXRjaGVzR3JvdXBDb21wb25lbnQge1xuICBASW5wdXQoKSBncm91cCE6IHN0cmluZ1tdO1xuICBASW5wdXQoKSBhY3RpdmUhOiBzdHJpbmc7XG4gIEBPdXRwdXQoKSBvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBPdXRwdXQoKSBvblN3YXRjaEhvdmVyID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG59XG4iXX0=

package/esm2020/swatches/swatches.component.mjs

@@ -1,242 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, forwardRef, Input, NgModule } from '@angular/core';
-import { amber, blue, blueGrey, brown, cyan, deepOrange, deepPurple, green, indigo, lightBlue, lightGreen, lime, orange, pink, purple, red, teal, yellow, } from 'material-colors';
-import { ColorWrap, RaisedModule, SwatchModule } from 'ngx-color';
-import { SwatchesColorComponent } from './swatches-color.component';
-import { SwatchesGroupComponent } from './swatches-group.component';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "ngx-color";
-export class SwatchesComponent extends ColorWrap {
-    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: `
-  <div class="swatches-picker {{ className }}"
-    [style.width.px]="width" [style.height.px]="height">
-    <color-raised [zDepth]="zDepth" [background]="background" [radius]="radius">
-      <div class="swatches-overflow" [style.height.px]="height">
-        <div class="swatches-body">
-          <color-swatches-group
-            *ngFor="let group of colors"
-            [group]="group" [active]="hex"
-            (onClick)="handlePickerChange($event)"
-          ></color-swatches-group>
-        </div>
-      </div>
-    </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: [{
-            type: Component,
-            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">
-      <div class="swatches-overflow" [style.height.px]="height">
-        <div class="swatches-body">
-          <color-swatches-group
-            *ngFor="let group of colors"
-            [group]="group" [active]="hex"
-            (onClick)="handlePickerChange($event)"
-          ></color-swatches-group>
-        </div>
-      </div>
-    </color-raised>
-  </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => SwatchesComponent),
-                            multi: true,
-                        },
-                        {
-                            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: [{
-                type: Input
-            }], colors: [{
-                type: Input
-            }], zDepth: [{
-                type: Input
-            }], radius: [{
-                type: Input
-            }], background: [{
-                type: Input
-            }] } });
-export class ColorSwatchesModule {
-}
-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: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        SwatchesComponent,
-                        SwatchesGroupComponent,
-                        SwatchesColorComponent,
-                    ],
-                    exports: [SwatchesComponent, SwatchesGroupComponent, SwatchesColorComponent],
-                    imports: [CommonModule, SwatchModule, RaisedModule],
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dhdGNoZXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9zd2F0Y2hlcy9zd2F0Y2hlcy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEcsT0FBTyxFQUNMLEtBQUssRUFDTCxJQUFJLEVBQ0osUUFBUSxFQUNSLEtBQUssRUFDTCxJQUFJLEVBQ0osVUFBVSxFQUNWLFVBQVUsRUFDVixLQUFLLEVBQ0wsTUFBTSxFQUNOLFNBQVMsRUFDVCxVQUFVLEVBQ1YsSUFBSSxFQUNKLE1BQU0sRUFDTixJQUFJLEVBQ0osTUFBTSxFQUNOLEdBQUcsRUFDSCxJQUFJLEVBQ0osTUFBTSxHQUNQLE1BQU0saUJBQWlCLENBQUM7QUFFekIsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsWUFBWSxFQUFVLE1BQU0sV0FBVyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7O0FBNENuRCxNQUFNLE9BQU8saUJBQWtCLFNBQVEsU0FBUztJQTRJOUM7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQTVJVixtQ0FBbUM7UUFDMUIsVUFBSyxHQUFvQixHQUFHLENBQUM7UUFDdEMsK0JBQStCO1FBQ3RCLFdBQU0sR0FBb0IsR0FBRyxDQUFDO1FBQ3ZDLDZEQUE2RDtRQUU3RCxXQUFNLEdBQWU7WUFDbkI7Z0JBQ0UsR0FBRyxDQUFDLEtBQUssQ0FBQztnQkFDVixHQUFHLENBQUMs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RUFBRSxzQkFBc0I7aUhBR2hFLG1CQUFtQixZQUZwQixZQUFZLEVBQUUsWUFBWSxFQUFFLFlBQVk7MkZBRXZDLG1CQUFtQjtrQkFUL0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osaUJBQWlCO3dCQUNqQixzQkFBc0I7d0JBQ3RCLHNCQUFzQjtxQkFDdkI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsaUJBQWlCLEVBQUUsc0JBQXNCLEVBQUUsc0JBQXNCLENBQUM7b0JBQzVFLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxZQUFZLEVBQUUsWUFBWSxDQUFDO2lCQUNwRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBmb3J3YXJkUmVmLCBJbnB1dCwgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIGFtYmVyLFxuICBibHVlLFxuICBibHVlR3JleSxcbiAgYnJvd24sXG4gIGN5YW4sXG4gIGRlZXBPcmFuZ2UsXG4gIGRlZXBQdXJwbGUsXG4gIGdyZWVuLFxuICBpbmRpZ28sXG4gIGxpZ2h0Qmx1ZSxcbiAgbGlnaHRHcmVlbixcbiAgbGltZSxcbiAgb3JhbmdlLFxuICBwaW5rLFxuICBwdXJwbGUsXG4gIHJlZCxcbiAgdGVhbCxcbiAgeWVsbG93LFxufSBmcm9tICdtYXRlcmlhbC1jb2xvcnMnO1xuXG5pbXBvcnQgeyBDb2xvcldyYXAsIFJhaXNlZE1vZHVsZSwgU3dhdGNoTW9kdWxlLCB6RGVwdGggfSBmcm9tICduZ3gtY29sb3InO1xuaW1wb3J0IHsgU3dhdGNoZXNDb2xvckNvbXBvbmVudCB9IGZyb20gJy4vc3dhdGNoZXMtY29sb3IuY29tcG9uZW50JztcbmltcG9ydCB7IFN3YXRjaGVzR3JvdXBDb21wb25lbnQgfSBmcm9tICcuL3N3YXRjaGVzLWdyb3VwLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY29sb3Itc3dhdGNoZXMnLFxuICB0ZW1wbGF0ZTogYFxuICA8ZGl2IGNsYXNzPVwic3dhdGNoZXMtcGlja2VyIHt7IGNsYXNzTmFtZSB9fVwiXG4gICAgW3N0eWxlLndpZHRoLnB4XT1cIndpZHRoXCIgW3N0eWxlLmhlaWdodC5weF09XCJoZWlnaHRcIj5cbiAgICA8Y29sb3ItcmFpc2VkIFt6RGVwdGhdPVwiekRlcHRoXCIgW2JhY2tncm91bmRdPVwiYmFja2dyb3VuZFwiIFtyYWRpdXNdPVwicmFkaXVzXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwic3dhdGNoZXMtb3ZlcmZsb3dcIiBbc3R5bGUuaGVpZ2h0LnB4XT1cImhlaWdodFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic3dhdGNoZXMtYm9keVwiPlxuICAgICAgICAgIDxjb2xvci1zd2F0Y2hlcy1ncm91cFxuICAgICAgICAgICAgKm5nRm9yPVwibGV0IGdyb3VwIG9mIGNvbG9yc1wiXG4gICAgICAgICAgICBbZ3JvdXBdPVwiZ3JvdXBcIiBbYWN0aXZlXT1cImhleFwiXG4gICAgICAgICAgICAob25DbGljayk9XCJoYW5kbGVQaWNrZXJDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICAgICAgPjwvY29sb3Itc3dhdGNoZXMtZ3JvdXA+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9jb2xvci1yYWlzZWQ+XG4gIDwvZGl2PlxuICBgLFxuICBzdHlsZXM6IFtcbiAgICBgXG4gICAgICAuc3dhdGNoZXMtb3ZlcmZsb3cge1xuICAgICAgICBvdmVyZmxvdy15OiBzY3JvbGw7XG4gICAgICB9XG4gICAgICAuc3dhdGNoZXMtb3ZlcmZsb3cge1xuICAgICAgICBwYWRkaW5nOiAxNnB4IDAgNnB4IDE2cHg7XG4gICAgICB9XG4gICAgYCxcbiAgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByZXNlcnZlV2hpdGVzcGFjZXM6IGZhbHNlLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFN3YXRjaGVzQ29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH0sXG4gICAge1xuICAgICAgcHJvdmlkZTogQ29sb3JXcmFwLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU3dhdGNoZXNDb21wb25lbnQpLFxuICAgIH0sXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgU3dhdGNoZXNDb21wb25lbnQgZXh0ZW5kcyBDb2xvcldyYXAge1xuICAvKiogUGl4ZWwgdmFsdWUgZm9yIHBpY2tlciB3aWR0aCAqL1xuICBASW5wdXQoKSB3aWR0aDogc3RyaW5nIHwgbnVtYmVyID0gMzIwO1xuICAvKiogQ29sb3Igc3F1YXJlcyB0byBkaXNwbGF5ICovXG4gIEBJbnB1dCgpIGhlaWdodDogc3RyaW5nIHwgbnVtYmVyID0gMjQwO1xuICAvKiogQW4gYXJyYXkgb2YgY29sb3IgZ3JvdXBzLCBlYWNoIHdpdGggYW4gYXJyYXkgb2YgY29sb3JzICovXG4gIEBJbnB1dCgpXG4gIGNvbG9yczogc3RyaW5nW11bXSA9IFtcbiAgICBbXG4gICAgICByZWRbJzkwMCddLFxuICAgICAgcmVkWyc3MDAnXSxcbiAgICAgIHJlZFsnNTAwJ10sXG4gICAgICByZWRbJzMwMCddLFxuICAgICAgcmVkWycxMDAnXSxcbiAgICBdLFxuICAgIFtcbiAgICAgIHBpbmtbJzkwMCddLFxuICAgICAgcGlua1snNzAwJ10sXG4gICAgICBwaW5rWyc1MDAnXSxcbiAgICAgIHBpbmtbJzMwMCddLFxuICAgICAgcGlua1snMTAwJ10sXG4gICAgXSxcbiAgICBbXG4gICAgICBwdXJwbGVbJzkwMCddLFxuICAgICAgcHVycGxlWyc3MDAnXSxcbiAgICAgIHB1cnBsZVsnNTAwJ10sXG4gICAgICBwdXJwbGVbJzMwMCddLFxuICAgICAgcHVycGxlWycxMDAnXSxcbiAgICBdLFxuICAgIFtcbiAgICAgIGRlZXBQdXJwbGVbJzkwMCddLFxuICAgICAgZGVlcFB1cnBsZVsnNzAwJ10sXG4gICAgICBkZWVwUHVycGxlWyc1MDAnXSxcbiAgICAgIGRlZXBQdXJwbGVbJzMwMCddLFxuICAgICAgZGVlcFB1cnBsZVsnMTAwJ10sXG4gICAgXSxcbiAgICBbXG4gICAgICBpbmRpZ29bJzkwMCddLFxuICAgICAgaW5kaWdvWyc3MDAnXSxcbiAgICAgIGluZGlnb1snNTAwJ10sXG4gICAgICBpbmRpZ29bJzMwMCddLFxuICAgICAgaW5kaWdvWycxMDAnXSxcbiAgICBdLFxuICAgIFtcbiAgICAgIGJsdWVbJzkwMCddLFxuICAgICAgYmx1ZVsnNzAwJ10sXG4gICAgICBibHVlWyc1MDAnXSxcbiAgICAgIGJsdWVbJzMwMCddLFxuICAgICAgYmx1ZVsnMTAwJ10sXG4gICAgXSxcbiAgICBbXG4gICAgICBsaWdodEJsdWVbJzkwMCddLFxuICAgICAgbGlnaHRCbHVlWyc3MDAnXSxcbiAgICAgIGxpZ2h0Qmx1ZVsnNTAwJ10sXG4gICAgICBsaWdodEJsdWVbJzMwMCddLFxuICAgICAgbGlnaHRCbHVlWycxMDAnXSxcbiAgICBdLFxuICAgIFtcbiAgICAgIGN5YW5bJzkwMCddLFxuICAgICAgY3lhblsnNzAwJ10sXG4gICAgICBjeWFuWyc1MDAnXSxcbiAgICAgIGN5YW5bJzMwMCddLFxuICAgICAgY3lhblsnMTAwJ10sXG4gICAgXSxcbiAgICBbXG4gICAgICB0ZWFsWyc5MDAnXSxcbiAgICAgIHRlYWxbJzcwMCddLFxuICAgICAgdGVhbFsnNTAwJ10sXG4gICAgICB0ZWFsWyczMDAnXSxcbiAgICAgIHRlYWxbJzEwMCddLFxuICAgIF0sXG4gICAgW1xuICAgICAgJyMxOTREMzMnLFxuICAgICAgZ3JlZW5bJzcwMCddLFxuICAgICAgZ3JlZW5bJzUwMCddLFxuICAgICAgZ3JlZW5bJzMwMCddLFxuICAgICAgZ3JlZW5bJzEwMCddLFxuICAgIF0sXG4gICAgW1xuICAgICAgbGlnaHRHcmVlblsnOTAwJ10sXG4gICAgICBsaWdodEdyZWVuWyc3MDAnXSxcbiAgICAgIGxpZ2h0R3JlZW5bJzUwMCddLFxuICAgICAgbGlnaHRHcmVlblsnMzAwJ10sXG4gICAgICBsaWdodEdyZWVuWycxMDAnXSxcbiAgICBdLFxuICAgIFtcbiAgICAgIGxpbWVbJzkwMCddLFxuICAgICAgbGltZVsnNzAwJ10sXG4gICAgICBsaW1lWyc1MDAnXSxcbiAgICAgIGxpbWVbJzMwMCddLFxuICAgICAgbGltZVsnMTAwJ10sXG4gICAgXSxcbiAgICBbXG4gICAgICB5ZWxsb3dbJzkwMCddLFxuICAgICAgeWVsbG93Wyc3MDAnXSxcbiAgICAgIHllbGxvd1snNTAwJ10sXG4gICAgICB5ZWxsb3dbJzMwMCddLFxuICAgICAgeWVsbG93WycxMDAnXSxcbiAgICBdLFxuICAgIFtcbiAgICAgIGFtYmVyWyc5MDAnXSxcbiAgICAgIGFtYmVyWyc3MDAnXSxcbiAgICAgIGFtYmVyWyc1MDAnXSxcbiAgICAgIGFtYmVyWyczMDAnXSxcbiAgICAgIGFtYmVyWycxMDAnXSxcbiAgICBdLFxuICAgIFtcbiAgICAgIG9yYW5nZVsnOTAwJ10sXG4gICAgICBvcmFuZ2VbJzcwMCddLFxuICAgICAgb3JhbmdlWyc1MDAnXSxcbiAgICAgIG9yYW5nZVsnMzAwJ10sXG4gICAgICBvcmFuZ2VbJzEwMCddLFxuICAgIF0sXG4gICAgW1xuICAgICAgZGVlcE9yYW5nZVsnOTAwJ10sXG4gICAgICBkZWVwT3JhbmdlWyc3MDAnXSxcbiAgICAgIGRlZXBPcmFuZ2VbJzUwMCddLFxuICAgICAgZGVlcE9yYW5nZVsnMzAwJ10sXG4gICAgICBkZWVwT3JhbmdlWycxMDAnXSxcbiAgICBdLFxuICAgIFtcbiAgICAgIGJyb3duWyc5MDAnXSxcbiAgICAgIGJyb3duWyc3MDAnXSxcbiAgICAgIGJyb3duWyc1MDAnXSxcbiAgICAgIGJyb3duWyczMDAnXSxcbiAgICAgIGJyb3duWycxMDAnXSxcbiAgICBdLFxuICAgIFtcbiAgICAgIGJsdWVHcmV5Wyc5MDAnXSxcbiAgICAgIGJsdWVHcmV5Wyc3MDAnXSxcbiAgICAgIGJsdWVHcmV5Wyc1MDAnXSxcbiAgICAgIGJsdWVHcmV5WyczMDAnXSxcbiAgICAgIGJsdWVHcmV5WycxMDAnXSxcbiAgICBdLFxuICAgIFsnIzAwMDAwMCcsICcjNTI1MjUyJywgJyM5Njk2OTYnLCAnI0Q5RDlEOScsICcjRkZGRkZGJ10sXG4gIF07XG4gIEBJbnB1dCgpIHpEZXB0aDogekRlcHRoID0gMTtcbiAgQElucHV0KCkgcmFkaXVzID0gMTtcbiAgQElucHV0KCkgYmFja2dyb3VuZCA9ICcjZmZmJztcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgaGFuZGxlUGlja2VyQ2hhbmdlKHsgZGF0YSwgJGV2ZW50IH0pIHtcbiAgICB0aGlzLmhhbmRsZUNoYW5nZShkYXRhLCAkZXZlbnQpO1xuICB9XG59XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIFN3YXRjaGVzQ29tcG9uZW50LFxuICAgIFN3YXRjaGVzR3JvdXBDb21wb25lbnQsXG4gICAgU3dhdGNoZXNDb2xvckNvbXBvbmVudCxcbiAgXSxcbiAgZXhwb3J0czogW1N3YXRjaGVzQ29tcG9uZW50LCBTd2F0Y2hlc0dyb3VwQ29tcG9uZW50LCBTd2F0Y2hlc0NvbG9yQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgU3dhdGNoTW9kdWxlLCBSYWlzZWRNb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBDb2xvclN3YXRjaGVzTW9kdWxlIHt9XG4iXX0=