@acorex/components 5.5.0 → 5.6.0

package/esm2020/lib/button/button.component.mjs

@@ -1,4 +1,5 @@
-import { ChangeDetectionStrategy, Component, HostBinding, HostListener, ViewEncapsulation } from '@angular/core';
+import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation } from '@angular/core';
+import { AXComponent, AXFocusableComponent } from '../base';
 import { BUTTON_INPUTS, BUTTON_OUTPUT } from '../base/mixin/button-mixin.class';
 import { COLOR_LOOK_INPUTS } from '../base/mixin/color-look-mixing.class';
 import { AXBaseButtonMixin } from '../base/mixin/mixin.class';
@@ -16,10 +17,9 @@ export class AXButtonComponent extends AXBaseButtonMixin {
     constructor(elementRef, cdr) {
         super(elementRef, cdr);
     }
-    onKeydownHandler(e) {
-        if (e.code === 'Enter') {
-            this._getHostElement().click();
-        }
+    onViewInit() {
+        //if (this._getHostElement().hasAttribute('tabindex'))
+        this._getHostElement().removeAttribute('tabindex');
     }
     _emitOnClickEvent(e) {
         if (this.disabled)
@@ -29,35 +29,26 @@ export class AXButtonComponent extends AXBaseButtonMixin {
         }
         super._emitOnClickEvent(e);
     }
-    _emitOnFocusEvent(e) {
-        super._emitOnFocusEvent(e);
-    }
-    _emitOnBlurEvent(e) {
-        super._emitOnBlurEvent(e);
+    click() {
+        this._getInnerElement().click();
     }
     get __hostClass() {
-        return Object.entries(this._classes).filter(c => c[1]).map(c => c[0]).join(' ');
+        return Object.entries(this._classes).filter(c => c[1]).map(c => c[0]);
     }
 }
 AXButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: AXButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: AXButtonComponent, selector: "ax-button", inputs: { disabled: "disabled", tabIndex: "tabIndex", size: "size", color: "color", look: "look", text: "text", submitBehavior: "submitBehavior", cancelBehavior: "cancelBehavior", toggleable: "toggleable", selected: "selected" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", onClick: "onClick", selectedChange: "selectedChange", toggleableChange: "toggleableChange" }, host: { attributes: { "role": "button" }, listeners: { "keyup": "onKeydownHandler($event)", "click": "_emitOnClickEvent($event)", "focus": "_emitOnFocusEvent($event)", "blur": "_emitOnBlurEvent($event)" }, properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<!-- <button [ngClass]=\"_classes\" class=\"{{cssClass}} ax-{{size}}\" [disabled]=\"disabled\" [tabindex]=\"tabIndex\" [attr.style]=\"cssStyle\" (click)=\"_emitOnClickEvent($event)\" (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\">\r\n  <ng-content select=\"ax-prefix,ax-loading,ax-icon\">\r\n  </ng-content>\r\n  <span *ngIf=\"text\">{{text}}</span>\r\n  <ng-content select=\"ax-suffix\">\r\n  </ng-content>\r\n  <ng-content select=\"ax-dropdown-panel\">\r\n  </ng-content>\r\n</button> -->\r\n<!-- <button [ngClass]=\"_classes\" class=\"{{cssClass}} ax-{{size}}\" [disabled]=\"disabled\" [tabindex]=\"tabIndex\" [attr.style]=\"cssStyle\" (click)=\"_emitOnClickEvent($event)\" (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\"> -->\r\n<ng-content select=\"ax-prefix,ax-loading,ax-icon\">\r\n</ng-content>\r\n<span *ngIf=\"text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\">\r\n</ng-content>\r\n<ng-content select=\"ax-dropdown-panel\">\r\n</ng-content>\r\n<!-- </button> -->", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+AXButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: AXButtonComponent, selector: "ax-button", inputs: { disabled: "disabled", size: "size", tabIndex: "tabIndex", color: "color", look: "look", text: "text", toggleable: "toggleable", selected: "selected" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", onClick: "onClick", selectedChange: "selectedChange", toggleableChange: "toggleableChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
+        { provide: AXComponent, useExisting: AXButtonComponent },
+        { provide: AXFocusableComponent, useExisting: AXButtonComponent }
+    ], usesInheritance: true, ngImport: i0, template: "<button [disabled]=\"disabled\"  [attr.tabindex]=\"tabIndex\"   (click)=\"_emitOnClickEvent($event)\"\r\n  (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\"  type=\"button\">\r\n  <ng-content select=\"ax-prefix,ax-loading,ax-icon\">\r\n  </ng-content>\r\n  <span *ngIf=\"text\" >{{text}}</span>\r\n  <ng-content select=\"ax-suffix\">\r\n  </ng-content>\r\n  <ng-content select=\"ax-dropdown-panel\">\r\n  </ng-content>\r\n</button>", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: AXButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-button', inputs: ['disabled', 'tabIndex', 'size', ...COLOR_LOOK_INPUTS, ...BUTTON_INPUTS], outputs: [...BUTTON_OUTPUT], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { role: 'button' }, template: "<!-- <button [ngClass]=\"_classes\" class=\"{{cssClass}} ax-{{size}}\" [disabled]=\"disabled\" [tabindex]=\"tabIndex\" [attr.style]=\"cssStyle\" (click)=\"_emitOnClickEvent($event)\" (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\">\r\n  <ng-content select=\"ax-prefix,ax-loading,ax-icon\">\r\n  </ng-content>\r\n  <span *ngIf=\"text\">{{text}}</span>\r\n  <ng-content select=\"ax-suffix\">\r\n  </ng-content>\r\n  <ng-content select=\"ax-dropdown-panel\">\r\n  </ng-content>\r\n</button> -->\r\n<!-- <button [ngClass]=\"_classes\" class=\"{{cssClass}} ax-{{size}}\" [disabled]=\"disabled\" [tabindex]=\"tabIndex\" [attr.style]=\"cssStyle\" (click)=\"_emitOnClickEvent($event)\" (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\"> -->\r\n<ng-content select=\"ax-prefix,ax-loading,ax-icon\">\r\n</ng-content>\r\n<span *ngIf=\"text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\">\r\n</ng-content>\r\n<ng-content select=\"ax-dropdown-panel\">\r\n</ng-content>\r\n<!-- </button> -->" }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { onKeydownHandler: [{
-                type: HostListener,
-                args: ['keyup', ['$event']]
-            }], _emitOnClickEvent: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }], _emitOnFocusEvent: [{
-                type: HostListener,
-                args: ['focus', ['$event']]
-            }], _emitOnBlurEvent: [{
-                type: HostListener,
-                args: ['blur', ['$event']]
-            }], __hostClass: [{
+            args: [{ selector: 'ax-button', inputs: ['disabled', 'size', 'tabIndex', ...COLOR_LOOK_INPUTS, ...BUTTON_INPUTS], outputs: [...BUTTON_OUTPUT], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        { provide: AXComponent, useExisting: AXButtonComponent },
+                        { provide: AXFocusableComponent, useExisting: AXButtonComponent }
+                    ], template: "<button [disabled]=\"disabled\"  [attr.tabindex]=\"tabIndex\"   (click)=\"_emitOnClickEvent($event)\"\r\n  (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\"  type=\"button\">\r\n  <ng-content select=\"ax-prefix,ax-loading,ax-icon\">\r\n  </ng-content>\r\n  <span *ngIf=\"text\" >{{text}}</span>\r\n  <ng-content select=\"ax-suffix\">\r\n  </ng-content>\r\n  <ng-content select=\"ax-dropdown-panel\">\r\n  </ng-content>\r\n</button>" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { __hostClass: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL3NyYy9saWIvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL2J1dHRvbi9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFxQixTQUFTLEVBQWMsV0FBVyxFQUFFLFlBQVksRUFBUyxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2SixPQUFPLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7QUFFOUQ7Ozs7R0FJRztBQVVILE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxpQkFBaUI7SUFFcEQ7O01BRUU7SUFDRixZQUFZLFVBQXNCLEVBQUUsR0FBc0I7UUFDdEQsS0FBSyxDQUFDLFVBQVUsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUMzQixDQUFDO0lBR0QsZ0JBQWdCLENBQUMsQ0FBZ0I7UUFDN0IsSUFBSSxDQUFDLENBQUMsSUFBSSxLQUFLLE9BQU8sRUFBRTtZQUNwQixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUMsS0FBSyxFQUFFLENBQUM7U0FDbEM7SUFDTCxDQUFDO0lBR0QsaUJBQWlCLENBQUMsQ0FBYTtRQUMzQixJQUFJLElBQUksQ0FBQyxRQUFRO1lBQ2IsT0FBTztRQUNYLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUNqQixJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztTQUNsQztRQUNELEtBQUssQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBR0QsaUJBQWlCLENBQUMsQ0FBYTtRQUMzQixLQUFLLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDL0IsQ0FBQztJQUlELGdCQUFnQixDQUFDLENBQWE7UUFDMUIsS0FBSyxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFFRCxJQUNZLFdBQVc7UUFDbkIsT0FBTyxNQUFNLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDcEYsQ0FBQzs7OEdBeENRLGlCQUFpQjtrR0FBakIsaUJBQWlCLDByQkNuQjlCLDJnQ0FpQmtCOzJGREVMLGlCQUFpQjtrQkFUN0IsU0FBUzsrQkFDSSxXQUFXLFVBRWIsQ0FBQyxVQUFVLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxHQUFHLGlCQUFpQixFQUFFLEdBQUcsYUFBYSxDQUFDLFdBQ3ZFLENBQUMsR0FBRyxhQUFhLENBQUMsbUJBQ1YsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxRQUMvQixFQUFFLElBQUksRUFBRSxRQUFRLEVBQUU7aUlBWXhCLGdCQUFnQjtzQkFEZixZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFRakMsaUJBQWlCO3NCQURoQixZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFXakMsaUJBQWlCO3NCQURoQixZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFPakMsZ0JBQWdCO3NCQURmLFlBQVk7dUJBQUMsTUFBTSxFQUFFLENBQUMsUUFBUSxDQUFDO2dCQU1wQixXQUFXO3NCQUR0QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSG9zdEJpbmRpbmcsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEJVVFRPTl9JTlBVVFMsIEJVVFRPTl9PVVRQVVQgfSBmcm9tICcuLi9iYXNlL21peGluL2J1dHRvbi1taXhpbi5jbGFzcyc7XHJcbmltcG9ydCB7IENPTE9SX0xPT0tfSU5QVVRTIH0gZnJvbSAnLi4vYmFzZS9taXhpbi9jb2xvci1sb29rLW1peGluZy5jbGFzcyc7XHJcbmltcG9ydCB7IEFYQmFzZUJ1dHRvbk1peGluIH0gZnJvbSAnLi4vYmFzZS9taXhpbi9taXhpbi5jbGFzcyc7XHJcblxyXG4vKipcclxuICogVGhlIEJ1dHRvbiBpcyBhIGNvbXBvbmVudCB3aGljaCBkZXRlY3RzIHVzZXIgaW50ZXJhY3Rpb24gYW5kIHRyaWdnZXJzIGEgY29ycmVzcG9uZGluZyBldmVudFxyXG4gKlxyXG4gKiBAY2F0ZWdvcnkgQ29tcG9uZW50c1xyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2F4LWJ1dHRvbicsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcclxuICAgIGlucHV0czogWydkaXNhYmxlZCcsICd0YWJJbmRleCcsICdzaXplJywgLi4uQ09MT1JfTE9PS19JTlBVVFMsIC4uLkJVVFRPTl9JTlBVVFNdLFxyXG4gICAgb3V0cHV0czogWy4uLkJVVFRPTl9PVVRQVVRdLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gICAgaG9zdDogeyByb2xlOiAnYnV0dG9uJyB9XHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBWEJ1dHRvbkNvbXBvbmVudCBleHRlbmRzIEFYQmFzZUJ1dHRvbk1peGluIHtcclxuXHJcbiAgICAvKipcclxuICAgICogIEBpZ25vcmVcclxuICAgICovXHJcbiAgICBjb25zdHJ1Y3RvcihlbGVtZW50UmVmOiBFbGVtZW50UmVmLCBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XHJcbiAgICAgICAgc3VwZXIoZWxlbWVudFJlZiwgY2RyKTtcclxuICAgIH1cclxuXHJcbiAgICBASG9zdExpc3RlbmVyKCdrZXl1cCcsIFsnJGV2ZW50J10pXHJcbiAgICBvbktleWRvd25IYW5kbGVyKGU6IEtleWJvYXJkRXZlbnQpIHtcclxuICAgICAgICBpZiAoZS5jb2RlID09PSAnRW50ZXInKSB7XHJcbiAgICAgICAgICAgIHRoaXMuX2dldEhvc3RFbGVtZW50KCkuY2xpY2soKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgQEhvc3RMaXN0ZW5lcignY2xpY2snLCBbJyRldmVudCddKVxyXG4gICAgX2VtaXRPbkNsaWNrRXZlbnQoZTogTW91c2VFdmVudCkge1xyXG4gICAgICAgIGlmICh0aGlzLmRpc2FibGVkKVxyXG4gICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgaWYgKHRoaXMudG9nZ2xlYWJsZSkge1xyXG4gICAgICAgICAgICB0aGlzLnNlbGVjdGVkID0gIXRoaXMuc2VsZWN0ZWQ7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHN1cGVyLl9lbWl0T25DbGlja0V2ZW50KGUpO1xyXG4gICAgfVxyXG5cclxuICAgIEBIb3N0TGlzdGVuZXIoJ2ZvY3VzJywgWyckZXZlbnQnXSlcclxuICAgIF9lbWl0T25Gb2N1c0V2ZW50KGU6IE1vdXNlRXZlbnQpIHtcclxuICAgICAgICBzdXBlci5fZW1pdE9uRm9jdXNFdmVudChlKTtcclxuICAgIH1cclxuXHJcblxyXG4gICAgQEhvc3RMaXN0ZW5lcignYmx1cicsIFsnJGV2ZW50J10pXHJcbiAgICBfZW1pdE9uQmx1ckV2ZW50KGU6IE1vdXNlRXZlbnQpIHtcclxuICAgICAgICBzdXBlci5fZW1pdE9uQmx1ckV2ZW50KGUpO1xyXG4gICAgfVxyXG5cclxuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxyXG4gICAgcHJpdmF0ZSBnZXQgX19ob3N0Q2xhc3MoKTogc3RyaW5nIHtcclxuICAgICAgICByZXR1cm4gT2JqZWN0LmVudHJpZXModGhpcy5fY2xhc3NlcykuZmlsdGVyKGMgPT4gY1sxXSkubWFwKGMgPT4gY1swXSkuam9pbignICcpO1xyXG4gICAgfVxyXG59XHJcbiIsIjwhLS0gPGJ1dHRvbiBbbmdDbGFzc109XCJfY2xhc3Nlc1wiIGNsYXNzPVwie3tjc3NDbGFzc319IGF4LXt7c2l6ZX19XCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgW3RhYmluZGV4XT1cInRhYkluZGV4XCIgW2F0dHIuc3R5bGVdPVwiY3NzU3R5bGVcIiAoY2xpY2spPVwiX2VtaXRPbkNsaWNrRXZlbnQoJGV2ZW50KVwiIChmb2N1cyk9XCJfZW1pdE9uRm9jdXNFdmVudCgkZXZlbnQpXCIgKGJsdXIpPVwiX2VtaXRPbkJsdXJFdmVudCgkZXZlbnQpXCI+XHJcbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtcHJlZml4LGF4LWxvYWRpbmcsYXgtaWNvblwiPlxyXG4gIDwvbmctY29udGVudD5cclxuICA8c3BhbiAqbmdJZj1cInRleHRcIj57e3RleHR9fTwvc3Bhbj5cclxuICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1zdWZmaXhcIj5cclxuICA8L25nLWNvbnRlbnQ+XHJcbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtZHJvcGRvd24tcGFuZWxcIj5cclxuICA8L25nLWNvbnRlbnQ+XHJcbjwvYnV0dG9uPiAtLT5cclxuPCEtLSA8YnV0dG9uIFtuZ0NsYXNzXT1cIl9jbGFzc2VzXCIgY2xhc3M9XCJ7e2Nzc0NsYXNzfX0gYXgte3tzaXplfX1cIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBbdGFiaW5kZXhdPVwidGFiSW5kZXhcIiBbYXR0ci5zdHlsZV09XCJjc3NTdHlsZVwiIChjbGljayk9XCJfZW1pdE9uQ2xpY2tFdmVudCgkZXZlbnQpXCIgKGZvY3VzKT1cIl9lbWl0T25Gb2N1c0V2ZW50KCRldmVudClcIiAoYmx1cik9XCJfZW1pdE9uQmx1ckV2ZW50KCRldmVudClcIj4gLS0+XHJcbjxuZy1jb250ZW50IHNlbGVjdD1cImF4LXByZWZpeCxheC1sb2FkaW5nLGF4LWljb25cIj5cclxuPC9uZy1jb250ZW50PlxyXG48c3BhbiAqbmdJZj1cInRleHRcIj57e3RleHR9fTwvc3Bhbj5cclxuPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtc3VmZml4XCI+XHJcbjwvbmctY29udGVudD5cclxuPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtZHJvcGRvd24tcGFuZWxcIj5cclxuPC9uZy1jb250ZW50PlxyXG48IS0tIDwvYnV0dG9uPiAtLT4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL3NyYy9saWIvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL2J1dHRvbi9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFxQixTQUFTLEVBQWMsV0FBVyxFQUF1QixpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2SixPQUFPLEVBQUUsV0FBVyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sU0FBUyxDQUFDO0FBQzVELE9BQU8sRUFBRSxhQUFhLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDaEYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDMUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7OztBQUU5RDs7OztHQUlHO0FBYUgsTUFBTSxPQUFPLGlCQUFrQixTQUFRLGlCQUFpQjtJQUVwRDs7TUFFRTtJQUNGLFlBQVksVUFBc0IsRUFBRSxHQUFzQjtRQUN0RCxLQUFLLENBQUMsVUFBVSxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFHRCxVQUFVO1FBQ04sc0RBQXNEO1FBQ3RELElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQyxlQUFlLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDdkQsQ0FBQztJQUdELGlCQUFpQixDQUFDLENBQWE7UUFDM0IsSUFBSSxJQUFJLENBQUMsUUFBUTtZQUNiLE9BQU87UUFDWCxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDakIsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7U0FDbEM7UUFDRCxLQUFLLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDL0IsQ0FBQztJQUdELEtBQUs7UUFDRCxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNwQyxDQUFDO0lBR0QsSUFDWSxXQUFXO1FBQ25CLE9BQU8sTUFBTSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDMUUsQ0FBQzs7OEdBbENRLGlCQUFpQjtrR0FBakIsaUJBQWlCLDRZQUxmO1FBQ1AsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRTtRQUN4RCxFQUFFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUU7S0FDcEUsaURDckJMLHljQVNTOzJGRGNJLGlCQUFpQjtrQkFaN0IsU0FBUzsrQkFDSSxXQUFXLFVBRWIsQ0FBQyxVQUFVLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLGlCQUFpQixFQUFFLEdBQUcsYUFBYSxDQUFDLFdBQ3ZFLENBQUMsR0FBRyxhQUFhLENBQUMsbUJBQ1YsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxhQUMxQjt3QkFDUCxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsV0FBVyxtQkFBbUIsRUFBRTt3QkFDeEQsRUFBRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsV0FBVyxtQkFBbUIsRUFBRTtxQkFDcEU7aUlBa0NXLFdBQVc7c0JBRHRCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBIb3N0QmluZGluZywgSG9zdExpc3RlbmVyLCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQVhDb21wb25lbnQsIEFYRm9jdXNhYmxlQ29tcG9uZW50IH0gZnJvbSAnLi4vYmFzZSc7XHJcbmltcG9ydCB7IEJVVFRPTl9JTlBVVFMsIEJVVFRPTl9PVVRQVVQgfSBmcm9tICcuLi9iYXNlL21peGluL2J1dHRvbi1taXhpbi5jbGFzcyc7XHJcbmltcG9ydCB7IENPTE9SX0xPT0tfSU5QVVRTIH0gZnJvbSAnLi4vYmFzZS9taXhpbi9jb2xvci1sb29rLW1peGluZy5jbGFzcyc7XHJcbmltcG9ydCB7IEFYQmFzZUJ1dHRvbk1peGluIH0gZnJvbSAnLi4vYmFzZS9taXhpbi9taXhpbi5jbGFzcyc7XHJcblxyXG4vKipcclxuICogVGhlIEJ1dHRvbiBpcyBhIGNvbXBvbmVudCB3aGljaCBkZXRlY3RzIHVzZXIgaW50ZXJhY3Rpb24gYW5kIHRyaWdnZXJzIGEgY29ycmVzcG9uZGluZyBldmVudFxyXG4gKlxyXG4gKiBAY2F0ZWdvcnkgQ29tcG9uZW50c1xyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2F4LWJ1dHRvbicsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcclxuICAgIGlucHV0czogWydkaXNhYmxlZCcsICdzaXplJywgJ3RhYkluZGV4JywgLi4uQ09MT1JfTE9PS19JTlBVVFMsIC4uLkJVVFRPTl9JTlBVVFNdLFxyXG4gICAgb3V0cHV0czogWy4uLkJVVFRPTl9PVVRQVVRdLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gICAgcHJvdmlkZXJzOiBbXHJcbiAgICAgICAgeyBwcm92aWRlOiBBWENvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYQnV0dG9uQ29tcG9uZW50IH0sXHJcbiAgICAgICAgeyBwcm92aWRlOiBBWEZvY3VzYWJsZUNvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYQnV0dG9uQ29tcG9uZW50IH1cclxuICAgIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEFYQnV0dG9uQ29tcG9uZW50IGV4dGVuZHMgQVhCYXNlQnV0dG9uTWl4aW4ge1xyXG5cclxuICAgIC8qKlxyXG4gICAgKiAgQGlnbm9yZVxyXG4gICAgKi9cclxuICAgIGNvbnN0cnVjdG9yKGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcclxuICAgICAgICBzdXBlcihlbGVtZW50UmVmLCBjZHIpO1xyXG4gICAgfVxyXG5cclxuXHJcbiAgICBvblZpZXdJbml0KCk6IHZvaWQge1xyXG4gICAgICAgIC8vaWYgKHRoaXMuX2dldEhvc3RFbGVtZW50KCkuaGFzQXR0cmlidXRlKCd0YWJpbmRleCcpKVxyXG4gICAgICAgIHRoaXMuX2dldEhvc3RFbGVtZW50KCkucmVtb3ZlQXR0cmlidXRlKCd0YWJpbmRleCcpO1xyXG4gICAgfVxyXG5cclxuXHJcbiAgICBfZW1pdE9uQ2xpY2tFdmVudChlOiBNb3VzZUV2ZW50KSB7XHJcbiAgICAgICAgaWYgKHRoaXMuZGlzYWJsZWQpXHJcbiAgICAgICAgICAgIHJldHVybjtcclxuICAgICAgICBpZiAodGhpcy50b2dnbGVhYmxlKSB7XHJcbiAgICAgICAgICAgIHRoaXMuc2VsZWN0ZWQgPSAhdGhpcy5zZWxlY3RlZDtcclxuICAgICAgICB9XHJcbiAgICAgICAgc3VwZXIuX2VtaXRPbkNsaWNrRXZlbnQoZSk7XHJcbiAgICB9XHJcblxyXG5cclxuICAgIGNsaWNrKCkge1xyXG4gICAgICAgIHRoaXMuX2dldElubmVyRWxlbWVudCgpLmNsaWNrKCk7XHJcbiAgICB9XHJcblxyXG5cclxuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxyXG4gICAgcHJpdmF0ZSBnZXQgX19ob3N0Q2xhc3MoKTogc3RyaW5nW10ge1xyXG4gICAgICAgIHJldHVybiBPYmplY3QuZW50cmllcyh0aGlzLl9jbGFzc2VzKS5maWx0ZXIoYyA9PiBjWzFdKS5tYXAoYyA9PiBjWzBdKTtcclxuICAgIH1cclxufVxyXG4iLCI8YnV0dG9uIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiICBbYXR0ci50YWJpbmRleF09XCJ0YWJJbmRleFwiICAgKGNsaWNrKT1cIl9lbWl0T25DbGlja0V2ZW50KCRldmVudClcIlxyXG4gIChmb2N1cyk9XCJfZW1pdE9uRm9jdXNFdmVudCgkZXZlbnQpXCIgKGJsdXIpPVwiX2VtaXRPbkJsdXJFdmVudCgkZXZlbnQpXCIgIHR5cGU9XCJidXR0b25cIj5cclxuICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1wcmVmaXgsYXgtbG9hZGluZyxheC1pY29uXCI+XHJcbiAgPC9uZy1jb250ZW50PlxyXG4gIDxzcGFuICpuZ0lmPVwidGV4dFwiID57e3RleHR9fTwvc3Bhbj5cclxuICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1zdWZmaXhcIj5cclxuICA8L25nLWNvbnRlbnQ+XHJcbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtZHJvcGRvd24tcGFuZWxcIj5cclxuICA8L25nLWNvbnRlbnQ+XHJcbjwvYnV0dG9uPiJdfQ==

package/esm2020/lib/calendar/calendar.component.mjs

@@ -317,7 +317,7 @@ export class AXCalendarComponent extends AXCalendarComponentMixin {
     }
 }
 AXCalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: AXCalendarComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: AXCalendarComponent, selector: "ax-calendar", inputs: { readonly: "readonly", allowNull: "allowNull", value: "value", debounceTime: "debounceTime", name: "name", checked: "checked", disabled: "disabled", tabIndex: "tabIndex", depth: "depth", activeView: "activeView", min: "min", max: "max", disabledDates: "disabledDates", type: "type", holidayDates: "holidayDates", interface: "interface" }, outputs: { valueChange: "valueChange", onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus", depthChange: "depthChange", typeChange: "typeChange", disabledDatesChange: "disabledDatesChange", holidayDatesChange: "holidayDatesChange", onNavigate: "onNavigate" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"interface === 'calendar'; else pickerTemplate\">\r\n    <div class=\"ax-calendar-header\">\r\n        <div>\r\n            <ng-container *ngIf=\"activeView=='days'; else elseTemplate\">\r\n                <ax-button class=\"ax-nav-button\" [text]=\"_navText.split(' ')[1]\" color=\"light\" look=\"blank\"\r\n                    (onClick)=\"_handleNavClick($event)\" [disabled]=\"disabled\">\r\n                </ax-button>\r\n                <ax-button class=\"ax-nav-button\" [text]=\"_navText.split(' ')[0]\" color=\"light\" look=\"blank\"\r\n                    (onClick)=\"_handleNavClick($event)\" [disabled]=\"disabled\">\r\n                </ax-button>\r\n            </ng-container>\r\n            <ng-template #elseTemplate>\r\n                <ax-button class=\"ax-nav-button\" [text]=\"_navText\" color=\"light\" look=\"blank\"\r\n                    (onClick)=\"_handleNavClick($event)\" [disabled]=\"disabled\">\r\n                </ax-button>\r\n            </ng-template>\r\n        </div>\r\n        <div class=\"ax-flex\">\r\n            <ax-button class=\"ax-prev-button\" color=\"light\" look=\"blank\" (onClick)=\"_handlePrevClick($event)\"\r\n                [disabled]=\"disabled\">\r\n                <ax-prefix>\r\n                    <ax-icon icon=\"ax-ic ax-ic-chevron ax-transform ax--rotate-90\"></ax-icon>\r\n                </ax-prefix>\r\n            </ax-button>\r\n            <ax-button class=\"ax-next-button\" color=\"light\" look=\"blank\" (onClick)=\"_handleNextClick($event)\"\r\n                [disabled]=\"disabled\">\r\n                <ax-prefix>\r\n                    <ax-icon icon=\"ax-ic ax-ic-chevron ax-transform ax-rotate-90\"></ax-icon>\r\n\r\n                </ax-prefix>\r\n            </ax-button>\r\n        </div>\r\n\r\n    </div>\r\n    <div class=\"ax-calendar-body\">\r\n        <div [ngSwitch]=\"activeView\">\r\n            <ng-container *ngSwitchCase=\"'years'\">\r\n                <div class=\"ax-calendar-slots ax-calendar-slots-year\">\r\n                    <div tabindex=\"0\" *ngFor=\"let slot of _slots\" [ngClass]=\"slot.cssClass\"\r\n                        (click)=\"_handleSlotClick($event,slot)\">{{slot.text}}</div>\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'months'\">\r\n                <div class=\"ax-calendar-slots ax-calendar-slots-month\">\r\n                    <div tabindex=\"0\" *ngFor=\"let slot of _slots\" [title]=\"slot.tooltip\" [ngClass]=\"slot.cssClass\"\r\n                        (click)=\"_handleSlotClick($event,slot)\">{{slot.text}}</div>\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngSwitchDefault>\r\n                <div class=\"ax-calendar-week\">\r\n                    <div *ngFor=\"let d of _dayNames\">{{d}}</div>\r\n                </div>\r\n                <div class=\"ax-calendar-slots ax-calendar-slots-day\">\r\n                    <div tabindex=\"0\" *ngFor=\"let slot of _slots\" [title]=\"slot.tooltip\" [ngClass]=\"slot.cssClass\"\r\n                        (click)=\"_handleSlotClick($event,slot)\">{{slot.text}}</div>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n\r\n    </div>\r\n    <div class=\"ax-calendar-footer\">\r\n        <ax-button class=\"dark:ax-text-danger\" [text]=\"_todayText\" color=\"dark\" look=\"blank\" size=\"sm\"\r\n            (onClick)=\"_handleGoToday()\" [disabled]=\"disabled\"></ax-button>\r\n    </div>\r\n</ng-container>\r\n<ng-template #pickerTemplate>\r\n    <div class=\"ax-calendar-picker\">\r\n        <ax-picker></ax-picker>\r\n        <!-- <ax-picker width=\"100%%\" height=\"300px\" itemHeight=\"48px\" [items]=\"_pickerYears\"\r\n            (onValueChanged)=\"_handlePickerChange($event,'year')\">\r\n            <ng-template let-item>\r\n                {{item}}\r\n            </ng-template>\r\n        </ax-picker>\r\n        <ax-picker width=\"100%\" height=\"300px\" itemHeight=\"48px\" [items]=\"_pickerMonths\"\r\n            (onValueChanged)=\"_handlePickerChange($event,'month')\">\r\n            <ng-template let-item>\r\n                {{item.text}}\r\n            </ng-template>\r\n        </ax-picker>\r\n        <ax-picker width=\"100%\" height=\"300px\" itemHeight=\"48px\" [items]=\"_pickerDays\"\r\n            (onValueChanged)=\"_handlePickerChange($event,'day')\">\r\n            <ng-template let-item>\r\n                {{item}}\r\n            </ng-template> \r\n        </ax-picker>-->\r\n    </div>\r\n</ng-template>", components: [{ type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "size", "color", "look", "text", "submitBehavior", "cancelBehavior", "toggleable", "selected"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange"] }, { type: i2.AXDecoratorPrefixComponent, selector: "ax-prefix" }, { type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { type: i4.AXPickerComponent, selector: "ax-picker", inputs: ["readonly", "allowNull", "value", "debounceTime", "name", "checked", "items"], outputs: ["valueChange", "onValueChanged", "OnChange"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+AXCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: AXCalendarComponent, selector: "ax-calendar", inputs: { readonly: "readonly", allowNull: "allowNull", value: "value", debounceTime: "debounceTime", name: "name", checked: "checked", disabled: "disabled", tabIndex: "tabIndex", depth: "depth", activeView: "activeView", min: "min", max: "max", disabledDates: "disabledDates", type: "type", holidayDates: "holidayDates", interface: "interface" }, outputs: { valueChange: "valueChange", onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus", depthChange: "depthChange", typeChange: "typeChange", disabledDatesChange: "disabledDatesChange", holidayDatesChange: "holidayDatesChange", onNavigate: "onNavigate" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"interface === 'calendar'; else pickerTemplate\">\r\n    <div class=\"ax-calendar-header\">\r\n        <div>\r\n            <ng-container *ngIf=\"activeView=='days'; else elseTemplate\">\r\n                <ax-button class=\"ax-nav-button\" [text]=\"_navText.split(' ')[1]\" color=\"light\" look=\"blank\"\r\n                    (onClick)=\"_handleNavClick($event)\" [disabled]=\"disabled\">\r\n                </ax-button>\r\n                <ax-button class=\"ax-nav-button\" [text]=\"_navText.split(' ')[0]\" color=\"light\" look=\"blank\"\r\n                    (onClick)=\"_handleNavClick($event)\" [disabled]=\"disabled\">\r\n                </ax-button>\r\n            </ng-container>\r\n            <ng-template #elseTemplate>\r\n                <ax-button class=\"ax-nav-button\" [text]=\"_navText\" color=\"light\" look=\"blank\"\r\n                    (onClick)=\"_handleNavClick($event)\" [disabled]=\"disabled\">\r\n                </ax-button>\r\n            </ng-template>\r\n        </div>\r\n        <div class=\"ax-flex\">\r\n            <ax-button class=\"ax-prev-button\" color=\"light\" look=\"blank\" (onClick)=\"_handlePrevClick($event)\"\r\n                [disabled]=\"disabled\">\r\n                <ax-prefix>\r\n                    <ax-icon icon=\"ax-ic ax-ic-chevron ax-transform ax--rotate-90\"></ax-icon>\r\n                </ax-prefix>\r\n            </ax-button>\r\n            <ax-button class=\"ax-next-button\" color=\"light\" look=\"blank\" (onClick)=\"_handleNextClick($event)\"\r\n                [disabled]=\"disabled\">\r\n                <ax-prefix>\r\n                    <ax-icon icon=\"ax-ic ax-ic-chevron ax-transform ax-rotate-90\"></ax-icon>\r\n\r\n                </ax-prefix>\r\n            </ax-button>\r\n        </div>\r\n\r\n    </div>\r\n    <div class=\"ax-calendar-body\">\r\n        <div [ngSwitch]=\"activeView\">\r\n            <ng-container *ngSwitchCase=\"'years'\">\r\n                <div class=\"ax-calendar-slots ax-calendar-slots-year\">\r\n                    <div tabindex=\"0\" *ngFor=\"let slot of _slots\" [ngClass]=\"slot.cssClass\"\r\n                        (click)=\"_handleSlotClick($event,slot)\">{{slot.text}}</div>\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'months'\">\r\n                <div class=\"ax-calendar-slots ax-calendar-slots-month\">\r\n                    <div tabindex=\"0\" *ngFor=\"let slot of _slots\" [title]=\"slot.tooltip\" [ngClass]=\"slot.cssClass\"\r\n                        (click)=\"_handleSlotClick($event,slot)\">{{slot.text}}</div>\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngSwitchDefault>\r\n                <div class=\"ax-calendar-week\">\r\n                    <div *ngFor=\"let d of _dayNames\">{{d}}</div>\r\n                </div>\r\n                <div class=\"ax-calendar-slots ax-calendar-slots-day\">\r\n                    <div tabindex=\"0\" *ngFor=\"let slot of _slots\" [title]=\"slot.tooltip\" [ngClass]=\"slot.cssClass\"\r\n                        (click)=\"_handleSlotClick($event,slot)\">{{slot.text}}</div>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n\r\n    </div>\r\n    <div class=\"ax-calendar-footer\">\r\n        <ax-button class=\"dark:ax-text-danger\" [text]=\"_todayText\" color=\"dark\" look=\"blank\" size=\"sm\"\r\n            (onClick)=\"_handleGoToday()\" [disabled]=\"disabled\"></ax-button>\r\n    </div>\r\n</ng-container>\r\n<ng-template #pickerTemplate>\r\n    <div class=\"ax-calendar-picker\">\r\n        <ax-picker></ax-picker>\r\n        <!-- <ax-picker width=\"100%%\" height=\"300px\" itemHeight=\"48px\" [items]=\"_pickerYears\"\r\n            (onValueChanged)=\"_handlePickerChange($event,'year')\">\r\n            <ng-template let-item>\r\n                {{item}}\r\n            </ng-template>\r\n        </ax-picker>\r\n        <ax-picker width=\"100%\" height=\"300px\" itemHeight=\"48px\" [items]=\"_pickerMonths\"\r\n            (onValueChanged)=\"_handlePickerChange($event,'month')\">\r\n            <ng-template let-item>\r\n                {{item.text}}\r\n            </ng-template>\r\n        </ax-picker>\r\n        <ax-picker width=\"100%\" height=\"300px\" itemHeight=\"48px\" [items]=\"_pickerDays\"\r\n            (onValueChanged)=\"_handlePickerChange($event,'day')\">\r\n            <ng-template let-item>\r\n                {{item}}\r\n            </ng-template> \r\n        </ax-picker>-->\r\n    </div>\r\n</ng-template>", components: [{ type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange"] }, { type: i2.AXDecoratorPrefixComponent, selector: "ax-prefix" }, { type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { type: i4.AXPickerComponent, selector: "ax-picker", inputs: ["readonly", "allowNull", "value", "debounceTime", "name", "checked", "items"], outputs: ["valueChange", "onValueChanged", "OnChange"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: AXCalendarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-calendar', changeDetection: ChangeDetectionStrategy.OnPush, inputs: [...VALUE_INPUTS, ...INTERACTIVE_INPUTS, ...CALENDAR_INPUTS], outputs: [...VALUE_OUTPUT, ...INTERACTIVE_OUTPUT, ...CALENDAR_OUTPUTS], encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"interface === 'calendar'; else pickerTemplate\">\r\n    <div class=\"ax-calendar-header\">\r\n        <div>\r\n            <ng-container *ngIf=\"activeView=='days'; else elseTemplate\">\r\n                <ax-button class=\"ax-nav-button\" [text]=\"_navText.split(' ')[1]\" color=\"light\" look=\"blank\"\r\n                    (onClick)=\"_handleNavClick($event)\" [disabled]=\"disabled\">\r\n                </ax-button>\r\n                <ax-button class=\"ax-nav-button\" [text]=\"_navText.split(' ')[0]\" color=\"light\" look=\"blank\"\r\n                    (onClick)=\"_handleNavClick($event)\" [disabled]=\"disabled\">\r\n                </ax-button>\r\n            </ng-container>\r\n            <ng-template #elseTemplate>\r\n                <ax-button class=\"ax-nav-button\" [text]=\"_navText\" color=\"light\" look=\"blank\"\r\n                    (onClick)=\"_handleNavClick($event)\" [disabled]=\"disabled\">\r\n                </ax-button>\r\n            </ng-template>\r\n        </div>\r\n        <div class=\"ax-flex\">\r\n            <ax-button class=\"ax-prev-button\" color=\"light\" look=\"blank\" (onClick)=\"_handlePrevClick($event)\"\r\n                [disabled]=\"disabled\">\r\n                <ax-prefix>\r\n                    <ax-icon icon=\"ax-ic ax-ic-chevron ax-transform ax--rotate-90\"></ax-icon>\r\n                </ax-prefix>\r\n            </ax-button>\r\n            <ax-button class=\"ax-next-button\" color=\"light\" look=\"blank\" (onClick)=\"_handleNextClick($event)\"\r\n                [disabled]=\"disabled\">\r\n                <ax-prefix>\r\n                    <ax-icon icon=\"ax-ic ax-ic-chevron ax-transform ax-rotate-90\"></ax-icon>\r\n\r\n                </ax-prefix>\r\n            </ax-button>\r\n        </div>\r\n\r\n    </div>\r\n    <div class=\"ax-calendar-body\">\r\n        <div [ngSwitch]=\"activeView\">\r\n            <ng-container *ngSwitchCase=\"'years'\">\r\n                <div class=\"ax-calendar-slots ax-calendar-slots-year\">\r\n                    <div tabindex=\"0\" *ngFor=\"let slot of _slots\" [ngClass]=\"slot.cssClass\"\r\n                        (click)=\"_handleSlotClick($event,slot)\">{{slot.text}}</div>\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"'months'\">\r\n                <div class=\"ax-calendar-slots ax-calendar-slots-month\">\r\n                    <div tabindex=\"0\" *ngFor=\"let slot of _slots\" [title]=\"slot.tooltip\" [ngClass]=\"slot.cssClass\"\r\n                        (click)=\"_handleSlotClick($event,slot)\">{{slot.text}}</div>\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngSwitchDefault>\r\n                <div class=\"ax-calendar-week\">\r\n                    <div *ngFor=\"let d of _dayNames\">{{d}}</div>\r\n                </div>\r\n                <div class=\"ax-calendar-slots ax-calendar-slots-day\">\r\n                    <div tabindex=\"0\" *ngFor=\"let slot of _slots\" [title]=\"slot.tooltip\" [ngClass]=\"slot.cssClass\"\r\n                        (click)=\"_handleSlotClick($event,slot)\">{{slot.text}}</div>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n\r\n    </div>\r\n    <div class=\"ax-calendar-footer\">\r\n        <ax-button class=\"dark:ax-text-danger\" [text]=\"_todayText\" color=\"dark\" look=\"blank\" size=\"sm\"\r\n            (onClick)=\"_handleGoToday()\" [disabled]=\"disabled\"></ax-button>\r\n    </div>\r\n</ng-container>\r\n<ng-template #pickerTemplate>\r\n    <div class=\"ax-calendar-picker\">\r\n        <ax-picker></ax-picker>\r\n        <!-- <ax-picker width=\"100%%\" height=\"300px\" itemHeight=\"48px\" [items]=\"_pickerYears\"\r\n            (onValueChanged)=\"_handlePickerChange($event,'year')\">\r\n            <ng-template let-item>\r\n                {{item}}\r\n            </ng-template>\r\n        </ax-picker>\r\n        <ax-picker width=\"100%\" height=\"300px\" itemHeight=\"48px\" [items]=\"_pickerMonths\"\r\n            (onValueChanged)=\"_handlePickerChange($event,'month')\">\r\n            <ng-template let-item>\r\n                {{item.text}}\r\n            </ng-template>\r\n        </ax-picker>\r\n        <ax-picker width=\"100%\" height=\"300px\" itemHeight=\"48px\" [items]=\"_pickerDays\"\r\n            (onValueChanged)=\"_handlePickerChange($event,'day')\">\r\n            <ng-template let-item>\r\n                {{item}}\r\n            </ng-template> \r\n        </ax-picker>-->\r\n    </div>\r\n</ng-template>" }]

package/esm2020/lib/checkbox/checkbox.component.mjs

@@ -5,8 +5,9 @@ import { VALUE_INPUTS, VALUE_OUTPUT } from '../base/mixin/value-mixin.class';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/forms";
 export class AXCheckBoxComponent extends AXBaseValueComponentMixin {
-    constructor(elementRef, cdr) {
-        super(elementRef, cdr);
+    constructor(elementRef, _cdr) {
+        super(elementRef, _cdr);
+        this._cdr = _cdr;
     }
     onInit() {
         super.onInit();
@@ -38,4 +39,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImpor
             type: Component,
             args: [{ selector: 'ax-check-box', inputs: [...INTERACTIVE_INPUTS, ...VALUE_INPUTS], outputs: [...INTERACTIVE_OUTPUT, ...VALUE_OUTPUT], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<label class=\"ax-flex ax-items-start\">\r\n    <div class=\"ax-flex ax-items-center ax-h-5\">\r\n        <input [id]=\"id\" class=\"ax-h-4 ax-w-4\" type=\"checkbox\" [class.ax-state-readonly]=\"readonly\"\r\n            [class.ax-state-disabled]=\"disabled\" [indeterminate]=\"_stateIndeterminate\" [(ngModel)]=\"value\"\r\n            [checked]=\"value\" [disabled]=\"disabled\" [readonly]=\"readonly\" [tabindex]=\"tabIndex\"\r\n            (click)=\"_handleOnClickEvent($event)\" (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\">\r\n    </div>\r\n    <div class=\"ax-ms-3 ax-text-sm\">\r\n        <ng-content></ng-content>\r\n        <ng-content select=\"ax-form-hint\"></ng-content>\r\n        <span class=\"ax-error-container\"></span>\r\n    </div>\r\n</label>\r\n<ng-content select=\"ax-validation-rule\"></ng-content>" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvc3JjL2xpYi9jaGVja2JveC9jaGVja2JveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQXFCLHVCQUF1QixFQUFFLGlCQUFpQixFQUFjLE1BQU0sZUFBZSxDQUFDO0FBQ3JILE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQUNwRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUMvRixPQUFPLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxNQUFNLGlDQUFpQyxDQUFDOzs7QUFVN0UsTUFBTSxPQUFPLG1CQUFvQixTQUFRLHlCQUF5QjtJQUVoRSxZQUFZLFVBQXNCLEVBQUUsR0FBc0I7UUFDeEQsS0FBSyxDQUFDLFVBQVUsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUN6QixDQUFDO0lBRUQsTUFBTTtRQUNKLEtBQUssQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUNmLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxFQUFFO1lBQ3pDLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1NBQ3BCO0lBQ0gsQ0FBQztJQUVELGdCQUFnQixDQUFDLEtBQUs7UUFDcEIsSUFBSSxJQUFJLENBQUMsU0FBUyxJQUFJLEtBQUssSUFBSSxJQUFJLEVBQUU7WUFDbkMsSUFBSSxDQUFDLG1CQUFtQixHQUFHLElBQUksQ0FBQztTQUNqQzthQUNJO1lBQ0gsSUFBSSxDQUFDLG1CQUFtQixHQUFHLEtBQUssQ0FBQztZQUNqQyxLQUFLLEdBQUcsS0FBSyxJQUFJLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7U0FDdEM7UUFDRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7SUFFRCxtQkFBbUIsQ0FBQyxDQUFhO1FBQy9CLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2xDLENBQUMsQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUNuQixDQUFDLENBQUMsZUFBZSxFQUFFLENBQUM7WUFDcEIsT0FBTyxLQUFLLENBQUM7U0FDZDtJQUNILENBQUM7O2dIQTlCVSxtQkFBbUI7b0dBQW5CLG1CQUFtQixrWENiaEMscTFCQWFxRDsyRkRBeEMsbUJBQW1CO2tCQVIvQixTQUFTOytCQUNFLGNBQWMsVUFFaEIsQ0FBQyxHQUFHLGtCQUFrQixFQUFFLEdBQUcsWUFBWSxDQUFDLFdBQ3ZDLENBQUMsR0FBRyxrQkFBa0IsRUFBRSxHQUFHLFlBQVksQ0FBQyxpQkFDbEMsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBWaWV3RW5jYXBzdWxhdGlvbiwgRWxlbWVudFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBWEJhc2VWYWx1ZUNvbXBvbmVudE1peGluIH0gZnJvbSAnLi4vYmFzZSc7XHJcbmltcG9ydCB7IElOVEVSQUNUSVZFX0lOUFVUUywgSU5URVJBQ1RJVkVfT1VUUFVUIH0gZnJvbSAnLi4vYmFzZS9taXhpbi9pbnRlcmFjdGl2ZS1taXhpbi5jbGFzcyc7XHJcbmltcG9ydCB7IFZBTFVFX0lOUFVUUywgVkFMVUVfT1VUUFVUIH0gZnJvbSAnLi4vYmFzZS9taXhpbi92YWx1ZS1taXhpbi5jbGFzcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2F4LWNoZWNrLWJveCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NoZWNrYm94LmNvbXBvbmVudC5odG1sJyxcclxuICBpbnB1dHM6IFsuLi5JTlRFUkFDVElWRV9JTlBVVFMsIC4uLlZBTFVFX0lOUFVUU10sXHJcbiAgb3V0cHV0czogWy4uLklOVEVSQUNUSVZFX09VVFBVVCwgLi4uVkFMVUVfT1VUUFVUXSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhDaGVja0JveENvbXBvbmVudCBleHRlbmRzIEFYQmFzZVZhbHVlQ29tcG9uZW50TWl4aW4ge1xyXG5cclxuICBjb25zdHJ1Y3RvcihlbGVtZW50UmVmOiBFbGVtZW50UmVmLCBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XHJcbiAgICBzdXBlcihlbGVtZW50UmVmLCBjZHIpO1xyXG4gIH1cclxuXHJcbiAgb25Jbml0KCkge1xyXG4gICAgc3VwZXIub25Jbml0KCk7XHJcbiAgICBpZiAoIXRoaXMuYWxsb3dOdWxsICYmIHRoaXMudmFsdWUgPT0gbnVsbCkge1xyXG4gICAgICB0aGlzLnZhbHVlID0gZmFsc2U7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBfb25WYWx1ZUNoYW5naW5nKHZhbHVlKSB7XHJcbiAgICBpZiAodGhpcy5hbGxvd051bGwgJiYgdmFsdWUgPT0gbnVsbCkge1xyXG4gICAgICB0aGlzLl9zdGF0ZUluZGV0ZXJtaW5hdGUgPSB0cnVlO1xyXG4gICAgfVxyXG4gICAgZWxzZSB7XHJcbiAgICAgIHRoaXMuX3N0YXRlSW5kZXRlcm1pbmF0ZSA9IGZhbHNlO1xyXG4gICAgICB2YWx1ZSA9IHZhbHVlID09IHRydWUgPyB0cnVlIDogZmFsc2U7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gdmFsdWU7XHJcbiAgfVxyXG5cclxuICBfaGFuZGxlT25DbGlja0V2ZW50KGU6IE1vdXNlRXZlbnQpIHtcclxuICAgIGlmICh0aGlzLnJlYWRvbmx5IHx8IHRoaXMuZGlzYWJsZWQpIHtcclxuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xyXG4gICAgICByZXR1cm4gZmFsc2U7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxsYWJlbCBjbGFzcz1cImF4LWZsZXggYXgtaXRlbXMtc3RhcnRcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJheC1mbGV4IGF4LWl0ZW1zLWNlbnRlciBheC1oLTVcIj5cclxuICAgICAgICA8aW5wdXQgW2lkXT1cImlkXCIgY2xhc3M9XCJheC1oLTQgYXgtdy00XCIgdHlwZT1cImNoZWNrYm94XCIgW2NsYXNzLmF4LXN0YXRlLXJlYWRvbmx5XT1cInJlYWRvbmx5XCJcclxuICAgICAgICAgICAgW2NsYXNzLmF4LXN0YXRlLWRpc2FibGVkXT1cImRpc2FibGVkXCIgW2luZGV0ZXJtaW5hdGVdPVwiX3N0YXRlSW5kZXRlcm1pbmF0ZVwiIFsobmdNb2RlbCldPVwidmFsdWVcIlxyXG4gICAgICAgICAgICBbY2hlY2tlZF09XCJ2YWx1ZVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFtyZWFkb25seV09XCJyZWFkb25seVwiIFt0YWJpbmRleF09XCJ0YWJJbmRleFwiXHJcbiAgICAgICAgICAgIChjbGljayk9XCJfaGFuZGxlT25DbGlja0V2ZW50KCRldmVudClcIiAoZm9jdXMpPVwiX2VtaXRPbkZvY3VzRXZlbnQoJGV2ZW50KVwiIChibHVyKT1cIl9lbWl0T25CbHVyRXZlbnQoJGV2ZW50KVwiPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYXgtbXMtMyBheC10ZXh0LXNtXCI+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWZvcm0taGludFwiPjwvbmctY29udGVudD5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cImF4LWVycm9yLWNvbnRhaW5lclwiPjwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG48L2xhYmVsPlxyXG48bmctY29udGVudCBzZWxlY3Q9XCJheC12YWxpZGF0aW9uLXJ1bGVcIj48L25nLWNvbnRlbnQ+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvc3JjL2xpYi9jaGVja2JveC9jaGVja2JveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQXFCLHVCQUF1QixFQUFFLGlCQUFpQixFQUFjLE1BQU0sZUFBZSxDQUFDO0FBQ3JILE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQUNwRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUMvRixPQUFPLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxNQUFNLGlDQUFpQyxDQUFDOzs7QUFVN0UsTUFBTSxPQUFPLG1CQUFvQixTQUFRLHlCQUF5QjtJQUVoRSxZQUFZLFVBQXNCLEVBQVUsSUFBdUI7UUFDakUsS0FBSyxDQUFDLFVBQVUsRUFBRSxJQUFJLENBQUMsQ0FBQztRQURrQixTQUFJLEdBQUosSUFBSSxDQUFtQjtJQUVuRSxDQUFDO0lBRUQsTUFBTTtRQUNKLEtBQUssQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUNmLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxFQUFFO1lBQ3pDLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1NBQ3BCO0lBQ0gsQ0FBQztJQUVELGdCQUFnQixDQUFDLEtBQUs7UUFDcEIsSUFBSSxJQUFJLENBQUMsU0FBUyxJQUFJLEtBQUssSUFBSSxJQUFJLEVBQUU7WUFDbkMsSUFBSSxDQUFDLG1CQUFtQixHQUFHLElBQUksQ0FBQztTQUNqQzthQUNJO1lBQ0gsSUFBSSxDQUFDLG1CQUFtQixHQUFHLEtBQUssQ0FBQztZQUNqQyxLQUFLLEdBQUcsS0FBSyxJQUFJLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7U0FDdEM7UUFDRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7SUFFRCxtQkFBbUIsQ0FBQyxDQUFhO1FBQy9CLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2xDLENBQUMsQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUNuQixDQUFDLENBQUMsZUFBZSxFQUFFLENBQUM7WUFDcEIsT0FBTyxLQUFLLENBQUM7U0FDZDtJQUNILENBQUM7O2dIQTlCVSxtQkFBbUI7b0dBQW5CLG1CQUFtQixrWENiaEMscTFCQWFxRDsyRkRBeEMsbUJBQW1CO2tCQVIvQixTQUFTOytCQUNFLGNBQWMsVUFFaEIsQ0FBQyxHQUFHLGtCQUFrQixFQUFFLEdBQUcsWUFBWSxDQUFDLFdBQ3ZDLENBQUMsR0FBRyxrQkFBa0IsRUFBRSxHQUFHLFlBQVksQ0FBQyxpQkFDbEMsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBWaWV3RW5jYXBzdWxhdGlvbiwgRWxlbWVudFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBWEJhc2VWYWx1ZUNvbXBvbmVudE1peGluIH0gZnJvbSAnLi4vYmFzZSc7XHJcbmltcG9ydCB7IElOVEVSQUNUSVZFX0lOUFVUUywgSU5URVJBQ1RJVkVfT1VUUFVUIH0gZnJvbSAnLi4vYmFzZS9taXhpbi9pbnRlcmFjdGl2ZS1taXhpbi5jbGFzcyc7XHJcbmltcG9ydCB7IFZBTFVFX0lOUFVUUywgVkFMVUVfT1VUUFVUIH0gZnJvbSAnLi4vYmFzZS9taXhpbi92YWx1ZS1taXhpbi5jbGFzcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2F4LWNoZWNrLWJveCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NoZWNrYm94LmNvbXBvbmVudC5odG1sJyxcclxuICBpbnB1dHM6IFsuLi5JTlRFUkFDVElWRV9JTlBVVFMsIC4uLlZBTFVFX0lOUFVUU10sXHJcbiAgb3V0cHV0czogWy4uLklOVEVSQUNUSVZFX09VVFBVVCwgLi4uVkFMVUVfT1VUUFVUXSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhDaGVja0JveENvbXBvbmVudCBleHRlbmRzIEFYQmFzZVZhbHVlQ29tcG9uZW50TWl4aW4ge1xyXG5cclxuICBjb25zdHJ1Y3RvcihlbGVtZW50UmVmOiBFbGVtZW50UmVmLHByaXZhdGUgIF9jZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XHJcbiAgICBzdXBlcihlbGVtZW50UmVmLCBfY2RyKTtcclxuICB9XHJcblxyXG4gIG9uSW5pdCgpIHtcclxuICAgIHN1cGVyLm9uSW5pdCgpO1xyXG4gICAgaWYgKCF0aGlzLmFsbG93TnVsbCAmJiB0aGlzLnZhbHVlID09IG51bGwpIHtcclxuICAgICAgdGhpcy52YWx1ZSA9IGZhbHNlO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgX29uVmFsdWVDaGFuZ2luZyh2YWx1ZSkge1xyXG4gICAgaWYgKHRoaXMuYWxsb3dOdWxsICYmIHZhbHVlID09IG51bGwpIHtcclxuICAgICAgdGhpcy5fc3RhdGVJbmRldGVybWluYXRlID0gdHJ1ZTtcclxuICAgIH1cclxuICAgIGVsc2Uge1xyXG4gICAgICB0aGlzLl9zdGF0ZUluZGV0ZXJtaW5hdGUgPSBmYWxzZTtcclxuICAgICAgdmFsdWUgPSB2YWx1ZSA9PSB0cnVlID8gdHJ1ZSA6IGZhbHNlO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIHZhbHVlO1xyXG4gIH1cclxuXHJcbiAgX2hhbmRsZU9uQ2xpY2tFdmVudChlOiBNb3VzZUV2ZW50KSB7XHJcbiAgICBpZiAodGhpcy5yZWFkb25seSB8fCB0aGlzLmRpc2FibGVkKSB7XHJcbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcclxuICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcclxuICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8bGFiZWwgY2xhc3M9XCJheC1mbGV4IGF4LWl0ZW1zLXN0YXJ0XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYXgtZmxleCBheC1pdGVtcy1jZW50ZXIgYXgtaC01XCI+XHJcbiAgICAgICAgPGlucHV0IFtpZF09XCJpZFwiIGNsYXNzPVwiYXgtaC00IGF4LXctNFwiIHR5cGU9XCJjaGVja2JveFwiIFtjbGFzcy5heC1zdGF0ZS1yZWFkb25seV09XCJyZWFkb25seVwiXHJcbiAgICAgICAgICAgIFtjbGFzcy5heC1zdGF0ZS1kaXNhYmxlZF09XCJkaXNhYmxlZFwiIFtpbmRldGVybWluYXRlXT1cIl9zdGF0ZUluZGV0ZXJtaW5hdGVcIiBbKG5nTW9kZWwpXT1cInZhbHVlXCJcclxuICAgICAgICAgICAgW2NoZWNrZWRdPVwidmFsdWVcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBbcmVhZG9ubHldPVwicmVhZG9ubHlcIiBbdGFiaW5kZXhdPVwidGFiSW5kZXhcIlxyXG4gICAgICAgICAgICAoY2xpY2spPVwiX2hhbmRsZU9uQ2xpY2tFdmVudCgkZXZlbnQpXCIgKGZvY3VzKT1cIl9lbWl0T25Gb2N1c0V2ZW50KCRldmVudClcIiAoYmx1cik9XCJfZW1pdE9uQmx1ckV2ZW50KCRldmVudClcIj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImF4LW1zLTMgYXgtdGV4dC1zbVwiPlxyXG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1mb3JtLWhpbnRcIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJheC1lcnJvci1jb250YWluZXJcIj48L3NwYW4+XHJcbiAgICA8L2Rpdj5cclxuPC9sYWJlbD5cclxuPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtdmFsaWRhdGlvbi1ydWxlXCI+PC9uZy1jb250ZW50PiJdfQ==

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

@@ -1,7 +1,8 @@
 import { AXColorUtil } from '@acorex/core';
-import { Component, Inject, Optional, ViewEncapsulation } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Inject, Optional, ViewEncapsulation } from '@angular/core';
+import { distinctUntilChanged } from 'rxjs/operators';
 import { AXBaseComponent } from '../base';
-import { AXColorComponent } from './color-palette.class';
+import { AXColorComponent, AXColorPaletteChildComponent } from './color-palette.class';
 import * as i0 from "@angular/core";
 import * as i1 from "../textbox/textbox.component";
 import * as i2 from "../number-box/number-box.component";
@@ -14,54 +15,63 @@ export class AXColorPaletteInputComponent extends AXBaseComponent {
         super(_elementRef, _cdr);
         this._parent = _parent;
         this._rgba = {
-            r: 255,
-            g: 255,
-            b: 255,
-            a: 0
+            r: null,
+            g: null,
+            b: null,
+            a: null
         };
-        this._hex = "#000000";
-        _parent?._onInternalColorChanged$.subscribe(e => {
-            if (this._hex != AXColorUtil.toHex(e.color)) {
-                this._hex = AXColorUtil.toHex(e.color);
-                Object.assign(this._rgba, AXColorUtil.toRGB(e.color));
+        _parent._onInternalColorChanged$
+            .pipe(distinctUntilChanged())
+            .subscribe(e => {
+            if (!e.color) {
+                this._hex = null;
+                this._rgba = {
+                    r: null,
+                    g: null,
+                    b: null,
+                    a: null
+                };
             }
+            else {
+                if (this._hex != AXColorUtil.toHexSting(e.color)) {
+                    this._hex = AXColorUtil.toHexSting(e.color);
+                    Object.assign(this._rgba, AXColorUtil.to(e.color, 'rgba'));
+                }
+            }
+            _cdr.detectChanges();
         });
     }
     _handleChangeInputMode(e) {
-        // switch (this.inputMode) {
-        //     case 'rgba':
-        //         this.inputMode = 'hsla'
-        //         break;
-        //     case 'hsla':
-        //         this.inputMode = 'hwba'
-        //         break;
-        //     case 'hwba':
-        //         this.inputMode = 'hex'
-        //         break;
-        //     case 'hex':
-        //         this.inputMode = 'rgba'
-        //         break;
-        // }
-        this._parent.mode = (this._parent.mode == 'rgba' ? 'hex' : 'rgba');
+        switch (this._parent.mode) {
+            case 'rgba':
+                this._parent.mode = 'hex';
+                break;
+            default:
+                this._parent.mode = 'rgba';
+                break;
+        }
     }
     _handleRGBAValueChanged(e) {
+        if (e.value == null || (e.value == 0 && !e.oldValue))
+            return;
         const { r, g, b, a } = this._rgba;
         const _color = `rgba(${r},${g},${b},${a})`;
-        this._parent._onInternalColorChanged$.next({ color: AXColorUtil.toRGB(_color), mode: 'rgba' });
+        this._parent._onInternalColorChanged$.next({ color: AXColorUtil.toString(_color, 'rgba'), mode: 'rgba' });
     }
     _handleHEXAValueChanged(e) {
-        this._parent._onInternalColorChanged$.next({ color: AXColorUtil.toHex(e.value), mode: 'hex' });
+        if (e.value != null)
+            this._parent._onInternalColorChanged$.next({ color: AXColorUtil.toString(e.value, 'hex'), mode: 'hex' });
     }
 }
 AXColorPaletteInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: AXColorPaletteInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXColorComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-AXColorPaletteInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: AXColorPaletteInputComponent, selector: "ax-color-palette-input", usesInheritance: true, ngImport: i0, template: "<div class=\"palette-input-container\" [ngSwitch]=\"_parent.mode\">\r\n    <div class=\"palette-inputs\">\r\n        <ng-container *ngSwitchCase=\"'hex'\">\r\n            <div>\r\n                <ax-text-box class=\"ax-w-full\" [(value)]=\"_hex\"  [debounceTime]=\"300\" (onValueChanged)=\"_handleHEXAValueChanged($event)\">\r\n                </ax-text-box>\r\n                <label>HEX</label>\r\n            </div>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'rgba'\">\r\n            <div>\r\n                <ax-number-box [minValue]=\"0\" [maxValue]=\"255\" [(value)]=\"_rgba.r\" [showSpinButtons]=\"false\"\r\n                    (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n                </ax-number-box>\r\n                <label>R</label>\r\n            </div>\r\n            <div>\r\n                <ax-number-box [minValue]=\"0\" [maxValue]=\"255\" [(value)]=\"_rgba.g\" [showSpinButtons]=\"false\"\r\n                    (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n                </ax-number-box>\r\n                <label>G</label>\r\n            </div>\r\n            <div>\r\n                <ax-number-box [minValue]=\"0\" [maxValue]=\"255\" [(value)]=\"_rgba.b\" [showSpinButtons]=\"false\"\r\n                    (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n                </ax-number-box>\r\n                <label>B</label>\r\n            </div>\r\n            <div>\r\n                <ax-number-box [minValue]=\"0\" [maxValue]=\"1\" [(value)]=\"_rgba.a\" [decimals]=\"2\" [step]=\"0.1\"\r\n                    [showSpinButtons]=\"false\" (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n                </ax-number-box>\r\n                <label>A</label>\r\n            </div>\r\n        </ng-container>\r\n        <!-- <ng-container *ngSwitchCase=\"'hsla'\">\r\n            <div>\r\n                <ax-text-box [value]=\"'255'\">\r\n                </ax-text-box>\r\n                <label>H</label>\r\n            </div>\r\n            <div>\r\n                <ax-text-box [value]=\"'255'\">\r\n                </ax-text-box>\r\n                <label>S</label>\r\n            </div>\r\n            <div>\r\n                <ax-text-box [value]=\"'255'\">\r\n                </ax-text-box>\r\n                <label>L</label>\r\n            </div>\r\n            <div>\r\n                <ax-text-box [value]=\"'255'\">\r\n                </ax-text-box>\r\n                <label>A</label>\r\n            </div>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'hwba'\">\r\n            <div>\r\n                <ax-text-box [value]=\"'255'\">\r\n                </ax-text-box>\r\n                <label>H</label>\r\n            </div>\r\n            <div>\r\n                <ax-text-box [value]=\"'255'\">\r\n                </ax-text-box>\r\n                <label>W</label>\r\n            </div>\r\n            <div>\r\n                <ax-text-box [value]=\"'255'\">\r\n                </ax-text-box>\r\n                <label>B</label>\r\n            </div>\r\n            <div>\r\n                <ax-text-box [value]=\"'255'\">\r\n                </ax-text-box>\r\n                <label>A</label>\r\n            </div>\r\n        </ng-container> -->\r\n    </div>\r\n    <ax-button color=\"light\" class=\"ax-w-base\" (onClick)=\"_handleChangeInputMode($event)\">\r\n        <ax-icon class=\"ax-ic ax-ic-unfold\"></ax-icon>\r\n    </ax-button>\r\n</div>", components: [{ type: i1.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "allowNull", "value", "debounceTime", "name", "checked", "placeholder", "maxLength", "type", "autoComplete"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { type: i2.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "size", "value", "placeholder", "maxLength", "allowNull", "debounceTime", "type", "autoComplete", "name", "checked", "thousandsSeparator", "padDecimalZeros", "step", "decimals", "decimalStep", "showSpinButtons", "minValue", "maxValue"], outputs: ["valueChange", "onValueChanged", "onBlur", "onFocus"] }, { type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "size", "color", "look", "text", "submitBehavior", "cancelBehavior", "toggleable", "selected"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange"] }, { type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], directives: [{ type: i5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], encapsulation: i0.ViewEncapsulation.None });
+AXColorPaletteInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: AXColorPaletteInputComponent, selector: "ax-color-palette-input", providers: [{ provide: AXColorPaletteChildComponent, useExisting: AXColorPaletteInputComponent }], usesInheritance: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"_parent.mode\">\r\n    <div class=\"palette-inputs\">\r\n        <ng-container *ngSwitchCase=\"'hex'\">\r\n            <div>\r\n                <ax-text-box class=\"ax-w-full\" [value]=\"_hex\"  [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\"  (onValueChanged)=\"_handleHEXAValueChanged($event)\">\r\n                </ax-text-box>\r\n                <label>HEX</label>\r\n            </div>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'rgba'\">\r\n            <div>\r\n                <ax-number-box [minValue]=\"0\" [maxValue]=\"255\" [(value)]=\"_rgba.r\" [showSpinButtons]=\"false\" [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\"\r\n                    (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n                </ax-number-box>\r\n                <label>R</label>\r\n            </div>\r\n            <div>\r\n                <ax-number-box [minValue]=\"0\" [maxValue]=\"255\" [(value)]=\"_rgba.g\" [showSpinButtons]=\"false\" [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\"\r\n                    (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n                </ax-number-box>\r\n                <label>G</label>\r\n            </div>\r\n            <div>\r\n                <ax-number-box [minValue]=\"0\" [maxValue]=\"255\" [(value)]=\"_rgba.b\" [showSpinButtons]=\"false\" [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\"\r\n                    (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n                </ax-number-box>\r\n                <label>B</label>\r\n            </div>\r\n            <div>\r\n                <ax-number-box [minValue]=\"0\" [maxValue]=\"1\" [(value)]=\"_rgba.a\" [decimals]=\"2\" [step]=\"0.1\" [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\"\r\n                    [showSpinButtons]=\"false\" (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n                </ax-number-box>\r\n                <label>A</label>\r\n            </div>\r\n        </ng-container>\r\n    </div>\r\n    <ax-button color=\"light\" class=\"ax-w-base\" (onClick)=\"_handleChangeInputMode($event)\" [disabled]=\"_parent.disabled\">\r\n        <ax-icon class=\"ax-ic ax-ic-unfold\"></ax-icon>\r\n    </ax-button>\r\n</ng-container>", components: [{ type: i1.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "allowNull", "value", "debounceTime", "name", "checked", "placeholder", "maxLength", "type", "autoComplete"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { type: i2.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "size", "value", "placeholder", "maxLength", "allowNull", "debounceTime", "type", "autoComplete", "name", "checked", "thousandsSeparator", "padDecimalZeros", "step", "decimals", "decimalStep", "showSpinButtons", "minValue", "maxValue"], outputs: ["valueChange", "onValueChanged", "onBlur", "onFocus"] }, { type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange"] }, { type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], directives: [{ type: i5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: AXColorPaletteInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-color-palette-input', encapsulation: ViewEncapsulation.None, template: "<div class=\"palette-input-container\" [ngSwitch]=\"_parent.mode\">\r\n    <div class=\"palette-inputs\">\r\n        <ng-container *ngSwitchCase=\"'hex'\">\r\n            <div>\r\n                <ax-text-box class=\"ax-w-full\" [(value)]=\"_hex\"  [debounceTime]=\"300\" (onValueChanged)=\"_handleHEXAValueChanged($event)\">\r\n                </ax-text-box>\r\n                <label>HEX</label>\r\n            </div>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'rgba'\">\r\n            <div>\r\n                <ax-number-box [minValue]=\"0\" [maxValue]=\"255\" [(value)]=\"_rgba.r\" [showSpinButtons]=\"false\"\r\n                    (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n                </ax-number-box>\r\n                <label>R</label>\r\n            </div>\r\n            <div>\r\n                <ax-number-box [minValue]=\"0\" [maxValue]=\"255\" [(value)]=\"_rgba.g\" [showSpinButtons]=\"false\"\r\n                    (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n                </ax-number-box>\r\n                <label>G</label>\r\n            </div>\r\n            <div>\r\n                <ax-number-box [minValue]=\"0\" [maxValue]=\"255\" [(value)]=\"_rgba.b\" [showSpinButtons]=\"false\"\r\n                    (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n                </ax-number-box>\r\n                <label>B</label>\r\n            </div>\r\n            <div>\r\n                <ax-number-box [minValue]=\"0\" [maxValue]=\"1\" [(value)]=\"_rgba.a\" [decimals]=\"2\" [step]=\"0.1\"\r\n                    [showSpinButtons]=\"false\" (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n                </ax-number-box>\r\n                <label>A</label>\r\n            </div>\r\n        </ng-container>\r\n        <!-- <ng-container *ngSwitchCase=\"'hsla'\">\r\n            <div>\r\n                <ax-text-box [value]=\"'255'\">\r\n                </ax-text-box>\r\n                <label>H</label>\r\n            </div>\r\n            <div>\r\n                <ax-text-box [value]=\"'255'\">\r\n                </ax-text-box>\r\n                <label>S</label>\r\n            </div>\r\n            <div>\r\n                <ax-text-box [value]=\"'255'\">\r\n                </ax-text-box>\r\n                <label>L</label>\r\n            </div>\r\n            <div>\r\n                <ax-text-box [value]=\"'255'\">\r\n                </ax-text-box>\r\n                <label>A</label>\r\n            </div>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'hwba'\">\r\n            <div>\r\n                <ax-text-box [value]=\"'255'\">\r\n                </ax-text-box>\r\n                <label>H</label>\r\n            </div>\r\n            <div>\r\n                <ax-text-box [value]=\"'255'\">\r\n                </ax-text-box>\r\n                <label>W</label>\r\n            </div>\r\n            <div>\r\n                <ax-text-box [value]=\"'255'\">\r\n                </ax-text-box>\r\n                <label>B</label>\r\n            </div>\r\n            <div>\r\n                <ax-text-box [value]=\"'255'\">\r\n                </ax-text-box>\r\n                <label>A</label>\r\n            </div>\r\n        </ng-container> -->\r\n    </div>\r\n    <ax-button color=\"light\" class=\"ax-w-base\" (onClick)=\"_handleChangeInputMode($event)\">\r\n        <ax-icon class=\"ax-ic ax-ic-unfold\"></ax-icon>\r\n    </ax-button>\r\n</div>" }]
+            args: [{ selector: 'ax-color-palette-input', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXColorPaletteChildComponent, useExisting: AXColorPaletteInputComponent }], template: "<ng-container [ngSwitch]=\"_parent.mode\">\r\n    <div class=\"palette-inputs\">\r\n        <ng-container *ngSwitchCase=\"'hex'\">\r\n            <div>\r\n                <ax-text-box class=\"ax-w-full\" [value]=\"_hex\"  [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\"  (onValueChanged)=\"_handleHEXAValueChanged($event)\">\r\n                </ax-text-box>\r\n                <label>HEX</label>\r\n            </div>\r\n        </ng-container>\r\n        <ng-container *ngSwitchCase=\"'rgba'\">\r\n            <div>\r\n                <ax-number-box [minValue]=\"0\" [maxValue]=\"255\" [(value)]=\"_rgba.r\" [showSpinButtons]=\"false\" [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\"\r\n                    (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n                </ax-number-box>\r\n                <label>R</label>\r\n            </div>\r\n            <div>\r\n                <ax-number-box [minValue]=\"0\" [maxValue]=\"255\" [(value)]=\"_rgba.g\" [showSpinButtons]=\"false\" [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\"\r\n                    (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n                </ax-number-box>\r\n                <label>G</label>\r\n            </div>\r\n            <div>\r\n                <ax-number-box [minValue]=\"0\" [maxValue]=\"255\" [(value)]=\"_rgba.b\" [showSpinButtons]=\"false\" [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\"\r\n                    (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n                </ax-number-box>\r\n                <label>B</label>\r\n            </div>\r\n            <div>\r\n                <ax-number-box [minValue]=\"0\" [maxValue]=\"1\" [(value)]=\"_rgba.a\" [decimals]=\"2\" [step]=\"0.1\" [disabled]=\"_parent.disabled\" [readonly]=\"_parent.readonly\"\r\n                    [showSpinButtons]=\"false\" (onValueChanged)=\"_handleRGBAValueChanged($event)\">\r\n                </ax-number-box>\r\n                <label>A</label>\r\n            </div>\r\n        </ng-container>\r\n    </div>\r\n    <ax-button color=\"light\" class=\"ax-w-base\" (onClick)=\"_handleChangeInputMode($event)\" [disabled]=\"_parent.disabled\">\r\n        <ax-icon class=\"ax-ic ax-ic-unfold\"></ax-icon>\r\n    </ax-button>\r\n</ng-container>" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i6.AXColorComponent, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: [AXColorComponent]
                 }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGFsZXR0ZS1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL2NvbG9yLXBhbGV0dGUvY29sb3ItcGFsZXR0ZS1pbnB1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL2NvbG9yLXBhbGV0dGUvY29sb3ItcGFsZXR0ZS1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzNDLE9BQU8sRUFBcUIsU0FBUyxFQUFjLE1BQU0sRUFBRSxRQUFRLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUcsT0FBTyxFQUFFLGVBQWUsRUFBMEQsTUFBTSxTQUFTLENBQUM7QUFDbEcsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7Ozs7Ozs7O0FBT3pELE1BQU0sT0FBTyw0QkFBNkIsU0FBUSxlQUFlO0lBWTdELFlBQ0ksV0FBdUIsRUFDdkIsSUFBdUIsRUFHaEIsT0FBMEI7UUFFakMsS0FBSyxDQUFDLFdBQVcsRUFBRSxJQUFJLENBQUMsQ0FBQztRQUZsQixZQUFPLEdBQVAsT0FBTyxDQUFtQjtRQWZyQyxVQUFLLEdBQVE7WUFDVCxDQUFDLEVBQUUsR0FBRztZQUNOLENBQUMsRUFBRSxHQUFHO1lBQ04sQ0FBQyxFQUFFLEdBQUc7WUFDTixDQUFDLEVBQUUsQ0FBQztTQUNQLENBQUE7UUFFRCxTQUFJLEdBQVcsU0FBUyxDQUFDO1FBV3JCLE9BQU8sRUFBRSx3QkFBd0IsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDNUMsSUFBSSxJQUFJLENBQUMsSUFBSSxJQUFJLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxFQUFFO2dCQUN6QyxJQUFJLENBQUMsSUFBSSxHQUFHLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUN2QyxNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQTthQUN4RDtRQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELHNCQUFzQixDQUFDLENBQWU7UUFDbEMsNEJBQTRCO1FBQzVCLG1CQUFtQjtRQUNuQixrQ0FBa0M7UUFDbEMsaUJBQWlCO1FBQ2pCLG1CQUFtQjtRQUNuQixrQ0FBa0M7UUFDbEMsaUJBQWlCO1FBQ2pCLG1CQUFtQjtRQUNuQixpQ0FBaUM7UUFDakMsaUJBQWlCO1FBQ2pCLGtCQUFrQjtRQUNsQixrQ0FBa0M7UUFDbEMsaUJBQWlCO1FBQ2pCLElBQUk7UUFDSCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksR0FBRyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxJQUFJLE1BQU0sQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUN4RSxDQUFDO0lBRUQsdUJBQXVCLENBQUMsQ0FBOEI7UUFDbEQsTUFBTSxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7UUFDbEMsTUFBTSxNQUFNLEdBQUcsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQTtRQUMxQyxJQUFJLENBQUMsT0FBTyxDQUFDLHdCQUF3QixDQUFDLElBQUksQ0FBQyxFQUFFLEtBQUssRUFBRSxXQUFXLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUFDO0lBRW5HLENBQUM7SUFFRCx1QkFBdUIsQ0FBQyxDQUE4QjtRQUNsRCxJQUFJLENBQUMsT0FBTyxDQUFDLHdCQUF3QixDQUFDLElBQUksQ0FBQyxFQUFFLEtBQUssRUFBRSxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQztJQUNuRyxDQUFDOzt5SEF2RFEsNEJBQTRCLDZFQWdCekIsZ0JBQWdCOzZHQWhCbkIsNEJBQTRCLHFGQ1Z6Qyw2NUdBbUZNOzJGRHpFTyw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0ksd0JBQXdCLGlCQUVuQixpQkFBaUIsQ0FBQyxJQUFJOzswQkFpQmhDLFFBQVE7OzBCQUNSLE1BQU07MkJBQUMsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhDb2xvclV0aWwgfSBmcm9tICdAYWNvcmV4L2NvcmUnO1xyXG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbmplY3QsIE9wdGlvbmFsLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBWEJhc2VDb21wb25lbnQsIEFYQ2xpY2tFdmVudCwgQVhWYWx1YWJsZUNvbXBvbmVudCwgQVhWYWx1ZUNoYW5nZWRFdmVudCB9IGZyb20gJy4uL2Jhc2UnO1xyXG5pbXBvcnQgeyBBWENvbG9yQ29tcG9uZW50IH0gZnJvbSAnLi9jb2xvci1wYWxldHRlLmNsYXNzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdheC1jb2xvci1wYWxldHRlLWlucHV0JyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9jb2xvci1wYWxldHRlLWlucHV0LmNvbXBvbmVudC5odG1sJyxcclxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcclxufSlcclxuZXhwb3J0IGNsYXNzIEFYQ29sb3JQYWxldHRlSW5wdXRDb21wb25lbnQgZXh0ZW5kcyBBWEJhc2VDb21wb25lbnQge1xyXG5cclxuICAgIF9yZ2JhOiBhbnkgPSB7XHJcbiAgICAgICAgcjogMjU1LFxyXG4gICAgICAgIGc6IDI1NSxcclxuICAgICAgICBiOiAyNTUsXHJcbiAgICAgICAgYTogMFxyXG4gICAgfVxyXG5cclxuICAgIF9oZXg6IHN0cmluZyA9IFwiIzAwMDAwMFwiO1xyXG5cclxuXHJcbiAgICBjb25zdHJ1Y3RvcihcclxuICAgICAgICBfZWxlbWVudFJlZjogRWxlbWVudFJlZixcclxuICAgICAgICBfY2RyOiBDaGFuZ2VEZXRlY3RvclJlZixcclxuICAgICAgICBAT3B0aW9uYWwoKVxyXG4gICAgICAgIEBJbmplY3QoQVhDb2xvckNvbXBvbmVudClcclxuICAgICAgICBwdWJsaWMgX3BhcmVudD86IEFYQ29sb3JDb21wb25lbnRcclxuICAgICkge1xyXG4gICAgICAgIHN1cGVyKF9lbGVtZW50UmVmLCBfY2RyKTtcclxuICAgICAgICBfcGFyZW50Py5fb25JbnRlcm5hbENvbG9yQ2hhbmdlZCQuc3Vic2NyaWJlKGUgPT4ge1xyXG4gICAgICAgICAgICBpZiAodGhpcy5faGV4ICE9IEFYQ29sb3JVdGlsLnRvSGV4KGUuY29sb3IpKSB7XHJcbiAgICAgICAgICAgICAgICB0aGlzLl9oZXggPSBBWENvbG9yVXRpbC50b0hleChlLmNvbG9yKTtcclxuICAgICAgICAgICAgICAgIE9iamVjdC5hc3NpZ24odGhpcy5fcmdiYSwgQVhDb2xvclV0aWwudG9SR0IoZS5jb2xvcikpXHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9KTtcclxuICAgIH1cclxuXHJcbiAgICBfaGFuZGxlQ2hhbmdlSW5wdXRNb2RlKGU6IEFYQ2xpY2tFdmVudCkge1xyXG4gICAgICAgIC8vIHN3aXRjaCAodGhpcy5pbnB1dE1vZGUpIHtcclxuICAgICAgICAvLyAgICAgY2FzZSAncmdiYSc6XHJcbiAgICAgICAgLy8gICAgICAgICB0aGlzLmlucHV0TW9kZSA9ICdoc2xhJ1xyXG4gICAgICAgIC8vICAgICAgICAgYnJlYWs7XHJcbiAgICAgICAgLy8gICAgIGNhc2UgJ2hzbGEnOlxyXG4gICAgICAgIC8vICAgICAgICAgdGhpcy5pbnB1dE1vZGUgPSAnaHdiYSdcclxuICAgICAgICAvLyAgICAgICAgIGJyZWFrO1xyXG4gICAgICAgIC8vICAgICBjYXNlICdod2JhJzpcclxuICAgICAgICAvLyAgICAgICAgIHRoaXMuaW5wdXRNb2RlID0gJ2hleCdcclxuICAgICAgICAvLyAgICAgICAgIGJyZWFrO1xyXG4gICAgICAgIC8vICAgICBjYXNlICdoZXgnOlxyXG4gICAgICAgIC8vICAgICAgICAgdGhpcy5pbnB1dE1vZGUgPSAncmdiYSdcclxuICAgICAgICAvLyAgICAgICAgIGJyZWFrO1xyXG4gICAgICAgIC8vIH1cclxuICAgICAgICAgdGhpcy5fcGFyZW50Lm1vZGUgPSAodGhpcy5fcGFyZW50Lm1vZGUgPT0gJ3JnYmEnID8gJ2hleCcgOiAncmdiYScpO1xyXG4gICAgfVxyXG5cclxuICAgIF9oYW5kbGVSR0JBVmFsdWVDaGFuZ2VkKGU6IEFYVmFsdWVDaGFuZ2VkRXZlbnQ8bnVtYmVyPikge1xyXG4gICAgICAgIGNvbnN0IHsgciwgZywgYiwgYSB9ID0gdGhpcy5fcmdiYTtcclxuICAgICAgICBjb25zdCBfY29sb3IgPSBgcmdiYSgke3J9LCR7Z30sJHtifSwke2F9KWBcclxuICAgICAgICB0aGlzLl9wYXJlbnQuX29uSW50ZXJuYWxDb2xvckNoYW5nZWQkLm5leHQoeyBjb2xvcjogQVhDb2xvclV0aWwudG9SR0IoX2NvbG9yKSwgbW9kZTogJ3JnYmEnIH0pO1xyXG5cclxuICAgIH1cclxuXHJcbiAgICBfaGFuZGxlSEVYQVZhbHVlQ2hhbmdlZChlOiBBWFZhbHVlQ2hhbmdlZEV2ZW50PHN0cmluZz4pIHtcclxuICAgICAgICB0aGlzLl9wYXJlbnQuX29uSW50ZXJuYWxDb2xvckNoYW5nZWQkLm5leHQoeyBjb2xvcjogQVhDb2xvclV0aWwudG9IZXgoZS52YWx1ZSksIG1vZGU6ICdoZXgnIH0pO1xyXG4gICAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJwYWxldHRlLWlucHV0LWNvbnRhaW5lclwiIFtuZ1N3aXRjaF09XCJfcGFyZW50Lm1vZGVcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJwYWxldHRlLWlucHV0c1wiPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidoZXgnXCI+XHJcbiAgICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgICAgICA8YXgtdGV4dC1ib3ggY2xhc3M9XCJheC13LWZ1bGxcIiBbKHZhbHVlKV09XCJfaGV4XCIgIFtkZWJvdW5jZVRpbWVdPVwiMzAwXCIgKG9uVmFsdWVDaGFuZ2VkKT1cIl9oYW5kbGVIRVhBVmFsdWVDaGFuZ2VkKCRldmVudClcIj5cclxuICAgICAgICAgICAgICAgIDwvYXgtdGV4dC1ib3g+XHJcbiAgICAgICAgICAgICAgICA8bGFiZWw+SEVYPC9sYWJlbD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ3JnYmEnXCI+XHJcbiAgICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgICAgICA8YXgtbnVtYmVyLWJveCBbbWluVmFsdWVdPVwiMFwiIFttYXhWYWx1ZV09XCIyNTVcIiBbKHZhbHVlKV09XCJfcmdiYS5yXCIgW3Nob3dTcGluQnV0dG9uc109XCJmYWxzZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgKG9uVmFsdWVDaGFuZ2VkKT1cIl9oYW5kbGVSR0JBVmFsdWVDaGFuZ2VkKCRldmVudClcIj5cclxuICAgICAgICAgICAgICAgIDwvYXgtbnVtYmVyLWJveD5cclxuICAgICAgICAgICAgICAgIDxsYWJlbD5SPC9sYWJlbD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgICAgICA8YXgtbnVtYmVyLWJveCBbbWluVmFsdWVdPVwiMFwiIFttYXhWYWx1ZV09XCIyNTVcIiBbKHZhbHVlKV09XCJfcmdiYS5nXCIgW3Nob3dTcGluQnV0dG9uc109XCJmYWxzZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgKG9uVmFsdWVDaGFuZ2VkKT1cIl9oYW5kbGVSR0JBVmFsdWVDaGFuZ2VkKCRldmVudClcIj5cclxuICAgICAgICAgICAgICAgIDwvYXgtbnVtYmVyLWJveD5cclxuICAgICAgICAgICAgICAgIDxsYWJlbD5HPC9sYWJlbD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgICAgICA8YXgtbnVtYmVyLWJveCBbbWluVmFsdWVdPVwiMFwiIFttYXhWYWx1ZV09XCIyNTVcIiBbKHZhbHVlKV09XCJfcmdiYS5iXCIgW3Nob3dTcGluQnV0dG9uc109XCJmYWxzZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgKG9uVmFsdWVDaGFuZ2VkKT1cIl9oYW5kbGVSR0JBVmFsdWVDaGFuZ2VkKCRldmVudClcIj5cclxuICAgICAgICAgICAgICAgIDwvYXgtbnVtYmVyLWJveD5cclxuICAgICAgICAgICAgICAgIDxsYWJlbD5CPC9sYWJlbD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgICAgICA8YXgtbnVtYmVyLWJveCBbbWluVmFsdWVdPVwiMFwiIFttYXhWYWx1ZV09XCIxXCIgWyh2YWx1ZSldPVwiX3JnYmEuYVwiIFtkZWNpbWFsc109XCIyXCIgW3N0ZXBdPVwiMC4xXCJcclxuICAgICAgICAgICAgICAgICAgICBbc2hvd1NwaW5CdXR0b25zXT1cImZhbHNlXCIgKG9uVmFsdWVDaGFuZ2VkKT1cIl9oYW5kbGVSR0JBVmFsdWVDaGFuZ2VkKCRldmVudClcIj5cclxuICAgICAgICAgICAgICAgIDwvYXgtbnVtYmVyLWJveD5cclxuICAgICAgICAgICAgICAgIDxsYWJlbD5BPC9sYWJlbD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPCEtLSA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInaHNsYSdcIj5cclxuICAgICAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAgICAgIDxheC10ZXh0LWJveCBbdmFsdWVdPVwiJzI1NSdcIj5cclxuICAgICAgICAgICAgICAgIDwvYXgtdGV4dC1ib3g+XHJcbiAgICAgICAgICAgICAgICA8bGFiZWw+SDwvbGFiZWw+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICAgICAgPGF4LXRleHQtYm94IFt2YWx1ZV09XCInMjU1J1wiPlxyXG4gICAgICAgICAgICAgICAgPC9heC10ZXh0LWJveD5cclxuICAgICAgICAgICAgICAgIDxsYWJlbD5TPC9sYWJlbD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgICAgICA8YXgtdGV4dC1ib3ggW3ZhbHVlXT1cIicyNTUnXCI+XHJcbiAgICAgICAgICAgICAgICA8L2F4LXRleHQtYm94PlxyXG4gICAgICAgICAgICAgICAgPGxhYmVsPkw8L2xhYmVsPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAgICAgIDxheC10ZXh0LWJveCBbdmFsdWVdPVwiJzI1NSdcIj5cclxuICAgICAgICAgICAgICAgIDwvYXgtdGV4dC1ib3g+XHJcbiAgICAgICAgICAgICAgICA8bGFiZWw+QTwvbGFiZWw+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidod2JhJ1wiPlxyXG4gICAgICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICAgICAgPGF4LXRleHQtYm94IFt2YWx1ZV09XCInMjU1J1wiPlxyXG4gICAgICAgICAgICAgICAgPC9heC10ZXh0LWJveD5cclxuICAgICAgICAgICAgICAgIDxsYWJlbD5IPC9sYWJlbD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgICAgICA8YXgtdGV4dC1ib3ggW3ZhbHVlXT1cIicyNTUnXCI+XHJcbiAgICAgICAgICAgICAgICA8L2F4LXRleHQtYm94PlxyXG4gICAgICAgICAgICAgICAgPGxhYmVsPlc8L2xhYmVsPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAgICAgIDxheC10ZXh0LWJveCBbdmFsdWVdPVwiJzI1NSdcIj5cclxuICAgICAgICAgICAgICAgIDwvYXgtdGV4dC1ib3g+XHJcbiAgICAgICAgICAgICAgICA8bGFiZWw+QjwvbGFiZWw+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICAgICAgPGF4LXRleHQtYm94IFt2YWx1ZV09XCInMjU1J1wiPlxyXG4gICAgICAgICAgICAgICAgPC9heC10ZXh0LWJveD5cclxuICAgICAgICAgICAgICAgIDxsYWJlbD5BPC9sYWJlbD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+IC0tPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8YXgtYnV0dG9uIGNvbG9yPVwibGlnaHRcIiBjbGFzcz1cImF4LXctYmFzZVwiIChvbkNsaWNrKT1cIl9oYW5kbGVDaGFuZ2VJbnB1dE1vZGUoJGV2ZW50KVwiPlxyXG4gICAgICAgIDxheC1pY29uIGNsYXNzPVwiYXgtaWMgYXgtaWMtdW5mb2xkXCI+PC9heC1pY29uPlxyXG4gICAgPC9heC1idXR0b24+XHJcbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGFsZXR0ZS1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL2NvbG9yLXBhbGV0dGUvY29sb3ItcGFsZXR0ZS1pbnB1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL2NvbG9yLXBhbGV0dGUvY29sb3ItcGFsZXR0ZS1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzNDLE9BQU8sRUFBRSx1QkFBdUIsRUFBcUIsU0FBUyxFQUFjLE1BQU0sRUFBRSxRQUFRLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkksT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDdEQsT0FBTyxFQUFFLGVBQWUsRUFBcUMsTUFBTSxTQUFTLENBQUM7QUFDN0UsT0FBTyxFQUFFLGdCQUFnQixFQUFFLDRCQUE0QixFQUFFLE1BQU0sdUJBQXVCLENBQUM7Ozs7Ozs7O0FBU3ZGLE1BQU0sT0FBTyw0QkFBNkIsU0FBUSxlQUFlO0lBWTdELFlBQ0ksV0FBdUIsRUFDdkIsSUFBdUIsRUFHaEIsT0FBeUI7UUFFaEMsS0FBSyxDQUFDLFdBQVcsRUFBRSxJQUFJLENBQUMsQ0FBQztRQUZsQixZQUFPLEdBQVAsT0FBTyxDQUFrQjtRQWZwQyxVQUFLLEdBQVE7WUFDVCxDQUFDLEVBQUUsSUFBSTtZQUNQLENBQUMsRUFBRSxJQUFJO1lBQ1AsQ0FBQyxFQUFFLElBQUk7WUFDUCxDQUFDLEVBQUUsSUFBSTtTQUNWLENBQUE7UUFhRyxPQUFPLENBQUMsd0JBQXdCO2FBQzNCLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO2FBQzVCLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUNYLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxFQUFFO2dCQUNWLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO2dCQUNqQixJQUFJLENBQUMsS0FBSyxHQUFHO29CQUNULENBQUMsRUFBRSxJQUFJO29CQUNQLENBQUMsRUFBRSxJQUFJO29CQUNQLENBQUMsRUFBRSxJQUFJO29CQUNQLENBQUMsRUFBRSxJQUFJO2lCQUNWLENBQUE7YUFDSjtpQkFDSTtnQkFDRCxJQUFJLElBQUksQ0FBQyxJQUFJLElBQUksV0FBVyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLEVBQUU7b0JBQzlDLElBQUksQ0FBQyxJQUFJLEdBQUcsV0FBVyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUM7b0JBQzVDLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxXQUFXLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQTtpQkFDN0Q7YUFDSjtZQUNELElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUN6QixDQUFDLENBQUMsQ0FBQztJQUNYLENBQUM7SUFFRCxzQkFBc0IsQ0FBQyxDQUFlO1FBQ2xDLFFBQVEsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUU7WUFDdkIsS0FBSyxNQUFNO2dCQUNQLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztnQkFDMUIsTUFBTTtZQUNWO2dCQUNJLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxHQUFHLE1BQU0sQ0FBQztnQkFDM0IsTUFBTTtTQUNiO0lBQ0wsQ0FBQztJQUVELHVCQUF1QixDQUFDLENBQThCO1FBQ2xELElBQUksQ0FBQyxDQUFDLEtBQUssSUFBSSxJQUFJLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUM7WUFDaEQsT0FBTTtRQUNWLE1BQU0sRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQ2xDLE1BQU0sTUFBTSxHQUFHLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUE7UUFDMUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyx3QkFBd0IsQ0FBQyxJQUFJLENBQUMsRUFBRSxLQUFLLEVBQUUsV0FBVyxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDLENBQUM7SUFDOUcsQ0FBQztJQUVELHVCQUF1QixDQUFDLENBQThCO1FBQ2xELElBQUksQ0FBQyxDQUFDLEtBQUssSUFBSSxJQUFJO1lBQ2YsSUFBSSxDQUFDLE9BQU8sQ0FBQyx3QkFBd0IsQ0FBQyxJQUFJLENBQUMsRUFBRSxLQUFLLEVBQUUsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO0lBQ2pILENBQUM7O3lIQWhFUSw0QkFBNEIsNkVBZ0J6QixnQkFBZ0I7NkdBaEJuQiw0QkFBNEIsaURBRjFCLENBQUMsRUFBRSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsV0FBVyxFQUFFLDRCQUE0QixFQUFFLENBQUMsaURDWHJHLGd4RUF1Q2U7MkZEMUJGLDRCQUE0QjtrQkFQeEMsU0FBUzsrQkFDSSx3QkFBd0IsaUJBRW5CLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sYUFDcEMsQ0FBQyxFQUFFLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxXQUFXLDhCQUE4QixFQUFFLENBQUM7OzBCQWlCNUYsUUFBUTs7MEJBQ1IsTUFBTTsyQkFBQyxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWENvbG9yVXRpbCB9IGZyb20gJ0BhY29yZXgvY29yZSc7XHJcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbmplY3QsIE9wdGlvbmFsLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBkaXN0aW5jdFVudGlsQ2hhbmdlZCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcclxuaW1wb3J0IHsgQVhCYXNlQ29tcG9uZW50LCBBWENsaWNrRXZlbnQsIEFYVmFsdWVDaGFuZ2VkRXZlbnQgfSBmcm9tICcuLi9iYXNlJztcclxuaW1wb3J0IHsgQVhDb2xvckNvbXBvbmVudCwgQVhDb2xvclBhbGV0dGVDaGlsZENvbXBvbmVudCB9IGZyb20gJy4vY29sb3ItcGFsZXR0ZS5jbGFzcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYXgtY29sb3ItcGFsZXR0ZS1pbnB1dCcsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vY29sb3ItcGFsZXR0ZS1pbnB1dC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IEFYQ29sb3JQYWxldHRlQ2hpbGRDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWENvbG9yUGFsZXR0ZUlucHV0Q29tcG9uZW50IH1dXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBWENvbG9yUGFsZXR0ZUlucHV0Q29tcG9uZW50IGV4dGVuZHMgQVhCYXNlQ29tcG9uZW50IHtcclxuXHJcbiAgICBfcmdiYTogYW55ID0ge1xyXG4gICAgICAgIHI6IG51bGwsXHJcbiAgICAgICAgZzogbnVsbCxcclxuICAgICAgICBiOiBudWxsLFxyXG4gICAgICAgIGE6IG51bGxcclxuICAgIH1cclxuXHJcbiAgICBfaGV4OiBzdHJpbmc7XHJcblxyXG5cclxuICAgIGNvbnN0cnVjdG9yKFxyXG4gICAgICAgIF9lbGVtZW50UmVmOiBFbGVtZW50UmVmLFxyXG4gICAgICAgIF9jZHI6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgICAgIEBPcHRpb25hbCgpXHJcbiAgICAgICAgQEluamVjdChBWENvbG9yQ29tcG9uZW50KVxyXG4gICAgICAgIHB1YmxpYyBfcGFyZW50OiBBWENvbG9yQ29tcG9uZW50XHJcbiAgICApIHtcclxuICAgICAgICBzdXBlcihfZWxlbWVudFJlZiwgX2Nkcik7XHJcbiAgICAgICAgX3BhcmVudC5fb25JbnRlcm5hbENvbG9yQ2hhbmdlZCRcclxuICAgICAgICAgICAgLnBpcGUoZGlzdGluY3RVbnRpbENoYW5nZWQoKSlcclxuICAgICAgICAgICAgLnN1YnNjcmliZShlID0+IHtcclxuICAgICAgICAgICAgICAgIGlmICghZS5jb2xvcikge1xyXG4gICAgICAgICAgICAgICAgICAgIHRoaXMuX2hleCA9IG51bGw7XHJcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5fcmdiYSA9IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgcjogbnVsbCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgZzogbnVsbCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgYjogbnVsbCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgYTogbnVsbFxyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIGVsc2Uge1xyXG4gICAgICAgICAgICAgICAgICAgIGlmICh0aGlzLl9oZXggIT0gQVhDb2xvclV0aWwudG9IZXhTdGluZyhlLmNvbG9yKSkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLl9oZXggPSBBWENvbG9yVXRpbC50b0hleFN0aW5nKGUuY29sb3IpO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBPYmplY3QuYXNzaWduKHRoaXMuX3JnYmEsIEFYQ29sb3JVdGlsLnRvKGUuY29sb3IsICdyZ2JhJykpXHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgX2Nkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgfVxyXG5cclxuICAgIF9oYW5kbGVDaGFuZ2VJbnB1dE1vZGUoZTogQVhDbGlja0V2ZW50KSB7XHJcbiAgICAgICAgc3dpdGNoICh0aGlzLl9wYXJlbnQubW9kZSkge1xyXG4gICAgICAgICAgICBjYXNlICdyZ2JhJzpcclxuICAgICAgICAgICAgICAgIHRoaXMuX3BhcmVudC5tb2RlID0gJ2hleCc7XHJcbiAgICAgICAgICAgICAgICBicmVhaztcclxuICAgICAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgICAgIHRoaXMuX3BhcmVudC5tb2RlID0gJ3JnYmEnO1xyXG4gICAgICAgICAgICAgICAgYnJlYWs7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIF9oYW5kbGVSR0JBVmFsdWVDaGFuZ2VkKGU6IEFYVmFsdWVDaGFuZ2VkRXZlbnQ8bnVtYmVyPikge1xyXG4gICAgICAgIGlmIChlLnZhbHVlID09IG51bGwgfHwgKGUudmFsdWUgPT0gMCAmJiAhZS5vbGRWYWx1ZSkpXHJcbiAgICAgICAgICAgIHJldHVyblxyXG4gICAgICAgIGNvbnN0IHsgciwgZywgYiwgYSB9ID0gdGhpcy5fcmdiYTtcclxuICAgICAgICBjb25zdCBfY29sb3IgPSBgcmdiYSgke3J9LCR7Z30sJHtifSwke2F9KWBcclxuICAgICAgICB0aGlzLl9wYXJlbnQuX29uSW50ZXJuYWxDb2xvckNoYW5nZWQkLm5leHQoeyBjb2xvcjogQVhDb2xvclV0aWwudG9TdHJpbmcoX2NvbG9yLCAncmdiYScpLCBtb2RlOiAncmdiYScgfSk7XHJcbiAgICB9XHJcblxyXG4gICAgX2hhbmRsZUhFWEFWYWx1ZUNoYW5nZWQoZTogQVhWYWx1ZUNoYW5nZWRFdmVudDxzdHJpbmc+KSB7XHJcbiAgICAgICAgaWYgKGUudmFsdWUgIT0gbnVsbClcclxuICAgICAgICAgICAgdGhpcy5fcGFyZW50Ll9vbkludGVybmFsQ29sb3JDaGFuZ2VkJC5uZXh0KHsgY29sb3I6IEFYQ29sb3JVdGlsLnRvU3RyaW5nKGUudmFsdWUsICdoZXgnKSwgbW9kZTogJ2hleCcgfSk7XHJcbiAgICB9XHJcblxyXG59XHJcbiIsIjxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cIl9wYXJlbnQubW9kZVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInBhbGV0dGUtaW5wdXRzXCI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2hleCdcIj5cclxuICAgICAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAgICAgIDxheC10ZXh0LWJveCBjbGFzcz1cImF4LXctZnVsbFwiIFt2YWx1ZV09XCJfaGV4XCIgIFtkaXNhYmxlZF09XCJfcGFyZW50LmRpc2FibGVkXCIgW3JlYWRvbmx5XT1cIl9wYXJlbnQucmVhZG9ubHlcIiAgKG9uVmFsdWVDaGFuZ2VkKT1cIl9oYW5kbGVIRVhBVmFsdWVDaGFuZ2VkKCRldmVudClcIj5cclxuICAgICAgICAgICAgICAgIDwvYXgtdGV4dC1ib3g+XHJcbiAgICAgICAgICAgICAgICA8bGFiZWw+SEVYPC9sYWJlbD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ3JnYmEnXCI+XHJcbiAgICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgICAgICA8YXgtbnVtYmVyLWJveCBbbWluVmFsdWVdPVwiMFwiIFttYXhWYWx1ZV09XCIyNTVcIiBbKHZhbHVlKV09XCJfcmdiYS5yXCIgW3Nob3dTcGluQnV0dG9uc109XCJmYWxzZVwiIFtkaXNhYmxlZF09XCJfcGFyZW50LmRpc2FibGVkXCIgW3JlYWRvbmx5XT1cIl9wYXJlbnQucmVhZG9ubHlcIlxyXG4gICAgICAgICAgICAgICAgICAgIChvblZhbHVlQ2hhbmdlZCk9XCJfaGFuZGxlUkdCQVZhbHVlQ2hhbmdlZCgkZXZlbnQpXCI+XHJcbiAgICAgICAgICAgICAgICA8L2F4LW51bWJlci1ib3g+XHJcbiAgICAgICAgICAgICAgICA8bGFiZWw+UjwvbGFiZWw+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICAgICAgPGF4LW51bWJlci1ib3ggW21pblZhbHVlXT1cIjBcIiBbbWF4VmFsdWVdPVwiMjU1XCIgWyh2YWx1ZSldPVwiX3JnYmEuZ1wiIFtzaG93U3BpbkJ1dHRvbnNdPVwiZmFsc2VcIiBbZGlzYWJsZWRdPVwiX3BhcmVudC5kaXNhYmxlZFwiIFtyZWFkb25seV09XCJfcGFyZW50LnJlYWRvbmx5XCJcclxuICAgICAgICAgICAgICAgICAgICAob25WYWx1ZUNoYW5nZWQpPVwiX2hhbmRsZVJHQkFWYWx1ZUNoYW5nZWQoJGV2ZW50KVwiPlxyXG4gICAgICAgICAgICAgICAgPC9heC1udW1iZXItYm94PlxyXG4gICAgICAgICAgICAgICAgPGxhYmVsPkc8L2xhYmVsPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAgICAgIDxheC1udW1iZXItYm94IFttaW5WYWx1ZV09XCIwXCIgW21heFZhbHVlXT1cIjI1NVwiIFsodmFsdWUpXT1cIl9yZ2JhLmJcIiBbc2hvd1NwaW5CdXR0b25zXT1cImZhbHNlXCIgW2Rpc2FibGVkXT1cIl9wYXJlbnQuZGlzYWJsZWRcIiBbcmVhZG9ubHldPVwiX3BhcmVudC5yZWFkb25seVwiXHJcbiAgICAgICAgICAgICAgICAgICAgKG9uVmFsdWVDaGFuZ2VkKT1cIl9oYW5kbGVSR0JBVmFsdWVDaGFuZ2VkKCRldmVudClcIj5cclxuICAgICAgICAgICAgICAgIDwvYXgtbnVtYmVyLWJveD5cclxuICAgICAgICAgICAgICAgIDxsYWJlbD5CPC9sYWJlbD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgICAgICA8YXgtbnVtYmVyLWJveCBbbWluVmFsdWVdPVwiMFwiIFttYXhWYWx1ZV09XCIxXCIgWyh2YWx1ZSldPVwiX3JnYmEuYVwiIFtkZWNpbWFsc109XCIyXCIgW3N0ZXBdPVwiMC4xXCIgW2Rpc2FibGVkXT1cIl9wYXJlbnQuZGlzYWJsZWRcIiBbcmVhZG9ubHldPVwiX3BhcmVudC5yZWFkb25seVwiXHJcbiAgICAgICAgICAgICAgICAgICAgW3Nob3dTcGluQnV0dG9uc109XCJmYWxzZVwiIChvblZhbHVlQ2hhbmdlZCk9XCJfaGFuZGxlUkdCQVZhbHVlQ2hhbmdlZCgkZXZlbnQpXCI+XHJcbiAgICAgICAgICAgICAgICA8L2F4LW51bWJlci1ib3g+XHJcbiAgICAgICAgICAgICAgICA8bGFiZWw+QTwvbGFiZWw+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8YXgtYnV0dG9uIGNvbG9yPVwibGlnaHRcIiBjbGFzcz1cImF4LXctYmFzZVwiIChvbkNsaWNrKT1cIl9oYW5kbGVDaGFuZ2VJbnB1dE1vZGUoJGV2ZW50KVwiIFtkaXNhYmxlZF09XCJfcGFyZW50LmRpc2FibGVkXCI+XHJcbiAgICAgICAgPGF4LWljb24gY2xhc3M9XCJheC1pYyBheC1pYy11bmZvbGRcIj48L2F4LWljb24+XHJcbiAgICA8L2F4LWJ1dHRvbj5cclxuPC9uZy1jb250YWluZXI+Il19

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

@@ -1,17 +1,14 @@
-import { Component, ViewEncapsulation } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
+import { AXColorPaletteChildComponent } from './color-palette.class';
 import * as i0 from "@angular/core";
 export class AXColorPalettePickerComponent {
     constructor() { }
     ngOnInit() { }
 }
 AXColorPalettePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: AXColorPalettePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXColorPalettePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: AXColorPalettePickerComponent, selector: "ax-color-palette-picker", ngImport: i0, template: ``, isInline: true, encapsulation: i0.ViewEncapsulation.None });
+AXColorPalettePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: AXColorPalettePickerComponent, selector: "ax-color-palette-picker", providers: [{ provide: AXColorPaletteChildComponent, useExisting: AXColorPalettePickerComponent }], ngImport: i0, template: "<div class=\"ax-color-picker-overlay\">\r\n    <div class=\"ax-color-picker-overlay-color\"></div>\r\n    <div class=\"ax-color-picker-overlay-gradient\"></div>\r\n    <div class=\"ax-color-picker-pointer\"></div>\r\n</div>\r\n<div class=\"ax-color-picker-gradient-line\">\r\n    <div class=\"ax-color-handler\"></div>\r\n</div>\r\n<div class=\"ax-color-picker-transparent-line\">\r\n    <div class=\"ax-color-handler\"></div>\r\n</div>", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: AXColorPalettePickerComponent, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'ax-color-palette-picker',
-                    template: ``,
-                    encapsulation: ViewEncapsulation.None
-                }]
+            args: [{ selector: 'ax-color-palette-picker', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXColorPaletteChildComponent, useExisting: AXColorPalettePickerComponent }], template: "<div class=\"ax-color-picker-overlay\">\r\n    <div class=\"ax-color-picker-overlay-color\"></div>\r\n    <div class=\"ax-color-picker-overlay-gradient\"></div>\r\n    <div class=\"ax-color-picker-pointer\"></div>\r\n</div>\r\n<div class=\"ax-color-picker-gradient-line\">\r\n    <div class=\"ax-color-handler\"></div>\r\n</div>\r\n<div class=\"ax-color-picker-transparent-line\">\r\n    <div class=\"ax-color-handler\"></div>\r\n</div>" }]
         }], ctorParameters: function () { return []; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGFsZXR0ZS1waWNrZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvc3JjL2xpYi9jb2xvci1wYWxldHRlL2NvbG9yLXBhbGV0dGUtcGlja2VyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVFyRSxNQUFNLE9BQU8sNkJBQTZCO0lBQ3RDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVEsS0FBVyxDQUFDOzswSEFIWCw2QkFBNkI7OEdBQTdCLDZCQUE2QiwrREFKNUIsRUFBRTsyRkFJSCw2QkFBNkI7a0JBTnpDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHlCQUF5QjtvQkFDbkMsUUFBUSxFQUFFLEVBQUU7b0JBQ1osYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7aUJBRXhDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYXgtY29sb3ItcGFsZXR0ZS1waWNrZXInLFxyXG4gICAgdGVtcGxhdGU6IGBgLFxyXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxyXG5cclxufSlcclxuZXhwb3J0IGNsYXNzIEFYQ29sb3JQYWxldHRlUGlja2VyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICAgIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gICAgbmdPbkluaXQoKTogdm9pZCB7IH1cclxuXHJcblxyXG5cclxufVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGFsZXR0ZS1waWNrZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvc3JjL2xpYi9jb2xvci1wYWxldHRlL2NvbG9yLXBhbGV0dGUtcGlja2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL3NyYy9saWIvY29sb3ItcGFsZXR0ZS9jb2xvci1wYWxldHRlLXBpY2tlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFVLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlGLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLHVCQUF1QixDQUFDOztBQVVyRSxNQUFNLE9BQU8sNkJBQTZCO0lBQ3RDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVEsS0FBVyxDQUFDOzswSEFIWCw2QkFBNkI7OEdBQTdCLDZCQUE2QixrREFIM0IsQ0FBQyxFQUFFLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxXQUFXLEVBQUUsNkJBQTZCLEVBQUUsQ0FBQywwQkNSdEcsc2JBVU07MkZEQ08sNkJBQTZCO2tCQVJ6QyxTQUFTOytCQUNJLHlCQUF5QixpQkFFcEIsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxhQUNwQyxDQUFDLEVBQUUsT0FBTyxFQUFFLDRCQUE0QixFQUFFLFdBQVcsK0JBQStCLEVBQUUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQVhDb2xvclBhbGV0dGVDaGlsZENvbXBvbmVudCB9IGZyb20gJy4vY29sb3ItcGFsZXR0ZS5jbGFzcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYXgtY29sb3ItcGFsZXR0ZS1waWNrZXInLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2NvbG9yLXBhbGV0dGUtcGlja2VyLmNvbXBvbmVudC5odG1sJyxcclxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICAgIHByb3ZpZGVyczogW3sgcHJvdmlkZTogQVhDb2xvclBhbGV0dGVDaGlsZENvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYQ29sb3JQYWxldHRlUGlja2VyQ29tcG9uZW50IH1dXHJcblxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhDb2xvclBhbGV0dGVQaWNrZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gICAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHsgfVxyXG5cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImF4LWNvbG9yLXBpY2tlci1vdmVybGF5XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYXgtY29sb3ItcGlja2VyLW92ZXJsYXktY29sb3JcIj48L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJheC1jb2xvci1waWNrZXItb3ZlcmxheS1ncmFkaWVudFwiPjwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImF4LWNvbG9yLXBpY2tlci1wb2ludGVyXCI+PC9kaXY+XHJcbjwvZGl2PlxyXG48ZGl2IGNsYXNzPVwiYXgtY29sb3ItcGlja2VyLWdyYWRpZW50LWxpbmVcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJheC1jb2xvci1oYW5kbGVyXCI+PC9kaXY+XHJcbjwvZGl2PlxyXG48ZGl2IGNsYXNzPVwiYXgtY29sb3ItcGlja2VyLXRyYW5zcGFyZW50LWxpbmVcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJheC1jb2xvci1oYW5kbGVyXCI+PC9kaXY+XHJcbjwvZGl2PiJdfQ==

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

@@ -1,36 +1,44 @@
 import { AXColorUtil } from '@acorex/core';
-import { Component, Inject, Optional, ViewEncapsulation } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Inject, Optional, ViewEncapsulation } from '@angular/core';
+import { distinctUntilChanged } from 'rxjs/operators';
 import { AXBaseComponent } from '../base';
-import { AXColorComponent } from './color-palette.class';
+import { AXColorComponent, AXColorPaletteChildComponent } from './color-palette.class';
 import * as i0 from "@angular/core";
 import * as i1 from "./color-palette.class";
 export class AXColorPalettePreviewComponent extends AXBaseComponent {
-    constructor(_elementRef, _cdr, _parent) {
+    constructor(_elementRef, _cdr, _parent, _zone) {
         super(_elementRef, _cdr);
         this._parent = _parent;
-        _parent?._onInternalColorChanged$.subscribe(e => {
-            this._colorCode = AXColorUtil.to(e.color, e.mode);
-            this._getHostElement().style.backgroundColor = e.color;
-            const color = AXColorUtil.toHex(e.color);
-            const ratio = AXColorUtil.contrastToWhite(color);
-            this._getHostElement().style.color = !(ratio > 2.0) ? '#000' : '#fff';
+        this._zone = _zone;
+        _parent._onInternalColorChanged$
+            .pipe(distinctUntilChanged())
+            .subscribe(e => {
+            _zone.runOutsideAngular(() => {
+                this._getInnerElement().style.backgroundColor = e.color;
+                this._getInnerElement().innerText = e.color ? AXColorUtil.toString(e.color, e.mode) : null;
+                ;
+                const color = AXColorUtil.toHexSting(e.color);
+                const ratio = AXColorUtil.contrastToWhite(color);
+                this._getHostElement().style.color = !(ratio > 2.0) ? '#000' : '#fff';
+            });
         });
     }
-    ngOnInit() { }
 }
-AXColorPalettePreviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: AXColorPalettePreviewComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXColorComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-AXColorPalettePreviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: AXColorPalettePreviewComponent, selector: "ax-color-palette-preview", usesInheritance: true, ngImport: i0, template: `{{_colorCode}}`, isInline: true, encapsulation: i0.ViewEncapsulation.None });
+AXColorPalettePreviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: AXColorPalettePreviewComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXColorComponent, optional: true }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+AXColorPalettePreviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: AXColorPalettePreviewComponent, selector: "ax-color-palette-preview", providers: [{ provide: AXColorPaletteChildComponent, useExisting: AXColorPalettePreviewComponent }], 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: "13.3.9", ngImport: i0, type: AXColorPalettePreviewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-color-palette-preview',
-                    template: `{{_colorCode}}`,
-                    encapsulation: ViewEncapsulation.None
+                    template: `<div class="palette-preview-overlay" [class.ax-state-disabled]="_parent.disabled"></div>`,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [{ provide: AXColorPaletteChildComponent, useExisting: AXColorPalettePreviewComponent }]
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.AXColorComponent, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: [AXColorComponent]
-                }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGFsZXR0ZS1wcmV2aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL3NyYy9saWIvY29sb3ItcGFsZXR0ZS9jb2xvci1wYWxldHRlLXByZXZpZXcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDM0MsT0FBTyxFQUFxQixTQUFTLEVBQWMsTUFBTSxFQUFFLFFBQVEsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sU0FBUyxDQUFDO0FBQzFDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7QUFPekQsTUFBTSxPQUFPLDhCQUErQixTQUFRLGVBQWU7SUFJL0QsWUFDSSxXQUF1QixFQUN2QixJQUF1QixFQUdmLE9BQTBCO1FBRWxDLEtBQUssQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFGakIsWUFBTyxHQUFQLE9BQU8sQ0FBbUI7UUFHbEMsT0FBTyxFQUFFLHdCQUF3QixDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUM1QyxJQUFJLENBQUMsVUFBVSxHQUFHLFdBQVcsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDbEQsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDLEtBQUssQ0FBQyxlQUFlLEdBQUcsQ0FBQyxDQUFDLEtBQUssQ0FBQztZQUN2RCxNQUFNLEtBQUssR0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUN2QyxNQUFNLEtBQUssR0FBRyxXQUFXLENBQUMsZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ2pELElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxLQUFLLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDO1FBQzFFLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELFFBQVEsS0FBVyxDQUFDOzsySEFyQlgsOEJBQThCLDZFQVEzQixnQkFBZ0I7K0dBUm5CLDhCQUE4Qix1RkFIN0IsZ0JBQWdCOzJGQUdqQiw4QkFBOEI7a0JBTDFDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLDBCQUEwQjtvQkFDcEMsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7aUJBQ3hDOzswQkFRUSxRQUFROzswQkFDUixNQUFNOzJCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYQ29sb3JVdGlsIH0gZnJvbSAnQGFjb3JleC9jb3JlJztcclxuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5qZWN0LCBPcHRpb25hbCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQVhCYXNlQ29tcG9uZW50IH0gZnJvbSAnLi4vYmFzZSc7XHJcbmltcG9ydCB7IEFYQ29sb3JDb21wb25lbnQgfSBmcm9tICcuL2NvbG9yLXBhbGV0dGUuY2xhc3MnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2F4LWNvbG9yLXBhbGV0dGUtcHJldmlldycsXHJcbiAgICB0ZW1wbGF0ZTogYHt7X2NvbG9yQ29kZX19YCxcclxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcclxufSlcclxuZXhwb3J0IGNsYXNzIEFYQ29sb3JQYWxldHRlUHJldmlld0NvbXBvbmVudCBleHRlbmRzIEFYQmFzZUNvbXBvbmVudCB7XHJcblxyXG4gICAgX2NvbG9yQ29kZTogc3RyaW5nO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKFxyXG4gICAgICAgIF9lbGVtZW50UmVmOiBFbGVtZW50UmVmLFxyXG4gICAgICAgIF9jZHI6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgICAgIEBPcHRpb25hbCgpXHJcbiAgICAgICAgQEluamVjdChBWENvbG9yQ29tcG9uZW50KVxyXG4gICAgICAgIHByaXZhdGUgX3BhcmVudD86IEFYQ29sb3JDb21wb25lbnRcclxuICAgICkge1xyXG4gICAgICAgIHN1cGVyKF9lbGVtZW50UmVmLCBfY2RyKTtcclxuICAgICAgICBfcGFyZW50Py5fb25JbnRlcm5hbENvbG9yQ2hhbmdlZCQuc3Vic2NyaWJlKGUgPT4ge1xyXG4gICAgICAgICAgICB0aGlzLl9jb2xvckNvZGUgPSBBWENvbG9yVXRpbC50byhlLmNvbG9yLCBlLm1vZGUpO1xyXG4gICAgICAgICAgICB0aGlzLl9nZXRIb3N0RWxlbWVudCgpLnN0eWxlLmJhY2tncm91bmRDb2xvciA9IGUuY29sb3I7XHJcbiAgICAgICAgICAgIGNvbnN0IGNvbG9yPUFYQ29sb3JVdGlsLnRvSGV4KGUuY29sb3IpO1xyXG4gICAgICAgICAgICBjb25zdCByYXRpbyA9IEFYQ29sb3JVdGlsLmNvbnRyYXN0VG9XaGl0ZShjb2xvcik7XHJcbiAgICAgICAgICAgIHRoaXMuX2dldEhvc3RFbGVtZW50KCkuc3R5bGUuY29sb3IgPSAhKHJhdGlvID4gMi4wKSA/ICcjMDAwJyA6ICcjZmZmJztcclxuICAgICAgICB9KTtcclxuICAgIH1cclxuXHJcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHsgfVxyXG59XHJcbiJdfQ==
+                }] }, { type: i0.NgZone }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGFsZXR0ZS1wcmV2aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL3NyYy9saWIvY29sb3ItcGFsZXR0ZS9jb2xvci1wYWxldHRlLXByZXZpZXcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDM0MsT0FBTyxFQUFFLHVCQUF1QixFQUFxQixTQUFTLEVBQWMsTUFBTSxFQUFVLFFBQVEsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvSSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN0RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sU0FBUyxDQUFDO0FBQzFDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSw0QkFBNEIsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7QUFTdkYsTUFBTSxPQUFPLDhCQUErQixTQUFRLGVBQWU7SUFHL0QsWUFDSSxXQUF1QixFQUN2QixJQUF1QixFQUdmLE9BQXlCLEVBQ3pCLEtBQWE7UUFFckIsS0FBSyxDQUFDLFdBQVcsRUFBRSxJQUFJLENBQUMsQ0FBQztRQUhqQixZQUFPLEdBQVAsT0FBTyxDQUFrQjtRQUN6QixVQUFLLEdBQUwsS0FBSyxDQUFRO1FBR3JCLE9BQU8sQ0FBQyx3QkFBd0I7YUFDM0IsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7YUFDNUIsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ1gsS0FBSyxDQUFDLGlCQUFpQixDQUFDLEdBQUcsRUFBRTtnQkFDekIsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUMsS0FBSyxDQUFDLGVBQWUsR0FBRyxDQUFDLENBQUMsS0FBSyxDQUFDO2dCQUN4RCxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxTQUFTLEdBQUcsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO2dCQUFBLENBQUM7Z0JBQzVGLE1BQU0sS0FBSyxHQUFHLFdBQVcsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUM5QyxNQUFNLEtBQUssR0FBRyxXQUFXLENBQUMsZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUNqRCxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsS0FBSyxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQztZQUMxRSxDQUFDLENBQUMsQ0FBQztRQUNQLENBQUMsQ0FBQyxDQUFDO0lBQ1gsQ0FBQzs7MkhBdkJRLDhCQUE4Qiw2RUFPM0IsZ0JBQWdCOytHQVBuQiw4QkFBOEIsbURBRjVCLENBQUMsRUFBRSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsV0FBVyxFQUFFLDhCQUE4QixFQUFFLENBQUMsaURBSHpGLDBGQUEwRjsyRkFLM0YsOEJBQThCO2tCQVAxQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSwwQkFBMEI7b0JBQ3BDLFFBQVEsRUFBRSwwRkFBMEY7b0JBQ3BHLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsU0FBUyxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsV0FBVyxnQ0FBZ0MsRUFBRSxDQUFDO2lCQUN0Rzs7MEJBT1EsUUFBUTs7MEJBQ1IsTUFBTTsyQkFBQyxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWENvbG9yVXRpbCB9IGZyb20gJ0BhY29yZXgvY29yZSc7XHJcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbmplY3QsIE5nWm9uZSwgT3B0aW9uYWwsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IGRpc3RpbmN0VW50aWxDaGFuZ2VkIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xyXG5pbXBvcnQgeyBBWEJhc2VDb21wb25lbnQgfSBmcm9tICcuLi9iYXNlJztcclxuaW1wb3J0IHsgQVhDb2xvckNvbXBvbmVudCwgQVhDb2xvclBhbGV0dGVDaGlsZENvbXBvbmVudCB9IGZyb20gJy4vY29sb3ItcGFsZXR0ZS5jbGFzcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYXgtY29sb3ItcGFsZXR0ZS1wcmV2aWV3JyxcclxuICAgIHRlbXBsYXRlOiBgPGRpdiBjbGFzcz1cInBhbGV0dGUtcHJldmlldy1vdmVybGF5XCIgW2NsYXNzLmF4LXN0YXRlLWRpc2FibGVkXT1cIl9wYXJlbnQuZGlzYWJsZWRcIj48L2Rpdj5gLFxyXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gICAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBBWENvbG9yUGFsZXR0ZUNoaWxkQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhDb2xvclBhbGV0dGVQcmV2aWV3Q29tcG9uZW50IH1dXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBWENvbG9yUGFsZXR0ZVByZXZpZXdDb21wb25lbnQgZXh0ZW5kcyBBWEJhc2VDb21wb25lbnQge1xyXG5cclxuXHJcbiAgICBjb25zdHJ1Y3RvcihcclxuICAgICAgICBfZWxlbWVudFJlZjogRWxlbWVudFJlZixcclxuICAgICAgICBfY2RyOiBDaGFuZ2VEZXRlY3RvclJlZixcclxuICAgICAgICBAT3B0aW9uYWwoKVxyXG4gICAgICAgIEBJbmplY3QoQVhDb2xvckNvbXBvbmVudClcclxuICAgICAgICBwdWJsaWMgIF9wYXJlbnQ6IEFYQ29sb3JDb21wb25lbnQsXHJcbiAgICAgICAgcHJpdmF0ZSBfem9uZTogTmdab25lXHJcbiAgICApIHtcclxuICAgICAgICBzdXBlcihfZWxlbWVudFJlZiwgX2Nkcik7XHJcbiAgICAgICAgX3BhcmVudC5fb25JbnRlcm5hbENvbG9yQ2hhbmdlZCRcclxuICAgICAgICAgICAgLnBpcGUoZGlzdGluY3RVbnRpbENoYW5nZWQoKSlcclxuICAgICAgICAgICAgLnN1YnNjcmliZShlID0+IHtcclxuICAgICAgICAgICAgICAgIF96b25lLnJ1bk91dHNpZGVBbmd1bGFyKCgpID0+IHtcclxuICAgICAgICAgICAgICAgICAgICB0aGlzLl9nZXRJbm5lckVsZW1lbnQoKS5zdHlsZS5iYWNrZ3JvdW5kQ29sb3IgPSBlLmNvbG9yO1xyXG4gICAgICAgICAgICAgICAgICAgIHRoaXMuX2dldElubmVyRWxlbWVudCgpLmlubmVyVGV4dCA9IGUuY29sb3IgPyBBWENvbG9yVXRpbC50b1N0cmluZyhlLmNvbG9yLCBlLm1vZGUpIDogbnVsbDs7XHJcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgY29sb3IgPSBBWENvbG9yVXRpbC50b0hleFN0aW5nKGUuY29sb3IpO1xyXG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IHJhdGlvID0gQVhDb2xvclV0aWwuY29udHJhc3RUb1doaXRlKGNvbG9yKTtcclxuICAgICAgICAgICAgICAgICAgICB0aGlzLl9nZXRIb3N0RWxlbWVudCgpLnN0eWxlLmNvbG9yID0gIShyYXRpbyA+IDIuMCkgPyAnIzAwMCcgOiAnI2ZmZic7XHJcbiAgICAgICAgICAgICAgICB9KTtcclxuICAgICAgICAgICAgfSk7XHJcbiAgICB9XHJcbn1cclxuIl19