ngx-color 8.0.3 → 10.0.0

package/fesm2022/ngx-color-slider.mjs

@@ -0,0 +1,282 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, forwardRef, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i1 from 'ngx-color';
+import { ColorWrap, HueModule, SwatchModule } from 'ngx-color';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+
+class SliderSwatchComponent {
+    hsl;
+    active;
+    offset;
+    first = false;
+    last = false;
+    onClick = new EventEmitter();
+    background;
+    ngOnChanges() {
+        this.background = `hsl(${this.hsl.h}, 50%, ${this.offset * 100}%)`;
+    }
+    handleClick($event) {
+        this.onClick.emit({
+            data: {
+                h: this.hsl.h,
+                s: 0.5,
+                l: this.offset,
+                source: 'hsl',
+            },
+            $event,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: SliderSwatchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.3", type: SliderSwatchComponent, isStandalone: false, selector: "color-slider-swatch", inputs: { hsl: "hsl", active: "active", offset: "offset", first: "first", last: "last" }, outputs: { onClick: "onClick" }, usesOnChanges: true, ngImport: i0, template: `
+    <div
+      class="slider-swatch"
+      [style.background]="background"
+      [class.first]="first"
+      [class.last]="last"
+      [class.active]="active"
+      (click)="handleClick($event)"
+    ></div>
+  `, isInline: true, styles: [".slider-swatch{height:12px;background:#79d3a6;cursor:pointer}.slider-swatch.active{transform:scaleY(1.8);border-radius:3.6px/2px}.slider-swatch.first{border-radius:2px 0 0 2px}.slider-swatch.last{border-radius:0 2px 2px 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: SliderSwatchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'color-slider-swatch', template: `
+    <div
+      class="slider-swatch"
+      [style.background]="background"
+      [class.first]="first"
+      [class.last]="last"
+      [class.active]="active"
+      (click)="handleClick($event)"
+    ></div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, standalone: false, styles: [".slider-swatch{height:12px;background:#79d3a6;cursor:pointer}.slider-swatch.active{transform:scaleY(1.8);border-radius:3.6px/2px}.slider-swatch.first{border-radius:2px 0 0 2px}.slider-swatch.last{border-radius:0 2px 2px 0}\n"] }]
+        }], propDecorators: { hsl: [{
+                type: Input
+            }], active: [{
+                type: Input
+            }], offset: [{
+                type: Input
+            }], first: [{
+                type: Input
+            }], last: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+
+class SliderSwatchesComponent {
+    hsl;
+    onClick = new EventEmitter();
+    onSwatchHover = new EventEmitter();
+    active(l, s) {
+        return Math.round(this.hsl.l * 100) / 100 === l && Math.round(this.hsl.s * 100) / 100 === s;
+    }
+    handleClick({ data, $event }) {
+        this.onClick.emit({ data, $event });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: SliderSwatchesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.3", type: SliderSwatchesComponent, isStandalone: false, selector: "color-slider-swatches", inputs: { hsl: "hsl" }, outputs: { onClick: "onClick", onSwatchHover: "onSwatchHover" }, ngImport: i0, template: `
+    <div class="slider-swatches">
+      <div class="slider-swatch-wrap">
+        <color-slider-swatch
+          [hsl]="hsl"
+          [offset]="0.8"
+          [active]="active(0.8, 0.5)"
+          (onClick)="handleClick($event)"
+          [first]="true"
+        ></color-slider-swatch>
+      </div>
+      <div class="slider-swatch-wrap">
+        <color-slider-swatch
+          [hsl]="hsl"
+          [offset]="0.65"
+          [active]="active(0.65, 0.5)"
+          (onClick)="handleClick($event)"
+        ></color-slider-swatch>
+      </div>
+      <div class="slider-swatch-wrap">
+        <color-slider-swatch
+          [hsl]="hsl"
+          [offset]="0.5"
+          [active]="active(0.5, 0.5)"
+          (onClick)="handleClick($event)"
+        ></color-slider-swatch>
+      </div>
+      <div class="slider-swatch-wrap">
+        <color-slider-swatch
+          [hsl]="hsl"
+          [offset]="0.35"
+          [active]="active(0.35, 0.5)"
+          (onClick)="handleClick($event)"
+        ></color-slider-swatch>
+      </div>
+      <div class="slider-swatch-wrap">
+        <color-slider-swatch
+          [hsl]="hsl"
+          [offset]="0.2"
+          [active]="active(0.2, 0.5)"
+          (onClick)="handleClick($event)"
+          [last]="true"
+        ></color-slider-swatch>
+      </div>
+    </div>
+  `, isInline: true, styles: [".slider-swatches{margin-top:20px}.slider-swatch-wrap{box-sizing:border-box;width:20%;padding-right:1px;float:left}\n"], dependencies: [{ kind: "component", type: SliderSwatchComponent, selector: "color-slider-swatch", inputs: ["hsl", "active", "offset", "first", "last"], outputs: ["onClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: SliderSwatchesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'color-slider-swatches', template: `
+    <div class="slider-swatches">
+      <div class="slider-swatch-wrap">
+        <color-slider-swatch
+          [hsl]="hsl"
+          [offset]="0.8"
+          [active]="active(0.8, 0.5)"
+          (onClick)="handleClick($event)"
+          [first]="true"
+        ></color-slider-swatch>
+      </div>
+      <div class="slider-swatch-wrap">
+        <color-slider-swatch
+          [hsl]="hsl"
+          [offset]="0.65"
+          [active]="active(0.65, 0.5)"
+          (onClick)="handleClick($event)"
+        ></color-slider-swatch>
+      </div>
+      <div class="slider-swatch-wrap">
+        <color-slider-swatch
+          [hsl]="hsl"
+          [offset]="0.5"
+          [active]="active(0.5, 0.5)"
+          (onClick)="handleClick($event)"
+        ></color-slider-swatch>
+      </div>
+      <div class="slider-swatch-wrap">
+        <color-slider-swatch
+          [hsl]="hsl"
+          [offset]="0.35"
+          [active]="active(0.35, 0.5)"
+          (onClick)="handleClick($event)"
+        ></color-slider-swatch>
+      </div>
+      <div class="slider-swatch-wrap">
+        <color-slider-swatch
+          [hsl]="hsl"
+          [offset]="0.2"
+          [active]="active(0.2, 0.5)"
+          (onClick)="handleClick($event)"
+          [last]="true"
+        ></color-slider-swatch>
+      </div>
+    </div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, standalone: false, styles: [".slider-swatches{margin-top:20px}.slider-swatch-wrap{box-sizing:border-box;width:20%;padding-right:1px;float:left}\n"] }]
+        }], propDecorators: { hsl: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }], onSwatchHover: [{
+                type: Output
+            }] } });
+
+class SliderComponent extends ColorWrap {
+    pointer = {
+        width: '14px',
+        height: '14px',
+        borderRadius: '6px',
+        transform: 'translate(-7px, -2px)',
+        backgroundColor: 'rgb(248, 248, 248)',
+        boxShadow: '0 1px 4px 0 rgba(0, 0, 0, 0.37)',
+    };
+    radius = 2;
+    constructor() {
+        super();
+    }
+    handlePickerChange({ data, $event }) {
+        this.handleChange(data, $event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: SliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.3", type: SliderComponent, isStandalone: false, selector: "color-slider", inputs: { pointer: "pointer", radius: "radius" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SliderComponent),
+                multi: true,
+            },
+            {
+                provide: ColorWrap,
+                useExisting: forwardRef(() => SliderComponent),
+            },
+        ], usesInheritance: true, ngImport: i0, template: `
+    <div class="slider-picker {{ className }}">
+      <div class="slider-hue">
+        <color-hue
+          [hsl]="hsl"
+          [radius]="radius"
+          [pointer]="pointer"
+          (onChange)="handlePickerChange($event)"
+        ></color-hue>
+      </div>
+      <div class="slider-swatches">
+        <color-slider-swatches
+          [hsl]="hsl"
+          (onClick)="handlePickerChange($event)"
+        ></color-slider-swatches>
+      </div>
+    </div>
+  `, isInline: true, styles: [".slider-hue{height:12px;position:relative}\n"], dependencies: [{ kind: "component", type: i0.forwardRef(() => i1.HueComponent), selector: "color-hue", inputs: ["hsl", "pointer", "radius", "shadow", "hidePointer", "direction"], outputs: ["onChange"] }, { kind: "component", type: i0.forwardRef(() => SliderSwatchesComponent), selector: "color-slider-swatches", inputs: ["hsl"], outputs: ["onClick", "onSwatchHover"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: SliderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'color-slider', template: `
+    <div class="slider-picker {{ className }}">
+      <div class="slider-hue">
+        <color-hue
+          [hsl]="hsl"
+          [radius]="radius"
+          [pointer]="pointer"
+          (onChange)="handlePickerChange($event)"
+        ></color-hue>
+      </div>
+      <div class="slider-swatches">
+        <color-slider-swatches
+          [hsl]="hsl"
+          (onClick)="handlePickerChange($event)"
+        ></color-slider-swatches>
+      </div>
+    </div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SliderComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: ColorWrap,
+                            useExisting: forwardRef(() => SliderComponent),
+                        },
+                    ], standalone: false, styles: [".slider-hue{height:12px;position:relative}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { pointer: [{
+                type: Input
+            }], radius: [{
+                type: Input
+            }] } });
+class ColorSliderModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: ColorSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.3", ngImport: i0, type: ColorSliderModule, declarations: [SliderComponent, SliderSwatchComponent, SliderSwatchesComponent], imports: [CommonModule, HueModule, SwatchModule], exports: [SliderComponent, SliderSwatchComponent, SliderSwatchesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: ColorSliderModule, imports: [CommonModule, HueModule, SwatchModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: ColorSliderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SliderComponent, SliderSwatchComponent, SliderSwatchesComponent],
+                    exports: [SliderComponent, SliderSwatchComponent, SliderSwatchesComponent],
+                    imports: [CommonModule, HueModule, SwatchModule],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ColorSliderModule, SliderComponent, SliderSwatchComponent, SliderSwatchesComponent };
+//# sourceMappingURL=ngx-color-slider.mjs.map

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

@@ -0,0 +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\n      class=\"slider-swatch\"\n      [style.background]=\"background\"\n      [class.first]=\"first\"\n      [class.last]=\"last\"\n      [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  changeDetection: ChangeDetectionStrategy.OnPush,\n  preserveWhitespaces: false,\n  standalone: 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 { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } 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]=\"0.8\"\n          [active]=\"active(0.8, 0.5)\"\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]=\"0.65\"\n          [active]=\"active(0.65, 0.5)\"\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]=\"0.5\"\n          [active]=\"active(0.5, 0.5)\"\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]=\"0.35\"\n          [active]=\"active(0.35, 0.5)\"\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]=\"0.2\"\n          [active]=\"active(0.2, 0.5)\"\n          (onClick)=\"handleClick($event)\"\n          [last]=\"true\"\n        ></color-slider-swatch>\n      </div>\n    </div>\n  `,\n  styles: [\n    `\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  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  preserveWhitespaces: false,\n  standalone: 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 Math.round(this.hsl.l * 100) / 100 === l && Math.round(this.hsl.s * 100) / 100 === s;\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\"\n          [radius]=\"radius\"\n          [pointer]=\"pointer\"\n          (onChange)=\"handlePickerChange($event)\"\n        ></color-hue>\n      </div>\n      <div class=\"slider-swatches\">\n        <color-slider-swatches\n          [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  standalone: false,\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: [SliderComponent, SliderSwatchComponent, SliderSwatchesComponent],\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/fesm2022/ngx-color-swatches.mjs

@@ -0,0 +1,293 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, forwardRef, NgModule } from '@angular/core';
+import * as i1 from 'ngx-color';
+import { getContrastingColor, ColorWrap, SwatchModule, RaisedModule } from 'ngx-color';
+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';
+
+class SwatchesColorComponent {
+    color;
+    first = false;
+    last = false;
+    active;
+    onClick = new EventEmitter();
+    onSwatchHover = new EventEmitter();
+    getContrastingColor = getContrastingColor;
+    colorStyle = {
+        width: '40px',
+        height: '24px',
+        cursor: 'pointer',
+        marginBottom: '1px',
+    };
+    focusStyle = {};
+    ngOnInit() {
+        this.colorStyle.background = this.color;
+        this.focusStyle.boxShadow = `0 0 4px ${this.color}`;
+        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,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: SwatchesColorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.3", type: SwatchesColorComponent, isStandalone: false, 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)"
+    >
+      @if (active) {
+        <div class="swatch-check" [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: "component", type: i1.SwatchComponent, selector: "color-swatch", inputs: ["color", "style", "focusStyle", "focus"], outputs: ["onClick", "onHover"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", 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)"
+    >
+      @if (active) {
+        <div class="swatch-check" [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, standalone: 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
+            }] } });
+
+class SwatchesGroupComponent {
+    group;
+    active;
+    onClick = new EventEmitter();
+    onSwatchHover = new EventEmitter();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: SwatchesGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.3", type: SwatchesGroupComponent, isStandalone: false, selector: "color-swatches-group", inputs: { group: "group", active: "active" }, outputs: { onClick: "onClick", onSwatchHover: "onSwatchHover" }, ngImport: i0, template: `
+    <div class="swatches-group">
+      @for (color of group; track color; let idx = $index) {
+        <color-swatches-color
+          [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: "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: "19.1.3", ngImport: i0, type: SwatchesGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'color-swatches-group', template: `
+    <div class="swatches-group">
+      @for (color of group; track color; let idx = $index) {
+        <color-swatches-color
+          [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, standalone: 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
+            }] } });
+
+class SwatchesComponent extends ColorWrap {
+    /** Pixel value for picker width */
+    width = 320;
+    /** Color squares to display */
+    height = 240;
+    /** An array of color groups, each with an array of colors */
+    colors = [
+        [red['900'], red['700'], red['500'], red['300'], red['100']],
+        [pink['900'], pink['700'], pink['500'], pink['300'], pink['100']],
+        [purple['900'], purple['700'], purple['500'], purple['300'], purple['100']],
+        [deepPurple['900'], deepPurple['700'], deepPurple['500'], deepPurple['300'], deepPurple['100']],
+        [indigo['900'], indigo['700'], indigo['500'], indigo['300'], indigo['100']],
+        [blue['900'], blue['700'], blue['500'], blue['300'], blue['100']],
+        [lightBlue['900'], lightBlue['700'], lightBlue['500'], lightBlue['300'], lightBlue['100']],
+        [cyan['900'], cyan['700'], cyan['500'], cyan['300'], cyan['100']],
+        [teal['900'], teal['700'], teal['500'], teal['300'], teal['100']],
+        ['#194D33', green['700'], green['500'], green['300'], green['100']],
+        [lightGreen['900'], lightGreen['700'], lightGreen['500'], lightGreen['300'], lightGreen['100']],
+        [lime['900'], lime['700'], lime['500'], lime['300'], lime['100']],
+        [yellow['900'], yellow['700'], yellow['500'], yellow['300'], yellow['100']],
+        [amber['900'], amber['700'], amber['500'], amber['300'], amber['100']],
+        [orange['900'], orange['700'], orange['500'], orange['300'], orange['100']],
+        [deepOrange['900'], deepOrange['700'], deepOrange['500'], deepOrange['300'], deepOrange['100']],
+        [brown['900'], brown['700'], brown['500'], brown['300'], brown['100']],
+        [blueGrey['900'], blueGrey['700'], blueGrey['500'], blueGrey['300'], blueGrey['100']],
+        ['#000000', '#525252', '#969696', '#D9D9D9', '#FFFFFF'],
+    ];
+    zDepth = 1;
+    radius = 1;
+    background = '#fff';
+    constructor() {
+        super();
+    }
+    handlePickerChange({ data, $event }) {
+        this.handleChange(data, $event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: SwatchesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.3", type: SwatchesComponent, isStandalone: false, 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">
+            @for (group of colors; track group) {
+              <color-swatches-group
+                [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: "component", type: i0.forwardRef(() => i1.RaisedComponent), selector: "color-raised", inputs: ["zDepth", "radius", "background"] }, { kind: "component", type: i0.forwardRef(() => SwatchesGroupComponent), selector: "color-swatches-group", inputs: ["group", "active"], outputs: ["onClick", "onSwatchHover"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", 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">
+            @for (group of colors; track group) {
+              <color-swatches-group
+                [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),
+                        },
+                    ], standalone: false, styles: [".swatches-overflow{overflow-y:scroll}.swatches-overflow{padding:16px 0 6px 16px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], colors: [{
+                type: Input
+            }], zDepth: [{
+                type: Input
+            }], radius: [{
+                type: Input
+            }], background: [{
+                type: Input
+            }] } });
+class ColorSwatchesModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: ColorSwatchesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.3", ngImport: i0, type: ColorSwatchesModule, declarations: [SwatchesComponent, SwatchesGroupComponent, SwatchesColorComponent], imports: [CommonModule, SwatchModule, RaisedModule], exports: [SwatchesComponent, SwatchesGroupComponent, SwatchesColorComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: ColorSwatchesModule, imports: [CommonModule, SwatchModule, RaisedModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: ColorSwatchesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SwatchesComponent, SwatchesGroupComponent, SwatchesColorComponent],
+                    exports: [SwatchesComponent, SwatchesGroupComponent, SwatchesColorComponent],
+                    imports: [CommonModule, SwatchModule, RaisedModule],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ColorSwatchesModule, SwatchesColorComponent, SwatchesComponent, SwatchesGroupComponent };
+//# sourceMappingURL=ngx-color-swatches.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-color-swatches.mjs","sources":["../../src/lib/swatches/swatches-color.component.ts","../../src/lib/swatches/swatches-group.component.ts","../../src/lib/swatches/swatches.component.ts","../../src/lib/swatches/ngx-color-swatches.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Input,\n  OnInit,\n  Output,\n} from '@angular/core';\n\nimport { getContrastingColor } from 'ngx-color';\n\n@Component({\n  selector: 'color-swatches-color',\n  template: `\n    <color-swatch\n      [color]=\"color\"\n      [style]=\"colorStyle\"\n      [focusStyle]=\"focusStyle\"\n      [class.first]=\"first\"\n      [class.last]=\"last\"\n      (click)=\"handleClick($event)\"\n      (keydown.enter)=\"handleClick($event)\"\n      (onHover)=\"onSwatchHover.emit($event)\"\n    >\n      @if (active) {\n        <div class=\"swatch-check\" [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      }\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  standalone: 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      @for (color of group; track color; let idx = $index) {\n        <color-swatches-color\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      }\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  standalone: 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\n      class=\"swatches-picker {{ className }}\"\n      [style.width.px]=\"width\"\n      [style.height.px]=\"height\"\n    >\n      <color-raised [zDepth]=\"zDepth\" [background]=\"background\" [radius]=\"radius\">\n        <div class=\"swatches-overflow\" [style.height.px]=\"height\">\n          <div class=\"swatches-body\">\n            @for (group of colors; track group) {\n              <color-swatches-group\n                [group]=\"group\"\n                [active]=\"hex\"\n                (onClick)=\"handlePickerChange($event)\"\n              ></color-swatches-group>\n            }\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  standalone: false,\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    [red['900'], red['700'], red['500'], red['300'], red['100']],\n    [pink['900'], pink['700'], pink['500'], pink['300'], pink['100']],\n    [purple['900'], purple['700'], purple['500'], purple['300'], purple['100']],\n    [deepPurple['900'], deepPurple['700'], deepPurple['500'], deepPurple['300'], deepPurple['100']],\n    [indigo['900'], indigo['700'], indigo['500'], indigo['300'], indigo['100']],\n    [blue['900'], blue['700'], blue['500'], blue['300'], blue['100']],\n    [lightBlue['900'], lightBlue['700'], lightBlue['500'], lightBlue['300'], lightBlue['100']],\n    [cyan['900'], cyan['700'], cyan['500'], cyan['300'], cyan['100']],\n    [teal['900'], teal['700'], teal['500'], teal['300'], teal['100']],\n    ['#194D33', green['700'], green['500'], green['300'], green['100']],\n    [lightGreen['900'], lightGreen['700'], lightGreen['500'], lightGreen['300'], lightGreen['100']],\n    [lime['900'], lime['700'], lime['500'], lime['300'], lime['100']],\n    [yellow['900'], yellow['700'], yellow['500'], yellow['300'], yellow['100']],\n    [amber['900'], amber['700'], amber['500'], amber['300'], amber['100']],\n    [orange['900'], orange['700'], orange['500'], orange['300'], orange['100']],\n    [deepOrange['900'], deepOrange['700'], deepOrange['500'], deepOrange['300'], deepOrange['100']],\n    [brown['900'], brown['700'], brown['500'], brown['300'], brown['100']],\n    [blueGrey['900'], blueGrey['700'], blueGrey['500'], blueGrey['300'], blueGrey['100']],\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: [SwatchesComponent, SwatchesGroupComponent, SwatchesColorComponent],\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":["i1.SwatchesColorComponent"],"mappings":"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"}