ngx-color 7.2.0 → 7.3.0

package/sketch/package.json

@@ -5,15 +5,27 @@
     "type": "git",
     "url": "git+https://github.com/scttcper/ngx-color.git"
   },
-  "main": "bundles/ngx-color-sketch.umd.js",
-  "module": "fesm2015/ngx-color-sketch.js",
-  "es2015": "fesm2015/ngx-color-sketch.js",
-  "esm2015": "esm2015/ngx-color-sketch.js",
-  "fesm2015": "fesm2015/ngx-color-sketch.js",
+  "module": "fesm2015/ngx-color-sketch.mjs",
+  "es2020": "fesm2020/ngx-color-sketch.mjs",
+  "esm2020": "esm2020/ngx-color-sketch.mjs",
+  "fesm2020": "fesm2020/ngx-color-sketch.mjs",
+  "fesm2015": "fesm2015/ngx-color-sketch.mjs",
   "typings": "ngx-color-sketch.d.ts",
-  "metadata": "ngx-color-sketch.metadata.json",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./ngx-color-sketch.d.ts",
+      "esm2020": "./esm2020/ngx-color-sketch.mjs",
+      "es2020": "./fesm2020/ngx-color-sketch.mjs",
+      "es2015": "./fesm2015/ngx-color-sketch.mjs",
+      "node": "./fesm2015/ngx-color-sketch.mjs",
+      "default": "./fesm2020/ngx-color-sketch.mjs"
+    }
+  },
   "sideEffects": false,
   "dependencies": {
-    "tslib": "^2.1.0"
+    "tslib": "^2.3.0"
   }
 }

package/sketch/public_api.d.ts

@@ -0,0 +1,3 @@
+export { SketchFieldsComponent } from './sketch-fields.component';
+export { SketchPresetColorsComponent } from './sketch-preset-colors.component';
+export { ColorSketchModule, SketchComponent } from './sketch.component';

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

@@ -1,5 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import { HSLA, RGBA } from 'ngx-color';
+import * as i0 from "@angular/core";
 export declare class SketchFieldsComponent {
     hsl: HSLA;
     rgb: RGBA;
@@ -17,4 +18,6 @@ export declare class SketchFieldsComponent {
         data: any;
         $event: any;
     }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SketchFieldsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SketchFieldsComponent, "color-sketch-fields", never, { "hsl": "hsl"; "rgb": "rgb"; "hex": "hex"; "disableAlpha": "disableAlpha"; }, { "onChange": "onChange"; }, never, never>;
 }

package/sketch/sketch-preset-colors.component.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import { Shape } from 'ngx-color';
+import * as i0 from "@angular/core";
 export declare class SketchPresetColorsComponent {
     colors: string[];
     onClick: EventEmitter<any>;
@@ -18,4 +19,6 @@ export declare class SketchPresetColorsComponent {
     focusStyle(val: string | Shape): {
         boxShadow: string;
     };
+    static ɵfac: i0.ɵɵFactoryDeclaration<SketchPresetColorsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SketchPresetColorsComponent, "color-sketch-preset-colors", never, { "colors": "colors"; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never>;
 }

package/sketch/sketch.component.d.ts

@@ -1,4 +1,9 @@
 import { ColorWrap } from 'ngx-color';
+import * as i0 from "@angular/core";
+import * as i1 from "./sketch-fields.component";
+import * as i2 from "./sketch-preset-colors.component";
+import * as i3 from "@angular/common";
+import * as i4 from "ngx-color";
 export declare class SketchComponent extends ColorWrap {
     /** Remove alpha slider and options from picker */
     disableAlpha: boolean;
@@ -17,6 +22,11 @@ export declare class SketchComponent extends ColorWrap {
         hex: any;
         $event: any;
     }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SketchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SketchComponent, "color-sketch", never, { "disableAlpha": "disableAlpha"; "presetColors": "presetColors"; "width": "width"; }, {}, never, never>;
 }
 export declare class ColorSketchModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorSketchModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ColorSketchModule, [typeof SketchComponent, typeof i1.SketchFieldsComponent, typeof i2.SketchPresetColorsComponent], [typeof i3.CommonModule, typeof i4.AlphaModule, typeof i4.CheckboardModule, typeof i4.EditableInputModule, typeof i4.HueModule, typeof i4.SaturationModule, typeof i4.SwatchModule], [typeof SketchComponent, typeof i1.SketchFieldsComponent, typeof i2.SketchPresetColorsComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ColorSketchModule>;
 }

package/slider/esm2020/ngx-color-slider.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public_api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWNvbG9yLXNsaWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9zbGlkZXIvbmd4LWNvbG9yLXNsaWRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpY19hcGknO1xuIl19

package/slider/esm2020/public_api.mjs

@@ -0,0 +1,4 @@
+export { SliderSwatchComponent } from './slider-swatch.component';
+export { SliderSwatchesComponent } from './slider-swatches.component';
+export { ColorSliderModule, SliderComponent } from './slider.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9zbGlkZXIvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBTbGlkZXJTd2F0Y2hDb21wb25lbnQgfSBmcm9tICcuL3NsaWRlci1zd2F0Y2guY29tcG9uZW50JztcbmV4cG9ydCB7IFNsaWRlclN3YXRjaGVzQ29tcG9uZW50IH0gZnJvbSAnLi9zbGlkZXItc3dhdGNoZXMuY29tcG9uZW50JztcbmV4cG9ydCB7IENvbG9yU2xpZGVyTW9kdWxlLCBTbGlkZXJDb21wb25lbnQgfSBmcm9tICcuL3NsaWRlci5jb21wb25lbnQnO1xuIl19

package/slider/esm2020/slider-swatch.component.mjs

@@ -0,0 +1,80 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SliderSwatchComponent {
+    constructor() {
+        this.first = false;
+        this.last = false;
+        this.onClick = new EventEmitter();
+    }
+    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,
+        });
+    }
+}
+SliderSwatchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SliderSwatchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SliderSwatchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: SliderSwatchComponent, 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:rgb(121,211,166);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: "13.0.0", 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>
+  `,
+                    styles: [
+                        `
+    .slider-swatch {
+      height: 12px;
+      background: rgb(121, 211, 166);
+      cursor: pointer;
+    }
+    .slider-swatch.active {
+      transform: scaleY(1.8);
+      border-top-right-radius: 3.6px 2px;
+      border-top-left-radius: 3.6px 2px;
+      border-bottom-right-radius: 3.6px 2px;
+      border-bottom-left-radius: 3.6px 2px;
+    }
+    .slider-swatch.first {
+      border-radius: 2px 0px 0px 2px;
+    }
+    .slider-swatch.last {
+      border-radius: 0px 2px 2px 0px;
+    }
+
+  `,
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    preserveWhitespaces: false,
+                }]
+        }], propDecorators: { hsl: [{
+                type: Input
+            }], active: [{
+                type: Input
+            }], offset: [{
+                type: Input
+            }], first: [{
+                type: Input
+            }], last: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLXN3YXRjaC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvc2xpZGVyL3NsaWRlci1zd2F0Y2guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDOztBQXNDdkIsTUFBTSxPQUFPLHFCQUFxQjtJQWxDbEM7UUFzQ1csVUFBSyxHQUFHLEtBQUssQ0FBQztRQUNkLFNBQUksR0FBRyxLQUFLLENBQUM7UUFDWixZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztLQWlCN0M7SUFkQyxXQUFXO1FBQ1QsSUFBSSxDQUFDLFVBQVUsR0FBRyxPQUFPLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxVQUFVLElBQUksQ0FBQyxNQUFNLEdBQUcsR0FBRyxJQUFJLENBQUM7SUFDckUsQ0FBQztJQUNELFdBQVcsQ0FBQyxNQUFNO1FBQ2hCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDO1lBQ2hCLElBQUksRUFBRTtnQkFDSixDQUFDLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO2dCQUNiLENBQUMsRUFBRSxHQUFHO2dCQUNOLENBQUMsRUFBRSxJQUFJLENBQUMsTUFBTTtnQkFDZCxNQUFNLEVBQUUsS0FBSzthQUNkO1lBQ0QsTUFBTTtTQUNQLENBQUMsQ0FBQztJQUNMLENBQUM7O2tIQXRCVSxxQkFBcUI7c0dBQXJCLHFCQUFxQiwyTUFoQ3RCOzs7OztHQUtUOzJGQTJCVSxxQkFBcUI7a0JBbENqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxxQkFBcUI7b0JBQy9CLFFBQVEsRUFBRTs7Ozs7R0FLVDtvQkFDRCxNQUFNLEVBQUU7d0JBQ047Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBb0JEO3FCQUNBO29CQUNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxtQkFBbUIsRUFBRSxLQUFLO2lCQUMzQjs4QkFFVSxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEhTTCB9IGZyb20gJ25neC1jb2xvcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NvbG9yLXNsaWRlci1zd2F0Y2gnLFxuICB0ZW1wbGF0ZTogYFxuICA8ZGl2IGNsYXNzPVwic2xpZGVyLXN3YXRjaFwiIFtzdHlsZS5iYWNrZ3JvdW5kXT1cImJhY2tncm91bmRcIlxuICAgIFtjbGFzcy5maXJzdF09XCJmaXJzdFwiIFtjbGFzcy5sYXN0XT1cImxhc3RcIiBbY2xhc3MuYWN0aXZlXT1cImFjdGl2ZVwiXG4gICAgKGNsaWNrKT1cImhhbmRsZUNsaWNrKCRldmVudClcIlxuICA+PC9kaXY+XG4gIGAsXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICAuc2xpZGVyLXN3YXRjaCB7XG4gICAgICBoZWlnaHQ6IDEycHg7XG4gICAgICBiYWNrZ3JvdW5kOiByZ2IoMTIxLCAyMTEsIDE2Nik7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgfVxuICAgIC5zbGlkZXItc3dhdGNoLmFjdGl2ZSB7XG4gICAgICB0cmFuc2Zvcm06IHNjYWxlWSgxLjgpO1xuICAgICAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDMuNnB4IDJweDtcbiAgICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDMuNnB4IDJweDtcbiAgICAgIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAzLjZweCAycHg7XG4gICAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAzLjZweCAycHg7XG4gICAgfVxuICAgIC5zbGlkZXItc3dhdGNoLmZpcnN0IHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDJweCAwcHggMHB4IDJweDtcbiAgICB9XG4gICAgLnNsaWRlci1zd2F0Y2gubGFzdCB7XG4gICAgICBib3JkZXItcmFkaXVzOiAwcHggMnB4IDJweCAwcHg7XG4gICAgfVxuXG4gIGAsXG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZSxcbn0pXG5leHBvcnQgY2xhc3MgU2xpZGVyU3dhdGNoQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgaHNsITogSFNMO1xuICBASW5wdXQoKSBhY3RpdmUhOiBib29sZWFuO1xuICBASW5wdXQoKSBvZmZzZXQhOiBudW1iZXI7XG4gIEBJbnB1dCgpIGZpcnN0ID0gZmFsc2U7XG4gIEBJbnB1dCgpIGxhc3QgPSBmYWxzZTtcbiAgQE91dHB1dCgpIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgYmFja2dyb3VuZCE6IHN0cmluZztcblxuICBuZ09uQ2hhbmdlcygpIHtcbiAgICB0aGlzLmJhY2tncm91bmQgPSBgaHNsKCR7dGhpcy5oc2wuaH0sIDUwJSwgJHt0aGlzLm9mZnNldCAqIDEwMH0lKWA7XG4gIH1cbiAgaGFuZGxlQ2xpY2soJGV2ZW50KSB7XG4gICAgdGhpcy5vbkNsaWNrLmVtaXQoe1xuICAgICAgZGF0YToge1xuICAgICAgICBoOiB0aGlzLmhzbC5oLFxuICAgICAgICBzOiAwLjUsXG4gICAgICAgIGw6IHRoaXMub2Zmc2V0LFxuICAgICAgICBzb3VyY2U6ICdoc2wnLFxuICAgICAgfSxcbiAgICAgICRldmVudCxcbiAgICB9KTtcbiAgfVxufVxuIl19

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

@@ -0,0 +1,135 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./slider-swatch.component";
+export class SliderSwatchesComponent {
+    constructor() {
+        this.onClick = new EventEmitter();
+        this.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 });
+    }
+}
+SliderSwatchesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SliderSwatchesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SliderSwatchesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: SliderSwatchesComponent, 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]=".80"
+        [active]="active(0.80, 0.50)"
+        (onClick)="handleClick($event)"
+        [first]="true"
+      ></color-slider-swatch>
+    </div>
+    <div class="slider-swatch-wrap">
+      <color-slider-swatch
+        [hsl]="hsl"
+        [offset]=".65"
+        [active]="active(0.65, 0.50)"
+        (onClick)="handleClick($event)"
+      ></color-slider-swatch>
+    </div>
+    <div class="slider-swatch-wrap">
+      <color-slider-swatch
+        [hsl]="hsl"
+        [offset]=".50"
+        [active]="active(0.50, 0.50)"
+        (onClick)="handleClick($event)"
+      ></color-slider-swatch>
+    </div>
+    <div class="slider-swatch-wrap">
+      <color-slider-swatch
+        [hsl]="hsl"
+        [offset]=".35"
+        [active]="active(0.35, 0.50)"
+        (onClick)="handleClick($event)"
+      ></color-slider-swatch>
+    </div>
+    <div class="slider-swatch-wrap">
+      <color-slider-swatch
+        [hsl]="hsl"
+        [offset]=".20"
+        [active]="active(0.20, 0.50)"
+        (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"], components: [{ type: i1.SliderSwatchComponent, selector: "color-slider-swatch", inputs: ["hsl", "active", "offset", "first", "last"], outputs: ["onClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", 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]=".80"
+        [active]="active(0.80, 0.50)"
+        (onClick)="handleClick($event)"
+        [first]="true"
+      ></color-slider-swatch>
+    </div>
+    <div class="slider-swatch-wrap">
+      <color-slider-swatch
+        [hsl]="hsl"
+        [offset]=".65"
+        [active]="active(0.65, 0.50)"
+        (onClick)="handleClick($event)"
+      ></color-slider-swatch>
+    </div>
+    <div class="slider-swatch-wrap">
+      <color-slider-swatch
+        [hsl]="hsl"
+        [offset]=".50"
+        [active]="active(0.50, 0.50)"
+        (onClick)="handleClick($event)"
+      ></color-slider-swatch>
+    </div>
+    <div class="slider-swatch-wrap">
+      <color-slider-swatch
+        [hsl]="hsl"
+        [offset]=".35"
+        [active]="active(0.35, 0.50)"
+        (onClick)="handleClick($event)"
+      ></color-slider-swatch>
+    </div>
+    <div class="slider-swatch-wrap">
+      <color-slider-swatch
+        [hsl]="hsl"
+        [offset]=".20"
+        [active]="active(0.20, 0.50)"
+        (onClick)="handleClick($event)"
+        [last]="true"
+      ></color-slider-swatch>
+    </div>
+  </div>
+  `,
+                    styles: [`
+    .slider-swatches {
+      margin-top: 20px;
+    }
+    .slider-swatch-wrap {
+      box-sizing: border-box;
+      width: 20%;
+      padding-right: 1px;
+      float: left;
+    }
+  `],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    preserveWhitespaces: false,
+                }]
+        }], propDecorators: { hsl: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }], onSwatchHover: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLXN3YXRjaGVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9zbGlkZXIvc2xpZGVyLXN3YXRjaGVzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQzs7O0FBa0V2QixNQUFNLE9BQU8sdUJBQXVCO0lBOURwQztRQWdFWSxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUNsQyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7S0FXbkQ7SUFUQyxNQUFNLENBQUMsQ0FBUyxFQUFFLENBQVM7UUFDekIsT0FBTyxDQUNMLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsR0FBRyxDQUFDLEdBQUcsR0FBRyxLQUFLLENBQUM7WUFDeEMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxHQUFHLENBQUMsR0FBRyxHQUFHLEtBQUssQ0FBQyxDQUN6QyxDQUFDO0lBQ0osQ0FBQztJQUNELFdBQVcsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUU7UUFDMUIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUMsQ0FBQztJQUN0QyxDQUFDOztvSEFiVSx1QkFBdUI7d0dBQXZCLHVCQUF1QixzSkE1RHhCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E2Q1Q7MkZBZVUsdUJBQXVCO2tCQTlEbkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTZDVDtvQkFDRCxNQUFNLEVBQUUsQ0FBQzs7Ozs7Ozs7OztHQVVSLENBQUM7b0JBQ0YsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLG1CQUFtQixFQUFFLEtBQUs7aUJBQzNCOzhCQUVVLEdBQUc7c0JBQVgsS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNO2dCQUNHLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBIU0wgfSBmcm9tICduZ3gtY29sb3InO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjb2xvci1zbGlkZXItc3dhdGNoZXMnLFxuICB0ZW1wbGF0ZTogYFxuICA8ZGl2IGNsYXNzPVwic2xpZGVyLXN3YXRjaGVzXCI+XG4gICAgPGRpdiBjbGFzcz1cInNsaWRlci1zd2F0Y2gtd3JhcFwiPlxuICAgICAgPGNvbG9yLXNsaWRlci1zd2F0Y2hcbiAgICAgICAgW2hzbF09XCJoc2xcIlxuICAgICAgICBbb2Zmc2V0XT1cIi44MFwiXG4gICAgICAgIFthY3RpdmVdPVwiYWN0aXZlKDAuODAsIDAuNTApXCJcbiAgICAgICAgKG9uQ2xpY2spPVwiaGFuZGxlQ2xpY2soJGV2ZW50KVwiXG4gICAgICAgIFtmaXJzdF09XCJ0cnVlXCJcbiAgICAgID48L2NvbG9yLXNsaWRlci1zd2F0Y2g+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInNsaWRlci1zd2F0Y2gtd3JhcFwiPlxuICAgICAgPGNvbG9yLXNsaWRlci1zd2F0Y2hcbiAgICAgICAgW2hzbF09XCJoc2xcIlxuICAgICAgICBbb2Zmc2V0XT1cIi42NVwiXG4gICAgICAgIFthY3RpdmVdPVwiYWN0aXZlKDAuNjUsIDAuNTApXCJcbiAgICAgICAgKG9uQ2xpY2spPVwiaGFuZGxlQ2xpY2soJGV2ZW50KVwiXG4gICAgICA+PC9jb2xvci1zbGlkZXItc3dhdGNoPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJzbGlkZXItc3dhdGNoLXdyYXBcIj5cbiAgICAgIDxjb2xvci1zbGlkZXItc3dhdGNoXG4gICAgICAgIFtoc2xdPVwiaHNsXCJcbiAgICAgICAgW29mZnNldF09XCIuNTBcIlxuICAgICAgICBbYWN0aXZlXT1cImFjdGl2ZSgwLjUwLCAwLjUwKVwiXG4gICAgICAgIChvbkNsaWNrKT1cImhhbmRsZUNsaWNrKCRldmVudClcIlxuICAgICAgPjwvY29sb3Itc2xpZGVyLXN3YXRjaD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwic2xpZGVyLXN3YXRjaC13cmFwXCI+XG4gICAgICA8Y29sb3Itc2xpZGVyLXN3YXRjaFxuICAgICAgICBbaHNsXT1cImhzbFwiXG4gICAgICAgIFtvZmZzZXRdPVwiLjM1XCJcbiAgICAgICAgW2FjdGl2ZV09XCJhY3RpdmUoMC4zNSwgMC41MClcIlxuICAgICAgICAob25DbGljayk9XCJoYW5kbGVDbGljaygkZXZlbnQpXCJcbiAgICAgID48L2NvbG9yLXNsaWRlci1zd2F0Y2g+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInNsaWRlci1zd2F0Y2gtd3JhcFwiPlxuICAgICAgPGNvbG9yLXNsaWRlci1zd2F0Y2hcbiAgICAgICAgW2hzbF09XCJoc2xcIlxuICAgICAgICBbb2Zmc2V0XT1cIi4yMFwiXG4gICAgICAgIFthY3RpdmVdPVwiYWN0aXZlKDAuMjAsIDAuNTApXCJcbiAgICAgICAgKG9uQ2xpY2spPVwiaGFuZGxlQ2xpY2soJGV2ZW50KVwiXG4gICAgICAgIFtsYXN0XT1cInRydWVcIlxuICAgICAgPjwvY29sb3Itc2xpZGVyLXN3YXRjaD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlczogW2BcbiAgICAuc2xpZGVyLXN3YXRjaGVzIHtcbiAgICAgIG1hcmdpbi10b3A6IDIwcHg7XG4gICAgfVxuICAgIC5zbGlkZXItc3dhdGNoLXdyYXAge1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIHdpZHRoOiAyMCU7XG4gICAgICBwYWRkaW5nLXJpZ2h0OiAxcHg7XG4gICAgICBmbG9hdDogbGVmdDtcbiAgICB9XG4gIGBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIFNsaWRlclN3YXRjaGVzQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaHNsITogSFNMO1xuICBAT3V0cHV0KCkgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCkgb25Td2F0Y2hIb3ZlciA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIGFjdGl2ZShsOiBudW1iZXIsIHM6IG51bWJlcikge1xuICAgIHJldHVybiAoXG4gICAgICBNYXRoLnJvdW5kKHRoaXMuaHNsLmwgKiAxMDApIC8gMTAwID09PSBsICYmXG4gICAgICBNYXRoLnJvdW5kKHRoaXMuaHNsLnMgKiAxMDApIC8gMTAwID09PSBzXG4gICAgKTtcbiAgfVxuICBoYW5kbGVDbGljayh7IGRhdGEsICRldmVudCB9KSB7XG4gICAgdGhpcy5vbkNsaWNrLmVtaXQoeyBkYXRhLCAkZXZlbnQgfSk7XG4gIH1cbn1cbiJdfQ==

package/slider/esm2020/slider.component.mjs

@@ -0,0 +1,116 @@
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, forwardRef, Input, NgModule } from '@angular/core';
+import { ColorWrap, HueModule, SwatchModule } from 'ngx-color';
+import { SliderSwatchComponent } from './slider-swatch.component';
+import { SliderSwatchesComponent } from './slider-swatches.component';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "ngx-color";
+export class SliderComponent extends ColorWrap {
+    constructor() {
+        super();
+        this.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)',
+        };
+        this.radius = 2;
+    }
+    handlePickerChange({ data, $event }) {
+        this.handleChange(data, $event);
+    }
+}
+SliderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: SliderComponent, 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"], components: [{ type: i0.forwardRef(function () { return i1.HueComponent; }), selector: "color-hue", inputs: ["hsl", "pointer", "radius", "shadow", "hidePointer", "direction"], outputs: ["onChange"] }, { type: i0.forwardRef(function () { return SliderSwatchesComponent; }), selector: "color-slider-swatches", inputs: ["hsl"], outputs: ["onClick", "onSwatchHover"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", 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>
+  `,
+                    styles: [
+                        `
+    .slider-hue {
+      height: 12px;
+      position: relative;
+    }
+  `,
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    preserveWhitespaces: false,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SliderComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: ColorWrap,
+                            useExisting: forwardRef(() => SliderComponent),
+                        },
+                    ]
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { pointer: [{
+                type: Input
+            }], radius: [{
+                type: Input
+            }] } });
+export class ColorSliderModule {
+}
+ColorSliderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ColorSliderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorSliderModule, declarations: [SliderComponent, SliderSwatchComponent,
+        SliderSwatchesComponent], imports: [CommonModule, HueModule, SwatchModule], exports: [SliderComponent, SliderSwatchComponent, SliderSwatchesComponent] });
+ColorSliderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorSliderModule, imports: [[CommonModule, HueModule, SwatchModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorSliderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SliderComponent,
+                        SliderSwatchComponent,
+                        SliderSwatchesComponent,
+                    ],
+                    exports: [SliderComponent, SliderSwatchComponent, SliderSwatchesComponent],
+                    imports: [CommonModule, HueModule, SwatchModule],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9zbGlkZXIvc2xpZGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVoRyxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDL0QsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQXlDbkQsTUFBTSxPQUFPLGVBQWdCLFNBQVEsU0FBUztJQVk1QztRQUNFLEtBQUssRUFBRSxDQUFDO1FBWFYsWUFBTyxHQUEyQjtZQUNoQyxLQUFLLEVBQUUsTUFBTTtZQUNiLE1BQU0sRUFBRSxNQUFNO1lBQ2QsWUFBWSxFQUFFLEtBQUs7WUFDbkIsU0FBUyxFQUFFLHVCQUF1QjtZQUNsQyxlQUFlLEVBQUUsb0JBQW9CO1lBQ3JDLFNBQVMsRUFBRSxpQ0FBaUM7U0FDN0MsQ0FBQztRQUNPLFdBQU0sR0FBRyxDQUFDLENBQUM7SUFJcEIsQ0FBQztJQUVELGtCQUFrQixDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRTtRQUNqQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxNQUFNLENBQUMsQ0FBQztJQUNsQyxDQUFDOzs0R0FsQlUsZUFBZTtnR0FBZixlQUFlLHlGQVpmO1FBQ1Q7WUFDRSxPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsZUFBZSxDQUFDO1lBQzlDLEtBQUssRUFBRSxJQUFJO1NBQ1o7UUFDRDtZQUNFLE9BQU8sRUFBRSxTQUFTO1lBQ2xCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsZUFBZSxDQUFDO1NBQy9DO0tBQ0YsaURBbkNTOzs7Ozs7Ozs7Ozs7OztHQWNULGdVQWdEQyx1QkFBdUI7MkZBekJkLGVBQWU7a0JBdkMzQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxjQUFjO29CQUN4QixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7O0dBY1Q7b0JBQ0QsTUFBTSxFQUFFO3dCQUNOOzs7OztHQUtEO3FCQUNBO29CQUNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxtQkFBbUIsRUFBRSxLQUFLO29CQUMxQixTQUFTLEVBQUU7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsZ0JBQWdCLENBQUM7NEJBQzlDLEtBQUssRUFBRSxJQUFJO3lCQUNaO3dCQUNEOzRCQUNFLE9BQU8sRUFBRSxTQUFTOzRCQUNsQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxnQkFBZ0IsQ0FBQzt5QkFDL0M7cUJBQ0Y7aUJBQ0Y7MEVBR0MsT0FBTztzQkFETixLQUFLO2dCQVNHLE1BQU07c0JBQWQsS0FBSzs7QUFvQlIsTUFBTSxPQUFPLGlCQUFpQjs7OEdBQWpCLGlCQUFpQjsrR0FBakIsaUJBQWlCLGlCQTlCakIsZUFBZSxFQXdCeEIscUJBQXFCO1FBQ3JCLHVCQUF1QixhQUdmLFlBQVksRUFBRSxTQUFTLEVBQUUsWUFBWSxhQTVCcEMsZUFBZSxFQTJCQyxxQkFBcUIsRUFBRSx1QkFBdUI7K0dBRzlELGlCQUFpQixZQUZuQixDQUFDLFlBQVksRUFBRSxTQUFTLEVBQUUsWUFBWSxDQUFDOzJGQUVyQyxpQkFBaUI7a0JBVDdCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLGVBQWU7d0JBQ2YscUJBQXFCO3dCQUNyQix1QkFBdUI7cUJBQ3hCO29CQUNELE9BQU8sRUFBRSxDQUFDLGVBQWUsRUFBRSxxQkFBcUIsRUFBRSx1QkFBdUIsQ0FBQztvQkFDMUUsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLFNBQVMsRUFBRSxZQUFZLENBQUM7aUJBQ2pEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGZvcndhcmRSZWYsIElucHV0LCBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBDb2xvcldyYXAsIEh1ZU1vZHVsZSwgU3dhdGNoTW9kdWxlIH0gZnJvbSAnbmd4LWNvbG9yJztcbmltcG9ydCB7IFNsaWRlclN3YXRjaENvbXBvbmVudCB9IGZyb20gJy4vc2xpZGVyLXN3YXRjaC5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2xpZGVyU3dhdGNoZXNDb21wb25lbnQgfSBmcm9tICcuL3NsaWRlci1zd2F0Y2hlcy5jb21wb25lbnQnO1xuaW1wb3J0IHsgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NvbG9yLXNsaWRlcicsXG4gIHRlbXBsYXRlOiBgXG4gIDxkaXYgY2xhc3M9XCJzbGlkZXItcGlja2VyIHt7IGNsYXNzTmFtZSB9fVwiPlxuICAgIDxkaXYgY2xhc3M9XCJzbGlkZXItaHVlXCI+XG4gICAgICA8Y29sb3ItaHVlXG4gICAgICAgIFtoc2xdPVwiaHNsXCIgW3JhZGl1c109XCJyYWRpdXNcIiBbcG9pbnRlcl09XCJwb2ludGVyXCJcbiAgICAgICAgKG9uQ2hhbmdlKT1cImhhbmRsZVBpY2tlckNoYW5nZSgkZXZlbnQpXCJcbiAgICAgID48L2NvbG9yLWh1ZT5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwic2xpZGVyLXN3YXRjaGVzXCI+XG4gICAgICA8Y29sb3Itc2xpZGVyLXN3YXRjaGVzIFtoc2xdPVwiaHNsXCJcbiAgICAgICAgKG9uQ2xpY2spPVwiaGFuZGxlUGlja2VyQ2hhbmdlKCRldmVudClcIlxuICAgICAgPjwvY29sb3Itc2xpZGVyLXN3YXRjaGVzPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVzOiBbXG4gICAgYFxuICAgIC5zbGlkZXItaHVlIHtcbiAgICAgIGhlaWdodDogMTJweDtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB9XG4gIGAsXG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTbGlkZXJDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgICB7XG4gICAgICBwcm92aWRlOiBDb2xvcldyYXAsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTbGlkZXJDb21wb25lbnQpLFxuICAgIH0sXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgU2xpZGVyQ29tcG9uZW50IGV4dGVuZHMgQ29sb3JXcmFwIHtcbiAgQElucHV0KClcbiAgcG9pbnRlcjogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IHtcbiAgICB3aWR0aDogJzE0cHgnLFxuICAgIGhlaWdodDogJzE0cHgnLFxuICAgIGJvcmRlclJhZGl1czogJzZweCcsXG4gICAgdHJhbnNmb3JtOiAndHJhbnNsYXRlKC03cHgsIC0ycHgpJyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6ICdyZ2IoMjQ4LCAyNDgsIDI0OCknLFxuICAgIGJveFNoYWRvdzogJzAgMXB4IDRweCAwIHJnYmEoMCwgMCwgMCwgMC4zNyknLFxuICB9O1xuICBASW5wdXQoKSByYWRpdXMgPSAyO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gIH1cblxuICBoYW5kbGVQaWNrZXJDaGFuZ2UoeyBkYXRhLCAkZXZlbnQgfSkge1xuICAgIHRoaXMuaGFuZGxlQ2hhbmdlKGRhdGEsICRldmVudCk7XG4gIH1cbn1cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgU2xpZGVyQ29tcG9uZW50LFxuICAgIFNsaWRlclN3YXRjaENvbXBvbmVudCxcbiAgICBTbGlkZXJTd2F0Y2hlc0NvbXBvbmVudCxcbiAgXSxcbiAgZXhwb3J0czogW1NsaWRlckNvbXBvbmVudCwgU2xpZGVyU3dhdGNoQ29tcG9uZW50LCBTbGlkZXJTd2F0Y2hlc0NvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEh1ZU1vZHVsZSwgU3dhdGNoTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgQ29sb3JTbGlkZXJNb2R1bGUge31cbiJdfQ==