@skyux/colorpicker 5.5.0 → 5.6.2

package/fesm2015/skyux-colorpicker.js

@@ -12,9 +12,9 @@ import * as i4 from '@skyux/indicators';
 import { SkyIconModule } from '@skyux/indicators';
 import * as i3 from '@skyux/theme';
 import { SkyThemeModule } from '@skyux/theme';
+import { NG_VALUE_ACCESSOR, NG_VALIDATORS, NgControl } from '@angular/forms';
 import { Subject, fromEvent } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
-import { NG_VALUE_ACCESSOR, NG_VALIDATORS, NgControl } from '@angular/forms';
 
 /**
  * NOTICE: DO NOT MODIFY THIS FILE!
@@ -82,41 +82,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }] });
 
+// spell-checker:ignore colorpicker
 /**
- * Specifies the commands to provide the colorpicker.
+ * @internal
  */
-var SkyColorpickerMessageType;
-(function (SkyColorpickerMessageType) {
-    /**
-     * Opens the colorpicker.
-     */
-    SkyColorpickerMessageType[SkyColorpickerMessageType["Open"] = 0] = "Open";
-    /**
-     * Resets the selection in the colorpicker.
-     */
-    SkyColorpickerMessageType[SkyColorpickerMessageType["Reset"] = 1] = "Reset";
-    /**
-     * Toggles whether to display a reset button beside the colorpicker.
-     */
-    SkyColorpickerMessageType[SkyColorpickerMessageType["ToggleResetButton"] = 2] = "ToggleResetButton";
-    /**
-     * Closes the colorpicker.
-     */
-    SkyColorpickerMessageType[SkyColorpickerMessageType["Close"] = 3] = "Close";
-})(SkyColorpickerMessageType || (SkyColorpickerMessageType = {}));
+class SliderPosition {
+    constructor(hue, saturation, value, alpha) {
+        this.hue = hue;
+        this.saturation = saturation;
+        this.value = value;
+        this.alpha = alpha;
+    }
+}
+/**
+ * @internal
+ */
+class SliderDimension {
+    constructor(hue, saturation, value, alpha) {
+        this.hue = hue;
+        this.saturation = saturation;
+        this.value = value;
+        this.alpha = alpha;
+    }
+}
 
 // spell-checker:ignore hsva, hsla, cmyk, denormalize, colorpicker,Injectable
 /**
  * @internal
  */
 class SkyColorpickerService {
-    constructor() { }
     hsla2hsva(hsla) {
         const alpha = Math.min(hsla.alpha, 1);
         const hue = Math.min(hsla.hue, 1);
         const lightness = Math.min(hsla.lightness, 1);
         const saturation = Math.min(hsla.saturation, 1);
-        let hsva = {
+        const hsva = {
             hue: hue,
             saturation: saturation,
             value: lightness,
@@ -138,7 +138,7 @@ class SkyColorpickerService {
         const hue = hsva.hue;
         const saturation = hsva.saturation;
         const value = hsva.value;
-        let hsla = {
+        const hsla = {
             hue: hue,
             saturation: saturation,
             lightness: value,
@@ -185,7 +185,7 @@ class SkyColorpickerService {
         return hsva;
     }
     rgbaToCmyk(rgba) {
-        let cmyk = { cyan: 0, magenta: 0, yellow: 0, key: 0 };
+        const cmyk = { cyan: 0, magenta: 0, yellow: 0, key: 0 };
         const key = 1 - Math.max(rgba.red, rgba.green, rgba.blue);
         if (key === 1) {
             cmyk.key = 1;
@@ -252,7 +252,7 @@ class SkyColorpickerService {
         return rgba;
     }
     stringToHsva(colorString, hex8) {
-        let stringParsers = [
+        const stringParsers = [
             {
                 // tslint:disable max-line-length
                 re: /(rgb)a?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*%?,\s*(\d{1,3})\s*%?(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/,
@@ -320,12 +320,12 @@ class SkyColorpickerService {
             });
         }
         let hsva = undefined;
-        for (let key in stringParsers) {
+        for (const key in stringParsers) {
             /* istanbul ignore else */ /* for in must be filtered by an if */
-            if (stringParsers.hasOwnProperty(key)) {
-                let parser = stringParsers[key];
-                let match = parser.re.exec(colorString);
-                let color = match && parser.parse(match);
+            if (Object.prototype.hasOwnProperty.call(stringParsers, key)) {
+                const parser = stringParsers[key];
+                const match = parser.re.exec(colorString);
+                const color = match && parser.parse(match);
                 if (color) {
                     if ('red' in color) {
                         hsva = this.rgbaToHsva(color);
@@ -343,35 +343,34 @@ class SkyColorpickerService {
         if (['hsla', 'hex', 'cmyk'].indexOf(outputFormat) === -1) {
             outputFormat = 'rgba';
         }
-        let color = {
+        const color = {
             hsla: () => {
-                let hsla = this.denormalizeHSLA(this.hsva2hsla(hsva));
+                const hsla = this.denormalizeHSLA(this.hsva2hsla(hsva));
                 return `hsla(${hsla.hue},${hsla.saturation}%,${hsla.lightness}%,${hsla.alpha})`;
             },
             hex: () => {
                 return this.hexText(this.denormalizeRGBA(this.hsvaToRgba(hsva)), allowHex8);
             },
             cmyk: () => {
-                let cmyk = this.denormalizeCMYK(this.rgbaToCmyk(this.hsvaToRgba(hsva)));
+                const cmyk = this.denormalizeCMYK(this.rgbaToCmyk(this.hsvaToRgba(hsva)));
                 return `cmyk(${cmyk.cyan}%,${cmyk.magenta}%,${cmyk.yellow}%,${cmyk.key}%)`;
             },
             rgba: () => {
-                let rgba = this.denormalizeRGBA(this.hsvaToRgba(hsva));
+                const rgba = this.denormalizeRGBA(this.hsvaToRgba(hsva));
                 return `rgba(${rgba.red},${rgba.green},${rgba.blue},${rgba.alpha})`;
             },
         };
         return color[outputFormat]();
     }
     skyColorpickerOut(color) {
-        let formatColor;
-        let cmykText = this.outputFormat(color, 'cmyk', true);
-        let hslaText = this.outputFormat(color, 'hsla', true);
-        let rgbaText = this.outputFormat(color, 'rgba', true);
-        let rgba = this.hsvaToRgba(color);
-        let hsla = this.hsva2hsla(color);
-        let cmyk = this.rgbaToCmyk(rgba);
-        let hex = this.outputFormat(color, 'hex', false);
-        formatColor = {
+        const cmykText = this.outputFormat(color, 'cmyk', true);
+        const hslaText = this.outputFormat(color, 'hsla', true);
+        const rgbaText = this.outputFormat(color, 'rgba', true);
+        const rgba = this.hsvaToRgba(color);
+        const hsla = this.hsva2hsla(color);
+        const cmyk = this.rgbaToCmyk(rgba);
+        const hex = this.outputFormat(color, 'hex', false);
+        const formatColor = {
             cmykText: cmykText,
             hslaText: hslaText,
             rgbaText: rgbaText,
@@ -445,31 +444,30 @@ SkyColorpickerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", ve
 SkyColorpickerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyColorpickerService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyColorpickerService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return []; } });
+        }] });
 
-// spell-checker:ignore colorpicker
 /**
- * @internal
- */
-class SliderPosition {
-    constructor(hue, saturation, value, alpha) {
-        this.hue = hue;
-        this.saturation = saturation;
-        this.value = value;
-        this.alpha = alpha;
-    }
-}
-/**
- * @internal
+ * Specifies the commands to provide the colorpicker.
  */
-class SliderDimension {
-    constructor(hue, saturation, value, alpha) {
-        this.hue = hue;
-        this.saturation = saturation;
-        this.value = value;
-        this.alpha = alpha;
-    }
-}
+var SkyColorpickerMessageType;
+(function (SkyColorpickerMessageType) {
+    /**
+     * Opens the colorpicker.
+     */
+    SkyColorpickerMessageType[SkyColorpickerMessageType["Open"] = 0] = "Open";
+    /**
+     * Resets the selection in the colorpicker.
+     */
+    SkyColorpickerMessageType[SkyColorpickerMessageType["Reset"] = 1] = "Reset";
+    /**
+     * Toggles whether to display a reset button beside the colorpicker.
+     */
+    SkyColorpickerMessageType[SkyColorpickerMessageType["ToggleResetButton"] = 2] = "ToggleResetButton";
+    /**
+     * Closes the colorpicker.
+     */
+    SkyColorpickerMessageType[SkyColorpickerMessageType["Close"] = 3] = "Close";
+})(SkyColorpickerMessageType || (SkyColorpickerMessageType = {}));
 
 // spell-checker:ignore Colorpicker
 /**
@@ -487,10 +485,10 @@ class SkyColorpickerSliderDirective {
         };
     }
     setCursor(event) {
-        let height = this.el.nativeElement.offsetHeight;
-        let width = this.el.nativeElement.offsetWidth;
-        let xAxis = Math.max(0, Math.min(this.getX(event), width));
-        let yAxis = Math.max(0, Math.min(this.getY(event), height));
+        const height = this.el.nativeElement.offsetHeight;
+        const width = this.el.nativeElement.offsetWidth;
+        const xAxis = Math.max(0, Math.min(this.getX(event), width));
+        const yAxis = Math.max(0, Math.min(this.getY(event), height));
         if (this.xAxis !== undefined && this.yAxis !== undefined) {
             this.newColorContrast.emit({
                 xCoordinate: xAxis / width,
@@ -576,8 +574,8 @@ class SkyColorpickerTextDirective {
         this.newColorContrast = new EventEmitter();
     }
     changeInput(event) {
-        let element = event.target;
-        let elementValue = parseFloat(element.value);
+        const element = event.target;
+        const elementValue = parseFloat(element.value);
         if (this.maxRange === undefined) {
             this.newColorContrast.emit({
                 color: element.value,
@@ -796,19 +794,19 @@ class SkyColorpickerComponent {
         this.update();
     }
     set red(change) {
-        let rgba = this.service.hsvaToRgba(this.hsva);
+        const rgba = this.service.hsvaToRgba(this.hsva);
         rgba.red = change.colorValue / change.maxRange;
         this.hsva = this.service.rgbaToHsva(rgba);
         this.update();
     }
     set green(change) {
-        let rgba = this.service.hsvaToRgba(this.hsva);
+        const rgba = this.service.hsvaToRgba(this.hsva);
         rgba.green = change.colorValue / change.maxRange;
         this.hsva = this.service.rgbaToHsva(rgba);
         this.update();
     }
     set blue(change) {
-        let rgba = this.service.hsvaToRgba(this.hsva);
+        const rgba = this.service.hsvaToRgba(this.hsva);
         rgba.blue = change.colorValue / change.maxRange;
         this.hsva = this.service.rgbaToHsva(rgba);
         this.update();
@@ -830,17 +828,17 @@ class SkyColorpickerComponent {
         this.update();
     }
     update() {
-        let hsla = this.service.hsva2hsla(this.hsva);
-        let dHsla = this.service.denormalizeHSLA(hsla);
-        let rgba = this.service.hsvaToRgba(this.hsva);
-        let dRgba = this.service.denormalizeRGBA(rgba);
-        let hsva = {
+        const hsla = this.service.hsva2hsla(this.hsva);
+        const dHsla = this.service.denormalizeHSLA(hsla);
+        const rgba = this.service.hsvaToRgba(this.hsva);
+        const dRgba = this.service.denormalizeRGBA(rgba);
+        const hsva = {
             hue: this.hsva.hue,
             saturation: 1,
             value: 1,
             alpha: 1,
         };
-        let hueRgba = this.service.denormalizeRGBA(this.service.hsvaToRgba(hsva));
+        const hueRgba = this.service.denormalizeRGBA(this.service.hsvaToRgba(hsva));
         this.hslaText = dHsla;
         this.rgbaText = dRgba;
         this.hexText = this.service.hexText(dRgba, this.alphaChannel === 'hex8');
@@ -1072,10 +1070,11 @@ class SkyColorpickerInputDirective {
          * levels.
          */
         this.allowTransparency = true;
-        /*istanbul ignore next */
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
         this._onChange = (_) => { };
-        /*istanbul ignore next */
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
         this._onTouched = () => { };
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
         this._validatorChange = () => { };
     }
     /**
@@ -1177,7 +1176,7 @@ class SkyColorpickerInputDirective {
                 this.skyColorpickerInput.initialColor = value;
             }
             this.skyColorpickerInput.lastAppliedColor = value;
-            let control = this.injector.get(NgControl)
+            const control = this.injector.get(NgControl)
                 .control;
             if (control) {
                 control.setValue(this.modelValue, { emitEvent: false });
@@ -1185,7 +1184,7 @@ class SkyColorpickerInputDirective {
         }
     }
     validate(control) {
-        let value = control.value;
+        const value = control.value;
         if (!value) {
             return;
         }
@@ -1232,9 +1231,8 @@ class SkyColorpickerInputDirective {
         if (color && typeof color !== 'string') {
             return color;
         }
-        let formatColor;
-        let hsva = this.service.stringToHsva(color, this.alphaChannel === 'hex8');
-        formatColor = this.service.skyColorpickerOut(hsva);
+        const hsva = this.service.stringToHsva(color, this.alphaChannel === 'hex8');
+        const formatColor = this.service.skyColorpickerOut(hsva);
         return formatColor;
     }
     getString(key) {