@wavemaker/app-ng-runtime 11.13.0-rc.6255 → 11.14.0-rc.226

package/components/input/color-picker/bundles/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@wm/components/base'), require('@angular/forms'), require('ngx-color-picker'), require('@angular/core'), require('@angular/common'), require('@wm/core'), require('@wm/components/input')) :
-    typeof define === 'function' && define.amd ? define(['exports', '@wm/components/base', '@angular/forms', 'ngx-color-picker', '@angular/core', '@angular/common', '@wm/core', '@wm/components/input'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.input = global.wm.components.input || {}, global.wm.components.input.colorpicker = {}), global.wm.components.base, global.ng.forms, global.ngxColorpicker, global.ng.core, global.ng.common, global.wm.core, global.wm.components.input));
-})(this, (function (exports, base, i2, i1, i0, common, core, input) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/forms'), require('ngx-color-picker'), require('@angular/core'), require('@angular/common'), require('@wm/core'), require('@wm/components/base'), require('@wm/components/input/base-form-custom')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@angular/forms', 'ngx-color-picker', '@angular/core', '@angular/common', '@wm/core', '@wm/components/base', '@wm/components/input/base-form-custom'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.input = global.wm.components.input || {}, global.wm.components.input.colorpicker = {}), global.ng.forms, global.ngxColorpicker, global.ng.core, global.ng.common, global.wm.core, global.wm.components.base, global.wm.components.input.baseFormCustom));
+})(this, (function (exports, i1, ngxColorPicker, i0, common, core, base, baseFormCustom) { 'use strict';
 
     function _interopNamespaceDefault(e) {
         var n = Object.create(null);
@@ -21,7 +21,6 @@
         return Object.freeze(n);
     }
 
-    var i2__namespace = /*#__PURE__*/_interopNamespaceDefault(i2);
     var i1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1);
     var i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
 
@@ -45,22 +44,18 @@
         base.registerFormWidget(core.FormWidgetType.COLORPICKER, new Map(colorPickerProps));
     };
 
-    const _c0 = ["input"];
-    const _c1 = ["wmColorPicker", ""];
-    const _c2 = () => ({ updateOn: "change", standalone: true });
     const DEFAULT_CLS = 'input-group app-colorpicker';
     const WIDGET_CONFIG = {
         widgetType: 'wm-colorpicker',
         hostClass: DEFAULT_CLS,
         displayType: 'inline-block'
     };
-    class ColorPickerComponent extends input.BaseFormCustomComponent {
+    class ColorPickerComponent extends baseFormCustom.BaseFormCustomComponent {
         static { this.initializeProps = registerProps(); }
         constructor(inj, explicitContext) {
             super(inj, WIDGET_CONFIG, explicitContext);
             base.styler(this.nativeElement, this);
         }
-        // To remove space occupied by colorpicker when it is closed
         colorPickerToggleChange(isOpen) {
             const colorPickerContainer = this.nativeElement.querySelector(`.color-picker`);
             if (colorPickerContainer) {
@@ -69,21 +64,17 @@
         }
         colorPickerOpen(value) {
             $('.hex-text input').attr('placeholder', 'Enter hex color code');
-            // Whenever autoclose property is set to 'always', adding the onclick listener to the colorPicker container to close the picker.
             if (this.autoclose === base.AUTOCLOSE_TYPE.ALWAYS) {
                 const colorPickerContainer = this.nativeElement.querySelector(`.color-picker`);
                 colorPickerContainer.onclick = () => this.cpDirective.closeDialog();
             }
         }
-        // This mehtod is used to show/open the colorpicker popup.
         open() {
             this.cpDirective.openDialog();
         }
-        // This mehtod is used to hide/close the colorpicker popup.
         close() {
             this.cpDirective.closeDialog();
         }
-        // change and blur events are added from the template
         handleEvent(node, eventName, callback, locals) {
             if (eventName !== 'change' && eventName !== 'blur') {
                 super.handleEvent(this.inputEl.nativeElement, eventName, callback, locals);
@@ -97,7 +88,6 @@
                 return;
             }
             if (key === 'required') {
-                /* WMS-18269 | Update Angular about the required attr value change */
                 this._onChange(this.datavalue);
                 return;
             }
@@ -110,66 +100,37 @@
             }
             super.onPropertyChange(key, nv, ov);
         }
-        static { this.ɵfac = function ColorPickerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ColorPickerComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-        static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: ColorPickerComponent, selectors: [["", "wmColorPicker", ""]], viewQuery: function ColorPickerComponent_Query(rf, ctx) { if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(i2.NgModel, 5);
-                i0__namespace.ɵɵviewQuery(_c0, 7, i0.ElementRef);
-                i0__namespace.ɵɵviewQuery(i1.ColorPickerDirective, 5);
-            } if (rf & 2) {
-                let _t;
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.ngModel = _t.first);
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.inputEl = _t.first);
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.cpDirective = _t.first);
-            } }, standalone: true, features: [i0__namespace.ɵɵProvidersFeature([
-                    base.provideAs(ColorPickerComponent, i2.NG_VALUE_ACCESSOR, true),
-                    base.provideAs(ColorPickerComponent, i2.NG_VALIDATORS, true),
-                    base.provideAsWidgetRef(ColorPickerComponent),
-                    i1.ColorPickerService
-                ]), i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵStandaloneFeature], attrs: _c1, decls: 5, vars: 15, consts: [["input", ""], ["aria-haspopup", "true", "focus-target", "", 1, "form-control", "app-textbox", 3, "colorPickerChange", "cpToggleChange", "colorPickerOpen", "ngModelChange", "blur", "colorPicker", "cpPosition", "cpCloseClickOutside", "disabled", "required", "tabindex", "ngModel", "ngModelOptions"], [1, "input-group-addon", "colorpicker-container"], [1, "colored-box"]], template: function ColorPickerComponent_Template(rf, ctx) { if (rf & 1) {
-                const _r1 = i0__namespace.ɵɵgetCurrentView();
-                i0__namespace.ɵɵelementStart(0, "input", 1, 0);
-                i0__namespace.ɵɵtwoWayListener("colorPickerChange", function ColorPickerComponent_Template_input_colorPickerChange_0_listener($event) { i0__namespace.ɵɵrestoreView(_r1); i0__namespace.ɵɵtwoWayBindingSet(ctx.datavalue, $event) || (ctx.datavalue = $event); return i0__namespace.ɵɵresetView($event); });
-                i0__namespace.ɵɵlistener("colorPickerChange", function ColorPickerComponent_Template_input_colorPickerChange_0_listener($event) { i0__namespace.ɵɵrestoreView(_r1); return i0__namespace.ɵɵresetView(ctx.handleChange($event)); })("cpToggleChange", function ColorPickerComponent_Template_input_cpToggleChange_0_listener($event) { i0__namespace.ɵɵrestoreView(_r1); return i0__namespace.ɵɵresetView(ctx.colorPickerToggleChange($event)); })("colorPickerOpen", function ColorPickerComponent_Template_input_colorPickerOpen_0_listener($event) { i0__namespace.ɵɵrestoreView(_r1); return i0__namespace.ɵɵresetView(ctx.colorPickerOpen($event)); });
-                i0__namespace.ɵɵtwoWayListener("ngModelChange", function ColorPickerComponent_Template_input_ngModelChange_0_listener($event) { i0__namespace.ɵɵrestoreView(_r1); i0__namespace.ɵɵtwoWayBindingSet(ctx.datavalue, $event) || (ctx.datavalue = $event); return i0__namespace.ɵɵresetView($event); });
-                i0__namespace.ɵɵlistener("ngModelChange", function ColorPickerComponent_Template_input_ngModelChange_0_listener($event) { i0__namespace.ɵɵrestoreView(_r1); return i0__namespace.ɵɵresetView(ctx.handleChange($event)); })("blur", function ColorPickerComponent_Template_input_blur_0_listener($event) { i0__namespace.ɵɵrestoreView(_r1); return i0__namespace.ɵɵresetView(ctx.invokeOnTouched($event)); });
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(2, "span", 2)(3, "i", 3);
-                i0__namespace.ɵɵtext(4, "\u00A0");
-                i0__namespace.ɵɵelementEnd()();
-            } if (rf & 2) {
-                i0__namespace.ɵɵtwoWayProperty("colorPicker", ctx.datavalue);
-                i0__namespace.ɵɵproperty("cpPosition", "bottom")("cpCloseClickOutside", ctx.outsideclick)("disabled", ctx.readonly || ctx.disabled)("required", ctx.required)("tabindex", ctx.tabindex);
-                i0__namespace.ɵɵtwoWayProperty("ngModel", ctx.datavalue);
-                i0__namespace.ɵɵproperty("ngModelOptions", i0__namespace.ɵɵpureFunction0(14, _c2));
-                i0__namespace.ɵɵattribute("name", ctx.name)("aria-label", ctx.arialabel)("placeholder", ctx.placeholder)("accesskey", ctx.shortcutkey);
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵstyleProp("background-color", ctx.datavalue);
-            } }, dependencies: [common.CommonModule, i1.ColorPickerModule, i1__namespace.ColorPickerDirective, i2.FormsModule, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.RequiredValidator, i2__namespace.NgModel, base.WmComponentsModule], encapsulation: 2 }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: ColorPickerComponent, deps: [{ token: i0__namespace.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ColorPickerComponent, isStandalone: true, selector: "[wmColorPicker]", providers: [
+                base.provideAs(ColorPickerComponent, i1.NG_VALUE_ACCESSOR, true),
+                base.provideAs(ColorPickerComponent, i1.NG_VALIDATORS, true),
+                base.provideAsWidgetRef(ColorPickerComponent),
+                ngxColorPicker.ColorPickerService
+            ], viewQueries: [{ propertyName: "ngModel", first: true, predicate: i1.NgModel, descendants: true }, { propertyName: "inputEl", first: true, predicate: ["input"], descendants: true, read: i0.ElementRef, static: true }, { propertyName: "cpDirective", first: true, predicate: ngxColorPicker.ColorPickerDirective, descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<input aria-haspopup=\"true\" class=\"form-control app-textbox\"\n       #input\n       focus-target\n       [attr.name]=\"name\"\n       [attr.aria-label]=\"arialabel\"\n       [(colorPicker)]=\"datavalue\"\n       (colorPickerChange)=\"handleChange($event);\"\n       (cpToggleChange)=\"colorPickerToggleChange($event)\"\n       [cpPosition]=\"'bottom'\"\n       [cpCloseClickOutside]=\"outsideclick\"\n       (colorPickerOpen)=\"colorPickerOpen($event)\"\n       [attr.placeholder]=\"placeholder\"\n       [disabled]=\"readonly || disabled\"\n       [required]=\"required\"\n       [tabindex]=\"tabindex\"\n       [(ngModel)]=\"datavalue\"\n       (ngModelChange)=\"handleChange($event);\"\n       [ngModelOptions]=\"{updateOn: 'change', standalone: true}\"\n       (blur)=\"invokeOnTouched($event)\"\n       [attr.accesskey]=\"shortcutkey\">\n<span class=\"input-group-addon colorpicker-container\">\n    <i class=\"colored-box\" [style.backgroundColor]=\"datavalue\">&nbsp;</i>\n</span>\n", dependencies: [{ kind: "ngmodule", type: common.CommonModule }, { kind: "ngmodule", type: i1.FormsModule }, { kind: "directive", type: i1__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1__namespace.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ngxColorPicker.ColorPickerDirective, selector: "[colorPicker]", inputs: ["colorPicker", "cpWidth", "cpHeight", "cpToggle", "cpDisabled", "cpIgnoredElements", "cpFallbackColor", "cpColorMode", "cpCmykEnabled", "cpOutputFormat", "cpAlphaChannel", "cpDisableInput", "cpDialogDisplay", "cpSaveClickOutside", "cpCloseClickOutside", "cpUseRootViewContainer", "cpPosition", "cpPositionOffset", "cpPositionRelativeToArrow", "cpOKButton", "cpOKButtonText", "cpOKButtonClass", "cpCancelButton", "cpCancelButtonText", "cpCancelButtonClass", "cpEyeDropper", "cpPresetLabel", "cpPresetColors", "cpPresetColorsClass", "cpMaxPresetColorsLength", "cpPresetEmptyMessage", "cpPresetEmptyMessageClass", "cpAddColorButton", "cpAddColorButtonText", "cpAddColorButtonClass", "cpRemoveColorButtonClass", "cpArrowPosition", "cpExtraTemplate"], outputs: ["cpInputChange", "cpToggleChange", "cpSliderChange", "cpSliderDragEnd", "cpSliderDragStart", "colorPickerOpen", "colorPickerClose", "colorPickerCancel", "colorPickerSelect", "colorPickerChange", "cpCmykColorChange", "cpPresetColorsChange"], exportAs: ["ngxColorPicker"] }] }); }
     }
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ColorPickerComponent, [{
-            type: i0.Component,
-            args: [{ standalone: true, imports: [common.CommonModule, i1.ColorPickerModule, i2.FormsModule, base.WmComponentsModule], selector: '[wmColorPicker]', providers: [
-                        base.provideAs(ColorPickerComponent, i2.NG_VALUE_ACCESSOR, true),
-                        base.provideAs(ColorPickerComponent, i2.NG_VALIDATORS, true),
-                        base.provideAsWidgetRef(ColorPickerComponent),
-                        i1.ColorPickerService
-                    ], template: "<input aria-haspopup=\"true\" class=\"form-control app-textbox\"\n       #input\n       focus-target\n       [attr.name]=\"name\"\n       [attr.aria-label]=\"arialabel\"\n       [(colorPicker)]=\"datavalue\"\n       (colorPickerChange)=\"handleChange($event);\"\n       (cpToggleChange)=\"colorPickerToggleChange($event)\"\n       [cpPosition]=\"'bottom'\"\n       [cpCloseClickOutside]=\"outsideclick\"\n       (colorPickerOpen)=\"colorPickerOpen($event)\"\n       [attr.placeholder]=\"placeholder\"\n       [disabled]=\"readonly || disabled\"\n       [required]=\"required\"\n       [tabindex]=\"tabindex\"\n       [(ngModel)]=\"datavalue\"\n       (ngModelChange)=\"handleChange($event);\"\n       [ngModelOptions]=\"{updateOn: 'change', standalone: true}\"\n       (blur)=\"invokeOnTouched($event)\"\n       [attr.accesskey]=\"shortcutkey\">\n<span class=\"input-group-addon colorpicker-container\">\n    <i class=\"colored-box\" [style.backgroundColor]=\"datavalue\">&nbsp;</i>\n</span>\n" }]
-        }], () => [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
-                    type: i0.Inject,
-                    args: ['EXPLICIT_CONTEXT']
-                }, {
-                    type: i0.Optional
-                }] }], { ngModel: [{
-                type: i0.ViewChild,
-                args: [i2.NgModel]
-            }], inputEl: [{
-                type: i0.ViewChild,
-                args: ['input', { static: true, read: i0.ElementRef }]
-            }], cpDirective: [{
-                type: i0.ViewChild,
-                args: [i1.ColorPickerDirective]
-            }] }); })();
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(ColorPickerComponent, { className: "ColorPickerComponent", filePath: "color-picker.component.ts", lineNumber: 34 }); })();
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: ColorPickerComponent, decorators: [{
+                type: i0.Component,
+                args: [{ standalone: true, imports: [common.CommonModule, i1.FormsModule, ngxColorPicker.ColorPickerDirective], selector: '[wmColorPicker]', providers: [
+                            base.provideAs(ColorPickerComponent, i1.NG_VALUE_ACCESSOR, true),
+                            base.provideAs(ColorPickerComponent, i1.NG_VALIDATORS, true),
+                            base.provideAsWidgetRef(ColorPickerComponent),
+                            ngxColorPicker.ColorPickerService
+                        ], template: "<input aria-haspopup=\"true\" class=\"form-control app-textbox\"\n       #input\n       focus-target\n       [attr.name]=\"name\"\n       [attr.aria-label]=\"arialabel\"\n       [(colorPicker)]=\"datavalue\"\n       (colorPickerChange)=\"handleChange($event);\"\n       (cpToggleChange)=\"colorPickerToggleChange($event)\"\n       [cpPosition]=\"'bottom'\"\n       [cpCloseClickOutside]=\"outsideclick\"\n       (colorPickerOpen)=\"colorPickerOpen($event)\"\n       [attr.placeholder]=\"placeholder\"\n       [disabled]=\"readonly || disabled\"\n       [required]=\"required\"\n       [tabindex]=\"tabindex\"\n       [(ngModel)]=\"datavalue\"\n       (ngModelChange)=\"handleChange($event);\"\n       [ngModelOptions]=\"{updateOn: 'change', standalone: true}\"\n       (blur)=\"invokeOnTouched($event)\"\n       [attr.accesskey]=\"shortcutkey\">\n<span class=\"input-group-addon colorpicker-container\">\n    <i class=\"colored-box\" [style.backgroundColor]=\"datavalue\">&nbsp;</i>\n</span>\n" }]
+            }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }], propDecorators: { ngModel: [{
+                    type: i0.ViewChild,
+                    args: [i1.NgModel]
+                }], inputEl: [{
+                    type: i0.ViewChild,
+                    args: ['input', { static: true, read: i0.ElementRef }]
+                }], cpDirective: [{
+                    type: i0.ViewChild,
+                    args: [ngxColorPicker.ColorPickerDirective]
+                }] } });
 
     exports.ColorPickerComponent = ColorPickerComponent;
 

package/components/input/color-picker/color-picker.component.d.ts

@@ -1,7 +1,7 @@
+import { ColorPickerDirective } from 'ngx-color-picker';
 import { ElementRef, Injector } from '@angular/core';
 import { NgModel } from '@angular/forms';
-import { ColorPickerDirective } from 'ngx-color-picker';
-import { BaseFormCustomComponent } from '@wm/components/input';
+import { BaseFormCustomComponent } from '@wm/components/input/base-form-custom';
 import * as i0 from "@angular/core";
 export declare class ColorPickerComponent extends BaseFormCustomComponent {
     static initializeProps: void;

package/components/input/color-picker/esm2022/color-picker.component.mjs

@@ -1,20 +1,14 @@
-import { WmComponentsModule } from "@wm/components/base";
 import { FormsModule } from '@angular/forms';
-import { ColorPickerModule, ColorPickerService } from 'ngx-color-picker';
+import { ColorPickerService, ColorPickerDirective } from 'ngx-color-picker';
 import { Component, ElementRef, Inject, Injector, Optional, ViewChild } from '@angular/core';
 import { CommonModule } from "@angular/common";
 import { NG_VALIDATORS, NG_VALUE_ACCESSOR, NgModel } from '@angular/forms';
-import { ColorPickerDirective } from 'ngx-color-picker';
 import { addClass, removeClass } from '@wm/core';
 import { AUTOCLOSE_TYPE, provideAs, provideAsWidgetRef, styler } from '@wm/components/base';
-import { BaseFormCustomComponent } from '@wm/components/input';
+import { BaseFormCustomComponent } from '@wm/components/input/base-form-custom';
 import { registerProps } from './color-picker.props';
 import * as i0 from "@angular/core";
-import * as i1 from "ngx-color-picker";
-import * as i2 from "@angular/forms";
-const _c0 = ["input"];
-const _c1 = ["wmColorPicker", ""];
-const _c2 = () => ({ updateOn: "change", standalone: true });
+import * as i1 from "@angular/forms";
 const DEFAULT_CLS = 'input-group app-colorpicker';
 const WIDGET_CONFIG = {
     widgetType: 'wm-colorpicker',
@@ -27,7 +21,6 @@ export class ColorPickerComponent extends BaseFormCustomComponent {
         super(inj, WIDGET_CONFIG, explicitContext);
         styler(this.nativeElement, this);
     }
-    // To remove space occupied by colorpicker when it is closed
     colorPickerToggleChange(isOpen) {
         const colorPickerContainer = this.nativeElement.querySelector(`.color-picker`);
         if (colorPickerContainer) {
@@ -36,21 +29,17 @@ export class ColorPickerComponent extends BaseFormCustomComponent {
     }
     colorPickerOpen(value) {
         $('.hex-text input').attr('placeholder', 'Enter hex color code');
-        // Whenever autoclose property is set to 'always', adding the onclick listener to the colorPicker container to close the picker.
         if (this.autoclose === AUTOCLOSE_TYPE.ALWAYS) {
             const colorPickerContainer = this.nativeElement.querySelector(`.color-picker`);
             colorPickerContainer.onclick = () => this.cpDirective.closeDialog();
         }
     }
-    // This mehtod is used to show/open the colorpicker popup.
     open() {
         this.cpDirective.openDialog();
     }
-    // This mehtod is used to hide/close the colorpicker popup.
     close() {
         this.cpDirective.closeDialog();
     }
-    // change and blur events are added from the template
     handleEvent(node, eventName, callback, locals) {
         if (eventName !== 'change' && eventName !== 'blur') {
             super.handleEvent(this.inputEl.nativeElement, eventName, callback, locals);
@@ -64,7 +53,6 @@ export class ColorPickerComponent extends BaseFormCustomComponent {
             return;
         }
         if (key === 'required') {
-            /* WMS-18269 | Update Angular about the required attr value change */
             this._onChange(this.datavalue);
             return;
         }
@@ -77,64 +65,35 @@ export class ColorPickerComponent extends BaseFormCustomComponent {
         }
         super.onPropertyChange(key, nv, ov);
     }
-    static { this.ɵfac = function ColorPickerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ColorPickerComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ColorPickerComponent, selectors: [["", "wmColorPicker", ""]], viewQuery: function ColorPickerComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(NgModel, 5);
-            i0.ɵɵviewQuery(_c0, 7, ElementRef);
-            i0.ɵɵviewQuery(ColorPickerDirective, 5);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.ngModel = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputEl = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.cpDirective = _t.first);
-        } }, standalone: true, features: [i0.ɵɵProvidersFeature([
-                provideAs(ColorPickerComponent, NG_VALUE_ACCESSOR, true),
-                provideAs(ColorPickerComponent, NG_VALIDATORS, true),
-                provideAsWidgetRef(ColorPickerComponent),
-                ColorPickerService
-            ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], attrs: _c1, decls: 5, vars: 15, consts: [["input", ""], ["aria-haspopup", "true", "focus-target", "", 1, "form-control", "app-textbox", 3, "colorPickerChange", "cpToggleChange", "colorPickerOpen", "ngModelChange", "blur", "colorPicker", "cpPosition", "cpCloseClickOutside", "disabled", "required", "tabindex", "ngModel", "ngModelOptions"], [1, "input-group-addon", "colorpicker-container"], [1, "colored-box"]], template: function ColorPickerComponent_Template(rf, ctx) { if (rf & 1) {
-            const _r1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "input", 1, 0);
-            i0.ɵɵtwoWayListener("colorPickerChange", function ColorPickerComponent_Template_input_colorPickerChange_0_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.datavalue, $event) || (ctx.datavalue = $event); return i0.ɵɵresetView($event); });
-            i0.ɵɵlistener("colorPickerChange", function ColorPickerComponent_Template_input_colorPickerChange_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleChange($event)); })("cpToggleChange", function ColorPickerComponent_Template_input_cpToggleChange_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.colorPickerToggleChange($event)); })("colorPickerOpen", function ColorPickerComponent_Template_input_colorPickerOpen_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.colorPickerOpen($event)); });
-            i0.ɵɵtwoWayListener("ngModelChange", function ColorPickerComponent_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.datavalue, $event) || (ctx.datavalue = $event); return i0.ɵɵresetView($event); });
-            i0.ɵɵlistener("ngModelChange", function ColorPickerComponent_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.handleChange($event)); })("blur", function ColorPickerComponent_Template_input_blur_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.invokeOnTouched($event)); });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(2, "span", 2)(3, "i", 3);
-            i0.ɵɵtext(4, "\u00A0");
-            i0.ɵɵelementEnd()();
-        } if (rf & 2) {
-            i0.ɵɵtwoWayProperty("colorPicker", ctx.datavalue);
-            i0.ɵɵproperty("cpPosition", "bottom")("cpCloseClickOutside", ctx.outsideclick)("disabled", ctx.readonly || ctx.disabled)("required", ctx.required)("tabindex", ctx.tabindex);
-            i0.ɵɵtwoWayProperty("ngModel", ctx.datavalue);
-            i0.ɵɵproperty("ngModelOptions", i0.ɵɵpureFunction0(14, _c2));
-            i0.ɵɵattribute("name", ctx.name)("aria-label", ctx.arialabel)("placeholder", ctx.placeholder)("accesskey", ctx.shortcutkey);
-            i0.ɵɵadvance(3);
-            i0.ɵɵstyleProp("background-color", ctx.datavalue);
-        } }, dependencies: [CommonModule, ColorPickerModule, i1.ColorPickerDirective, FormsModule, i2.DefaultValueAccessor, i2.NgControlStatus, i2.RequiredValidator, i2.NgModel, WmComponentsModule], encapsulation: 2 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ColorPickerComponent, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ColorPickerComponent, isStandalone: true, selector: "[wmColorPicker]", providers: [
+            provideAs(ColorPickerComponent, NG_VALUE_ACCESSOR, true),
+            provideAs(ColorPickerComponent, NG_VALIDATORS, true),
+            provideAsWidgetRef(ColorPickerComponent),
+            ColorPickerService
+        ], viewQueries: [{ propertyName: "ngModel", first: true, predicate: NgModel, descendants: true }, { propertyName: "inputEl", first: true, predicate: ["input"], descendants: true, read: ElementRef, static: true }, { propertyName: "cpDirective", first: true, predicate: ColorPickerDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<input aria-haspopup=\"true\" class=\"form-control app-textbox\"\n       #input\n       focus-target\n       [attr.name]=\"name\"\n       [attr.aria-label]=\"arialabel\"\n       [(colorPicker)]=\"datavalue\"\n       (colorPickerChange)=\"handleChange($event);\"\n       (cpToggleChange)=\"colorPickerToggleChange($event)\"\n       [cpPosition]=\"'bottom'\"\n       [cpCloseClickOutside]=\"outsideclick\"\n       (colorPickerOpen)=\"colorPickerOpen($event)\"\n       [attr.placeholder]=\"placeholder\"\n       [disabled]=\"readonly || disabled\"\n       [required]=\"required\"\n       [tabindex]=\"tabindex\"\n       [(ngModel)]=\"datavalue\"\n       (ngModelChange)=\"handleChange($event);\"\n       [ngModelOptions]=\"{updateOn: 'change', standalone: true}\"\n       (blur)=\"invokeOnTouched($event)\"\n       [attr.accesskey]=\"shortcutkey\">\n<span class=\"input-group-addon colorpicker-container\">\n    <i class=\"colored-box\" [style.backgroundColor]=\"datavalue\">&nbsp;</i>\n</span>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ColorPickerDirective, selector: "[colorPicker]", inputs: ["colorPicker", "cpWidth", "cpHeight", "cpToggle", "cpDisabled", "cpIgnoredElements", "cpFallbackColor", "cpColorMode", "cpCmykEnabled", "cpOutputFormat", "cpAlphaChannel", "cpDisableInput", "cpDialogDisplay", "cpSaveClickOutside", "cpCloseClickOutside", "cpUseRootViewContainer", "cpPosition", "cpPositionOffset", "cpPositionRelativeToArrow", "cpOKButton", "cpOKButtonText", "cpOKButtonClass", "cpCancelButton", "cpCancelButtonText", "cpCancelButtonClass", "cpEyeDropper", "cpPresetLabel", "cpPresetColors", "cpPresetColorsClass", "cpMaxPresetColorsLength", "cpPresetEmptyMessage", "cpPresetEmptyMessageClass", "cpAddColorButton", "cpAddColorButtonText", "cpAddColorButtonClass", "cpRemoveColorButtonClass", "cpArrowPosition", "cpExtraTemplate"], outputs: ["cpInputChange", "cpToggleChange", "cpSliderChange", "cpSliderDragEnd", "cpSliderDragStart", "colorPickerOpen", "colorPickerClose", "colorPickerCancel", "colorPickerSelect", "colorPickerChange", "cpCmykColorChange", "cpPresetColorsChange"], exportAs: ["ngxColorPicker"] }] }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ColorPickerComponent, [{
-        type: Component,
-        args: [{ standalone: true, imports: [CommonModule, ColorPickerModule, FormsModule, WmComponentsModule], selector: '[wmColorPicker]', providers: [
-                    provideAs(ColorPickerComponent, NG_VALUE_ACCESSOR, true),
-                    provideAs(ColorPickerComponent, NG_VALIDATORS, true),
-                    provideAsWidgetRef(ColorPickerComponent),
-                    ColorPickerService
-                ], template: "<input aria-haspopup=\"true\" class=\"form-control app-textbox\"\n       #input\n       focus-target\n       [attr.name]=\"name\"\n       [attr.aria-label]=\"arialabel\"\n       [(colorPicker)]=\"datavalue\"\n       (colorPickerChange)=\"handleChange($event);\"\n       (cpToggleChange)=\"colorPickerToggleChange($event)\"\n       [cpPosition]=\"'bottom'\"\n       [cpCloseClickOutside]=\"outsideclick\"\n       (colorPickerOpen)=\"colorPickerOpen($event)\"\n       [attr.placeholder]=\"placeholder\"\n       [disabled]=\"readonly || disabled\"\n       [required]=\"required\"\n       [tabindex]=\"tabindex\"\n       [(ngModel)]=\"datavalue\"\n       (ngModelChange)=\"handleChange($event);\"\n       [ngModelOptions]=\"{updateOn: 'change', standalone: true}\"\n       (blur)=\"invokeOnTouched($event)\"\n       [attr.accesskey]=\"shortcutkey\">\n<span class=\"input-group-addon colorpicker-container\">\n    <i class=\"colored-box\" [style.backgroundColor]=\"datavalue\">&nbsp;</i>\n</span>\n" }]
-    }], () => [{ type: i0.Injector }, { type: undefined, decorators: [{
-                type: Inject,
-                args: ['EXPLICIT_CONTEXT']
-            }, {
-                type: Optional
-            }] }], { ngModel: [{
-            type: ViewChild,
-            args: [NgModel]
-        }], inputEl: [{
-            type: ViewChild,
-            args: ['input', { static: true, read: ElementRef }]
-        }], cpDirective: [{
-            type: ViewChild,
-            args: [ColorPickerDirective]
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ColorPickerComponent, { className: "ColorPickerComponent", filePath: "color-picker.component.ts", lineNumber: 34 }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9pbnB1dC9jb2xvci1waWNrZXIvc3JjL2NvbG9yLXBpY2tlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvaW5wdXQvY29sb3ItcGlja2VyL3NyYy9jb2xvci1waWNrZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDekQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFDLGFBQWEsRUFBRSxpQkFBaUIsRUFBRSxPQUFPLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6RSxPQUFPLEVBQUMsb0JBQW9CLEVBQUMsTUFBTSxrQkFBa0IsQ0FBQztBQUV0RCxPQUFPLEVBQUMsUUFBUSxFQUFFLFdBQVcsRUFBQyxNQUFNLFVBQVUsQ0FBQztBQUMvQyxPQUFPLEVBQUMsY0FBYyxFQUFpQixTQUFTLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDekcsT0FBTyxFQUFDLHVCQUF1QixFQUFDLE1BQU0sc0JBQXNCLENBQUM7QUFDN0QsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLHNCQUFzQixDQUFDOzs7Ozs7O0FB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VWhFLG9CQUFvQjtjQVpoQyxTQUFTOzZCQUNJLElBQUksV0FDUCxDQUFFLFlBQVksRUFBRSxpQkFBaUIsRUFBRSxXQUFXLEVBQUUsa0JBQWtCLENBQUUsWUFDakUsaUJBQWlCLGFBRWhCO29CQUNQLFNBQVMsdUJBQXVCLGlCQUFpQixFQUFFLElBQUksQ0FBQztvQkFDeEQsU0FBUyx1QkFBdUIsYUFBYSxFQUFFLElBQUksQ0FBQztvQkFDcEQsa0JBQWtCLHNCQUFzQjtvQkFDeEMsa0JBQWtCO2lCQUNyQjs7c0JBc0IyQixNQUFNO3VCQUFDLGtCQUFrQjs7c0JBQUcsUUFBUTtxQkFKNUMsT0FBTztrQkFBMUIsU0FBUzttQkFBQyxPQUFPO1lBQ3NDLE9BQU87a0JBQTlELFNBQVM7bUJBQUMsT0FBTyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFO1lBQ3JCLFdBQVc7a0JBQTNDLFNBQVM7bUJBQUMsb0JBQW9COztrRkFsQnRCLG9CQUFvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFdtQ29tcG9uZW50c01vZHVsZSB9IGZyb20gXCJAd20vY29tcG9uZW50cy9iYXNlXCI7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IENvbG9yUGlja2VyTW9kdWxlLCBDb2xvclBpY2tlclNlcnZpY2UgfSBmcm9tICduZ3gtY29sb3ItcGlja2VyJztcbmltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5qZWN0LCBJbmplY3RvciwgT3B0aW9uYWwsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xuaW1wb3J0IHtOR19WQUxJREFUT1JTLCBOR19WQUxVRV9BQ0NFU1NPUiwgTmdNb2RlbH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtDb2xvclBpY2tlckRpcmVjdGl2ZX0gZnJvbSAnbmd4LWNvbG9yLXBpY2tlcic7XG5cbmltcG9ydCB7YWRkQ2xhc3MsIHJlbW92ZUNsYXNzfSBmcm9tICdAd20vY29yZSc7XG5pbXBvcnQge0FVVE9DTE9TRV9UWVBFLCBJV2lkZ2V0Q29uZmlnLCBwcm92aWRlQXMsIHByb3ZpZGVBc1dpZGdldFJlZiwgc3R5bGVyfSBmcm9tICdAd20vY29tcG9uZW50cy9iYXNlJztcbmltcG9ydCB7QmFzZUZvcm1DdXN0b21Db21wb25lbnR9IGZyb20gJ0B3bS9jb21wb25lbnRzL2lucHV0JztcbmltcG9ydCB7cmVnaXN0ZXJQcm9wc30gZnJvbSAnLi9jb2xvci1waWNrZXIucHJvcHMnO1xuXG5cbmNvbnN0IERFRkFVTFRfQ0xTID0gJ2lucHV0LWdyb3VwIGFwcC1jb2xvcnBpY2tlcic7XG5jb25zdCBXSURHRVRfQ09ORklHOiBJV2lkZ2V0Q29uZmlnID0ge1xuICAgIHdpZGdldFR5cGU6ICd3bS1jb2xvcnBpY2tlcicsXG4gICAgaG9zdENsYXNzOiBERUZBVUxUX0NMUyxcbiAgICBkaXNwbGF5VHlwZTogJ2lubGluZS1ibG9jaydcbn07XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbIENvbW1vbk1vZHVsZSwgQ29sb3JQaWNrZXJNb2R1bGUsIEZvcm1zTW9kdWxlLCBXbUNvbXBvbmVudHNNb2R1bGUgXSxcbiAgICBzZWxlY3RvcjogJ1t3bUNvbG9yUGlja2VyXScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2NvbG9yLXBpY2tlci5jb21wb25lbnQuaHRtbCcsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHByb3ZpZGVBcyhDb2xvclBpY2tlckNvbXBvbmVudCwgTkdfVkFMVUVfQUNDRVNTT1IsIHRydWUpLFxuICAgICAgICBwcm92aWRlQXMoQ29sb3JQaWNrZXJDb21wb25lbnQsIE5HX1ZBTElEQVRPUlMsIHRydWUpLFxuICAgICAgICBwcm92aWRlQXNXaWRnZXRSZWYoQ29sb3JQaWNrZXJDb21wb25lbnQpLFxuICAgICAgICBDb2xvclBpY2tlclNlcnZpY2VcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIENvbG9yUGlja2VyQ29tcG9uZW50IGV4dGVuZHMgQmFzZUZvcm1DdXN0b21Db21wb25lbnQge1xuICAgIHN0YXRpYyBpbml0aWFsaXplUHJvcHMgPSByZWdpc3RlclByb3BzKCk7XG5cbiAgICBwdWJsaWMgcmVxdWlyZWQ6IGJvb2xlYW47XG4gICAgcHVibGljIHJlYWRvbmx5OiBib29sZWFuO1xuICAgIHB1YmxpYyBkaXNhYmxlZDogYm9vbGVhbjtcbiAgICBwdWJsaWMgbmFtZTogc3RyaW5nO1xuICAgIHB1YmxpYyBwbGFjZWhvbGRlcjogYW55O1xuICAgIHB1YmxpYyB0YWJpbmRleDogYW55O1xuICAgIHB1YmxpYyBzaG9ydGN1dGtleTogc3RyaW5nO1xuICAgIHB1YmxpYyBvdXRzaWRlY2xpY2s6IGJvb2xlYW47XG4gICAgcHVibGljIGF1dG9jbG9zZTogc3RyaW5nO1xuICAgIHB1YmxpYyBoaW50OiBzdHJpbmc7XG4gICAgcHVibGljIGFyaWFsYWJlbDogc3RyaW5nO1xuXG5cbiAgICBAVmlld0NoaWxkKE5nTW9kZWwpIG5nTW9kZWw6IE5nTW9kZWw7XG4gICAgQFZpZXdDaGlsZCgnaW5wdXQnLCB7IHN0YXRpYzogdHJ1ZSwgcmVhZDogRWxlbWVudFJlZiB9KSBpbnB1dEVsOiBFbGVtZW50UmVmO1xuICAgIEBWaWV3Q2hpbGQoQ29sb3JQaWNrZXJEaXJlY3RpdmUpIGNwRGlyZWN0aXZlOiBDb2xvclBpY2tlckRpcmVjdGl2ZTtcblxuICAgIGNvbnN0cnVjdG9yKGluajogSW5qZWN0b3IsIEBJbmplY3QoJ0VYUExJQ0lUX0NPTlRFWFQnKSBAT3B0aW9uYWwoKSBleHBsaWNpdENvbnRleHQ6IGFueSkge1xuICAgICAgICBzdXBlcihpbmosIFdJREdFVF9DT05GSUcsIGV4cGxpY2l0Q29udGV4dCk7XG4gICAgICAgIHN0eWxlcih0aGlzLm5hdGl2ZUVsZW1lbnQsIHRoaXMpO1xuICAgIH1cblxuICAgIC8vIFRvIHJlbW92ZSBzcGFjZSBvY2N1cGllZCBieSBjb2xvcnBpY2tlciB3aGVuIGl0IGlzIGNsb3NlZFxuICAgIHB1YmxpYyBjb2xvclBpY2tlclRvZ2dsZUNoYW5nZShpc09wZW46IGJvb2xlYW4pIHtcbiAgICAgICAgY29uc3QgY29sb3JQaWNrZXJDb250YWluZXIgPSB0aGlzLm5hdGl2ZUVsZW1lbnQucXVlcnlTZWxlY3RvcihgLmNvbG9yLXBpY2tlcmApIGFzIEhUTUxFbGVtZW50O1xuICAgICAgICBpZiAoY29sb3JQaWNrZXJDb250YWluZXIpIHtcbiAgICAgICAgICAgICghaXNPcGVuKSA/IGFkZENsYXNzKGNvbG9yUGlja2VyQ29udGFpbmVyLCAnaGlkZGVuJykgOiByZW1vdmVDbGFzcyhjb2xvclBpY2tlckNvbnRhaW5lciwgJ2hpZGRlbicpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgY29sb3JQaWNrZXJPcGVuKHZhbHVlOiBzdHJpbmcpIHtcbiAgICAgICAgJCgnLmhleC10ZXh0IGlucHV0JykuYXR0cigncGxhY2Vob2xkZXInLCAnRW50ZXIgaGV4IGNvbG9yIGNvZGUnKVxuICAgICAgICAvLyBXaGVuZXZlciBhdXRvY2xvc2UgcHJvcGVydHkgaXMgc2V0IHRvICdhbHdheXMnLCBhZGRpbmcgdGhlIG9uY2xpY2sgbGlzdGVuZXIgdG8gdGhlIGNvbG9yUGlja2VyIGNvbnRhaW5lciB0byBjbG9zZSB0aGUgcGlja2VyLlxuICAgICAgICBpZiAodGhpcy5hdXRvY2xvc2UgPT09IEFVVE9DTE9TRV9UWVBFLkFMV0FZUykge1xuICAgICAgICAgICAgY29uc3QgY29sb3JQaWNrZXJDb250YWluZXIgPSB0aGlzLm5hdGl2ZUVsZW1lbnQucXVlcnlTZWxlY3RvcihgLmNvbG9yLXBpY2tlcmApIGFzIEhUTUxFbGVtZW50O1xuICAgICAgICAgICAgY29sb3JQaWNrZXJDb250YWluZXIub25jbGljayA9ICgpID0+IHRoaXMuY3BEaXJlY3RpdmUuY2xvc2VEaWFsb2coKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8vIFRoaXMgbWVodG9kIGlzIHVzZWQgdG8gc2hvdy9vcGVuIHRoZSBjb2xvcnBpY2tlciBwb3B1cC5cbiAgICBvcGVuKCkge1xuICAgICAgICB0aGlzLmNwRGlyZWN0aXZlLm9wZW5EaWFsb2coKTtcbiAgICB9XG5cbiAgICAvLyBUaGlzIG1laHRvZCBpcyB1c2VkIHRvIGhpZGUvY2xvc2UgdGhlIGNvbG9ycGlja2VyIHBvcHVwLlxuICAgIGNsb3NlKCkge1xuICAgICAgICB0aGlzLmNwRGlyZWN0aXZlLmNsb3NlRGlhbG9nKCk7XG4gICAgfVxuXG5cbiAgICAvLyBjaGFuZ2UgYW5kIGJsdXIgZXZlbnRzIGFyZSBhZGRlZCBmcm9tIHRoZSB0ZW1wbGF0ZVxuICAgIHByb3RlY3RlZCBoYW5kbGVFdmVudChub2RlOiBIVE1MRWxlbWVudCwgZXZlbnROYW1lOiBzdHJpbmcsIGNhbGxiYWNrOiBGdW5jdGlvbiwgbG9jYWxzOiBhbnkpIHtcbiAgICAgICAgaWYgKGV2ZW50TmFtZSAhPT0gJ2NoYW5nZScgJiYgZXZlbnROYW1lICE9PSAnYmx1cicpIHtcbiAgICAgICAgICAgIHN1cGVyLmhhbmRsZUV2ZW50KHRoaXMuaW5wdXRFbC5uYXRpdmVFbGVtZW50LCBldmVudE5hbWUsIGNhbGxiYWNrLCBsb2NhbHMpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHVibGljIGhhbmRsZUNoYW5nZShuZXdWYWw6IGJvb2xlYW4pIHtcbiAgICAgICAgdGhpcy5pbnZva2VPbkNoYW5nZSh0aGlzLmRhdGF2YWx1ZSwge3R5cGU6ICdjaGFuZ2UnfSwgdGhpcy5uZ01vZGVsLnZhbGlkKTtcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgb25Qcm9wZXJ0eUNoYW5nZShrZXk6IHN0cmluZywgbnY6IGFueSwgb3Y6IGFueSkge1xuICAgICAgICBpZiAoa2V5ID09PSAndGFiaW5kZXgnKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgaWYgKGtleSA9PT0gJ3JlcXVpcmVkJykge1xuICAgICAgICAgICAgLyogV01TLTE4MjY5IHwgVXBkYXRlIEFuZ3VsYXIgYWJvdXQgdGhlIHJlcXVpcmVkIGF0dHIgdmFsdWUgY2hhbmdlICovXG4gICAgICAgICAgICB0aGlzLl9vbkNoYW5nZSh0aGlzLmRhdGF2YWx1ZSk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgaWYgKGtleSA9PT0gJ2RhdGF2YWx1ZScpIHtcbiAgICAgICAgICAgIHRoaXMuX29uQ2hhbmdlKG52KTtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICBpZiAoa2V5ID09PSAnYXV0b2Nsb3NlJykge1xuICAgICAgICAgICAgdGhpcy5vdXRzaWRlY2xpY2sgPSAobnYgPT09IEFVVE9DTE9TRV9UWVBFLk9VVFNJREVDTElDSyB8fCBudiA9PT0gQVVUT0NMT1NFX1RZUEUuQUxXQVlTKSA/IHRydWUgOiBmYWxzZTtcbiAgICAgICAgfVxuICAgICAgICBzdXBlci5vblByb3BlcnR5Q2hhbmdlKGtleSwgbnYsIG92KTtcbiAgICB9XG59XG4iLCI8aW5wdXQgYXJpYS1oYXNwb3B1cD1cInRydWVcIiBjbGFzcz1cImZvcm0tY29udHJvbCBhcHAtdGV4dGJveFwiXG4gICAgICAgI2lucHV0XG4gICAgICAgZm9jdXMtdGFyZ2V0XG4gICAgICAgW2F0dHIubmFtZV09XCJuYW1lXCJcbiAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFsYWJlbFwiXG4gICAgICAgWyhjb2xvclBpY2tlcildPVwiZGF0YXZhbHVlXCJcbiAgICAgICAoY29sb3JQaWNrZXJDaGFuZ2UpPVwiaGFuZGxlQ2hhbmdlKCRldmVudCk7XCJcbiAgICAgICAoY3BUb2dnbGVDaGFuZ2UpPVwiY29sb3JQaWNrZXJUb2dnbGVDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICAgW2NwUG9zaXRpb25dPVwiJ2JvdHRvbSdcIlxuICAgICAgIFtjcENsb3NlQ2xpY2tPdXRzaWRlXT1cIm91dHNpZGVjbGlja1wiXG4gICAgICAgKGNvbG9yUGlja2VyT3Blbik9XCJjb2xvclBpY2tlck9wZW4oJGV2ZW50KVwiXG4gICAgICAgW2F0dHIucGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgICAgIFtkaXNhYmxlZF09XCJyZWFkb25seSB8fCBkaXNhYmxlZFwiXG4gICAgICAgW3JlcXVpcmVkXT1cInJlcXVpcmVkXCJcbiAgICAgICBbdGFiaW5kZXhdPVwidGFiaW5kZXhcIlxuICAgICAgIFsobmdNb2RlbCldPVwiZGF0YXZhbHVlXCJcbiAgICAgICAobmdNb2RlbENoYW5nZSk9XCJoYW5kbGVDaGFuZ2UoJGV2ZW50KTtcIlxuICAgICAgIFtuZ01vZGVsT3B0aW9uc109XCJ7dXBkYXRlT246ICdjaGFuZ2UnLCBzdGFuZGFsb25lOiB0cnVlfVwiXG4gICAgICAgKGJsdXIpPVwiaW52b2tlT25Ub3VjaGVkKCRldmVudClcIlxuICAgICAgIFthdHRyLmFjY2Vzc2tleV09XCJzaG9ydGN1dGtleVwiPlxuPHNwYW4gY2xhc3M9XCJpbnB1dC1ncm91cC1hZGRvbiBjb2xvcnBpY2tlci1jb250YWluZXJcIj5cbiAgICA8aSBjbGFzcz1cImNvbG9yZWQtYm94XCIgW3N0eWxlLmJhY2tncm91bmRDb2xvcl09XCJkYXRhdmFsdWVcIj4mbmJzcDs8L2k+XG48L3NwYW4+XG4iXX0=
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ColorPickerComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [CommonModule, FormsModule, ColorPickerDirective], selector: '[wmColorPicker]', providers: [
+                        provideAs(ColorPickerComponent, NG_VALUE_ACCESSOR, true),
+                        provideAs(ColorPickerComponent, NG_VALIDATORS, true),
+                        provideAsWidgetRef(ColorPickerComponent),
+                        ColorPickerService
+                    ], template: "<input aria-haspopup=\"true\" class=\"form-control app-textbox\"\n       #input\n       focus-target\n       [attr.name]=\"name\"\n       [attr.aria-label]=\"arialabel\"\n       [(colorPicker)]=\"datavalue\"\n       (colorPickerChange)=\"handleChange($event);\"\n       (cpToggleChange)=\"colorPickerToggleChange($event)\"\n       [cpPosition]=\"'bottom'\"\n       [cpCloseClickOutside]=\"outsideclick\"\n       (colorPickerOpen)=\"colorPickerOpen($event)\"\n       [attr.placeholder]=\"placeholder\"\n       [disabled]=\"readonly || disabled\"\n       [required]=\"required\"\n       [tabindex]=\"tabindex\"\n       [(ngModel)]=\"datavalue\"\n       (ngModelChange)=\"handleChange($event);\"\n       [ngModelOptions]=\"{updateOn: 'change', standalone: true}\"\n       (blur)=\"invokeOnTouched($event)\"\n       [attr.accesskey]=\"shortcutkey\">\n<span class=\"input-group-addon colorpicker-container\">\n    <i class=\"colored-box\" [style.backgroundColor]=\"datavalue\">&nbsp;</i>\n</span>\n" }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }], propDecorators: { ngModel: [{
+                type: ViewChild,
+                args: [NgModel]
+            }], inputEl: [{
+                type: ViewChild,
+                args: ['input', { static: true, read: ElementRef }]
+            }], cpDirective: [{
+                type: ViewChild,
+                args: [ColorPickerDirective]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9pbnB1dC9jb2xvci1waWNrZXIvc3JjL2NvbG9yLXBpY2tlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvaW5wdXQvY29sb3ItcGlja2VyL3NyYy9jb2xvci1waWNrZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzVFLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxpQkFBaUIsRUFBRSxPQUFPLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUUzRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFdBQVcsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsY0FBYyxFQUFpQixTQUFTLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDM0csT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDaEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNCQUFzQixDQUFDOzs7QUFFckQsTUFBTSxXQUFXLEdBQUcsNkJBQTZCLENBQUM7QUFDbEQsTUFBTSxhQUFhLEdBQWtCO0lBQ2pDLFVBQVUsRUFBRSxnQkFBZ0I7SUFDNUIsU0FBUyxFQUFFLFdB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QUNELEtBQUssQ0FBQyxnQkFBZ0IsQ0FBQyxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ3hDLENBQUM7K0dBekVRLG9CQUFvQiwwQ0FtQk0sa0JBQWtCO21HQW5CNUMsb0JBQW9CLDhEQVBsQjtZQUNQLFNBQVMsQ0FBQyxvQkFBb0IsRUFBRSxpQkFBaUIsRUFBRSxJQUFJLENBQUM7WUFDeEQsU0FBUyxDQUFDLG9CQUFvQixFQUFFLGFBQWEsRUFBRSxJQUFJLENBQUM7WUFDcEQsa0JBQWtCLENBQUMsb0JBQW9CLENBQUM7WUFDeEMsa0JBQWtCO1NBQ3JCLG1FQWlCVSxPQUFPLDhHQUN3QixVQUFVLHlFQUN6QyxvQkFBb0IsdUVDL0NuQyxtK0JBdUJBLDJDREhjLFlBQVksOEJBQUUsV0FBVyw0MEJBQUUsb0JBQW9COzs0RkFVaEQsb0JBQW9CO2tCQVpoQyxTQUFTO2lDQUNNLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxXQUFXLEVBQUUsb0JBQW9CLENBQUMsWUFDaEQsaUJBQWlCLGFBRWhCO3dCQUNQLFNBQVMsdUJBQXVCLGlCQUFpQixFQUFFLElBQUksQ0FBQzt3QkFDeEQsU0FBUyx1QkFBdUIsYUFBYSxFQUFFLElBQUksQ0FBQzt3QkFDcEQsa0JBQWtCLHNCQUFzQjt3QkFDeEMsa0JBQWtCO3FCQUNyQjs7MEJBcUIyQixNQUFNOzJCQUFDLGtCQUFrQjs7MEJBQUcsUUFBUTt5Q0FKNUMsT0FBTztzQkFBMUIsU0FBUzt1QkFBQyxPQUFPO2dCQUNzQyxPQUFPO3NCQUE5RCxTQUFTO3VCQUFDLE9BQU8sRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRTtnQkFDckIsV0FBVztzQkFBM0MsU0FBUzt1QkFBQyxvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IENvbG9yUGlja2VyU2VydmljZSwgQ29sb3JQaWNrZXJEaXJlY3RpdmUgfSBmcm9tICduZ3gtY29sb3ItcGlja2VyJztcbmltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5qZWN0LCBJbmplY3RvciwgT3B0aW9uYWwsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xuaW1wb3J0IHsgTkdfVkFMSURBVE9SUywgTkdfVkFMVUVfQUNDRVNTT1IsIE5nTW9kZWwgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IGFkZENsYXNzLCByZW1vdmVDbGFzcyB9IGZyb20gJ0B3bS9jb3JlJztcbmltcG9ydCB7IEFVVE9DTE9TRV9UWVBFLCBJV2lkZ2V0Q29uZmlnLCBwcm92aWRlQXMsIHByb3ZpZGVBc1dpZGdldFJlZiwgc3R5bGVyIH0gZnJvbSAnQHdtL2NvbXBvbmVudHMvYmFzZSc7XG5pbXBvcnQgeyBCYXNlRm9ybUN1c3RvbUNvbXBvbmVudCB9IGZyb20gJ0B3bS9jb21wb25lbnRzL2lucHV0L2Jhc2UtZm9ybS1jdXN0b20nO1xuaW1wb3J0IHsgcmVnaXN0ZXJQcm9wcyB9IGZyb20gJy4vY29sb3ItcGlja2VyLnByb3BzJztcblxuY29uc3QgREVGQVVMVF9DTFMgPSAnaW5wdXQtZ3JvdXAgYXBwLWNvbG9ycGlja2VyJztcbmNvbnN0IFdJREdFVF9DT05GSUc6IElXaWRnZXRDb25maWcgPSB7XG4gICAgd2lkZ2V0VHlwZTogJ3dtLWNvbG9ycGlja2VyJyxcbiAgICBob3N0Q2xhc3M6IERFRkFVTFRfQ0xTLFxuICAgIGRpc3BsYXlUeXBlOiAnaW5saW5lLWJsb2NrJ1xufTtcblxuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBGb3Jtc01vZHVsZSwgQ29sb3JQaWNrZXJEaXJlY3RpdmVdLFxuICAgIHNlbGVjdG9yOiAnW3dtQ29sb3JQaWNrZXJdJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vY29sb3ItcGlja2VyLmNvbXBvbmVudC5odG1sJyxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgcHJvdmlkZUFzKENvbG9yUGlja2VyQ29tcG9uZW50LCBOR19WQUxVRV9BQ0NFU1NPUiwgdHJ1ZSksXG4gICAgICAgIHByb3ZpZGVBcyhDb2xvclBpY2tlckNvbXBvbmVudCwgTkdfVkFMSURBVE9SUywgdHJ1ZSksXG4gICAgICAgIHByb3ZpZGVBc1dpZGdldFJlZihDb2xvclBpY2tlckNvbXBvbmVudCksXG4gICAgICAgIENvbG9yUGlja2VyU2VydmljZVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgQ29sb3JQaWNrZXJDb21wb25lbnQgZXh0ZW5kcyBCYXNlRm9ybUN1c3RvbUNvbXBvbmVudCB7XG4gICAgc3RhdGljIGluaXRpYWxpemVQcm9wcyA9IHJlZ2lzdGVyUHJvcHMoKTtcblxuICAgIHB1YmxpYyByZXF1aXJlZDogYm9vbGVhbjtcbiAgICBwdWJsaWMgcmVhZG9ubHk6IGJvb2xlYW47XG4gICAgcHVibGljIGRpc2FibGVkOiBib29sZWFuO1xuICAgIHB1YmxpYyBuYW1lOiBzdHJpbmc7XG4gICAgcHVibGljIHBsYWNlaG9sZGVyOiBhbnk7XG4gICAgcHVibGljIHRhYmluZGV4OiBhbnk7XG4gICAgcHVibGljIHNob3J0Y3V0a2V5OiBzdHJpbmc7XG4gICAgcHVibGljIG91dHNpZGVjbGljazogYm9vbGVhbjtcbiAgICBwdWJsaWMgYXV0b2Nsb3NlOiBzdHJpbmc7XG4gICAgcHVibGljIGhpbnQ6IHN0cmluZztcbiAgICBwdWJsaWMgYXJpYWxhYmVsOiBzdHJpbmc7XG5cbiAgICBAVmlld0NoaWxkKE5nTW9kZWwpIG5nTW9kZWw6IE5nTW9kZWw7XG4gICAgQFZpZXdDaGlsZCgnaW5wdXQnLCB7IHN0YXRpYzogdHJ1ZSwgcmVhZDogRWxlbWVudFJlZiB9KSBpbnB1dEVsOiBFbGVtZW50UmVmO1xuICAgIEBWaWV3Q2hpbGQoQ29sb3JQaWNrZXJEaXJlY3RpdmUpIGNwRGlyZWN0aXZlOiBDb2xvclBpY2tlckRpcmVjdGl2ZTtcblxuICAgIGNvbnN0cnVjdG9yKGluajogSW5qZWN0b3IsIEBJbmplY3QoJ0VYUExJQ0lUX0NPTlRFWFQnKSBAT3B0aW9uYWwoKSBleHBsaWNpdENvbnRleHQ6IGFueSkge1xuICAgICAgICBzdXBlcihpbmosIFdJREdFVF9DT05GSUcsIGV4cGxpY2l0Q29udGV4dCk7XG4gICAgICAgIHN0eWxlcih0aGlzLm5hdGl2ZUVsZW1lbnQsIHRoaXMpO1xuICAgIH1cblxuICAgIHB1YmxpYyBjb2xvclBpY2tlclRvZ2dsZUNoYW5nZShpc09wZW46IGJvb2xlYW4pIHtcbiAgICAgICAgY29uc3QgY29sb3JQaWNrZXJDb250YWluZXIgPSB0aGlzLm5hdGl2ZUVsZW1lbnQucXVlcnlTZWxlY3RvcihgLmNvbG9yLXBpY2tlcmApIGFzIEhUTUxFbGVtZW50O1xuICAgICAgICBpZiAoY29sb3JQaWNrZXJDb250YWluZXIpIHtcbiAgICAgICAgICAgICghaXNPcGVuKSA/IGFkZENsYXNzKGNvbG9yUGlja2VyQ29udGFpbmVyLCAnaGlkZGVuJykgOiByZW1vdmVDbGFzcyhjb2xvclBpY2tlckNvbnRhaW5lciwgJ2hpZGRlbicpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgY29sb3JQaWNrZXJPcGVuKHZhbHVlOiBzdHJpbmcpIHtcbiAgICAgICAgJCgnLmhleC10ZXh0IGlucHV0JykuYXR0cigncGxhY2Vob2xkZXInLCAnRW50ZXIgaGV4IGNvbG9yIGNvZGUnKTtcbiAgICAgICAgaWYgKHRoaXMuYXV0b2Nsb3NlID09PSBBVVRPQ0xPU0VfVFlQRS5BTFdBWVMpIHtcbiAgICAgICAgICAgIGNvbnN0IGNvbG9yUGlja2VyQ29udGFpbmVyID0gdGhpcy5uYXRpdmVFbGVtZW50LnF1ZXJ5U2VsZWN0b3IoYC5jb2xvci1waWNrZXJgKSBhcyBIVE1MRWxlbWVudDtcbiAgICAgICAgICAgIGNvbG9yUGlja2VyQ29udGFpbmVyLm9uY2xpY2sgPSAoKSA9PiB0aGlzLmNwRGlyZWN0aXZlLmNsb3NlRGlhbG9nKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBvcGVuKCkge1xuICAgICAgICB0aGlzLmNwRGlyZWN0aXZlLm9wZW5EaWFsb2coKTtcbiAgICB9XG5cbiAgICBjbG9zZSgpIHtcbiAgICAgICAgdGhpcy5jcERpcmVjdGl2ZS5jbG9zZURpYWxvZygpO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBoYW5kbGVFdmVudChub2RlOiBIVE1MRWxlbWVudCwgZXZlbnROYW1lOiBzdHJpbmcsIGNhbGxiYWNrOiBGdW5jdGlvbiwgbG9jYWxzOiBhbnkpIHtcbiAgICAgICAgaWYgKGV2ZW50TmFtZSAhPT0gJ2NoYW5nZScgJiYgZXZlbnROYW1lICE9PSAnYmx1cicpIHtcbiAgICAgICAgICAgIHN1cGVyLmhhbmRsZUV2ZW50KHRoaXMuaW5wdXRFbC5uYXRpdmVFbGVtZW50LCBldmVudE5hbWUsIGNhbGxiYWNrLCBsb2NhbHMpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHVibGljIGhhbmRsZUNoYW5nZShuZXdWYWw6IGJvb2xlYW4pIHtcbiAgICAgICAgdGhpcy5pbnZva2VPbkNoYW5nZSh0aGlzLmRhdGF2YWx1ZSwgeyB0eXBlOiAnY2hhbmdlJyB9LCB0aGlzLm5nTW9kZWwudmFsaWQpO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBvblByb3BlcnR5Q2hhbmdlKGtleTogc3RyaW5nLCBudjogYW55LCBvdjogYW55KSB7XG4gICAgICAgIGlmIChrZXkgPT09ICd0YWJpbmRleCcpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICBpZiAoa2V5ID09PSAncmVxdWlyZWQnKSB7XG4gICAgICAgICAgICB0aGlzLl9vbkNoYW5nZSh0aGlzLmRhdGF2YWx1ZSk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgaWYgKGtleSA9PT0gJ2RhdGF2YWx1ZScpIHtcbiAgICAgICAgICAgIHRoaXMuX29uQ2hhbmdlKG52KTtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICBpZiAoa2V5ID09PSAnYXV0b2Nsb3NlJykge1xuICAgICAgICAgICAgdGhpcy5vdXRzaWRlY2xpY2sgPSAobnYgPT09IEFVVE9DTE9TRV9UWVBFLk9VVFNJREVDTElDSyB8fCBudiA9PT0gQVVUT0NMT1NFX1RZUEUuQUxXQVlTKSA/IHRydWUgOiBmYWxzZTtcbiAgICAgICAgfVxuICAgICAgICBzdXBlci5vblByb3BlcnR5Q2hhbmdlKGtleSwgbnYsIG92KTtcbiAgICB9XG59XG4iLCI8aW5wdXQgYXJpYS1oYXNwb3B1cD1cInRydWVcIiBjbGFzcz1cImZvcm0tY29udHJvbCBhcHAtdGV4dGJveFwiXG4gICAgICAgI2lucHV0XG4gICAgICAgZm9jdXMtdGFyZ2V0XG4gICAgICAgW2F0dHIubmFtZV09XCJuYW1lXCJcbiAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFsYWJlbFwiXG4gICAgICAgWyhjb2xvclBpY2tlcildPVwiZGF0YXZhbHVlXCJcbiAgICAgICAoY29sb3JQaWNrZXJDaGFuZ2UpPVwiaGFuZGxlQ2hhbmdlKCRldmVudCk7XCJcbiAgICAgICAoY3BUb2dnbGVDaGFuZ2UpPVwiY29sb3JQaWNrZXJUb2dnbGVDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICAgW2NwUG9zaXRpb25dPVwiJ2JvdHRvbSdcIlxuICAgICAgIFtjcENsb3NlQ2xpY2tPdXRzaWRlXT1cIm91dHNpZGVjbGlja1wiXG4gICAgICAgKGNvbG9yUGlja2VyT3Blbik9XCJjb2xvclBpY2tlck9wZW4oJGV2ZW50KVwiXG4gICAgICAgW2F0dHIucGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgICAgIFtkaXNhYmxlZF09XCJyZWFkb25seSB8fCBkaXNhYmxlZFwiXG4gICAgICAgW3JlcXVpcmVkXT1cInJlcXVpcmVkXCJcbiAgICAgICBbdGFiaW5kZXhdPVwidGFiaW5kZXhcIlxuICAgICAgIFsobmdNb2RlbCldPVwiZGF0YXZhbHVlXCJcbiAgICAgICAobmdNb2RlbENoYW5nZSk9XCJoYW5kbGVDaGFuZ2UoJGV2ZW50KTtcIlxuICAgICAgIFtuZ01vZGVsT3B0aW9uc109XCJ7dXBkYXRlT246ICdjaGFuZ2UnLCBzdGFuZGFsb25lOiB0cnVlfVwiXG4gICAgICAgKGJsdXIpPVwiaW52b2tlT25Ub3VjaGVkKCRldmVudClcIlxuICAgICAgIFthdHRyLmFjY2Vzc2tleV09XCJzaG9ydGN1dGtleVwiPlxuPHNwYW4gY2xhc3M9XCJpbnB1dC1ncm91cC1hZGRvbiBjb2xvcnBpY2tlci1jb250YWluZXJcIj5cbiAgICA8aSBjbGFzcz1cImNvbG9yZWQtYm94XCIgW3N0eWxlLmJhY2tncm91bmRDb2xvcl09XCJkYXRhdmFsdWVcIj4mbmJzcDs8L2k+XG48L3NwYW4+XG4iXX0=