@pepperi-addons/ngx-lib 0.3.9-beta.21 → 0.3.9-beta.24

package/esm2015/color/color-picker.component.js

@@ -1,28 +1,28 @@
-import { Component, Inject } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
-// import {
-//     hex2hsl,
-//     hslString2hsl,
-//     rgbString2hsl,
-//     IPepHslColor,
-//     findClosestAccessibleColor,
-//     hsl2hex,
-//     convertHslToStringHsl,
-// } from './color-utils';
-import { PepColorService } from '@pepperi-addons/ngx-lib';
-var PepContrastRatioType;
-(function (PepContrastRatioType) {
-    PepContrastRatioType[PepContrastRatioType["AA"] = 4.5] = "AA";
-    PepContrastRatioType[PepContrastRatioType["AAA"] = 7] = "AAA";
-})(PepContrastRatioType || (PepContrastRatioType = {}));
-export class PepColorPickerComponent {
-    constructor(colorService, dialogRef, data) {
-        var _a;
-        this.colorService = colorService;
-        this.dialogRef = dialogRef;
-        this.data = data;
-        this.defaultColor = '#ccc';
-        this.checkAAComplient = true;
+import { Component, Inject } from '@angular/core';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+// import {
+//     hex2hsl,
+//     hslString2hsl,
+//     rgbString2hsl,
+//     IPepHslColor,
+//     findClosestAccessibleColor,
+//     hsl2hex,
+//     convertHslToStringHsl,
+// } from './color-utils';
+import { PepColorService } from '@pepperi-addons/ngx-lib';
+var PepContrastRatioType;
+(function (PepContrastRatioType) {
+    PepContrastRatioType[PepContrastRatioType["AA"] = 4.5] = "AA";
+    PepContrastRatioType[PepContrastRatioType["AAA"] = 7] = "AAA";
+})(PepContrastRatioType || (PepContrastRatioType = {}));
+export class PepColorPickerComponent {
+    constructor(colorService, dialogRef, data) {
+        var _a;
+        this.colorService = colorService;
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.defaultColor = '#ccc';
+        this.checkAAComplient = true;
         this.defaultHueBackground = `linear-gradient(to right,
         hsl(0, 100%, 50%) 0%,
         hsl(60, 100%, 50%) 17%,
@@ -30,192 +30,192 @@ export class PepColorPickerComponent {
         hsl(180, 100%, 50%) 50%,
         hsl(240, 100%, 50%) 67%,
         hsl(300, 100%, 50%) 83%,
-        hsl(360, 100%, 50%) 100%)`;
-        this.currentHue = 100;
-        this.currentHueMin = 0;
-        this.currentHueMax = 360;
-        this.currentHueBackground = this.defaultHueBackground;
+        hsl(360, 100%, 50%) 100%)`;
+        this.currentHue = 100;
+        this.currentHueMin = 0;
+        this.currentHueMax = 360;
+        this.currentHueBackground = this.defaultHueBackground;
         this.defaultSaturationBackground = `linear-gradient(to right,
         hsl(var(--pep-color-picker-current-hue), 0.01%, 50%) 0%,
-        hsl(var(--pep-color-picker-current-hue), 100%, 50%) 100%)`;
-        this.currentSaturation = 50;
-        this.currentSaturationMin = 0;
-        this.currentSaturationMax = 100;
-        this.currentSaturationBackground = this.defaultSaturationBackground;
+        hsl(var(--pep-color-picker-current-hue), 100%, 50%) 100%)`;
+        this.currentSaturation = 50;
+        this.currentSaturationMin = 0;
+        this.currentSaturationMax = 100;
+        this.currentSaturationBackground = this.defaultSaturationBackground;
         this.defaultLightnessBackground = `linear-gradient(to right,
         hsl(var(--pep-color-picker-current-hue), 100%, 100%) 0%,
         hsl(var(--pep-color-picker-current-hue), 100%, 50%) 50%,
-        hsl(var(--pep-color-picker-current-hue), 100%, 0.01%) 100%)`;
-        this.currentLightness = 50;
-        this.currentLightnessMin = 0;
-        this.currentLightnessMax = 100;
-        this.currentLightnessBackground = this.defaultLightnessBackground;
-        this.data.type = data ? data.type : 'any';
-        this.data.showAAComplient = !data
-            ? false
-            : (_a = data.showAAComplient) !== null && _a !== void 0 ? _a : true;
-        this.data.textColor = data && data.textColor ? data.textColor : '#fff';
-        this.data.contrastRatio =
-            data && data.contrastRatio
-                ? data.contrastRatio
-                : PepContrastRatioType.AA;
-    }
-    ngOnInit() {
-        this.initVars();
-        this.checkAAComplient = this.data.showAAComplient;
-        this.convertValueStringToColor(this.data.value);
-    }
-    initVars() {
-        if (this.data.type === 'main') {
-            this.currentLightnessMax = 10;
-            this.currentLightness = 5;
-            this.currentHueBackground = this.defaultHueBackground;
-            this.currentSaturationBackground = this.defaultSaturationBackground;
-            this.currentLightnessBackground = this.defaultLightnessBackground;
-        }
-        else if (this.data.type === 'success') {
-            this.currentHueMin = 70;
-            this.currentHueMax = 150;
-            this.currentHue = 100;
-            this.currentSaturationMin = 50;
-            this.currentSaturationMax = 100;
-            this.currentSaturation = 50;
-            this.currentLightnessMin = 10;
-            this.currentLightnessMax = 65;
-            this.currentLightness = 50;
+        hsl(var(--pep-color-picker-current-hue), 100%, 0.01%) 100%)`;
+        this.currentLightness = 50;
+        this.currentLightnessMin = 0;
+        this.currentLightnessMax = 100;
+        this.currentLightnessBackground = this.defaultLightnessBackground;
+        this.data.type = data ? data.type : 'any';
+        this.data.showAAComplient = !data
+            ? false
+            : (_a = data.showAAComplient) !== null && _a !== void 0 ? _a : true;
+        this.data.textColor = data && data.textColor ? data.textColor : '#fff';
+        this.data.contrastRatio =
+            data && data.contrastRatio
+                ? data.contrastRatio
+                : PepContrastRatioType.AA;
+    }
+    ngOnInit() {
+        this.initVars();
+        this.checkAAComplient = this.data.showAAComplient;
+        this.convertValueStringToColor(this.data.value);
+    }
+    initVars() {
+        if (this.data.type === 'main') {
+            this.currentLightnessMax = 10;
+            this.currentLightness = 5;
+            this.currentHueBackground = this.defaultHueBackground;
+            this.currentSaturationBackground = this.defaultSaturationBackground;
+            this.currentLightnessBackground = this.defaultLightnessBackground;
+        }
+        else if (this.data.type === 'success') {
+            this.currentHueMin = 70;
+            this.currentHueMax = 150;
+            this.currentHue = 100;
+            this.currentSaturationMin = 50;
+            this.currentSaturationMax = 100;
+            this.currentSaturation = 50;
+            this.currentLightnessMin = 10;
+            this.currentLightnessMax = 65;
+            this.currentLightness = 50;
             this.currentHueBackground = `linear-gradient(to right,
                 hsl(70, 100%, 50%) 0%,
-                hsl(150, 100%, 50%) 100%)`;
+                hsl(150, 100%, 50%) 100%)`;
             this.currentSaturationBackground = `linear-gradient(to right,
                 hsl(var(--pep-color-picker-current-hue), 50%, 50%) 50%,
-                hsl(var(--pep-color-picker-current-hue), 100%, 50%) 100%)`;
+                hsl(var(--pep-color-picker-current-hue), 100%, 50%) 100%)`;
             this.currentLightnessBackground = `linear-gradient(to right,
                 hsl(var(--pep-color-picker-current-hue), 100%, 65%) 10%,
                 hsl(var(--pep-color-picker-current-hue), 100%, 35%) 35%,
-                hsl(var(--pep-color-picker-current-hue), 100%, 10%) 65%)`;
-        }
-        else if (this.data.type === 'caution') {
-            this.currentHueMin = -20;
-            this.currentHueMax = 20;
-            this.currentHue = 10;
-            this.currentSaturationMin = 75;
-            this.currentSaturationMax = 100;
-            this.currentSaturation = 75;
-            this.currentLightnessMin = 25;
-            this.currentLightnessMax = 75;
-            this.currentLightness = 50;
+                hsl(var(--pep-color-picker-current-hue), 100%, 10%) 65%)`;
+        }
+        else if (this.data.type === 'caution') {
+            this.currentHueMin = -20;
+            this.currentHueMax = 20;
+            this.currentHue = 10;
+            this.currentSaturationMin = 75;
+            this.currentSaturationMax = 100;
+            this.currentSaturation = 75;
+            this.currentLightnessMin = 25;
+            this.currentLightnessMax = 75;
+            this.currentLightness = 50;
             this.currentHueBackground = `linear-gradient(to right,
                 hsl(340, 100%, 50%) 0%,
-                hsl(20, 100%, 50%) 100%)`;
+                hsl(20, 100%, 50%) 100%)`;
             this.currentSaturationBackground = `linear-gradient(to right,
                 hsl(var(--pep-color-picker-current-hue), 75%, 50%) 75%,
-                hsl(var(--pep-color-picker-current-hue), 100%, 50%) 100%)`;
+                hsl(var(--pep-color-picker-current-hue), 100%, 50%) 100%)`;
             this.currentLightnessBackground = `linear-gradient(to right,
                 hsl(var(--pep-color-picker-current-hue), 100%, 75%) 25%,
                 hsl(var(--pep-color-picker-current-hue), 100%, 50%) 50%,
-                hsl(var(--pep-color-picker-current-hue), 100%, 25%) 75%)`;
-        }
-    }
-    setCurrentHueInCss() {
-        document.documentElement.style.setProperty(PepColorPickerComponent.CURRENT_HUE, this.currentHue.toString());
-    }
-    convertValueStringToColor(color) {
-        if (color.indexOf('hsl') === 0) {
-            const hsl = this.colorService.hslString2hsl(color);
-            this.convertColorToValueString(hsl);
-        }
-        else if (color.indexOf('rgb') === 0) {
-            const hsl = this.colorService.rgbString2hsl(color);
-            this.convertColorToValueString(hsl);
-        }
-        else if (color.indexOf('#') === 0) {
-            const hsl = this.colorService.hex2hsl(color);
-            this.convertColorToValueString(hsl);
-        }
-        else {
-            // Handle default.
-            const hsl = this.colorService.hex2hsl(this.defaultColor);
-            this.convertColorToValueString(hsl);
-        }
-        this.setCurrentHueInCss();
-    }
-    convertColorToValueString(hslColor) {
-        // Regular hue
-        if (hslColor.h >= this.currentHueMin &&
-            hslColor.h <= this.currentHueMax) {
-            this.currentHue = hslColor.h;
-        }
-        else if (this.currentHueMin < 0 &&
-            hslColor.h >= 0 &&
-            hslColor.h <= 360) {
-            // For min with - (change to the other side of the circle)
-            hslColor.h = hslColor.h - 360;
-            if (hslColor.h >= this.currentHueMin &&
-                hslColor.h <= this.currentHueMax) {
-                this.currentHue = hslColor.h;
-            }
-        }
-        this.currentSaturation =
-            hslColor.s >= this.currentSaturationMin &&
-                hslColor.s <= this.currentSaturationMax
-                ? hslColor.s
-                : this.currentSaturation;
-        this.currentLightness =
-            hslColor.l >= this.currentLightnessMin &&
-                hslColor.l <= this.currentLightnessMax
-                ? hslColor.l
-                : this.currentLightness;
-        // Write the value (if hue is changed to the other side of the circle return it back).
-        const hsl = {
-            h: this.currentHue,
-            s: this.currentSaturation,
-            l: this.currentLightness,
-        };
-        this.data.value = this.colorService.convertHslToStringHsl(hsl);
-        // Check the contrast ratio - set the closest accessible color to complientColor
-        // and update isUserChooseAAComplientColor.
-        const adjustableColor = this.colorService.hsl2hex(hsl);
-        const closestHex = this.colorService.findClosestAccessibleColor(adjustableColor, this.data.textColor, this.data.contrastRatio);
-        this.isUserChooseAAComplientColor = adjustableColor === closestHex;
-        this.complientColor = this.colorService.convertHslToStringHsl(this.colorService.hex2hsl(closestHex));
-    }
-    onHueChange(value) {
-        this.convertColorToValueString({ h: value });
-        this.setCurrentHueInCss();
-    }
-    onSaturationChange(value) {
-        // this.currentSaturation = event.value;
-        this.convertColorToValueString({ s: value });
-    }
-    onLightnessChange(value) {
-        // this.currentLightness = event.value;
-        this.convertColorToValueString({
-            l: this.currentLightnessMax -
-                value +
-                this.currentLightnessMin,
-        });
-    }
-    onColorValueChange(event) {
-        this.convertValueStringToColor(event.value);
-    }
-    onSave(event) {
-        const color = this.checkAAComplient
-            ? this.complientColor
-            : this.data.value;
-        // this.notify.emit({ key: this.key, value: color });
-        this.dialogRef.close(color);
-    }
-}
-PepColorPickerComponent.CURRENT_HUE = '--pep-color-picker-current-hue';
-PepColorPickerComponent.decorators = [
-    { type: Component, args: [{
-                template: "<div class=\"pep-color-picker-container\">\n    <pep-dialog [title]=\"'COLOR.DIALOG_TITLE' | translate\">\n        <ng-container pep-dialog-content>\n            <div class=\"color-chooser-content\">\n                <div class=\"current-color\" [ngStyle]=\"{ 'background': data?.value ? data.value : 'transparent' }\"></div>\n\n                <pep-slider class=\"slider-box\" [label]=\"'COLOR.CHANGE_HUE' | translate\" [minValue]=\"currentHueMin\"\n                    [maxValue]=\"currentHueMax\" [value]=\"currentHue\" [background]=\"currentHueBackground\"\n                    (valueChange)=\"onHueChange($event)\">\n                </pep-slider>\n                <pep-slider class=\"slider-box\" [label]=\"'COLOR.CHANGE_SATURATION' | translate\"\n                    [minValue]=\"currentSaturationMin\" [maxValue]=\"currentSaturationMax\" [value]=\"currentSaturation\"\n                    [background]=\"currentSaturationBackground\" (valueChange)=\"onSaturationChange($event)\">\n                </pep-slider>\n                <pep-slider class=\"slider-box\" [label]=\"'COLOR.CHANGE_LIGHTNESS' | translate\"\n                    [minValue]=\"currentLightnessMin\" [maxValue]=\"currentLightnessMax\"\n                    [value]=\"currentLightnessMax - currentLightness + currentLightnessMin\"\n                    [background]=\"currentLightnessBackground\" (valueChange)=\"onLightnessChange($event)\">\n                </pep-slider>\n            </div>\n            <div class=\"color-value-content\">\n                <div class=\"color-value\" [ngClass]=\"{ 'with-complient': checkAAComplient }\">\n                    <pep-textbox [key]=\"'colorValue'\" [label]=\"'COLOR.ADD_VALUE_HERE' | translate \"\n                        [formattedValue]=\"data?.value\" [value]=\"data?.value\" (valueChange)=\"onColorValueChange($event)\">\n                    </pep-textbox>\n                </div>\n                <div *ngIf=\"checkAAComplient\" class=\"color-complient-container\">\n                    <pep-field-title [label]=\"'COLOR.AA_COMPLIENT' | translate \">\n                    </pep-field-title>\n                    <div class=\"color-complient\" [ngStyle]=\"{ 'background': complientColor }\">\n                        <mat-icon *ngIf=\"isUserChooseAAComplientColor\">\n                            <pep-icon name=\"system_ok\">\n                            </pep-icon>\n                        </mat-icon>\n                    </div>\n                </div>\n            </div>\n        </ng-container>\n        <ng-container pep-dialog-actions>\n            <div class=\"color-actions pep-spacing-element-negative\">\n                <mat-checkbox *ngIf=\"data.showAAComplient\" class=\"pep-spacing-element\" type=\"checkbox\"\n                    id=\"checkAAComplient\" (change)=\"checkAAComplient = !checkAAComplient\" [checked]=\"checkAAComplient\">\n                    <span class=\"body-xs ellipsis\">{{ 'COLOR.AA_COMPLIENT' | translate }}</span>\n                </mat-checkbox>\n                <div>\n                    <button mat-button [mat-dialog-close]=\"null\" class=\"pep-spacing-element pep-button md weak\">\n                        {{'ACTIONS.CANCEL' | translate}}\n                    </button>\n                    <button mat-button class=\"pep-spacing-element pep-button md strong\" (click)=\"onSave($event)\">\n                        {{'ACTIONS.OK' | translate}}\n                    </button>\n                </div>\n            </div>\n        </ng-container>\n    </pep-dialog>\n</div>",
-                styles: [".mat-slider-horizontal .mat-slider-track-fill,.mat-slider-track-background{display:none}.pep-color-picker-container ::ng-deep.mat-dialog-content,.pepperi-color-picker-container ::ng-deep.mat-dialog-content{padding:.5rem .5rem 0;padding:var(--pep-spacing-sm,.5rem) var(--pep-spacing-sm,.5rem) 0}.pep-color-picker-container .color-chooser-content,.pepperi-color-picker-container .color-chooser-content{display:-ms-grid;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:1.5rem;grid-column-gap:var(--pep-spacing-xl,1.5rem);grid-row-gap:.5rem;grid-row-gap:var(--pep-spacing-sm,.5rem);margin-top:.5rem;margin-top:var(--pep-spacing-sm,.5rem)}.pep-color-picker-container .color-chooser-content .current-color,.pepperi-color-picker-container .color-chooser-content .current-color{grid-row:1/span 3;grid-column:6/span 4;border-radius:.25rem;border-radius:var(--pep-border-radius-md,.25rem);width:9.25rem;height:9.25rem}.pep-color-picker-container .color-chooser-content .slider-box,.pepperi-color-picker-container .color-chooser-content .slider-box{grid-column:1/span 5}.pep-color-picker-container .color-value-content,.pepperi-color-picker-container .color-value-content{display:-ms-grid;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(1,1fr);grid-column-gap:1.5rem;grid-column-gap:var(--pep-spacing-xl,1.5rem);grid-row-gap:.5rem;grid-row-gap:var(--pep-spacing-sm,.5rem);margin-top:1.5rem}.pep-color-picker-container .color-value-content .color-value,.pepperi-color-picker-container .color-value-content .color-value{grid-row:1/span 1;grid-column:1/span 9}.pep-color-picker-container .color-value-content .color-value.with-complient,.pepperi-color-picker-container .color-value-content .color-value.with-complient{grid-column:1/span 5}.pep-color-picker-container .color-value-content .color-complient-container,.pepperi-color-picker-container .color-value-content .color-complient-container{grid-column:6/span 4}.pep-color-picker-container .color-value-content .color-complient-container .color-complient,.pepperi-color-picker-container .color-value-content .color-complient-container .color-complient{display:flex;justify-content:center;align-items:center;border-radius:.25rem;border-radius:var(--pep-border-radius-md,.25rem);height:2.5rem;height:var(--pep-form-field-height,2.5rem);width:9.25rem}.pep-color-picker-container ::ng-deep.mat-dialog-actions,.pepperi-color-picker-container ::ng-deep.mat-dialog-actions{display:block}.pep-color-picker-container ::ng-deep.mat-dialog-actions .color-actions,.pepperi-color-picker-container ::ng-deep.mat-dialog-actions .color-actions{display:flex;justify-content:space-between;align-items:center}", ".pep-color-picker-container .color-value-content .color-complient-container .color-complient ::ng-deep.mat-icon .svg-icon,.pepperi-color-picker-container .color-value-content .color-complient-container .color-complient ::ng-deep.mat-icon .svg-icon{fill:#fff;fill:hsl(var(--pep-color-system-primary-invert-h,255),var(--pep-color-system-primary-invert-s,100%),var(--pep-color-system-primary-invert-l,100%))}"]
-            },] }
-];
-PepColorPickerComponent.ctorParameters = () => [
-    { type: PepColorService },
-    { type: MatDialogRef },
-    { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
-];
+                hsl(var(--pep-color-picker-current-hue), 100%, 25%) 75%)`;
+        }
+    }
+    setCurrentHueInCss() {
+        document.documentElement.style.setProperty(PepColorPickerComponent.CURRENT_HUE, this.currentHue.toString());
+    }
+    convertValueStringToColor(color) {
+        if (color.indexOf('hsl') === 0) {
+            const hsl = this.colorService.hslString2hsl(color);
+            this.convertColorToValueString(hsl);
+        }
+        else if (color.indexOf('rgb') === 0) {
+            const hsl = this.colorService.rgbString2hsl(color);
+            this.convertColorToValueString(hsl);
+        }
+        else if (color.indexOf('#') === 0) {
+            const hsl = this.colorService.hex2hsl(color);
+            this.convertColorToValueString(hsl);
+        }
+        else {
+            // Handle default.
+            const hsl = this.colorService.hex2hsl(this.defaultColor);
+            this.convertColorToValueString(hsl);
+        }
+        this.setCurrentHueInCss();
+    }
+    convertColorToValueString(hslColor) {
+        // Regular hue
+        if (hslColor.h >= this.currentHueMin &&
+            hslColor.h <= this.currentHueMax) {
+            this.currentHue = hslColor.h;
+        }
+        else if (this.currentHueMin < 0 &&
+            hslColor.h >= 0 &&
+            hslColor.h <= 360) {
+            // For min with - (change to the other side of the circle)
+            hslColor.h = hslColor.h - 360;
+            if (hslColor.h >= this.currentHueMin &&
+                hslColor.h <= this.currentHueMax) {
+                this.currentHue = hslColor.h;
+            }
+        }
+        this.currentSaturation =
+            hslColor.s >= this.currentSaturationMin &&
+                hslColor.s <= this.currentSaturationMax
+                ? hslColor.s
+                : this.currentSaturation;
+        this.currentLightness =
+            hslColor.l >= this.currentLightnessMin &&
+                hslColor.l <= this.currentLightnessMax
+                ? hslColor.l
+                : this.currentLightness;
+        // Write the value (if hue is changed to the other side of the circle return it back).
+        const hsl = {
+            h: this.currentHue,
+            s: this.currentSaturation,
+            l: this.currentLightness,
+        };
+        this.data.value = this.colorService.convertHslToStringHsl(hsl);
+        // Check the contrast ratio - set the closest accessible color to complientColor
+        // and update isUserChooseAAComplientColor.
+        const adjustableColor = this.colorService.hsl2hex(hsl);
+        const closestHex = this.colorService.findClosestAccessibleColor(adjustableColor, this.data.textColor, this.data.contrastRatio);
+        this.isUserChooseAAComplientColor = adjustableColor === closestHex;
+        this.complientColor = this.colorService.convertHslToStringHsl(this.colorService.hex2hsl(closestHex));
+    }
+    onHueChange(value) {
+        this.convertColorToValueString({ h: value });
+        this.setCurrentHueInCss();
+    }
+    onSaturationChange(value) {
+        // this.currentSaturation = event.value;
+        this.convertColorToValueString({ s: value });
+    }
+    onLightnessChange(value) {
+        // this.currentLightness = event.value;
+        this.convertColorToValueString({
+            l: this.currentLightnessMax -
+                value +
+                this.currentLightnessMin,
+        });
+    }
+    onColorValueChange(event) {
+        this.convertValueStringToColor(event.value);
+    }
+    onSave(event) {
+        const color = this.checkAAComplient
+            ? this.complientColor
+            : this.data.value;
+        // this.notify.emit({ key: this.key, value: color });
+        this.dialogRef.close(color);
+    }
+}
+PepColorPickerComponent.CURRENT_HUE = '--pep-color-picker-current-hue';
+PepColorPickerComponent.decorators = [
+    { type: Component, args: [{
+                template: "<div class=\"pep-color-picker-container\">\n    <pep-dialog [title]=\"'COLOR.DIALOG_TITLE' | translate\">\n        <ng-container pep-dialog-content>\n            <div class=\"color-chooser-content\">\n                <div class=\"current-color\" [ngStyle]=\"{ 'background': data?.value ? data.value : 'transparent' }\"></div>\n\n                <pep-slider class=\"slider-box\" [label]=\"'COLOR.CHANGE_HUE' | translate\" [minValue]=\"currentHueMin\"\n                    [maxValue]=\"currentHueMax\" [value]=\"currentHue\" [background]=\"currentHueBackground\"\n                    (valueChange)=\"onHueChange($event)\">\n                </pep-slider>\n                <pep-slider class=\"slider-box\" [label]=\"'COLOR.CHANGE_SATURATION' | translate\"\n                    [minValue]=\"currentSaturationMin\" [maxValue]=\"currentSaturationMax\" [value]=\"currentSaturation\"\n                    [background]=\"currentSaturationBackground\" (valueChange)=\"onSaturationChange($event)\">\n                </pep-slider>\n                <pep-slider class=\"slider-box\" [label]=\"'COLOR.CHANGE_LIGHTNESS' | translate\"\n                    [minValue]=\"currentLightnessMin\" [maxValue]=\"currentLightnessMax\"\n                    [value]=\"currentLightnessMax - currentLightness + currentLightnessMin\"\n                    [background]=\"currentLightnessBackground\" (valueChange)=\"onLightnessChange($event)\">\n                </pep-slider>\n            </div>\n            <div class=\"color-value-content\">\n                <div class=\"color-value\" [ngClass]=\"{ 'with-complient': checkAAComplient }\">\n                    <pep-textbox [key]=\"'colorValue'\" [label]=\"'COLOR.ADD_VALUE_HERE' | translate \"\n                        [formattedValue]=\"data?.value\" [value]=\"data?.value\" (valueChange)=\"onColorValueChange($event)\">\n                    </pep-textbox>\n                </div>\n                <div *ngIf=\"checkAAComplient\" class=\"color-complient-container\">\n                    <pep-field-title [label]=\"'COLOR.AA_COMPLIENT' | translate \">\n                    </pep-field-title>\n                    <div class=\"color-complient\" [ngStyle]=\"{ 'background': complientColor }\">\n                        <mat-icon *ngIf=\"isUserChooseAAComplientColor\">\n                            <pep-icon name=\"system_ok\">\n                            </pep-icon>\n                        </mat-icon>\n                    </div>\n                </div>\n            </div>\n        </ng-container>\n        <ng-container pep-dialog-actions>\n            <div class=\"color-actions pep-spacing-element-negative\">\n                <mat-checkbox *ngIf=\"data.showAAComplient\" class=\"pep-spacing-element\" type=\"checkbox\"\n                    id=\"checkAAComplient\" (change)=\"checkAAComplient = !checkAAComplient\" [checked]=\"checkAAComplient\">\n                    <span class=\"body-xs ellipsis\">{{ 'COLOR.AA_COMPLIENT' | translate }}</span>\n                </mat-checkbox>\n                <div>\n                    <button mat-button [mat-dialog-close]=\"null\" class=\"pep-spacing-element pep-button md weak\">\n                        {{'ACTIONS.CANCEL' | translate}}\n                    </button>\n                    <button mat-button class=\"pep-spacing-element pep-button md strong\" (click)=\"onSave($event)\">\n                        {{'ACTIONS.OK' | translate}}\n                    </button>\n                </div>\n            </div>\n        </ng-container>\n    </pep-dialog>\n</div>",
+                styles: [".mat-slider-horizontal .mat-slider-track-fill,.mat-slider-track-background{display:none}.pep-color-picker-container ::ng-deep.mat-dialog-content,.pepperi-color-picker-container ::ng-deep.mat-dialog-content{padding:.5rem .5rem 0;padding:var(--pep-spacing-sm,.5rem) var(--pep-spacing-sm,.5rem) 0}.pep-color-picker-container .color-chooser-content,.pepperi-color-picker-container .color-chooser-content{display:-ms-grid;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:1.5rem;grid-column-gap:var(--pep-spacing-xl,1.5rem);grid-row-gap:.5rem;grid-row-gap:var(--pep-spacing-sm,.5rem);margin-top:.5rem;margin-top:var(--pep-spacing-sm,.5rem)}.pep-color-picker-container .color-chooser-content .current-color,.pepperi-color-picker-container .color-chooser-content .current-color{grid-row:1/span 3;grid-column:6/span 4;border-radius:.25rem;border-radius:var(--pep-border-radius-md,.25rem);width:9.25rem;height:9.25rem}.pep-color-picker-container .color-chooser-content .slider-box,.pepperi-color-picker-container .color-chooser-content .slider-box{grid-column:1/span 5}.pep-color-picker-container .color-value-content,.pepperi-color-picker-container .color-value-content{display:-ms-grid;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(1,1fr);grid-column-gap:1.5rem;grid-column-gap:var(--pep-spacing-xl,1.5rem);grid-row-gap:.5rem;grid-row-gap:var(--pep-spacing-sm,.5rem);margin-top:1.5rem}.pep-color-picker-container .color-value-content .color-value,.pepperi-color-picker-container .color-value-content .color-value{grid-row:1/span 1;grid-column:1/span 9}.pep-color-picker-container .color-value-content .color-value.with-complient,.pepperi-color-picker-container .color-value-content .color-value.with-complient{grid-column:1/span 5}.pep-color-picker-container .color-value-content .color-complient-container,.pepperi-color-picker-container .color-value-content .color-complient-container{grid-column:6/span 4}.pep-color-picker-container .color-value-content .color-complient-container .color-complient,.pepperi-color-picker-container .color-value-content .color-complient-container .color-complient{display:flex;justify-content:center;align-items:center;border-radius:.25rem;border-radius:var(--pep-border-radius-md,.25rem);height:2.5rem;height:var(--pep-form-field-height,2.5rem);width:9.25rem}.pep-color-picker-container ::ng-deep.mat-dialog-actions,.pepperi-color-picker-container ::ng-deep.mat-dialog-actions{display:block}.pep-color-picker-container ::ng-deep.mat-dialog-actions .color-actions,.pepperi-color-picker-container ::ng-deep.mat-dialog-actions .color-actions{display:flex;justify-content:space-between;align-items:center}", ".pep-color-picker-container .color-value-content .color-complient-container .color-complient ::ng-deep.mat-icon .svg-icon,.pepperi-color-picker-container .color-value-content .color-complient-container .color-complient ::ng-deep.mat-icon .svg-icon{fill:#fff;fill:hsl(var(--pep-color-system-primary-invert-h,255),var(--pep-color-system-primary-invert-s,100%),var(--pep-color-system-primary-invert-l,100%))}"]
+            },] }
+];
+PepColorPickerComponent.ctorParameters = () => [
+    { type: PepColorService },
+    { type: MatDialogRef },
+    { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
+];
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1saWIvY29sb3IvY29sb3ItcGlja2VyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQUUsWUFBWSxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3pFLFdBQVc7QUFDWCxlQUFlO0FBQ2YscUJBQXFCO0FBQ3JCLHFCQUFxQjtBQUNyQixvQkFBb0I7QUFDcEIsa0NBQWtDO0FBQ2xDLGVBQWU7QUFDZiw2QkFBNkI7QUFDN0IsMEJBQTBCO0FBQzFCLE9BQU8sRUFBRSxlQUFlLEVBQWdCLE1BQU0seUJBQXlCLENBQUM7QUFJeEUsSUFBSyxvQkFHSjtBQUhELFdBQUssb0JBQW9CO0lBQ3JCLDZEQUFRLENBQUE7SUFDUiw2REFBTyxDQUFBO0FBQ1gsQ0FBQyxFQUhJLG9CQUFvQixLQUFwQixvQkFBb0IsUUFHeEI7QUFjRCxNQUFNLE9BQU8sdUJBQXVCO0lBTWhDLFlBQ1ksWUFBNkIsRUFDN0IsU0FBZ0QsRUFDeEIsSUFBK0I7O1FBRnZELGlCQUFZLEdBQVosWUFBWSxDQUFpQjtRQUM3QixjQUFTLEdBQVQsU0FBUyxDQUF1QztRQUN4QixTQUFJLEdBQUosSUFBSSxDQUEyQjtRQVBsRCxpQkFBWSxHQUFHLE1BQU0sQ0FBQztRQUV2QyxxQkFBZ0IsR0FBRyxJQUFJLENBQUM7UUFrQmhCLHlCQUFvQixHQUFHOzs7Ozs7O2tDQU9ELENBQUM7UUFFL0IsZUFBVSxHQUFHLEdBQUcsQ0FBQztRQUNqQixrQkFBYSxHQUFHLENBQUMsQ0FBQztRQUNsQixrQkFBYSxHQUFHLEdBQUcsQ0FBQztRQUNwQix5QkFBb0IsR0FBRyxJQUFJLENBQUMsb0JBQW9CLENBQUM7UUFFekMsZ0NBQTJCLEdBQUc7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c291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIEluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0RGlhbG9nUmVmLCBNQVRfRElBTE9HX0RBVEEgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuLy8gaW1wb3J0IHtcbi8vICAgICBoZXgyaHNsLFxuLy8gICAgIGhzbFN0cmluZzJoc2wsXG4vLyAgICAgcmdiU3RyaW5nMmhzbCxcbi8vICAgICBJUGVwSHNsQ29sb3IsXG4vLyAgICAgZmluZENsb3Nlc3RBY2Nlc3NpYmxlQ29sb3IsXG4vLyAgICAgaHNsMmhleCxcbi8vICAgICBjb252ZXJ0SHNsVG9TdHJpbmdIc2wsXG4vLyB9IGZyb20gJy4vY29sb3ItdXRpbHMnO1xuaW1wb3J0IHsgUGVwQ29sb3JTZXJ2aWNlLCBJUGVwSHNsQ29sb3IgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYic7XG5cbmltcG9ydCB7IFBlcENvbG9yVHlwZSB9IGZyb20gJy4vY29sb3IubW9kZWwnO1xuXG5lbnVtIFBlcENvbnRyYXN0UmF0aW9UeXBlIHtcbiAgICBBQSA9IDQuNSxcbiAgICBBQUEgPSA3LFxufVxuXG5pbnRlcmZhY2UgSVBlcENvbG9yUGlja2VyRGlhbG9nRGF0YSB7XG4gICAgdmFsdWU6IHN0cmluZztcbiAgICB0eXBlOiBQZXBDb2xvclR5cGU7XG4gICAgc2hvd0FBQ29tcGxpZW50OiBib29sZWFuO1xuICAgIHRleHRDb2xvcjogc3RyaW5nO1xuICAgIGNvbnRyYXN0UmF0aW86IFBlcENvbnRyYXN0UmF0aW9UeXBlO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgICB0ZW1wbGF0ZVVybDogJy4vY29sb3ItcGlja2VyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9jb2xvci1waWNrZXIuY29tcG9uZW50LnNjc3MnLCAnLi9jb2xvci1waWNrZXIuY29tcG9uZW50LnRoZW1lLnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgUGVwQ29sb3JQaWNrZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIHN0YXRpYyBDVVJSRU5UX0hVRSA9ICctLXBlcC1jb2xvci1waWNrZXItY3VycmVudC1odWUnO1xuICAgIHByaXZhdGUgcmVhZG9ubHkgZGVmYXVsdENvbG9yID0gJyNjY2MnO1xuXG4gICAgY2hlY2tBQUNvbXBsaWVudCA9IHRydWU7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSBjb2xvclNlcnZpY2U6IFBlcENvbG9yU2VydmljZSxcbiAgICAgICAgcHJpdmF0ZSBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxQZXBDb2xvclBpY2tlckNvbXBvbmVudD4sXG4gICAgICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGF0YTogSVBlcENvbG9yUGlja2VyRGlhbG9nRGF0YVxuICAgICkge1xuICAgICAgICB0aGlzLmRhdGEudHlwZSA9IGRhdGEgPyBkYXRhLnR5cGUgOiAnYW55JztcbiAgICAgICAgdGhpcy5kYXRhLnNob3dBQUNvbXBsaWVudCA9ICFkYXRhXG4gICAgICAgICAgICA/IGZhbHNlXG4gICAgICAgICAgICA6IGRhdGEuc2hvd0FBQ29tcGxpZW50ID8/IHRydWU7XG4gICAgICAgIHRoaXMuZGF0YS50ZXh0Q29sb3IgPSBkYXRhICYmIGRhdGEudGV4dENvbG9yID8gZGF0YS50ZXh0Q29sb3IgOiAnI2ZmZic7XG4gICAgICAgIHRoaXMuZGF0YS5jb250cmFzdFJhdGlvID1cbiAgICAgICAgICAgIGRhdGEgJiYgZGF0YS5jb250cmFzdFJhdGlvXG4gICAgICAgICAgICAgICAgPyBkYXRhLmNvbnRyYXN0UmF0aW9cbiAgICAgICAgICAgICAgICA6IFBlcENvbnRyYXN0UmF0aW9UeXBlLkFBO1xuICAgIH1cblxuICAgIHByaXZhdGUgZGVmYXVsdEh1ZUJhY2tncm91bmQgPSBgbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LFxuICAgICAgICBoc2woMCwgMTAwJSwgNTAlKSAwJSxcbiAgICAgICAgaHNsKDYwLCAxMDAlLCA1MCUpIDE3JSxcbiAgICAgICAgaHNsKDEyMCwgMTAwJSwgNTAlKSAzMyUsXG4gICAgICAgIGhzbCgxODAsIDEwMCUsIDUwJSkgNTAlLFxuICAgICAgICBoc2woMjQwLCAxMDAlLCA1MCUpIDY3JSxcbiAgICAgICAgaHNsKDMwMCwgMTAwJSwgNTAlKSA4MyUsXG4gICAgICAgIGhzbCgzNjAsIDEwMCUsIDUwJSkgMTAwJSlgO1xuXG4gICAgY3VycmVudEh1ZSA9IDEwMDtcbiAgICBjdXJyZW50SHVlTWluID0gMDtcbiAgICBjdXJyZW50SHVlTWF4ID0gMzYwO1xuICAgIGN1cnJlbnRIdWVCYWNrZ3JvdW5kID0gdGhpcy5kZWZhdWx0SHVlQmFja2dyb3VuZDtcblxuICAgIHByaXZhdGUgZGVmYXVsdFNhdHVyYXRpb25CYWNrZ3JvdW5kID0gYGxpbmVhci1ncmFkaWVudCh0byByaWdodCxcbiAgICAgICAgaHNsKHZhcigtLXBlcC1jb2xvci1waWNrZXItY3VycmVudC1odWUpLCAwLjAxJSwgNTAlKSAwJSxcbiAgICAgICAgaHNsKHZhcigtLXBlcC1jb2xvci1waWNrZXItY3VycmVudC1odWUpLCAxMDAlLCA1MCUpIDEwMCUpYDtcblxuICAgIGN1cnJlbnRTYXR1cmF0aW9uID0gNTA7XG4gICAgY3VycmVudFNhdHVyYXRpb25NaW4gPSAwO1xuICAgIGN1cnJlbnRTYXR1cmF0aW9uTWF4ID0gMTAwO1xuICAgIGN1cnJlbnRTYXR1cmF0aW9uQmFja2dyb3VuZCA9IHRoaXMuZGVmYXVsdFNhdHVyYXRpb25CYWNrZ3JvdW5kO1xuXG4gICAgcHJpdmF0ZSBkZWZhdWx0TGlnaHRuZXNzQmFja2dyb3VuZCA9IGBsaW5lYXItZ3JhZGllbnQodG8gcmlnaHQsXG4gICAgICAgIGhzbCh2YXIoLS1wZXAtY29sb3ItcGlja2VyLWN1cnJlbnQtaHVlKSwgMTAwJSwgMTAwJSkgMCUsXG4gICAgICAgIGhzbCh2YXIoLS1wZXAtY29sb3ItcGlja2VyLWN1cnJlbnQtaHVlKSwgMTAwJSwgNTAlKSA1MCUsXG4gICAgICAgIGhzbCh2YXIoLS1wZXAtY29sb3ItcGlja2VyLWN1cnJlbnQtaHVlKSwgMTAwJSwgMC4wMSUpIDEwMCUpYDtcblxuICAgIGN1cnJlbnRMaWdodG5lc3MgPSA1MDtcbiAgICBjdXJyZW50TGlnaHRuZXNzTWluID0gMDtcbiAgICBjdXJyZW50TGlnaHRuZXNzTWF4ID0gMTAwO1xuICAgIGN1cnJlbnRMaWdodG5lc3NCYWNrZ3JvdW5kID0gdGhpcy5kZWZhdWx0TGlnaHRuZXNzQmFja2dyb3VuZDtcblxuICAgIGNvbXBsaWVudENvbG9yOiBzdHJpbmc7XG4gICAgaXNVc2VyQ2hvb3NlQUFDb21wbGllbnRDb2xvcjogYm9vbGVhbjtcblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmluaXRWYXJzKCk7XG4gICAgICAgIHRoaXMuY2hlY2tBQUNvbXBsaWVudCA9IHRoaXMuZGF0YS5zaG93QUFDb21wbGllbnQ7XG4gICAgICAgIHRoaXMuY29udmVydFZhbHVlU3RyaW5nVG9Db2xvcih0aGlzLmRhdGEudmFsdWUpO1xuICAgIH1cblxuICAgIGluaXRWYXJzKCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5kYXRhLnR5cGUgPT09ICdtYWluJykge1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50TGlnaHRuZXNzTWF4ID0gMTA7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRMaWdodG5lc3MgPSA1O1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50SHVlQmFja2dyb3VuZCA9IHRoaXMuZGVmYXVsdEh1ZUJhY2tncm91bmQ7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRTYXR1cmF0aW9uQmFja2dyb3VuZCA9IHRoaXMuZGVmYXVsdFNhdHVyYXRpb25CYWNrZ3JvdW5kO1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50TGlnaHRuZXNzQmFja2dyb3VuZCA9IHRoaXMuZGVmYXVsdExpZ2h0bmVzc0JhY2tncm91bmQ7XG4gICAgICAgIH0gZWxzZSBpZiAodGhpcy5kYXRhLnR5cGUgPT09ICdzdWNjZXNzJykge1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50SHVlTWluID0gNzA7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRIdWVNYXggPSAxNTA7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRIdWUgPSAxMDA7XG5cbiAgICAgICAgICAgIHRoaXMuY3VycmVudFNhdHVyYXRpb25NaW4gPSA1MDtcbiAgICAgICAgICAgIHRoaXMuY3VycmVudFNhdHVyYXRpb25NYXggPSAxMDA7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRTYXR1cmF0aW9uID0gNTA7XG5cbiAgICAgICAgICAgIHRoaXMuY3VycmVudExpZ2h0bmVzc01pbiA9IDEwO1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50TGlnaHRuZXNzTWF4ID0gNjU7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRMaWdodG5lc3MgPSA1MDtcblxuICAgICAgICAgICAgdGhpcy5jdXJyZW50SHVlQmFja2dyb3VuZCA9IGBsaW5lYXItZ3JhZGllbnQodG8gcmlnaHQsXG4gICAgICAgICAgICAgICAgaHNsKDcwLCAxMDAlLCA1MCUpIDAlLFxuICAgICAgICAgICAgICAgIGhzbCgxNTAsIDEwMCUsIDUwJSkgMTAwJSlgO1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50U2F0dXJhdGlvbkJhY2tncm91bmQgPSBgbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LFxuICAgICAgICAgICAgICAgIGhzbCh2YXIoLS1wZXAtY29sb3ItcGlja2VyLWN1cnJlbnQtaHVlKSwgNTAlLCA1MCUpIDUwJSxcbiAgICAgICAgICAgICAgICBoc2wodmFyKC0tcGVwLWNvbG9yLXBpY2tlci1jdXJyZW50LWh1ZSksIDEwMCUsIDUwJSkgMTAwJSlgO1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50TGlnaHRuZXNzQmFja2dyb3VuZCA9IGBsaW5lYXItZ3JhZGllbnQodG8gcmlnaHQsXG4gICAgICAgICAgICAgICAgaHNsKHZhcigtLXBlcC1jb2xvci1waWNrZXItY3VycmVudC1odWUpLCAxMDAlLCA2NSUpIDEwJSxcbiAgICAgICAgICAgICAgICBoc2wodmFyKC0tcGVwLWNvbG9yLXBpY2tlci1jdXJyZW50LWh1ZSksIDEwMCUsIDM1JSkgMzUlLFxuICAgICAgICAgICAgICAgIGhzbCh2YXIoLS1wZXAtY29sb3ItcGlja2VyLWN1cnJlbnQtaHVlKSwgMTAwJSwgMTAlKSA2NSUpYDtcblxuICAgICAgICB9IGVsc2UgaWYgKHRoaXMuZGF0YS50eXBlID09PSAnY2F1dGlvbicpIHtcbiAgICAgICAgICAgIHRoaXMuY3VycmVudEh1ZU1pbiA9IC0yMDtcbiAgICAgICAgICAgIHRoaXMuY3VycmVudEh1ZU1heCA9IDIwO1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50SHVlID0gMTA7XG5cbiAgICAgICAgICAgIHRoaXMuY3VycmVudFNhdHVyYXRpb25NaW4gPSA3NTtcbiAgICAgICAgICAgIHRoaXMuY3VycmVudFNhdHVyYXRpb25NYXggPSAxMDA7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRTYXR1cmF0aW9uID0gNzU7XG5cbiAgICAgICAgICAgIHRoaXMuY3VycmVudExpZ2h0bmVzc01pbiA9IDI1O1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50TGlnaHRuZXNzTWF4ID0gNzU7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRMaWdodG5lc3MgPSA1MDtcblxuICAgICAgICAgICAgdGhpcy5jdXJyZW50SHVlQmFja2dyb3VuZCA9IGBsaW5lYXItZ3JhZGllbnQodG8gcmlnaHQsXG4gICAgICAgICAgICAgICAgaHNsKDM0MCwgMTAwJSwgNTAlKSAwJSxcbiAgICAgICAgICAgICAgICBoc2woMjAsIDEwMCUsIDUwJSkgMTAwJSlgO1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50U2F0dXJhdGlvbkJhY2tncm91bmQgPSBgbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LFxuICAgICAgICAgICAgICAgIGhzbCh2YXIoLS1wZXAtY29sb3ItcGlja2VyLWN1cnJlbnQtaHVlKSwgNzUlLCA1MCUpIDc1JSxcbiAgICAgICAgICAgICAgICBoc2wodmFyKC0tcGVwLWNvbG9yLXBpY2tlci1jdXJyZW50LWh1ZSksIDEwMCUsIDUwJSkgMTAwJSlgO1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50TGlnaHRuZXNzQmFja2dyb3VuZCA9IGBsaW5lYXItZ3JhZGllbnQodG8gcmlnaHQsXG4gICAgICAgICAgICAgICAgaHNsKHZhcigtLXBlcC1jb2xvci1waWNrZXItY3VycmVudC1odWUpLCAxMDAlLCA3NSUpIDI1JSxcbiAgICAgICAgICAgICAgICBoc2wodmFyKC0tcGVwLWNvbG9yLXBpY2tlci1jdXJyZW50LWh1ZSksIDEwMCUsIDUwJSkgNTAlLFxuICAgICAgICAgICAgICAgIGhzbCh2YXIoLS1wZXAtY29sb3ItcGlja2VyLWN1cnJlbnQtaHVlKSwgMTAwJSwgMjUlKSA3NSUpYDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHNldEN1cnJlbnRIdWVJbkNzcygpOiB2b2lkIHtcbiAgICAgICAgZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LnN0eWxlLnNldFByb3BlcnR5KFxuICAgICAgICAgICAgUGVwQ29sb3JQaWNrZXJDb21wb25lbnQuQ1VSUkVOVF9IVUUsXG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRIdWUudG9TdHJpbmcoKVxuICAgICAgICApO1xuICAgIH1cblxuICAgIGNvbnZlcnRWYWx1ZVN0cmluZ1RvQ29sb3IoY29sb3IpOiB2b2lkIHtcbiAgICAgICAgaWYgKGNvbG9yLmluZGV4T2YoJ2hzbCcpID09PSAwKSB7XG4gICAgICAgICAgICBjb25zdCBoc2wgPSB0aGlzLmNvbG9yU2VydmljZS5oc2xTdHJpbmcyaHNsKGNvbG9yKTtcbiAgICAgICAgICAgIHRoaXMuY29udmVydENvbG9yVG9WYWx1ZVN0cmluZyhoc2wpO1xuICAgICAgICB9IGVsc2UgaWYgKGNvbG9yLmluZGV4T2YoJ3JnYicpID09PSAwKSB7XG4gICAgICAgICAgICBjb25zdCBoc2wgPSB0aGlzLmNvbG9yU2VydmljZS5yZ2JTdHJpbmcyaHNsKGNvbG9yKTtcbiAgICAgICAgICAgIHRoaXMuY29udmVydENvbG9yVG9WYWx1ZVN0cmluZyhoc2wpO1xuICAgICAgICB9IGVsc2UgaWYgKGNvbG9yLmluZGV4T2YoJyMnKSA9PT0gMCkge1xuICAgICAgICAgICAgY29uc3QgaHNsID0gdGhpcy5jb2xvclNlcnZpY2UuaGV4MmhzbChjb2xvcik7XG4gICAgICAgICAgICB0aGlzLmNvbnZlcnRDb2xvclRvVmFsdWVTdHJpbmcoaHNsKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIC8vIEhhbmRsZSBkZWZhdWx0LlxuICAgICAgICAgICAgY29uc3QgaHNsID0gdGhpcy5jb2xvclNlcnZpY2UuaGV4MmhzbCh0aGlzLmRlZmF1bHRDb2xvcik7XG4gICAgICAgICAgICB0aGlzLmNvbnZlcnRDb2xvclRvVmFsdWVTdHJpbmcoaHNsKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuc2V0Q3VycmVudEh1ZUluQ3NzKCk7XG4gICAgfVxuXG4gICAgY29udmVydENvbG9yVG9WYWx1ZVN0cmluZyhoc2xDb2xvcjogSVBlcEhzbENvbG9yKTogdm9pZCB7XG4gICAgICAgIC8vIFJlZ3VsYXIgaHVlXG4gICAgICAgIGlmIChcbiAgICAgICAgICAgIGhzbENvbG9yLmggPj0gdGhpcy5jdXJyZW50SHVlTWluICYmXG4gICAgICAgICAgICBoc2xDb2xvci5oIDw9IHRoaXMuY3VycmVudEh1ZU1heFxuICAgICAgICApIHtcbiAgICAgICAgICAgIHRoaXMuY3VycmVudEh1ZSA9IGhzbENvbG9yLmg7XG4gICAgICAgIH0gZWxzZSBpZiAoXG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRIdWVNaW4gPCAwICYmXG4gICAgICAgICAgICBoc2xDb2xvci5oID49IDAgJiZcbiAgICAgICAgICAgIGhzbENvbG9yLmggPD0gMzYwXG4gICAgICAgICkge1xuICAgICAgICAgICAgLy8gRm9yIG1pbiB3aXRoIC0gKGNoYW5nZSB0byB0aGUgb3RoZXIgc2lkZSBvZiB0aGUgY2lyY2xlKVxuICAgICAgICAgICAgaHNsQ29sb3IuaCA9IGhzbENvbG9yLmggLSAzNjA7XG5cbiAgICAgICAgICAgIGlmIChcbiAgICAgICAgICAgICAgICBoc2xDb2xvci5oID49IHRoaXMuY3VycmVudEh1ZU1pbiAmJlxuICAgICAgICAgICAgICAgIGhzbENvbG9yLmggPD0gdGhpcy5jdXJyZW50SHVlTWF4XG4gICAgICAgICAgICApIHtcbiAgICAgICAgICAgICAgICB0aGlzLmN1cnJlbnRIdWUgPSBoc2xDb2xvci5oO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5jdXJyZW50U2F0dXJhdGlvbiA9XG4gICAgICAgICAgICBoc2xDb2xvci5zID49IHRoaXMuY3VycmVudFNhdHVyYXRpb25NaW4gJiZcbiAgICAgICAgICAgICAgICBoc2xDb2xvci5zIDw9IHRoaXMuY3VycmVudFNhdHVyYXRpb25NYXhcbiAgICAgICAgICAgICAgICA/IGhzbENvbG9yLnNcbiAgICAgICAgICAgICAgICA6IHRoaXMuY3VycmVudFNhdHVyYXRpb247XG5cbiAgICAgICAgdGhpcy5jdXJyZW50TGlnaHRuZXNzID1cbiAgICAgICAgICAgIGhzbENvbG9yLmwgPj0gdGhpcy5jdXJyZW50TGlnaHRuZXNzTWluICYmXG4gICAgICAgICAgICAgICAgaHNsQ29sb3IubCA8PSB0aGlzLmN1cnJlbnRMaWdodG5lc3NNYXhcbiAgICAgICAgICAgICAgICA/IGhzbENvbG9yLmxcbiAgICAgICAgICAgICAgICA6IHRoaXMuY3VycmVudExpZ2h0bmVzcztcblxuICAgICAgICAvLyBXcml0ZSB0aGUgdmFsdWUgKGlmIGh1ZSBpcyBjaGFuZ2VkIHRvIHRoZSBvdGhlciBzaWRlIG9mIHRoZSBjaXJjbGUgcmV0dXJuIGl0IGJhY2spLlxuICAgICAgICBjb25zdCBoc2wgPSB7XG4gICAgICAgICAgICBoOiB0aGlzLmN1cnJlbnRIdWUsXG4gICAgICAgICAgICBzOiB0aGlzLmN1cnJlbnRTYXR1cmF0aW9uLFxuICAgICAgICAgICAgbDogdGhpcy5jdXJyZW50TGlnaHRuZXNzLFxuICAgICAgICB9O1xuICAgICAgICB0aGlzLmRhdGEudmFsdWUgPSB0aGlzLmNvbG9yU2VydmljZS5jb252ZXJ0SHNsVG9TdHJpbmdIc2woaHNsKTtcblxuICAgICAgICAvLyBDaGVjayB0aGUgY29udHJhc3QgcmF0aW8gLSBzZXQgdGhlIGNsb3Nlc3QgYWNjZXNzaWJsZSBjb2xvciB0byBjb21wbGllbnRDb2xvclxuICAgICAgICAvLyBhbmQgdXBkYXRlIGlzVXNlckNob29zZUFBQ29tcGxpZW50Q29sb3IuXG4gICAgICAgIGNvbnN0IGFkanVzdGFibGVDb2xvciA9IHRoaXMuY29sb3JTZXJ2aWNlLmhzbDJoZXgoaHNsKTtcbiAgICAgICAgY29uc3QgY2xvc2VzdEhleCA9IHRoaXMuY29sb3JTZXJ2aWNlLmZpbmRDbG9zZXN0QWNjZXNzaWJsZUNvbG9yKFxuICAgICAgICAgICAgYWRqdXN0YWJsZUNvbG9yLFxuICAgICAgICAgICAgdGhpcy5kYXRhLnRleHRDb2xvcixcbiAgICAgICAgICAgIHRoaXMuZGF0YS5jb250cmFzdFJhdGlvXG4gICAgICAgICk7XG5cbiAgICAgICAgdGhpcy5pc1VzZXJDaG9vc2VBQUNvbXBsaWVudENvbG9yID0gYWRqdXN0YWJsZUNvbG9yID09PSBjbG9zZXN0SGV4O1xuICAgICAgICB0aGlzLmNvbXBsaWVudENvbG9yID0gdGhpcy5jb2xvclNlcnZpY2UuY29udmVydEhzbFRvU3RyaW5nSHNsKFxuICAgICAgICAgICAgdGhpcy5jb2xvclNlcnZpY2UuaGV4MmhzbChjbG9zZXN0SGV4KVxuICAgICAgICApO1xuICAgIH1cblxuICAgIG9uSHVlQ2hhbmdlKHZhbHVlKTogdm9pZCB7XG4gICAgICAgIHRoaXMuY29udmVydENvbG9yVG9WYWx1ZVN0cmluZyh7IGg6IHZhbHVlIH0pO1xuICAgICAgICB0aGlzLnNldEN1cnJlbnRIdWVJbkNzcygpO1xuICAgIH1cblxuICAgIG9uU2F0dXJhdGlvbkNoYW5nZSh2YWx1ZSk6IHZvaWQge1xuICAgICAgICAvLyB0aGlzLmN1cnJlbnRTYXR1cmF0aW9uID0gZXZlbnQudmFsdWU7XG4gICAgICAgIHRoaXMuY29udmVydENvbG9yVG9WYWx1ZVN0cmluZyh7IHM6IHZhbHVlIH0pO1xuICAgIH1cblxuICAgIG9uTGlnaHRuZXNzQ2hhbmdlKHZhbHVlKTogdm9pZCB7XG4gICAgICAgIC8vIHRoaXMuY3VycmVudExpZ2h0bmVzcyA9IGV2ZW50LnZhbHVlO1xuICAgICAgICB0aGlzLmNvbnZlcnRDb2xvclRvVmFsdWVTdHJpbmcoe1xuICAgICAgICAgICAgbDpcbiAgICAgICAgICAgICAgICB0aGlzLmN1cnJlbnRMaWdodG5lc3NNYXggLVxuICAgICAgICAgICAgICAgIHZhbHVlICtcbiAgICAgICAgICAgICAgICB0aGlzLmN1cnJlbnRMaWdodG5lc3NNaW4sXG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIG9uQ29sb3JWYWx1ZUNoYW5nZShldmVudCk6IHZvaWQge1xuICAgICAgICB0aGlzLmNvbnZlcnRWYWx1ZVN0cmluZ1RvQ29sb3IoZXZlbnQudmFsdWUpO1xuICAgIH1cblxuICAgIG9uU2F2ZShldmVudCk6IHZvaWQge1xuICAgICAgICBjb25zdCBjb2xvciA9IHRoaXMuY2hlY2tBQUNvbXBsaWVudFxuICAgICAgICAgICAgPyB0aGlzLmNvbXBsaWVudENvbG9yXG4gICAgICAgICAgICA6IHRoaXMuZGF0YS52YWx1ZTtcblxuICAgICAgICAvLyB0aGlzLm5vdGlmeS5lbWl0KHsga2V5OiB0aGlzLmtleSwgdmFsdWU6IGNvbG9yIH0pO1xuICAgICAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZShjb2xvcik7XG4gICAgfVxufVxuIl19