npm - @acorex/components - Versions diffs - 7.0.39 → 7.0.41 - Mend

@acorex/components 7.0.39 → 7.0.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (110) hide show

package/esm2020/select-box/src/selectbox.component.mjs CHANGED Viewed

@@ -319,7 +319,7 @@ AXSelectBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", ver
 AXSelectBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: { isOpen: "isOpen", fitParent: "fitParent", dropdownWidth: "dropdownWidth", position: "position", disabled: "disabled", tabIndex: "tabIndex", allowNull: "allowNull", value: "value", name: "name", checked: "checked", placeholder: "placeholder", maxLength: "maxLength", type: "type", autoComplete: "autoComplete", readonly: "readonly", pageSize: "pageSize", items: "items", valueField: "valueField", textField: "textField", disabledField: "disabledField", disabledCallback: "disabledCallback", multiple: "multiple", selectionMode: "selectionMode", clearButton: "clearButton", checkbox: "checkbox" }, outputs: { onOpened: "onOpened", onClosed: "onClosed", onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", onValueChanged: "onValueChanged" }, host: { listeners: { "keydown": "_handleKeydown($event)" }, classAttribute: "ax-editor-container ax-drop-down" }, providers: [
         { provide: AXClosbaleComponent, useExisting: AXSelectBoxComponent },
         { provide: AXSearchableComponent, useExisting: AXSelectBoxComponent },
-    ], queries: [{ propertyName: "_searchBox", first: true, predicate: AXSearchBoxComponent, descendants: true, static: true }, { propertyName: "_contentEmptyTemplate", first: true, predicate: ["emptyTemplate"], descendants: true }], viewQueries: [{ propertyName: "popover", first: true, predicate: AXPopoverComponent, descendants: true, static: true }, { propertyName: "listContainer", first: true, predicate: ["listContainer"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"> </ng-content>\r\n<div\r\n  class=\"ax-dropdown-content\"\r\n  [class.ax-state-disabled]=\"disabled\"\r\n  (click)=\"_handleInputClickEvent($event)\">\r\n  <div\r\n    class=\"ax-select-box-selection\"\r\n    [tabindex]=\"tabIndex\"\r\n    (focus)=\"_emitOnFocusEvent($event)\"\r\n    (blur)=\"_emitOnBlurEvent($event)\">\r\n    <ng-container\r\n      *ngIf=\"selectedItems && selectedItems.length; else showPlaceholder\">\r\n      <ng-container\r\n        *ngIf=\"\r\n          !multiple;\r\n          then singleSelectedTemplate;\r\n          else multipleSelectedTemplate\r\n        \"></ng-container>\r\n      <ng-template #singleSelectedTemplate>\r\n        <ng-container *ngFor=\"let item of selectedItems\">\r\n          <span> {{ _getItemDisplayTextTemplte(item) }}</span>\r\n        </ng-container>\r\n      </ng-template>\r\n      <ng-template #multipleSelectedTemplate>\r\n        <ng-container *ngFor=\"let item of selectedItems\">\r\n          <div class=\"ax-select-multi-item\">\r\n            {{ _getItemDisplayTextTemplte(item) }}\r\n            <span\r\n              class=\"ax-icon ax-icon-close\"\r\n              (click)=\"_handleBadgeRemove($event, item)\">\r\n            </span>\r\n          </div>\r\n        </ng-container>\r\n      </ng-template>\r\n    </ng-container>\r\n    <ng-template #showPlaceholder>\r\n      <div class=\"ax-placeholder\" role=\"textbox\" area-readonly=\"true\">\r\n        {{ placeholder }}\r\n      </div>\r\n    </ng-template>\r\n  </div>\r\n</div>\r\n<ax-button\r\n  color=\"light\"\r\n  look=\"blank\"\r\n  (onClick)=\"clear()\"\r\n  [tabIndex]=\"-1\"\r\n  *ngIf=\"value && clearButton && !(disabled || readonly)\">\r\n  <ax-icon icon=\"ax-icon ax-icon-close\"></ax-icon>\r\n</ax-button>\r\n<button\r\n  [disabled]=\"disabled\"\r\n  [tabIndex]=\"-1\"\r\n  class=\"ax-editor-control\"\r\n  (click)=\"_handleArrowClickEvent($event)\">\r\n  <ng-container *ngIf=\"isLoading && !this.popover.isOpen; else iconTemplate\">\r\n    <ax-loading type=\"spinner\"></ax-loading>\r\n  </ng-container>\r\n  <ng-template #iconTemplate>\r\n    <span\r\n      class=\"ax-icon ax-icon-chevron-left ax-transition-all\"\r\n      [ngClass]=\"{\r\n        '-ax-rotation-90': !isOpen,\r\n        'ax-rotation-90': isOpen\r\n      }\"></span>\r\n  </ng-template>\r\n</button>\r\n<ng-content select=\"ax-validation-rule\"> </ng-content>\r\n<ng-content select=\"ax-suffix\"> </ng-content>\r\n<ax-popover\r\n  [target]=\"_target\"\r\n  [position]=\"position\"\r\n  [openTrigger]=\"'manual'\"\r\n  [closeTrigger]=\"'clickout'\"\r\n  [adaptivityEnabled]=\"true\"\r\n  (onOpened)=\"_handlePopupOnOpened($event)\"\r\n  (onClosed)=\"_handlePopupOnClosed($event)\">\r\n  <div\r\n    class=\"ax-overlay-pane\"\r\n    (keydown)=\"_handlePopoverKeydown($event)\"\r\n    tabindex=\"0\"\r\n    aria-modal=\"true\"\r\n    cdkTrapFocus\r\n    [class.ax-overlay-actionsheet]=\"_isActionSheet\"\r\n    [class.ax-full]=\"_searchBox || isLazy\"\r\n    [style.min-width.px]=\"_popoverWidth\">\r\n    <div class=\"ax-list\">\r\n      <ax-header *ngIf=\"_isActionSheet\">\r\n        <ax-title>{{ _popoverTitle }}</ax-title>\r\n        <ax-close-button\r\n          class=\"ax-icon\"\r\n          [icon]=\"\r\n            multiple ? 'ax-icon-done !ax-text-primary-500' : 'ax-icon-close'\r\n          \"></ax-close-button>\r\n      </ax-header>\r\n      <div\r\n        class=\"ax-search-box-container\"\r\n        [class.ax-state-hidden]=\"!_searchBox\"\r\n        [cdkTrapFocus]=\"_searchBox != null\">\r\n        <ng-content select=\"ax-search-box\"></ng-content>\r\n      </div>\r\n      <div\r\n        class=\"ax-content ax-list-items-container ax-default\"\r\n        (scroll)=\"_handleListScroll($event)\"\r\n        #listContainer>\r\n        <ng-container *ngIf=\"displayItems.length; else tmpEmpty\">\r\n          <ul>\r\n            <ng-container\r\n              *ngTemplateOutlet=\"tmpTree; context: { list: displayItems }\">\r\n            </ng-container>\r\n            <ng-template #tmpTree let-list=\"list\">\r\n              <ng-container\r\n                *ngFor=\"\r\n                  let item of list;\r\n                  let i = index;\r\n                  trackBy: _trackByFunction\r\n                \">\r\n                <ng-container *ngIf=\"itemTemplate; else defualtTemplate\">\r\n                  <li\r\n                    class=\"ax-list-item\"\r\n                    (click)=\"_handleOnItemClick($event, item)\"\r\n                    [attr.data-id]=\"item[this.valueField]\">\r\n                    <ng-container\r\n                      *ngTemplateOutlet=\"\r\n                        itemTemplate;\r\n                        context: { $implicit: item, direction: direction }\r\n                      \">\r\n                    </ng-container>\r\n                  </li>\r\n                </ng-container>\r\n                <ng-template #defualtTemplate>\r\n                  <ng-container *ngIf=\"item.children?.length > 0; else tmpItem\">\r\n                    <li\r\n                      class=\"ax-list-item-group\"\r\n                      [attr.data-id]=\"item[this.valueField]\">\r\n                      <span> {{ _getItemDisplayTextTemplte(item) }}</span>\r\n                      <ul *ngIf=\"item.children?.length > 0\">\r\n                        <ng-container\r\n                          *ngTemplateOutlet=\"\r\n                            tmpTree;\r\n                            context: { list: item.children }\r\n                          \">\r\n                        </ng-container>\r\n                      </ul>\r\n                    </li>\r\n                  </ng-container>\r\n                  <ng-template #tmpItem>\r\n                    <ng-container *ngIf=\"!multiple; else multipleTemplate\">\r\n                      <li\r\n                        class=\"ax-list-item\"\r\n                        [class.ax-state-selected]=\"isItemSelected(item)\"\r\n                        [class.ax-state-disabled]=\"isItemDisabled(item)\"\r\n                        [attr.tabindex]=\"i\"\r\n                        (click)=\"_handleOnItemClick($event, item)\"\r\n                        [attr.data-id]=\"item[this.valueField]\">\r\n                        <span> {{ _getItemDisplayTextTemplte(item) }}</span>\r\n                        <span\r\n                          class=\"ax-icon ax-icon-done ax-selected-icon\"\r\n                          *ngIf=\"isItemSelected(item)\"></span>\r\n                      </li>\r\n                    </ng-container>\r\n                    <ng-template #multipleTemplate>\r\n                      <li\r\n                        class=\"ax-list-item\"\r\n                        [class.ax-state-selected]=\"isItemSelected(item)\"\r\n                        [class.ax-state-disabled]=\"isItemDisabled(item)\"\r\n                        [class.ax-state-checkbox]=\"checkbox\"\r\n                        [attr.tabindex]=\"i\"\r\n                        (click)=\"_handleOnItemClick($event, item)\"\r\n                        [attr.data-id]=\"item[this.valueField]\">\r\n                        <span>\r\n                          <input\r\n                            class=\"ax-checkbox\"\r\n                            type=\"checkbox\"\r\n                            [class.ax-state-disabled]=\"isItemDisabled(item)\"\r\n                            *ngIf=\"checkbox\"\r\n                            [checked]=\"isItemSelected(item)\"\r\n                            [disabled]=\"isItemDisabled(item)\" />\r\n                          <span class=\"ax-checkbox-label\">{{\r\n                            _getItemDisplayTextTemplte(item)\r\n                          }}</span>\r\n                        </span>\r\n                        <span\r\n                          class=\"ax-icon ax-icon-done ax-selected-icon\"\r\n                          *ngIf=\"isItemSelected(item) && !checkbox\"></span>\r\n                      </li>\r\n                    </ng-template>\r\n                  </ng-template>\r\n                </ng-template>\r\n              </ng-container>\r\n            </ng-template>\r\n          </ul>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"isLoading\">\r\n          <ng-container *ngIf=\"loadingTemplate; else elseLoadingTemplate\">\r\n            <ng-container *ngTemplateOutlet=\"loadingTemplate\"> </ng-container>\r\n          </ng-container>\r\n          <ng-template #elseLoadingTemplate>\r\n            <div class=\"ax-flex ax-items-center ax-justify-center ax-p-4\">\r\n              <ax-loading\r\n                text=\"{{ 'layout.loading.text' | trans }}\"></ax-loading>\r\n            </div>\r\n          </ng-template>\r\n        </ng-container>\r\n        <ng-template #tmpEmpty>\r\n          <ng-container *ngIf=\"!isLoading\">\r\n            <ng-container *ngIf=\"emptyTemplate; else elseEmptyTemplate\">\r\n              <ng-container *ngTemplateOutlet=\"emptyTemplate\"> </ng-container>\r\n            </ng-container>\r\n            <ng-template #elseEmptyTemplate>\r\n              <div\r\n                class=\"ax-flex ax-items-center ax-justify-center ax-p-4\"\r\n                [innerHTML]=\"\r\n                  'common.no-result-for'\r\n                    | trans\r\n                      : {\r\n                          exp: this._searchBox ? this._searchBox.searchExp : ''\r\n                        }\r\n                \"></div>\r\n            </ng-template>\r\n          </ng-container>\r\n        </ng-template>\r\n      </div>\r\n      <!-- <div class=\"ax-list-items-container ax-vertical ax-default\" [class.ax-full]=\"_isMobile\"\r\n                >\r\n               \r\n            </div> -->\r\n      <!-- <div class=\"ax-footer\">footer</div> -->\r\n    </div>\r\n  </div>\r\n</ax-popover>\r\n", styles: ["ax-select-box .ax-select-multi-item{display:flex;align-items:center;padding:.25rem .5rem;background-color:rgba(var(--ax-color-on-surface));border-radius:var(--ax-rounded-border-default);margin-inline-end:.5rem}ax-select-box .ax-select-multi-item .ax-icon-close{cursor:pointer;margin-inline-start:.5rem}ax-select-box .ax-select-box-selection{display:flex;justify-content:center;align-items:center;outline-color:transparent;padding:0 .5rem}ax-select-box .ax-select-box-selection .ax-selectbox-input{opacity:0;width:0}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.AXDecoratorHeaderComponent, selector: "ax-header" }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorTitleComponent, selector: "ax-title" }, { kind: "component", type: i3.AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["icon"] }, { kind: "component", type: i4.AXPopoverComponent, selector: "ax-popover", inputs: ["target", "position", "openTrigger", "closeTrigger", "hasBackdrop", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: i5.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }, { kind: "component", type: i6.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "text"], outputs: ["visibleChange"] }, { kind: "directive", type: i7.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "trans" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    ], queries: [{ propertyName: "_searchBox", first: true, predicate: AXSearchBoxComponent, descendants: true, static: true }, { propertyName: "_contentEmptyTemplate", first: true, predicate: ["emptyTemplate"], descendants: true }], viewQueries: [{ propertyName: "popover", first: true, predicate: AXPopoverComponent, descendants: true, static: true }, { propertyName: "listContainer", first: true, predicate: ["listContainer"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"> </ng-content>\r\n<div\r\n  class=\"ax-dropdown-content\"\r\n  [class.ax-state-disabled]=\"disabled\"\r\n  (click)=\"_handleInputClickEvent($event)\">\r\n  <div\r\n    class=\"ax-select-box-selection\"\r\n    [tabindex]=\"tabIndex\"\r\n    (focus)=\"_emitOnFocusEvent($event)\"\r\n    (blur)=\"_emitOnBlurEvent($event)\">\r\n    <ng-container\r\n      *ngIf=\"selectedItems && selectedItems.length; else showPlaceholder\">\r\n      <ng-container\r\n        *ngIf=\"\r\n          !multiple;\r\n          then singleSelectedTemplate;\r\n          else multipleSelectedTemplate\r\n        \"></ng-container>\r\n      <ng-template #singleSelectedTemplate>\r\n        <ng-container *ngFor=\"let item of selectedItems\">\r\n          <span> {{ _getItemDisplayTextTemplte(item) }}</span>\r\n        </ng-container>\r\n      </ng-template>\r\n      <ng-template #multipleSelectedTemplate>\r\n        <ng-container *ngFor=\"let item of selectedItems\">\r\n          <div class=\"ax-select-multi-item\">\r\n            {{ _getItemDisplayTextTemplte(item) }}\r\n            <span\r\n              class=\"ax-icon ax-icon-close\"\r\n              (click)=\"_handleBadgeRemove($event, item)\">\r\n            </span>\r\n          </div>\r\n        </ng-container>\r\n      </ng-template>\r\n    </ng-container>\r\n    <ng-template #showPlaceholder>\r\n      <div class=\"ax-placeholder\" role=\"textbox\" area-readonly=\"true\">\r\n        {{ placeholder }}\r\n      </div>\r\n    </ng-template>\r\n  </div>\r\n</div>\r\n<ax-button\r\n  color=\"light\"\r\n  look=\"blank\"\r\n  (onClick)=\"clear()\"\r\n  [tabIndex]=\"-1\"\r\n  *ngIf=\"value && clearButton && !(disabled || readonly)\">\r\n  <ax-icon icon=\"ax-icon ax-icon-close\"></ax-icon>\r\n</ax-button>\r\n<button\r\n  [disabled]=\"disabled\"\r\n  [tabIndex]=\"-1\"\r\n  class=\"ax-editor-control\"\r\n  (click)=\"_handleArrowClickEvent($event)\">\r\n  <ng-container *ngIf=\"isLoading && !this.popover.isOpen; else iconTemplate\">\r\n    <ax-loading type=\"spinner\"></ax-loading>\r\n  </ng-container>\r\n  <ng-template #iconTemplate>\r\n    <span\r\n      class=\"ax-icon ax-icon-chevron-left ax-transition-all\"\r\n      [ngClass]=\"{\r\n        '-ax-rotation-90': !isOpen,\r\n        'ax-rotation-90': isOpen\r\n      }\"></span>\r\n  </ng-template>\r\n</button>\r\n<ng-content select=\"ax-validation-rule\"> </ng-content>\r\n<ng-content select=\"ax-suffix\"> </ng-content>\r\n<ax-popover\r\n  [target]=\"_target\"\r\n  [position]=\"position\"\r\n  [openTrigger]=\"'manual'\"\r\n  [closeTrigger]=\"'clickout'\"\r\n  [adaptivityEnabled]=\"true\"\r\n  (onOpened)=\"_handlePopupOnOpened($event)\"\r\n  (onClosed)=\"_handlePopupOnClosed($event)\">\r\n  <div\r\n    class=\"ax-overlay-pane\"\r\n    (keydown)=\"_handlePopoverKeydown($event)\"\r\n    tabindex=\"0\"\r\n    aria-modal=\"true\"\r\n    cdkTrapFocus\r\n    [class.ax-overlay-actionsheet]=\"_isActionSheet\"\r\n    [class.ax-full]=\"_searchBox || isLazy\"\r\n    [style.min-width.px]=\"_popoverWidth\">\r\n    <div class=\"ax-list\">\r\n      <ax-header *ngIf=\"_isActionSheet\">\r\n        <ax-title>{{ _popoverTitle }}</ax-title>\r\n        <ax-close-button\r\n          class=\"ax-icon\"\r\n          [icon]=\"\r\n            multiple ? 'ax-icon-done !ax-text-primary-500' : 'ax-icon-close'\r\n          \"></ax-close-button>\r\n      </ax-header>\r\n      <div\r\n        class=\"ax-search-box-container\"\r\n        [class.ax-state-hidden]=\"!_searchBox\"\r\n        [cdkTrapFocus]=\"_searchBox != null\">\r\n        <ng-content select=\"ax-search-box\"></ng-content>\r\n      </div>\r\n      <div\r\n        class=\"ax-content ax-list-items-container ax-default\"\r\n        (scroll)=\"_handleListScroll($event)\"\r\n        #listContainer>\r\n        <ng-container *ngIf=\"displayItems.length; else tmpEmpty\">\r\n          <ul>\r\n            <ng-container\r\n              *ngTemplateOutlet=\"tmpTree; context: { list: displayItems }\">\r\n            </ng-container>\r\n            <ng-template #tmpTree let-list=\"list\">\r\n              <ng-container\r\n                *ngFor=\"\r\n                  let item of list;\r\n                  let i = index;\r\n                  trackBy: _trackByFunction\r\n                \">\r\n                <ng-container *ngIf=\"itemTemplate; else defualtTemplate\">\r\n                  <li\r\n                    class=\"ax-list-item\"\r\n                    (click)=\"_handleOnItemClick($event, item)\"\r\n                    [attr.data-id]=\"item[this.valueField]\">\r\n                    <ng-container\r\n                      *ngTemplateOutlet=\"\r\n                        itemTemplate;\r\n                        context: { $implicit: item, direction: direction }\r\n                      \">\r\n                    </ng-container>\r\n                  </li>\r\n                </ng-container>\r\n                <ng-template #defualtTemplate>\r\n                  <ng-container *ngIf=\"item.children?.length > 0; else tmpItem\">\r\n                    <li\r\n                      class=\"ax-list-item-group\"\r\n                      [attr.data-id]=\"item[this.valueField]\">\r\n                      <span> {{ _getItemDisplayTextTemplte(item) }}</span>\r\n                      <ul *ngIf=\"item.children?.length > 0\">\r\n                        <ng-container\r\n                          *ngTemplateOutlet=\"\r\n                            tmpTree;\r\n                            context: { list: item.children }\r\n                          \">\r\n                        </ng-container>\r\n                      </ul>\r\n                    </li>\r\n                  </ng-container>\r\n                  <ng-template #tmpItem>\r\n                    <ng-container *ngIf=\"!multiple; else multipleTemplate\">\r\n                      <li\r\n                        class=\"ax-list-item\"\r\n                        [class.ax-state-selected]=\"isItemSelected(item)\"\r\n                        [class.ax-state-disabled]=\"isItemDisabled(item)\"\r\n                        [attr.tabindex]=\"i\"\r\n                        (click)=\"_handleOnItemClick($event, item)\"\r\n                        [attr.data-id]=\"item[this.valueField]\">\r\n                        <span> {{ _getItemDisplayTextTemplte(item) }}</span>\r\n                        <span\r\n                          class=\"ax-icon ax-icon-done ax-selected-icon\"\r\n                          *ngIf=\"isItemSelected(item)\"></span>\r\n                      </li>\r\n                    </ng-container>\r\n                    <ng-template #multipleTemplate>\r\n                      <li\r\n                        class=\"ax-list-item\"\r\n                        [class.ax-state-selected]=\"isItemSelected(item)\"\r\n                        [class.ax-state-disabled]=\"isItemDisabled(item)\"\r\n                        [class.ax-state-checkbox]=\"checkbox\"\r\n                        [attr.tabindex]=\"i\"\r\n                        (click)=\"_handleOnItemClick($event, item)\"\r\n                        [attr.data-id]=\"item[this.valueField]\">\r\n                        <span>\r\n                          <input\r\n                            class=\"ax-checkbox\"\r\n                            type=\"checkbox\"\r\n                            [class.ax-state-disabled]=\"isItemDisabled(item)\"\r\n                            *ngIf=\"checkbox\"\r\n                            [checked]=\"isItemSelected(item)\"\r\n                            [disabled]=\"isItemDisabled(item)\" />\r\n                          <span class=\"ax-checkbox-label\">{{\r\n                            _getItemDisplayTextTemplte(item)\r\n                          }}</span>\r\n                        </span>\r\n                        <span\r\n                          class=\"ax-icon ax-icon-done ax-selected-icon\"\r\n                          *ngIf=\"isItemSelected(item) && !checkbox\"></span>\r\n                      </li>\r\n                    </ng-template>\r\n                  </ng-template>\r\n                </ng-template>\r\n              </ng-container>\r\n            </ng-template>\r\n          </ul>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"isLoading\">\r\n          <ng-container *ngIf=\"loadingTemplate; else elseLoadingTemplate\">\r\n            <ng-container *ngTemplateOutlet=\"loadingTemplate\"> </ng-container>\r\n          </ng-container>\r\n          <ng-template #elseLoadingTemplate>\r\n            <div class=\"ax-flex ax-items-center ax-justify-center ax-p-4\">\r\n              <ax-loading\r\n                text=\"{{ 'layout.loading.text' | trans }}\"></ax-loading>\r\n            </div>\r\n          </ng-template>\r\n        </ng-container>\r\n        <ng-template #tmpEmpty>\r\n          <ng-container *ngIf=\"!isLoading\">\r\n            <ng-container *ngIf=\"emptyTemplate; else elseEmptyTemplate\">\r\n              <ng-container *ngTemplateOutlet=\"emptyTemplate\"> </ng-container>\r\n            </ng-container>\r\n            <ng-template #elseEmptyTemplate>\r\n              <div\r\n                class=\"ax-flex ax-items-center ax-justify-center ax-p-4\"\r\n                [innerHTML]=\"\r\n                  'common.no-result-for'\r\n                    | trans\r\n                      : {\r\n                          exp: this._searchBox ? this._searchBox.searchExp : ''\r\n                        }\r\n                \"></div>\r\n            </ng-template>\r\n          </ng-container>\r\n        </ng-template>\r\n      </div>\r\n      <!-- <div class=\"ax-list-items-container ax-vertical ax-default\" [class.ax-full]=\"_isMobile\"\r\n                >\r\n               \r\n            </div> -->\r\n      <!-- <div class=\"ax-footer\">footer</div> -->\r\n    </div>\r\n  </div>\r\n</ax-popover>\r\n", styles: ["ax-select-box .ax-select-multi-item{display:flex;align-items:center;padding:.25rem .5rem;background-color:rgba(var(--ax-color-on-surface));border-radius:var(--ax-rounded-border-default);margin-inline-end:.5rem}ax-select-box .ax-select-multi-item .ax-icon-close{cursor:pointer;margin-inline-start:.5rem}ax-select-box .ax-select-box-selection{display:flex;justify-content:center;align-items:center;outline-color:transparent;padding:0 .5rem;outline:transparent;-webkit-user-select:none;user-select:none}ax-select-box .ax-select-box-selection .ax-selectbox-input{opacity:0;width:0}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.AXDecoratorHeaderComponent, selector: "ax-header" }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorTitleComponent, selector: "ax-title" }, { kind: "component", type: i3.AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["icon"] }, { kind: "component", type: i4.AXPopoverComponent, selector: "ax-popover", inputs: ["target", "position", "openTrigger", "closeTrigger", "hasBackdrop", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: i5.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }, { kind: "component", type: i6.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "text"], outputs: ["visibleChange"] }, { kind: "directive", type: i7.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "trans" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXSelectBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-select-box', inputs: [
@@ -356,7 +356,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
                     ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         { provide: AXClosbaleComponent, useExisting: AXSelectBoxComponent },
                         { provide: AXSearchableComponent, useExisting: AXSelectBoxComponent },
-                    ], host: { class: 'ax-editor-container ax-drop-down' }, template: "<ng-content select=\"ax-prefix\"> </ng-content>\r\n<div\r\n  class=\"ax-dropdown-content\"\r\n  [class.ax-state-disabled]=\"disabled\"\r\n  (click)=\"_handleInputClickEvent($event)\">\r\n  <div\r\n    class=\"ax-select-box-selection\"\r\n    [tabindex]=\"tabIndex\"\r\n    (focus)=\"_emitOnFocusEvent($event)\"\r\n    (blur)=\"_emitOnBlurEvent($event)\">\r\n    <ng-container\r\n      *ngIf=\"selectedItems && selectedItems.length; else showPlaceholder\">\r\n      <ng-container\r\n        *ngIf=\"\r\n          !multiple;\r\n          then singleSelectedTemplate;\r\n          else multipleSelectedTemplate\r\n        \"></ng-container>\r\n      <ng-template #singleSelectedTemplate>\r\n        <ng-container *ngFor=\"let item of selectedItems\">\r\n          <span> {{ _getItemDisplayTextTemplte(item) }}</span>\r\n        </ng-container>\r\n      </ng-template>\r\n      <ng-template #multipleSelectedTemplate>\r\n        <ng-container *ngFor=\"let item of selectedItems\">\r\n          <div class=\"ax-select-multi-item\">\r\n            {{ _getItemDisplayTextTemplte(item) }}\r\n            <span\r\n              class=\"ax-icon ax-icon-close\"\r\n              (click)=\"_handleBadgeRemove($event, item)\">\r\n            </span>\r\n          </div>\r\n        </ng-container>\r\n      </ng-template>\r\n    </ng-container>\r\n    <ng-template #showPlaceholder>\r\n      <div class=\"ax-placeholder\" role=\"textbox\" area-readonly=\"true\">\r\n        {{ placeholder }}\r\n      </div>\r\n    </ng-template>\r\n  </div>\r\n</div>\r\n<ax-button\r\n  color=\"light\"\r\n  look=\"blank\"\r\n  (onClick)=\"clear()\"\r\n  [tabIndex]=\"-1\"\r\n  *ngIf=\"value && clearButton && !(disabled || readonly)\">\r\n  <ax-icon icon=\"ax-icon ax-icon-close\"></ax-icon>\r\n</ax-button>\r\n<button\r\n  [disabled]=\"disabled\"\r\n  [tabIndex]=\"-1\"\r\n  class=\"ax-editor-control\"\r\n  (click)=\"_handleArrowClickEvent($event)\">\r\n  <ng-container *ngIf=\"isLoading && !this.popover.isOpen; else iconTemplate\">\r\n    <ax-loading type=\"spinner\"></ax-loading>\r\n  </ng-container>\r\n  <ng-template #iconTemplate>\r\n    <span\r\n      class=\"ax-icon ax-icon-chevron-left ax-transition-all\"\r\n      [ngClass]=\"{\r\n        '-ax-rotation-90': !isOpen,\r\n        'ax-rotation-90': isOpen\r\n      }\"></span>\r\n  </ng-template>\r\n</button>\r\n<ng-content select=\"ax-validation-rule\"> </ng-content>\r\n<ng-content select=\"ax-suffix\"> </ng-content>\r\n<ax-popover\r\n  [target]=\"_target\"\r\n  [position]=\"position\"\r\n  [openTrigger]=\"'manual'\"\r\n  [closeTrigger]=\"'clickout'\"\r\n  [adaptivityEnabled]=\"true\"\r\n  (onOpened)=\"_handlePopupOnOpened($event)\"\r\n  (onClosed)=\"_handlePopupOnClosed($event)\">\r\n  <div\r\n    class=\"ax-overlay-pane\"\r\n    (keydown)=\"_handlePopoverKeydown($event)\"\r\n    tabindex=\"0\"\r\n    aria-modal=\"true\"\r\n    cdkTrapFocus\r\n    [class.ax-overlay-actionsheet]=\"_isActionSheet\"\r\n    [class.ax-full]=\"_searchBox || isLazy\"\r\n    [style.min-width.px]=\"_popoverWidth\">\r\n    <div class=\"ax-list\">\r\n      <ax-header *ngIf=\"_isActionSheet\">\r\n        <ax-title>{{ _popoverTitle }}</ax-title>\r\n        <ax-close-button\r\n          class=\"ax-icon\"\r\n          [icon]=\"\r\n            multiple ? 'ax-icon-done !ax-text-primary-500' : 'ax-icon-close'\r\n          \"></ax-close-button>\r\n      </ax-header>\r\n      <div\r\n        class=\"ax-search-box-container\"\r\n        [class.ax-state-hidden]=\"!_searchBox\"\r\n        [cdkTrapFocus]=\"_searchBox != null\">\r\n        <ng-content select=\"ax-search-box\"></ng-content>\r\n      </div>\r\n      <div\r\n        class=\"ax-content ax-list-items-container ax-default\"\r\n        (scroll)=\"_handleListScroll($event)\"\r\n        #listContainer>\r\n        <ng-container *ngIf=\"displayItems.length; else tmpEmpty\">\r\n          <ul>\r\n            <ng-container\r\n              *ngTemplateOutlet=\"tmpTree; context: { list: displayItems }\">\r\n            </ng-container>\r\n            <ng-template #tmpTree let-list=\"list\">\r\n              <ng-container\r\n                *ngFor=\"\r\n                  let item of list;\r\n                  let i = index;\r\n                  trackBy: _trackByFunction\r\n                \">\r\n                <ng-container *ngIf=\"itemTemplate; else defualtTemplate\">\r\n                  <li\r\n                    class=\"ax-list-item\"\r\n                    (click)=\"_handleOnItemClick($event, item)\"\r\n                    [attr.data-id]=\"item[this.valueField]\">\r\n                    <ng-container\r\n                      *ngTemplateOutlet=\"\r\n                        itemTemplate;\r\n                        context: { $implicit: item, direction: direction }\r\n                      \">\r\n                    </ng-container>\r\n                  </li>\r\n                </ng-container>\r\n                <ng-template #defualtTemplate>\r\n                  <ng-container *ngIf=\"item.children?.length > 0; else tmpItem\">\r\n                    <li\r\n                      class=\"ax-list-item-group\"\r\n                      [attr.data-id]=\"item[this.valueField]\">\r\n                      <span> {{ _getItemDisplayTextTemplte(item) }}</span>\r\n                      <ul *ngIf=\"item.children?.length > 0\">\r\n                        <ng-container\r\n                          *ngTemplateOutlet=\"\r\n                            tmpTree;\r\n                            context: { list: item.children }\r\n                          \">\r\n                        </ng-container>\r\n                      </ul>\r\n                    </li>\r\n                  </ng-container>\r\n                  <ng-template #tmpItem>\r\n                    <ng-container *ngIf=\"!multiple; else multipleTemplate\">\r\n                      <li\r\n                        class=\"ax-list-item\"\r\n                        [class.ax-state-selected]=\"isItemSelected(item)\"\r\n                        [class.ax-state-disabled]=\"isItemDisabled(item)\"\r\n                        [attr.tabindex]=\"i\"\r\n                        (click)=\"_handleOnItemClick($event, item)\"\r\n                        [attr.data-id]=\"item[this.valueField]\">\r\n                        <span> {{ _getItemDisplayTextTemplte(item) }}</span>\r\n                        <span\r\n                          class=\"ax-icon ax-icon-done ax-selected-icon\"\r\n                          *ngIf=\"isItemSelected(item)\"></span>\r\n                      </li>\r\n                    </ng-container>\r\n                    <ng-template #multipleTemplate>\r\n                      <li\r\n                        class=\"ax-list-item\"\r\n                        [class.ax-state-selected]=\"isItemSelected(item)\"\r\n                        [class.ax-state-disabled]=\"isItemDisabled(item)\"\r\n                        [class.ax-state-checkbox]=\"checkbox\"\r\n                        [attr.tabindex]=\"i\"\r\n                        (click)=\"_handleOnItemClick($event, item)\"\r\n                        [attr.data-id]=\"item[this.valueField]\">\r\n                        <span>\r\n                          <input\r\n                            class=\"ax-checkbox\"\r\n                            type=\"checkbox\"\r\n                            [class.ax-state-disabled]=\"isItemDisabled(item)\"\r\n                            *ngIf=\"checkbox\"\r\n                            [checked]=\"isItemSelected(item)\"\r\n                            [disabled]=\"isItemDisabled(item)\" />\r\n                          <span class=\"ax-checkbox-label\">{{\r\n                            _getItemDisplayTextTemplte(item)\r\n                          }}</span>\r\n                        </span>\r\n                        <span\r\n                          class=\"ax-icon ax-icon-done ax-selected-icon\"\r\n                          *ngIf=\"isItemSelected(item) && !checkbox\"></span>\r\n                      </li>\r\n                    </ng-template>\r\n                  </ng-template>\r\n                </ng-template>\r\n              </ng-container>\r\n            </ng-template>\r\n          </ul>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"isLoading\">\r\n          <ng-container *ngIf=\"loadingTemplate; else elseLoadingTemplate\">\r\n            <ng-container *ngTemplateOutlet=\"loadingTemplate\"> </ng-container>\r\n          </ng-container>\r\n          <ng-template #elseLoadingTemplate>\r\n            <div class=\"ax-flex ax-items-center ax-justify-center ax-p-4\">\r\n              <ax-loading\r\n                text=\"{{ 'layout.loading.text' | trans }}\"></ax-loading>\r\n            </div>\r\n          </ng-template>\r\n        </ng-container>\r\n        <ng-template #tmpEmpty>\r\n          <ng-container *ngIf=\"!isLoading\">\r\n            <ng-container *ngIf=\"emptyTemplate; else elseEmptyTemplate\">\r\n              <ng-container *ngTemplateOutlet=\"emptyTemplate\"> </ng-container>\r\n            </ng-container>\r\n            <ng-template #elseEmptyTemplate>\r\n              <div\r\n                class=\"ax-flex ax-items-center ax-justify-center ax-p-4\"\r\n                [innerHTML]=\"\r\n                  'common.no-result-for'\r\n                    | trans\r\n                      : {\r\n                          exp: this._searchBox ? this._searchBox.searchExp : ''\r\n                        }\r\n                \"></div>\r\n            </ng-template>\r\n          </ng-container>\r\n        </ng-template>\r\n      </div>\r\n      <!-- <div class=\"ax-list-items-container ax-vertical ax-default\" [class.ax-full]=\"_isMobile\"\r\n                >\r\n               \r\n            </div> -->\r\n      <!-- <div class=\"ax-footer\">footer</div> -->\r\n    </div>\r\n  </div>\r\n</ax-popover>\r\n", styles: ["ax-select-box .ax-select-multi-item{display:flex;align-items:center;padding:.25rem .5rem;background-color:rgba(var(--ax-color-on-surface));border-radius:var(--ax-rounded-border-default);margin-inline-end:.5rem}ax-select-box .ax-select-multi-item .ax-icon-close{cursor:pointer;margin-inline-start:.5rem}ax-select-box .ax-select-box-selection{display:flex;justify-content:center;align-items:center;outline-color:transparent;padding:0 .5rem}ax-select-box .ax-select-box-selection .ax-selectbox-input{opacity:0;width:0}\n"] }]
+                    ], host: { class: 'ax-editor-container ax-drop-down' }, template: "<ng-content select=\"ax-prefix\"> </ng-content>\r\n<div\r\n  class=\"ax-dropdown-content\"\r\n  [class.ax-state-disabled]=\"disabled\"\r\n  (click)=\"_handleInputClickEvent($event)\">\r\n  <div\r\n    class=\"ax-select-box-selection\"\r\n    [tabindex]=\"tabIndex\"\r\n    (focus)=\"_emitOnFocusEvent($event)\"\r\n    (blur)=\"_emitOnBlurEvent($event)\">\r\n    <ng-container\r\n      *ngIf=\"selectedItems && selectedItems.length; else showPlaceholder\">\r\n      <ng-container\r\n        *ngIf=\"\r\n          !multiple;\r\n          then singleSelectedTemplate;\r\n          else multipleSelectedTemplate\r\n        \"></ng-container>\r\n      <ng-template #singleSelectedTemplate>\r\n        <ng-container *ngFor=\"let item of selectedItems\">\r\n          <span> {{ _getItemDisplayTextTemplte(item) }}</span>\r\n        </ng-container>\r\n      </ng-template>\r\n      <ng-template #multipleSelectedTemplate>\r\n        <ng-container *ngFor=\"let item of selectedItems\">\r\n          <div class=\"ax-select-multi-item\">\r\n            {{ _getItemDisplayTextTemplte(item) }}\r\n            <span\r\n              class=\"ax-icon ax-icon-close\"\r\n              (click)=\"_handleBadgeRemove($event, item)\">\r\n            </span>\r\n          </div>\r\n        </ng-container>\r\n      </ng-template>\r\n    </ng-container>\r\n    <ng-template #showPlaceholder>\r\n      <div class=\"ax-placeholder\" role=\"textbox\" area-readonly=\"true\">\r\n        {{ placeholder }}\r\n      </div>\r\n    </ng-template>\r\n  </div>\r\n</div>\r\n<ax-button\r\n  color=\"light\"\r\n  look=\"blank\"\r\n  (onClick)=\"clear()\"\r\n  [tabIndex]=\"-1\"\r\n  *ngIf=\"value && clearButton && !(disabled || readonly)\">\r\n  <ax-icon icon=\"ax-icon ax-icon-close\"></ax-icon>\r\n</ax-button>\r\n<button\r\n  [disabled]=\"disabled\"\r\n  [tabIndex]=\"-1\"\r\n  class=\"ax-editor-control\"\r\n  (click)=\"_handleArrowClickEvent($event)\">\r\n  <ng-container *ngIf=\"isLoading && !this.popover.isOpen; else iconTemplate\">\r\n    <ax-loading type=\"spinner\"></ax-loading>\r\n  </ng-container>\r\n  <ng-template #iconTemplate>\r\n    <span\r\n      class=\"ax-icon ax-icon-chevron-left ax-transition-all\"\r\n      [ngClass]=\"{\r\n        '-ax-rotation-90': !isOpen,\r\n        'ax-rotation-90': isOpen\r\n      }\"></span>\r\n  </ng-template>\r\n</button>\r\n<ng-content select=\"ax-validation-rule\"> </ng-content>\r\n<ng-content select=\"ax-suffix\"> </ng-content>\r\n<ax-popover\r\n  [target]=\"_target\"\r\n  [position]=\"position\"\r\n  [openTrigger]=\"'manual'\"\r\n  [closeTrigger]=\"'clickout'\"\r\n  [adaptivityEnabled]=\"true\"\r\n  (onOpened)=\"_handlePopupOnOpened($event)\"\r\n  (onClosed)=\"_handlePopupOnClosed($event)\">\r\n  <div\r\n    class=\"ax-overlay-pane\"\r\n    (keydown)=\"_handlePopoverKeydown($event)\"\r\n    tabindex=\"0\"\r\n    aria-modal=\"true\"\r\n    cdkTrapFocus\r\n    [class.ax-overlay-actionsheet]=\"_isActionSheet\"\r\n    [class.ax-full]=\"_searchBox || isLazy\"\r\n    [style.min-width.px]=\"_popoverWidth\">\r\n    <div class=\"ax-list\">\r\n      <ax-header *ngIf=\"_isActionSheet\">\r\n        <ax-title>{{ _popoverTitle }}</ax-title>\r\n        <ax-close-button\r\n          class=\"ax-icon\"\r\n          [icon]=\"\r\n            multiple ? 'ax-icon-done !ax-text-primary-500' : 'ax-icon-close'\r\n          \"></ax-close-button>\r\n      </ax-header>\r\n      <div\r\n        class=\"ax-search-box-container\"\r\n        [class.ax-state-hidden]=\"!_searchBox\"\r\n        [cdkTrapFocus]=\"_searchBox != null\">\r\n        <ng-content select=\"ax-search-box\"></ng-content>\r\n      </div>\r\n      <div\r\n        class=\"ax-content ax-list-items-container ax-default\"\r\n        (scroll)=\"_handleListScroll($event)\"\r\n        #listContainer>\r\n        <ng-container *ngIf=\"displayItems.length; else tmpEmpty\">\r\n          <ul>\r\n            <ng-container\r\n              *ngTemplateOutlet=\"tmpTree; context: { list: displayItems }\">\r\n            </ng-container>\r\n            <ng-template #tmpTree let-list=\"list\">\r\n              <ng-container\r\n                *ngFor=\"\r\n                  let item of list;\r\n                  let i = index;\r\n                  trackBy: _trackByFunction\r\n                \">\r\n                <ng-container *ngIf=\"itemTemplate; else defualtTemplate\">\r\n                  <li\r\n                    class=\"ax-list-item\"\r\n                    (click)=\"_handleOnItemClick($event, item)\"\r\n                    [attr.data-id]=\"item[this.valueField]\">\r\n                    <ng-container\r\n                      *ngTemplateOutlet=\"\r\n                        itemTemplate;\r\n                        context: { $implicit: item, direction: direction }\r\n                      \">\r\n                    </ng-container>\r\n                  </li>\r\n                </ng-container>\r\n                <ng-template #defualtTemplate>\r\n                  <ng-container *ngIf=\"item.children?.length > 0; else tmpItem\">\r\n                    <li\r\n                      class=\"ax-list-item-group\"\r\n                      [attr.data-id]=\"item[this.valueField]\">\r\n                      <span> {{ _getItemDisplayTextTemplte(item) }}</span>\r\n                      <ul *ngIf=\"item.children?.length > 0\">\r\n                        <ng-container\r\n                          *ngTemplateOutlet=\"\r\n                            tmpTree;\r\n                            context: { list: item.children }\r\n                          \">\r\n                        </ng-container>\r\n                      </ul>\r\n                    </li>\r\n                  </ng-container>\r\n                  <ng-template #tmpItem>\r\n                    <ng-container *ngIf=\"!multiple; else multipleTemplate\">\r\n                      <li\r\n                        class=\"ax-list-item\"\r\n                        [class.ax-state-selected]=\"isItemSelected(item)\"\r\n                        [class.ax-state-disabled]=\"isItemDisabled(item)\"\r\n                        [attr.tabindex]=\"i\"\r\n                        (click)=\"_handleOnItemClick($event, item)\"\r\n                        [attr.data-id]=\"item[this.valueField]\">\r\n                        <span> {{ _getItemDisplayTextTemplte(item) }}</span>\r\n                        <span\r\n                          class=\"ax-icon ax-icon-done ax-selected-icon\"\r\n                          *ngIf=\"isItemSelected(item)\"></span>\r\n                      </li>\r\n                    </ng-container>\r\n                    <ng-template #multipleTemplate>\r\n                      <li\r\n                        class=\"ax-list-item\"\r\n                        [class.ax-state-selected]=\"isItemSelected(item)\"\r\n                        [class.ax-state-disabled]=\"isItemDisabled(item)\"\r\n                        [class.ax-state-checkbox]=\"checkbox\"\r\n                        [attr.tabindex]=\"i\"\r\n                        (click)=\"_handleOnItemClick($event, item)\"\r\n                        [attr.data-id]=\"item[this.valueField]\">\r\n                        <span>\r\n                          <input\r\n                            class=\"ax-checkbox\"\r\n                            type=\"checkbox\"\r\n                            [class.ax-state-disabled]=\"isItemDisabled(item)\"\r\n                            *ngIf=\"checkbox\"\r\n                            [checked]=\"isItemSelected(item)\"\r\n                            [disabled]=\"isItemDisabled(item)\" />\r\n                          <span class=\"ax-checkbox-label\">{{\r\n                            _getItemDisplayTextTemplte(item)\r\n                          }}</span>\r\n                        </span>\r\n                        <span\r\n                          class=\"ax-icon ax-icon-done ax-selected-icon\"\r\n                          *ngIf=\"isItemSelected(item) && !checkbox\"></span>\r\n                      </li>\r\n                    </ng-template>\r\n                  </ng-template>\r\n                </ng-template>\r\n              </ng-container>\r\n            </ng-template>\r\n          </ul>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"isLoading\">\r\n          <ng-container *ngIf=\"loadingTemplate; else elseLoadingTemplate\">\r\n            <ng-container *ngTemplateOutlet=\"loadingTemplate\"> </ng-container>\r\n          </ng-container>\r\n          <ng-template #elseLoadingTemplate>\r\n            <div class=\"ax-flex ax-items-center ax-justify-center ax-p-4\">\r\n              <ax-loading\r\n                text=\"{{ 'layout.loading.text' | trans }}\"></ax-loading>\r\n            </div>\r\n          </ng-template>\r\n        </ng-container>\r\n        <ng-template #tmpEmpty>\r\n          <ng-container *ngIf=\"!isLoading\">\r\n            <ng-container *ngIf=\"emptyTemplate; else elseEmptyTemplate\">\r\n              <ng-container *ngTemplateOutlet=\"emptyTemplate\"> </ng-container>\r\n            </ng-container>\r\n            <ng-template #elseEmptyTemplate>\r\n              <div\r\n                class=\"ax-flex ax-items-center ax-justify-center ax-p-4\"\r\n                [innerHTML]=\"\r\n                  'common.no-result-for'\r\n                    | trans\r\n                      : {\r\n                          exp: this._searchBox ? this._searchBox.searchExp : ''\r\n                        }\r\n                \"></div>\r\n            </ng-template>\r\n          </ng-container>\r\n        </ng-template>\r\n      </div>\r\n      <!-- <div class=\"ax-list-items-container ax-vertical ax-default\" [class.ax-full]=\"_isMobile\"\r\n                >\r\n               \r\n            </div> -->\r\n      <!-- <div class=\"ax-footer\">footer</div> -->\r\n    </div>\r\n  </div>\r\n</ax-popover>\r\n", styles: ["ax-select-box .ax-select-multi-item{display:flex;align-items:center;padding:.25rem .5rem;background-color:rgba(var(--ax-color-on-surface));border-radius:var(--ax-rounded-border-default);margin-inline-end:.5rem}ax-select-box .ax-select-multi-item .ax-icon-close{cursor:pointer;margin-inline-start:.5rem}ax-select-box .ax-select-box-selection{display:flex;justify-content:center;align-items:center;outline-color:transparent;padding:0 .5rem;outline:transparent;-webkit-user-select:none;user-select:none}ax-select-box .ax-select-box-selection .ax-selectbox-input{opacity:0;width:0}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i1.AXPlatform }]; }, propDecorators: { popover: [{
                 type: ViewChild,
                 args: [AXPopoverComponent, { static: true }]

package/esm2020/switch/src/switch.component.mjs CHANGED Viewed

@@ -21,7 +21,7 @@ export class AXSwitchComponent extends AXBaseValueComponentMixin {
     }
 }
 AXSwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXSwitchComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXSwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXSwitchComponent, selector: "ax-switch", inputs: { disabled: "disabled", color: "color", readonly: "readonly", tabIndex: "tabIndex", size: "size", cssClass: "cssClass", cssStyle: "cssStyle", allowNull: "allowNull", value: "value", name: "name", checked: "checked", uncheckedText: "uncheckedText", checkedText: "checkedText", loading: "loading" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", onValueChanged: "onValueChanged" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<button type=\"button\" role=\"switch\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\"\r\n    [class.ax-switch-checked]=\"value\" (click)=\"_handleOnClickEvent($event)\">\r\n    <div class=\"ax-switch-handle\">\r\n        <ax-loading *ngIf=\"loading\"></ax-loading>\r\n            <ng-content select=\"ax-switch-handler-content\"></ng-content>\r\n    </div>\r\n    <span class=\"ax-switch-inner\" *ngIf=\"!value\">\r\n        <ng-content select=\"ax-switch-off-content\"></ng-content>\r\n\r\n    </span>\r\n    <span class=\"ax-switch-inner\" *ngIf=\"value\">\r\n        <ng-content select=\"ax-switch-on-content\"></ng-content>\r\n    </span>\r\n\r\n</button>", styles: ["ax-switch.ax-sm button{min-width:2rem;height:1rem;line-height:1rem}ax-switch.ax-sm button:active .ax-switch-handle{width:1rem}ax-switch.ax-sm .ax-switch-handle{width:.75rem;height:.75rem}ax-switch.ax-lg button{min-width:2.75rem;height:1.5rem;line-height:1.5rem}ax-switch.ax-lg button:active .ax-switch-handle{width:1.5rem}ax-switch.ax-lg .ax-switch-handle{width:1.25rem;height:1.25rem}ax-switch button{position:relative;display:inline-block;vertical-align:middle;border-radius:99rem;background-color:#0003!important;min-width:2.5rem;height:1.25rem;line-height:1.25rem;transition:background-color .3s linear;cursor:pointer}ax-switch button:active .ax-switch-handle{width:1.25rem}ax-switch button.ax-switch-checked{background-color:rgba(var(--ax-color-primary-500))!important}ax-switch button.ax-switch-checked .ax-switch-handle{inset-inline-end:.125rem;inset-inline-start:initial}ax-switch button.ax-switch-checked .ax-switch-inner{margin-inline-end:1.5rem;margin-inline-start:.375rem}ax-switch button .ax-switch-handle{width:1rem;height:1rem;background-color:#fff;position:absolute;border-radius:99rem;inset-inline-start:.125rem;top:.125rem;transition:width .3s;box-shadow:0 0 1px 1px #0000000d}ax-switch button .ax-switch-handle ax-switch-handler-content,ax-switch button .ax-switch-handle ax-switch-handler-content *{height:100%;width:100%;font-size:100%;display:flex;align-items:center;justify-content:center;color:#454a50}ax-switch button .ax-switch-handle:active{width:1.25rem}ax-switch button .ax-switch-handle ax-loading{width:100%;position:absolute;inset-inline-start:0;inset-inline-end:0;top:50%;transform:translateY(-50%)}ax-switch button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-primary-500));stroke:rgba(var(--ax-color-primary-500))}ax-switch button .ax-switch-handle:before{position:absolute;background-color:rgba(var(--ax-color-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:99rem;content:\"\"}ax-switch button .ax-switch-inner{display:block;margin-inline-start:1.5rem;margin-inline-end:.375rem;transition:margin .2s}ax-switch button .ax-switch-inner ax-switch-on-content,ax-switch button .ax-switch-inner ax-switch-off-content{display:flex;font-size:.875rem;padding:0 .25rem}ax-switch.ax-primary-default button:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-switch.ax-primary-default button ax-switch-handler-content,ax-switch.ax-primary-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-primary-default button.ax-switch-checked{background-color:rgba(var(--ax-color-primary-500))!important}ax-switch.ax-primary-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-primary-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-primary-500))}ax-switch.ax-primary-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-primary-fore))}ax-switch.ax-primary-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-primary-500));stroke:rgba(var(--ax-color-primary-500))}ax-switch.ax-secondary-default button:focus-visible{outline-color:rgba(var(--ax-color-secondary-500))}ax-switch.ax-secondary-default button ax-switch-handler-content,ax-switch.ax-secondary-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-secondary-default button.ax-switch-checked{background-color:rgba(var(--ax-color-secondary-500))!important}ax-switch.ax-secondary-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-secondary-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-secondary-500))}ax-switch.ax-secondary-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-secondary-fore))}ax-switch.ax-secondary-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-secondary-500));stroke:rgba(var(--ax-color-secondary-500))}ax-switch.ax-success-default button:focus-visible{outline-color:rgba(var(--ax-color-success-500))}ax-switch.ax-success-default button ax-switch-handler-content,ax-switch.ax-success-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-success-default button.ax-switch-checked{background-color:rgba(var(--ax-color-success-500))!important}ax-switch.ax-success-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-success-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-success-500))}ax-switch.ax-success-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-success-fore))}ax-switch.ax-success-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-success-500));stroke:rgba(var(--ax-color-success-500))}ax-switch.ax-warning-default button:focus-visible{outline-color:rgba(var(--ax-color-warning-500))}ax-switch.ax-warning-default button ax-switch-handler-content,ax-switch.ax-warning-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-warning-default button.ax-switch-checked{background-color:rgba(var(--ax-color-warning-500))!important}ax-switch.ax-warning-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-warning-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-warning-500))}ax-switch.ax-warning-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-warning-fore))}ax-switch.ax-warning-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-warning-500));stroke:rgba(var(--ax-color-warning-500))}ax-switch.ax-danger-default button:focus-visible{outline-color:rgba(var(--ax-color-danger-500))}ax-switch.ax-danger-default button ax-switch-handler-content,ax-switch.ax-danger-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-danger-default button.ax-switch-checked{background-color:rgba(var(--ax-color-danger-500))!important}ax-switch.ax-danger-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-danger-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-danger-500))}ax-switch.ax-danger-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-danger-fore))}ax-switch.ax-danger-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-danger-500));stroke:rgba(var(--ax-color-danger-500))}ax-switch .ax-state-disabled{opacity:.5;cursor:not-allowed}ax-switch .ax-state-readonly{opacity:.75}.ax-dark ax-switch button{background-color:rgba(var(--ax-color-input-surface))!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "text"], outputs: ["visibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+AXSwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXSwitchComponent, selector: "ax-switch", inputs: { disabled: "disabled", color: "color", readonly: "readonly", tabIndex: "tabIndex", size: "size", cssClass: "cssClass", cssStyle: "cssStyle", allowNull: "allowNull", value: "value", name: "name", checked: "checked", uncheckedText: "uncheckedText", checkedText: "checkedText", loading: "loading" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", onValueChanged: "onValueChanged" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<button type=\"button\" role=\"switch\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\"\r\n    [class.ax-switch-checked]=\"value\" (click)=\"_handleOnClickEvent($event)\">\r\n    <div class=\"ax-switch-handle\">\r\n        <ax-loading *ngIf=\"loading\"></ax-loading>\r\n            <ng-content select=\"ax-switch-handler-content\"></ng-content>\r\n    </div>\r\n    <span class=\"ax-switch-inner\" *ngIf=\"!value\">\r\n        <ng-content select=\"ax-switch-off-content\"></ng-content>\r\n\r\n    </span>\r\n    <span class=\"ax-switch-inner\" *ngIf=\"value\">\r\n        <ng-content select=\"ax-switch-on-content\"></ng-content>\r\n    </span>\r\n\r\n</button>", styles: ["ax-switch.ax-sm button{min-width:2rem;height:1rem;line-height:1rem}ax-switch.ax-sm button:active .ax-switch-handle{width:1rem}ax-switch.ax-sm .ax-switch-handle{width:.75rem;height:.75rem}ax-switch.ax-lg button{min-width:2.75rem;height:1.5rem;line-height:1.5rem}ax-switch.ax-lg button:active .ax-switch-handle{width:1.5rem}ax-switch.ax-lg .ax-switch-handle{width:1.25rem;height:1.25rem}ax-switch button{position:relative;display:inline-block;vertical-align:middle;border-radius:99rem;background-color:#0003!important;min-width:2.5rem;height:1.25rem;line-height:1.25rem;transition:background-color .3s linear;cursor:pointer}ax-switch button:active .ax-switch-handle{width:1.25rem}ax-switch button.ax-switch-checked{background-color:rgba(var(--ax-color-primary-500))!important}ax-switch button.ax-switch-checked .ax-switch-handle{inset-inline-end:.125rem;inset-inline-start:initial}ax-switch button.ax-switch-checked .ax-switch-inner{margin-inline-end:1.5rem;margin-inline-start:.375rem}ax-switch button .ax-switch-handle{width:1rem;height:1rem;background-color:#fff;position:absolute;border-radius:99rem;inset-inline-start:.125rem;top:.125rem;transition:width .3s;box-shadow:0 0 1px 1px #0000000d}ax-switch button .ax-switch-handle ax-switch-handler-content,ax-switch button .ax-switch-handle ax-switch-handler-content *{height:100%;width:100%;font-size:100%;display:flex;align-items:center;justify-content:center;color:#454a50}ax-switch button .ax-switch-handle:active{width:1.25rem}ax-switch button .ax-switch-handle ax-loading{width:100%;position:absolute;inset-inline-start:0;inset-inline-end:0;top:50%;transform:translateY(-50%)}ax-switch button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-primary-500));stroke:rgba(var(--ax-color-primary-500))}ax-switch button .ax-switch-handle:before{position:absolute;background-color:rgba(var(--ax-color-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:99rem;content:\"\"}ax-switch button .ax-switch-inner{display:block;margin-inline-start:1.5rem;margin-inline-end:.375rem;transition:margin .2s}ax-switch button .ax-switch-inner ax-switch-on-content,ax-switch button .ax-switch-inner ax-switch-off-content{display:flex;font-size:.875rem;padding:0 .25rem}ax-switch.ax-primary-default button:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-switch.ax-primary-default button ax-switch-handler-content,ax-switch.ax-primary-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-primary-default button.ax-switch-checked{background-color:rgba(var(--ax-color-primary-500))!important}ax-switch.ax-primary-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-primary-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-primary-500))}ax-switch.ax-primary-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-primary-fore))}ax-switch.ax-primary-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-primary-500));stroke:rgba(var(--ax-color-primary-500))}ax-switch.ax-secondary-default button:focus-visible{outline-color:rgba(var(--ax-color-secondary-500))}ax-switch.ax-secondary-default button ax-switch-handler-content,ax-switch.ax-secondary-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-secondary-default button.ax-switch-checked{background-color:rgba(var(--ax-color-secondary-500))!important}ax-switch.ax-secondary-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-secondary-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-secondary-500))}ax-switch.ax-secondary-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-secondary-fore))}ax-switch.ax-secondary-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-secondary-500));stroke:rgba(var(--ax-color-secondary-500))}ax-switch.ax-success-default button:focus-visible{outline-color:rgba(var(--ax-color-success-500))}ax-switch.ax-success-default button ax-switch-handler-content,ax-switch.ax-success-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-success-default button.ax-switch-checked{background-color:rgba(var(--ax-color-success-500))!important}ax-switch.ax-success-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-success-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-success-500))}ax-switch.ax-success-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-success-fore))}ax-switch.ax-success-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-success-500));stroke:rgba(var(--ax-color-success-500))}ax-switch.ax-warning-default button:focus-visible{outline-color:rgba(var(--ax-color-warning-500))}ax-switch.ax-warning-default button ax-switch-handler-content,ax-switch.ax-warning-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-warning-default button.ax-switch-checked{background-color:rgba(var(--ax-color-warning-500))!important}ax-switch.ax-warning-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-warning-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-warning-500))}ax-switch.ax-warning-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-warning-fore))}ax-switch.ax-warning-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-warning-500));stroke:rgba(var(--ax-color-warning-500))}ax-switch.ax-danger-default button:focus-visible{outline-color:rgba(var(--ax-color-danger-500))}ax-switch.ax-danger-default button ax-switch-handler-content,ax-switch.ax-danger-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-danger-default button.ax-switch-checked{background-color:rgba(var(--ax-color-danger-500))!important}ax-switch.ax-danger-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-danger-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-danger-500))}ax-switch.ax-danger-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-danger-fore))}ax-switch.ax-danger-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-danger-500));stroke:rgba(var(--ax-color-danger-500))}ax-switch.ax-info-default button:focus-visible{outline-color:rgba(var(--ax-color-info-500))}ax-switch.ax-info-default button ax-switch-handler-content,ax-switch.ax-info-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-info-default button.ax-switch-checked{background-color:rgba(var(--ax-color-info-500))!important}ax-switch.ax-info-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-info-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-info-500))}ax-switch.ax-info-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-info-fore))}ax-switch.ax-info-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-info-500));stroke:rgba(var(--ax-color-info-500))}ax-switch .ax-state-disabled{opacity:.5;cursor:not-allowed}ax-switch .ax-state-readonly{opacity:.75}.ax-dark ax-switch button{background-color:rgba(var(--ax-color-input-surface))!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "text"], outputs: ["visibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXSwitchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-switch', inputs: [
@@ -37,7 +37,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
                         'value',
                         'name',
                         'checked',
-                    ], outputs: ['onBlur', 'onFocus', 'valueChange', 'onValueChanged'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button type=\"button\" role=\"switch\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\"\r\n    [class.ax-switch-checked]=\"value\" (click)=\"_handleOnClickEvent($event)\">\r\n    <div class=\"ax-switch-handle\">\r\n        <ax-loading *ngIf=\"loading\"></ax-loading>\r\n            <ng-content select=\"ax-switch-handler-content\"></ng-content>\r\n    </div>\r\n    <span class=\"ax-switch-inner\" *ngIf=\"!value\">\r\n        <ng-content select=\"ax-switch-off-content\"></ng-content>\r\n\r\n    </span>\r\n    <span class=\"ax-switch-inner\" *ngIf=\"value\">\r\n        <ng-content select=\"ax-switch-on-content\"></ng-content>\r\n    </span>\r\n\r\n</button>", styles: ["ax-switch.ax-sm button{min-width:2rem;height:1rem;line-height:1rem}ax-switch.ax-sm button:active .ax-switch-handle{width:1rem}ax-switch.ax-sm .ax-switch-handle{width:.75rem;height:.75rem}ax-switch.ax-lg button{min-width:2.75rem;height:1.5rem;line-height:1.5rem}ax-switch.ax-lg button:active .ax-switch-handle{width:1.5rem}ax-switch.ax-lg .ax-switch-handle{width:1.25rem;height:1.25rem}ax-switch button{position:relative;display:inline-block;vertical-align:middle;border-radius:99rem;background-color:#0003!important;min-width:2.5rem;height:1.25rem;line-height:1.25rem;transition:background-color .3s linear;cursor:pointer}ax-switch button:active .ax-switch-handle{width:1.25rem}ax-switch button.ax-switch-checked{background-color:rgba(var(--ax-color-primary-500))!important}ax-switch button.ax-switch-checked .ax-switch-handle{inset-inline-end:.125rem;inset-inline-start:initial}ax-switch button.ax-switch-checked .ax-switch-inner{margin-inline-end:1.5rem;margin-inline-start:.375rem}ax-switch button .ax-switch-handle{width:1rem;height:1rem;background-color:#fff;position:absolute;border-radius:99rem;inset-inline-start:.125rem;top:.125rem;transition:width .3s;box-shadow:0 0 1px 1px #0000000d}ax-switch button .ax-switch-handle ax-switch-handler-content,ax-switch button .ax-switch-handle ax-switch-handler-content *{height:100%;width:100%;font-size:100%;display:flex;align-items:center;justify-content:center;color:#454a50}ax-switch button .ax-switch-handle:active{width:1.25rem}ax-switch button .ax-switch-handle ax-loading{width:100%;position:absolute;inset-inline-start:0;inset-inline-end:0;top:50%;transform:translateY(-50%)}ax-switch button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-primary-500));stroke:rgba(var(--ax-color-primary-500))}ax-switch button .ax-switch-handle:before{position:absolute;background-color:rgba(var(--ax-color-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:99rem;content:\"\"}ax-switch button .ax-switch-inner{display:block;margin-inline-start:1.5rem;margin-inline-end:.375rem;transition:margin .2s}ax-switch button .ax-switch-inner ax-switch-on-content,ax-switch button .ax-switch-inner ax-switch-off-content{display:flex;font-size:.875rem;padding:0 .25rem}ax-switch.ax-primary-default button:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-switch.ax-primary-default button ax-switch-handler-content,ax-switch.ax-primary-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-primary-default button.ax-switch-checked{background-color:rgba(var(--ax-color-primary-500))!important}ax-switch.ax-primary-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-primary-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-primary-500))}ax-switch.ax-primary-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-primary-fore))}ax-switch.ax-primary-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-primary-500));stroke:rgba(var(--ax-color-primary-500))}ax-switch.ax-secondary-default button:focus-visible{outline-color:rgba(var(--ax-color-secondary-500))}ax-switch.ax-secondary-default button ax-switch-handler-content,ax-switch.ax-secondary-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-secondary-default button.ax-switch-checked{background-color:rgba(var(--ax-color-secondary-500))!important}ax-switch.ax-secondary-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-secondary-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-secondary-500))}ax-switch.ax-secondary-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-secondary-fore))}ax-switch.ax-secondary-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-secondary-500));stroke:rgba(var(--ax-color-secondary-500))}ax-switch.ax-success-default button:focus-visible{outline-color:rgba(var(--ax-color-success-500))}ax-switch.ax-success-default button ax-switch-handler-content,ax-switch.ax-success-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-success-default button.ax-switch-checked{background-color:rgba(var(--ax-color-success-500))!important}ax-switch.ax-success-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-success-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-success-500))}ax-switch.ax-success-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-success-fore))}ax-switch.ax-success-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-success-500));stroke:rgba(var(--ax-color-success-500))}ax-switch.ax-warning-default button:focus-visible{outline-color:rgba(var(--ax-color-warning-500))}ax-switch.ax-warning-default button ax-switch-handler-content,ax-switch.ax-warning-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-warning-default button.ax-switch-checked{background-color:rgba(var(--ax-color-warning-500))!important}ax-switch.ax-warning-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-warning-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-warning-500))}ax-switch.ax-warning-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-warning-fore))}ax-switch.ax-warning-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-warning-500));stroke:rgba(var(--ax-color-warning-500))}ax-switch.ax-danger-default button:focus-visible{outline-color:rgba(var(--ax-color-danger-500))}ax-switch.ax-danger-default button ax-switch-handler-content,ax-switch.ax-danger-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-danger-default button.ax-switch-checked{background-color:rgba(var(--ax-color-danger-500))!important}ax-switch.ax-danger-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-danger-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-danger-500))}ax-switch.ax-danger-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-danger-fore))}ax-switch.ax-danger-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-danger-500));stroke:rgba(var(--ax-color-danger-500))}ax-switch .ax-state-disabled{opacity:.5;cursor:not-allowed}ax-switch .ax-state-readonly{opacity:.75}.ax-dark ax-switch button{background-color:rgba(var(--ax-color-input-surface))!important}\n"] }]
+                    ], outputs: ['onBlur', 'onFocus', 'valueChange', 'onValueChanged'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button type=\"button\" role=\"switch\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\"\r\n    [class.ax-switch-checked]=\"value\" (click)=\"_handleOnClickEvent($event)\">\r\n    <div class=\"ax-switch-handle\">\r\n        <ax-loading *ngIf=\"loading\"></ax-loading>\r\n            <ng-content select=\"ax-switch-handler-content\"></ng-content>\r\n    </div>\r\n    <span class=\"ax-switch-inner\" *ngIf=\"!value\">\r\n        <ng-content select=\"ax-switch-off-content\"></ng-content>\r\n\r\n    </span>\r\n    <span class=\"ax-switch-inner\" *ngIf=\"value\">\r\n        <ng-content select=\"ax-switch-on-content\"></ng-content>\r\n    </span>\r\n\r\n</button>", styles: ["ax-switch.ax-sm button{min-width:2rem;height:1rem;line-height:1rem}ax-switch.ax-sm button:active .ax-switch-handle{width:1rem}ax-switch.ax-sm .ax-switch-handle{width:.75rem;height:.75rem}ax-switch.ax-lg button{min-width:2.75rem;height:1.5rem;line-height:1.5rem}ax-switch.ax-lg button:active .ax-switch-handle{width:1.5rem}ax-switch.ax-lg .ax-switch-handle{width:1.25rem;height:1.25rem}ax-switch button{position:relative;display:inline-block;vertical-align:middle;border-radius:99rem;background-color:#0003!important;min-width:2.5rem;height:1.25rem;line-height:1.25rem;transition:background-color .3s linear;cursor:pointer}ax-switch button:active .ax-switch-handle{width:1.25rem}ax-switch button.ax-switch-checked{background-color:rgba(var(--ax-color-primary-500))!important}ax-switch button.ax-switch-checked .ax-switch-handle{inset-inline-end:.125rem;inset-inline-start:initial}ax-switch button.ax-switch-checked .ax-switch-inner{margin-inline-end:1.5rem;margin-inline-start:.375rem}ax-switch button .ax-switch-handle{width:1rem;height:1rem;background-color:#fff;position:absolute;border-radius:99rem;inset-inline-start:.125rem;top:.125rem;transition:width .3s;box-shadow:0 0 1px 1px #0000000d}ax-switch button .ax-switch-handle ax-switch-handler-content,ax-switch button .ax-switch-handle ax-switch-handler-content *{height:100%;width:100%;font-size:100%;display:flex;align-items:center;justify-content:center;color:#454a50}ax-switch button .ax-switch-handle:active{width:1.25rem}ax-switch button .ax-switch-handle ax-loading{width:100%;position:absolute;inset-inline-start:0;inset-inline-end:0;top:50%;transform:translateY(-50%)}ax-switch button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-primary-500));stroke:rgba(var(--ax-color-primary-500))}ax-switch button .ax-switch-handle:before{position:absolute;background-color:rgba(var(--ax-color-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:99rem;content:\"\"}ax-switch button .ax-switch-inner{display:block;margin-inline-start:1.5rem;margin-inline-end:.375rem;transition:margin .2s}ax-switch button .ax-switch-inner ax-switch-on-content,ax-switch button .ax-switch-inner ax-switch-off-content{display:flex;font-size:.875rem;padding:0 .25rem}ax-switch.ax-primary-default button:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-switch.ax-primary-default button ax-switch-handler-content,ax-switch.ax-primary-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-primary-default button.ax-switch-checked{background-color:rgba(var(--ax-color-primary-500))!important}ax-switch.ax-primary-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-primary-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-primary-500))}ax-switch.ax-primary-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-primary-fore))}ax-switch.ax-primary-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-primary-500));stroke:rgba(var(--ax-color-primary-500))}ax-switch.ax-secondary-default button:focus-visible{outline-color:rgba(var(--ax-color-secondary-500))}ax-switch.ax-secondary-default button ax-switch-handler-content,ax-switch.ax-secondary-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-secondary-default button.ax-switch-checked{background-color:rgba(var(--ax-color-secondary-500))!important}ax-switch.ax-secondary-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-secondary-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-secondary-500))}ax-switch.ax-secondary-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-secondary-fore))}ax-switch.ax-secondary-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-secondary-500));stroke:rgba(var(--ax-color-secondary-500))}ax-switch.ax-success-default button:focus-visible{outline-color:rgba(var(--ax-color-success-500))}ax-switch.ax-success-default button ax-switch-handler-content,ax-switch.ax-success-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-success-default button.ax-switch-checked{background-color:rgba(var(--ax-color-success-500))!important}ax-switch.ax-success-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-success-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-success-500))}ax-switch.ax-success-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-success-fore))}ax-switch.ax-success-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-success-500));stroke:rgba(var(--ax-color-success-500))}ax-switch.ax-warning-default button:focus-visible{outline-color:rgba(var(--ax-color-warning-500))}ax-switch.ax-warning-default button ax-switch-handler-content,ax-switch.ax-warning-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-warning-default button.ax-switch-checked{background-color:rgba(var(--ax-color-warning-500))!important}ax-switch.ax-warning-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-warning-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-warning-500))}ax-switch.ax-warning-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-warning-fore))}ax-switch.ax-warning-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-warning-500));stroke:rgba(var(--ax-color-warning-500))}ax-switch.ax-danger-default button:focus-visible{outline-color:rgba(var(--ax-color-danger-500))}ax-switch.ax-danger-default button ax-switch-handler-content,ax-switch.ax-danger-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-danger-default button.ax-switch-checked{background-color:rgba(var(--ax-color-danger-500))!important}ax-switch.ax-danger-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-danger-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-danger-500))}ax-switch.ax-danger-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-danger-fore))}ax-switch.ax-danger-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-danger-500));stroke:rgba(var(--ax-color-danger-500))}ax-switch.ax-info-default button:focus-visible{outline-color:rgba(var(--ax-color-info-500))}ax-switch.ax-info-default button ax-switch-handler-content,ax-switch.ax-info-default button ax-switch-handler-content *{color:#454a50}ax-switch.ax-info-default button.ax-switch-checked{background-color:rgba(var(--ax-color-info-500))!important}ax-switch.ax-info-default button.ax-switch-checked ax-switch-handler-content,ax-switch.ax-info-default button.ax-switch-checked ax-switch-handler-content *{color:rgba(var(--ax-color-info-500))}ax-switch.ax-info-default button.ax-switch-checked .ax-switch-inner{color:rgba(var(--ax-color-info-fore))}ax-switch.ax-info-default button .ax-switch-handle ax-loading svg{fill:rgba(var(--ax-color-info-500));stroke:rgba(var(--ax-color-info-500))}ax-switch .ax-state-disabled{opacity:.5;cursor:not-allowed}ax-switch .ax-state-readonly{opacity:.75}.ax-dark ax-switch button{background-color:rgba(var(--ax-color-input-surface))!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { uncheckedText: [{
                 type: Input
             }], checkedText: [{

package/esm2020/tabs/src/tab-item.component.mjs CHANGED Viewed

@@ -44,20 +44,16 @@ export class AXTabItemComponent extends AXBaseTabItemMixin {
     _onOptionChanged(option) {
         const classListRef = this._getHostElement().classList;
         if (option.name == 'disabled') {
-            option.newValue
-                ? classListRef.add('ax-state-disabled')
-                : classListRef.remove('ax-state-disabled');
+            option.newValue ? classListRef.add('ax-state-disabled') : classListRef.remove('ax-state-disabled');
         }
         if (option.name == 'active') {
-            option.newValue
-                ? classListRef.add('ax-state-active')
-                : classListRef.remove('ax-state-active');
+            option.newValue ? classListRef.add('ax-state-active') : classListRef.remove('ax-state-active');
         }
     }
 }
 AXTabItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXTabItemComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXTabItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXTabItemComponent, selector: "ax-tab-item", inputs: { text: "text", key: "key", active: "active", disabled: "disabled" }, outputs: { activeChange: "activeChange", disabledChange: "disabledChange" }, host: { listeners: { "click": "__hostClick($event)" } }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["header"], descendants: true, static: true }], viewQueries: [{ propertyName: "template", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
-    <ng-container *ngIf="headerTemplate; else header">
+AXTabItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXTabItemComponent, selector: "ax-tab-item", inputs: { text: "text", key: "key", active: "active", disabled: "disabled" }, outputs: { activeChange: "activeChange", disabledChange: "disabledChange" }, host: { listeners: { "click": "__hostClick($event)" } }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["tabHeader"], descendants: true, static: true }], viewQueries: [{ propertyName: "template", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    <ng-container *ngIf="headerTemplate; else tabHeader">
       <ng-container
         [ngTemplateOutlet]="headerTemplate"
         [ngTemplateOutletContext]="{
@@ -67,14 +63,13 @@ AXTabItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
             active: this.active,
             disabled: this.disabled
           }
-        }"
-      ></ng-container>
+        }"></ng-container>
     </ng-container>
     <!-- <ng-container *ngIf="headerTemplate;else header">
             <ng-content select="ax-header">
             </ng-content>
         </ng-container> -->
-    <ng-template #header>
+    <ng-template #tabHeader>
       <ng-content select="ax-prefix"></ng-content>
       <span>{{ text }}</span>
       <ng-content select="ax-suffix"></ng-content>
@@ -88,7 +83,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
             args: [{
                     selector: 'ax-tab-item',
                     template: `
-    <ng-container *ngIf="headerTemplate; else header">
+    <ng-container *ngIf="headerTemplate; else tabHeader">
       <ng-container
         [ngTemplateOutlet]="headerTemplate"
         [ngTemplateOutletContext]="{
@@ -98,14 +93,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
             active: this.active,
             disabled: this.disabled
           }
-        }"
-      ></ng-container>
+        }"></ng-container>
     </ng-container>
     <!-- <ng-container *ngIf="headerTemplate;else header">
             <ng-content select="ax-header">
             </ng-content>
         </ng-container> -->
-    <ng-template #header>
+    <ng-template #tabHeader>
       <ng-content select="ax-prefix"></ng-content>
       <span>{{ text }}</span>
       <ng-content select="ax-suffix"></ng-content>
@@ -126,7 +120,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
                 args: ['content']
             }], headerTemplate: [{
                 type: ContentChild,
-                args: ['header', { static: true }]
+                args: ['tabHeader', { static: true }]
             }], activeChange: [{
                 type: Output
             }], active: [{
@@ -139,4 +133,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
                 type: HostListener,
                 args: ['click', ['$event']]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvdGFicy9zcmMvdGFiLWl0ZW0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxlQUFlLEVBQTRCLHlCQUF5QixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDaEgsT0FBTyxFQUNMLFNBQVMsRUFDVCxpQkFBaUIsRUFDakIsdUJBQXVCLEVBR3ZCLEtBQUssRUFDTCxTQUFTLEVBRVQsTUFBTSxFQUNOLFlBQVksRUFDWixZQUFZLEVBQ1osWUFBWSxHQUNiLE1BQU0sZUFBZSxDQUFDOzs7QUFFdkIsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBQUcseUJBQXlCLENBQUMsZUFBZSxDQUFDLENBQUM7QUFrQzdFLE1BQU0sT0FBTyxrQkFBbUIsU0FBUSxrQkFBa0I7SUFDeEQsWUFBWSxXQUF1QixFQUFFLElBQXVCO1FBQzFELEtBQUssQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFnQjNCLGlCQUFZLEdBQTBCLElBQUksWUFBWSxFQUFXLENBQUM7UUFFMUQsWUFBTyxHQUFZLEtBQUssQ0FBQztRQWdCakMsbUJBQWMsR0FBMEIsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUM1RCxjQUFTLEdBQVksS0FBSyxDQUFDO0lBbENuQyxDQUFDO0lBa0JELElBQ1csTUFBTTtRQUNmLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDO0lBQ0QsSUFBVyxNQUFNLENBQUMsS0FBYztRQUM5QixJQUFJLENBQUMsVUFBVSxDQUFDO1lBQ2QsSUFBSSxFQUFFLFFBQVE7WUFDZCxLQUFLO1lBQ0wsYUFBYSxFQUFFLEdBQUcsRUFBRTtnQkFDbEIsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUMzQixDQUFDO1NBQ0YsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUtELElBQ1csUUFBUTtRQUNqQixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDeEIsQ0FBQztJQUNELElBQVcsUUFBUSxDQUFDLEtBQWM7UUFDaEMsSUFBSSxDQUFDLFVBQVUsQ0FBQztZQUNkLElBQUksRUFBRSxVQUFVO1lBQ2hCLEtBQUs7U0FDTixDQUFDLENBQUM7SUFDTCxDQUFDO0lBR08sV0FBVyxDQUFDLENBQWE7UUFDL0IsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDbEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUM7Z0JBQ2hCLFNBQVMsRUFBRSxJQUFJO2dCQUNmLFdBQVcsRUFBRSxJQUFJLENBQUMsZUFBZSxFQUFFO2dCQUNuQyxXQUFXLEVBQUUsQ0FBQzthQUNmLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUVELGdCQUFnQixDQUFDLE1BQWdDO1FBQy9DLE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQyxTQUFTLENBQUM7UUFDdEQsSUFBSSxNQUFNLENBQUMsSUFBSSxJQUFJLFVBQVUsRUFBRTtZQUM3QixNQUFNLENBQUMsUUFBUTtnQkFDYixDQUFDLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxtQkFBbUIsQ0FBQztnQkFDdkMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsbUJBQW1CLENBQUMsQ0FBQztTQUM5QztRQUNELElBQUksTUFBTSxDQUFDLElBQUksSUFBSSxRQUFRLEVBQUU7WUFDM0IsTUFBTSxDQUFDLFFBQVE7Z0JBQ2IsQ0FBQyxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsaUJBQWlCLENBQUM7Z0JBQ3JDLENBQUMsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7U0FDNUM7SUFDSCxDQUFDOzsrR0F4RVUsa0JBQWtCO21HQUFsQixrQkFBa0IsdWZBOUJuQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EwQlQ7MkZBSVUsa0JBQWtCO2tCQWhDOUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsYUFBYTtvQkFDdkIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTBCVDtvQkFDRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7aUJBQ3RDO2lJQU9DLElBQUk7c0JBREgsS0FBSztnQkFJTixHQUFHO3NCQURGLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxTQUFTO3VCQUFDLFNBQVM7Z0JBSXBCLGNBQWM7c0JBRGIsWUFBWTt1QkFBQyxRQUFRLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQUl4QyxZQUFZO3NCQURYLE1BQU07Z0JBS0ksTUFBTTtzQkFEaEIsS0FBSztnQkFlTixjQUFjO3NCQURiLE1BQU07Z0JBSUksUUFBUTtzQkFEbEIsS0FBSztnQkFZRSxXQUFXO3NCQURsQixZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIlxyXG5pbXBvcnQgeyBBWEJhc2VDb21wb25lbnQsIEFYQ29tcG9uZW50T3B0aW9uQ2hhbmdlZCwgX0NsaWNrYWJsZUNvbXBvbmVuZXRNaXhpbiB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9taXhpbic7XHJcbmltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgSW5wdXQsXHJcbiAgVmlld0NoaWxkLFxyXG4gIFRlbXBsYXRlUmVmLFxyXG4gIE91dHB1dCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgSG9zdExpc3RlbmVyLFxyXG4gIENvbnRlbnRDaGlsZCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmV4cG9ydCBjb25zdCBBWEJhc2VUYWJJdGVtTWl4aW4gPSBfQ2xpY2thYmxlQ29tcG9uZW5ldE1peGluKEFYQmFzZUNvbXBvbmVudCk7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2F4LXRhYi1pdGVtJyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImhlYWRlclRlbXBsYXRlOyBlbHNlIGhlYWRlclwiPlxyXG4gICAgICA8bmctY29udGFpbmVyXHJcbiAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRdPVwiaGVhZGVyVGVtcGxhdGVcIlxyXG4gICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7XHJcbiAgICAgICAgICAkaW1wbGljaXQ6IHtcclxuICAgICAgICAgICAgdGV4dDogdGhpcy50ZXh0LFxyXG4gICAgICAgICAgICBrZXk6IHRoaXMua2V5LFxyXG4gICAgICAgICAgICBhY3RpdmU6IHRoaXMuYWN0aXZlLFxyXG4gICAgICAgICAgICBkaXNhYmxlZDogdGhpcy5kaXNhYmxlZFxyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH1cIlxyXG4gICAgICA+PC9uZy1jb250YWluZXI+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgIDwhLS0gPG5nLWNvbnRhaW5lciAqbmdJZj1cImhlYWRlclRlbXBsYXRlO2Vsc2UgaGVhZGVyXCI+XHJcbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWhlYWRlclwiPlxyXG4gICAgICAgICAgICA8L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+IC0tPlxyXG4gICAgPG5nLXRlbXBsYXRlICNoZWFkZXI+XHJcbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LXByZWZpeFwiPjwvbmctY29udGVudD5cclxuICAgICAgPHNwYW4+e3sgdGV4dCB9fTwvc3Bhbj5cclxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtc3VmZml4XCI+PC9uZy1jb250ZW50PlxyXG4gICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgIDxuZy10ZW1wbGF0ZSAjY29udGVudD5cclxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtY29udGVudFwiPiA8L25nLWNvbnRlbnQ+XHJcbiAgICA8L25nLXRlbXBsYXRlPlxyXG4gIGAsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFYVGFiSXRlbUNvbXBvbmVudCBleHRlbmRzIEFYQmFzZVRhYkl0ZW1NaXhpbiB7XHJcbiAgY29uc3RydWN0b3IoX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIF9jZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XHJcbiAgICBzdXBlcihfZWxlbWVudFJlZiwgX2Nkcik7XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKVxyXG4gIHRleHQ6IHN0cmluZztcclxuXHJcbiAgQElucHV0KClcclxuICBrZXk6IHN0cmluZztcclxuXHJcbiAgQFZpZXdDaGlsZCgnY29udGVudCcpXHJcbiAgdGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XHJcblxyXG4gIEBDb250ZW50Q2hpbGQoJ2hlYWRlcicsIHsgc3RhdGljOiB0cnVlIH0pXHJcbiAgaGVhZGVyVGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIGFjdGl2ZUNoYW5nZTogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG5cclxuICBwcml2YXRlIF9hY3RpdmU6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBnZXQgYWN0aXZlKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMuX2FjdGl2ZTtcclxuICB9XHJcbiAgcHVibGljIHNldCBhY3RpdmUodmFsdWU6IGJvb2xlYW4pIHtcclxuICAgIHRoaXMuX3NldE9wdGlvbih7XHJcbiAgICAgIG5hbWU6ICdhY3RpdmUnLFxyXG4gICAgICB2YWx1ZSxcclxuICAgICAgYWZ0ZXJDYWxsYmFjazogKCkgPT4ge1xyXG4gICAgICAgIHRoaXMuX2Nkci5tYXJrRm9yQ2hlY2soKTtcclxuICAgICAgfSxcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgQE91dHB1dCgpXHJcbiAgZGlzYWJsZWRDaGFuZ2U6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxuICBwcml2YXRlIF9kaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLl9kaXNhYmxlZDtcclxuICB9XHJcbiAgcHVibGljIHNldCBkaXNhYmxlZCh2YWx1ZTogYm9vbGVhbikge1xyXG4gICAgdGhpcy5fc2V0T3B0aW9uKHtcclxuICAgICAgbmFtZTogJ2Rpc2FibGVkJyxcclxuICAgICAgdmFsdWUsXHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJywgWyckZXZlbnQnXSlcclxuICBwcml2YXRlIF9faG9zdENsaWNrKGU6IE1vdXNlRXZlbnQpIHtcclxuICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xyXG4gICAgICB0aGlzLm9uQ2xpY2suZW1pdCh7XHJcbiAgICAgICAgY29tcG9uZW50OiB0aGlzLFxyXG4gICAgICAgIGh0bWxFbGVtZW50OiB0aGlzLl9nZXRIb3N0RWxlbWVudCgpLFxyXG4gICAgICAgIG5hdGl2ZUV2ZW50OiBlLFxyXG4gICAgICB9KTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIF9vbk9wdGlvbkNoYW5nZWQob3B0aW9uOiBBWENvbXBvbmVudE9wdGlvbkNoYW5nZWQpOiB2b2lkIHtcclxuICAgIGNvbnN0IGNsYXNzTGlzdFJlZiA9IHRoaXMuX2dldEhvc3RFbGVtZW50KCkuY2xhc3NMaXN0O1xyXG4gICAgaWYgKG9wdGlvbi5uYW1lID09ICdkaXNhYmxlZCcpIHtcclxuICAgICAgb3B0aW9uLm5ld1ZhbHVlXHJcbiAgICAgICAgPyBjbGFzc0xpc3RSZWYuYWRkKCdheC1zdGF0ZS1kaXNhYmxlZCcpXHJcbiAgICAgICAgOiBjbGFzc0xpc3RSZWYucmVtb3ZlKCdheC1zdGF0ZS1kaXNhYmxlZCcpO1xyXG4gICAgfVxyXG4gICAgaWYgKG9wdGlvbi5uYW1lID09ICdhY3RpdmUnKSB7XHJcbiAgICAgIG9wdGlvbi5uZXdWYWx1ZVxyXG4gICAgICAgID8gY2xhc3NMaXN0UmVmLmFkZCgnYXgtc3RhdGUtYWN0aXZlJylcclxuICAgICAgICA6IGNsYXNzTGlzdFJlZi5yZW1vdmUoJ2F4LXN0YXRlLWFjdGl2ZScpO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvdGFicy9zcmMvdGFiLWl0ZW0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxlQUFlLEVBQTRCLHlCQUF5QixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDaEgsT0FBTyxFQUNMLFNBQVMsRUFDVCxpQkFBaUIsRUFDakIsdUJBQXVCLEVBR3ZCLEtBQUssRUFDTCxTQUFTLEVBRVQsTUFBTSxFQUNOLFlBQVksRUFDWixZQUFZLEVBQ1osWUFBWSxHQUNiLE1BQU0sZUFBZSxDQUFDOzs7QUFFdkIsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBQUcseUJBQXlCLENBQUMsZUFBZSxDQUFDLENBQUM7QUFpQzdFLE1BQU0sT0FBTyxrQkFBbUIsU0FBUSxrQkFBa0I7SUFDeEQsWUFBWSxXQUF1QixFQUFFLElBQXVCO1FBQzFELEtBQUssQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFnQjNCLGlCQUFZLEdBQTBCLElBQUksWUFBWSxFQUFXLENBQUM7UUFFMUQsWUFBTyxHQUFZLEtBQUssQ0FBQztRQWdCakMsbUJBQWMsR0FBMEIsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUM1RCxjQUFTLEdBQVksS0FBSyxDQUFDO0lBbENuQyxDQUFDO0lBa0JELElBQ1csTUFBTTtRQUNmLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDO0lBQ0QsSUFBVyxNQUFNLENBQUMsS0FBYztRQUM5QixJQUFJLENBQUMsVUFBVSxDQUFDO1lBQ2QsSUFBSSxFQUFFLFFBQVE7WUFDZCxLQUFLO1lBQ0wsYUFBYSxFQUFFLEdBQUcsRUFBRTtnQkFDbEIsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUMzQixDQUFDO1NBQ0YsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUtELElBQ1csUUFBUTtRQUNqQixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDeEIsQ0FBQztJQUNELElBQVcsUUFBUSxDQUFDLEtBQWM7UUFDaEMsSUFBSSxDQUFDLFVBQVUsQ0FBQztZQUNkLElBQUksRUFBRSxVQUFVO1lBQ2hCLEtBQUs7U0FDTixDQUFDLENBQUM7SUFDTCxDQUFDO0lBR08sV0FBVyxDQUFDLENBQWE7UUFDL0IsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDbEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUM7Z0JBQ2hCLFNBQVMsRUFBRSxJQUFJO2dCQUNmLFdBQVcsRUFBRSxJQUFJLENBQUMsZUFBZSxFQUFFO2dCQUNuQyxXQUFXLEVBQUUsQ0FBQzthQUNmLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUVELGdCQUFnQixDQUFDLE1BQWdDO1FBQy9DLE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQyxTQUFTLENBQUM7UUFDdEQsSUFBSSxNQUFNLENBQUMsSUFBSSxJQUFJLFVBQVUsRUFBRTtZQUM3QixNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsbUJBQW1CLENBQUMsQ0FBQztTQUNwRztRQUNELElBQUksTUFBTSxDQUFDLElBQUksSUFBSSxRQUFRLEVBQUU7WUFDM0IsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7U0FDaEc7SUFDSCxDQUFDOzsrR0FwRVUsa0JBQWtCO21HQUFsQixrQkFBa0IsMGZBN0JuQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXlCVDsyRkFJVSxrQkFBa0I7a0JBL0I5QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxhQUFhO29CQUN2QixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F5QlQ7b0JBQ0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2lCQUN0QztpSUFPQyxJQUFJO3NCQURILEtBQUs7Z0JBSU4sR0FBRztzQkFERixLQUFLO2dCQUlOLFFBQVE7c0JBRFAsU0FBUzt1QkFBQyxTQUFTO2dCQUlwQixjQUFjO3NCQURiLFlBQVk7dUJBQUMsV0FBVyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFJM0MsWUFBWTtzQkFEWCxNQUFNO2dCQUtJLE1BQU07c0JBRGhCLEtBQUs7Z0JBZU4sY0FBYztzQkFEYixNQUFNO2dCQUlJLFFBQVE7c0JBRGxCLEtBQUs7Z0JBWUUsV0FBVztzQkFEbEIsWUFBWTt1QkFBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWEJhc2VDb21wb25lbnQsIEFYQ29tcG9uZW50T3B0aW9uQ2hhbmdlZCwgX0NsaWNrYWJsZUNvbXBvbmVuZXRNaXhpbiB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9taXhpbic7XHJcbmltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgSW5wdXQsXHJcbiAgVmlld0NoaWxkLFxyXG4gIFRlbXBsYXRlUmVmLFxyXG4gIE91dHB1dCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgSG9zdExpc3RlbmVyLFxyXG4gIENvbnRlbnRDaGlsZCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmV4cG9ydCBjb25zdCBBWEJhc2VUYWJJdGVtTWl4aW4gPSBfQ2xpY2thYmxlQ29tcG9uZW5ldE1peGluKEFYQmFzZUNvbXBvbmVudCk7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2F4LXRhYi1pdGVtJyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImhlYWRlclRlbXBsYXRlOyBlbHNlIHRhYkhlYWRlclwiPlxyXG4gICAgICA8bmctY29udGFpbmVyXHJcbiAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRdPVwiaGVhZGVyVGVtcGxhdGVcIlxyXG4gICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7XHJcbiAgICAgICAgICAkaW1wbGljaXQ6IHtcclxuICAgICAgICAgICAgdGV4dDogdGhpcy50ZXh0LFxyXG4gICAgICAgICAgICBrZXk6IHRoaXMua2V5LFxyXG4gICAgICAgICAgICBhY3RpdmU6IHRoaXMuYWN0aXZlLFxyXG4gICAgICAgICAgICBkaXNhYmxlZDogdGhpcy5kaXNhYmxlZFxyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH1cIj48L25nLWNvbnRhaW5lcj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPCEtLSA8bmctY29udGFpbmVyICpuZ0lmPVwiaGVhZGVyVGVtcGxhdGU7ZWxzZSBoZWFkZXJcIj5cclxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtaGVhZGVyXCI+XHJcbiAgICAgICAgICAgIDwvbmctY29udGVudD5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj4gLS0+XHJcbiAgICA8bmctdGVtcGxhdGUgI3RhYkhlYWRlcj5cclxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtcHJlZml4XCI+PC9uZy1jb250ZW50PlxyXG4gICAgICA8c3Bhbj57eyB0ZXh0IH19PC9zcGFuPlxyXG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1zdWZmaXhcIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgPG5nLXRlbXBsYXRlICNjb250ZW50PlxyXG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1jb250ZW50XCI+IDwvbmctY29udGVudD5cclxuICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgYCxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhUYWJJdGVtQ29tcG9uZW50IGV4dGVuZHMgQVhCYXNlVGFiSXRlbU1peGluIHtcclxuICBjb25zdHJ1Y3RvcihfZWxlbWVudFJlZjogRWxlbWVudFJlZiwgX2NkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcclxuICAgIHN1cGVyKF9lbGVtZW50UmVmLCBfY2RyKTtcclxuICB9XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgdGV4dDogc3RyaW5nO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGtleTogc3RyaW5nO1xyXG5cclxuICBAVmlld0NoaWxkKCdjb250ZW50JylcclxuICB0ZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcclxuXHJcbiAgQENvbnRlbnRDaGlsZCgndGFiSGVhZGVyJywgeyBzdGF0aWM6IHRydWUgfSlcclxuICBoZWFkZXJUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcclxuXHJcbiAgQE91dHB1dCgpXHJcbiAgYWN0aXZlQ2hhbmdlOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcblxyXG4gIHByaXZhdGUgX2FjdGl2ZTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGdldCBhY3RpdmUoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy5fYWN0aXZlO1xyXG4gIH1cclxuICBwdWJsaWMgc2V0IGFjdGl2ZSh2YWx1ZTogYm9vbGVhbikge1xyXG4gICAgdGhpcy5fc2V0T3B0aW9uKHtcclxuICAgICAgbmFtZTogJ2FjdGl2ZScsXHJcbiAgICAgIHZhbHVlLFxyXG4gICAgICBhZnRlckNhbGxiYWNrOiAoKSA9PiB7XHJcbiAgICAgICAgdGhpcy5fY2RyLm1hcmtGb3JDaGVjaygpO1xyXG4gICAgICB9LFxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBAT3V0cHV0KClcclxuICBkaXNhYmxlZENoYW5nZTogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG4gIHByaXZhdGUgX2Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgZ2V0IGRpc2FibGVkKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMuX2Rpc2FibGVkO1xyXG4gIH1cclxuICBwdWJsaWMgc2V0IGRpc2FibGVkKHZhbHVlOiBib29sZWFuKSB7XHJcbiAgICB0aGlzLl9zZXRPcHRpb24oe1xyXG4gICAgICBuYW1lOiAnZGlzYWJsZWQnLFxyXG4gICAgICB2YWx1ZSxcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snLCBbJyRldmVudCddKVxyXG4gIHByaXZhdGUgX19ob3N0Q2xpY2soZTogTW91c2VFdmVudCkge1xyXG4gICAgaWYgKCF0aGlzLmRpc2FibGVkKSB7XHJcbiAgICAgIHRoaXMub25DbGljay5lbWl0KHtcclxuICAgICAgICBjb21wb25lbnQ6IHRoaXMsXHJcbiAgICAgICAgaHRtbEVsZW1lbnQ6IHRoaXMuX2dldEhvc3RFbGVtZW50KCksXHJcbiAgICAgICAgbmF0aXZlRXZlbnQ6IGUsXHJcbiAgICAgIH0pO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgX29uT3B0aW9uQ2hhbmdlZChvcHRpb246IEFYQ29tcG9uZW50T3B0aW9uQ2hhbmdlZCk6IHZvaWQge1xyXG4gICAgY29uc3QgY2xhc3NMaXN0UmVmID0gdGhpcy5fZ2V0SG9zdEVsZW1lbnQoKS5jbGFzc0xpc3Q7XHJcbiAgICBpZiAob3B0aW9uLm5hbWUgPT0gJ2Rpc2FibGVkJykge1xyXG4gICAgICBvcHRpb24ubmV3VmFsdWUgPyBjbGFzc0xpc3RSZWYuYWRkKCdheC1zdGF0ZS1kaXNhYmxlZCcpIDogY2xhc3NMaXN0UmVmLnJlbW92ZSgnYXgtc3RhdGUtZGlzYWJsZWQnKTtcclxuICAgIH1cclxuICAgIGlmIChvcHRpb24ubmFtZSA9PSAnYWN0aXZlJykge1xyXG4gICAgICBvcHRpb24ubmV3VmFsdWUgPyBjbGFzc0xpc3RSZWYuYWRkKCdheC1zdGF0ZS1hY3RpdmUnKSA6IGNsYXNzTGlzdFJlZi5yZW1vdmUoJ2F4LXN0YXRlLWFjdGl2ZScpO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iXX0=

package/esm2020/tabs/src/tabs.component.mjs CHANGED Viewed

@@ -77,14 +77,14 @@ AXTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
     <div class="ax-items-wrapper">
       <ng-content select="ax-tab-item"> </ng-content>
     </div>
-  `, isInline: true, styles: [".ax-dark ax-tabs.ax-look-classic ax-tab-item:hover,.ax-dark ax-tabs.ax-look-classic ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500))!important;border-top-color:rgba(var(--ax-color-primary-500))!important;border-bottom-color:transparent!important;color:rgba(var(--ax-color-primary-fore))!important}ax-tabs{position:relative;display:block}ax-tabs.ax-tabs-fit{width:100%}ax-tabs.ax-tabs-fit ax-tab-item{flex:1}ax-tabs:not(.ax-look-custom) .ax-items-wrapper{position:relative}ax-tabs:not(.ax-look-custom) .ax-items-wrapper ax-tab-item{font-size:.875rem;line-height:1.25rem;padding:.75rem 1rem;cursor:pointer;position:relative;display:flex;gap:.5rem;-webkit-user-select:none;user-select:none}ax-tabs:not(.ax-look-custom) .ax-items-wrapper ax-tab-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-tabs.ax-horizontal .ax-items-wrapper{display:flex}ax-tabs.ax-horizontal .ax-items-wrapper ax-tab-item{text-align:center;align-items:center;justify-content:center}ax-tabs.ax-horizontal.ax-look-pills ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-inline-end:.5rem}ax-tabs.ax-horizontal.ax-look-pills ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-text-default))}ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-inline-end:.25rem}ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item{background:rgba(var(--ax-color-on-surface));border-top-width:1px;border-inline-start-width:1px;border-inline-end-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));margin-inline-end:.2rem}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));border-top-color:rgba(var(--ax-color-primary-500));border-bottom-color:transparent;color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-vertical .ax-items-wrapper{display:flex;flex-direction:column}ax-tabs.ax-vertical.ax-look-pills ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-block-end:.25rem}ax-tabs.ax-vertical.ax-look-pills ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-text-default))}ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-block-end:.25rem}ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item{border-inline-start:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper{border-top-width:1px;border-bottom-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item{background:rgba(var(--ax-color-on-surface));border-inline-start-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));border-inline-start-color:rgba(var(--ax-color-primary-500));border-inline-end-color:transparent;color:rgba(var(--ax-color-primary-500))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: [".ax-dark ax-tabs.ax-look-classic ax-tab-item:hover,.ax-dark ax-tabs.ax-look-classic ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500))!important;border-top-color:rgba(var(--ax-color-primary-500))!important;border-bottom-color:transparent!important;color:rgba(var(--ax-color-primary-fore))!important}.ax-dark ax-tabs.ax-look-with-line .ax-items-wrapper ax-tab-item:hover,.ax-dark ax-tabs.ax-look-with-line .ax-items-wrapper ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}ax-tabs{position:relative;display:block}ax-tabs.ax-tabs-fit{width:100%}ax-tabs.ax-tabs-fit ax-tab-item{flex:1}ax-tabs:not(.ax-look-custom) .ax-items-wrapper{position:relative}ax-tabs:not(.ax-look-custom) .ax-items-wrapper ax-tab-item{font-size:.875rem;line-height:1.25rem;padding:.75rem 1rem;cursor:pointer;position:relative;display:flex;gap:.5rem;-webkit-user-select:none;user-select:none}ax-tabs:not(.ax-look-custom) .ax-items-wrapper ax-tab-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-tabs.ax-horizontal .ax-items-wrapper{display:flex}ax-tabs.ax-horizontal .ax-items-wrapper ax-tab-item{text-align:center;align-items:center;justify-content:center}ax-tabs.ax-horizontal.ax-look-pills ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-inline-end:.5rem}ax-tabs.ax-horizontal.ax-look-pills ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-text-default))}ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-inline-end:.25rem}ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item{background:rgba(var(--ax-color-on-surface));border-top-width:1px;border-inline-start-width:1px;border-inline-end-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));margin-inline-end:.2rem}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));border-top-color:rgba(var(--ax-color-primary-500));border-bottom-color:transparent;color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-vertical .ax-items-wrapper{display:flex;flex-direction:column}ax-tabs.ax-vertical.ax-look-pills ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-block-end:.25rem}ax-tabs.ax-vertical.ax-look-pills ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-text-default))}ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-block-end:.25rem}ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item{border-inline-start:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper{border-top-width:1px;border-bottom-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item{background:rgba(var(--ax-color-on-surface));border-inline-start-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));border-inline-start-color:rgba(var(--ax-color-primary-500));border-inline-end-color:transparent;color:rgba(var(--ax-color-primary-500))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXTabsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-tabs', template: `
     <div class="ax-items-wrapper">
       <ng-content select="ax-tab-item"> </ng-content>
     </div>
-  `, host: { class: 'ax-tabs' }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".ax-dark ax-tabs.ax-look-classic ax-tab-item:hover,.ax-dark ax-tabs.ax-look-classic ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500))!important;border-top-color:rgba(var(--ax-color-primary-500))!important;border-bottom-color:transparent!important;color:rgba(var(--ax-color-primary-fore))!important}ax-tabs{position:relative;display:block}ax-tabs.ax-tabs-fit{width:100%}ax-tabs.ax-tabs-fit ax-tab-item{flex:1}ax-tabs:not(.ax-look-custom) .ax-items-wrapper{position:relative}ax-tabs:not(.ax-look-custom) .ax-items-wrapper ax-tab-item{font-size:.875rem;line-height:1.25rem;padding:.75rem 1rem;cursor:pointer;position:relative;display:flex;gap:.5rem;-webkit-user-select:none;user-select:none}ax-tabs:not(.ax-look-custom) .ax-items-wrapper ax-tab-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-tabs.ax-horizontal .ax-items-wrapper{display:flex}ax-tabs.ax-horizontal .ax-items-wrapper ax-tab-item{text-align:center;align-items:center;justify-content:center}ax-tabs.ax-horizontal.ax-look-pills ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-inline-end:.5rem}ax-tabs.ax-horizontal.ax-look-pills ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-text-default))}ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-inline-end:.25rem}ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item{background:rgba(var(--ax-color-on-surface));border-top-width:1px;border-inline-start-width:1px;border-inline-end-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));margin-inline-end:.2rem}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));border-top-color:rgba(var(--ax-color-primary-500));border-bottom-color:transparent;color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-vertical .ax-items-wrapper{display:flex;flex-direction:column}ax-tabs.ax-vertical.ax-look-pills ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-block-end:.25rem}ax-tabs.ax-vertical.ax-look-pills ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-text-default))}ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-block-end:.25rem}ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item{border-inline-start:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper{border-top-width:1px;border-bottom-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item{background:rgba(var(--ax-color-on-surface));border-inline-start-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));border-inline-start-color:rgba(var(--ax-color-primary-500));border-inline-end-color:transparent;color:rgba(var(--ax-color-primary-500))}\n"] }]
+  `, host: { class: 'ax-tabs' }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".ax-dark ax-tabs.ax-look-classic ax-tab-item:hover,.ax-dark ax-tabs.ax-look-classic ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500))!important;border-top-color:rgba(var(--ax-color-primary-500))!important;border-bottom-color:transparent!important;color:rgba(var(--ax-color-primary-fore))!important}.ax-dark ax-tabs.ax-look-with-line .ax-items-wrapper ax-tab-item:hover,.ax-dark ax-tabs.ax-look-with-line .ax-items-wrapper ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}ax-tabs{position:relative;display:block}ax-tabs.ax-tabs-fit{width:100%}ax-tabs.ax-tabs-fit ax-tab-item{flex:1}ax-tabs:not(.ax-look-custom) .ax-items-wrapper{position:relative}ax-tabs:not(.ax-look-custom) .ax-items-wrapper ax-tab-item{font-size:.875rem;line-height:1.25rem;padding:.75rem 1rem;cursor:pointer;position:relative;display:flex;gap:.5rem;-webkit-user-select:none;user-select:none}ax-tabs:not(.ax-look-custom) .ax-items-wrapper ax-tab-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-tabs.ax-horizontal .ax-items-wrapper{display:flex}ax-tabs.ax-horizontal .ax-items-wrapper ax-tab-item{text-align:center;align-items:center;justify-content:center}ax-tabs.ax-horizontal.ax-look-pills ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-inline-end:.5rem}ax-tabs.ax-horizontal.ax-look-pills ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-text-default))}ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-inline-end:.25rem}ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item{background:rgba(var(--ax-color-on-surface));border-top-width:1px;border-inline-start-width:1px;border-inline-end-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));margin-inline-end:.2rem}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));border-top-color:rgba(var(--ax-color-primary-500));border-bottom-color:transparent;color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-vertical .ax-items-wrapper{display:flex;flex-direction:column}ax-tabs.ax-vertical.ax-look-pills ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-block-end:.25rem}ax-tabs.ax-vertical.ax-look-pills ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-text-default))}ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-block-end:.25rem}ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item{border-inline-start:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper{border-top-width:1px;border-bottom-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item{background:rgba(var(--ax-color-on-surface));border-inline-start-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));border-inline-start-color:rgba(var(--ax-color-primary-500));border-inline-end-color:transparent;color:rgba(var(--ax-color-primary-500))}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _contentTabs: [{
                 type: ContentChildren,
                 args: [AXTabItemComponent]

package/esm2020/toast/src/toast.component.mjs CHANGED Viewed

@@ -3,6 +3,7 @@ import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, } f
 import { AXBaseComponentMixin } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
+import * as i2 from "@acorex/components/button";
 /**
  * The Button is a component which detects user interaction and triggers a corresponding event
  *
@@ -52,12 +53,12 @@ export class AXToastComponent extends AXBaseComponentMixin {
     }
 }
 AXToastComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXToastComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXToastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXToastComponent, selector: "ax-toast", host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }], usesInheritance: true, ngImport: i0, template: "<span [class]=\"'ax-toast-icon' + ' ' +  _icon \"></span>\r\n<div class=\"ax-toast-content\">\r\n    <div class=\"ax-toast-title\" [class.ax-mb-2]=\"options.title && options.content\">{{options.title}}</div>\r\n    <div class=\"ax-toast-content\" [innerHTML]=\"options.content\"></div>\r\n    <div class=\"ax-toast-buttons\" *ngIf=\"options?.buttons?.length\">\r\n        <button *ngFor=\"let button of options.buttons\" (click)=\"_handleButtonClick(button)\">\r\n            {{button.text}}\r\n        </button>\r\n    </div>\r\n</div>\r\n<span class=\"ax-icon ax-icon-close\" *ngIf=\"options.closeable\" (click)=\"close()\"></span>\r\n<div class=\"ax-toast-progress\" [style.animation-duration.ms]=\"options.timeOut\" *ngIf=\"options.timeOut\"></div>", styles: [".ax-dark ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-900));color:rgba(var(--ax-color-primary-100));border-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-toast.ax-primary .ax-toast-title{color:rgba(var(--ax-color-primary-100))}.ax-dark ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-900));color:rgba(var(--ax-color-secondary-100));border-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-toast.ax-secondary .ax-toast-title{color:rgba(var(--ax-color-secondary-100))}.ax-dark ax-toast.ax-secondary .ax-toast-progress{background-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-toast.ax-success{background-color:rgba(var(--ax-color-success-900));color:rgba(var(--ax-color-success-100));border-color:rgba(var(--ax-color-success-500))}.ax-dark ax-toast.ax-success .ax-toast-title{color:rgba(var(--ax-color-success-100))}.ax-dark ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-500))}.ax-dark ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-900));color:rgba(var(--ax-color-warning-100));border-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-toast.ax-warning .ax-toast-title{color:rgba(var(--ax-color-warning-100))}.ax-dark ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-900));color:rgba(var(--ax-color-danger-100));border-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-toast.ax-danger .ax-toast-title{color:rgba(var(--ax-color-danger-100))}.ax-dark ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-500))}ax-toast{width:max(20vw,380px);display:flex;padding:.75rem 1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;background-color:rgba(var(--ax-color-surface));border-color:rgba(var(--ax-color-border-default));position:relative;overflow:hidden;box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-700))}ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-toast.ax-secondary .ax-toast-progress{background-color:rgba(var(--ax-color-secondary-700))}ax-toast.ax-success{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-700))}ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-700))}ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-700))}@media (max-width: 599px){ax-toast{width:98vw}}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{font-size:1.25rem}ax-toast .ax-toast-icon{padding-inline-end:.75rem}ax-toast .ax-toast-content{display:flex;flex-direction:column;flex:1}ax-toast .ax-toast-content .ax-toast-title{font-weight:500}ax-toast .ax-toast-content .ax-toast-title.ax-mb-2{margin-bottom:.5rem}ax-toast .ax-toast-content .ax-toast-buttons{margin-top:.5rem}ax-toast .ax-toast-content .ax-toast-buttons button{font-weight:500}ax-toast .ax-toast-content .ax-toast-buttons button:hover{opacity:.6}ax-toast .ax-icon-close{cursor:pointer;height:-moz-fit-content;height:fit-content}ax-toast .ax-icon-close:hover{opacity:.6}ax-toast .ax-toast-progress{position:absolute;right:0;left:0;bottom:0;height:.25rem;width:100%;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar;background-color:rgba(var(--ax-color-border-default))}@keyframes progressBar{0%{width:100%}to{width:0%}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+AXToastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXToastComponent, selector: "ax-toast", host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }], usesInheritance: true, ngImport: i0, template: "<span [class]=\"'ax-toast-icon' + ' ' + _icon\"></span>\r\n<div class=\"ax-toast-content\">\r\n  <div class=\"ax-toast-title\" [class.ax-mb-2]=\"options.title && options.content\">{{ options.title }}</div>\r\n  <div class=\"ax-toast-content\" [innerHTML]=\"options.content\"></div>\r\n  <div class=\"ax-toast-buttons\" *ngIf=\"options?.buttons?.length\">\r\n    <!-- <button  (click)=\"_handleButtonClick(button)\">\r\n            {{button.text}}\r\n        </button> -->\r\n    <ng-container *ngFor=\"let button of options.buttons\">\r\n      <ax-button\r\n        class=\"ax-sm\"\r\n        [look]=\"button.look\"\r\n        [color]=\"this.options.color\"\r\n        [text]=\"button.text\"\r\n        (onClick)=\"_handleButtonClick(button)\"></ax-button>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n<span class=\"ax-icon ax-icon-close\" *ngIf=\"options.closeable\" (click)=\"close()\"></span>\r\n<div class=\"ax-toast-progress\" [style.animation-duration.ms]=\"options.timeOut\" *ngIf=\"options.timeOut\"></div>\r\n", styles: [".ax-dark ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-600))}.ax-dark ax-toast.ax-primary .ax-toast-title{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary ax-button[class$=blank]{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-600))}.ax-dark ax-toast.ax-secondary .ax-toast-title{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary ax-button[class$=blank]{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary .ax-toast-progress{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-toast.ax-success{background-color:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-600))}.ax-dark ax-toast.ax-success .ax-toast-title{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success ax-button[class$=blank]{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-600))}.ax-dark ax-toast.ax-warning .ax-toast-title{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-600))}.ax-dark ax-toast.ax-danger .ax-toast-title{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger ax-button[class$=blank]{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-toast.ax-info{background-color:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-600))}.ax-dark ax-toast.ax-info .ax-toast-title{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info ax-button[class$=blank]{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info .ax-toast-progress{background-color:rgba(var(--ax-color-info-200))}ax-toast{width:max(20vw,380px);display:flex;padding:.75rem 1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;background-color:rgba(var(--ax-color-surface));border-color:rgba(var(--ax-color-border-default));position:relative;overflow:hidden;box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-700))}ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-toast.ax-secondary .ax-toast-progress{background-color:rgba(var(--ax-color-secondary-700))}ax-toast.ax-success{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-700))}ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-700))}ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-700))}ax-toast.ax-info{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-toast.ax-info .ax-toast-progress{background-color:rgba(var(--ax-color-info-700))}@media (max-width: 599px){ax-toast{width:98vw}}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{font-size:1.25rem}ax-toast .ax-toast-icon{padding-inline-end:.75rem}ax-toast .ax-toast-content{display:flex;flex-direction:column;flex:1}ax-toast .ax-toast-content .ax-toast-title{font-weight:500}ax-toast .ax-toast-content .ax-toast-title.ax-mb-2{margin-bottom:.5rem}ax-toast .ax-toast-content .ax-toast-buttons{margin:.75rem 0;display:flex;gap:.5rem}ax-toast .ax-icon-close{cursor:pointer;height:-moz-fit-content;height:fit-content}ax-toast .ax-icon-close:hover{opacity:.6}ax-toast .ax-toast-progress{position:absolute;right:0;left:0;bottom:0;height:.25rem;width:100%;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar;background-color:rgba(var(--ax-color-border-default))}@keyframes progressBar{0%{width:100%}to{width:0%}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXToastComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-toast', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }], template: "<span [class]=\"'ax-toast-icon' + ' ' +  _icon \"></span>\r\n<div class=\"ax-toast-content\">\r\n    <div class=\"ax-toast-title\" [class.ax-mb-2]=\"options.title && options.content\">{{options.title}}</div>\r\n    <div class=\"ax-toast-content\" [innerHTML]=\"options.content\"></div>\r\n    <div class=\"ax-toast-buttons\" *ngIf=\"options?.buttons?.length\">\r\n        <button *ngFor=\"let button of options.buttons\" (click)=\"_handleButtonClick(button)\">\r\n            {{button.text}}\r\n        </button>\r\n    </div>\r\n</div>\r\n<span class=\"ax-icon ax-icon-close\" *ngIf=\"options.closeable\" (click)=\"close()\"></span>\r\n<div class=\"ax-toast-progress\" [style.animation-duration.ms]=\"options.timeOut\" *ngIf=\"options.timeOut\"></div>", styles: [".ax-dark ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-900));color:rgba(var(--ax-color-primary-100));border-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-toast.ax-primary .ax-toast-title{color:rgba(var(--ax-color-primary-100))}.ax-dark ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-900));color:rgba(var(--ax-color-secondary-100));border-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-toast.ax-secondary .ax-toast-title{color:rgba(var(--ax-color-secondary-100))}.ax-dark ax-toast.ax-secondary .ax-toast-progress{background-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-toast.ax-success{background-color:rgba(var(--ax-color-success-900));color:rgba(var(--ax-color-success-100));border-color:rgba(var(--ax-color-success-500))}.ax-dark ax-toast.ax-success .ax-toast-title{color:rgba(var(--ax-color-success-100))}.ax-dark ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-500))}.ax-dark ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-900));color:rgba(var(--ax-color-warning-100));border-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-toast.ax-warning .ax-toast-title{color:rgba(var(--ax-color-warning-100))}.ax-dark ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-900));color:rgba(var(--ax-color-danger-100));border-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-toast.ax-danger .ax-toast-title{color:rgba(var(--ax-color-danger-100))}.ax-dark ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-500))}ax-toast{width:max(20vw,380px);display:flex;padding:.75rem 1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;background-color:rgba(var(--ax-color-surface));border-color:rgba(var(--ax-color-border-default));position:relative;overflow:hidden;box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-700))}ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-toast.ax-secondary .ax-toast-progress{background-color:rgba(var(--ax-color-secondary-700))}ax-toast.ax-success{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-700))}ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-700))}ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-700))}@media (max-width: 599px){ax-toast{width:98vw}}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{font-size:1.25rem}ax-toast .ax-toast-icon{padding-inline-end:.75rem}ax-toast .ax-toast-content{display:flex;flex-direction:column;flex:1}ax-toast .ax-toast-content .ax-toast-title{font-weight:500}ax-toast .ax-toast-content .ax-toast-title.ax-mb-2{margin-bottom:.5rem}ax-toast .ax-toast-content .ax-toast-buttons{margin-top:.5rem}ax-toast .ax-toast-content .ax-toast-buttons button{font-weight:500}ax-toast .ax-toast-content .ax-toast-buttons button:hover{opacity:.6}ax-toast .ax-icon-close{cursor:pointer;height:-moz-fit-content;height:fit-content}ax-toast .ax-icon-close:hover{opacity:.6}ax-toast .ax-toast-progress{position:absolute;right:0;left:0;bottom:0;height:.25rem;width:100%;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar;background-color:rgba(var(--ax-color-border-default))}@keyframes progressBar{0%{width:100%}to{width:0%}}\n"] }]
+            args: [{ selector: 'ax-toast', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }], template: "<span [class]=\"'ax-toast-icon' + ' ' + _icon\"></span>\r\n<div class=\"ax-toast-content\">\r\n  <div class=\"ax-toast-title\" [class.ax-mb-2]=\"options.title && options.content\">{{ options.title }}</div>\r\n  <div class=\"ax-toast-content\" [innerHTML]=\"options.content\"></div>\r\n  <div class=\"ax-toast-buttons\" *ngIf=\"options?.buttons?.length\">\r\n    <!-- <button  (click)=\"_handleButtonClick(button)\">\r\n            {{button.text}}\r\n        </button> -->\r\n    <ng-container *ngFor=\"let button of options.buttons\">\r\n      <ax-button\r\n        class=\"ax-sm\"\r\n        [look]=\"button.look\"\r\n        [color]=\"this.options.color\"\r\n        [text]=\"button.text\"\r\n        (onClick)=\"_handleButtonClick(button)\"></ax-button>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n<span class=\"ax-icon ax-icon-close\" *ngIf=\"options.closeable\" (click)=\"close()\"></span>\r\n<div class=\"ax-toast-progress\" [style.animation-duration.ms]=\"options.timeOut\" *ngIf=\"options.timeOut\"></div>\r\n", styles: [".ax-dark ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-600))}.ax-dark ax-toast.ax-primary .ax-toast-title{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary ax-button[class$=blank]{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-600))}.ax-dark ax-toast.ax-secondary .ax-toast-title{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary ax-button[class$=blank]{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary .ax-toast-progress{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-toast.ax-success{background-color:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-600))}.ax-dark ax-toast.ax-success .ax-toast-title{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success ax-button[class$=blank]{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-600))}.ax-dark ax-toast.ax-warning .ax-toast-title{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-600))}.ax-dark ax-toast.ax-danger .ax-toast-title{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger ax-button[class$=blank]{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-toast.ax-info{background-color:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-600))}.ax-dark ax-toast.ax-info .ax-toast-title{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info ax-button[class$=blank]{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info .ax-toast-progress{background-color:rgba(var(--ax-color-info-200))}ax-toast{width:max(20vw,380px);display:flex;padding:.75rem 1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;background-color:rgba(var(--ax-color-surface));border-color:rgba(var(--ax-color-border-default));position:relative;overflow:hidden;box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-700))}ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-toast.ax-secondary .ax-toast-progress{background-color:rgba(var(--ax-color-secondary-700))}ax-toast.ax-success{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-700))}ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-700))}ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-700))}ax-toast.ax-info{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-toast.ax-info .ax-toast-progress{background-color:rgba(var(--ax-color-info-700))}@media (max-width: 599px){ax-toast{width:98vw}}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{font-size:1.25rem}ax-toast .ax-toast-icon{padding-inline-end:.75rem}ax-toast .ax-toast-content{display:flex;flex-direction:column;flex:1}ax-toast .ax-toast-content .ax-toast-title{font-weight:500}ax-toast .ax-toast-content .ax-toast-title.ax-mb-2{margin-bottom:.5rem}ax-toast .ax-toast-content .ax-toast-buttons{margin:.75rem 0;display:flex;gap:.5rem}ax-toast .ax-icon-close{cursor:pointer;height:-moz-fit-content;height:fit-content}ax-toast .ax-icon-close:hover{opacity:.6}ax-toast .ax-toast-progress{position:absolute;right:0;left:0;bottom:0;height:.25rem;width:100%;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar;background-color:rgba(var(--ax-color-border-default))}@keyframes progressBar{0%{width:100%}to{width:0%}}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { __hostClass: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvdG9hc3Qvc3JjL3RvYXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL3RvYXN0L3NyYy90b2FzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUVoRSxPQUFPLEVBQ0wsU0FBUyxFQUNULGlCQUFpQixFQUNqQix1QkFBdUIsRUFHdkIsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7QUFFaEU7Ozs7R0FJRztBQVNILE1BQU0sT0FBTyxnQkFBaUIsU0FBUSxvQkFBb0I7SUFTeEQ7O09BRUc7SUFDSCxZQUFZLFVBQXNCLEVBQUUsR0FBc0I7UUFDeEQsS0FBSyxDQUFDLFVBQVUsRUFBRSxHQUFHLENBQUMsQ0FBQztRQVR6QixnQkFBVyxHQUFXLEdBQUcsQ0FBQztJQVUxQixDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLEVBQUU7WUFDeEIsVUFBVSxDQUFDLEdBQUcsRUFBRTtnQkFDZCxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDZixDQUFDLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQztTQUMxQjtRQUNELElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRTtZQUN0QixRQUFRLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxFQUFFO2dCQUMxQixLQUFLLFNBQVM7b0JBQ1osSUFBSSxDQUFDLEtBQUssR0FBRyxtQ0FBbUMsQ0FBQztvQkFDakQsTUFBTTtnQkFDUixLQUFLLFNBQVM7b0JBQ1osSUFBSSxDQUFDLEtBQUssR0FBRyw4QkFBOEIsQ0FBQztvQkFDNUMsTUFBTTtnQkFDUixLQUFLLFFBQVE7b0JBQ1gsSUFBSSxDQUFDLEtBQUssR0FBRyw0QkFBNEIsQ0FBQztvQkFDMUMsTUFBTTtnQkFDUjtvQkFDRSxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxJQUFJLG1DQUFtQyxDQUFDO29CQUN0RSxNQUFNO2FBQ1Q7U0FDRjthQUFNO1lBQ0wsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQztTQUNoQztJQUNILENBQUM7SUFFRCxrQkFBa0IsQ0FBQyxNQUFvQjtRQUNyQyxJQUFJLE1BQU0sQ0FBQyxPQUFPLEVBQUU7WUFDbEIsTUFBTSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUN0QjtJQUNILENBQUM7SUFFRCxJQUNZLFdBQVc7UUFDckIsT0FBTyxNQUFNLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxFQUFFLENBQUE7SUFDbkMsQ0FBQzs7NkdBbkRVLGdCQUFnQjtpR0FBaEIsZ0JBQWdCLDBGQUZoQixDQUFDLEVBQUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLFdBQVcsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLGlEQ3hCOUUsa3ZCQVc2RzsyRkRlaEcsZ0JBQWdCO2tCQVI1QixTQUFTOytCQUNFLFVBQVUsbUJBR0gsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxhQUMxQixDQUFDLEVBQUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLFdBQVcsa0JBQWtCLEVBQUUsQ0FBQztpSUFtRGhFLFdBQVc7c0JBRHRCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYQ2xvc2JhbGVDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvY29tbW9uJztcclxuaW1wb3J0IHsgQVhCdXR0b25JdGVtIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2J1dHRvbic7XHJcbmltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgSG9zdEJpbmRpbmcsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFYVG9hc3RPcHRpb25zIH0gZnJvbSAnLi90b2FzdC5jbGFzcyc7XHJcbmltcG9ydCB7IEFYQmFzZUNvbXBvbmVudE1peGluIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL21peGluJztcclxuXHJcbi8qKlxyXG4gKiBUaGUgQnV0dG9uIGlzIGEgY29tcG9uZW50IHdoaWNoIGRldGVjdHMgdXNlciBpbnRlcmFjdGlvbiBhbmQgdHJpZ2dlcnMgYSBjb3JyZXNwb25kaW5nIGV2ZW50XHJcbiAqXHJcbiAqIEBjYXRlZ29yeSBDb21wb25lbnRzXHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2F4LXRvYXN0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdG9hc3QuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3RvYXN0LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IEFYQ2xvc2JhbGVDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWFRvYXN0Q29tcG9uZW50IH1dLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhUb2FzdENvbXBvbmVudCBleHRlbmRzIEFYQmFzZUNvbXBvbmVudE1peGluIHtcclxuXHJcbiAgb3B0aW9uczogQVhUb2FzdE9wdGlvbnM7XHJcblxyXG4gIF90b2FzdFdpZHRoOiBudW1iZXIgPSAxMDA7XHJcblxyXG4gIF9pY29uOiBzdHJpbmc7XHJcblxyXG4gIGNsb3NlOiAoKSA9PiB2b2lkO1xyXG4gIC8qKlxyXG4gICAqICBAaWdub3JlXHJcbiAgICovXHJcbiAgY29uc3RydWN0b3IoZWxlbWVudFJlZjogRWxlbWVudFJlZiwgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge1xyXG4gICAgc3VwZXIoZWxlbWVudFJlZiwgY2RyKTtcclxuICB9XHJcblxyXG4gIG9uSW5pdCgpIHtcclxuICAgIGlmICh0aGlzLm9wdGlvbnMudGltZU91dCkge1xyXG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgICB0aGlzLmNsb3NlKCk7XHJcbiAgICAgIH0sIHRoaXMub3B0aW9ucy50aW1lT3V0KTtcclxuICAgIH1cclxuICAgIGlmICghdGhpcy5vcHRpb25zLmljb24pIHtcclxuICAgICAgc3dpdGNoICh0aGlzLm9wdGlvbnMuY29sb3IpIHtcclxuICAgICAgICBjYXNlICdzdWNjZXNzJzpcclxuICAgICAgICAgIHRoaXMuX2ljb24gPSAnYXgtaWNvbiBheC1pY29uLWNoZWNrLWNpcmNsZS1maWxsJztcclxuICAgICAgICAgIGJyZWFrO1xyXG4gICAgICAgIGNhc2UgJ3dhcm5pbmcnOlxyXG4gICAgICAgICAgdGhpcy5faWNvbiA9ICdheC1pY29uIGF4LWljb24td2FybmluZy1maWxsJztcclxuICAgICAgICAgIGJyZWFrO1xyXG4gICAgICAgIGNhc2UgJ2Rhbmdlcic6XHJcbiAgICAgICAgICB0aGlzLl9pY29uID0gJ2F4LWljb24gYXgtaWNvbi1lcnJvci1maWxsJztcclxuICAgICAgICAgIGJyZWFrO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICB0aGlzLl9pY29uID0gdGhpcy5vcHRpb25zLmljb24gfHwgJ2F4LWljb24gYXgtaWNvbi1jaGVjay1jaXJjbGUtZmlsbCc7XHJcbiAgICAgICAgICBicmVhaztcclxuICAgICAgfVxyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5faWNvbiA9IHRoaXMub3B0aW9ucy5pY29uO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgX2hhbmRsZUJ1dHRvbkNsaWNrKGJ1dHRvbjogQVhCdXR0b25JdGVtKSB7XHJcbiAgICBpZiAoYnV0dG9uLm9uQ2xpY2spIHtcclxuICAgICAgYnV0dG9uLm9uQ2xpY2sodGhpcyk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcclxuICBwcml2YXRlIGdldCBfX2hvc3RDbGFzcygpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGBheC0ke3RoaXMub3B0aW9ucy5jb2xvcn1gXHJcbiAgfVxyXG5cclxufVxyXG4iLCI8c3BhbiBbY2xhc3NdPVwiJ2F4LXRvYXN0LWljb24nICsgJyAnICsgIF9pY29uIFwiPjwvc3Bhbj5cclxuPGRpdiBjbGFzcz1cImF4LXRvYXN0LWNvbnRlbnRcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJheC10b2FzdC10aXRsZVwiIFtjbGFzcy5heC1tYi0yXT1cIm9wdGlvbnMudGl0bGUgJiYgb3B0aW9ucy5jb250ZW50XCI+e3tvcHRpb25zLnRpdGxlfX08L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJheC10b2FzdC1jb250ZW50XCIgW2lubmVySFRNTF09XCJvcHRpb25zLmNvbnRlbnRcIj48L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJheC10b2FzdC1idXR0b25zXCIgKm5nSWY9XCJvcHRpb25zPy5idXR0b25zPy5sZW5ndGhcIj5cclxuICAgICAgICA8YnV0dG9uICpuZ0Zvcj1cImxldCBidXR0b24gb2Ygb3B0aW9ucy5idXR0b25zXCIgKGNsaWNrKT1cIl9oYW5kbGVCdXR0b25DbGljayhidXR0b24pXCI+XHJcbiAgICAgICAgICAgIHt7YnV0dG9uLnRleHR9fVxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PlxyXG48c3BhbiBjbGFzcz1cImF4LWljb24gYXgtaWNvbi1jbG9zZVwiICpuZ0lmPVwib3B0aW9ucy5jbG9zZWFibGVcIiAoY2xpY2spPVwiY2xvc2UoKVwiPjwvc3Bhbj5cclxuPGRpdiBjbGFzcz1cImF4LXRvYXN0LXByb2dyZXNzXCIgW3N0eWxlLmFuaW1hdGlvbi1kdXJhdGlvbi5tc109XCJvcHRpb25zLnRpbWVPdXRcIiAqbmdJZj1cIm9wdGlvbnMudGltZU91dFwiPjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvdG9hc3Qvc3JjL3RvYXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL3RvYXN0L3NyYy90b2FzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUVoRSxPQUFPLEVBQ0wsU0FBUyxFQUNULGlCQUFpQixFQUNqQix1QkFBdUIsRUFHdkIsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7O0FBRWhFOzs7O0dBSUc7QUFTSCxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsb0JBQW9CO0lBU3hEOztPQUVHO0lBQ0gsWUFBWSxVQUFzQixFQUFFLEdBQXNCO1FBQ3hELEtBQUssQ0FBQyxVQUFVLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFUekIsZ0JBQVcsR0FBVyxHQUFHLENBQUM7SUFVMUIsQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxFQUFFO1lBQ3hCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7Z0JBQ2QsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ2YsQ0FBQyxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUM7U0FDMUI7UUFDRCxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUU7WUFDdEIsUUFBUSxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRTtnQkFDMUIsS0FBSyxTQUFTO29CQUNaLElBQUksQ0FBQyxLQUFLLEdBQUcsbUNBQW1DLENBQUM7b0JBQ2pELE1BQU07Z0JBQ1IsS0FBSyxTQUFTO29CQUNaLElBQUksQ0FBQyxLQUFLLEdBQUcsOEJBQThCLENBQUM7b0JBQzVDLE1BQU07Z0JBQ1IsS0FBSyxRQUFRO29CQUNYLElBQUksQ0FBQyxLQUFLLEdBQUcsNEJBQTRCLENBQUM7b0JBQzFDLE1BQU07Z0JBQ1I7b0JBQ0UsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksSUFBSSxtQ0FBbUMsQ0FBQztvQkFDdEUsTUFBTTthQUNUO1NBQ0Y7YUFBTTtZQUNMLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUM7U0FDaEM7SUFDSCxDQUFDO0lBRUQsa0JBQWtCLENBQUMsTUFBb0I7UUFDckMsSUFBSSxNQUFNLENBQUMsT0FBTyxFQUFFO1lBQ2xCLE1BQU0sQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDdEI7SUFDSCxDQUFDO0lBRUQsSUFDWSxXQUFXO1FBQ3JCLE9BQU8sTUFBTSxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFBO0lBQ25DLENBQUM7OzZHQW5EVSxnQkFBZ0I7aUdBQWhCLGdCQUFnQiwwRkFGaEIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxXQUFXLEVBQUUsZ0JBQWdCLEVBQUUsQ0FBQyxpREN4QjlFLCsvQkFvQkE7MkZETWEsZ0JBQWdCO2tCQVI1QixTQUFTOytCQUNFLFVBQVUsbUJBR0gsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxhQUMxQixDQUFDLEVBQUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLFdBQVcsa0JBQWtCLEVBQUUsQ0FBQztpSUFtRGhFLFdBQVc7c0JBRHRCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYQ2xvc2JhbGVDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvY29tbW9uJztcclxuaW1wb3J0IHsgQVhCdXR0b25JdGVtIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2J1dHRvbic7XHJcbmltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgSG9zdEJpbmRpbmcsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFYVG9hc3RPcHRpb25zIH0gZnJvbSAnLi90b2FzdC5jbGFzcyc7XHJcbmltcG9ydCB7IEFYQmFzZUNvbXBvbmVudE1peGluIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL21peGluJztcclxuXHJcbi8qKlxyXG4gKiBUaGUgQnV0dG9uIGlzIGEgY29tcG9uZW50IHdoaWNoIGRldGVjdHMgdXNlciBpbnRlcmFjdGlvbiBhbmQgdHJpZ2dlcnMgYSBjb3JyZXNwb25kaW5nIGV2ZW50XHJcbiAqXHJcbiAqIEBjYXRlZ29yeSBDb21wb25lbnRzXHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2F4LXRvYXN0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdG9hc3QuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3RvYXN0LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IEFYQ2xvc2JhbGVDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWFRvYXN0Q29tcG9uZW50IH1dLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhUb2FzdENvbXBvbmVudCBleHRlbmRzIEFYQmFzZUNvbXBvbmVudE1peGluIHtcclxuXHJcbiAgb3B0aW9uczogQVhUb2FzdE9wdGlvbnM7XHJcblxyXG4gIF90b2FzdFdpZHRoOiBudW1iZXIgPSAxMDA7XHJcblxyXG4gIF9pY29uOiBzdHJpbmc7XHJcblxyXG4gIGNsb3NlOiAoKSA9PiB2b2lkO1xyXG4gIC8qKlxyXG4gICAqICBAaWdub3JlXHJcbiAgICovXHJcbiAgY29uc3RydWN0b3IoZWxlbWVudFJlZjogRWxlbWVudFJlZiwgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge1xyXG4gICAgc3VwZXIoZWxlbWVudFJlZiwgY2RyKTtcclxuICB9XHJcblxyXG4gIG9uSW5pdCgpIHtcclxuICAgIGlmICh0aGlzLm9wdGlvbnMudGltZU91dCkge1xyXG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgICB0aGlzLmNsb3NlKCk7XHJcbiAgICAgIH0sIHRoaXMub3B0aW9ucy50aW1lT3V0KTtcclxuICAgIH1cclxuICAgIGlmICghdGhpcy5vcHRpb25zLmljb24pIHtcclxuICAgICAgc3dpdGNoICh0aGlzLm9wdGlvbnMuY29sb3IpIHtcclxuICAgICAgICBjYXNlICdzdWNjZXNzJzpcclxuICAgICAgICAgIHRoaXMuX2ljb24gPSAnYXgtaWNvbiBheC1pY29uLWNoZWNrLWNpcmNsZS1maWxsJztcclxuICAgICAgICAgIGJyZWFrO1xyXG4gICAgICAgIGNhc2UgJ3dhcm5pbmcnOlxyXG4gICAgICAgICAgdGhpcy5faWNvbiA9ICdheC1pY29uIGF4LWljb24td2FybmluZy1maWxsJztcclxuICAgICAgICAgIGJyZWFrO1xyXG4gICAgICAgIGNhc2UgJ2Rhbmdlcic6XHJcbiAgICAgICAgICB0aGlzLl9pY29uID0gJ2F4LWljb24gYXgtaWNvbi1lcnJvci1maWxsJztcclxuICAgICAgICAgIGJyZWFrO1xyXG4gICAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgICB0aGlzLl9pY29uID0gdGhpcy5vcHRpb25zLmljb24gfHwgJ2F4LWljb24gYXgtaWNvbi1jaGVjay1jaXJjbGUtZmlsbCc7XHJcbiAgICAgICAgICBicmVhaztcclxuICAgICAgfVxyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5faWNvbiA9IHRoaXMub3B0aW9ucy5pY29uO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgX2hhbmRsZUJ1dHRvbkNsaWNrKGJ1dHRvbjogQVhCdXR0b25JdGVtKSB7XHJcbiAgICBpZiAoYnV0dG9uLm9uQ2xpY2spIHtcclxuICAgICAgYnV0dG9uLm9uQ2xpY2sodGhpcyk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcclxuICBwcml2YXRlIGdldCBfX2hvc3RDbGFzcygpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGBheC0ke3RoaXMub3B0aW9ucy5jb2xvcn1gXHJcbiAgfVxyXG5cclxufVxyXG4iLCI8c3BhbiBbY2xhc3NdPVwiJ2F4LXRvYXN0LWljb24nICsgJyAnICsgX2ljb25cIj48L3NwYW4+XHJcbjxkaXYgY2xhc3M9XCJheC10b2FzdC1jb250ZW50XCI+XHJcbiAgPGRpdiBjbGFzcz1cImF4LXRvYXN0LXRpdGxlXCIgW2NsYXNzLmF4LW1iLTJdPVwib3B0aW9ucy50aXRsZSAmJiBvcHRpb25zLmNvbnRlbnRcIj57eyBvcHRpb25zLnRpdGxlIH19PC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cImF4LXRvYXN0LWNvbnRlbnRcIiBbaW5uZXJIVE1MXT1cIm9wdGlvbnMuY29udGVudFwiPjwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJheC10b2FzdC1idXR0b25zXCIgKm5nSWY9XCJvcHRpb25zPy5idXR0b25zPy5sZW5ndGhcIj5cclxuICAgIDwhLS0gPGJ1dHRvbiAgKGNsaWNrKT1cIl9oYW5kbGVCdXR0b25DbGljayhidXR0b24pXCI+XHJcbiAgICAgICAgICAgIHt7YnV0dG9uLnRleHR9fVxyXG4gICAgICAgIDwvYnV0dG9uPiAtLT5cclxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGJ1dHRvbiBvZiBvcHRpb25zLmJ1dHRvbnNcIj5cclxuICAgICAgPGF4LWJ1dHRvblxyXG4gICAgICAgIGNsYXNzPVwiYXgtc21cIlxyXG4gICAgICAgIFtsb29rXT1cImJ1dHRvbi5sb29rXCJcclxuICAgICAgICBbY29sb3JdPVwidGhpcy5vcHRpb25zLmNvbG9yXCJcclxuICAgICAgICBbdGV4dF09XCJidXR0b24udGV4dFwiXHJcbiAgICAgICAgKG9uQ2xpY2spPVwiX2hhbmRsZUJ1dHRvbkNsaWNrKGJ1dHRvbilcIj48L2F4LWJ1dHRvbj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuPHNwYW4gY2xhc3M9XCJheC1pY29uIGF4LWljb24tY2xvc2VcIiAqbmdJZj1cIm9wdGlvbnMuY2xvc2VhYmxlXCIgKGNsaWNrKT1cImNsb3NlKClcIj48L3NwYW4+XHJcbjxkaXYgY2xhc3M9XCJheC10b2FzdC1wcm9ncmVzc1wiIFtzdHlsZS5hbmltYXRpb24tZHVyYXRpb24ubXNdPVwib3B0aW9ucy50aW1lT3V0XCIgKm5nSWY9XCJvcHRpb25zLnRpbWVPdXRcIj48L2Rpdj5cclxuIl19

package/esm2020/toast/src/toast.module.mjs CHANGED Viewed

@@ -1,13 +1,14 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { AXToastComponent } from './toast.component';
+import { AXButtonModule } from '@acorex/components/button';
 import * as i0 from "@angular/core";
 const COMPONENT = [AXToastComponent];
-const MODULES = [CommonModule];
+const MODULES = [CommonModule, AXButtonModule];
 export class AXToastModule {
 }
 AXToastModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXToastModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: AXToastModule, declarations: [AXToastComponent], imports: [CommonModule], exports: [AXToastComponent] });
+AXToastModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: AXToastModule, declarations: [AXToastComponent], imports: [CommonModule, AXButtonModule], exports: [AXToastComponent] });
 AXToastModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXToastModule, imports: [MODULES] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXToastModule, decorators: [{
             type: NgModule,
@@ -18,4 +19,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
                     providers: [],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvdG9hc3Qvc3JjL3RvYXN0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUFFckQsTUFBTSxTQUFTLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0FBQ3JDLE1BQU0sT0FBTyxHQUFHLENBQUMsWUFBWSxDQUFDLENBQUM7QUFRL0IsTUFBTSxPQUFPLGFBQWE7OzBHQUFiLGFBQWE7MkdBQWIsYUFBYSxpQkFUUCxnQkFBZ0IsYUFDbEIsWUFBWSxhQURWLGdCQUFnQjsyR0FTdEIsYUFBYSxZQUpULE9BQU87MkZBSVgsYUFBYTtrQkFOekIsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUUsQ0FBQyxHQUFHLFNBQVMsQ0FBQztvQkFDNUIsT0FBTyxFQUFFLENBQUMsR0FBRyxPQUFPLENBQUM7b0JBQ3JCLE9BQU8sRUFBRSxDQUFDLEdBQUcsU0FBUyxDQUFDO29CQUN2QixTQUFTLEVBQUUsRUFBRTtpQkFDaEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBBWFRvYXN0Q29tcG9uZW50IH0gZnJvbSAnLi90b2FzdC5jb21wb25lbnQnO1xyXG5cclxuY29uc3QgQ09NUE9ORU5UID0gW0FYVG9hc3RDb21wb25lbnRdO1xyXG5jb25zdCBNT0RVTEVTID0gW0NvbW1vbk1vZHVsZV07XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gICAgZGVjbGFyYXRpb25zOiBbLi4uQ09NUE9ORU5UXSxcclxuICAgIGltcG9ydHM6IFsuLi5NT0RVTEVTXSxcclxuICAgIGV4cG9ydHM6IFsuLi5DT01QT05FTlRdLFxyXG4gICAgcHJvdmlkZXJzOiBbXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFYVG9hc3RNb2R1bGUge1xyXG4gIFxyXG59XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvdG9hc3Qvc3JjL3RvYXN0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBRTNELE1BQU0sU0FBUyxHQUFHLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztBQUNyQyxNQUFNLE9BQU8sR0FBRyxDQUFDLFlBQVksRUFBRSxjQUFjLENBQUMsQ0FBQztBQVEvQyxNQUFNLE9BQU8sYUFBYTs7MEdBQWIsYUFBYTsyR0FBYixhQUFhLGlCQVRQLGdCQUFnQixhQUNsQixZQUFZLEVBQUUsY0FBYyxhQUQxQixnQkFBZ0I7MkdBU3RCLGFBQWEsWUFKWCxPQUFPOzJGQUlULGFBQWE7a0JBTnpCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsR0FBRyxTQUFTLENBQUM7b0JBQzVCLE9BQU8sRUFBRSxDQUFDLEdBQUcsT0FBTyxDQUFDO29CQUNyQixPQUFPLEVBQUUsQ0FBQyxHQUFHLFNBQVMsQ0FBQztvQkFDdkIsU0FBUyxFQUFFLEVBQUU7aUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBBWFRvYXN0Q29tcG9uZW50IH0gZnJvbSAnLi90b2FzdC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBBWEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9idXR0b24nO1xyXG5cclxuY29uc3QgQ09NUE9ORU5UID0gW0FYVG9hc3RDb21wb25lbnRdO1xyXG5jb25zdCBNT0RVTEVTID0gW0NvbW1vbk1vZHVsZSwgQVhCdXR0b25Nb2R1bGVdO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFsuLi5DT01QT05FTlRdLFxyXG4gIGltcG9ydHM6IFsuLi5NT0RVTEVTXSxcclxuICBleHBvcnRzOiBbLi4uQ09NUE9ORU5UXSxcclxuICBwcm92aWRlcnM6IFtdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhUb2FzdE1vZHVsZSB7fVxyXG4iXX0=