cax-design-system 2.2.0 → 2.3.0

package/esm2022/paginator/paginator.mjs

@@ -365,7 +365,7 @@ export class Paginator {
         return positions.join(' ');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: Paginator, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.caxConfig }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: Paginator, selector: "cax-paginator", inputs: { pageLinkSize: ["pageLinkSize", "pageLinkSize", numberAttribute], style: "style", styleClass: "styleClass", alwaysShow: ["alwaysShow", "alwaysShow", booleanAttribute], dropdownAppendTo: "dropdownAppendTo", templateLeft: "templateLeft", templateRight: "templateRight", appendTo: "appendTo", dropdownScrollHeight: "dropdownScrollHeight", currentPageReportTemplate: "currentPageReportTemplate", showCurrentPageReport: ["showCurrentPageReport", "showCurrentPageReport", booleanAttribute], showFirstLastIcon: ["showFirstLastIcon", "showFirstLastIcon", booleanAttribute], totalRecords: ["totalRecords", "totalRecords", numberAttribute], rows: ["rows", "rows", numberAttribute], rowsPerPageOptions: "rowsPerPageOptions", showJumpToPageDropdown: ["showJumpToPageDropdown", "showJumpToPageDropdown", booleanAttribute], showJumpToPageInput: ["showJumpToPageInput", "showJumpToPageInput", booleanAttribute], jumpToPageItemTemplate: "jumpToPageItemTemplate", showPageLinks: ["showPageLinks", "showPageLinks", booleanAttribute], locale: "locale", dropdownItemTemplate: "dropdownItemTemplate", first: "first", rightAligned: ["rightAligned", "rightAligned", booleanAttribute] }, outputs: { onPageChange: "onPageChange" }, host: { classAttribute: "cax-element" }, queries: [{ propertyName: "templates", predicate: CaxTemplate }], usesOnChanges: true, ngImport: i0, template: "<div [class]=\"styleClass\" [ngStyle]=\"style\" [ngClass]=\"['cax-paginator cax-component', getPositionClass()]\" *ngIf=\"alwaysShow ? true : pageLinks && pageLinks.length > 1\" [attr.data-pc-section]=\"'paginator'\" [attr.data-pc-section]=\"'root'\">\r\n    <div class=\"cax-paginator-left-content\" *ngIf=\"templateLeft\" [attr.data-pc-section]=\"'start'\">\r\n        <ng-container *ngTemplateOutlet=\"templateLeft; context: { $implicit: paginatorState }\"></ng-container>\r\n    </div>\r\n    <span class=\"cax-paginator-current\" *ngIf=\"showCurrentPageReport\">{{ currentPageReport }}</span>\r\n    <button\r\n        *ngIf=\"showFirstLastIcon\"\r\n        type=\"button\"\r\n        [disabled]=\"isFirstPage() || empty()\"\r\n        (click)=\"changePageToFirst($event)\"\r\n        caxRipple\r\n        class=\"cax-paginator-first cax-paginator-element cax-link\"\r\n        [ngClass]=\"{ 'cax-disabled': isFirstPage() || empty() }\"\r\n        [attr.aria-label]=\"getAriaLabel('firstPageLabel')\"\r\n    >\r\n        <AngleDoubleLeftIcon *ngIf=\"!firstPageLinkIconTemplate\" [styleClass]=\"'cax-paginator-icon'\" />\r\n        <span class=\"cax-paginator-icon\" *ngIf=\"firstPageLinkIconTemplate\">\r\n            <ng-template *ngTemplateOutlet=\"firstPageLinkIconTemplate\"></ng-template>\r\n        </span>\r\n    </button>\r\n    <button\r\n        type=\"button\"\r\n        [disabled]=\"isFirstPage() || empty()\"\r\n        (click)=\"changePageToPrev($event)\"\r\n        caxRipple\r\n        class=\"cax-paginator-prev cax-paginator-element cax-link\"\r\n        [ngClass]=\"{ 'cax-disabled': isFirstPage() || empty() }\"\r\n        [attr.aria-label]=\"getAriaLabel('prevPageLabel')\"\r\n    >\r\n        <AngleLeftIcon *ngIf=\"!previousPageLinkIconTemplate\" [styleClass]=\"'cax-paginator-icon'\" />\r\n        <span class=\"cax-paginator-icon\" *ngIf=\"previousPageLinkIconTemplate\">\r\n            <ng-template *ngTemplateOutlet=\"previousPageLinkIconTemplate\"></ng-template>\r\n        </span>\r\n    </button>\r\n    <span class=\"cax-paginator-pages\" *ngIf=\"showPageLinks\">\r\n        <button\r\n            type=\"button\"\r\n            *ngFor=\"let pageLink of pageLinks\"\r\n            class=\"cax-paginator-page cax-paginator-element cax-link\"\r\n            [ngClass]=\"{ 'cax-highlight': pageLink - 1 == getPage() }\"\r\n            [attr.aria-label]=\"getPageAriaLabel(pageLink)\"\r\n            [attr.aria-current]=\"pageLink - 1 == getPage() ? 'page' : undefined\"\r\n            (click)=\"onPageLinkClick($event, pageLink - 1)\"\r\n            caxRipple\r\n        >\r\n            {{ getLocalization(pageLink) }}\r\n        </button>\r\n    </span>\r\n    <cax-dropdown\r\n        [options]=\"pageItems\"\r\n        [ngModel]=\"getPage()\"\r\n        *ngIf=\"showJumpToPageDropdown\"\r\n        [disabled]=\"empty()\"\r\n        [attr.aria-label]=\"getAriaLabel('jumpToPageDropdownLabel')\"\r\n        styleClass=\"cax-paginator-page-options\"\r\n        (onChange)=\"onPageDropdownChange($event)\"\r\n        [appendTo]=\"dropdownAppendTo\"\r\n        [scrollHeight]=\"dropdownScrollHeight\"\r\n    >\r\n        <ng-template caxTemplate=\"selectedItem\">{{ currentPageReport }}</ng-template>\r\n        <ng-container *ngIf=\"jumpToPageItemTemplate\">\r\n            <ng-template let-item caxTemplate=\"item\">\r\n                <ng-container *ngTemplateOutlet=\"jumpToPageItemTemplate; context: { $implicit: item }\"> </ng-container>\r\n            </ng-template>\r\n        </ng-container>\r\n        <ng-template caxTemplate=\"dropdownicon\" *ngIf=\"dropdownIconTemplate\">\r\n            <ng-container *ngTemplateOutlet=\"dropdownIconTemplate\"></ng-container>\r\n        </ng-template>\r\n    </cax-dropdown>\r\n    <button\r\n        type=\"button\"\r\n        [disabled]=\"isLastPage() || empty()\"\r\n        (click)=\"changePageToNext($event)\"\r\n        caxRipple\r\n        class=\"cax-paginator-next cax-paginator-element cax-link\"\r\n        [ngClass]=\"{ 'cax-disabled': isLastPage() || empty() }\"\r\n        [attr.aria-label]=\"getAriaLabel('nextPageLabel')\"\r\n    >\r\n        <AngleRightIcon *ngIf=\"!nextPageLinkIconTemplate\" [styleClass]=\"'cax-paginator-icon'\" />\r\n        <span class=\"cax-paginator-icon\" *ngIf=\"nextPageLinkIconTemplate\">\r\n            <ng-template *ngTemplateOutlet=\"nextPageLinkIconTemplate\"></ng-template>\r\n        </span>\r\n    </button>\r\n    <button\r\n        *ngIf=\"showFirstLastIcon\"\r\n        type=\"button\"\r\n        [disabled]=\"isLastPage() || empty()\"\r\n        (click)=\"changePageToLast($event)\"\r\n        caxRipple\r\n        class=\"cax-paginator-last cax-paginator-element cax-link\"\r\n        [ngClass]=\"{ 'cax-disabled': isLastPage() || empty() }\"\r\n        [attr.aria-label]=\"getAriaLabel('lastPageLabel')\"\r\n    >\r\n        <AngleDoubleRightIcon *ngIf=\"!lastPageLinkIconTemplate\" [styleClass]=\"'cax-paginator-icon'\" />\r\n        <span class=\"cax-paginator-icon\" *ngIf=\"lastPageLinkIconTemplate\">\r\n            <ng-template *ngTemplateOutlet=\"lastPageLinkIconTemplate\"></ng-template>\r\n        </span>\r\n    </button>\r\n    <span class=\"cax-paginator-page-label\" *ngIf=\"showJumpToPageInput\">Go to page</span>\r\n    <cax-inputNumber *ngIf=\"showJumpToPageInput\" [ngModel]=\"currentPage()\" class=\"cax-paginator-page-input\" [disabled]=\"empty()\" (ngModelChange)=\"changePage($event - 1)\"></cax-inputNumber>\r\n    <cax-dropdown\r\n        [options]=\"rowsPerPageItems\"\r\n        [(ngModel)]=\"rows\"\r\n        *ngIf=\"rowsPerPageOptions\"\r\n        styleClass=\"cax-paginator-rpp-options\"\r\n        [disabled]=\"empty()\"\r\n        (onChange)=\"onRppChange($event)\"\r\n        [appendTo]=\"dropdownAppendTo\"\r\n        [scrollHeight]=\"dropdownScrollHeight\"\r\n        [ariaLabel]=\"getAriaLabel('rowsPerPageLabel')\"\r\n    >\r\n        <ng-container *ngIf=\"dropdownItemTemplate\"> \r\n            <ng-template let-item caxTemplate=\"item\">\r\n                <ng-container *ngTemplateOutlet=\"dropdownItemTemplate; context: { $implicit: item }\"> </ng-container>\r\n            </ng-template>\r\n        </ng-container>\r\n        <ng-template caxTemplate=\"dropdownicon\" *ngIf=\"dropdownIconTemplate\">\r\n            <ng-container *ngTemplateOutlet=\"dropdownIconTemplate\"></ng-container>\r\n        </ng-template>\r\n    </cax-dropdown>\r\n    <div class=\"cax-paginator-right-content\" *ngIf=\"templateRight\" [attr.data-pc-section]=\"'end'\">\r\n        <ng-container *ngTemplateOutlet=\"templateRight; context: { $implicit: paginatorState }\"></ng-container>\r\n    </div>\r\n</div>", styles: ["@layer cax{.cax-paginator{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.cax-paginator.right-aligned{justify-content:flex-end}.cax-paginator-left-content{margin-right:auto}.cax-paginator-right-content{margin-left:auto}.cax-paginator-page,.cax-paginator-next,.cax-paginator-last,.cax-paginator-first,.cax-paginator-prev,.cax-paginator-current{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;-webkit-user-select:none;user-select:none;overflow:hidden;position:relative}.cax-paginator-element:focus{z-index:1;position:relative}}\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: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.Dropdown, selector: "cax-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "autoShowPanelOnPrintableCharacterKeyDown", "labelText", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i1.CaxTemplate, selector: "[caxTemplate]", inputs: ["type", "caxTemplate"] }, { kind: "component", type: i4.InputNumber, selector: "cax-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6.Ripple, selector: "[caxRipple]" }, { kind: "component", type: i7.AngleDoubleLeftIcon, selector: "AngleDoubleLeftIcon" }, { kind: "component", type: i8.AngleDoubleRightIcon, selector: "AngleDoubleRightIcon" }, { kind: "component", type: i9.AngleLeftIcon, selector: "AngleLeftIcon" }, { kind: "component", type: i10.AngleRightIcon, selector: "AngleRightIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: Paginator, selector: "cax-paginator", inputs: { pageLinkSize: ["pageLinkSize", "pageLinkSize", numberAttribute], style: "style", styleClass: "styleClass", alwaysShow: ["alwaysShow", "alwaysShow", booleanAttribute], dropdownAppendTo: "dropdownAppendTo", templateLeft: "templateLeft", templateRight: "templateRight", appendTo: "appendTo", dropdownScrollHeight: "dropdownScrollHeight", currentPageReportTemplate: "currentPageReportTemplate", showCurrentPageReport: ["showCurrentPageReport", "showCurrentPageReport", booleanAttribute], showFirstLastIcon: ["showFirstLastIcon", "showFirstLastIcon", booleanAttribute], totalRecords: ["totalRecords", "totalRecords", numberAttribute], rows: ["rows", "rows", numberAttribute], rowsPerPageOptions: "rowsPerPageOptions", showJumpToPageDropdown: ["showJumpToPageDropdown", "showJumpToPageDropdown", booleanAttribute], showJumpToPageInput: ["showJumpToPageInput", "showJumpToPageInput", booleanAttribute], jumpToPageItemTemplate: "jumpToPageItemTemplate", showPageLinks: ["showPageLinks", "showPageLinks", booleanAttribute], locale: "locale", dropdownItemTemplate: "dropdownItemTemplate", first: "first", rightAligned: ["rightAligned", "rightAligned", booleanAttribute] }, outputs: { onPageChange: "onPageChange" }, host: { classAttribute: "cax-element" }, queries: [{ propertyName: "templates", predicate: CaxTemplate }], usesOnChanges: true, ngImport: i0, template: "<div [class]=\"styleClass\" [ngStyle]=\"style\" [ngClass]=\"['cax-paginator cax-component', getPositionClass()]\" *ngIf=\"alwaysShow ? true : pageLinks && pageLinks.length > 1\" [attr.data-pc-section]=\"'paginator'\" [attr.data-pc-section]=\"'root'\">\r\n    <div class=\"cax-paginator-left-content\" *ngIf=\"templateLeft\" [attr.data-pc-section]=\"'start'\">\r\n        <ng-container *ngTemplateOutlet=\"templateLeft; context: { $implicit: paginatorState }\"></ng-container>\r\n    </div>\r\n    <span class=\"cax-paginator-current\" *ngIf=\"showCurrentPageReport\">{{ currentPageReport }}</span>\r\n    <button\r\n        *ngIf=\"showFirstLastIcon\"\r\n        type=\"button\"\r\n        [disabled]=\"isFirstPage() || empty()\"\r\n        (click)=\"changePageToFirst($event)\"\r\n        caxRipple\r\n        class=\"cax-paginator-first cax-paginator-element cax-link\"\r\n        [ngClass]=\"{ 'cax-disabled': isFirstPage() || empty() }\"\r\n        [attr.aria-label]=\"getAriaLabel('firstPageLabel')\"\r\n    >\r\n        <AngleDoubleLeftIcon *ngIf=\"!firstPageLinkIconTemplate\" [styleClass]=\"'cax-paginator-icon'\" />\r\n        <span class=\"cax-paginator-icon\" *ngIf=\"firstPageLinkIconTemplate\">\r\n            <ng-template *ngTemplateOutlet=\"firstPageLinkIconTemplate\"></ng-template>\r\n        </span>\r\n    </button>\r\n    <button\r\n        type=\"button\"\r\n        [disabled]=\"isFirstPage() || empty()\"\r\n        (click)=\"changePageToPrev($event)\"\r\n        caxRipple\r\n        class=\"cax-paginator-prev cax-paginator-element cax-link\"\r\n        [ngClass]=\"{ 'cax-disabled': isFirstPage() || empty() }\"\r\n        [attr.aria-label]=\"getAriaLabel('prevPageLabel')\"\r\n    >\r\n        <AngleLeftIcon *ngIf=\"!previousPageLinkIconTemplate\" [styleClass]=\"'cax-paginator-icon'\" />\r\n        <span class=\"cax-paginator-icon\" *ngIf=\"previousPageLinkIconTemplate\">\r\n            <ng-template *ngTemplateOutlet=\"previousPageLinkIconTemplate\"></ng-template>\r\n        </span>\r\n    </button>\r\n    <span class=\"cax-paginator-pages\" *ngIf=\"showPageLinks\">\r\n        <button\r\n            type=\"button\"\r\n            *ngFor=\"let pageLink of pageLinks\"\r\n            class=\"cax-paginator-page cax-paginator-element cax-link\"\r\n            [ngClass]=\"{ 'cax-highlight': pageLink - 1 == getPage() }\"\r\n            [attr.aria-label]=\"getPageAriaLabel(pageLink)\"\r\n            [attr.aria-current]=\"pageLink - 1 == getPage() ? 'page' : undefined\"\r\n            (click)=\"onPageLinkClick($event, pageLink - 1)\"\r\n            caxRipple\r\n        >\r\n            {{ getLocalization(pageLink) }}\r\n        </button>\r\n    </span>\r\n    <cax-dropdown\r\n        [options]=\"pageItems\"\r\n        [ngModel]=\"getPage()\"\r\n        *ngIf=\"showJumpToPageDropdown\"\r\n        [disabled]=\"empty()\"\r\n        [attr.aria-label]=\"getAriaLabel('jumpToPageDropdownLabel')\"\r\n        styleClass=\"cax-paginator-page-options\"\r\n        (onChange)=\"onPageDropdownChange($event)\"\r\n        [appendTo]=\"dropdownAppendTo\"\r\n        [scrollHeight]=\"dropdownScrollHeight\"\r\n    >\r\n        <ng-template caxTemplate=\"selectedItem\">{{ currentPageReport }}</ng-template>\r\n        <ng-container *ngIf=\"jumpToPageItemTemplate\">\r\n            <ng-template let-item caxTemplate=\"item\">\r\n                <ng-container *ngTemplateOutlet=\"jumpToPageItemTemplate; context: { $implicit: item }\"> </ng-container>\r\n            </ng-template>\r\n        </ng-container>\r\n        <ng-template caxTemplate=\"dropdownicon\" *ngIf=\"dropdownIconTemplate\">\r\n            <ng-container *ngTemplateOutlet=\"dropdownIconTemplate\"></ng-container>\r\n        </ng-template>\r\n    </cax-dropdown>\r\n    <button\r\n        type=\"button\"\r\n        [disabled]=\"isLastPage() || empty()\"\r\n        (click)=\"changePageToNext($event)\"\r\n        caxRipple\r\n        class=\"cax-paginator-next cax-paginator-element cax-link\"\r\n        [ngClass]=\"{ 'cax-disabled': isLastPage() || empty() }\"\r\n        [attr.aria-label]=\"getAriaLabel('nextPageLabel')\"\r\n    >\r\n        <AngleRightIcon *ngIf=\"!nextPageLinkIconTemplate\" [styleClass]=\"'cax-paginator-icon'\" />\r\n        <span class=\"cax-paginator-icon\" *ngIf=\"nextPageLinkIconTemplate\">\r\n            <ng-template *ngTemplateOutlet=\"nextPageLinkIconTemplate\"></ng-template>\r\n        </span>\r\n    </button>\r\n    <button\r\n        *ngIf=\"showFirstLastIcon\"\r\n        type=\"button\"\r\n        [disabled]=\"isLastPage() || empty()\"\r\n        (click)=\"changePageToLast($event)\"\r\n        caxRipple\r\n        class=\"cax-paginator-last cax-paginator-element cax-link\"\r\n        [ngClass]=\"{ 'cax-disabled': isLastPage() || empty() }\"\r\n        [attr.aria-label]=\"getAriaLabel('lastPageLabel')\"\r\n    >\r\n        <AngleDoubleRightIcon *ngIf=\"!lastPageLinkIconTemplate\" [styleClass]=\"'cax-paginator-icon'\" />\r\n        <span class=\"cax-paginator-icon\" *ngIf=\"lastPageLinkIconTemplate\">\r\n            <ng-template *ngTemplateOutlet=\"lastPageLinkIconTemplate\"></ng-template>\r\n        </span>\r\n    </button>\r\n    <span class=\"cax-paginator-page-label\" *ngIf=\"showJumpToPageInput\">Go to page</span>\r\n    <cax-inputNumber *ngIf=\"showJumpToPageInput\" [ngModel]=\"currentPage()\" class=\"cax-paginator-page-input\" [disabled]=\"empty()\" (ngModelChange)=\"changePage($event - 1)\"></cax-inputNumber>\r\n    <cax-dropdown\r\n        [options]=\"rowsPerPageItems\"\r\n        [(ngModel)]=\"rows\"\r\n        *ngIf=\"rowsPerPageOptions\"\r\n        styleClass=\"cax-paginator-rpp-options\"\r\n        [disabled]=\"empty()\"\r\n        (onChange)=\"onRppChange($event)\"\r\n        [appendTo]=\"dropdownAppendTo\"\r\n        [scrollHeight]=\"dropdownScrollHeight\"\r\n        [ariaLabel]=\"getAriaLabel('rowsPerPageLabel')\"\r\n    >\r\n        <ng-container *ngIf=\"dropdownItemTemplate\"> \r\n            <ng-template let-item caxTemplate=\"item\">\r\n                <ng-container *ngTemplateOutlet=\"dropdownItemTemplate; context: { $implicit: item }\"> </ng-container>\r\n            </ng-template>\r\n        </ng-container>\r\n        <ng-template caxTemplate=\"dropdownicon\" *ngIf=\"dropdownIconTemplate\">\r\n            <ng-container *ngTemplateOutlet=\"dropdownIconTemplate\"></ng-container>\r\n        </ng-template>\r\n    </cax-dropdown>\r\n    <div class=\"cax-paginator-right-content\" *ngIf=\"templateRight\" [attr.data-pc-section]=\"'end'\">\r\n        <ng-container *ngTemplateOutlet=\"templateRight; context: { $implicit: paginatorState }\"></ng-container>\r\n    </div>\r\n</div>", styles: ["@layer cax{.cax-paginator{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.cax-paginator.right-aligned{justify-content:flex-end}.cax-paginator-left-content{margin-right:auto}.cax-paginator-right-content{margin-left:auto}.cax-paginator-page,.cax-paginator-next,.cax-paginator-last,.cax-paginator-first,.cax-paginator-prev,.cax-paginator-current{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;-webkit-user-select:none;user-select:none;overflow:hidden;position:relative}.cax-paginator-element:focus{z-index:1;position:relative}}\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: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.Dropdown, selector: "cax-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "autoShowPanelOnPrintableCharacterKeyDown", "labelText", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i1.CaxTemplate, selector: "[caxTemplate]", inputs: ["type", "caxTemplate"] }, { kind: "component", type: i4.InputNumber, selector: "cax-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefixIcon", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6.Ripple, selector: "[caxRipple]" }, { kind: "component", type: i7.AngleDoubleLeftIcon, selector: "AngleDoubleLeftIcon" }, { kind: "component", type: i8.AngleDoubleRightIcon, selector: "AngleDoubleRightIcon" }, { kind: "component", type: i9.AngleLeftIcon, selector: "AngleLeftIcon" }, { kind: "component", type: i10.AngleRightIcon, selector: "AngleRightIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: Paginator, decorators: [{
             type: Component,

package/esm2022/splitbutton/splitbutton.mjs

@@ -271,13 +271,13 @@ export class SplitButton {
         this.onMenuShow.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SplitButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: SplitButton, selector: "cax-splitButton", inputs: { model: "model", severity: "severity", raised: ["raised", "raised", booleanAttribute], rounded: ["rounded", "rounded", booleanAttribute], text: ["text", "text", booleanAttribute], outlined: ["outlined", "outlined", booleanAttribute], size: "size", plain: ["plain", "plain", booleanAttribute], icon: "icon", iconPos: "iconPos", label: "label", tooltip: "tooltip", tooltipOptions: "tooltipOptions", style: "style", styleClass: "styleClass", menuStyle: "menuStyle", menuStyleClass: "menuStyleClass", appendTo: "appendTo", dir: "dir", expandAriaLabel: "expandAriaLabel", showTransitionOptions: "showTransitionOptions", hideTransitionOptions: "hideTransitionOptions", buttonProps: "buttonProps", menuButtonProps: "menuButtonProps", autofocus: ["autofocus", "autofocus", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], tabindex: ["tabindex", "tabindex", numberAttribute], menuButtonDisabled: "menuButtonDisabled", buttonDisabled: "buttonDisabled" }, outputs: { onClick: "onClick", onMenuHide: "onMenuHide", onMenuShow: "onMenuShow", onDropdownClick: "onDropdownClick" }, host: { classAttribute: "cax-element" }, queries: [{ propertyName: "templates", predicate: CaxTemplate }], viewQueries: [{ propertyName: "containerViewChild", first: true, predicate: ["container"], descendants: true }, { propertyName: "buttonViewChild", first: true, predicate: ["defaultbtn"], descendants: true }, { propertyName: "menu", first: true, predicate: ["menu"], descendants: true }], ngImport: i0, template: "<div #container [ngClass]=\"containerClass\" [class]=\"styleClass\" [ngStyle]=\"style\">\r\n    <ng-container *ngIf=\"contentTemplate; else defaultButton\">\r\n        <button\r\n            class=\"cax-splitbutton-defaultbutton\"\r\n            type=\"button\"\r\n            caxButton\r\n            [severity]=\"severity\"\r\n            [text]=\"text\"\r\n            [outlined]=\"outlined\"\r\n            [size]=\"size\"\r\n            [icon]=\"icon\"\r\n            [iconPos]=\"iconPos\"\r\n            (click)=\"onDefaultButtonClick($event)\"\r\n            [disabled]=\"disabled\"\r\n            [attr.tabindex]=\"tabindex\"\r\n            [ariaLabel]=\"buttonProps?.['ariaLabel'] || label\"\r\n            caxAutoFocus\r\n            [autofocus]=\"autofocus\"\r\n            [caxTooltip]=\"tooltip\"\r\n            [tooltipOptions]=\"tooltipOptions\"\r\n        >\r\n            <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n        </button>\r\n    </ng-container>\r\n    <ng-template #defaultButton>\r\n        <button\r\n            #defaultbtn\r\n            class=\"cax-splitbutton-defaultbutton\"\r\n            type=\"button\"\r\n            caxButton\r\n            [severity]=\"severity\"\r\n            [text]=\"text\"\r\n            [outlined]=\"outlined\"\r\n            [size]=\"size\"\r\n            [icon]=\"icon\"\r\n            [iconPos]=\"iconPos\"\r\n            [label]=\"label\"\r\n            (click)=\"onDefaultButtonClick($event)\"\r\n            [disabled]=\"buttonDisabled\"\r\n            [attr.tabindex]=\"tabindex\"\r\n            [ariaLabel]=\"buttonProps?.['ariaLabel']\"\r\n            caxAutoFocus\r\n            [autofocus]=\"autofocus\"\r\n            [caxTooltip]=\"tooltip\"\r\n            [tooltipOptions]=\"tooltipOptions\"\r\n        ></button>\r\n    </ng-template>\r\n    <div class=\"cax-splitbutton-divider\"></div>\r\n    <button\r\n        type=\"button\"\r\n        caxButton\r\n        [size]=\"size\"\r\n        [severity]=\"severity\"\r\n        [text]=\"text\"\r\n        [outlined]=\"outlined\"\r\n        class=\"cax-splitbutton-menubutton cax-button-icon-only\"\r\n        (click)=\"onDropdownButtonClick($event)\"\r\n        (keydown)=\"onDropdownButtonKeydown($event)\"\r\n        [ariaLabel]=\"menuButtonProps?.['ariaLabel'] || expandAriaLabel\"\r\n        [attr.aria-haspopup]=\"menuButtonProps?.['ariaHasPopup'] || true\"\r\n        [attr.aria-expanded]=\"menuButtonProps?.['ariaExpanded'] || isExpanded()\"\r\n        [attr.aria-controls]=\"menuButtonProps?.['ariaControls'] || ariaId\"\r\n    >\r\n        <ChevronDownIcon *ngIf=\"!dropdownIconTemplate && !isMenuOpen\" />\r\n        <ChevronUpIcon *ngIf=\"!dropdownIconTemplate && isMenuOpen\" />\r\n        <ng-template *ngTemplateOutlet=\"dropdownIconTemplate\"></ng-template>\r\n    </button>\r\n    <cax-tieredMenu\r\n        [id]=\"ariaId\"\r\n        #menu\r\n        [ngStyle]=\"{ 'position': 'fixed', 'z-index': '9999' }\"\r\n        [popup]=\"true\"\r\n        [model]=\"model\"\r\n        [style]=\"menuStyle\"\r\n        [styleClass]=\"menuStyleClass\"\r\n        [appendTo]=\"appendTo\"\r\n        [showTransitionOptions]=\"showTransitionOptions\"\r\n        [hideTransitionOptions]=\"hideTransitionOptions\"\r\n        (onHide)=\"onHide()\"\r\n        (onShow)=\"onShow()\"\r\n    ></cax-tieredMenu>\r\n</div>\r\n", styles: ["@layer cax{.cax-splitbutton{display:inline-flex;position:relative}.cax-splitbutton .cax-splitbutton-defaultbutton,.cax-splitbutton.cax-button-rounded>.cax-splitbutton-defaultbutton.cax-button,.cax-splitbutton.cax-button-outlined>.cax-splitbutton-defaultbutton.cax-button{flex:1 1 auto;padding:var(--space-100) var(--space-150) var(--space-100) var(--space-150)!important;border-top-left-radius:var(--radius-100)!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-bottom-left-radius:var(--radius-100)!important;border-right:0 none}.cax-splitbutton-menubutton,.cax-splitbutton.cax-button-rounded>.cax-splitbutton-menubutton.cax-button,.cax-splitbutton.cax-button-outlined>.cax-splitbutton-menubutton.cax-button{display:flex;align-items:center;justify-content:center;border-top-left-radius:0;border-bottom-left-radius:0}.cax-splitbutton .cax-menu{min-width:100%}.cax-fluid .cax-splitbutton{display:flex}.cax-splitbutton-divider{width:8px;display:inline-block}.cax-splitbutton-divider{width:0px;height:100%;background-color:#dcdcdc;margin:0 1px;display:inline-block;vertical-align:middle}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.ButtonDirective, selector: "[caxButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i3.TieredMenu, selector: "cax-tieredMenu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "autoDisplay", "showTransitionOptions", "hideTransitionOptions", "id", "ariaLabel", "ariaLabelledBy", "disabled", "tabindex"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i4.Tooltip, selector: "[caxTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "caxTooltip", "tooltipDisabled", "tooltipOptions", "linkUrl", "linkText"] }, { kind: "directive", type: i5.AutoFocus, selector: "[caxAutoFocus]", inputs: ["autofocus"] }, { kind: "component", type: i6.ChevronDownIcon, selector: "ChevronDownIcon" }, { kind: "component", type: i7.ChevronUpIcon, selector: "ChevronUpIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: SplitButton, selector: "cax-splitButton", inputs: { model: "model", severity: "severity", raised: ["raised", "raised", booleanAttribute], rounded: ["rounded", "rounded", booleanAttribute], text: ["text", "text", booleanAttribute], outlined: ["outlined", "outlined", booleanAttribute], size: "size", plain: ["plain", "plain", booleanAttribute], icon: "icon", iconPos: "iconPos", label: "label", tooltip: "tooltip", tooltipOptions: "tooltipOptions", style: "style", styleClass: "styleClass", menuStyle: "menuStyle", menuStyleClass: "menuStyleClass", appendTo: "appendTo", dir: "dir", expandAriaLabel: "expandAriaLabel", showTransitionOptions: "showTransitionOptions", hideTransitionOptions: "hideTransitionOptions", buttonProps: "buttonProps", menuButtonProps: "menuButtonProps", autofocus: ["autofocus", "autofocus", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], tabindex: ["tabindex", "tabindex", numberAttribute], menuButtonDisabled: "menuButtonDisabled", buttonDisabled: "buttonDisabled" }, outputs: { onClick: "onClick", onMenuHide: "onMenuHide", onMenuShow: "onMenuShow", onDropdownClick: "onDropdownClick" }, host: { classAttribute: "cax-element" }, queries: [{ propertyName: "templates", predicate: CaxTemplate }], viewQueries: [{ propertyName: "containerViewChild", first: true, predicate: ["container"], descendants: true }, { propertyName: "buttonViewChild", first: true, predicate: ["defaultbtn"], descendants: true }, { propertyName: "menu", first: true, predicate: ["menu"], descendants: true }], ngImport: i0, template: "<div #container [ngClass]=\"containerClass\" [class]=\"styleClass\" [ngStyle]=\"style\">\r\n    <ng-container *ngIf=\"contentTemplate; else defaultButton\">\r\n        <button\r\n            class=\"cax-splitbutton-defaultbutton\"\r\n            type=\"button\"\r\n            caxButton\r\n            [severity]=\"severity\"\r\n            [text]=\"text\"\r\n            [outlined]=\"outlined\"\r\n            [size]=\"size\"\r\n            [icon]=\"icon\"\r\n            [iconPos]=\"iconPos\"\r\n            (click)=\"onDefaultButtonClick($event)\"\r\n            [disabled]=\"disabled\"\r\n            [attr.tabindex]=\"tabindex\"\r\n            [ariaLabel]=\"buttonProps?.['ariaLabel'] || label\"\r\n            caxAutoFocus\r\n            [autofocus]=\"autofocus\"\r\n            [caxTooltip]=\"tooltip\"\r\n            [tooltipOptions]=\"tooltipOptions\"\r\n        >\r\n            <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n        </button>\r\n    </ng-container>\r\n    <ng-template #defaultButton>\r\n        <button\r\n            #defaultbtn\r\n            class=\"cax-splitbutton-defaultbutton\"\r\n            type=\"button\"\r\n            caxButton\r\n            [severity]=\"severity\"\r\n            [text]=\"text\"\r\n            [outlined]=\"outlined\"\r\n            [size]=\"size\"\r\n            [icon]=\"icon\"\r\n            [iconPos]=\"iconPos\"\r\n            [label]=\"label\"\r\n            (click)=\"onDefaultButtonClick($event)\"\r\n            [disabled]=\"buttonDisabled\"\r\n            [attr.tabindex]=\"tabindex\"\r\n            [ariaLabel]=\"buttonProps?.['ariaLabel']\"\r\n            caxAutoFocus\r\n            [autofocus]=\"autofocus\"\r\n            [caxTooltip]=\"tooltip\"\r\n            [tooltipOptions]=\"tooltipOptions\"\r\n        ></button>\r\n    </ng-template>\r\n    <div class=\"cax-splitbutton-divider\"></div>\r\n    <button\r\n        type=\"button\"\r\n        caxButton\r\n        [size]=\"size\"\r\n        [severity]=\"severity\"\r\n        [text]=\"text\"\r\n        [outlined]=\"outlined\"\r\n        class=\"cax-splitbutton-menubutton cax-button-icon-only\"\r\n        (click)=\"onDropdownButtonClick($event)\"\r\n        (keydown)=\"onDropdownButtonKeydown($event)\"\r\n        [ariaLabel]=\"menuButtonProps?.['ariaLabel'] || expandAriaLabel\"\r\n        [attr.aria-haspopup]=\"menuButtonProps?.['ariaHasPopup'] || true\"\r\n        [attr.aria-expanded]=\"menuButtonProps?.['ariaExpanded'] || isExpanded()\"\r\n        [attr.aria-controls]=\"menuButtonProps?.['ariaControls'] || ariaId\"\r\n    >\r\n        <ChevronDownIcon *ngIf=\"!dropdownIconTemplate && !isMenuOpen\" />\r\n        <ChevronUpIcon *ngIf=\"!dropdownIconTemplate && isMenuOpen\" />\r\n        <ng-template *ngTemplateOutlet=\"dropdownIconTemplate\"></ng-template>\r\n    </button>\r\n    <cax-tieredMenu\r\n        [id]=\"ariaId\"\r\n        #menu\r\n        [ngStyle]=\"{ 'position': 'fixed', 'z-index': '9999' }\"\r\n        [popup]=\"true\"\r\n        [model]=\"model\"\r\n        [style]=\"menuStyle\"\r\n        [styleClass]=\"menuStyleClass\"\r\n        [appendTo]=\"appendTo\"\r\n        [showTransitionOptions]=\"showTransitionOptions\"\r\n        [hideTransitionOptions]=\"hideTransitionOptions\"\r\n        (onHide)=\"onHide()\"\r\n        (onShow)=\"onShow()\"\r\n    ></cax-tieredMenu>\r\n</div>\r\n", styles: ["@layer cax{.cax-splitbutton{display:inline-flex;position:relative}.cax-splitbutton .cax-splitbutton-defaultbutton,.cax-splitbutton.cax-button-rounded>.cax-splitbutton-defaultbutton.cax-button,.cax-splitbutton.cax-button-outlined>.cax-splitbutton-defaultbutton.cax-button{flex:1 1 auto;padding:var(--space-100) var(--space-150) var(--space-100) var(--space-150)!important;border-top-left-radius:var(--radius-100)!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-bottom-left-radius:var(--radius-100)!important;border-right:0 none}.cax-splitbutton-menubutton,.cax-splitbutton.cax-button-rounded>.cax-splitbutton-menubutton.cax-button,.cax-splitbutton.cax-button-outlined>.cax-splitbutton-menubutton.cax-button{display:flex;align-items:center;justify-content:center;border-top-left-radius:0!important;border-top-right-radius:var(--radius-100)!important;border-bottom-right-radius:var(--radius-100)!important;border-bottom-left-radius:0!important}.cax-splitbutton .cax-menu{min-width:100%}.cax-fluid .cax-splitbutton{display:flex}.cax-splitbutton-divider{width:8px;display:inline-block}.cax-splitbutton-divider{width:0px;height:100%;background-color:#dcdcdc;margin:0 1px;display:inline-block;vertical-align:middle}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.ButtonDirective, selector: "[caxButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i3.TieredMenu, selector: "cax-tieredMenu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "autoDisplay", "showTransitionOptions", "hideTransitionOptions", "id", "ariaLabel", "ariaLabelledBy", "disabled", "tabindex"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i4.Tooltip, selector: "[caxTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "caxTooltip", "tooltipDisabled", "tooltipOptions", "linkUrl", "linkText"] }, { kind: "directive", type: i5.AutoFocus, selector: "[caxAutoFocus]", inputs: ["autofocus"] }, { kind: "component", type: i6.ChevronDownIcon, selector: "ChevronDownIcon" }, { kind: "component", type: i7.ChevronUpIcon, selector: "ChevronUpIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SplitButton, decorators: [{
             type: Component,
             args: [{ selector: 'cax-splitButton', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'cax-element'
-                    }, template: "<div #container [ngClass]=\"containerClass\" [class]=\"styleClass\" [ngStyle]=\"style\">\r\n    <ng-container *ngIf=\"contentTemplate; else defaultButton\">\r\n        <button\r\n            class=\"cax-splitbutton-defaultbutton\"\r\n            type=\"button\"\r\n            caxButton\r\n            [severity]=\"severity\"\r\n            [text]=\"text\"\r\n            [outlined]=\"outlined\"\r\n            [size]=\"size\"\r\n            [icon]=\"icon\"\r\n            [iconPos]=\"iconPos\"\r\n            (click)=\"onDefaultButtonClick($event)\"\r\n            [disabled]=\"disabled\"\r\n            [attr.tabindex]=\"tabindex\"\r\n            [ariaLabel]=\"buttonProps?.['ariaLabel'] || label\"\r\n            caxAutoFocus\r\n            [autofocus]=\"autofocus\"\r\n            [caxTooltip]=\"tooltip\"\r\n            [tooltipOptions]=\"tooltipOptions\"\r\n        >\r\n            <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n        </button>\r\n    </ng-container>\r\n    <ng-template #defaultButton>\r\n        <button\r\n            #defaultbtn\r\n            class=\"cax-splitbutton-defaultbutton\"\r\n            type=\"button\"\r\n            caxButton\r\n            [severity]=\"severity\"\r\n            [text]=\"text\"\r\n            [outlined]=\"outlined\"\r\n            [size]=\"size\"\r\n            [icon]=\"icon\"\r\n            [iconPos]=\"iconPos\"\r\n            [label]=\"label\"\r\n            (click)=\"onDefaultButtonClick($event)\"\r\n            [disabled]=\"buttonDisabled\"\r\n            [attr.tabindex]=\"tabindex\"\r\n            [ariaLabel]=\"buttonProps?.['ariaLabel']\"\r\n            caxAutoFocus\r\n            [autofocus]=\"autofocus\"\r\n            [caxTooltip]=\"tooltip\"\r\n            [tooltipOptions]=\"tooltipOptions\"\r\n        ></button>\r\n    </ng-template>\r\n    <div class=\"cax-splitbutton-divider\"></div>\r\n    <button\r\n        type=\"button\"\r\n        caxButton\r\n        [size]=\"size\"\r\n        [severity]=\"severity\"\r\n        [text]=\"text\"\r\n        [outlined]=\"outlined\"\r\n        class=\"cax-splitbutton-menubutton cax-button-icon-only\"\r\n        (click)=\"onDropdownButtonClick($event)\"\r\n        (keydown)=\"onDropdownButtonKeydown($event)\"\r\n        [ariaLabel]=\"menuButtonProps?.['ariaLabel'] || expandAriaLabel\"\r\n        [attr.aria-haspopup]=\"menuButtonProps?.['ariaHasPopup'] || true\"\r\n        [attr.aria-expanded]=\"menuButtonProps?.['ariaExpanded'] || isExpanded()\"\r\n        [attr.aria-controls]=\"menuButtonProps?.['ariaControls'] || ariaId\"\r\n    >\r\n        <ChevronDownIcon *ngIf=\"!dropdownIconTemplate && !isMenuOpen\" />\r\n        <ChevronUpIcon *ngIf=\"!dropdownIconTemplate && isMenuOpen\" />\r\n        <ng-template *ngTemplateOutlet=\"dropdownIconTemplate\"></ng-template>\r\n    </button>\r\n    <cax-tieredMenu\r\n        [id]=\"ariaId\"\r\n        #menu\r\n        [ngStyle]=\"{ 'position': 'fixed', 'z-index': '9999' }\"\r\n        [popup]=\"true\"\r\n        [model]=\"model\"\r\n        [style]=\"menuStyle\"\r\n        [styleClass]=\"menuStyleClass\"\r\n        [appendTo]=\"appendTo\"\r\n        [showTransitionOptions]=\"showTransitionOptions\"\r\n        [hideTransitionOptions]=\"hideTransitionOptions\"\r\n        (onHide)=\"onHide()\"\r\n        (onShow)=\"onShow()\"\r\n    ></cax-tieredMenu>\r\n</div>\r\n", styles: ["@layer cax{.cax-splitbutton{display:inline-flex;position:relative}.cax-splitbutton .cax-splitbutton-defaultbutton,.cax-splitbutton.cax-button-rounded>.cax-splitbutton-defaultbutton.cax-button,.cax-splitbutton.cax-button-outlined>.cax-splitbutton-defaultbutton.cax-button{flex:1 1 auto;padding:var(--space-100) var(--space-150) var(--space-100) var(--space-150)!important;border-top-left-radius:var(--radius-100)!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-bottom-left-radius:var(--radius-100)!important;border-right:0 none}.cax-splitbutton-menubutton,.cax-splitbutton.cax-button-rounded>.cax-splitbutton-menubutton.cax-button,.cax-splitbutton.cax-button-outlined>.cax-splitbutton-menubutton.cax-button{display:flex;align-items:center;justify-content:center;border-top-left-radius:0;border-bottom-left-radius:0}.cax-splitbutton .cax-menu{min-width:100%}.cax-fluid .cax-splitbutton{display:flex}.cax-splitbutton-divider{width:8px;display:inline-block}.cax-splitbutton-divider{width:0px;height:100%;background-color:#dcdcdc;margin:0 1px;display:inline-block;vertical-align:middle}}\n"] }]
+                    }, template: "<div #container [ngClass]=\"containerClass\" [class]=\"styleClass\" [ngStyle]=\"style\">\r\n    <ng-container *ngIf=\"contentTemplate; else defaultButton\">\r\n        <button\r\n            class=\"cax-splitbutton-defaultbutton\"\r\n            type=\"button\"\r\n            caxButton\r\n            [severity]=\"severity\"\r\n            [text]=\"text\"\r\n            [outlined]=\"outlined\"\r\n            [size]=\"size\"\r\n            [icon]=\"icon\"\r\n            [iconPos]=\"iconPos\"\r\n            (click)=\"onDefaultButtonClick($event)\"\r\n            [disabled]=\"disabled\"\r\n            [attr.tabindex]=\"tabindex\"\r\n            [ariaLabel]=\"buttonProps?.['ariaLabel'] || label\"\r\n            caxAutoFocus\r\n            [autofocus]=\"autofocus\"\r\n            [caxTooltip]=\"tooltip\"\r\n            [tooltipOptions]=\"tooltipOptions\"\r\n        >\r\n            <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n        </button>\r\n    </ng-container>\r\n    <ng-template #defaultButton>\r\n        <button\r\n            #defaultbtn\r\n            class=\"cax-splitbutton-defaultbutton\"\r\n            type=\"button\"\r\n            caxButton\r\n            [severity]=\"severity\"\r\n            [text]=\"text\"\r\n            [outlined]=\"outlined\"\r\n            [size]=\"size\"\r\n            [icon]=\"icon\"\r\n            [iconPos]=\"iconPos\"\r\n            [label]=\"label\"\r\n            (click)=\"onDefaultButtonClick($event)\"\r\n            [disabled]=\"buttonDisabled\"\r\n            [attr.tabindex]=\"tabindex\"\r\n            [ariaLabel]=\"buttonProps?.['ariaLabel']\"\r\n            caxAutoFocus\r\n            [autofocus]=\"autofocus\"\r\n            [caxTooltip]=\"tooltip\"\r\n            [tooltipOptions]=\"tooltipOptions\"\r\n        ></button>\r\n    </ng-template>\r\n    <div class=\"cax-splitbutton-divider\"></div>\r\n    <button\r\n        type=\"button\"\r\n        caxButton\r\n        [size]=\"size\"\r\n        [severity]=\"severity\"\r\n        [text]=\"text\"\r\n        [outlined]=\"outlined\"\r\n        class=\"cax-splitbutton-menubutton cax-button-icon-only\"\r\n        (click)=\"onDropdownButtonClick($event)\"\r\n        (keydown)=\"onDropdownButtonKeydown($event)\"\r\n        [ariaLabel]=\"menuButtonProps?.['ariaLabel'] || expandAriaLabel\"\r\n        [attr.aria-haspopup]=\"menuButtonProps?.['ariaHasPopup'] || true\"\r\n        [attr.aria-expanded]=\"menuButtonProps?.['ariaExpanded'] || isExpanded()\"\r\n        [attr.aria-controls]=\"menuButtonProps?.['ariaControls'] || ariaId\"\r\n    >\r\n        <ChevronDownIcon *ngIf=\"!dropdownIconTemplate && !isMenuOpen\" />\r\n        <ChevronUpIcon *ngIf=\"!dropdownIconTemplate && isMenuOpen\" />\r\n        <ng-template *ngTemplateOutlet=\"dropdownIconTemplate\"></ng-template>\r\n    </button>\r\n    <cax-tieredMenu\r\n        [id]=\"ariaId\"\r\n        #menu\r\n        [ngStyle]=\"{ 'position': 'fixed', 'z-index': '9999' }\"\r\n        [popup]=\"true\"\r\n        [model]=\"model\"\r\n        [style]=\"menuStyle\"\r\n        [styleClass]=\"menuStyleClass\"\r\n        [appendTo]=\"appendTo\"\r\n        [showTransitionOptions]=\"showTransitionOptions\"\r\n        [hideTransitionOptions]=\"hideTransitionOptions\"\r\n        (onHide)=\"onHide()\"\r\n        (onShow)=\"onShow()\"\r\n    ></cax-tieredMenu>\r\n</div>\r\n", styles: ["@layer cax{.cax-splitbutton{display:inline-flex;position:relative}.cax-splitbutton .cax-splitbutton-defaultbutton,.cax-splitbutton.cax-button-rounded>.cax-splitbutton-defaultbutton.cax-button,.cax-splitbutton.cax-button-outlined>.cax-splitbutton-defaultbutton.cax-button{flex:1 1 auto;padding:var(--space-100) var(--space-150) var(--space-100) var(--space-150)!important;border-top-left-radius:var(--radius-100)!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-bottom-left-radius:var(--radius-100)!important;border-right:0 none}.cax-splitbutton-menubutton,.cax-splitbutton.cax-button-rounded>.cax-splitbutton-menubutton.cax-button,.cax-splitbutton.cax-button-outlined>.cax-splitbutton-menubutton.cax-button{display:flex;align-items:center;justify-content:center;border-top-left-radius:0!important;border-top-right-radius:var(--radius-100)!important;border-bottom-right-radius:var(--radius-100)!important;border-bottom-left-radius:0!important}.cax-splitbutton .cax-menu{min-width:100%}.cax-fluid .cax-splitbutton{display:flex}.cax-splitbutton-divider{width:8px;display:inline-block}.cax-splitbutton-divider{width:0px;height:100%;background-color:#dcdcdc;margin:0 1px;display:inline-block;vertical-align:middle}}\n"] }]
         }], propDecorators: { model: [{
                 type: Input
             }], severity: [{

package/esm2022/table/components/column-filter-form-element/column-filter-form-element.mjs

@@ -62,7 +62,7 @@ export class ColumnFilterFormElement {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ColumnFilterFormElement, deps: [{ token: i1.Table }, { token: i2.ColumnFilter }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: ColumnFilterFormElement, isStandalone: true, selector: "cax-columnFilterFormElement", inputs: { field: "field", type: "type", filterConstraint: "filterConstraint", filterTemplate: "filterTemplate", placeholder: "placeholder", minFractionDigits: ["minFractionDigits", "minFractionDigits", (value) => numberAttribute(value, null)], maxFractionDigits: ["maxFractionDigits", "maxFractionDigits", (value) => numberAttribute(value, null)], prefix: "prefix", suffix: "suffix", locale: "locale", localeMatcher: "localeMatcher", currency: "currency", currencyDisplay: "currencyDisplay", useGrouping: ["useGrouping", "useGrouping", booleanAttribute], ariaLabel: "ariaLabel" }, host: { classAttribute: "cax-element" }, ngImport: i0, template: "<ng-container *ngIf=\"filterTemplate; else builtInElement\">\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            filterTemplate;\r\n            context: {\r\n                $implicit: filterConstraint.value,\r\n                filterCallback: filterCallback,\r\n                type: type,\r\n                field: field,\r\n                filterConstraint: filterConstraint,\r\n                placeholder: placeholder,\r\n                minFractionDigits: minFractionDigits,\r\n                maxFractionDigits: maxFractionDigits,\r\n                prefix: prefix,\r\n                suffix: suffix,\r\n                locale: locale,\r\n                localeMatcher: localeMatcher,\r\n                currency: currency,\r\n                currencyDisplay: currencyDisplay,\r\n                useGrouping: useGrouping,\r\n                showButtons: showButtons\r\n            }\r\n        \"\r\n    ></ng-container>\r\n</ng-container>\r\n<ng-template #builtInElement>\r\n    <ng-container [ngSwitch]=\"type\">\r\n        <input *ngSwitchCase=\"'text'\" type=\"text\" [ariaLabel]=\"ariaLabel\" pInputText [value]=\"filterConstraint?.value\" (input)=\"onModelChange($event.target.value)\" (keydown.enter)=\"onTextInputEnterKeyDown($event)\" [attr.placeholder]=\"placeholder\" />\r\n        <cax-inputNumber\r\n            *ngSwitchCase=\"'numeric'\"\r\n            [ngModel]=\"filterConstraint?.value\"\r\n            (ngModelChange)=\"onModelChange($event)\"\r\n            (onKeyDown)=\"onNumericInputKeyDown($event)\"\r\n            [showButtons]=\"showButtons\"\r\n            [minFractionDigits]=\"minFractionDigits\"\r\n            [maxFractionDigits]=\"maxFractionDigits\"\r\n            [ariaLabel]=\"ariaLabel\"\r\n            [prefix]=\"prefix\"\r\n            [suffix]=\"suffix\"\r\n            [placeholder]=\"placeholder\"\r\n            [mode]=\"currency ? 'currency' : 'decimal'\"\r\n            [locale]=\"locale\"\r\n            [localeMatcher]=\"localeMatcher\"\r\n            [currency]=\"currency\"\r\n            [currencyDisplay]=\"currencyDisplay\"\r\n            [useGrouping]=\"useGrouping\"\r\n        ></cax-inputNumber>\r\n        <cax-triStateCheckbox [ariaLabel]=\"ariaLabel\" *ngSwitchCase=\"'boolean'\" [ngModel]=\"filterConstraint?.value\" (ngModelChange)=\"onModelChange($event)\"></cax-triStateCheckbox>\r\n        <cax-calendar [ariaLabel]=\"ariaLabel\" *ngSwitchCase=\"'date'\" [placeholder]=\"placeholder\" [ngModel]=\"filterConstraint?.value\" (ngModelChange)=\"onModelChange($event)\" appendTo=\"body\"></cax-calendar>\r\n    </ng-container>\r\n</ng-template>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CalendarModule }, { kind: "component", type: i5.Calendar, selector: "cax-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepYearPicker", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i6.InputNumber, selector: "cax-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "ngmodule", type: TriStateCheckboxModule }, { kind: "component", type: i7.TriStateCheckbox, selector: "cax-triStateCheckbox", inputs: ["disabled", "name", "ariaLabel", "ariaLabelledBy", "variant", "tabindex", "inputId", "style", "styleClass", "label", "readonly", "checkboxTrueIcon", "checkboxFalseIcon", "autofocus"], outputs: ["onChange"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: ColumnFilterFormElement, isStandalone: true, selector: "cax-columnFilterFormElement", inputs: { field: "field", type: "type", filterConstraint: "filterConstraint", filterTemplate: "filterTemplate", placeholder: "placeholder", minFractionDigits: ["minFractionDigits", "minFractionDigits", (value) => numberAttribute(value, null)], maxFractionDigits: ["maxFractionDigits", "maxFractionDigits", (value) => numberAttribute(value, null)], prefix: "prefix", suffix: "suffix", locale: "locale", localeMatcher: "localeMatcher", currency: "currency", currencyDisplay: "currencyDisplay", useGrouping: ["useGrouping", "useGrouping", booleanAttribute], ariaLabel: "ariaLabel" }, host: { classAttribute: "cax-element" }, ngImport: i0, template: "<ng-container *ngIf=\"filterTemplate; else builtInElement\">\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            filterTemplate;\r\n            context: {\r\n                $implicit: filterConstraint.value,\r\n                filterCallback: filterCallback,\r\n                type: type,\r\n                field: field,\r\n                filterConstraint: filterConstraint,\r\n                placeholder: placeholder,\r\n                minFractionDigits: minFractionDigits,\r\n                maxFractionDigits: maxFractionDigits,\r\n                prefix: prefix,\r\n                suffix: suffix,\r\n                locale: locale,\r\n                localeMatcher: localeMatcher,\r\n                currency: currency,\r\n                currencyDisplay: currencyDisplay,\r\n                useGrouping: useGrouping,\r\n                showButtons: showButtons\r\n            }\r\n        \"\r\n    ></ng-container>\r\n</ng-container>\r\n<ng-template #builtInElement>\r\n    <ng-container [ngSwitch]=\"type\">\r\n        <input *ngSwitchCase=\"'text'\" type=\"text\" [ariaLabel]=\"ariaLabel\" pInputText [value]=\"filterConstraint?.value\" (input)=\"onModelChange($event.target.value)\" (keydown.enter)=\"onTextInputEnterKeyDown($event)\" [attr.placeholder]=\"placeholder\" />\r\n        <cax-inputNumber\r\n            *ngSwitchCase=\"'numeric'\"\r\n            [ngModel]=\"filterConstraint?.value\"\r\n            (ngModelChange)=\"onModelChange($event)\"\r\n            (onKeyDown)=\"onNumericInputKeyDown($event)\"\r\n            [showButtons]=\"showButtons\"\r\n            [minFractionDigits]=\"minFractionDigits\"\r\n            [maxFractionDigits]=\"maxFractionDigits\"\r\n            [ariaLabel]=\"ariaLabel\"\r\n            [prefix]=\"prefix\"\r\n            [suffix]=\"suffix\"\r\n            [placeholder]=\"placeholder\"\r\n            [mode]=\"currency ? 'currency' : 'decimal'\"\r\n            [locale]=\"locale\"\r\n            [localeMatcher]=\"localeMatcher\"\r\n            [currency]=\"currency\"\r\n            [currencyDisplay]=\"currencyDisplay\"\r\n            [useGrouping]=\"useGrouping\"\r\n        ></cax-inputNumber>\r\n        <cax-triStateCheckbox [ariaLabel]=\"ariaLabel\" *ngSwitchCase=\"'boolean'\" [ngModel]=\"filterConstraint?.value\" (ngModelChange)=\"onModelChange($event)\"></cax-triStateCheckbox>\r\n        <cax-calendar [ariaLabel]=\"ariaLabel\" *ngSwitchCase=\"'date'\" [placeholder]=\"placeholder\" [ngModel]=\"filterConstraint?.value\" (ngModelChange)=\"onModelChange($event)\" appendTo=\"body\"></cax-calendar>\r\n    </ng-container>\r\n</ng-template>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CalendarModule }, { kind: "component", type: i5.Calendar, selector: "cax-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepYearPicker", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i6.InputNumber, selector: "cax-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefixIcon", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "ngmodule", type: TriStateCheckboxModule }, { kind: "component", type: i7.TriStateCheckbox, selector: "cax-triStateCheckbox", inputs: ["disabled", "name", "ariaLabel", "ariaLabelledBy", "variant", "tabindex", "inputId", "style", "styleClass", "label", "readonly", "checkboxTrueIcon", "checkboxFalseIcon", "autofocus"], outputs: ["onChange"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ColumnFilterFormElement, decorators: [{
             type: Component,
@@ -103,4 +103,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
             }], ariaLabel: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLWZpbHRlci1mb3JtLWVsZW1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2NvbXBvbmVudHMvdGFibGUvY29tcG9uZW50cy9jb2x1bW4tZmlsdGVyLWZvcm0tZWxlbWVudC9jb2x1bW4tZmlsdGVyLWZvcm0tZWxlbWVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvY29tcG9uZW50cy90YWJsZS9jb21wb25lbnRzL2NvbHVtbi1maWx0ZXItZm9ybS1lbGVtZW50L2NvbHVtbi1maWx0ZXItZm9ybS1lbGVtZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBVSxLQUFLLEVBQWUsZUFBZSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBSzVILE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzVELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7Ozs7Ozs7O0FBWTVFLE1BQU0sT0FBTyx1QkFBdUI7SUFzQ3JCO0lBQ0M7SUF0Q0gsS0FBSyxDQUFxQjtJQUUxQixJQUFJLENBQXFCO0lBRXpCLGdCQUFnQixDQUE2QjtJQUU3QyxjQUFjLENBQTZCO0lBRTNDLFdBQVcsQ0FBcUI7SUFFK0IsaUJBQWlCLENBQXFCO0lBRXRDLGlCQUFpQixDQUFxQjtJQUVyRyxNQUFNLENBQXFCO0lBRTNCLE1BQU0sQ0FBcUI7SUFFM0IsTUFBTSxDQUFxQjtJQUUzQixhQUFhLENBQXFCO0lBRWxDLFFBQVEsQ0FBcUI7SUFFN0IsZUFBZSxDQUFxQjtJQUVMLFdBQVcsR0FBWSxJQUFJLENBQUM7SUFFM0QsU0FBUyxDQUFxQjtJQUV2QyxJQUFJLFdBQVc7UUFDWCxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsV0FBVyxDQUFDO0lBQ3RDLENBQUM7SUFFRCxjQUFjLENBQU07SUFFcEIsWUFDVyxFQUFTLEVBQ1IsU0FBdUI7UUFEeEIsT0FBRSxHQUFGLEVBQUUsQ0FBTztRQUNSLGNBQVMsR0FBVCxTQUFTLENBQWM7SUFDaEMsQ0FBQztJQUVKLFFBQVE7UUFDSixJQUFJLENBQUMsY0FBYyxHQUFHLENBQUMsS0FBVSxFQUFFLEVBQUU7WUFDM0IsSUFBSSxDQUFDLGdCQUFpQixDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7WUFDM0MsSUFBSSxDQUFDLEVBQUUsQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUN0QixDQUFDLENBQUM7SUFDTixDQUFDO0lBRUQsYUFBYSxDQUFDLEtBQVU7UUFDZCxJQUFJLENBQUMsZ0JBQWlCLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUUzQyxJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssTUFBTSxJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssU0FBUyxJQUFJLEtBQUssS0FBSyxFQUFFLEVBQUUsQ0FBQztZQUNsRSxJQUFJLENBQUMsRUFBRSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ3RCLENBQUM7SUFDTCxDQUFDO0lBRUQsdUJBQXVCLENBQUMsS0FBb0I7UUFDeEMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUNsQixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELHFCQUFxQixDQUFDLEtBQW9CO1FBQ3RDLElBQUksS0FBSyxDQUFDLEdBQUcsS0FBSyxPQUFPLEVBQUUsQ0FBQztZQUN4QixJQUFJLENBQUMsRUFBRSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ2xCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUMzQixDQUFDO0lBQ0wsQ0FBQzt1R0FuRVEsdUJBQXVCOzJGQUF2Qix1QkFBdUIseVFBV1osQ0FBQyxLQUFjLEVBQUUsRUFBRSxDQUFDLGVBQWUsQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLGlFQUVoRCxDQUFDLEtBQWMsRUFBRSxFQUFFLENBQUMsZUFBZSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsK0xBY2hELGdCQUFnQiw4RkNqRHhDLHVrRkFtREEsMkNEbENjLFlBQVkscWVBQUUsZUFBZSw4QkFBRSxXQUFXLDhWQUFFLGNBQWMsNHpDQUFFLGlCQUFpQiwydkJBQUUsc0JBQXNCOzsyRkFLdEcsdUJBQXVCO2tCQVZuQyxTQUFTOytCQUNJLDZCQUE2QixpQkFFeEIsaUJBQWlCLENBQUMsSUFBSSxjQUN6QixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxjQUFjLEVBQUUsaUJBQWlCLEVBQUUsc0JBQXNCLENBQUMsUUFDMUc7d0JBQ0YsS0FBSyxFQUFFLGFBQWE7cUJBQ3ZCO3FHQUdRLEtBQUs7c0JBQWIsS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUVHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBRUcsV0FBVztzQkFBbkIsS0FBSztnQkFFa0UsaUJBQWlCO3NCQUF4RixLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLENBQUMsS0FBYyxFQUFFLEVBQUUsQ0FBQyxlQUFlLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxFQUFFO2dCQUVFLGlCQUFpQjtzQkFBeEYsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxDQUFDLEtBQWMsRUFBRSxFQUFFLENBQUMsZUFBZSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsRUFBRTtnQkFFN0QsTUFBTTtzQkFBZCxLQUFLO2dCQUVHLE1BQU07c0JBQWQsS0FBSztnQkFFRyxNQUFNO3NCQUFkLEtBQUs7Z0JBRUcsYUFBYTtzQkFBckIsS0FBSztnQkFFRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBRWtDLFdBQVc7c0JBQWxELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBRTdCLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uLCBPbkluaXQsIElucHV0LCBUZW1wbGF0ZVJlZiwgbnVtYmVyQXR0cmlidXRlLCBib29sZWFuQXR0cmlidXRlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGaWx0ZXJNZXRhZGF0YSB9IGZyb20gJ2NheC1kZXNpZ24tc3lzdGVtL2FwaSc7XG5pbXBvcnQgeyBUYWJsZSB9IGZyb20gJy4uLy4uL3RhYmxlJztcbmltcG9ydCB7IE51bGxhYmxlIH0gZnJvbSAnY2F4LWRlc2lnbi1zeXN0ZW0vdHMtaGVscGVycyc7XG5pbXBvcnQgeyBDb2x1bW5GaWx0ZXIgfSBmcm9tICcuLi9jb2x1bW4tZmlsdGVyL2NvbHVtbi1maWx0ZXInO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQ2FsZW5kYXJNb2R1bGUgfSBmcm9tICdjYXgtZGVzaWduLXN5c3RlbS9jYWxlbmRhcic7XG5pbXBvcnQgeyBJbnB1dE51bWJlck1vZHVsZSB9IGZyb20gJ2NheC1kZXNpZ24tc3lzdGVtL2lucHV0bnVtYmVyJztcbmltcG9ydCB7IElucHV0VGV4dE1vZHVsZSB9IGZyb20gJ2NheC1kZXNpZ24tc3lzdGVtL2lucHV0dGV4dCc7XG5pbXBvcnQgeyBUcmlTdGF0ZUNoZWNrYm94TW9kdWxlIH0gZnJvbSAnY2F4LWRlc2lnbi1zeXN0ZW0vdHJpc3RhdGVjaGVja2JveCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnY2F4LWNvbHVtbkZpbHRlckZvcm1FbGVtZW50JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vY29sdW1uLWZpbHRlci1mb3JtLWVsZW1lbnQuaHRtbCcsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIElucHV0VGV4dE1vZHVsZSwgRm9ybXNNb2R1bGUsIENhbGVuZGFyTW9kdWxlLCBJbnB1dE51bWJlck1vZHVsZSwgVHJpU3RhdGVDaGVja2JveE1vZHVsZV0sXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ2NheC1lbGVtZW50J1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgQ29sdW1uRmlsdGVyRm9ybUVsZW1lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIEBJbnB1dCgpIGZpZWxkOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgICBASW5wdXQoKSB0eXBlOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgICBASW5wdXQoKSBmaWx0ZXJDb25zdHJhaW50OiBGaWx0ZXJNZXRhZGF0YSB8IHVuZGVmaW5lZDtcblxuICAgIEBJbnB1dCgpIGZpbHRlclRlbXBsYXRlOiBOdWxsYWJsZTxUZW1wbGF0ZVJlZjxhbnk+PjtcblxuICAgIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06ICh2YWx1ZTogdW5rbm93bikgPT4gbnVtYmVyQXR0cmlidXRlKHZhbHVlLCBudWxsKSB9KSBtaW5GcmFjdGlvbkRpZ2l0czogbnVtYmVyIHwgdW5kZWZpbmVkO1xuXG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiAodmFsdWU6IHVua25vd24pID0+IG51bWJlckF0dHJpYnV0ZSh2YWx1ZSwgbnVsbCkgfSkgbWF4RnJhY3Rpb25EaWdpdHM6IG51bWJlciB8IHVuZGVmaW5lZDtcblxuICAgIEBJbnB1dCgpIHByZWZpeDogc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gICAgQElucHV0KCkgc3VmZml4OiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgICBASW5wdXQoKSBsb2NhbGU6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICAgIEBJbnB1dCgpIGxvY2FsZU1hdGNoZXI6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICAgIEBJbnB1dCgpIGN1cnJlbmN5OiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgICBASW5wdXQoKSBjdXJyZW5jeURpc3BsYXk6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSB1c2VHcm91cGluZzogYm9vbGVhbiA9IHRydWU7XG5cbiAgICBASW5wdXQoKSBhcmlhTGFiZWw6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICAgIGdldCBzaG93QnV0dG9ucygpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuY29sRmlsdGVyLnNob3dCdXR0b25zO1xuICAgIH1cblxuICAgIGZpbHRlckNhbGxiYWNrOiBhbnk7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHVibGljIGR0OiBUYWJsZSxcbiAgICAgICAgcHJpdmF0ZSBjb2xGaWx0ZXI6IENvbHVtbkZpbHRlclxuICAgICkge31cblxuICAgIG5nT25Jbml0KCkge1xuICAgICAgICB0aGlzLmZpbHRlckNhbGxiYWNrID0gKHZhbHVlOiBhbnkpID0+IHtcbiAgICAgICAgICAgICg8YW55PnRoaXMuZmlsdGVyQ29uc3RyYWludCkudmFsdWUgPSB2YWx1ZTtcbiAgICAgICAgICAgIHRoaXMuZHQuX2ZpbHRlcigpO1xuICAgICAgICB9O1xuICAgIH1cblxuICAgIG9uTW9kZWxDaGFuZ2UodmFsdWU6IGFueSkge1xuICAgICAgICAoPGFueT50aGlzLmZpbHRlckNvbnN0cmFpbnQpLnZhbHVlID0gdmFsdWU7XG5cbiAgICAgICAgaWYgKHRoaXMudHlwZSA9PT0gJ2RhdGUnIHx8IHRoaXMudHlwZSA9PT0gJ2Jvb2xlYW4nIHx8IHZhbHVlID09PSAnJykge1xuICAgICAgICAgICAgdGhpcy5kdC5fZmlsdGVyKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBvblRleHRJbnB1dEVudGVyS2V5RG93bihldmVudDogS2V5Ym9hcmRFdmVudCkge1xuICAgICAgICB0aGlzLmR0Ll9maWx0ZXIoKTtcbiAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICB9XG5cbiAgICBvbk51bWVyaWNJbnB1dEtleURvd24oZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcbiAgICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgICAgICAgdGhpcy5kdC5fZmlsdGVyKCk7XG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cImZpbHRlclRlbXBsYXRlOyBlbHNlIGJ1aWx0SW5FbGVtZW50XCI+XHJcbiAgICA8bmctY29udGFpbmVyXHJcbiAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJcclxuICAgICAgICAgICAgZmlsdGVyVGVtcGxhdGU7XHJcbiAgICAgICAgICAgIGNvbnRleHQ6IHtcclxuICAgICAgICAgICAgICAgICRpbXBsaWNpdDogZmlsdGVyQ29uc3RyYWludC52YWx1ZSxcclxuICAgICAgICAgICAgICAgIGZpbHRlckNhbGxiYWNrOiBmaWx0ZXJDYWxsYmFjayxcclxuICAgICAgICAgICAgICAgIHR5cGU6IHR5cGUsXHJcbiAgICAgICAgICAgICAgICBmaWVsZDogZmllbGQsXHJcbiAgICAgICAgICAgICAgICBmaWx0ZXJDb25zdHJhaW50OiBmaWx0ZXJDb25zdHJhaW50LFxyXG4gICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI6IHBsYWNlaG9sZGVyLFxyXG4gICAgICAgICAgICAgICAgbWluRnJhY3Rpb25EaWdpdHM6IG1pbkZyYWN0aW9uRGlnaXRzLFxyXG4gICAgICAgICAgICAgICAgbWF4RnJhY3Rpb25EaWdpdHM6IG1heEZyYWN0aW9uRGlnaXRzLFxyXG4gICAgICAgICAgICAgICAgcHJlZml4OiBwcmVmaXgsXHJcbiAgICAgICAgICAgICAgICBzdWZmaXg6IHN1ZmZpeCxcclxuICAgICAgICAgICAgICAgIGxvY2FsZTogbG9jYWxlLFxyXG4gICAgICAgICAgICAgICAgbG9jYWxlTWF0Y2hlcjogbG9jYWxlTWF0Y2hlcixcclxuICAgICAgICAgICAgICAgIGN1cnJlbmN5OiBjdXJyZW5jeSxcclxuICAgICAgICAgICAgICAgIGN1cnJlbmN5RGlzcGxheTogY3VycmVuY3lEaXNwbGF5LFxyXG4gICAgICAgICAgICAgICAgdXNlR3JvdXBpbmc6IHVzZUdyb3VwaW5nLFxyXG4gICAgICAgICAgICAgICAgc2hvd0J1dHRvbnM6IHNob3dCdXR0b25zXHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICBcIlxyXG4gICAgPjwvbmctY29udGFpbmVyPlxyXG48L25nLWNvbnRhaW5lcj5cclxuPG5nLXRlbXBsYXRlICNidWlsdEluRWxlbWVudD5cclxuICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInR5cGVcIj5cclxuICAgICAgICA8aW5wdXQgKm5nU3dpdGNoQ2FzZT1cIid0ZXh0J1wiIHR5cGU9XCJ0ZXh0XCIgW2FyaWFMYWJlbF09XCJhcmlhTGFiZWxcIiBwSW5wdXRUZXh0IFt2YWx1ZV09XCJmaWx0ZXJDb25zdHJhaW50Py52YWx1ZVwiIChpbnB1dCk9XCJvbk1vZGVsQ2hhbmdlKCRldmVudC50YXJnZXQudmFsdWUpXCIgKGtleWRvd24uZW50ZXIpPVwib25UZXh0SW5wdXRFbnRlcktleURvd24oJGV2ZW50KVwiIFthdHRyLnBsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCIgLz5cclxuICAgICAgICA8Y2F4LWlucHV0TnVtYmVyXHJcbiAgICAgICAgICAgICpuZ1N3aXRjaENhc2U9XCInbnVtZXJpYydcIlxyXG4gICAgICAgICAgICBbbmdNb2RlbF09XCJmaWx0ZXJDb25zdHJhaW50Py52YWx1ZVwiXHJcbiAgICAgICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uTW9kZWxDaGFuZ2UoJGV2ZW50KVwiXHJcbiAgICAgICAgICAgIChvbktleURvd24pPVwib25OdW1lcmljSW5wdXRLZXlEb3duKCRldmVudClcIlxyXG4gICAgICAgICAgICBbc2hvd0J1dHRvbnNdPVwic2hvd0J1dHRvbnNcIlxyXG4gICAgICAgICAgICBbbWluRnJhY3Rpb25EaWdpdHNdPVwibWluRnJhY3Rpb25EaWdpdHNcIlxyXG4gICAgICAgICAgICBbbWF4RnJhY3Rpb25EaWdpdHNdPVwibWF4RnJhY3Rpb25EaWdpdHNcIlxyXG4gICAgICAgICAgICBbYXJpYUxhYmVsXT1cImFyaWFMYWJlbFwiXHJcbiAgICAgICAgICAgIFtwcmVmaXhdPVwicHJlZml4XCJcclxuICAgICAgICAgICAgW3N1ZmZpeF09XCJzdWZmaXhcIlxyXG4gICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxyXG4gICAgICAgICAgICBbbW9kZV09XCJjdXJyZW5jeSA/ICdjdXJyZW5jeScgOiAnZGVjaW1hbCdcIlxyXG4gICAgICAgICAgICBbbG9jYWxlXT1cImxvY2FsZVwiXHJcbiAgICAgICAgICAgIFtsb2NhbGVNYXRjaGVyXT1cImxvY2FsZU1hdGNoZXJcIlxyXG4gICAgICAgICAgICBbY3VycmVuY3ldPVwiY3VycmVuY3lcIlxyXG4gICAgICAgICAgICBbY3VycmVuY3lEaXNwbGF5XT1cImN1cnJlbmN5RGlzcGxheVwiXHJcbiAgICAgICAgICAgIFt1c2VHcm91cGluZ109XCJ1c2VHcm91cGluZ1wiXHJcbiAgICAgICAgPjwvY2F4LWlucHV0TnVtYmVyPlxyXG4gICAgICAgIDxjYXgtdHJpU3RhdGVDaGVja2JveCBbYXJpYUxhYmVsXT1cImFyaWFMYWJlbFwiICpuZ1N3aXRjaENhc2U9XCInYm9vbGVhbidcIiBbbmdNb2RlbF09XCJmaWx0ZXJDb25zdHJhaW50Py52YWx1ZVwiIChuZ01vZGVsQ2hhbmdlKT1cIm9uTW9kZWxDaGFuZ2UoJGV2ZW50KVwiPjwvY2F4LXRyaVN0YXRlQ2hlY2tib3g+XHJcbiAgICAgICAgPGNheC1jYWxlbmRhciBbYXJpYUxhYmVsXT1cImFyaWFMYWJlbFwiICpuZ1N3aXRjaENhc2U9XCInZGF0ZSdcIiBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIiBbbmdNb2RlbF09XCJmaWx0ZXJDb25zdHJhaW50Py52YWx1ZVwiIChuZ01vZGVsQ2hhbmdlKT1cIm9uTW9kZWxDaGFuZ2UoJGV2ZW50KVwiIGFwcGVuZFRvPVwiYm9keVwiPjwvY2F4LWNhbGVuZGFyPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcbjwvbmctdGVtcGxhdGU+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLWZpbHRlci1mb3JtLWVsZW1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2NvbXBvbmVudHMvdGFibGUvY29tcG9uZW50cy9jb2x1bW4tZmlsdGVyLWZvcm0tZWxlbWVudC9jb2x1bW4tZmlsdGVyLWZvcm0tZWxlbWVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvY29tcG9uZW50cy90YWJsZS9jb21wb25lbnRzL2NvbHVtbi1maWx0ZXItZm9ybS1lbGVtZW50L2NvbHVtbi1maWx0ZXItZm9ybS1lbGVtZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBVSxLQUFLLEVBQWUsZUFBZSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBSzVILE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzVELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7Ozs7Ozs7O0FBWTVFLE1BQU0sT0FBTyx1QkFBdUI7SUFzQ3JCO0lBQ0M7SUF0Q0gsS0FBSyxDQUFxQjtJQUUxQixJQUFJLENBQXFCO0lBRXpCLGdCQUFnQixDQUE2QjtJQUU3QyxjQUFjLENBQTZCO0lBRTNDLFdBQVcsQ0FBcUI7SUFFK0IsaUJBQWlCLENBQXFCO0lBRXRDLGlCQUFpQixDQUFxQjtJQUVyRyxNQUFNLENBQXFCO0lBRTNCLE1BQU0sQ0FBcUI7SUFFM0IsTUFBTSxDQUFxQjtJQUUzQixhQUFhLENBQXFCO0lBRWxDLFFBQVEsQ0FBcUI7SUFFN0IsZUFBZSxDQUFxQjtJQUVMLFdBQVcsR0FBWSxJQUFJLENBQUM7SUFFM0QsU0FBUyxDQUFxQjtJQUV2QyxJQUFJLFdBQVc7UUFDWCxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsV0FBVyxDQUFDO0lBQ3RDLENBQUM7SUFFRCxjQUFjLENBQU07SUFFcEIsWUFDVyxFQUFTLEVBQ1IsU0FBdUI7UUFEeEIsT0FBRSxHQUFGLEVBQUUsQ0FBTztRQUNSLGNBQVMsR0FBVCxTQUFTLENBQWM7SUFDaEMsQ0FBQztJQUVKLFFBQVE7UUFDSixJQUFJLENBQUMsY0FBYyxHQUFHLENBQUMsS0FBVSxFQUFFLEVBQUU7WUFDM0IsSUFBSSxDQUFDLGdCQUFpQixDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7WUFDM0MsSUFBSSxDQUFDLEVBQUUsQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUN0QixDQUFDLENBQUM7SUFDTixDQUFDO0lBRUQsYUFBYSxDQUFDLEtBQVU7UUFDZCxJQUFJLENBQUMsZ0JBQWlCLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUUzQyxJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssTUFBTSxJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssU0FBUyxJQUFJLEtBQUssS0FBSyxFQUFFLEVBQUUsQ0FBQztZQUNsRSxJQUFJLENBQUMsRUFBRSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ3RCLENBQUM7SUFDTCxDQUFDO0lBRUQsdUJBQXVCLENBQUMsS0FBb0I7UUFDeEMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUNsQixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELHFCQUFxQixDQUFDLEtBQW9CO1FBQ3RDLElBQUksS0FBSyxDQUFDLEdBQUcsS0FBSyxPQUFPLEVBQUUsQ0FBQztZQUN4QixJQUFJLENBQUMsRUFBRSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ2xCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUMzQixDQUFDO0lBQ0wsQ0FBQzt1R0FuRVEsdUJBQXVCOzJGQUF2Qix1QkFBdUIseVFBV1osQ0FBQyxLQUFjLEVBQUUsRUFBRSxDQUFDLGVBQWUsQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLGlFQUVoRCxDQUFDLEtBQWMsRUFBRSxFQUFFLENBQUMsZUFBZSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsK0xBY2hELGdCQUFnQiw4RkNqRHhDLHVrRkFtREEsMkNEbENjLFlBQVkscWVBQUUsZUFBZSw4QkFBRSxXQUFXLDhWQUFFLGNBQWMsNHpDQUFFLGlCQUFpQix5d0JBQUUsc0JBQXNCOzsyRkFLdEcsdUJBQXVCO2tCQVZuQyxTQUFTOytCQUNJLDZCQUE2QixpQkFFeEIsaUJBQWlCLENBQUMsSUFBSSxjQUN6QixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxjQUFjLEVBQUUsaUJBQWlCLEVBQUUsc0JBQXNCLENBQUMsUUFDMUc7d0JBQ0YsS0FBSyxFQUFFLGFBQWE7cUJBQ3ZCO3FHQUdRLEtBQUs7c0JBQWIsS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUVHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBRUcsV0FBVztzQkFBbkIsS0FBSztnQkFFa0UsaUJBQWlCO3NCQUF4RixLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLENBQUMsS0FBYyxFQUFFLEVBQUUsQ0FBQyxlQUFlLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxFQUFFO2dCQUVFLGlCQUFpQjtzQkFBeEYsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxDQUFDLEtBQWMsRUFBRSxFQUFFLENBQUMsZUFBZSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsRUFBRTtnQkFFN0QsTUFBTTtzQkFBZCxLQUFLO2dCQUVHLE1BQU07c0JBQWQsS0FBSztnQkFFRyxNQUFNO3NCQUFkLEtBQUs7Z0JBRUcsYUFBYTtzQkFBckIsS0FBSztnQkFFRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBRWtDLFdBQVc7c0JBQWxELEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBRTdCLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uLCBPbkluaXQsIElucHV0LCBUZW1wbGF0ZVJlZiwgbnVtYmVyQXR0cmlidXRlLCBib29sZWFuQXR0cmlidXRlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGaWx0ZXJNZXRhZGF0YSB9IGZyb20gJ2NheC1kZXNpZ24tc3lzdGVtL2FwaSc7XG5pbXBvcnQgeyBUYWJsZSB9IGZyb20gJy4uLy4uL3RhYmxlJztcbmltcG9ydCB7IE51bGxhYmxlIH0gZnJvbSAnY2F4LWRlc2lnbi1zeXN0ZW0vdHMtaGVscGVycyc7XG5pbXBvcnQgeyBDb2x1bW5GaWx0ZXIgfSBmcm9tICcuLi9jb2x1bW4tZmlsdGVyL2NvbHVtbi1maWx0ZXInO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQ2FsZW5kYXJNb2R1bGUgfSBmcm9tICdjYXgtZGVzaWduLXN5c3RlbS9jYWxlbmRhcic7XG5pbXBvcnQgeyBJbnB1dE51bWJlck1vZHVsZSB9IGZyb20gJ2NheC1kZXNpZ24tc3lzdGVtL2lucHV0bnVtYmVyJztcbmltcG9ydCB7IElucHV0VGV4dE1vZHVsZSB9IGZyb20gJ2NheC1kZXNpZ24tc3lzdGVtL2lucHV0dGV4dCc7XG5pbXBvcnQgeyBUcmlTdGF0ZUNoZWNrYm94TW9kdWxlIH0gZnJvbSAnY2F4LWRlc2lnbi1zeXN0ZW0vdHJpc3RhdGVjaGVja2JveCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnY2F4LWNvbHVtbkZpbHRlckZvcm1FbGVtZW50JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vY29sdW1uLWZpbHRlci1mb3JtLWVsZW1lbnQuaHRtbCcsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIElucHV0VGV4dE1vZHVsZSwgRm9ybXNNb2R1bGUsIENhbGVuZGFyTW9kdWxlLCBJbnB1dE51bWJlck1vZHVsZSwgVHJpU3RhdGVDaGVja2JveE1vZHVsZV0sXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ2NheC1lbGVtZW50J1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgQ29sdW1uRmlsdGVyRm9ybUVsZW1lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIEBJbnB1dCgpIGZpZWxkOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgICBASW5wdXQoKSB0eXBlOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgICBASW5wdXQoKSBmaWx0ZXJDb25zdHJhaW50OiBGaWx0ZXJNZXRhZGF0YSB8IHVuZGVmaW5lZDtcblxuICAgIEBJbnB1dCgpIGZpbHRlclRlbXBsYXRlOiBOdWxsYWJsZTxUZW1wbGF0ZVJlZjxhbnk+PjtcblxuICAgIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06ICh2YWx1ZTogdW5rbm93bikgPT4gbnVtYmVyQXR0cmlidXRlKHZhbHVlLCBudWxsKSB9KSBtaW5GcmFjdGlvbkRpZ2l0czogbnVtYmVyIHwgdW5kZWZpbmVkO1xuXG4gICAgQElucHV0KHsgdHJhbnNmb3JtOiAodmFsdWU6IHVua25vd24pID0+IG51bWJlckF0dHJpYnV0ZSh2YWx1ZSwgbnVsbCkgfSkgbWF4RnJhY3Rpb25EaWdpdHM6IG51bWJlciB8IHVuZGVmaW5lZDtcblxuICAgIEBJbnB1dCgpIHByZWZpeDogc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gICAgQElucHV0KCkgc3VmZml4OiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgICBASW5wdXQoKSBsb2NhbGU6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICAgIEBJbnB1dCgpIGxvY2FsZU1hdGNoZXI6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICAgIEBJbnB1dCgpIGN1cnJlbmN5OiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgICBASW5wdXQoKSBjdXJyZW5jeURpc3BsYXk6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSB1c2VHcm91cGluZzogYm9vbGVhbiA9IHRydWU7XG5cbiAgICBASW5wdXQoKSBhcmlhTGFiZWw6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICAgIGdldCBzaG93QnV0dG9ucygpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuY29sRmlsdGVyLnNob3dCdXR0b25zO1xuICAgIH1cblxuICAgIGZpbHRlckNhbGxiYWNrOiBhbnk7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHVibGljIGR0OiBUYWJsZSxcbiAgICAgICAgcHJpdmF0ZSBjb2xGaWx0ZXI6IENvbHVtbkZpbHRlclxuICAgICkge31cblxuICAgIG5nT25Jbml0KCkge1xuICAgICAgICB0aGlzLmZpbHRlckNhbGxiYWNrID0gKHZhbHVlOiBhbnkpID0+IHtcbiAgICAgICAgICAgICg8YW55PnRoaXMuZmlsdGVyQ29uc3RyYWludCkudmFsdWUgPSB2YWx1ZTtcbiAgICAgICAgICAgIHRoaXMuZHQuX2ZpbHRlcigpO1xuICAgICAgICB9O1xuICAgIH1cblxuICAgIG9uTW9kZWxDaGFuZ2UodmFsdWU6IGFueSkge1xuICAgICAgICAoPGFueT50aGlzLmZpbHRlckNvbnN0cmFpbnQpLnZhbHVlID0gdmFsdWU7XG5cbiAgICAgICAgaWYgKHRoaXMudHlwZSA9PT0gJ2RhdGUnIHx8IHRoaXMudHlwZSA9PT0gJ2Jvb2xlYW4nIHx8IHZhbHVlID09PSAnJykge1xuICAgICAgICAgICAgdGhpcy5kdC5fZmlsdGVyKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBvblRleHRJbnB1dEVudGVyS2V5RG93bihldmVudDogS2V5Ym9hcmRFdmVudCkge1xuICAgICAgICB0aGlzLmR0Ll9maWx0ZXIoKTtcbiAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICB9XG5cbiAgICBvbk51bWVyaWNJbnB1dEtleURvd24oZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcbiAgICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgICAgICAgdGhpcy5kdC5fZmlsdGVyKCk7XG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cImZpbHRlclRlbXBsYXRlOyBlbHNlIGJ1aWx0SW5FbGVtZW50XCI+XHJcbiAgICA8bmctY29udGFpbmVyXHJcbiAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJcclxuICAgICAgICAgICAgZmlsdGVyVGVtcGxhdGU7XHJcbiAgICAgICAgICAgIGNvbnRleHQ6IHtcclxuICAgICAgICAgICAgICAgICRpbXBsaWNpdDogZmlsdGVyQ29uc3RyYWludC52YWx1ZSxcclxuICAgICAgICAgICAgICAgIGZpbHRlckNhbGxiYWNrOiBmaWx0ZXJDYWxsYmFjayxcclxuICAgICAgICAgICAgICAgIHR5cGU6IHR5cGUsXHJcbiAgICAgICAgICAgICAgICBmaWVsZDogZmllbGQsXHJcbiAgICAgICAgICAgICAgICBmaWx0ZXJDb25zdHJhaW50OiBmaWx0ZXJDb25zdHJhaW50LFxyXG4gICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI6IHBsYWNlaG9sZGVyLFxyXG4gICAgICAgICAgICAgICAgbWluRnJhY3Rpb25EaWdpdHM6IG1pbkZyYWN0aW9uRGlnaXRzLFxyXG4gICAgICAgICAgICAgICAgbWF4RnJhY3Rpb25EaWdpdHM6IG1heEZyYWN0aW9uRGlnaXRzLFxyXG4gICAgICAgICAgICAgICAgcHJlZml4OiBwcmVmaXgsXHJcbiAgICAgICAgICAgICAgICBzdWZmaXg6IHN1ZmZpeCxcclxuICAgICAgICAgICAgICAgIGxvY2FsZTogbG9jYWxlLFxyXG4gICAgICAgICAgICAgICAgbG9jYWxlTWF0Y2hlcjogbG9jYWxlTWF0Y2hlcixcclxuICAgICAgICAgICAgICAgIGN1cnJlbmN5OiBjdXJyZW5jeSxcclxuICAgICAgICAgICAgICAgIGN1cnJlbmN5RGlzcGxheTogY3VycmVuY3lEaXNwbGF5LFxyXG4gICAgICAgICAgICAgICAgdXNlR3JvdXBpbmc6IHVzZUdyb3VwaW5nLFxyXG4gICAgICAgICAgICAgICAgc2hvd0J1dHRvbnM6IHNob3dCdXR0b25zXHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICBcIlxyXG4gICAgPjwvbmctY29udGFpbmVyPlxyXG48L25nLWNvbnRhaW5lcj5cclxuPG5nLXRlbXBsYXRlICNidWlsdEluRWxlbWVudD5cclxuICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInR5cGVcIj5cclxuICAgICAgICA8aW5wdXQgKm5nU3dpdGNoQ2FzZT1cIid0ZXh0J1wiIHR5cGU9XCJ0ZXh0XCIgW2FyaWFMYWJlbF09XCJhcmlhTGFiZWxcIiBwSW5wdXRUZXh0IFt2YWx1ZV09XCJmaWx0ZXJDb25zdHJhaW50Py52YWx1ZVwiIChpbnB1dCk9XCJvbk1vZGVsQ2hhbmdlKCRldmVudC50YXJnZXQudmFsdWUpXCIgKGtleWRvd24uZW50ZXIpPVwib25UZXh0SW5wdXRFbnRlcktleURvd24oJGV2ZW50KVwiIFthdHRyLnBsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCIgLz5cclxuICAgICAgICA8Y2F4LWlucHV0TnVtYmVyXHJcbiAgICAgICAgICAgICpuZ1N3aXRjaENhc2U9XCInbnVtZXJpYydcIlxyXG4gICAgICAgICAgICBbbmdNb2RlbF09XCJmaWx0ZXJDb25zdHJhaW50Py52YWx1ZVwiXHJcbiAgICAgICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uTW9kZWxDaGFuZ2UoJGV2ZW50KVwiXHJcbiAgICAgICAgICAgIChvbktleURvd24pPVwib25OdW1lcmljSW5wdXRLZXlEb3duKCRldmVudClcIlxyXG4gICAgICAgICAgICBbc2hvd0J1dHRvbnNdPVwic2hvd0J1dHRvbnNcIlxyXG4gICAgICAgICAgICBbbWluRnJhY3Rpb25EaWdpdHNdPVwibWluRnJhY3Rpb25EaWdpdHNcIlxyXG4gICAgICAgICAgICBbbWF4RnJhY3Rpb25EaWdpdHNdPVwibWF4RnJhY3Rpb25EaWdpdHNcIlxyXG4gICAgICAgICAgICBbYXJpYUxhYmVsXT1cImFyaWFMYWJlbFwiXHJcbiAgICAgICAgICAgIFtwcmVmaXhdPVwicHJlZml4XCJcclxuICAgICAgICAgICAgW3N1ZmZpeF09XCJzdWZmaXhcIlxyXG4gICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxyXG4gICAgICAgICAgICBbbW9kZV09XCJjdXJyZW5jeSA/ICdjdXJyZW5jeScgOiAnZGVjaW1hbCdcIlxyXG4gICAgICAgICAgICBbbG9jYWxlXT1cImxvY2FsZVwiXHJcbiAgICAgICAgICAgIFtsb2NhbGVNYXRjaGVyXT1cImxvY2FsZU1hdGNoZXJcIlxyXG4gICAgICAgICAgICBbY3VycmVuY3ldPVwiY3VycmVuY3lcIlxyXG4gICAgICAgICAgICBbY3VycmVuY3lEaXNwbGF5XT1cImN1cnJlbmN5RGlzcGxheVwiXHJcbiAgICAgICAgICAgIFt1c2VHcm91cGluZ109XCJ1c2VHcm91cGluZ1wiXHJcbiAgICAgICAgPjwvY2F4LWlucHV0TnVtYmVyPlxyXG4gICAgICAgIDxjYXgtdHJpU3RhdGVDaGVja2JveCBbYXJpYUxhYmVsXT1cImFyaWFMYWJlbFwiICpuZ1N3aXRjaENhc2U9XCInYm9vbGVhbidcIiBbbmdNb2RlbF09XCJmaWx0ZXJDb25zdHJhaW50Py52YWx1ZVwiIChuZ01vZGVsQ2hhbmdlKT1cIm9uTW9kZWxDaGFuZ2UoJGV2ZW50KVwiPjwvY2F4LXRyaVN0YXRlQ2hlY2tib3g+XHJcbiAgICAgICAgPGNheC1jYWxlbmRhciBbYXJpYUxhYmVsXT1cImFyaWFMYWJlbFwiICpuZ1N3aXRjaENhc2U9XCInZGF0ZSdcIiBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIiBbbmdNb2RlbF09XCJmaWx0ZXJDb25zdHJhaW50Py52YWx1ZVwiIChuZ01vZGVsQ2hhbmdlKT1cIm9uTW9kZWxDaGFuZ2UoJGV2ZW50KVwiIGFwcGVuZFRvPVwiYm9keVwiPjwvY2F4LWNhbGVuZGFyPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcbjwvbmctdGVtcGxhdGU+XHJcbiJdfQ==

package/esm2022/toggleswitch/toggleswitch.mjs

@@ -14,11 +14,11 @@ export class ToggleSwitchComponent {
         this.onChange.emit(this.checked);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ToggleSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: ToggleSwitchComponent, selector: "cax-toggleswitch", inputs: { size: "size", checked: "checked", disabled: "disabled", iconClass: "iconClass", label: "label", events: "events" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div\r\n  class=\"cax-toggleswitch-container\"\r\n  [ngClass]=\"{\r\n    'cax-toggleswitch-container-disabled': disabled,\r\n    'cax-toggleswitch-size-sm': size === 'sm',\r\n    'cax-toggleswitch-size-md': size === 'md',\r\n    'cax-toggleswitch-size-lg': size === 'lg'\r\n  }\"\r\n>\r\n  <span class=\"cax-toggle-label\" *ngIf=\"label\">{{ label }}</span>\r\n  <label\r\n    class=\"cax-toggleswitchmaindiv\"\r\n    [ngClass]=\"{ 'cax-toggleswitchmaindiv-disabled': disabled }\"\r\n  >\r\n    <input\r\n      type=\"checkbox\"\r\n      [checked]=\"checked\"\r\n      [disabled]=\"disabled\"\r\n      (change)=\"toggleChecked($event)\"\r\n      class=\"cax-toggleswitch\"\r\n    />\r\n    <div class=\"cax-toggleswitch-track\"></div>\r\n    <div\r\n      class=\"cax-toggle-thumb\"\r\n      [ngClass]=\"{\r\n        'cax-toggle-thumb-checked': checked\r\n      }\"\r\n    >\r\n      <ng-container *ngIf=\"checked\">\r\n        <svg\r\n          width=\"11\"\r\n          height=\"7\"\r\n          viewBox=\"0 0 11 8\"\r\n          fill=\"none\"\r\n          xmlns=\"http://www.w3.org/2000/svg\"\r\n          class=\"cax-toggle-icon-active\"\r\n        >\r\n          <path\r\n            d=\"M10.0915 0.951972L10.0867 0.946075L10.0813 0.940568C9.90076 0.753564 9.61034 0.753146 9.42927 0.939309L4.16201 6.22962L1.58507 3.63469C1.40401 3.44841 1.11351 3.44879 0.932892 3.63584C0.755703 3.81933 0.755703 4.10875 0.932892 4.29224L0.932878 4.29225L0.934851 4.29424L3.58046 6.95832C3.73676 7.11955 3.94983 7.2 4.1473 7.2C4.36196 7.2 4.55963 7.11773 4.71406 6.9584L10.0468 1.60234C10.2436 1.4199 10.2421 1.1339 10.0915 0.951972ZM4.2327 6.30081L4.2317 6.2998C4.23206 6.30015 4.23237 6.30049 4.23269 6.30082L4.2327 6.30081Z\"\r\n            fill=\"#1644e7\"\r\n            stroke=\"#1644e7\"\r\n            stroke-width=\"0.4\"\r\n          />\r\n        </svg>\r\n      </ng-container>\r\n    </div>\r\n  </label>\r\n</div>\r\n", styles: ["@layer cax{.cax-toggleswitch-container{display:flex;align-items:center;gap:.5rem}.cax-toggleswitch-container-disabled{opacity:.6;pointer-events:none}.cax-toggleswitchmaindiv{display:inline-flex;align-items:center;position:relative;cursor:pointer}.cax-toggleswitchmaindiv:hover,.cax-toggleswitchmaindiv:has(.cax-toggle-thumb:hover),.cax-toggleswitchmaindiv:has(.cax-toggleswitch-track:hover){opacity:.9}.cax-toggleswitchmaindiv-disabled{opacity:.6}.cax-toggleswitch{display:none}.cax-toggle-icon-active{display:flex}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: ToggleSwitchComponent, selector: "cax-toggleswitch", inputs: { size: "size", checked: "checked", disabled: "disabled", iconClass: "iconClass", label: "label", events: "events" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div\r\n    class=\"cax-toggleswitch-container\"\r\n    [ngClass]=\"{\r\n    'cax-toggleswitch-container-disabled': disabled,\r\n    'cax-toggleswitch-size-sm': size === 'sm',\r\n    'cax-toggleswitch-size-md': size === 'md',\r\n    'cax-toggleswitch-size-lg': size === 'lg'\r\n  }\"\r\n>\r\n    <span class=\"cax-toggle-label\" *ngIf=\"label\">{{ label }}</span>\r\n    <label class=\"cax-toggleswitchmaindiv\" [ngClass]=\"{ 'cax-toggleswitchmaindiv-disabled': disabled }\">\r\n        <input type=\"checkbox\" [checked]=\"checked\" [disabled]=\"disabled\" (change)=\"toggleChecked($event)\" class=\"cax-toggleswitch\" />\r\n        <div class=\"cax-toggleswitch-track\"></div>\r\n        <div\r\n            class=\"cax-toggle-thumb\"\r\n            [ngClass]=\"{\r\n        'cax-toggle-thumb-checked': checked\r\n      }\"\r\n        >\r\n            <ng-container *ngIf=\"checked\">\r\n                <svg width=\"11\" height=\"7\" viewBox=\"0 0 11 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"cax-toggle-icon-active\">\r\n                    <path\r\n                        d=\"M10.0915 0.951972L10.0867 0.946075L10.0813 0.940568C9.90076 0.753564 9.61034 0.753146 9.42927 0.939309L4.16201 6.22962L1.58507 3.63469C1.40401 3.44841 1.11351 3.44879 0.932892 3.63584C0.755703 3.81933 0.755703 4.10875 0.932892 4.29224L0.932878 4.29225L0.934851 4.29424L3.58046 6.95832C3.73676 7.11955 3.94983 7.2 4.1473 7.2C4.36196 7.2 4.55963 7.11773 4.71406 6.9584L10.0468 1.60234C10.2436 1.4199 10.2421 1.1339 10.0915 0.951972ZM4.2327 6.30081L4.2317 6.2998C4.23206 6.30015 4.23237 6.30049 4.23269 6.30082L4.2327 6.30081Z\"\r\n                        fill=\"var(--primary-500)\"\r\n                        stroke=\"var(--primary-500)\"\r\n                        stroke-width=\"0.4\"\r\n                    />\r\n                </svg>\r\n            </ng-container>\r\n        </div>\r\n    </label>\r\n</div>\r\n", styles: ["@layer cax{.cax-toggleswitch-container{display:flex;align-items:center;gap:.5rem}.cax-toggleswitch-container-disabled{opacity:.6;pointer-events:none}.cax-toggleswitchmaindiv{display:inline-flex;align-items:center;position:relative;cursor:pointer}.cax-toggleswitchmaindiv:hover,.cax-toggleswitchmaindiv:has(.cax-toggle-thumb:hover),.cax-toggleswitchmaindiv:has(.cax-toggleswitch-track:hover){opacity:.9}.cax-toggleswitchmaindiv-disabled{opacity:.6}.cax-toggleswitch{display:none}.cax-toggle-icon-active{display:flex}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ToggleSwitchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cax-toggleswitch', template: "<div\r\n  class=\"cax-toggleswitch-container\"\r\n  [ngClass]=\"{\r\n    'cax-toggleswitch-container-disabled': disabled,\r\n    'cax-toggleswitch-size-sm': size === 'sm',\r\n    'cax-toggleswitch-size-md': size === 'md',\r\n    'cax-toggleswitch-size-lg': size === 'lg'\r\n  }\"\r\n>\r\n  <span class=\"cax-toggle-label\" *ngIf=\"label\">{{ label }}</span>\r\n  <label\r\n    class=\"cax-toggleswitchmaindiv\"\r\n    [ngClass]=\"{ 'cax-toggleswitchmaindiv-disabled': disabled }\"\r\n  >\r\n    <input\r\n      type=\"checkbox\"\r\n      [checked]=\"checked\"\r\n      [disabled]=\"disabled\"\r\n      (change)=\"toggleChecked($event)\"\r\n      class=\"cax-toggleswitch\"\r\n    />\r\n    <div class=\"cax-toggleswitch-track\"></div>\r\n    <div\r\n      class=\"cax-toggle-thumb\"\r\n      [ngClass]=\"{\r\n        'cax-toggle-thumb-checked': checked\r\n      }\"\r\n    >\r\n      <ng-container *ngIf=\"checked\">\r\n        <svg\r\n          width=\"11\"\r\n          height=\"7\"\r\n          viewBox=\"0 0 11 8\"\r\n          fill=\"none\"\r\n          xmlns=\"http://www.w3.org/2000/svg\"\r\n          class=\"cax-toggle-icon-active\"\r\n        >\r\n          <path\r\n            d=\"M10.0915 0.951972L10.0867 0.946075L10.0813 0.940568C9.90076 0.753564 9.61034 0.753146 9.42927 0.939309L4.16201 6.22962L1.58507 3.63469C1.40401 3.44841 1.11351 3.44879 0.932892 3.63584C0.755703 3.81933 0.755703 4.10875 0.932892 4.29224L0.932878 4.29225L0.934851 4.29424L3.58046 6.95832C3.73676 7.11955 3.94983 7.2 4.1473 7.2C4.36196 7.2 4.55963 7.11773 4.71406 6.9584L10.0468 1.60234C10.2436 1.4199 10.2421 1.1339 10.0915 0.951972ZM4.2327 6.30081L4.2317 6.2998C4.23206 6.30015 4.23237 6.30049 4.23269 6.30082L4.2327 6.30081Z\"\r\n            fill=\"#1644e7\"\r\n            stroke=\"#1644e7\"\r\n            stroke-width=\"0.4\"\r\n          />\r\n        </svg>\r\n      </ng-container>\r\n    </div>\r\n  </label>\r\n</div>\r\n", styles: ["@layer cax{.cax-toggleswitch-container{display:flex;align-items:center;gap:.5rem}.cax-toggleswitch-container-disabled{opacity:.6;pointer-events:none}.cax-toggleswitchmaindiv{display:inline-flex;align-items:center;position:relative;cursor:pointer}.cax-toggleswitchmaindiv:hover,.cax-toggleswitchmaindiv:has(.cax-toggle-thumb:hover),.cax-toggleswitchmaindiv:has(.cax-toggleswitch-track:hover){opacity:.9}.cax-toggleswitchmaindiv-disabled{opacity:.6}.cax-toggleswitch{display:none}.cax-toggle-icon-active{display:flex}}\n"] }]
+            args: [{ selector: 'cax-toggleswitch', template: "<div\r\n    class=\"cax-toggleswitch-container\"\r\n    [ngClass]=\"{\r\n    'cax-toggleswitch-container-disabled': disabled,\r\n    'cax-toggleswitch-size-sm': size === 'sm',\r\n    'cax-toggleswitch-size-md': size === 'md',\r\n    'cax-toggleswitch-size-lg': size === 'lg'\r\n  }\"\r\n>\r\n    <span class=\"cax-toggle-label\" *ngIf=\"label\">{{ label }}</span>\r\n    <label class=\"cax-toggleswitchmaindiv\" [ngClass]=\"{ 'cax-toggleswitchmaindiv-disabled': disabled }\">\r\n        <input type=\"checkbox\" [checked]=\"checked\" [disabled]=\"disabled\" (change)=\"toggleChecked($event)\" class=\"cax-toggleswitch\" />\r\n        <div class=\"cax-toggleswitch-track\"></div>\r\n        <div\r\n            class=\"cax-toggle-thumb\"\r\n            [ngClass]=\"{\r\n        'cax-toggle-thumb-checked': checked\r\n      }\"\r\n        >\r\n            <ng-container *ngIf=\"checked\">\r\n                <svg width=\"11\" height=\"7\" viewBox=\"0 0 11 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"cax-toggle-icon-active\">\r\n                    <path\r\n                        d=\"M10.0915 0.951972L10.0867 0.946075L10.0813 0.940568C9.90076 0.753564 9.61034 0.753146 9.42927 0.939309L4.16201 6.22962L1.58507 3.63469C1.40401 3.44841 1.11351 3.44879 0.932892 3.63584C0.755703 3.81933 0.755703 4.10875 0.932892 4.29224L0.932878 4.29225L0.934851 4.29424L3.58046 6.95832C3.73676 7.11955 3.94983 7.2 4.1473 7.2C4.36196 7.2 4.55963 7.11773 4.71406 6.9584L10.0468 1.60234C10.2436 1.4199 10.2421 1.1339 10.0915 0.951972ZM4.2327 6.30081L4.2317 6.2998C4.23206 6.30015 4.23237 6.30049 4.23269 6.30082L4.2327 6.30081Z\"\r\n                        fill=\"var(--primary-500)\"\r\n                        stroke=\"var(--primary-500)\"\r\n                        stroke-width=\"0.4\"\r\n                    />\r\n                </svg>\r\n            </ng-container>\r\n        </div>\r\n    </label>\r\n</div>\r\n", styles: ["@layer cax{.cax-toggleswitch-container{display:flex;align-items:center;gap:.5rem}.cax-toggleswitch-container-disabled{opacity:.6;pointer-events:none}.cax-toggleswitchmaindiv{display:inline-flex;align-items:center;position:relative;cursor:pointer}.cax-toggleswitchmaindiv:hover,.cax-toggleswitchmaindiv:has(.cax-toggle-thumb:hover),.cax-toggleswitchmaindiv:has(.cax-toggleswitch-track:hover){opacity:.9}.cax-toggleswitchmaindiv-disabled{opacity:.6}.cax-toggleswitch{display:none}.cax-toggle-icon-active{display:flex}}\n"] }]
         }], propDecorators: { size: [{
                 type: Input
             }], checked: [{
@@ -34,4 +34,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
             }], events: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlc3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2FwcC9jb21wb25lbnRzL3RvZ2dsZXN3aXRjaC90b2dnbGVzd2l0Y2gudHMiLCIuLi8uLi8uLi9zcmMvYXBwL2NvbXBvbmVudHMvdG9nZ2xlc3dpdGNoL3RvZ2dsZXN3aXRjaC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU92RSxNQUFNLE9BQU8scUJBQXFCO0lBQ3JCLElBQUksR0FBdUIsSUFBSSxDQUFDO0lBQ2hDLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFDaEIsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUNqQixTQUFTLEdBQVcsZUFBZSxDQUFDO0lBQ25DLFFBQVEsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO0lBQ3hDLEtBQUssQ0FBcUI7SUFDMUIsTUFBTSxDQUFLO0lBRXBCLGFBQWEsQ0FBQyxLQUFZO1FBQ3RCLElBQUksQ0FBQyxPQUFPLEdBQUksS0FBSyxDQUFDLE1BQTJCLENBQUMsT0FBTyxDQUFDO1FBQzFELElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNyQyxDQUFDO3VHQVpRLHFCQUFxQjsyRkFBckIscUJBQXFCLHlOQ1BsQyxtNERBZ0RBOzsyRkR6Q2EscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNJLGtCQUFrQjs4QkFLbkIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0ksUUFBUTtzQkFBakIsTUFBTTtnQkFDRSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdjYXgtdG9nZ2xlc3dpdGNoJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdG9nZ2xlc3dpdGNoLmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3RvZ2dsZXN3aXRjaC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVG9nZ2xlU3dpdGNoQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBzaXplOiAnc20nIHwgJ21kJyB8ICdsZycgPSAnbWQnO1xuICAgIEBJbnB1dCgpIGNoZWNrZWQgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGljb25DbGFzczogc3RyaW5nID0gJ2NheCBjYXgtY2hlY2snO1xuICAgIEBPdXRwdXQoKSBvbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcbiAgICBASW5wdXQoKSBsYWJlbDogc3RyaW5nIHwgdW5kZWZpbmVkO1xuICAgIEBJbnB1dCgpIGV2ZW50czoge307XG5cbiAgICB0b2dnbGVDaGVja2VkKGV2ZW50OiBFdmVudCkge1xuICAgICAgICB0aGlzLmNoZWNrZWQgPSAoZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQpLmNoZWNrZWQ7XG4gICAgICAgIHRoaXMub25DaGFuZ2UuZW1pdCh0aGlzLmNoZWNrZWQpO1xuICAgIH1cbn1cbiIsIjxkaXZcclxuICBjbGFzcz1cImNheC10b2dnbGVzd2l0Y2gtY29udGFpbmVyXCJcclxuICBbbmdDbGFzc109XCJ7XHJcbiAgICAnY2F4LXRvZ2dsZXN3aXRjaC1jb250YWluZXItZGlzYWJsZWQnOiBkaXNhYmxlZCxcclxuICAgICdjYXgtdG9nZ2xlc3dpdGNoLXNpemUtc20nOiBzaXplID09PSAnc20nLFxyXG4gICAgJ2NheC10b2dnbGVzd2l0Y2gtc2l6ZS1tZCc6IHNpemUgPT09ICdtZCcsXHJcbiAgICAnY2F4LXRvZ2dsZXN3aXRjaC1zaXplLWxnJzogc2l6ZSA9PT0gJ2xnJ1xyXG4gIH1cIlxyXG4+XHJcbiAgPHNwYW4gY2xhc3M9XCJjYXgtdG9nZ2xlLWxhYmVsXCIgKm5nSWY9XCJsYWJlbFwiPnt7IGxhYmVsIH19PC9zcGFuPlxyXG4gIDxsYWJlbFxyXG4gICAgY2xhc3M9XCJjYXgtdG9nZ2xlc3dpdGNobWFpbmRpdlwiXHJcbiAgICBbbmdDbGFzc109XCJ7ICdjYXgtdG9nZ2xlc3dpdGNobWFpbmRpdi1kaXNhYmxlZCc6IGRpc2FibGVkIH1cIlxyXG4gID5cclxuICAgIDxpbnB1dFxyXG4gICAgICB0eXBlPVwiY2hlY2tib3hcIlxyXG4gICAgICBbY2hlY2tlZF09XCJjaGVja2VkXCJcclxuICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAgICAgKGNoYW5nZSk9XCJ0b2dnbGVDaGVja2VkKCRldmVudClcIlxyXG4gICAgICBjbGFzcz1cImNheC10b2dnbGVzd2l0Y2hcIlxyXG4gICAgLz5cclxuICAgIDxkaXYgY2xhc3M9XCJjYXgtdG9nZ2xlc3dpdGNoLXRyYWNrXCI+PC9kaXY+XHJcbiAgICA8ZGl2XHJcbiAgICAgIGNsYXNzPVwiY2F4LXRvZ2dsZS10aHVtYlwiXHJcbiAgICAgIFtuZ0NsYXNzXT1cIntcclxuICAgICAgICAnY2F4LXRvZ2dsZS10aHVtYi1jaGVja2VkJzogY2hlY2tlZFxyXG4gICAgICB9XCJcclxuICAgID5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImNoZWNrZWRcIj5cclxuICAgICAgICA8c3ZnXHJcbiAgICAgICAgICB3aWR0aD1cIjExXCJcclxuICAgICAgICAgIGhlaWdodD1cIjdcIlxyXG4gICAgICAgICAgdmlld0JveD1cIjAgMCAxMSA4XCJcclxuICAgICAgICAgIGZpbGw9XCJub25lXCJcclxuICAgICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxyXG4gICAgICAgICAgY2xhc3M9XCJjYXgtdG9nZ2xlLWljb24tYWN0aXZlXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8cGF0aFxyXG4gICAgICAgICAgICBkPVwiTTEwLjA5MTUgMC45NTE5NzJMMTAuMDg2NyAwLjk0NjA3NUwxMC4wODEzIDAuOTQwNTY4QzkuOTAwNzYgMC43NTM1NjQgOS42MTAzNCAwLjc1MzE0NiA5LjQyOTI3IDAuOTM5MzA5TDQuMTYyMDEgNi4yMjk2MkwxLjU4NTA3IDMuNjM0NjlDMS40MDQwMSAzLjQ0ODQxIDEuMTEzNTEgMy40NDg3OSAwLjkzMjg5MiAzLjYzNTg0QzAuNzU1NzAzIDMuODE5MzMgMC43NTU3MDMgNC4xMDg3NSAwLjkzMjg5MiA0LjI5MjI0TDAuOTMyODc4IDQuMjkyMjVMMC45MzQ4NTEgNC4yOTQyNEwzLjU4MDQ2IDYuOTU4MzJDMy43MzY3NiA3LjExOTU1IDMuOTQ5ODMgNy4yIDQuMTQ3MyA3LjJDNC4zNjE5NiA3LjIgNC41NTk2MyA3LjExNzczIDQuNzE0MDYgNi45NTg0TDEwLjA0NjggMS42MDIzNEMxMC4yNDM2IDEuNDE5OSAxMC4yNDIxIDEuMTMzOSAxMC4wOTE1IDAuOTUxOTcyWk00LjIzMjcgNi4zMDA4MUw0LjIzMTcgNi4yOTk4QzQuMjMyMDYgNi4zMDAxNSA0LjIzMjM3IDYuMzAwNDkgNC4yMzI2OSA2LjMwMDgyTDQuMjMyNyA2LjMwMDgxWlwiXHJcbiAgICAgICAgICAgIGZpbGw9XCIjMTY0NGU3XCJcclxuICAgICAgICAgICAgc3Ryb2tlPVwiIzE2NDRlN1wiXHJcbiAgICAgICAgICAgIHN0cm9rZS13aWR0aD1cIjAuNFwiXHJcbiAgICAgICAgICAvPlxyXG4gICAgICAgIDwvc3ZnPlxyXG4gICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgIDwvZGl2PlxyXG4gIDwvbGFiZWw+XHJcbjwvZGl2PlxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlc3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2FwcC9jb21wb25lbnRzL3RvZ2dsZXN3aXRjaC90b2dnbGVzd2l0Y2gudHMiLCIuLi8uLi8uLi9zcmMvYXBwL2NvbXBvbmVudHMvdG9nZ2xlc3dpdGNoL3RvZ2dsZXN3aXRjaC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU92RSxNQUFNLE9BQU8scUJBQXFCO0lBQ3JCLElBQUksR0FBdUIsSUFBSSxDQUFDO0lBQ2hDLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFDaEIsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUNqQixTQUFTLEdBQVcsZUFBZSxDQUFDO0lBQ25DLFFBQVEsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO0lBQ3hDLEtBQUssQ0FBcUI7SUFDMUIsTUFBTSxDQUFLO0lBRXBCLGFBQWEsQ0FBQyxLQUFZO1FBQ3RCLElBQUksQ0FBQyxPQUFPLEdBQUksS0FBSyxDQUFDLE1BQTJCLENBQUMsT0FBTyxDQUFDO1FBQzFELElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNyQyxDQUFDO3VHQVpRLHFCQUFxQjsyRkFBckIscUJBQXFCLHlOQ1BsQyxpNERBZ0NBOzsyRkR6QmEscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNJLGtCQUFrQjs4QkFLbkIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0ksUUFBUTtzQkFBakIsTUFBTTtnQkFDRSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdjYXgtdG9nZ2xlc3dpdGNoJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdG9nZ2xlc3dpdGNoLmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3RvZ2dsZXN3aXRjaC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVG9nZ2xlU3dpdGNoQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBzaXplOiAnc20nIHwgJ21kJyB8ICdsZycgPSAnbWQnO1xuICAgIEBJbnB1dCgpIGNoZWNrZWQgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGljb25DbGFzczogc3RyaW5nID0gJ2NheCBjYXgtY2hlY2snO1xuICAgIEBPdXRwdXQoKSBvbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcbiAgICBASW5wdXQoKSBsYWJlbDogc3RyaW5nIHwgdW5kZWZpbmVkO1xuICAgIEBJbnB1dCgpIGV2ZW50czoge307XG5cbiAgICB0b2dnbGVDaGVja2VkKGV2ZW50OiBFdmVudCkge1xuICAgICAgICB0aGlzLmNoZWNrZWQgPSAoZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQpLmNoZWNrZWQ7XG4gICAgICAgIHRoaXMub25DaGFuZ2UuZW1pdCh0aGlzLmNoZWNrZWQpO1xuICAgIH1cbn1cbiIsIjxkaXZcclxuICAgIGNsYXNzPVwiY2F4LXRvZ2dsZXN3aXRjaC1jb250YWluZXJcIlxyXG4gICAgW25nQ2xhc3NdPVwie1xyXG4gICAgJ2NheC10b2dnbGVzd2l0Y2gtY29udGFpbmVyLWRpc2FibGVkJzogZGlzYWJsZWQsXHJcbiAgICAnY2F4LXRvZ2dsZXN3aXRjaC1zaXplLXNtJzogc2l6ZSA9PT0gJ3NtJyxcclxuICAgICdjYXgtdG9nZ2xlc3dpdGNoLXNpemUtbWQnOiBzaXplID09PSAnbWQnLFxyXG4gICAgJ2NheC10b2dnbGVzd2l0Y2gtc2l6ZS1sZyc6IHNpemUgPT09ICdsZydcclxuICB9XCJcclxuPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJjYXgtdG9nZ2xlLWxhYmVsXCIgKm5nSWY9XCJsYWJlbFwiPnt7IGxhYmVsIH19PC9zcGFuPlxyXG4gICAgPGxhYmVsIGNsYXNzPVwiY2F4LXRvZ2dsZXN3aXRjaG1haW5kaXZcIiBbbmdDbGFzc109XCJ7ICdjYXgtdG9nZ2xlc3dpdGNobWFpbmRpdi1kaXNhYmxlZCc6IGRpc2FibGVkIH1cIj5cclxuICAgICAgICA8aW5wdXQgdHlwZT1cImNoZWNrYm94XCIgW2NoZWNrZWRdPVwiY2hlY2tlZFwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIChjaGFuZ2UpPVwidG9nZ2xlQ2hlY2tlZCgkZXZlbnQpXCIgY2xhc3M9XCJjYXgtdG9nZ2xlc3dpdGNoXCIgLz5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY2F4LXRvZ2dsZXN3aXRjaC10cmFja1wiPjwvZGl2PlxyXG4gICAgICAgIDxkaXZcclxuICAgICAgICAgICAgY2xhc3M9XCJjYXgtdG9nZ2xlLXRodW1iXCJcclxuICAgICAgICAgICAgW25nQ2xhc3NdPVwie1xyXG4gICAgICAgICdjYXgtdG9nZ2xlLXRodW1iLWNoZWNrZWQnOiBjaGVja2VkXHJcbiAgICAgIH1cIlxyXG4gICAgICAgID5cclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImNoZWNrZWRcIj5cclxuICAgICAgICAgICAgICAgIDxzdmcgd2lkdGg9XCIxMVwiIGhlaWdodD1cIjdcIiB2aWV3Qm94PVwiMCAwIDExIDhcIiBmaWxsPVwibm9uZVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiBjbGFzcz1cImNheC10b2dnbGUtaWNvbi1hY3RpdmVcIj5cclxuICAgICAgICAgICAgICAgICAgICA8cGF0aFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBkPVwiTTEwLjA5MTUgMC45NTE5NzJMMTAuMDg2NyAwLjk0NjA3NUwxMC4wODEzIDAuOTQwNTY4QzkuOTAwNzYgMC43NTM1NjQgOS42MTAzNCAwLjc1MzE0NiA5LjQyOTI3IDAuOTM5MzA5TDQuMTYyMDEgNi4yMjk2MkwxLjU4NTA3IDMuNjM0NjlDMS40MDQwMSAzLjQ0ODQxIDEuMTEzNTEgMy40NDg3OSAwLjkzMjg5MiAzLjYzNTg0QzAuNzU1NzAzIDMuODE5MzMgMC43NTU3MDMgNC4xMDg3NSAwLjkzMjg5MiA0LjI5MjI0TDAuOTMyODc4IDQuMjkyMjVMMC45MzQ4NTEgNC4yOTQyNEwzLjU4MDQ2IDYuOTU4MzJDMy43MzY3NiA3LjExOTU1IDMuOTQ5ODMgNy4yIDQuMTQ3MyA3LjJDNC4zNjE5NiA3LjIgNC41NTk2MyA3LjExNzczIDQuNzE0MDYgNi45NTg0TDEwLjA0NjggMS42MDIzNEMxMC4yNDM2IDEuNDE5OSAxMC4yNDIxIDEuMTMzOSAxMC4wOTE1IDAuOTUxOTcyWk00LjIzMjcgNi4zMDA4MUw0LjIzMTcgNi4yOTk4QzQuMjMyMDYgNi4zMDAxNSA0LjIzMjM3IDYuMzAwNDkgNC4yMzI2OSA2LjMwMDgyTDQuMjMyNyA2LjMwMDgxWlwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGZpbGw9XCJ2YXIoLS1wcmltYXJ5LTUwMClcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBzdHJva2U9XCJ2YXIoLS1wcmltYXJ5LTUwMClcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBzdHJva2Utd2lkdGg9XCIwLjRcIlxyXG4gICAgICAgICAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgICAgICA8L3N2Zz5cclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2xhYmVsPlxyXG48L2Rpdj5cclxuIl19

package/fesm2022/cax-design-system-accordion.mjs

@@ -209,7 +209,7 @@ class AccordionTab {
         this.accordion.tabs.splice(this.findTabIndex(), 1);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AccordionTab, deps: [{ token: forwardRef(() => Accordion) }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: AccordionTab, selector: "cax-accordionTab", inputs: { id: "id", header: "header", headerStyle: "headerStyle", tabStyle: "tabStyle", contentStyle: "contentStyle", tabStyleClass: "tabStyleClass", headerStyleClass: "headerStyleClass", contentStyleClass: "contentStyleClass", disabled: ["disabled", "disabled", booleanAttribute], cache: ["cache", "cache", booleanAttribute], transitionOptions: "transitionOptions", iconPos: "iconPos", selected: "selected", accordionIconPosition: "accordionIconPosition", headerAriaLevel: ["headerAriaLevel", "headerAriaLevel", numberAttribute] }, outputs: { selectedChange: "selectedChange" }, host: { classAttribute: "cax-element" }, queries: [{ propertyName: "headerFacet", predicate: Header }, { propertyName: "templates", predicate: CaxTemplate }], ngImport: i0, template: "<div class=\"cax-accordion-tab\" [class.cax-accordion-tab-active]=\"selected\" [ngClass]=\"tabStyleClass\" [ngStyle]=\"tabStyle\" [attr.data-pc-name]=\"'accordiontab'\">\r\n    <div class=\"cax-accordion-header\" role=\"heading\" [attr.aria-level]=\"headerAriaLevel\" [class.cax-highlight]=\"selected\" [class.cax-disabled]=\"disabled\" [attr.data-cax-disabled]=\"disabled\" [attr.data-pc-section]=\"'header'\">\r\n        <a\r\n            [ngClass]=\"headerStyleClass\"\r\n            [ngStyle]=\"headerStyle\"\r\n            role=\"button\"\r\n            class=\"cax-accordion-header-link\"\r\n            (click)=\"toggle($event)\"\r\n            (keydown)=\"onKeydown($event)\"\r\n            [attr.tabindex]=\"disabled ? null : 0\"\r\n            [attr.id]=\"getTabHeaderActionId(id)\"\r\n            [attr.aria-controls]=\"getTabContentId(id)\"\r\n            [attr.aria-expanded]=\"selected\"\r\n            [attr.aria-disabled]=\"disabled\"\r\n            [attr.data-pc-section]=\"'headeraction'\"\r\n        >\r\n        <span class=\"cax-accordion-icon\" *ngIf=\"accordionIconPosition === 'right'\">\r\n            <ng-container *ngIf=\"!iconTemplate\">\r\n                <ng-container *ngIf=\"selected\">\r\n                    <span *ngIf=\"accordion.collapseIcon\" [class]=\"accordion.collapseIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\"></span>\r\n                    <ChevronUpIcon *ngIf=\"!accordion.collapseIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\" />\r\n                </ng-container>\r\n                <ng-container *ngIf=\"!selected\">\r\n                    <span *ngIf=\"accordion.expandIcon\" [class]=\"accordion.expandIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\"></span>\r\n                    <ChevronUpIcon *ngIf=\"!accordion.expandIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\" />\r\n                </ng-container>\r\n            </ng-container>\r\n            <ng-template *ngTemplateOutlet=\"iconTemplate; context: { $implicit: selected }\"></ng-template>\r\n        </span>\r\n            <span class=\"cax-accordion-header-text\" *ngIf=\"!hasHeaderFacet\"> {{ header }} </span>\r\n            <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\r\n            <span class=\"cax-accordion-icon\" *ngIf=\"accordionIconPosition === 'left'\">\r\n                <ng-container *ngIf=\"!iconTemplate\">\r\n                    <ng-container *ngIf=\"selected\">\r\n                        <span *ngIf=\"accordion.collapseIcon\" [class]=\"accordion.collapseIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\"></span>\r\n                        <ChevronUpIcon *ngIf=\"!accordion.collapseIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\" />\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"!selected\">\r\n                        <span *ngIf=\"accordion.expandIcon\" [class]=\"accordion.expandIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\"></span>\r\n                        <ChevronUpIcon *ngIf=\"!accordion.expandIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\" />\r\n                    </ng-container>\r\n                </ng-container>\r\n                <ng-template *ngTemplateOutlet=\"iconTemplate; context: { $implicit: selected }\"></ng-template>\r\n            </span>\r\n            <ng-content select=\"cax-header\" *ngIf=\"hasHeaderFacet\"></ng-content>\r\n        </a>\r\n    </div>\r\n    <div\r\n        [attr.id]=\"getTabContentId(id)\"\r\n        class=\"cax-toggleable-content\"\r\n        [@tabContent]=\"selected ? { value: 'visible', params: { transitionParams: transitionOptions } } : { value: 'hidden', params: { transitionParams: transitionOptions } }\"\r\n        role=\"region\"\r\n        [attr.aria-hidden]=\"!selected\"\r\n        [attr.aria-labelledby]=\"getTabHeaderActionId(id)\"\r\n        [attr.data-pc-section]=\"'toggleablecontent'\"\r\n    >\r\n        <div class=\"cax-accordion-content\" [ngClass]=\"contentStyleClass\" [ngStyle]=\"contentStyle\">\r\n            <ng-content></ng-content>\r\n            <ng-container *ngIf=\"contentTemplate && (cache ? loaded : selected)\">\r\n                <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: ["@layer cax{.cax-accordion-header-link{cursor:pointer;display:flex;align-items:center;-webkit-user-select:none;user-select:none;position:relative;text-decoration:none}.cax-accordion-icon{margin-right:8px;display:flex;align-items:center}.cax-accordion-header-link:focus{z-index:1}.cax-accordion-header-text{flex:1}.cax-accordion .cax-toggleable-content{overflow:hidden}.cax-accordion .cax-accordion-tab-active>.cax-toggleable-content:not(.ng-animating){overflow:inherit}.cax-accordion-toggle-icon-end{order:1;margin-left:auto}.cax-accordion-toggle-icon{order:0;width:16px;height:16px}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.ChevronUpIcon, selector: "ChevronUpIcon" }], animations: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: AccordionTab, selector: "cax-accordionTab", inputs: { id: "id", header: "header", headerStyle: "headerStyle", tabStyle: "tabStyle", contentStyle: "contentStyle", tabStyleClass: "tabStyleClass", headerStyleClass: "headerStyleClass", contentStyleClass: "contentStyleClass", disabled: ["disabled", "disabled", booleanAttribute], cache: ["cache", "cache", booleanAttribute], transitionOptions: "transitionOptions", iconPos: "iconPos", selected: "selected", accordionIconPosition: "accordionIconPosition", headerAriaLevel: ["headerAriaLevel", "headerAriaLevel", numberAttribute] }, outputs: { selectedChange: "selectedChange" }, host: { classAttribute: "cax-element" }, queries: [{ propertyName: "headerFacet", predicate: Header }, { propertyName: "templates", predicate: CaxTemplate }], ngImport: i0, template: "<div class=\"cax-accordion-tab\" [class.cax-accordion-tab-active]=\"selected\" [ngClass]=\"tabStyleClass\" [ngStyle]=\"tabStyle\" [attr.data-pc-name]=\"'accordiontab'\">\r\n    <div class=\"cax-accordion-header\" role=\"heading\" [attr.aria-level]=\"headerAriaLevel\" [class.cax-highlight]=\"selected\" [class.cax-disabled]=\"disabled\" [attr.data-cax-disabled]=\"disabled\" [attr.data-pc-section]=\"'header'\">\r\n        <a\r\n            [ngClass]=\"headerStyleClass\"\r\n            [ngStyle]=\"headerStyle\"\r\n            role=\"button\"\r\n            class=\"cax-accordion-header-link\"\r\n            (click)=\"toggle($event)\"\r\n            (keydown)=\"onKeydown($event)\"\r\n            [attr.tabindex]=\"disabled ? null : 0\"\r\n            [attr.id]=\"getTabHeaderActionId(id)\"\r\n            [attr.aria-controls]=\"getTabContentId(id)\"\r\n            [attr.aria-expanded]=\"selected\"\r\n            [attr.aria-disabled]=\"disabled\"\r\n            [attr.data-pc-section]=\"'headeraction'\"\r\n        >\r\n        <span class=\"cax-accordion-icon\" *ngIf=\"accordionIconPosition === 'right'\">\r\n            <ng-container *ngIf=\"!iconTemplate\">\r\n                <ng-container *ngIf=\"selected\">\r\n                    <span *ngIf=\"accordion.collapseIcon\" [class]=\"accordion.collapseIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\"></span>\r\n                    <ChevronUpIcon *ngIf=\"!accordion.collapseIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\" />\r\n                </ng-container>\r\n                <ng-container *ngIf=\"!selected\">\r\n                    <span *ngIf=\"accordion.expandIcon\" [class]=\"accordion.expandIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\"></span>\r\n                    <ChevronUpIcon *ngIf=\"!accordion.expandIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\" />\r\n                </ng-container>\r\n            </ng-container>\r\n            <ng-template *ngTemplateOutlet=\"iconTemplate; context: { $implicit: selected }\"></ng-template>\r\n        </span>\r\n            <span class=\"cax-accordion-header-text\" *ngIf=\"!hasHeaderFacet\"> {{ header }} </span>\r\n            <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\r\n            <span class=\"cax-accordion-icon\" *ngIf=\"accordionIconPosition === 'left'\">\r\n                <ng-container *ngIf=\"!iconTemplate\">\r\n                    <ng-container *ngIf=\"selected\">\r\n                        <span *ngIf=\"accordion.collapseIcon\" [class]=\"accordion.collapseIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\"></span>\r\n                        <ChevronUpIcon *ngIf=\"!accordion.collapseIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\" />\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"!selected\">\r\n                        <span *ngIf=\"accordion.expandIcon\" [class]=\"accordion.expandIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\"></span>\r\n                        <ChevronUpIcon *ngIf=\"!accordion.expandIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\" />\r\n                    </ng-container>\r\n                </ng-container>\r\n                <ng-template *ngTemplateOutlet=\"iconTemplate; context: { $implicit: selected }\"></ng-template>\r\n            </span>\r\n            <ng-content select=\"cax-header\" *ngIf=\"hasHeaderFacet\"></ng-content>\r\n        </a>\r\n    </div>\r\n    <div\r\n        [attr.id]=\"getTabContentId(id)\"\r\n        class=\"cax-toggleable-content\"\r\n        [@tabContent]=\"selected ? { value: 'visible', params: { transitionParams: transitionOptions } } : { value: 'hidden', params: { transitionParams: transitionOptions } }\"\r\n        role=\"region\"\r\n        [attr.aria-hidden]=\"!selected\"\r\n        [attr.aria-labelledby]=\"getTabHeaderActionId(id)\"\r\n        [attr.data-pc-section]=\"'toggleablecontent'\"\r\n    >\r\n        <div class=\"cax-accordion-content\" [ngClass]=\"contentStyleClass\" [ngStyle]=\"contentStyle\">\r\n            <ng-content></ng-content>\r\n            <ng-container *ngIf=\"contentTemplate && (cache ? loaded : selected)\">\r\n                <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: ["@layer cax{.cax-accordion-header-link{cursor:pointer;display:flex;align-items:center;-webkit-user-select:none;user-select:none;position:relative;text-decoration:none}.cax-accordion-icon{margin-right:8px;display:flex;align-items:center;width:18px;height:18px}.cax-accordion-header-link:focus{z-index:1}.cax-accordion-header-text{flex:1}.cax-accordion .cax-toggleable-content{overflow:hidden}.cax-accordion .cax-accordion-tab-active>.cax-toggleable-content:not(.ng-animating){overflow:inherit}.cax-accordion-toggle-icon-end{order:1;margin-left:auto}.cax-accordion-toggle-icon{order:0;width:16px;height:16px}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.ChevronUpIcon, selector: "ChevronUpIcon" }], animations: [
             trigger('tabContent', [
                 state('hidden', style({
                     height: '0',
@@ -241,7 +241,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                         ])
                     ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'cax-element'
-                    }, template: "<div class=\"cax-accordion-tab\" [class.cax-accordion-tab-active]=\"selected\" [ngClass]=\"tabStyleClass\" [ngStyle]=\"tabStyle\" [attr.data-pc-name]=\"'accordiontab'\">\r\n    <div class=\"cax-accordion-header\" role=\"heading\" [attr.aria-level]=\"headerAriaLevel\" [class.cax-highlight]=\"selected\" [class.cax-disabled]=\"disabled\" [attr.data-cax-disabled]=\"disabled\" [attr.data-pc-section]=\"'header'\">\r\n        <a\r\n            [ngClass]=\"headerStyleClass\"\r\n            [ngStyle]=\"headerStyle\"\r\n            role=\"button\"\r\n            class=\"cax-accordion-header-link\"\r\n            (click)=\"toggle($event)\"\r\n            (keydown)=\"onKeydown($event)\"\r\n            [attr.tabindex]=\"disabled ? null : 0\"\r\n            [attr.id]=\"getTabHeaderActionId(id)\"\r\n            [attr.aria-controls]=\"getTabContentId(id)\"\r\n            [attr.aria-expanded]=\"selected\"\r\n            [attr.aria-disabled]=\"disabled\"\r\n            [attr.data-pc-section]=\"'headeraction'\"\r\n        >\r\n        <span class=\"cax-accordion-icon\" *ngIf=\"accordionIconPosition === 'right'\">\r\n            <ng-container *ngIf=\"!iconTemplate\">\r\n                <ng-container *ngIf=\"selected\">\r\n                    <span *ngIf=\"accordion.collapseIcon\" [class]=\"accordion.collapseIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\"></span>\r\n                    <ChevronUpIcon *ngIf=\"!accordion.collapseIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\" />\r\n                </ng-container>\r\n                <ng-container *ngIf=\"!selected\">\r\n                    <span *ngIf=\"accordion.expandIcon\" [class]=\"accordion.expandIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\"></span>\r\n                    <ChevronUpIcon *ngIf=\"!accordion.expandIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\" />\r\n                </ng-container>\r\n            </ng-container>\r\n            <ng-template *ngTemplateOutlet=\"iconTemplate; context: { $implicit: selected }\"></ng-template>\r\n        </span>\r\n            <span class=\"cax-accordion-header-text\" *ngIf=\"!hasHeaderFacet\"> {{ header }} </span>\r\n            <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\r\n            <span class=\"cax-accordion-icon\" *ngIf=\"accordionIconPosition === 'left'\">\r\n                <ng-container *ngIf=\"!iconTemplate\">\r\n                    <ng-container *ngIf=\"selected\">\r\n                        <span *ngIf=\"accordion.collapseIcon\" [class]=\"accordion.collapseIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\"></span>\r\n                        <ChevronUpIcon *ngIf=\"!accordion.collapseIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\" />\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"!selected\">\r\n                        <span *ngIf=\"accordion.expandIcon\" [class]=\"accordion.expandIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\"></span>\r\n                        <ChevronUpIcon *ngIf=\"!accordion.expandIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\" />\r\n                    </ng-container>\r\n                </ng-container>\r\n                <ng-template *ngTemplateOutlet=\"iconTemplate; context: { $implicit: selected }\"></ng-template>\r\n            </span>\r\n            <ng-content select=\"cax-header\" *ngIf=\"hasHeaderFacet\"></ng-content>\r\n        </a>\r\n    </div>\r\n    <div\r\n        [attr.id]=\"getTabContentId(id)\"\r\n        class=\"cax-toggleable-content\"\r\n        [@tabContent]=\"selected ? { value: 'visible', params: { transitionParams: transitionOptions } } : { value: 'hidden', params: { transitionParams: transitionOptions } }\"\r\n        role=\"region\"\r\n        [attr.aria-hidden]=\"!selected\"\r\n        [attr.aria-labelledby]=\"getTabHeaderActionId(id)\"\r\n        [attr.data-pc-section]=\"'toggleablecontent'\"\r\n    >\r\n        <div class=\"cax-accordion-content\" [ngClass]=\"contentStyleClass\" [ngStyle]=\"contentStyle\">\r\n            <ng-content></ng-content>\r\n            <ng-container *ngIf=\"contentTemplate && (cache ? loaded : selected)\">\r\n                <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: ["@layer cax{.cax-accordion-header-link{cursor:pointer;display:flex;align-items:center;-webkit-user-select:none;user-select:none;position:relative;text-decoration:none}.cax-accordion-icon{margin-right:8px;display:flex;align-items:center}.cax-accordion-header-link:focus{z-index:1}.cax-accordion-header-text{flex:1}.cax-accordion .cax-toggleable-content{overflow:hidden}.cax-accordion .cax-accordion-tab-active>.cax-toggleable-content:not(.ng-animating){overflow:inherit}.cax-accordion-toggle-icon-end{order:1;margin-left:auto}.cax-accordion-toggle-icon{order:0;width:16px;height:16px}}\n"] }]
+                    }, template: "<div class=\"cax-accordion-tab\" [class.cax-accordion-tab-active]=\"selected\" [ngClass]=\"tabStyleClass\" [ngStyle]=\"tabStyle\" [attr.data-pc-name]=\"'accordiontab'\">\r\n    <div class=\"cax-accordion-header\" role=\"heading\" [attr.aria-level]=\"headerAriaLevel\" [class.cax-highlight]=\"selected\" [class.cax-disabled]=\"disabled\" [attr.data-cax-disabled]=\"disabled\" [attr.data-pc-section]=\"'header'\">\r\n        <a\r\n            [ngClass]=\"headerStyleClass\"\r\n            [ngStyle]=\"headerStyle\"\r\n            role=\"button\"\r\n            class=\"cax-accordion-header-link\"\r\n            (click)=\"toggle($event)\"\r\n            (keydown)=\"onKeydown($event)\"\r\n            [attr.tabindex]=\"disabled ? null : 0\"\r\n            [attr.id]=\"getTabHeaderActionId(id)\"\r\n            [attr.aria-controls]=\"getTabContentId(id)\"\r\n            [attr.aria-expanded]=\"selected\"\r\n            [attr.aria-disabled]=\"disabled\"\r\n            [attr.data-pc-section]=\"'headeraction'\"\r\n        >\r\n        <span class=\"cax-accordion-icon\" *ngIf=\"accordionIconPosition === 'right'\">\r\n            <ng-container *ngIf=\"!iconTemplate\">\r\n                <ng-container *ngIf=\"selected\">\r\n                    <span *ngIf=\"accordion.collapseIcon\" [class]=\"accordion.collapseIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\"></span>\r\n                    <ChevronUpIcon *ngIf=\"!accordion.collapseIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\" />\r\n                </ng-container>\r\n                <ng-container *ngIf=\"!selected\">\r\n                    <span *ngIf=\"accordion.expandIcon\" [class]=\"accordion.expandIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\"></span>\r\n                    <ChevronUpIcon *ngIf=\"!accordion.expandIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\" />\r\n                </ng-container>\r\n            </ng-container>\r\n            <ng-template *ngTemplateOutlet=\"iconTemplate; context: { $implicit: selected }\"></ng-template>\r\n        </span>\r\n            <span class=\"cax-accordion-header-text\" *ngIf=\"!hasHeaderFacet\"> {{ header }} </span>\r\n            <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\r\n            <span class=\"cax-accordion-icon\" *ngIf=\"accordionIconPosition === 'left'\">\r\n                <ng-container *ngIf=\"!iconTemplate\">\r\n                    <ng-container *ngIf=\"selected\">\r\n                        <span *ngIf=\"accordion.collapseIcon\" [class]=\"accordion.collapseIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\"></span>\r\n                        <ChevronUpIcon *ngIf=\"!accordion.collapseIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\" />\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"!selected\">\r\n                        <span *ngIf=\"accordion.expandIcon\" [class]=\"accordion.expandIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\"></span>\r\n                        <ChevronUpIcon *ngIf=\"!accordion.expandIcon\" [ngClass]=\"iconClass\" [attr.aria-hidden]=\"true\" />\r\n                    </ng-container>\r\n                </ng-container>\r\n                <ng-template *ngTemplateOutlet=\"iconTemplate; context: { $implicit: selected }\"></ng-template>\r\n            </span>\r\n            <ng-content select=\"cax-header\" *ngIf=\"hasHeaderFacet\"></ng-content>\r\n        </a>\r\n    </div>\r\n    <div\r\n        [attr.id]=\"getTabContentId(id)\"\r\n        class=\"cax-toggleable-content\"\r\n        [@tabContent]=\"selected ? { value: 'visible', params: { transitionParams: transitionOptions } } : { value: 'hidden', params: { transitionParams: transitionOptions } }\"\r\n        role=\"region\"\r\n        [attr.aria-hidden]=\"!selected\"\r\n        [attr.aria-labelledby]=\"getTabHeaderActionId(id)\"\r\n        [attr.data-pc-section]=\"'toggleablecontent'\"\r\n    >\r\n        <div class=\"cax-accordion-content\" [ngClass]=\"contentStyleClass\" [ngStyle]=\"contentStyle\">\r\n            <ng-content></ng-content>\r\n            <ng-container *ngIf=\"contentTemplate && (cache ? loaded : selected)\">\r\n                <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: ["@layer cax{.cax-accordion-header-link{cursor:pointer;display:flex;align-items:center;-webkit-user-select:none;user-select:none;position:relative;text-decoration:none}.cax-accordion-icon{margin-right:8px;display:flex;align-items:center;width:18px;height:18px}.cax-accordion-header-link:focus{z-index:1}.cax-accordion-header-text{flex:1}.cax-accordion .cax-toggleable-content{overflow:hidden}.cax-accordion .cax-accordion-tab-active>.cax-toggleable-content:not(.ng-animating){overflow:inherit}.cax-accordion-toggle-icon-end{order:1;margin-left:auto}.cax-accordion-toggle-icon{order:0;width:16px;height:16px}}\n"] }]
         }], ctorParameters: () => [{ type: Accordion, decorators: [{
                     type: Inject,
                     args: [forwardRef(() => Accordion)]