@acorex/components 16.0.2 → 17.0.1

package/esm2022/color-palette/lib/color-palette-input.component.mjs

@@ -0,0 +1,127 @@
+import { MXBaseComponent, } from '@acorex/components/common';
+import { AXColorUtil, AXUnsubscriber } from '@acorex/core/utils';
+import { ChangeDetectionStrategy, Component, HostBinding, Inject, ViewEncapsulation, } from '@angular/core';
+import { AXColorPaletteChildComponent, AXColorPaletteParentComponent, } from './color-palette.class';
+import * as i0 from "@angular/core";
+import * as i1 from "@acorex/core/utils";
+import * as i2 from "@angular/forms";
+import * as i3 from "@acorex/components/text-box";
+import * as i4 from "@acorex/components/number-box";
+import * as i5 from "./color-palette.class";
+export class AXColorPaletteInputComponent extends MXBaseComponent {
+    constructor(_parent, _unsubscriber) {
+        super();
+        this._parent = _parent;
+        this._unsubscriber = _unsubscriber;
+        this.isValid = true;
+        this._rgba = {
+            r: 0,
+            g: 0,
+            b: 0,
+            a: 0,
+        };
+        this._hex = '';
+        this._colorMode = 'hex';
+        this._hexMaskOptions = {
+            mask: /^#[0-9a-f]{0,6}[0-9a-f]{0,2}$/i,
+            prepare: (str, m, a) => {
+                return m.typedValue?.startsWith('#') || str == '#'
+                    ? str.trim()
+                    : '#' + str.trim();
+            },
+        };
+        _parent.onValueChanged
+            .pipe(_unsubscriber.takeUntilDestroy)
+            .subscribe((e) => {
+            this.applyParent(e.isUserInteraction);
+        });
+        _parent.onOptionChanged
+            .pipe(_unsubscriber.takeUntilDestroy)
+            .subscribe((e) => {
+            this.cdr.markForCheck();
+        });
+    }
+    applyParent(u = false) {
+        const value = this._parent.value;
+        if (!value) {
+            this._hex = '';
+            this._rgba = {
+                r: null,
+                g: null,
+                b: null,
+                a: null,
+            };
+        }
+        else {
+            Object.assign(this._rgba, AXColorUtil.to(value, 'rgba'));
+            if (this._colorMode != 'hex' || !this._hex) {
+                this._hex = AXColorUtil.toString(value, 'hex');
+            }
+            if (this._colorMode == 'hex') {
+                this._hex = value;
+            }
+            if (!u && this._rgba.a != 1) {
+                this._colorMode = 'rgba';
+            }
+        }
+        this.checkValid();
+        this.cdr.detectChanges();
+    }
+    ngAfterViewInit() {
+        this.applyParent();
+    }
+    _handleChangeInputMode() {
+        switch (this._colorMode) {
+            case 'rgba':
+                this._colorMode = 'hex';
+                break;
+            default:
+                this._colorMode = 'rgba';
+                break;
+        }
+    }
+    _handleRGBAValueChanged(e) {
+        if (e.isUserInteraction) {
+            this._rgba[e.name] = e.value;
+            const { r, g, b, a } = this._rgba;
+            const _color = `rgba(${r},${g},${b},${a})`;
+            this._parent.commitValue(AXColorUtil.toString(_color, 'rgba'), e.isUserInteraction);
+        }
+    }
+    _handleHEXAValueChanged(e) {
+        if (e.isUserInteraction && e.value?.trim() != this._hex?.trim()) {
+            this._parent.commitValue(e.value, e.isUserInteraction);
+        }
+    }
+    checkValid() {
+        this.isValid = AXColorUtil.isValid(this._hex);
+    }
+    get __hostClass() {
+        return `ax-color-palette-input`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXColorPaletteInputComponent, deps: [{ token: AXColorPaletteParentComponent }, { token: i1.AXUnsubscriber }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.2", type: AXColorPaletteInputComponent, selector: "ax-color-palette-input", host: { properties: { "class": "this.__hostClass" } }, providers: [
+            {
+                provide: AXColorPaletteChildComponent,
+                useExisting: AXColorPaletteInputComponent,
+            },
+            AXUnsubscriber,
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"palette-inputs\">\n  @switch(_colorMode){\n\n  @case('hex'){\n  <div>\n    <ax-text-box class=\"ax-sm\" [ngModel]=\"_hex\" [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\"\n      [state]=\"isValid ? 'clear' : 'error'\" (onValueChanged)=\"_handleHEXAValueChanged($event)\"\n      [mask-options]=\"_hexMaskOptions\">\n    </ax-text-box>\n    <label>HEX</label>\n  </div>\n  }\n  @case('rgba'){\n  <div>\n    <ax-number-box class=\"ax-sm\" name=\"r\" [minValue]=\"0\" [maxValue]=\"255\" [ngModel]=\"_rgba.r\" [showSpinButtons]=\"false\"\n      [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\" (onValueChanged)=\"_handleRGBAValueChanged($event)\">\n    </ax-number-box>\n    <label>R</label>\n  </div>\n  <div>\n    <ax-number-box class=\"ax-sm\" name=\"g\" [minValue]=\"0\" [maxValue]=\"255\" [ngModel]=\"_rgba.g\" [showSpinButtons]=\"false\"\n      [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\" (onValueChanged)=\"_handleRGBAValueChanged($event)\">\n    </ax-number-box>\n    <label>G</label>\n  </div>\n  <div>\n    <ax-number-box class=\"ax-sm\" name=\"b\" [minValue]=\"0\" [maxValue]=\"255\" [ngModel]=\"_rgba.b\" [showSpinButtons]=\"false\"\n      [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\" (onValueChanged)=\"_handleRGBAValueChanged($event)\">\n    </ax-number-box>\n    <label>B</label>\n  </div>\n  <div>\n    <ax-number-box class=\"ax-sm\" name=\"a\" [minValue]=\"0\" [maxValue]=\"1\" [ngModel]=\"_rgba.a\" [decimals]=\"2\" [step]=\"0.1\"\n      [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\" [showSpinButtons]=\"false\"\n      (onValueChanged)=\"_handleRGBAValueChanged($event)\">\n    </ax-number-box>\n    <label>A</label>\n  </div>\n  }\n  }\n</div>\n<button type=\"button\" class=\"ax-general-button ax-button-rounded ax-button-icon ax-sm\"\n  (click)=\"_handleChangeInputMode()\" [disabled]=\"_parent.disabled\">\n  <span class=\"ax-icon ax-icon-unfold-more\"></span>\n</button>", dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "component", type: i4.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "thousandsSeparator", "padDecimalZeros", "step", "decimals", "decimalStep", "showSpinButtons", "minValue", "maxValue", "class"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXColorPaletteInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-color-palette-input', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: AXColorPaletteChildComponent,
+                            useExisting: AXColorPaletteInputComponent,
+                        },
+                        AXUnsubscriber,
+                    ], template: "<div class=\"palette-inputs\">\n  @switch(_colorMode){\n\n  @case('hex'){\n  <div>\n    <ax-text-box class=\"ax-sm\" [ngModel]=\"_hex\" [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\"\n      [state]=\"isValid ? 'clear' : 'error'\" (onValueChanged)=\"_handleHEXAValueChanged($event)\"\n      [mask-options]=\"_hexMaskOptions\">\n    </ax-text-box>\n    <label>HEX</label>\n  </div>\n  }\n  @case('rgba'){\n  <div>\n    <ax-number-box class=\"ax-sm\" name=\"r\" [minValue]=\"0\" [maxValue]=\"255\" [ngModel]=\"_rgba.r\" [showSpinButtons]=\"false\"\n      [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\" (onValueChanged)=\"_handleRGBAValueChanged($event)\">\n    </ax-number-box>\n    <label>R</label>\n  </div>\n  <div>\n    <ax-number-box class=\"ax-sm\" name=\"g\" [minValue]=\"0\" [maxValue]=\"255\" [ngModel]=\"_rgba.g\" [showSpinButtons]=\"false\"\n      [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\" (onValueChanged)=\"_handleRGBAValueChanged($event)\">\n    </ax-number-box>\n    <label>G</label>\n  </div>\n  <div>\n    <ax-number-box class=\"ax-sm\" name=\"b\" [minValue]=\"0\" [maxValue]=\"255\" [ngModel]=\"_rgba.b\" [showSpinButtons]=\"false\"\n      [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\" (onValueChanged)=\"_handleRGBAValueChanged($event)\">\n    </ax-number-box>\n    <label>B</label>\n  </div>\n  <div>\n    <ax-number-box class=\"ax-sm\" name=\"a\" [minValue]=\"0\" [maxValue]=\"1\" [ngModel]=\"_rgba.a\" [decimals]=\"2\" [step]=\"0.1\"\n      [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\" [showSpinButtons]=\"false\"\n      (onValueChanged)=\"_handleRGBAValueChanged($event)\">\n    </ax-number-box>\n    <label>A</label>\n  </div>\n  }\n  }\n</div>\n<button type=\"button\" class=\"ax-general-button ax-button-rounded ax-button-icon ax-sm\"\n  (click)=\"_handleChangeInputMode()\" [disabled]=\"_parent.disabled\">\n  <span class=\"ax-icon ax-icon-unfold-more\"></span>\n</button>" }]
+        }], ctorParameters: () => [{ type: i5.AXColorPaletteParentComponent, decorators: [{
+                    type: Inject,
+                    args: [AXColorPaletteParentComponent]
+                }] }, { type: i1.AXUnsubscriber }], propDecorators: { __hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGFsZXR0ZS1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvY29sb3ItcGFsZXR0ZS9zcmMvbGliL2NvbG9yLXBhbGV0dGUtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2NvbG9yLXBhbGV0dGUvc3JjL2xpYi9jb2xvci1wYWxldHRlLWlucHV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxlQUFlLEdBQ2hCLE1BQU0sMkJBQTJCLENBQUM7QUFFbkMsT0FBTyxFQUFFLFdBQVcsRUFBRSxjQUFjLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNqRSxPQUFPLEVBRUwsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxXQUFXLEVBQ1gsTUFBTSxFQUNOLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsNEJBQTRCLEVBQzVCLDZCQUE2QixHQUM5QixNQUFNLHVCQUF1QixDQUFDOzs7Ozs7O0FBZS9CLE1BQU0sT0FBTyw0QkFDWCxTQUFRLGVBQWU7SUF5QnZCLFlBRVMsT0FBc0MsRUFDckMsYUFBNkI7UUFFckMsS0FBSyxFQUFFLENBQUM7UUFIRCxZQUFPLEdBQVAsT0FBTyxDQUErQjtRQUNyQyxrQkFBYSxHQUFiLGFBQWEsQ0FBZ0I7UUF6QnZDLFlBQU8sR0FBRyxJQUFJLENBQUM7UUFFZixVQUFLLEdBQVE7WUFDWCxDQUFDLEVBQUUsQ0FBQztZQUNKLENBQUMsRUFBRSxDQUFDO1lBQ0osQ0FBQyxFQUFFLENBQUM7WUFDSixDQUFDLEVBQUUsQ0FBQztTQUNMLENBQUM7UUFFRixTQUFJLEdBQVcsRUFBRSxDQUFDO1FBRVIsZUFBVSxHQUFtQixLQUFLLENBQUM7UUFFbkMsb0JBQWUsR0FBa0I7WUFDekMsSUFBSSxFQUFFLGdDQUFnQztZ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LDhCQUE4Qjt5QkFDMUM7d0JBQ0QsY0FBYztxQkFDZjs7MEJBNkJFLE1BQU07MkJBQUMsNkJBQTZCO3NFQWlGM0IsV0FBVztzQkFEdEIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQVhWYWx1ZUNoYW5nZWRFdmVudCxcbiAgTVhCYXNlQ29tcG9uZW50LFxufSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvY29tbW9uJztcbmltcG9ydCB7IEFYTWFza09wdGlvbnMgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvdGV4dC1ib3gnO1xuaW1wb3J0IHsgQVhDb2xvclV0aWwsIEFYVW5zdWJzY3JpYmVyIH0gZnJvbSAnQGFjb3JleC9jb3JlL3V0aWxzJztcbmltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEhvc3RCaW5kaW5nLFxuICBJbmplY3QsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIEFYQ29sb3JQYWxldHRlQ2hpbGRDb21wb25lbnQsXG4gIEFYQ29sb3JQYWxldHRlUGFyZW50Q29tcG9uZW50LFxufSBmcm9tICcuL2NvbG9yLXBhbGV0dGUuY2xhc3MnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1jb2xvci1wYWxldHRlLWlucHV0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbG9yLXBhbGV0dGUtaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogQVhDb2xvclBhbGV0dGVDaGlsZENvbXBvbmVudCxcbiAgICAgIHVzZUV4aXN0aW5nOiBBWENvbG9yUGFsZXR0ZUlucHV0Q29tcG9uZW50LFxuICAgIH0sXG4gICAgQVhVbnN1YnNjcmliZXIsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEFYQ29sb3JQYWxldHRlSW5wdXRDb21wb25lbnRcbiAgZXh0ZW5kcyBNWEJhc2VDb21wb25lbnRcbiAgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0XG57XG4gIGlzVmFsaWQgPSB0cnVlO1xuXG4gIF9yZ2JhOiBhbnkgPSB7XG4gICAgcjogMCxcbiAgICBnOiAwLFxuICAgIGI6IDAsXG4gICAgYTogMCxcbiAgfTtcblxuICBfaGV4OiBzdHJpbmcgPSAnJztcblxuICBwcm90ZWN0ZWQgX2NvbG9yTW9kZTogJ2hleCcgfCAncmdiYScgPSAnaGV4JztcblxuICBwcm90ZWN0ZWQgX2hleE1hc2tPcHRpb25zOiBBWE1hc2tPcHRpb25zID0ge1xuICAgIG1hc2s6IC9eI1swLTlhLWZdezAsNn1bMC05YS1mXXswLDJ9JC9pLFxuICAgIHByZXBhcmU6IChzdHIsIG0sIGEpID0+IHtcbiAgICAgIHJldHVybiBtLnR5cGVkVmFsdWU/LnN0YXJ0c1dpdGgoJyMnKSB8fCBzdHIgPT0gJyMnXG4gICAgICAgID8gc3RyLnRyaW0oKVxuICAgICAgICA6ICcjJyArIHN0ci50cmltKCk7XG4gICAgfSxcbiAgfTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBASW5qZWN0KEFYQ29sb3JQYWxldHRlUGFyZW50Q29tcG9uZW50KVxuICAgIHB1YmxpYyBfcGFyZW50OiBBWENvbG9yUGFsZXR0ZVBhcmVudENvbXBvbmVudCxcbiAgICBwcml2YXRlIF91bnN1YnNjcmliZXI6IEFYVW5zdWJzY3JpYmVyXG4gICkge1xuICAgIHN1cGVyKCk7XG4gICAgX3BhcmVudC5vblZhbHVlQ2hhbmdlZFxuICAgICAgLnBpcGUoX3Vuc3Vic2NyaWJlci50YWtlVW50aWxEZXN0cm95KVxuICAgICAgLnN1YnNjcmliZSgoZSkgPT4ge1xuICAgICAgICB0aGlzLmFwcGx5UGFyZW50KGUuaXNVc2VySW50ZXJhY3Rpb24pO1xuICAgICAgfSk7XG4gICAgX3BhcmVudC5vbk9wdGlvbkNoYW5nZWRcbiAgICAgIC5waXBlKF91bnN1YnNjcmliZXIudGFrZVVudGlsRGVzdHJveSlcbiAgICAgIC5zdWJzY3JpYmUoKGUpID0+IHtcbiAgICAgICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gICAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgYXBwbHlQYXJlbnQodTogYm9vbGVhbiA9IGZhbHNlKSB7XG4gICAgY29uc3QgdmFsdWUgPSB0aGlzLl9wYXJlbnQudmFsdWU7XG4gICAgaWYgKCF2YWx1ZSkge1xuICAgICAgdGhpcy5faGV4ID0gJyc7XG4gICAgICB0aGlzLl9yZ2JhID0ge1xuICAgICAgICByOiBudWxsLFxuICAgICAgICBnOiBudWxsLFxuICAgICAgICBiOiBudWxsLFxuICAgICAgICBhOiBudWxsLFxuICAgICAgfTtcbiAgICB9IGVsc2Uge1xuICAgICAgT2JqZWN0LmFzc2lnbih0aGlzLl9yZ2JhLCBBWENvbG9yVXRpbC50byh2YWx1ZSwgJ3JnYmEnKSk7XG4gICAgICBpZiAodGhpcy5fY29sb3JNb2RlICE9ICdoZXgnIHx8ICF0aGlzLl9oZXgpIHtcbiAgICAgICAgdGhpcy5faGV4ID0gQVhDb2xvclV0aWwudG9TdHJpbmcodmFsdWUsICdoZXgnKTtcbiAgICAgIH1cbiAgICAgIGlmICh0aGlzLl9jb2xvck1vZGUgPT0gJ2hleCcpIHtcbiAgICAgICAgdGhpcy5faGV4ID0gdmFsdWU7XG4gICAgICB9XG4gICAgICBpZiAoIXUgJiYgdGhpcy5fcmdiYS5hICE9IDEpIHtcbiAgICAgICAgdGhpcy5fY29sb3JNb2RlID0gJ3JnYmEnO1xuICAgICAgfVxuICAgIH1cbiAgICB0aGlzLmNoZWNrVmFsaWQoKTtcbiAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgdGhpcy5hcHBseVBhcmVudCgpO1xuICB9XG5cbiAgX2hhbmRsZUNoYW5nZUlucHV0TW9kZSgpIHtcbiAgICBzd2l0Y2ggKHRoaXMuX2NvbG9yTW9kZSkge1xuICAgICAgY2FzZSAncmdiYSc6XG4gICAgICAgIHRoaXMuX2NvbG9yTW9kZSA9ICdoZXgnO1xuICAgICAgICBicmVhaztcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHRoaXMuX2NvbG9yTW9kZSA9ICdyZ2JhJztcbiAgICAgICAgYnJlYWs7XG4gICAgfVxuICB9XG5cbiAgX2hhbmRsZVJHQkFWYWx1ZUNoYW5nZWQoZTogQVhWYWx1ZUNoYW5nZWRFdmVudDxudW1iZXI+KSB7XG4gICAgaWYgKGUuaXNVc2VySW50ZXJhY3Rpb24pIHtcbiAgICAgIHRoaXMuX3JnYmFbZS5uYW1lXSA9IGUudmFsdWU7XG4gICAgICBjb25zdCB7IHIsIGcsIGIsIGEgfSA9IHRoaXMuX3JnYmE7XG4gICAgICBjb25zdCBfY29sb3IgPSBgcmdiYSgke3J9LCR7Z30sJHtifSwke2F9KWA7XG4gICAgICB0aGlzLl9wYXJlbnQuY29tbWl0VmFsdWUoXG4gICAgICAgIEFYQ29sb3JVdGlsLnRvU3RyaW5nKF9jb2xvciwgJ3JnYmEnKSxcbiAgICAgICAgZS5pc1VzZXJJbnRlcmFjdGlvblxuICAgICAgKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgX2hhbmRsZUhFWEFWYWx1ZUNoYW5nZWQoZTogQVhWYWx1ZUNoYW5nZWRFdmVudDxzdHJpbmc+KSB7XG4gICAgaWYgKGUuaXNVc2VySW50ZXJhY3Rpb24gJiYgZS52YWx1ZT8udHJpbSgpICE9IHRoaXMuX2hleD8udHJpbSgpKSB7XG4gICAgICB0aGlzLl9wYXJlbnQuY29tbWl0VmFsdWUoZS52YWx1ZSwgZS5pc1VzZXJJbnRlcmFjdGlvbik7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBjaGVja1ZhbGlkKCkge1xuICAgIHRoaXMuaXNWYWxpZCA9IEFYQ29sb3JVdGlsLmlzVmFsaWQodGhpcy5faGV4KTtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcml2YXRlIGdldCBfX2hvc3RDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBgYXgtY29sb3ItcGFsZXR0ZS1pbnB1dGA7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJwYWxldHRlLWlucHV0c1wiPlxuICBAc3dpdGNoKF9jb2xvck1vZGUpe1xuXG4gIEBjYXNlKCdoZXgnKXtcbiAgPGRpdj5cbiAgICA8YXgtdGV4dC1ib3ggY2xhc3M9XCJheC1zbVwiIFtuZ01vZGVsXT1cIl9oZXhcIiBbZGlzYWJsZWRdPVwiX3BhcmVudC5kaXNhYmxlZFwiIFtyZWFkb25seV09XCJfcGFyZW50LnJlYWRvbmx5XCJcbiAgICAgIFtzdGF0ZV09XCJpc1ZhbGlkID8gJ2NsZWFyJyA6ICdlcnJvcidcIiAob25WYWx1ZUNoYW5nZWQpPVwiX2hhbmRsZUhFWEFWYWx1ZUNoYW5nZWQoJGV2ZW50KVwiXG4gICAgICBbbWFzay1vcHRpb25zXT1cIl9oZXhNYXNrT3B0aW9uc1wiPlxuICAgIDwvYXgtdGV4dC1ib3g+XG4gICAgPGxhYmVsPkhFWDwvbGFiZWw+XG4gIDwvZGl2PlxuICB9XG4gIEBjYXNlKCdyZ2JhJyl7XG4gIDxkaXY+XG4gICAgPGF4LW51bWJlci1ib3ggY2xhc3M9XCJheC1zbVwiIG5hbWU9XCJyXCIgW21pblZhbHVlXT1cIjBcIiBbbWF4VmFsdWVdPVwiMjU1XCIgW25nTW9kZWxdPVwiX3JnYmEuclwiIFtzaG93U3BpbkJ1dHRvbnNdPVwiZmFsc2VcIlxuICAgICAgW2Rpc2FibGVkXT1cIl9wYXJlbnQuZGlzYWJsZWRcIiBbcmVhZG9ubHldPVwiX3BhcmVudC5yZWFkb25seVwiIChvblZhbHVlQ2hhbmdlZCk9XCJfaGFuZGxlUkdCQVZhbHVlQ2hhbmdlZCgkZXZlbnQpXCI+XG4gICAgPC9heC1udW1iZXItYm94PlxuICAgIDxsYWJlbD5SPC9sYWJlbD5cbiAgPC9kaXY+XG4gIDxkaXY+XG4gICAgPGF4LW51bWJlci1ib3ggY2xhc3M9XCJheC1zbVwiIG5hbWU9XCJnXCIgW21pblZhbHVlXT1cIjBcIiBbbWF4VmFsdWVdPVwiMjU1XCIgW25nTW9kZWxdPVwiX3JnYmEuZ1wiIFtzaG93U3BpbkJ1dHRvbnNdPVwiZmFsc2VcIlxuICAgICAgW2Rpc2FibGVkXT1cIl9wYXJlbnQuZGlzYWJsZWRcIiBbcmVhZG9ubHldPVwiX3BhcmVudC5yZWFkb25seVwiIChvblZhbHVlQ2hhbmdlZCk9XCJfaGFuZGxlUkdCQVZhbHVlQ2hhbmdlZCgkZXZlbnQpXCI+XG4gICAgPC9heC1udW1iZXItYm94PlxuICAgIDxsYWJlbD5HPC9sYWJlbD5cbiAgPC9kaXY+XG4gIDxkaXY+XG4gICAgPGF4LW51bWJlci1ib3ggY2xhc3M9XCJheC1zbVwiIG5hbWU9XCJiXCIgW21pblZhbHVlXT1cIjBcIiBbbWF4VmFsdWVdPVwiMjU1XCIgW25nTW9kZWxdPVwiX3JnYmEuYlwiIFtzaG93U3BpbkJ1dHRvbnNdPVwiZmFsc2VcIlxuICAgICAgW2Rpc2FibGVkXT1cIl9wYXJlbnQuZGlzYWJsZWRcIiBbcmVhZG9ubHldPVwiX3BhcmVudC5yZWFkb25seVwiIChvblZhbHVlQ2hhbmdlZCk9XCJfaGFuZGxlUkdCQVZhbHVlQ2hhbmdlZCgkZXZlbnQpXCI+XG4gICAgPC9heC1udW1iZXItYm94PlxuICAgIDxsYWJlbD5CPC9sYWJlbD5cbiAgPC9kaXY+XG4gIDxkaXY+XG4gICAgPGF4LW51bWJlci1ib3ggY2xhc3M9XCJheC1zbVwiIG5hbWU9XCJhXCIgW21pblZhbHVlXT1cIjBcIiBbbWF4VmFsdWVdPVwiMVwiIFtuZ01vZGVsXT1cIl9yZ2JhLmFcIiBbZGVjaW1hbHNdPVwiMlwiIFtzdGVwXT1cIjAuMVwiXG4gICAgICBbZGlzYWJsZWRdPVwiX3BhcmVudC5kaXNhYmxlZFwiIFtyZWFkb25seV09XCJfcGFyZW50LnJlYWRvbmx5XCIgW3Nob3dTcGluQnV0dG9uc109XCJmYWxzZVwiXG4gICAgICAob25WYWx1ZUNoYW5nZWQpPVwiX2hhbmRsZVJHQkFWYWx1ZUNoYW5nZWQoJGV2ZW50KVwiPlxuICAgIDwvYXgtbnVtYmVyLWJveD5cbiAgICA8bGFiZWw+QTwvbGFiZWw+XG4gIDwvZGl2PlxuICB9XG4gIH1cbjwvZGl2PlxuPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJheC1nZW5lcmFsLWJ1dHRvbiBheC1idXR0b24tcm91bmRlZCBheC1idXR0b24taWNvbiBheC1zbVwiXG4gIChjbGljayk9XCJfaGFuZGxlQ2hhbmdlSW5wdXRNb2RlKClcIiBbZGlzYWJsZWRdPVwiX3BhcmVudC5kaXNhYmxlZFwiPlxuICA8c3BhbiBjbGFzcz1cImF4LWljb24gYXgtaWNvbi11bmZvbGQtbW9yZVwiPjwvc3Bhbj5cbjwvYnV0dG9uPiJdfQ==

package/esm2022/color-palette/lib/color-palette-picker.component.mjs

@@ -0,0 +1,175 @@
+import { MXBaseComponent, } from '@acorex/components/common';
+import { AXColorUtil, AXUnsubscriber } from '@acorex/core/utils';
+import { ChangeDetectionStrategy, Component, HostBinding, Inject, ViewEncapsulation, } from '@angular/core';
+import { AXColorPaletteChildComponent, AXColorPaletteParentComponent, } from './color-palette.class';
+import * as i0 from "@angular/core";
+import * as i1 from "@acorex/core/utils";
+import * as i2 from "@angular/forms";
+import * as i3 from "@acorex/components/range-slider";
+import * as i4 from "@angular/cdk/drag-drop";
+import * as i5 from "./color-palette.class";
+export class AXColorPalettePickerComponent extends MXBaseComponent {
+    constructor(_parent, _unsubscriber) {
+        super();
+        this._parent = _parent;
+        this._unsubscriber = _unsubscriber;
+        this._rgba = {
+            r: 0,
+            g: 0,
+            b: 0,
+            a: 0,
+        };
+        this._gradient = 0;
+        this._bgColor = '#F00';
+        this._gradientColors = [
+            { color: 'rgb(255, 0, 0)', pos: 0 },
+            { color: 'rgb(255, 255, 0)', pos: 0.17 },
+            { color: 'rgb(0, 255, 0)', pos: 0.33 },
+            { color: 'rgb(0, 255, 255)', pos: 0.5 },
+            { color: 'rgb(0, 0, 255)', pos: 0.67 },
+            { color: 'rgb(255, 0, 255)', pos: 0.83 },
+            { color: 'rgb(255, 0, 0)', pos: 1 },
+        ];
+        this._gradients = AXColorUtil.gradient(this._gradientColors);
+        this._colors = this._gradients.rgb(100);
+        this.dragPosition = { x: 0, y: 0 };
+        _parent.onValueChanged
+            .pipe(_unsubscriber.takeUntilDestroy)
+            .subscribe((e) => {
+            this._handleParentColorChanged();
+        });
+        _parent.onOptionChanged
+            .pipe(_unsubscriber.takeUntilDestroy)
+            .subscribe((e) => {
+            this.cdr.markForCheck();
+        });
+    }
+    setHSV() {
+        const hsv = AXColorUtil.to(this._rgba, 'hsva');
+        const sortedH = this._colors.map((c) => c.toHsv().h);
+        this._gradient = sortedH.findIndex((c) => {
+            return Math.round(c) >= Math.round(hsv.h);
+        });
+        this._bgColor = AXColorUtil.toString({ h: hsv.h, s: 1, v: 1, a: this._rgba.a }, 'rgba');
+        this.setPointerByPercent(hsv.s * 100, hsv.v * 100);
+    }
+    _handleParentColorChanged() {
+        const color = this._parent.value;
+        if (!color) {
+            this._rgba = {
+                r: 0,
+                g: 0,
+                b: 0,
+                a: 0,
+            };
+        }
+        else {
+            if (!AXColorUtil.equal(color, this._rgba)) {
+                Object.assign(this._rgba, AXColorUtil.to(color, 'rgba'));
+            }
+        }
+        this.setHSV();
+        this.cdr.detectChanges();
+    }
+    _handleAlphaChanged(e) {
+        if (e.isUserInteraction && e.value != this._rgba.a) {
+            const { r, g, b } = this._rgba;
+            const _color = `rgba(${r},${g},${b},${e.value})`;
+            this._parent.commitValue(AXColorUtil.toString(_color, 'rgba'), e.isUserInteraction);
+        }
+    }
+    _handleGradientChanged(e) {
+        if (e.isUserInteraction && e.value != this._gradient) {
+            const { s, v } = AXColorUtil.to(this._rgba, 'hsva');
+            const { h } = this._colors[e.value].toHsv();
+            this._parent.commitValue(AXColorUtil.toString({ h, s, v, a: this._rgba.a }, 'rgba'), e.isUserInteraction);
+        }
+    }
+    _handleSurfaceClick(e) {
+        if (this._parent.disabled || this._parent.readonly) {
+            e.preventDefault();
+            e.stopPropagation();
+            return;
+        }
+        const surface = this.getHostElement().querySelector('.ax-color-box-overlay');
+        const pointer = this.getHostElement().querySelector('.ax-color-box-pointer');
+        let x = e.offsetX;
+        let y = e.offsetY;
+        this.setColorByXY(x, y);
+    }
+    _handleDrag() {
+        if (this._parent.disabled || this._parent.readonly) {
+            return;
+        }
+        const surface = this.getHostElement().querySelector('.ax-color-box-overlay');
+        const sb = surface.getBoundingClientRect();
+        const pointer = this.getHostElement().querySelector('.ax-color-box-pointer');
+        const pb = pointer.getBoundingClientRect();
+        const w = pb.width / 2;
+        let x = pb.left - sb.left + w;
+        let y = pb.top - sb.top + w;
+        //
+        x = x < 0 ? 0 : x;
+        x = x > sb.width ? sb.width : x;
+        //
+        y = y < 0 ? 0 : y;
+        y = y > sb.height ? sb.height : y;
+        //
+        this.setColorByXY(x, y);
+    }
+    setColorByXY(x, y) {
+        const surface = this.getHostElement().querySelector('.ax-color-box-overlay');
+        const sb = surface.getBoundingClientRect();
+        //
+        const { h } = AXColorUtil.to(this._bgColor, 'hsva');
+        const hsv = {
+            h,
+            s: x / sb.width,
+            v: (sb.height - y) / sb.height,
+        };
+        this._parent.commitValue(AXColorUtil.toString(hsv, 'rgba'), true);
+    }
+    setPointerByPercent(x, y) {
+        const surface = this.getHostElement().querySelector('.ax-color-box-overlay');
+        if (!surface)
+            return;
+        const sb = surface.getBoundingClientRect();
+        const pointer = this.getHostElement().querySelector('.ax-color-box-pointer');
+        const pb = pointer.getBoundingClientRect();
+        const w = pb.width / 2;
+        const width = sb.width; //+ pb.width
+        const height = sb.height; // + pb.width
+        this.dragPosition = {
+            x: (x * width) / 100 - w,
+            y: height - (y * height) / 100 - w,
+        };
+    }
+    get __hostClass() {
+        return `ax-color-palette-picker`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXColorPalettePickerComponent, deps: [{ token: AXColorPaletteParentComponent }, { token: i1.AXUnsubscriber }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.2", type: AXColorPalettePickerComponent, selector: "ax-color-palette-picker", host: { properties: { "class": "this.__hostClass" } }, providers: [
+            {
+                provide: AXColorPaletteChildComponent,
+                useExisting: AXColorPalettePickerComponent,
+            },
+            AXUnsubscriber,
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-color-box-overlay-trans\">\n    <div class=\"ax-color-box-overlay\" [style.background-color]=\"_bgColor\">\n        <div class=\"ax-color-box-overlay-g1\"></div>\n        <div class=\"ax-color-box-overlay-g2\" (click)=\"_handleSurfaceClick($event)\"></div>\n        <div class=\"ax-color-box-pointer\" cdkDrag cdkDragBoundary=\".ax-color-box-overlay\"\n            [cdkDragFreeDragPosition]=\"dragPosition\" (cdkDragEnded)=\"_handleDrag()\"\n            [cdkDragDisabled]=\"_parent.disabled || _parent.readonly\">\n        </div>\n    </div>\n</div>\n<ax-range-slider class=\"ax-color-box-gradient\" [minValue]=\"0\" [maxValue]=\"100\" [step]=\"1\" [ngModel]=\"_gradient\"\n    [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\" (onValueChanged)=\"_handleGradientChanged($event)\">\n</ax-range-slider>\n<ax-range-slider class=\"ax-color-box-transparent\" [minValue]=\"0\" [maxValue]=\"1\" [step]=\"0.01\" [ngModel]=\"_rgba.a\"\n    [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\" (onValueChanged)=\"_handleAlphaChanged($event)\">\n</ax-range-slider>", dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.AXRangeSliderComponent, selector: "ax-range-slider", inputs: ["readonly", "disabled", "value", "name", "color", "minValue", "maxValue", "step", "direction"], outputs: ["valueChange", "onValueChanged", "readonlyChange", "disabledChange"] }, { kind: "directive", type: i4.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXColorPalettePickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-color-palette-picker', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: AXColorPaletteChildComponent,
+                            useExisting: AXColorPalettePickerComponent,
+                        },
+                        AXUnsubscriber,
+                    ], template: "<div class=\"ax-color-box-overlay-trans\">\n    <div class=\"ax-color-box-overlay\" [style.background-color]=\"_bgColor\">\n        <div class=\"ax-color-box-overlay-g1\"></div>\n        <div class=\"ax-color-box-overlay-g2\" (click)=\"_handleSurfaceClick($event)\"></div>\n        <div class=\"ax-color-box-pointer\" cdkDrag cdkDragBoundary=\".ax-color-box-overlay\"\n            [cdkDragFreeDragPosition]=\"dragPosition\" (cdkDragEnded)=\"_handleDrag()\"\n            [cdkDragDisabled]=\"_parent.disabled || _parent.readonly\">\n        </div>\n    </div>\n</div>\n<ax-range-slider class=\"ax-color-box-gradient\" [minValue]=\"0\" [maxValue]=\"100\" [step]=\"1\" [ngModel]=\"_gradient\"\n    [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\" (onValueChanged)=\"_handleGradientChanged($event)\">\n</ax-range-slider>\n<ax-range-slider class=\"ax-color-box-transparent\" [minValue]=\"0\" [maxValue]=\"1\" [step]=\"0.01\" [ngModel]=\"_rgba.a\"\n    [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\" (onValueChanged)=\"_handleAlphaChanged($event)\">\n</ax-range-slider>" }]
+        }], ctorParameters: () => [{ type: i5.AXColorPaletteParentComponent, decorators: [{
+                    type: Inject,
+                    args: [AXColorPaletteParentComponent]
+                }] }, { type: i1.AXUnsubscriber }], propDecorators: { __hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGFsZXR0ZS1waWNrZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2NvbG9yLXBhbGV0dGUvc3JjL2xpYi9jb2xvci1wYWxldHRlLXBpY2tlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvY29sb3ItcGFsZXR0ZS9zcmMvbGliL2NvbG9yLXBhbGV0dGUtcGlja2VyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxlQUFlLEdBQ2hCLE1BQU0sMkJBQTJCLENBQUM7QUFDbkMsT0FBTyxFQUFFLFdBQVcsRUFBRSxjQUFjLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNqRSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxXQUFXLEVBQ1gsTUFBTSxFQUNOLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsNEJBQTRCLEVBQzVCLDZCQUE2QixHQUM5QixNQUFNLHVCQUF1QixDQUFDOzs7Ozs7O0FBZS9CLE1BQU0sT0FBTyw2QkFBOEIsU0FBUSxlQUFlO0lBMkJoRSxZQUVTLE9BQXNDLEVBQ3JDLGFBQTZCO1FBRXJDLEtBQUssRUFBRSxDQUFDO1FBSEQsWUFBTyxHQUFQLE9BQU8sQ0FBK0I7UUFDckMsa0JBQWEsR0FBYixhQUFhLENBQWdCO1FBN0J2QyxVQUFLLEdBQW1EO1lBQ3RELENBQUMsRUFBRSxDQUFDO1lBQ0osQ0FBQyxFQUFFLENBQUM7WUFDSixDQUFDLEVBQUUsQ0FBQztZQUNKLENBQUMsRUFBRSxDQUFDO1NBQ0wsQ0FBQztRQUVRLGNBQVMsR0FBVyxDQUFDLENBQUM7UUFFdEIsYUFBUSxHQUFXLE1BQU0sQ0FBQztRQUVuQixvQkFBZSxHQUFVO1lBQ3hDLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFLEdBQUcsRUFBRSxD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eEIsQ0FBQyxFQUFFLE1BQU0sR0FBRyxDQUFDLENBQUMsR0FBRyxNQUFNLENBQUMsR0FBRyxHQUFHLEdBQUcsQ0FBQztTQUNuQyxDQUFDO0lBQ0osQ0FBQztJQUNELElBQ1ksV0FBVztRQUNyQixPQUFPLHlCQUF5QixDQUFDO0lBQ25DLENBQUM7OEdBaExVLDZCQUE2QixrQkE0QjlCLDZCQUE2QjtrR0E1QjVCLDZCQUE2Qix5R0FSN0I7WUFDVDtnQkFDRSxPQUFPLEVBQUUsNEJBQTRCO2dCQUNyQyxXQUFXLEVBQUUsNkJBQTZCO2FBQzNDO1lBQ0QsY0FBYztTQUNmLGlEQzVCSCx3a0NBZWtCOzsyRkRlTCw2QkFBNkI7a0JBYnpDLFNBQVM7K0JBQ0UseUJBQXlCLGlCQUVwQixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSw0QkFBNEI7NEJBQ3JDLFdBQVcsK0JBQStCO3lCQUMzQzt3QkFDRCxjQUFjO3FCQUNmOzswQkE4QkUsTUFBTTsyQkFBQyw2QkFBNkI7c0VBa0ozQixXQUFXO3NCQUR0QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBWFZhbHVlQ2hhbmdlZEV2ZW50LFxuICBNWEJhc2VDb21wb25lbnQsXG59IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9jb21tb24nO1xuaW1wb3J0IHsgQVhDb2xvclV0aWwsIEFYVW5zdWJzY3JpYmVyIH0gZnJvbSAnQGFjb3JleC9jb3JlL3V0aWxzJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEhvc3RCaW5kaW5nLFxuICBJbmplY3QsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIEFYQ29sb3JQYWxldHRlQ2hpbGRDb21wb25lbnQsXG4gIEFYQ29sb3JQYWxldHRlUGFyZW50Q29tcG9uZW50LFxufSBmcm9tICcuL2NvbG9yLXBhbGV0dGUuY2xhc3MnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1jb2xvci1wYWxldHRlLXBpY2tlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb2xvci1wYWxldHRlLXBpY2tlci5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBBWENvbG9yUGFsZXR0ZUNoaWxkQ29tcG9uZW50LFxuICAgICAgdXNlRXhpc3Rpbmc6IEFYQ29sb3JQYWxldHRlUGlja2VyQ29tcG9uZW50LFxuICAgIH0sXG4gICAgQVhVbnN1YnNjcmliZXIsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEFYQ29sb3JQYWxldHRlUGlja2VyQ29tcG9uZW50IGV4dGVuZHMgTVhCYXNlQ29tcG9uZW50IHtcbiAgX3JnYmE6IHsgcjogbnVtYmVyOyBnOiBudW1iZXI7IGI6IG51bWJlcjsgYTogbnVtYmVyIH0gPSB7XG4gICAgcjogMCxcbiAgICBnOiAwLFxuICAgIGI6IDAsXG4gICAgYTogMCxcbiAgfTtcblxuICBwcm90ZWN0ZWQgX2dyYWRpZW50OiBudW1iZXIgPSAwO1xuXG4gIHByb3RlY3RlZCBfYmdDb2xvcjogc3RyaW5nID0gJyNGMDAnO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgX2dyYWRpZW50Q29sb3JzOiBhbnlbXSA9IFtcbiAgICB7IGNvbG9yOiAncmdiKDI1NSwgMCwgMCknLCBwb3M6IDAgfSxcbiAgICB7IGNvbG9yOiAncmdiKDI1NSwgMjU1LCAwKScsIHBvczogMC4xNyB9LFxuICAgIHsgY29sb3I6ICdyZ2IoMCwgMjU1LCAwKScsIHBvczogMC4zMyB9LFxuICAgIHsgY29sb3I6ICdyZ2IoMCwgMjU1LCAyNTUpJywgcG9zOiAwLjUgfSxcbiAgICB7IGNvbG9yOiAncmdiKDAsIDAsIDI1NSknLCBwb3M6IDAuNjcgfSxcbiAgICB7IGNvbG9yOiAncmdiKDI1NSwgMCwgMjU1KScsIHBvczogMC44MyB9LFxuICAgIHsgY29sb3I6ICdyZ2IoMjU1LCAwLCAwKScsIHBvczogMSB9LFxuICBdO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgX2dyYWRpZW50cyA9IEFYQ29sb3JVdGlsLmdyYWRpZW50KHRoaXMuX2dyYWRpZW50Q29sb3JzKTtcbiAgcHJpdmF0ZSByZWFkb25seSBfY29sb3JzID0gdGhpcy5fZ3JhZGllbnRzLnJnYigxMDApO1xuXG4gIHByb3RlY3RlZCBkcmFnUG9zaXRpb24gPSB7IHg6IDAsIHk6IDAgfTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBASW5qZWN0KEFYQ29sb3JQYWxldHRlUGFyZW50Q29tcG9uZW50KVxuICAgIHB1YmxpYyBfcGFyZW50OiBBWENvbG9yUGFsZXR0ZVBhcmVudENvbXBvbmVudCxcbiAgICBwcml2YXRlIF91bnN1YnNjcmliZXI6IEFYVW5zdWJzY3JpYmVyXG4gICkge1xuICAgIHN1cGVyKCk7XG4gICAgX3BhcmVudC5vblZhbHVlQ2hhbmdlZFxuICAgICAgLnBpcGUoX3Vuc3Vic2NyaWJlci50YWtlVW50aWxEZXN0cm95KVxuICAgICAgLnN1YnNjcmliZSgoZSkgPT4ge1xuICAgICAgICB0aGlzLl9oYW5kbGVQYXJlbnRDb2xvckNoYW5nZWQoKTtcbiAgICAgIH0pO1xuICAgIF9wYXJlbnQub25PcHRpb25DaGFuZ2VkXG4gICAgICAucGlwZShfdW5zdWJzY3JpYmVyLnRha2VVbnRpbERlc3Ryb3kpXG4gICAgICAuc3Vic2NyaWJlKChlKSA9PiB7XG4gICAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgICAgfSk7XG4gIH1cblxuICBwcml2YXRlIHNldEhTVigpIHtcbiAgICBjb25zdCBoc3YgPSBBWENvbG9yVXRpbC50byh0aGlzLl9yZ2JhLCAnaHN2YScpIGFzIGFueTtcbiAgICBjb25zdCBzb3J0ZWRIID0gdGhpcy5fY29sb3JzLm1hcCgoYykgPT4gYy50b0hzdigpLmgpO1xuICAgIHRoaXMuX2dyYWRpZW50ID0gc29ydGVkSC5maW5kSW5kZXgoKGMpID0+IHtcbiAgICAgIHJldHVybiBNYXRoLnJvdW5kKGMpID49IE1hdGgucm91bmQoaHN2LmgpO1xuICAgIH0pO1xuICAgIHRoaXMuX2JnQ29sb3IgPSBBWENvbG9yVXRpbC50b1N0cmluZyhcbiAgICAgIHsgaDogaHN2LmgsIHM6IDEsIHY6IDEsIGE6IHRoaXMuX3JnYmEuYSB9LFxuICAgICAgJ3JnYmEnXG4gICAgKTtcbiAgICB0aGlzLnNldFBvaW50ZXJCeVBlcmNlbnQoaHN2LnMgKiAxMDAsIGhzdi52ICogMTAwKTtcbiAgfVxuXG4gIHByaXZhdGUgX2hhbmRsZVBhcmVudENvbG9yQ2hhbmdlZCgpIHtcbiAgICBjb25zdCBjb2xvciA9IHRoaXMuX3BhcmVudC52YWx1ZTtcbiAgICBpZiAoIWNvbG9yKSB7XG4gICAgICB0aGlzLl9yZ2JhID0ge1xuICAgICAgICByOiAwLFxuICAgICAgICBnOiAwLFxuICAgICAgICBiOiAwLFxuICAgICAgICBhOiAwLFxuICAgICAgfTtcbiAgICB9IGVsc2Uge1xuICAgICAgaWYgKCFBWENvbG9yVXRpbC5lcXVhbChjb2xvciwgdGhpcy5fcmdiYSkpIHtcbiAgICAgICAgT2JqZWN0LmFzc2lnbih0aGlzLl9yZ2JhLCBBWENvbG9yVXRpbC50byhjb2xvciwgJ3JnYmEnKSk7XG4gICAgICB9XG4gICAgfVxuICAgIHRoaXMuc2V0SFNWKCk7XG4gICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICB9XG5cbiAgcHJvdGVjdGVkIF9oYW5kbGVBbHBoYUNoYW5nZWQoZTogQVhWYWx1ZUNoYW5nZWRFdmVudDxudW1iZXI+KSB7XG4gICAgaWYgKGUuaXNVc2VySW50ZXJhY3Rpb24gJiYgZS52YWx1ZSAhPSB0aGlzLl9yZ2JhLmEpIHtcbiAgICAgIGNvbnN0IHsgciwgZywgYiB9ID0gdGhpcy5fcmdiYTtcbiAgICAgIGNvbnN0IF9jb2xvciA9IGByZ2JhKCR7cn0sJHtnfSwke2J9LCR7ZS52YWx1ZX0pYDtcbiAgICAgIHRoaXMuX3BhcmVudC5jb21taXRWYWx1ZShcbiAgICAgICAgQVhDb2xvclV0aWwudG9TdHJpbmcoX2NvbG9yLCAncmdiYScpLFxuICAgICAgICBlLmlzVXNlckludGVyYWN0aW9uXG4gICAgICApO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBfaGFuZGxlR3JhZGllbnRDaGFuZ2VkKGU6IEFYVmFsdWVDaGFuZ2VkRXZlbnQ8bnVtYmVyPikge1xuICAgIGlmIChlLmlzVXNlckludGVyYWN0aW9uICYmIGUudmFsdWUgIT0gdGhpcy5fZ3JhZGllbnQpIHtcbiAgICAgIGNvbnN0IHsgcywgdiB9ID0gQVhDb2xvclV0aWwudG8odGhpcy5fcmdiYSwgJ2hzdmEnKSBhcyBhbnk7XG4gICAgICBjb25zdCB7IGggfSA9IHRoaXMuX2NvbG9yc1tlLnZhbHVlXS50b0hzdigpO1xuICAgICAgdGhpcy5fcGFyZW50LmNvbW1pdFZhbHVlKFxuICAgICAgICBBWENvbG9yVXRpbC50b1N0cmluZyh7IGgsIHMsIHYsIGE6IHRoaXMuX3JnYmEuYSB9LCAncmdiYScpLFxuICAgICAgICBlLmlzVXNlckludGVyYWN0aW9uXG4gICAgICApO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBfaGFuZGxlU3VyZmFjZUNsaWNrKGU6IE1vdXNlRXZlbnQpIHtcbiAgICBpZiAodGhpcy5fcGFyZW50LmRpc2FibGVkIHx8IHRoaXMuX3BhcmVudC5yZWFkb25seSkge1xuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgY29uc3Qgc3VyZmFjZSA9IHRoaXMuZ2V0SG9zdEVsZW1lbnQoKS5xdWVyeVNlbGVjdG9yPEhUTUxEaXZFbGVtZW50PihcbiAgICAgICcuYXgtY29sb3ItYm94LW92ZXJsYXknXG4gICAgKTtcbiAgICBjb25zdCBwb2ludGVyID0gdGhpcy5nZXRIb3N0RWxlbWVudCgpLnF1ZXJ5U2VsZWN0b3I8SFRNTERpdkVsZW1lbnQ+KFxuICAgICAgJy5heC1jb2xvci1ib3gtcG9pbnRlcidcbiAgICApO1xuICAgIGxldCB4ID0gZS5vZmZzZXRYO1xuICAgIGxldCB5ID0gZS5vZmZzZXRZO1xuICAgIHRoaXMuc2V0Q29sb3JCeVhZKHgsIHkpO1xuICB9XG5cbiAgcHJvdGVjdGVkIF9oYW5kbGVEcmFnKCkge1xuICAgIGlmICh0aGlzLl9wYXJlbnQuZGlzYWJsZWQgfHwgdGhpcy5fcGFyZW50LnJlYWRvbmx5KSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGNvbnN0IHN1cmZhY2UgPSB0aGlzLmdldEhvc3RFbGVtZW50KCkucXVlcnlTZWxlY3RvcjxIVE1MRGl2RWxlbWVudD4oXG4gICAgICAnLmF4LWNvbG9yLWJveC1vdmVybGF5J1xuICAgICk7XG4gICAgY29uc3Qgc2IgPSBzdXJmYWNlLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgIGNvbnN0IHBvaW50ZXIgPSB0aGlzLmdldEhvc3RFbGVtZW50KCkucXVlcnlTZWxlY3RvcjxIVE1MRGl2RWxlbWVudD4oXG4gICAgICAnLmF4LWNvbG9yLWJveC1wb2ludGVyJ1xuICAgICk7XG4gICAgY29uc3QgcGIgPSBwb2ludGVyLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgIGNvbnN0IHcgPSBwYi53aWR0aCAvIDI7XG4gICAgbGV0IHggPSBwYi5sZWZ0IC0gc2IubGVmdCArIHc7XG4gICAgbGV0IHkgPSBwYi50b3AgLSBzYi50b3AgKyB3O1xuICAgIC8vXG4gICAgeCA9IHggPCAwID8gMCA6IHg7XG4gICAgeCA9IHggPiBzYi53aWR0aCA/IHNiLndpZHRoIDogeDtcbiAgICAvL1xuICAgIHkgPSB5IDwgMCA/IDAgOiB5O1xuICAgIHkgPSB5ID4gc2IuaGVpZ2h0ID8gc2IuaGVpZ2h0IDogeTtcbiAgICAvL1xuICAgIHRoaXMuc2V0Q29sb3JCeVhZKHgsIHkpO1xuICB9XG5cbiAgcHJpdmF0ZSBzZXRDb2xvckJ5WFkoeDogbnVtYmVyLCB5OiBudW1iZXIpIHtcbiAgICBjb25zdCBzdXJmYWNlID0gdGhpcy5nZXRIb3N0RWxlbWVudCgpLnF1ZXJ5U2VsZWN0b3I8SFRNTERpdkVsZW1lbnQ+KFxuICAgICAgJy5heC1jb2xvci1ib3gtb3ZlcmxheSdcbiAgICApO1xuICAgIGNvbnN0IHNiID0gc3VyZmFjZS5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICAvL1xuICAgIGNvbnN0IHsgaCB9ID0gQVhDb2xvclV0aWwudG8odGhpcy5fYmdDb2xvciwgJ2hzdmEnKSBhcyBhbnk7XG4gICAgY29uc3QgaHN2ID0ge1xuICAgICAgaCxcbiAgICAgIHM6IHggLyBzYi53aWR0aCxcbiAgICAgIHY6IChzYi5oZWlnaHQgLSB5KSAvIHNiLmhlaWdodCxcbiAgICB9O1xuICAgIHRoaXMuX3BhcmVudC5jb21taXRWYWx1ZShBWENvbG9yVXRpbC50b1N0cmluZyhoc3YsICdyZ2JhJyksIHRydWUpO1xuICB9XG5cbiAgcHJpdmF0ZSBzZXRQb2ludGVyQnlQZXJjZW50KHg6IG51bWJlciwgeTogbnVtYmVyKSB7XG4gICAgY29uc3Qgc3VyZmFjZSA9IHRoaXMuZ2V0SG9zdEVsZW1lbnQoKS5xdWVyeVNlbGVjdG9yPEhUTUxEaXZFbGVtZW50PihcbiAgICAgICcuYXgtY29sb3ItYm94LW92ZXJsYXknXG4gICAgKTtcbiAgICBpZiAoIXN1cmZhY2UpIHJldHVybjtcbiAgICBjb25zdCBzYiA9IHN1cmZhY2UuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgY29uc3QgcG9pbnRlciA9IHRoaXMuZ2V0SG9zdEVsZW1lbnQoKS5xdWVyeVNlbGVjdG9yPEhUTUxEaXZFbGVtZW50PihcbiAgICAgICcuYXgtY29sb3ItYm94LXBvaW50ZXInXG4gICAgKTtcbiAgICBjb25zdCBwYiA9IHBvaW50ZXIuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgY29uc3QgdyA9IHBiLndpZHRoIC8gMjtcbiAgICBjb25zdCB3aWR0aCA9IHNiLndpZHRoOyAvLysgcGIud2lkdGhcbiAgICBjb25zdCBoZWlnaHQgPSBzYi5oZWlnaHQ7IC8vICsgcGIud2lkdGhcbiAgICB0aGlzLmRyYWdQb3NpdGlvbiA9IHtcbiAgICAgIHg6ICh4ICogd2lkdGgpIC8gMTAwIC0gdyxcbiAgICAgIHk6IGhlaWdodCAtICh5ICogaGVpZ2h0KSAvIDEwMCAtIHcsXG4gICAgfTtcbiAgfVxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHJpdmF0ZSBnZXQgX19ob3N0Q2xhc3MoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gYGF4LWNvbG9yLXBhbGV0dGUtcGlja2VyYDtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImF4LWNvbG9yLWJveC1vdmVybGF5LXRyYW5zXCI+XG4gICAgPGRpdiBjbGFzcz1cImF4LWNvbG9yLWJveC1vdmVybGF5XCIgW3N0eWxlLmJhY2tncm91bmQtY29sb3JdPVwiX2JnQ29sb3JcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImF4LWNvbG9yLWJveC1vdmVybGF5LWcxXCI+PC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJheC1jb2xvci1ib3gtb3ZlcmxheS1nMlwiIChjbGljayk9XCJfaGFuZGxlU3VyZmFjZUNsaWNrKCRldmVudClcIj48L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImF4LWNvbG9yLWJveC1wb2ludGVyXCIgY2RrRHJhZyBjZGtEcmFnQm91bmRhcnk9XCIuYXgtY29sb3ItYm94LW92ZXJsYXlcIlxuICAgICAgICAgICAgW2Nka0RyYWdGcmVlRHJhZ1Bvc2l0aW9uXT1cImRyYWdQb3NpdGlvblwiIChjZGtEcmFnRW5kZWQpPVwiX2hhbmRsZURyYWcoKVwiXG4gICAgICAgICAgICBbY2RrRHJhZ0Rpc2FibGVkXT1cIl9wYXJlbnQuZGlzYWJsZWQgfHwgX3BhcmVudC5yZWFkb25seVwiPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuPGF4LXJhbmdlLXNsaWRlciBjbGFzcz1cImF4LWNvbG9yLWJveC1ncmFkaWVudFwiIFttaW5WYWx1ZV09XCIwXCIgW21heFZhbHVlXT1cIjEwMFwiIFtzdGVwXT1cIjFcIiBbbmdNb2RlbF09XCJfZ3JhZGllbnRcIlxuICAgIFtkaXNhYmxlZF09XCJfcGFyZW50LmRpc2FibGVkXCIgW3JlYWRvbmx5XT1cIl9wYXJlbnQucmVhZG9ubHlcIiAob25WYWx1ZUNoYW5nZWQpPVwiX2hhbmRsZUdyYWRpZW50Q2hhbmdlZCgkZXZlbnQpXCI+XG48L2F4LXJhbmdlLXNsaWRlcj5cbjxheC1yYW5nZS1zbGlkZXIgY2xhc3M9XCJheC1jb2xvci1ib3gtdHJhbnNwYXJlbnRcIiBbbWluVmFsdWVdPVwiMFwiIFttYXhWYWx1ZV09XCIxXCIgW3N0ZXBdPVwiMC4wMVwiIFtuZ01vZGVsXT1cIl9yZ2JhLmFcIlxuICAgIFtkaXNhYmxlZF09XCJfcGFyZW50LmRpc2FibGVkXCIgW3JlYWRvbmx5XT1cIl9wYXJlbnQucmVhZG9ubHlcIiAob25WYWx1ZUNoYW5nZWQpPVwiX2hhbmRsZUFscGhhQ2hhbmdlZCgkZXZlbnQpXCI+XG48L2F4LXJhbmdlLXNsaWRlcj4iXX0=

package/esm2022/color-palette/lib/color-palette-preview.component.mjs

@@ -0,0 +1,71 @@
+import { MXBaseComponent } from '@acorex/components/common';
+import { AXColorUtil, AXUnsubscriber } from '@acorex/core/utils';
+import { ChangeDetectionStrategy, Component, HostBinding, Inject, NgZone, ViewEncapsulation, } from '@angular/core';
+import { AXColorPaletteChildComponent, AXColorPaletteParentComponent, } from './color-palette.class';
+import * as i0 from "@angular/core";
+import * as i1 from "@acorex/core/utils";
+import * as i2 from "./color-palette.class";
+export class AXColorPalettePreviewComponent extends MXBaseComponent {
+    constructor(_parent, _zone, _unsubscriber) {
+        super();
+        this._parent = _parent;
+        this._zone = _zone;
+        this._unsubscriber = _unsubscriber;
+        _parent.onValueChanged
+            .pipe(_unsubscriber.takeUntilDestroy)
+            .subscribe((e) => {
+            _zone.runOutsideAngular(this.applyParent.bind(this));
+        });
+    }
+    ngAfterViewInit() {
+        this.applyParent();
+    }
+    applyParent() {
+        const inner = this.getHostElement().firstElementChild;
+        inner.style.backgroundColor = this._parent.value;
+        inner.innerText = AXColorUtil.toString(this._parent.value);
+        const color = AXColorUtil.toString(this._parent.value, 'hex');
+        const ratio = AXColorUtil.contrastToWhite(color);
+        this.getHostElement().style.color = !(ratio > 2.0) ? '#000' : '#fff';
+    }
+    get __hostClass() {
+        return `ax-color-palette-preview`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXColorPalettePreviewComponent, deps: [{ token: AXColorPaletteParentComponent }, { token: i0.NgZone }, { token: i1.AXUnsubscriber }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.2", type: AXColorPalettePreviewComponent, selector: "ax-color-palette-preview", host: { properties: { "classs": "this.__hostClass" } }, providers: [
+            {
+                provide: AXColorPaletteChildComponent,
+                useExisting: AXColorPalettePreviewComponent,
+            },
+            AXUnsubscriber,
+        ], usesInheritance: true, ngImport: i0, template: `<div
+    class="palette-preview-overlay"
+    [class.ax-state-disabled]="_parent.disabled"
+  ></div>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXColorPalettePreviewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-color-palette-preview',
+                    template: `<div
+    class="palette-preview-overlay"
+    [class.ax-state-disabled]="_parent.disabled"
+  ></div>`,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [
+                        {
+                            provide: AXColorPaletteChildComponent,
+                            useExisting: AXColorPalettePreviewComponent,
+                        },
+                        AXUnsubscriber,
+                    ],
+                }]
+        }], ctorParameters: () => [{ type: i2.AXColorPaletteParentComponent, decorators: [{
+                    type: Inject,
+                    args: [AXColorPaletteParentComponent]
+                }] }, { type: i0.NgZone }, { type: i1.AXUnsubscriber }], propDecorators: { __hostClass: [{
+                type: HostBinding,
+                args: ['classs']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGFsZXR0ZS1wcmV2aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9jb2xvci1wYWxldHRlL3NyYy9saWIvY29sb3ItcGFsZXR0ZS1wcmV2aWV3LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDNUQsT0FBTyxFQUFFLFdBQVcsRUFBRSxjQUFjLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNqRSxPQUFPLEVBRUwsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxXQUFXLEVBQ1gsTUFBTSxFQUNOLE1BQU0sRUFDTixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLDRCQUE0QixFQUM1Qiw2QkFBNkIsR0FDOUIsTUFBTSx1QkFBdUIsQ0FBQzs7OztBQWtCL0IsTUFBTSxPQUFPLDhCQUNYLFNBQVEsZUFBZTtJQUd2QixZQUVTLE9BQXNDLEVBQ3JDLEtBQWEsRUFDYixhQUE2QjtRQUVyQyxLQUFLLEVBQUUsQ0FBQztRQUpELFlBQU8sR0FBUCxPQUFPLENBQStCO1FBQ3JDLFVBQUssR0FBTCxLQUFLLENBQVE7UUFDYixrQkFBYSxHQUFiLGFBQWEsQ0FBZ0I7UUFHckMsT0FBTyxDQUFDLGNBQWM7YUFDbkIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxnQkFBZ0IsQ0FBQzthQUNwQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUNmLEtBQUssQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO1FBQ3ZELENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVPLFdBQVc7UUFDakIsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDLGlCQUFtQyxDQUFDO1FBQ3hFLEtBQUssQ0FBQyxLQUFLLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDO1FBQ2pELEtBQUssQ0FBQyxTQUFTLEdBQUcsV0FBVyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzNELE1BQU0sS0FBSyxHQUFHLFdBQVcsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDOUQsTUFBTSxLQUFLLEdBQUcsV0FBVyxDQUFDLGVBQWUsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNqRCxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsS0FBSyxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQztJQUN2RSxDQUFDO0lBRUQsSUFDWSxXQUFXO1FBQ3JCLE9BQU8sMEJBQTBCLENBQUM7SUFDcEMsQ0FBQzs4R0FsQ1UsOEJBQThCLGtCQUsvQiw2QkFBNkI7a0dBTDVCLDhCQUE4QiwyR0FSOUI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsNEJBQTRCO2dCQUNyQyxXQUFXLEVBQUUsOEJBQThCO2FBQzVDO1lBQ0QsY0FBYztTQUNmLGlEQVpTOzs7VUFHRjs7MkZBV0csOEJBQThCO2tCQWhCMUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsMEJBQTBCO29CQUNwQyxRQUFRLEVBQUU7OztVQUdGO29CQUNSLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsU0FBUyxFQUFFO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSw0QkFBNEI7NEJBQ3JDLFdBQVcsZ0NBQWdDO3lCQUM1Qzt3QkFDRCxjQUFjO3FCQUNmO2lCQUNGOzswQkFNSSxNQUFNOzJCQUFDLDZCQUE2QjsyRkEyQjNCLFdBQVc7c0JBRHRCLFdBQVc7dUJBQUMsUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE1YQmFzZUNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9jb21tb24nO1xuaW1wb3J0IHsgQVhDb2xvclV0aWwsIEFYVW5zdWJzY3JpYmVyIH0gZnJvbSAnQGFjb3JleC9jb3JlL3V0aWxzJztcbmltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEhvc3RCaW5kaW5nLFxuICBJbmplY3QsXG4gIE5nWm9uZSxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgQVhDb2xvclBhbGV0dGVDaGlsZENvbXBvbmVudCxcbiAgQVhDb2xvclBhbGV0dGVQYXJlbnRDb21wb25lbnQsXG59IGZyb20gJy4vY29sb3ItcGFsZXR0ZS5jbGFzcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LWNvbG9yLXBhbGV0dGUtcHJldmlldycsXG4gIHRlbXBsYXRlOiBgPGRpdlxuICAgIGNsYXNzPVwicGFsZXR0ZS1wcmV2aWV3LW92ZXJsYXlcIlxuICAgIFtjbGFzcy5heC1zdGF0ZS1kaXNhYmxlZF09XCJfcGFyZW50LmRpc2FibGVkXCJcbiAgPjwvZGl2PmAsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBBWENvbG9yUGFsZXR0ZUNoaWxkQ29tcG9uZW50LFxuICAgICAgdXNlRXhpc3Rpbmc6IEFYQ29sb3JQYWxldHRlUHJldmlld0NvbXBvbmVudCxcbiAgICB9LFxuICAgIEFYVW5zdWJzY3JpYmVyLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBBWENvbG9yUGFsZXR0ZVByZXZpZXdDb21wb25lbnRcbiAgZXh0ZW5kcyBNWEJhc2VDb21wb25lbnRcbiAgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0XG57XG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoQVhDb2xvclBhbGV0dGVQYXJlbnRDb21wb25lbnQpXG4gICAgcHVibGljIF9wYXJlbnQ6IEFYQ29sb3JQYWxldHRlUGFyZW50Q29tcG9uZW50LFxuICAgIHByaXZhdGUgX3pvbmU6IE5nWm9uZSxcbiAgICBwcml2YXRlIF91bnN1YnNjcmliZXI6IEFYVW5zdWJzY3JpYmVyXG4gICkge1xuICAgIHN1cGVyKCk7XG4gICAgX3BhcmVudC5vblZhbHVlQ2hhbmdlZFxuICAgICAgLnBpcGUoX3Vuc3Vic2NyaWJlci50YWtlVW50aWxEZXN0cm95KVxuICAgICAgLnN1YnNjcmliZSgoZSkgPT4ge1xuICAgICAgICBfem9uZS5ydW5PdXRzaWRlQW5ndWxhcih0aGlzLmFwcGx5UGFyZW50LmJpbmQodGhpcykpO1xuICAgICAgfSk7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgdGhpcy5hcHBseVBhcmVudCgpO1xuICB9XG5cbiAgcHJpdmF0ZSBhcHBseVBhcmVudCgpIHtcbiAgICBjb25zdCBpbm5lciA9IHRoaXMuZ2V0SG9zdEVsZW1lbnQoKS5maXJzdEVsZW1lbnRDaGlsZCBhcyBIVE1MRGl2RWxlbWVudDtcbiAgICBpbm5lci5zdHlsZS5iYWNrZ3JvdW5kQ29sb3IgPSB0aGlzLl9wYXJlbnQudmFsdWU7XG4gICAgaW5uZXIuaW5uZXJUZXh0ID0gQVhDb2xvclV0aWwudG9TdHJpbmcodGhpcy5fcGFyZW50LnZhbHVlKTtcbiAgICBjb25zdCBjb2xvciA9IEFYQ29sb3JVdGlsLnRvU3RyaW5nKHRoaXMuX3BhcmVudC52YWx1ZSwgJ2hleCcpO1xuICAgIGNvbnN0IHJhdGlvID0gQVhDb2xvclV0aWwuY29udHJhc3RUb1doaXRlKGNvbG9yKTtcbiAgICB0aGlzLmdldEhvc3RFbGVtZW50KCkuc3R5bGUuY29sb3IgPSAhKHJhdGlvID4gMi4wKSA/ICcjMDAwJyA6ICcjZmZmJztcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3NzJylcbiAgcHJpdmF0ZSBnZXQgX19ob3N0Q2xhc3MoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gYGF4LWNvbG9yLXBhbGV0dGUtcHJldmlld2A7XG4gIH1cbn1cbiJdfQ==

package/esm2022/color-palette/lib/color-palette-swatches.component.mjs

@@ -0,0 +1,95 @@
+import { MXBaseComponent } from '@acorex/components/common';
+import { AXColorUtil, AXUnsubscriber } from '@acorex/core/utils';
+import { ChangeDetectionStrategy, Component, Inject, Input, ViewEncapsulation, } from '@angular/core';
+import { distinctUntilChanged } from 'rxjs/operators';
+import { AXColorPaletteChildComponent, AXColorPaletteParentComponent, AXDefaultColorPalette, } from './color-palette.class';
+import * as i0 from "@angular/core";
+import * as i1 from "@acorex/core/utils";
+import * as i2 from "./color-palette.class";
+export class AXColorPaletteSwatchesComponent extends MXBaseComponent {
+    constructor(_parent, _unsubscriber) {
+        super();
+        this._parent = _parent;
+        this._unsubscriber = _unsubscriber;
+        this.colors = [];
+        _parent.onValueChanged
+            .pipe(_unsubscriber.takeUntilDestroy)
+            .pipe(distinctUntilChanged())
+            .subscribe(() => {
+            this.applyParent();
+        });
+    }
+    applyParent() {
+        this._selected = AXColorUtil.toString(this._parent.value, 'hex').toLowerCase();
+        this.cdr.detectChanges();
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        const isFav = this.getHostElement().tagName.toLowerCase() ==
+            'ax-color-palette-favorite';
+        if (!isFav && this.colors.length == 0) {
+            this.colors = AXDefaultColorPalette.map((c) => this._format(c));
+        }
+    }
+    ngAfterViewInit() {
+        this.applyParent();
+    }
+    _handleClick(e, color) {
+        if (this._parent.disabled || this._parent.readonly)
+            return;
+        this._parent.commitValue(color.code, true);
+    }
+    _format(color) {
+        return {
+            code: color.code.toLowerCase(),
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXColorPaletteSwatchesComponent, deps: [{ token: AXColorPaletteParentComponent }, { token: i1.AXUnsubscriber }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.2", type: AXColorPaletteSwatchesComponent, selector: "ax-color-palette-swatches, ax-color-palette-favorite", inputs: { colors: "colors" }, providers: [
+            {
+                provide: AXColorPaletteChildComponent,
+                useExisting: AXColorPaletteSwatchesComponent,
+            },
+            AXUnsubscriber,
+        ], usesInheritance: true, ngImport: i0, template: `
+    @for (color of colors; track color.code) {
+    <div
+      [style.background-color]="color.code"
+      [attr.title]="color.code"
+      [class.ax-state-selected]="color.code === _selected"
+      (click)="_handleClick($event, color)"
+    ></div>
+    }
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.2", ngImport: i0, type: AXColorPaletteSwatchesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-color-palette-swatches, ax-color-palette-favorite',
+                    template: `
+    @for (color of colors; track color.code) {
+    <div
+      [style.background-color]="color.code"
+      [attr.title]="color.code"
+      [class.ax-state-selected]="color.code === _selected"
+      (click)="_handleClick($event, color)"
+    ></div>
+    }
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [
+                        {
+                            provide: AXColorPaletteChildComponent,
+                            useExisting: AXColorPaletteSwatchesComponent,
+                        },
+                        AXUnsubscriber,
+                    ],
+                }]
+        }], ctorParameters: () => [{ type: i2.AXColorPaletteParentComponent, decorators: [{
+                    type: Inject,
+                    args: [AXColorPaletteParentComponent]
+                }] }, { type: i1.AXUnsubscriber }], propDecorators: { colors: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGFsZXR0ZS1zd2F0Y2hlcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvY29sb3ItcGFsZXR0ZS9zcmMvbGliL2NvbG9yLXBhbGV0dGUtc3dhdGNoZXMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsV0FBVyxFQUFFLGNBQWMsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ2pFLE9BQU8sRUFFTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULE1BQU0sRUFDTixLQUFLLEVBRUwsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3RELE9BQU8sRUFDTCw0QkFBNEIsRUFDNUIsNkJBQTZCLEVBQzdCLHFCQUFxQixHQUN0QixNQUFNLHVCQUF1QixDQUFDOzs7O0FBd0IvQixNQUFNLE9BQU8sK0JBQ1gsU0FBUSxlQUFlO0lBUXZCLFlBRVMsT0FBc0MsRUFDckMsYUFBNkI7UUFFckMsS0FBSyxFQUFFLENBQUM7UUFIRCxZQUFPLEdBQVAsT0FBTyxDQUErQjtRQUNyQyxrQkFBYSxHQUFiLGFBQWEsQ0FBZ0I7UUFMdkMsV0FBTSxHQUF1QixFQUFFLENBQUM7UUFROUIsT0FBTyxDQUFDLGNBQWM7YUFDbkIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxnQkFBZ0IsQ0FBQzthQUNwQyxJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQzthQUM1QixTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ3JCLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVPLFdBQVc7UUFDakIsSUFBSSxDQUFDLFNBQVMsR0FBRyxXQUFXLENBQUMsUUFBUSxDQUNuQyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssRUFDbEIsS0FBSyxDQUNOLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDaEIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRVEsUUFBUTtRQUNmLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQixNQUFNLEtBQUssR0FDVCxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUMsT0FBTyxDQUFDLFdBQVcsRUFBRTtZQUMzQywyQkFBMkIsQ0FBQztRQUM5QixJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxJQUFJLENBQUMsRUFBRSxDQUFDO1lBQ3RDLElBQUksQ0FBQyxNQUFNLEdBQUcscUJBQXFCLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDbEUsQ0FBQztJQUNILENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFUyxZQUFZLENBQUMsQ0FBYSxFQUFFLEtBQUs7UUFDekMsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVE7WUFBRSxPQUFPO1FBQzNELElBQUksQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDN0MsQ0FBQztJQUVPLE9BQU8sQ0FBQyxLQUF1QjtRQUNyQyxPQUFPO1lBQ0wsSUFBSSxFQUFFLEtBQUssQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFO1NBQy9CLENBQUM7SUFDSixDQUFDOzhHQXREVSwrQkFBK0Isa0JBVWhDLDZCQUE2QjtrR0FWNUIsK0JBQStCLDZHQVIvQjtZQUNUO2dCQUNFLE9BQU8sRUFBRSw0QkFBNEI7Z0JBQ3JDLFdBQVcsRUFBRSwrQkFBK0I7YUFDN0M7WUFDRCxjQUFjO1NBQ2YsaURBbEJTOzs7Ozs7Ozs7R0FTVDs7MkZBV1UsK0JBQStCO2tCQXRCM0MsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsc0RBQXNEO29CQUNoRSxRQUFRLEVBQUU7Ozs7Ozs7OztHQVNUO29CQUNELGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsU0FBUyxFQUFFO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSw0QkFBNEI7NEJBQ3JDLFdBQVcsaUNBQWlDO3lCQUM3Qzt3QkFDRCxjQUFjO3FCQUNmO2lCQUNGOzswQkFXSSxNQUFNOzJCQUFDLDZCQUE2QjtzRUFIdkMsTUFBTTtzQkFETCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTVhCYXNlQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbW1vbic7XG5pbXBvcnQgeyBBWENvbG9yVXRpbCwgQVhVbnN1YnNjcmliZXIgfSBmcm9tICdAYWNvcmV4L2NvcmUvdXRpbHMnO1xuaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgSW5qZWN0LFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBkaXN0aW5jdFVudGlsQ2hhbmdlZCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7XG4gIEFYQ29sb3JQYWxldHRlQ2hpbGRDb21wb25lbnQsXG4gIEFYQ29sb3JQYWxldHRlUGFyZW50Q29tcG9uZW50LFxuICBBWERlZmF1bHRDb2xvclBhbGV0dGUsXG59IGZyb20gJy4vY29sb3ItcGFsZXR0ZS5jbGFzcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LWNvbG9yLXBhbGV0dGUtc3dhdGNoZXMsIGF4LWNvbG9yLXBhbGV0dGUtZmF2b3JpdGUnLFxuICB0ZW1wbGF0ZTogYFxuICAgIEBmb3IgKGNvbG9yIG9mIGNvbG9yczsgdHJhY2sgY29sb3IuY29kZSkge1xuICAgIDxkaXZcbiAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cImNvbG9yLmNvZGVcIlxuICAgICAgW2F0dHIudGl0bGVdPVwiY29sb3IuY29kZVwiXG4gICAgICBbY2xhc3MuYXgtc3RhdGUtc2VsZWN0ZWRdPVwiY29sb3IuY29kZSA9PT0gX3NlbGVjdGVkXCJcbiAgICAgIChjbGljayk9XCJfaGFuZGxlQ2xpY2soJGV2ZW50LCBjb2xvcilcIlxuICAgID48L2Rpdj5cbiAgICB9XG4gIGAsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBBWENvbG9yUGFsZXR0ZUNoaWxkQ29tcG9uZW50LFxuICAgICAgdXNlRXhpc3Rpbmc6IEFYQ29sb3JQYWxldHRlU3dhdGNoZXNDb21wb25lbnQsXG4gICAgfSxcbiAgICBBWFVuc3Vic2NyaWJlcixcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhDb2xvclBhbGV0dGVTd2F0Y2hlc0NvbXBvbmVudFxuICBleHRlbmRzIE1YQmFzZUNvbXBvbmVudFxuICBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdFxue1xuICBwcm90ZWN0ZWQgX3NlbGVjdGVkOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgY29sb3JzOiB7IGNvZGU6IHN0cmluZyB9W10gPSBbXTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBASW5qZWN0KEFYQ29sb3JQYWxldHRlUGFyZW50Q29tcG9uZW50KVxuICAgIHB1YmxpYyBfcGFyZW50OiBBWENvbG9yUGFsZXR0ZVBhcmVudENvbXBvbmVudCxcbiAgICBwcml2YXRlIF91bnN1YnNjcmliZXI6IEFYVW5zdWJzY3JpYmVyXG4gICkge1xuICAgIHN1cGVyKCk7XG4gICAgX3BhcmVudC5vblZhbHVlQ2hhbmdlZFxuICAgICAgLnBpcGUoX3Vuc3Vic2NyaWJlci50YWtlVW50aWxEZXN0cm95KVxuICAgICAgLnBpcGUoZGlzdGluY3RVbnRpbENoYW5nZWQoKSlcbiAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICB0aGlzLmFwcGx5UGFyZW50KCk7XG4gICAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgYXBwbHlQYXJlbnQoKSB7XG4gICAgdGhpcy5fc2VsZWN0ZWQgPSBBWENvbG9yVXRpbC50b1N0cmluZyhcbiAgICAgIHRoaXMuX3BhcmVudC52YWx1ZSxcbiAgICAgICdoZXgnXG4gICAgKS50b0xvd2VyQ2FzZSgpO1xuICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcbiAgfVxuXG4gIG92ZXJyaWRlIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHN1cGVyLm5nT25Jbml0KCk7XG4gICAgY29uc3QgaXNGYXYgPVxuICAgICAgdGhpcy5nZXRIb3N0RWxlbWVudCgpLnRhZ05hbWUudG9Mb3dlckNhc2UoKSA9PVxuICAgICAgJ2F4LWNvbG9yLXBhbGV0dGUtZmF2b3JpdGUnO1xuICAgIGlmICghaXNGYXYgJiYgdGhpcy5jb2xvcnMubGVuZ3RoID09IDApIHtcbiAgICAgIHRoaXMuY29sb3JzID0gQVhEZWZhdWx0Q29sb3JQYWxldHRlLm1hcCgoYykgPT4gdGhpcy5fZm9ybWF0KGMpKTtcbiAgICB9XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgdGhpcy5hcHBseVBhcmVudCgpO1xuICB9XG5cbiAgcHJvdGVjdGVkIF9oYW5kbGVDbGljayhlOiBNb3VzZUV2ZW50LCBjb2xvcikge1xuICAgIGlmICh0aGlzLl9wYXJlbnQuZGlzYWJsZWQgfHwgdGhpcy5fcGFyZW50LnJlYWRvbmx5KSByZXR1cm47XG4gICAgdGhpcy5fcGFyZW50LmNvbW1pdFZhbHVlKGNvbG9yLmNvZGUsIHRydWUpO1xuICB9XG5cbiAgcHJpdmF0ZSBfZm9ybWF0KGNvbG9yOiB7IGNvZGU6IHN0cmluZyB9KTogeyBjb2RlOiBzdHJpbmcgfSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGNvZGU6IGNvbG9yLmNvZGUudG9Mb3dlckNhc2UoKSxcbiAgICB9O1xuICB9XG59XG4iXX0=