@pepperi-addons/ngx-lib 0.3.15-beta.60 → 0.3.15-beta.61

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,195 +30,195 @@ 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.checkAAComplient;
-        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.checkAAComplient;
+        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);
-    }
-    closeDialog(event) {
-        this.dialogRef.close(event);
-    }
-}
-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\" (close)=\"closeDialog($event)\">\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);
+    }
+    closeDialog(event) {
+        this.dialogRef.close(event);
+    }
+}
+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\" (close)=\"closeDialog($event)\">\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1saWIvY29sb3IvY29sb3ItcGlja2VyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQUUsWUFBWSxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3pFLFdBQVc7QUFDWCxlQUFlO0FBQ2YscUJBQXFCO0FBQ3JCLHFCQUFxQjtBQUNyQixvQkFBb0I7QUFDcEIsa0NBQWtDO0FBQ2xDLGVBQWU7QUFDZiw2QkFBNkI7QUFDN0IsMEJBQTBCO0FBQzFCLE9BQU8sRUFBRSxlQUFlLEVBQWdCLE1BQU0seUJBQXlCLENBQUM7QUFJeEUsSUFBSyxvQkFHSjtBQUhELFdBQUssb0JBQW9CO0lBQ3JCLDZEQUFRLENBQUE7SUFDUiw2REFBTyxDQUFBO0FBQ1gsQ0FBQyxFQUhJLG9CQUFvQixLQUFwQixvQkFBb0IsUUFHeEI7QUFlRCxNQUFNLE9BQU8sdUJBQXVCO0lBTWhDLFlBQ1ksWUFBNkIsRUFDN0IsU0FBZ0QsRUFDeEIsSUFBK0I7O1FBRnZELGlCQUFZLEdBQVosWUFBWSxDQUFpQjtRQUM3QixjQUFTLEdBQVQsU0FBUyxDQUF1QztRQUN4QixTQUFJLEdBQUosSUFBSSxDQUEyQjtRQVBsRCxpQkFBWSxHQUFHLE1BQU0sQ0FBQztRQUV2QyxxQkFBZ0IsR0FBRyxJQUFJLENBQUM7UUFrQmhCLHlCQUFvQixHQUFHOzs7Ozs7O2tDQU9ELENBQUM7UUFFL0IsZUFBVSxHQUFHLEdBQUcsQ0FBQztRQUNqQixrQkFBYSxHQUFHLENBQUMsQ0FBQztRQUNsQixrQkFBYSxHQUFHLEdBQUcsQ0FBQztRQUNwQix5QkFBb0IsR0FBRyxJQUFJLENBQUMsb0JBQW9CLENBQUM7UUFFekMsZ0NBQTJCLEdBQUc7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QUx6RCxTQUFTLFNBQUM7Z0JBQ1AsNi9HQUE0Qzs7YUFFL0M7OztZQXJCUSxlQUFlO1lBVmYsWUFBWTs0Q0F5Q1osTUFBTSxTQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXREaWFsb2dSZWYsIE1BVF9ESUFMT0dfREFUQSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG4vLyBpbXBvcnQge1xuLy8gICAgIGhleDJoc2wsXG4vLyAgICAgaHNsU3RyaW5nMmhzbCxcbi8vICAgICByZ2JTdHJpbmcyaHNsLFxuLy8gICAgIElQZXBIc2xDb2xvcixcbi8vICAgICBmaW5kQ2xvc2VzdEFjY2Vzc2libGVDb2xvcixcbi8vICAgICBoc2wyaGV4LFxuLy8gICAgIGNvbnZlcnRIc2xUb1N0cmluZ0hzbCxcbi8vIH0gZnJvbSAnLi9jb2xvci11dGlscyc7XG5pbXBvcnQgeyBQZXBDb2xvclNlcnZpY2UsIElQZXBIc2xDb2xvciB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliJztcblxuaW1wb3J0IHsgUGVwQ29sb3JUeXBlIH0gZnJvbSAnLi9jb2xvci5tb2RlbCc7XG5cbmVudW0gUGVwQ29udHJhc3RSYXRpb1R5cGUge1xuICAgIEFBID0gNC41LFxuICAgIEFBQSA9IDcsXG59XG5cbmludGVyZmFjZSBJUGVwQ29sb3JQaWNrZXJEaWFsb2dEYXRhIHtcbiAgICB2YWx1ZTogc3RyaW5nO1xuICAgIHR5cGU6IFBlcENvbG9yVHlwZTtcbiAgICBzaG93QUFDb21wbGllbnQ6IGJvb2xlYW47XG4gICAgY2hlY2tBQUNvbXBsaWVudDogYm9vbGVhbjtcbiAgICB0ZXh0Q29sb3I6IHN0cmluZztcbiAgICBjb250cmFzdFJhdGlvOiBQZXBDb250cmFzdFJhdGlvVHlwZTtcbn1cblxuQENvbXBvbmVudCh7XG4gICAgdGVtcGxhdGVVcmw6ICcuL2NvbG9yLXBpY2tlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vY29sb3ItcGlja2VyLmNvbXBvbmVudC5zY3NzJywgJy4vY29sb3ItcGlja2VyLmNvbXBvbmVudC50aGVtZS5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFBlcENvbG9yUGlja2VyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBzdGF0aWMgQ1VSUkVOVF9IVUUgPSAnLS1wZXAtY29sb3ItcGlja2VyLWN1cnJlbnQtaHVlJztcbiAgICBwcml2YXRlIHJlYWRvbmx5IGRlZmF1bHRDb2xvciA9ICcjY2NjJztcblxuICAgIGNoZWNrQUFDb21wbGllbnQgPSB0cnVlO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgY29sb3JTZXJ2aWNlOiBQZXBDb2xvclNlcnZpY2UsXG4gICAgICAgIHByaXZhdGUgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8UGVwQ29sb3JQaWNrZXJDb21wb25lbnQ+LFxuICAgICAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHVibGljIGRhdGE6IElQZXBDb2xvclBpY2tlckRpYWxvZ0RhdGFcbiAgICApIHtcbiAgICAgICAgdGhpcy5kYXRhLnR5cGUgPSBkYXRhID8gZGF0YS50eXBlIDogJ2FueSc7XG4gICAgICAgIHRoaXMuZGF0YS5zaG93QUFDb21wbGllbnQgPSAhZGF0YVxuICAgICAgICAgICAgPyBmYWxzZVxuICAgICAgICAgICAgOiBkYXRhLnNob3dBQUNvbXBsaWVudCA/PyB0cnVlO1xuICAgICAgICB0aGlzLmRhdGEudGV4dENvbG9yID0gZGF0YSAmJiBkYXRhLnRleHRDb2xvciA/IGRhdGEudGV4dENvbG9yIDogJyNmZmYnO1xuICAgICAgICB0aGlzLmRhdGEuY29udHJhc3RSYXRpbyA9XG4gICAgICAgICAgICBkYXRhICYmIGRhdGEuY29udHJhc3RSYXRpb1xuICAgICAgICAgICAgICAgID8gZGF0YS5jb250cmFzdFJhdGlvXG4gICAgICAgICAgICAgICAgOiBQZXBDb250cmFzdFJhdGlvVHlwZS5BQTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGRlZmF1bHRIdWVCYWNrZ3JvdW5kID0gYGxpbmVhci1ncmFkaWVudCh0byByaWdodCxcbiAgICAgICAgaHNsKDAsIDEwMCUsIDUwJSkgMCUsXG4gICAgICAgIGhzbCg2MCwgMTAwJSwgNTAlKSAxNyUsXG4gICAgICAgIGhzbCgxMjAsIDEwMCUsIDUwJSkgMzMlLFxuICAgICAgICBoc2woMTgwLCAxMDAlLCA1MCUpIDUwJSxcbiAgICAgICAgaHNsKDI0MCwgMTAwJSwgNTAlKSA2NyUsXG4gICAgICAgIGhzbCgzMDAsIDEwMCUsIDUwJSkgODMlLFxuICAgICAgICBoc2woMzYwLCAxMDAlLCA1MCUpIDEwMCUpYDtcblxuICAgIGN1cnJlbnRIdWUgPSAxMDA7XG4gICAgY3VycmVudEh1ZU1pbiA9IDA7XG4gICAgY3VycmVudEh1ZU1heCA9IDM2MDtcbiAgICBjdXJyZW50SHVlQmFja2dyb3VuZCA9IHRoaXMuZGVmYXVsdEh1ZUJhY2tncm91bmQ7XG5cbiAgICBwcml2YXRlIGRlZmF1bHRTYXR1cmF0aW9uQmFja2dyb3VuZCA9IGBsaW5lYXItZ3JhZGllbnQodG8gcmlnaHQsXG4gICAgICAgIGhzbCh2YXIoLS1wZXAtY29sb3ItcGlja2VyLWN1cnJlbnQtaHVlKSwgMC4wMSUsIDUwJSkgMCUsXG4gICAgICAgIGhzbCh2YXIoLS1wZXAtY29sb3ItcGlja2VyLWN1cnJlbnQtaHVlKSwgMTAwJSwgNTAlKSAxMDAlKWA7XG5cbiAgICBjdXJyZW50U2F0dXJhdGlvbiA9IDUwO1xuICAgIGN1cnJlbnRTYXR1cmF0aW9uTWluID0gMDtcbiAgICBjdXJyZW50U2F0dXJhdGlvbk1heCA9IDEwMDtcbiAgICBjdXJyZW50U2F0dXJhdGlvbkJhY2tncm91bmQgPSB0aGlzLmRlZmF1bHRTYXR1cmF0aW9uQmFja2dyb3VuZDtcblxuICAgIHByaXZhdGUgZGVmYXVsdExpZ2h0bmVzc0JhY2tncm91bmQgPSBgbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LFxuICAgICAgICBoc2wodmFyKC0tcGVwLWNvbG9yLXBpY2tlci1jdXJyZW50LWh1ZSksIDEwMCUsIDEwMCUpIDAlLFxuICAgICAgICBoc2wodmFyKC0tcGVwLWNvbG9yLXBpY2tlci1jdXJyZW50LWh1ZSksIDEwMCUsIDUwJSkgNTAlLFxuICAgICAgICBoc2wodmFyKC0tcGVwLWNvbG9yLXBpY2tlci1jdXJyZW50LWh1ZSksIDEwMCUsIDAuMDElKSAxMDAlKWA7XG5cbiAgICBjdXJyZW50TGlnaHRuZXNzID0gNTA7XG4gICAgY3VycmVudExpZ2h0bmVzc01pbiA9IDA7XG4gICAgY3VycmVudExpZ2h0bmVzc01heCA9IDEwMDtcbiAgICBjdXJyZW50TGlnaHRuZXNzQmFja2dyb3VuZCA9IHRoaXMuZGVmYXVsdExpZ2h0bmVzc0JhY2tncm91bmQ7XG5cbiAgICBjb21wbGllbnRDb2xvcjogc3RyaW5nO1xuICAgIGlzVXNlckNob29zZUFBQ29tcGxpZW50Q29sb3I6IGJvb2xlYW47XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pbml0VmFycygpO1xuICAgICAgICB0aGlzLmNoZWNrQUFDb21wbGllbnQgPSB0aGlzLmRhdGEuY2hlY2tBQUNvbXBsaWVudDtcbiAgICAgICAgdGhpcy5jb252ZXJ0VmFsdWVTdHJpbmdUb0NvbG9yKHRoaXMuZGF0YS52YWx1ZSk7XG4gICAgfVxuXG4gICAgaW5pdFZhcnMoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmRhdGEudHlwZSA9PT0gJ21haW4nKSB7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRMaWdodG5lc3NNYXggPSAxMDtcbiAgICAgICAgICAgIHRoaXMuY3VycmVudExpZ2h0bmVzcyA9IDU7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRIdWVCYWNrZ3JvdW5kID0gdGhpcy5kZWZhdWx0SHVlQmFja2dyb3VuZDtcbiAgICAgICAgICAgIHRoaXMuY3VycmVudFNhdHVyYXRpb25CYWNrZ3JvdW5kID0gdGhpcy5kZWZhdWx0U2F0dXJhdGlvbkJhY2tncm91bmQ7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRMaWdodG5lc3NCYWNrZ3JvdW5kID0gdGhpcy5kZWZhdWx0TGlnaHRuZXNzQmFja2dyb3VuZDtcbiAgICAgICAgfSBlbHNlIGlmICh0aGlzLmRhdGEudHlwZSA9PT0gJ3N1Y2Nlc3MnKSB7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRIdWVNaW4gPSA3MDtcbiAgICAgICAgICAgIHRoaXMuY3VycmVudEh1ZU1heCA9IDE1MDtcbiAgICAgICAgICAgIHRoaXMuY3VycmVudEh1ZSA9IDEwMDtcblxuICAgICAgICAgICAgdGhpcy5jdXJyZW50U2F0dXJhdGlvbk1pbiA9IDUwO1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50U2F0dXJhdGlvbk1heCA9IDEwMDtcbiAgICAgICAgICAgIHRoaXMuY3VycmVudFNhdHVyYXRpb24gPSA1MDtcblxuICAgICAgICAgICAgdGhpcy5jdXJyZW50TGlnaHRuZXNzTWluID0gMTA7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRMaWdodG5lc3NNYXggPSA2NTtcbiAgICAgICAgICAgIHRoaXMuY3VycmVudExpZ2h0bmVzcyA9IDUwO1xuXG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRIdWVCYWNrZ3JvdW5kID0gYGxpbmVhci1ncmFkaWVudCh0byByaWdodCxcbiAgICAgICAgICAgICAgICBoc2woNzAsIDEwMCUsIDUwJSkgMCUsXG4gICAgICAgICAgICAgICAgaHNsKDE1MCwgMTAwJSwgNTAlKSAxMDAlKWA7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRTYXR1cmF0aW9uQmFja2dyb3VuZCA9IGBsaW5lYXItZ3JhZGllbnQodG8gcmlnaHQsXG4gICAgICAgICAgICAgICAgaHNsKHZhcigtLXBlcC1jb2xvci1waWNrZXItY3VycmVudC1odWUpLCA1MCUsIDUwJSkgNTAlLFxuICAgICAgICAgICAgICAgIGhzbCh2YXIoLS1wZXAtY29sb3ItcGlja2VyLWN1cnJlbnQtaHVlKSwgMTAwJSwgNTAlKSAxMDAlKWA7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRMaWdodG5lc3NCYWNrZ3JvdW5kID0gYGxpbmVhci1ncmFkaWVudCh0byByaWdodCxcbiAgICAgICAgICAgICAgICBoc2wodmFyKC0tcGVwLWNvbG9yLXBpY2tlci1jdXJyZW50LWh1ZSksIDEwMCUsIDY1JSkgMTAlLFxuICAgICAgICAgICAgICAgIGhzbCh2YXIoLS1wZXAtY29sb3ItcGlja2VyLWN1cnJlbnQtaHVlKSwgMTAwJSwgMzUlKSAzNSUsXG4gICAgICAgICAgICAgICAgaHNsKHZhcigtLXBlcC1jb2xvci1waWNrZXItY3VycmVudC1odWUpLCAxMDAlLCAxMCUpIDY1JSlgO1xuXG4gICAgICAgIH0gZWxzZSBpZiAodGhpcy5kYXRhLnR5cGUgPT09ICdjYXV0aW9uJykge1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50SHVlTWluID0gLTIwO1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50SHVlTWF4ID0gMjA7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRIdWUgPSAxMDtcblxuICAgICAgICAgICAgdGhpcy5jdXJyZW50U2F0dXJhdGlvbk1pbiA9IDc1O1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50U2F0dXJhdGlvbk1heCA9IDEwMDtcbiAgICAgICAgICAgIHRoaXMuY3VycmVudFNhdHVyYXRpb24gPSA3NTtcblxuICAgICAgICAgICAgdGhpcy5jdXJyZW50TGlnaHRuZXNzTWluID0gMjU7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRMaWdodG5lc3NNYXggPSA3NTtcbiAgICAgICAgICAgIHRoaXMuY3VycmVudExpZ2h0bmVzcyA9IDUwO1xuXG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRIdWVCYWNrZ3JvdW5kID0gYGxpbmVhci1ncmFkaWVudCh0byByaWdodCxcbiAgICAgICAgICAgICAgICBoc2woMzQwLCAxMDAlLCA1MCUpIDAlLFxuICAgICAgICAgICAgICAgIGhzbCgyMCwgMTAwJSwgNTAlKSAxMDAlKWA7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRTYXR1cmF0aW9uQmFja2dyb3VuZCA9IGBsaW5lYXItZ3JhZGllbnQodG8gcmlnaHQsXG4gICAgICAgICAgICAgICAgaHNsKHZhcigtLXBlcC1jb2xvci1waWNrZXItY3VycmVudC1odWUpLCA3NSUsIDUwJSkgNzUlLFxuICAgICAgICAgICAgICAgIGhzbCh2YXIoLS1wZXAtY29sb3ItcGlja2VyLWN1cnJlbnQtaHVlKSwgMTAwJSwgNTAlKSAxMDAlKWA7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRMaWdodG5lc3NCYWNrZ3JvdW5kID0gYGxpbmVhci1ncmFkaWVudCh0byByaWdodCxcbiAgICAgICAgICAgICAgICBoc2wodmFyKC0tcGVwLWNvbG9yLXBpY2tlci1jdXJyZW50LWh1ZSksIDEwMCUsIDc1JSkgMjUlLFxuICAgICAgICAgICAgICAgIGhzbCh2YXIoLS1wZXAtY29sb3ItcGlja2VyLWN1cnJlbnQtaHVlKSwgMTAwJSwgNTAlKSA1MCUsXG4gICAgICAgICAgICAgICAgaHNsKHZhcigtLXBlcC1jb2xvci1waWNrZXItY3VycmVudC1odWUpLCAxMDAlLCAyNSUpIDc1JSlgO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgc2V0Q3VycmVudEh1ZUluQ3NzKCk6IHZvaWQge1xuICAgICAgICBkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuc3R5bGUuc2V0UHJvcGVydHkoXG4gICAgICAgICAgICBQZXBDb2xvclBpY2tlckNvbXBvbmVudC5DVVJSRU5UX0hVRSxcbiAgICAgICAgICAgIHRoaXMuY3VycmVudEh1ZS50b1N0cmluZygpXG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgY29udmVydFZhbHVlU3RyaW5nVG9Db2xvcihjb2xvcik6IHZvaWQge1xuICAgICAgICBpZiAoY29sb3IuaW5kZXhPZignaHNsJykgPT09IDApIHtcbiAgICAgICAgICAgIGNvbnN0IGhzbCA9IHRoaXMuY29sb3JTZXJ2aWNlLmhzbFN0cmluZzJoc2woY29sb3IpO1xuICAgICAgICAgICAgdGhpcy5jb252ZXJ0Q29sb3JUb1ZhbHVlU3RyaW5nKGhzbCk7XG4gICAgICAgIH0gZWxzZSBpZiAoY29sb3IuaW5kZXhPZigncmdiJykgPT09IDApIHtcbiAgICAgICAgICAgIGNvbnN0IGhzbCA9IHRoaXMuY29sb3JTZXJ2aWNlLnJnYlN0cmluZzJoc2woY29sb3IpO1xuICAgICAgICAgICAgdGhpcy5jb252ZXJ0Q29sb3JUb1ZhbHVlU3RyaW5nKGhzbCk7XG4gICAgICAgIH0gZWxzZSBpZiAoY29sb3IuaW5kZXhPZignIycpID09PSAwKSB7XG4gICAgICAgICAgICBjb25zdCBoc2wgPSB0aGlzLmNvbG9yU2VydmljZS5oZXgyaHNsKGNvbG9yKTtcbiAgICAgICAgICAgIHRoaXMuY29udmVydENvbG9yVG9WYWx1ZVN0cmluZyhoc2wpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgLy8gSGFuZGxlIGRlZmF1bHQuXG4gICAgICAgICAgICBjb25zdCBoc2wgPSB0aGlzLmNvbG9yU2VydmljZS5oZXgyaHNsKHRoaXMuZGVmYXVsdENvbG9yKTtcbiAgICAgICAgICAgIHRoaXMuY29udmVydENvbG9yVG9WYWx1ZVN0cmluZyhoc2wpO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5zZXRDdXJyZW50SHVlSW5Dc3MoKTtcbiAgICB9XG5cbiAgICBjb252ZXJ0Q29sb3JUb1ZhbHVlU3RyaW5nKGhzbENvbG9yOiBJUGVwSHNsQ29sb3IpOiB2b2lkIHtcbiAgICAgICAgLy8gUmVndWxhciBodWVcbiAgICAgICAgaWYgKFxuICAgICAgICAgICAgaHNsQ29sb3IuaCA+PSB0aGlzLmN1cnJlbnRIdWVNaW4gJiZcbiAgICAgICAgICAgIGhzbENvbG9yLmggPD0gdGhpcy5jdXJyZW50SHVlTWF4XG4gICAgICAgICkge1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50SHVlID0gaHNsQ29sb3IuaDtcbiAgICAgICAgfSBlbHNlIGlmIChcbiAgICAgICAgICAgIHRoaXMuY3VycmVudEh1ZU1pbiA8IDAgJiZcbiAgICAgICAgICAgIGhzbENvbG9yLmggPj0gMCAmJlxuICAgICAgICAgICAgaHNsQ29sb3IuaCA8PSAzNjBcbiAgICAgICAgKSB7XG4gICAgICAgICAgICAvLyBGb3IgbWluIHdpdGggLSAoY2hhbmdlIHRvIHRoZSBvdGhlciBzaWRlIG9mIHRoZSBjaXJjbGUpXG4gICAgICAgICAgICBoc2xDb2xvci5oID0gaHNsQ29sb3IuaCAtIDM2MDtcblxuICAgICAgICAgICAgaWYgKFxuICAgICAgICAgICAgICAgIGhzbENvbG9yLmggPj0gdGhpcy5jdXJyZW50SHVlTWluICYmXG4gICAgICAgICAgICAgICAgaHNsQ29sb3IuaCA8PSB0aGlzLmN1cnJlbnRIdWVNYXhcbiAgICAgICAgICAgICkge1xuICAgICAgICAgICAgICAgIHRoaXMuY3VycmVudEh1ZSA9IGhzbENvbG9yLmg7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLmN1cnJlbnRTYXR1cmF0aW9uID1cbiAgICAgICAgICAgIGhzbENvbG9yLnMgPj0gdGhpcy5jdXJyZW50U2F0dXJhdGlvbk1pbiAmJlxuICAgICAgICAgICAgICAgIGhzbENvbG9yLnMgPD0gdGhpcy5jdXJyZW50U2F0dXJhdGlvbk1heFxuICAgICAgICAgICAgICAgID8gaHNsQ29sb3Iuc1xuICAgICAgICAgICAgICAgIDogdGhpcy5jdXJyZW50U2F0dXJhdGlvbjtcblxuICAgICAgICB0aGlzLmN1cnJlbnRMaWdodG5lc3MgPVxuICAgICAgICAgICAgaHNsQ29sb3IubCA+PSB0aGlzLmN1cnJlbnRMaWdodG5lc3NNaW4gJiZcbiAgICAgICAgICAgICAgICBoc2xDb2xvci5sIDw9IHRoaXMuY3VycmVudExpZ2h0bmVzc01heFxuICAgICAgICAgICAgICAgID8gaHNsQ29sb3IubFxuICAgICAgICAgICAgICAgIDogdGhpcy5jdXJyZW50TGlnaHRuZXNzO1xuXG4gICAgICAgIC8vIFdyaXRlIHRoZSB2YWx1ZSAoaWYgaHVlIGlzIGNoYW5nZWQgdG8gdGhlIG90aGVyIHNpZGUgb2YgdGhlIGNpcmNsZSByZXR1cm4gaXQgYmFjaykuXG4gICAgICAgIGNvbnN0IGhzbCA9IHtcbiAgICAgICAgICAgIGg6IHRoaXMuY3VycmVudEh1ZSxcbiAgICAgICAgICAgIHM6IHRoaXMuY3VycmVudFNhdHVyYXRpb24sXG4gICAgICAgICAgICBsOiB0aGlzLmN1cnJlbnRMaWdodG5lc3MsXG4gICAgICAgIH07XG4gICAgICAgIHRoaXMuZGF0YS52YWx1ZSA9IHRoaXMuY29sb3JTZXJ2aWNlLmNvbnZlcnRIc2xUb1N0cmluZ0hzbChoc2wpO1xuXG4gICAgICAgIC8vIENoZWNrIHRoZSBjb250cmFzdCByYXRpbyAtIHNldCB0aGUgY2xvc2VzdCBhY2Nlc3NpYmxlIGNvbG9yIHRvIGNvbXBsaWVudENvbG9yXG4gICAgICAgIC8vIGFuZCB1cGRhdGUgaXNVc2VyQ2hvb3NlQUFDb21wbGllbnRDb2xvci5cbiAgICAgICAgY29uc3QgYWRqdXN0YWJsZUNvbG9yID0gdGhpcy5jb2xvclNlcnZpY2UuaHNsMmhleChoc2wpO1xuICAgICAgICBjb25zdCBjbG9zZXN0SGV4ID0gdGhpcy5jb2xvclNlcnZpY2UuZmluZENsb3Nlc3RBY2Nlc3NpYmxlQ29sb3IoXG4gICAgICAgICAgICBhZGp1c3RhYmxlQ29sb3IsXG4gICAgICAgICAgICB0aGlzLmRhdGEudGV4dENvbG9yLFxuICAgICAgICAgICAgdGhpcy5kYXRhLmNvbnRyYXN0UmF0aW9cbiAgICAgICAgKTtcblxuICAgICAgICB0aGlzLmlzVXNlckNob29zZUFBQ29tcGxpZW50Q29sb3IgPSBhZGp1c3RhYmxlQ29sb3IgPT09IGNsb3Nlc3RIZXg7XG4gICAgICAgIHRoaXMuY29tcGxpZW50Q29sb3IgPSB0aGlzLmNvbG9yU2VydmljZS5jb252ZXJ0SHNsVG9TdHJpbmdIc2woXG4gICAgICAgICAgICB0aGlzLmNvbG9yU2VydmljZS5oZXgyaHNsKGNsb3Nlc3RIZXgpXG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgb25IdWVDaGFuZ2UodmFsdWUpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5jb252ZXJ0Q29sb3JUb1ZhbHVlU3RyaW5nKHsgaDogdmFsdWUgfSk7XG4gICAgICAgIHRoaXMuc2V0Q3VycmVudEh1ZUluQ3NzKCk7XG4gICAgfVxuXG4gICAgb25TYXR1cmF0aW9uQ2hhbmdlKHZhbHVlKTogdm9pZCB7XG4gICAgICAgIC8vIHRoaXMuY3VycmVudFNhdHVyYXRpb24gPSBldmVudC52YWx1ZTtcbiAgICAgICAgdGhpcy5jb252ZXJ0Q29sb3JUb1ZhbHVlU3RyaW5nKHsgczogdmFsdWUgfSk7XG4gICAgfVxuXG4gICAgb25MaWdodG5lc3NDaGFuZ2UodmFsdWUpOiB2b2lkIHtcbiAgICAgICAgLy8gdGhpcy5jdXJyZW50TGlnaHRuZXNzID0gZXZlbnQudmFsdWU7XG4gICAgICAgIHRoaXMuY29udmVydENvbG9yVG9WYWx1ZVN0cmluZyh7XG4gICAgICAgICAgICBsOlxuICAgICAgICAgICAgICAgIHRoaXMuY3VycmVudExpZ2h0bmVzc01heCAtXG4gICAgICAgICAgICAgICAgdmFsdWUgK1xuICAgICAgICAgICAgICAgIHRoaXMuY3VycmVudExpZ2h0bmVzc01pbixcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgb25Db2xvclZhbHVlQ2hhbmdlKGV2ZW50KTogdm9pZCB7XG4gICAgICAgIHRoaXMuY29udmVydFZhbHVlU3RyaW5nVG9Db2xvcihldmVudC52YWx1ZSk7XG4gICAgfVxuXG4gICAgb25TYXZlKGV2ZW50KTogdm9pZCB7XG4gICAgICAgIGNvbnN0IGNvbG9yID0gdGhpcy5jaGVja0FBQ29tcGxpZW50XG4gICAgICAgICAgICA/IHRoaXMuY29tcGxpZW50Q29sb3JcbiAgICAgICAgICAgIDogdGhpcy5kYXRhLnZhbHVlO1xuXG4gICAgICAgIC8vIHRoaXMubm90aWZ5LmVtaXQoeyBrZXk6IHRoaXMua2V5LCB2YWx1ZTogY29sb3IgfSk7XG4gICAgICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKGNvbG9yKTtcbiAgICB9XG5cbiAgICBjbG9zZURpYWxvZyhldmVudCkge1xuICAgICAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZShldmVudCk7XG4gICAgfVxufVxuIl19