npm - cax-design-system - Versions diffs - 2.8.4 → 3.0.0 - Mend

cax-design-system 2.8.4 → 3.0.0

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

Files changed (681) hide show

package/fesm2022/cax-design-system-overlaypanel.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { trigger, state, transition, style, animate } from '@angular/animations';
+import { trigger, state, style, transition, animate } from '@angular/animations';
 import * as i2 from '@angular/common';
 import { isPlatformBrowser, DOCUMENT, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
@@ -6,7 +6,6 @@ import { EventEmitter, PLATFORM_ID, booleanAttribute, numberAttribute, HostListe
 import * as i1 from 'cax-design-system/api';
 import { SharedModule, CaxTemplate } from 'cax-design-system/api';
 import { DomHandler, ConnectedOverlayScrollHandler } from 'cax-design-system/dom';
-import { TimesIcon } from 'cax-design-system/icons/times';
 import { RippleModule } from 'cax-design-system/ripple';
 import { ZIndexUtils } from 'cax-design-system/utils';
@@ -73,6 +72,11 @@ class OverlayPanel {
      * @group Props
      */
     baseZIndex = 0;
+    /**
+     * Variant of the panel, can be 'low', 'medium', or 'high'.
+     * @group Props
+     */
+    variant = 'low';
     /**
      * When enabled, first button receives focus on show.
      * @group Props
@@ -380,8 +384,8 @@ class OverlayPanel {
             this.overlaySubscription.unsubscribe();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: OverlayPanel, deps: [{ token: DOCUMENT }, { token: PLATFORM_ID }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i1.caxConfig }, { token: i1.OverlayService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.16", type: OverlayPanel, isStandalone: true, selector: "cax-overlayPanel", inputs: { ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", dismissable: ["dismissable", "dismissable", booleanAttribute], showCloseIcon: ["showCloseIcon", "showCloseIcon", booleanAttribute], style: "style", styleClass: "styleClass", appendTo: "appendTo", autoZIndex: ["autoZIndex", "autoZIndex", booleanAttribute], ariaCloseLabel: "ariaCloseLabel", baseZIndex: ["baseZIndex", "baseZIndex", numberAttribute], focusOnShow: ["focusOnShow", "focusOnShow", booleanAttribute], showTransitionOptions: "showTransitionOptions", hideTransitionOptions: "hideTransitionOptions" }, outputs: { onShow: "onShow", onHide: "onHide" }, host: { listeners: { "document:keydown.escape": "onEscapeKeydown($event)" }, classAttribute: "cax-element" }, queries: [{ propertyName: "templates", predicate: CaxTemplate }], ngImport: i0, template: "<div\r\n    *ngIf=\"render\"\r\n    [ngClass]=\"'cax-overlaypanel cax-component'\"\r\n    [ngStyle]=\"style\"\r\n    [class]=\"styleClass\"\r\n    (click)=\"onOverlayClick($event)\"\r\n    [@animation]=\"{ value: overlayVisible ? 'open' : 'close', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }\"\r\n    (@animation.start)=\"onAnimationStart($event)\"\r\n    (@animation.done)=\"onAnimationEnd($event)\"\r\n    role=\"dialog\"\r\n    [attr.aria-modal]=\"overlayVisible\"\r\n    [attr.aria-label]=\"ariaLabel\"\r\n    [attr.aria-labelledBy]=\"ariaLabelledBy\"\r\n>\r\n    <div class=\"cax-overlaypanel-content\" (click)=\"onContentClick($event)\" (mousedown)=\"onContentClick($event)\">\r\n        <ng-content></ng-content>\r\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n    </div>\r\n    <button *ngIf=\"showCloseIcon\" type=\"button\" class=\"cax-overlaypanel-close cax-link\" (click)=\"onCloseClick($event)\" (keydown.enter)=\"hide()\">\r\n        <ng-container *ngIf=\"!closeIconTemplate\">\r\n            <i class=\"cax cax-close-circle overlaypanelclose\"></i>\r\n        </ng-container>\r\n        <span class=\"cax-overlaypanel-close-icon\" *ngIf=\"closeIconTemplate\">\r\n            <ng-template *ngTemplateOutlet=\"closeIconTemplate\"></ng-template>\r\n        </span>\r\n    </button>\r\n</div>\r\n", styles: ["@layer cax{.cax-overlaypanel{position:absolute;margin-top:4px;top:0;left:0}.cax-overlaypanel-flipped{margin-top:0;margin-bottom:10px}.cax-overlaypanel-close{display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.cax-overlaypanel:after,.cax-overlaypanel:before{bottom:100%;left:calc(var(--overlayArrowLeft, 0) + 1.25rem);content:none;height:0;width:0;position:absolute;pointer-events:none}.cax-overlaypanel:after{border-width:8px;margin-left:-8px}.cax-overlaypanel:before{border-width:10px;margin-left:-10px}.cax-overlaypanel-shifted:after,.cax-overlaypanel-shifted:before{left:auto;right:1.25em;margin-left:auto}.cax-overlaypanel-flipped:after,.cax-overlaypanel-flipped:before{bottom:auto;top:100%}.cax-overlaypanel.cax-overlaypanel-flipped:after{border-bottom-color:transparent}.cax-overlaypanel.cax-overlaypanel-flipped:before{border-bottom-color:transparent}.overlaypanelclose{font-size:20px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "ngmodule", type: RippleModule }, { kind: "ngmodule", type: SharedModule }], animations: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: OverlayPanel, deps: [{ token: DOCUMENT }, { token: PLATFORM_ID }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i1.caxConfig }, { token: i1.OverlayService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.21", type: OverlayPanel, isStandalone: true, selector: "cax-overlayPanel", inputs: { ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", dismissable: ["dismissable", "dismissable", booleanAttribute], showCloseIcon: ["showCloseIcon", "showCloseIcon", booleanAttribute], style: "style", styleClass: "styleClass", appendTo: "appendTo", autoZIndex: ["autoZIndex", "autoZIndex", booleanAttribute], ariaCloseLabel: "ariaCloseLabel", baseZIndex: ["baseZIndex", "baseZIndex", numberAttribute], variant: "variant", focusOnShow: ["focusOnShow", "focusOnShow", booleanAttribute], showTransitionOptions: "showTransitionOptions", hideTransitionOptions: "hideTransitionOptions" }, outputs: { onShow: "onShow", onHide: "onHide" }, host: { listeners: { "document:keydown.escape": "onEscapeKeydown($event)" }, classAttribute: "cax-element" }, queries: [{ propertyName: "templates", predicate: CaxTemplate }], ngImport: i0, template: "<div\n    *ngIf=\"render\"\n    [ngClass]=\"'cax-overlaypanel cax-component cax-overlaypanel-' + variant\"\n    [ngStyle]=\"style\"\n    [class]=\"styleClass\"\n    (click)=\"onOverlayClick($event)\"\n    [@animation]=\"{ value: overlayVisible ? 'open' : 'close', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }\"\n    (@animation.start)=\"onAnimationStart($event)\"\n    (@animation.done)=\"onAnimationEnd($event)\"\n    role=\"dialog\"\n    [attr.aria-modal]=\"overlayVisible\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-labelledBy]=\"ariaLabelledBy\"\n>\n    <div class=\"cax-overlaypanel-content\" (click)=\"onContentClick($event)\" (mousedown)=\"onContentClick($event)\">\n        <ng-content></ng-content>\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </div>\n    <button *ngIf=\"showCloseIcon\" type=\"button\" class=\"cax-overlaypanel-close cax-link\" (click)=\"onCloseClick($event)\" (keydown.enter)=\"hide()\">\n        <ng-container *ngIf=\"!closeIconTemplate\">\n            <i class=\"cax cax-close-circle overlaypanelclose\"></i>\n        </ng-container>\n        <span class=\"cax-overlaypanel-close-icon\" *ngIf=\"closeIconTemplate\">\n            <ng-template *ngTemplateOutlet=\"closeIconTemplate\"></ng-template>\n        </span>\n    </button>\n</div>\n", styles: ["@layer cax{.cax-overlaypanel{position:absolute;margin-top:4px;top:0;left:0}.cax-overlaypanel-flipped{margin-top:0;margin-bottom:10px}.cax-overlaypanel-close{display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.cax-overlaypanel:after,.cax-overlaypanel:before{bottom:100%;left:calc(var(--overlayArrowLeft, 0) + 1.25rem);content:none;height:0;width:0;position:absolute;pointer-events:none}.cax-overlaypanel:after{border-width:8px;margin-left:-8px}.cax-overlaypanel:before{border-width:10px;margin-left:-10px}.cax-overlaypanel-shifted:after,.cax-overlaypanel-shifted:before{left:auto;right:1.25em;margin-left:auto}.cax-overlaypanel-flipped:after,.cax-overlaypanel-flipped:before{bottom:auto;top:100%}.cax-overlaypanel.cax-overlaypanel-flipped:after{border-bottom-color:transparent}.cax-overlaypanel.cax-overlaypanel-flipped:before{border-bottom-color:transparent}.overlaypanelclose{font-size:20px}.cax-overlaypanel-low{box-shadow:0 4px 14px #00000024,0 0 0 1px #0000001f}.cax-overlaypanel-medium{box-shadow:0 5px 18px #00000029,0 0 0 1px #00000024}.cax-overlaypanel-high{box-shadow:0 6px 22px #0000002e,0 0 0 1px #00000029}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "ngmodule", type: RippleModule }, { kind: "ngmodule", type: SharedModule }], animations: [
             trigger('animation', [
                 state('void', style({
                     transform: 'scaleY(0.8)',
@@ -399,7 +403,7 @@ class OverlayPanel {
             ])
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: OverlayPanel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: OverlayPanel, decorators: [{
             type: Component,
             args: [{ selector: 'cax-overlayPanel', animations: [
                         trigger('animation', [
@@ -417,9 +421,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImpo
                             transition('void => open', animate('{{showTransitionParams}}')),
                             transition('open => close', animate('{{hideTransitionParams}}'))
                         ])
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [CommonModule, RippleModule, SharedModule, TimesIcon], standalone: true, host: {
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [CommonModule, RippleModule, SharedModule], standalone: true, host: {
                         class: 'cax-element'
-                    }, template: "<div\r\n    *ngIf=\"render\"\r\n    [ngClass]=\"'cax-overlaypanel cax-component'\"\r\n    [ngStyle]=\"style\"\r\n    [class]=\"styleClass\"\r\n    (click)=\"onOverlayClick($event)\"\r\n    [@animation]=\"{ value: overlayVisible ? 'open' : 'close', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }\"\r\n    (@animation.start)=\"onAnimationStart($event)\"\r\n    (@animation.done)=\"onAnimationEnd($event)\"\r\n    role=\"dialog\"\r\n    [attr.aria-modal]=\"overlayVisible\"\r\n    [attr.aria-label]=\"ariaLabel\"\r\n    [attr.aria-labelledBy]=\"ariaLabelledBy\"\r\n>\r\n    <div class=\"cax-overlaypanel-content\" (click)=\"onContentClick($event)\" (mousedown)=\"onContentClick($event)\">\r\n        <ng-content></ng-content>\r\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n    </div>\r\n    <button *ngIf=\"showCloseIcon\" type=\"button\" class=\"cax-overlaypanel-close cax-link\" (click)=\"onCloseClick($event)\" (keydown.enter)=\"hide()\">\r\n        <ng-container *ngIf=\"!closeIconTemplate\">\r\n            <i class=\"cax cax-close-circle overlaypanelclose\"></i>\r\n        </ng-container>\r\n        <span class=\"cax-overlaypanel-close-icon\" *ngIf=\"closeIconTemplate\">\r\n            <ng-template *ngTemplateOutlet=\"closeIconTemplate\"></ng-template>\r\n        </span>\r\n    </button>\r\n</div>\r\n", styles: ["@layer cax{.cax-overlaypanel{position:absolute;margin-top:4px;top:0;left:0}.cax-overlaypanel-flipped{margin-top:0;margin-bottom:10px}.cax-overlaypanel-close{display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.cax-overlaypanel:after,.cax-overlaypanel:before{bottom:100%;left:calc(var(--overlayArrowLeft, 0) + 1.25rem);content:none;height:0;width:0;position:absolute;pointer-events:none}.cax-overlaypanel:after{border-width:8px;margin-left:-8px}.cax-overlaypanel:before{border-width:10px;margin-left:-10px}.cax-overlaypanel-shifted:after,.cax-overlaypanel-shifted:before{left:auto;right:1.25em;margin-left:auto}.cax-overlaypanel-flipped:after,.cax-overlaypanel-flipped:before{bottom:auto;top:100%}.cax-overlaypanel.cax-overlaypanel-flipped:after{border-bottom-color:transparent}.cax-overlaypanel.cax-overlaypanel-flipped:before{border-bottom-color:transparent}.overlaypanelclose{font-size:20px}}\n"] }]
+                    }, template: "<div\n    *ngIf=\"render\"\n    [ngClass]=\"'cax-overlaypanel cax-component cax-overlaypanel-' + variant\"\n    [ngStyle]=\"style\"\n    [class]=\"styleClass\"\n    (click)=\"onOverlayClick($event)\"\n    [@animation]=\"{ value: overlayVisible ? 'open' : 'close', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }\"\n    (@animation.start)=\"onAnimationStart($event)\"\n    (@animation.done)=\"onAnimationEnd($event)\"\n    role=\"dialog\"\n    [attr.aria-modal]=\"overlayVisible\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-labelledBy]=\"ariaLabelledBy\"\n>\n    <div class=\"cax-overlaypanel-content\" (click)=\"onContentClick($event)\" (mousedown)=\"onContentClick($event)\">\n        <ng-content></ng-content>\n        <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n    </div>\n    <button *ngIf=\"showCloseIcon\" type=\"button\" class=\"cax-overlaypanel-close cax-link\" (click)=\"onCloseClick($event)\" (keydown.enter)=\"hide()\">\n        <ng-container *ngIf=\"!closeIconTemplate\">\n            <i class=\"cax cax-close-circle overlaypanelclose\"></i>\n        </ng-container>\n        <span class=\"cax-overlaypanel-close-icon\" *ngIf=\"closeIconTemplate\">\n            <ng-template *ngTemplateOutlet=\"closeIconTemplate\"></ng-template>\n        </span>\n    </button>\n</div>\n", styles: ["@layer cax{.cax-overlaypanel{position:absolute;margin-top:4px;top:0;left:0}.cax-overlaypanel-flipped{margin-top:0;margin-bottom:10px}.cax-overlaypanel-close{display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.cax-overlaypanel:after,.cax-overlaypanel:before{bottom:100%;left:calc(var(--overlayArrowLeft, 0) + 1.25rem);content:none;height:0;width:0;position:absolute;pointer-events:none}.cax-overlaypanel:after{border-width:8px;margin-left:-8px}.cax-overlaypanel:before{border-width:10px;margin-left:-10px}.cax-overlaypanel-shifted:after,.cax-overlaypanel-shifted:before{left:auto;right:1.25em;margin-left:auto}.cax-overlaypanel-flipped:after,.cax-overlaypanel-flipped:before{bottom:auto;top:100%}.cax-overlaypanel.cax-overlaypanel-flipped:after{border-bottom-color:transparent}.cax-overlaypanel.cax-overlaypanel-flipped:before{border-bottom-color:transparent}.overlaypanelclose{font-size:20px}.cax-overlaypanel-low{box-shadow:0 4px 14px #00000024,0 0 0 1px #0000001f}.cax-overlaypanel-medium{box-shadow:0 5px 18px #00000029,0 0 0 1px #00000024}.cax-overlaypanel-high{box-shadow:0 6px 22px #0000002e,0 0 0 1px #00000029}}\n"] }]
         }], ctorParameters: () => [{ type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
@@ -450,6 +454,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImpo
             }], baseZIndex: [{
                 type: Input,
                 args: [{ transform: numberAttribute }]
+            }], variant: [{
+                type: Input
             }], focusOnShow: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
@@ -470,11 +476,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImpo
             }] } });
 class OverlayPanelModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: OverlayPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.16", ngImport: i0, type: OverlayPanelModule, imports: [OverlayPanel, SharedModule], exports: [OverlayPanel, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: OverlayPanelModule, imports: [OverlayPanel, SharedModule, SharedModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: OverlayPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.21", ngImport: i0, type: OverlayPanelModule, imports: [OverlayPanel, SharedModule], exports: [OverlayPanel, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: OverlayPanelModule, imports: [OverlayPanel, SharedModule, SharedModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: OverlayPanelModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: OverlayPanelModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [OverlayPanel, SharedModule],

package/fesm2022/cax-design-system-overlaypanel.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cax-design-system-overlaypanel.mjs","sources":["../../src/app/components/overlaypanel/overlaypanel.ts","../../src/app/components/overlaypanel/overlaypanel.html","../../src/app/components/overlaypanel/overlaypanel.module.ts","../../src/app/components/overlaypanel/cax-design-system-overlaypanel.ts"],"sourcesContent":["import { animate, AnimationEvent, state, style, transition, trigger } from '@angular/animations';\nimport { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport {\n AfterContentInit,\n booleanAttribute,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChildren,\n ElementRef,\n EventEmitter,\n HostListener,\n Inject,\n Input,\n NgZone,\n numberAttribute,\n OnDestroy,\n Output,\n PLATFORM_ID,\n QueryList,\n Renderer2,\n TemplateRef,\n ViewEncapsulation,\n ViewRef\n} from '@angular/core';\nimport { OverlayService, caxConfig, CaxTemplate, SharedModule } from 'cax-design-system/api';\nimport { ConnectedOverlayScrollHandler, DomHandler } from 'cax-design-system/dom';\nimport { TimesIcon } from 'cax-design-system/icons/times';\nimport { RippleModule } from 'cax-design-system/ripple';\nimport { Nullable, VoidListener } from 'cax-design-system/ts-helpers';\nimport { ZIndexUtils } from 'cax-design-system/utils';\nimport { Subscription } from 'rxjs';\n/*\n OverlayPanel is a container component positioned as connected to its target.\n * @group Components\n /\n@Component({\n selector: 'cax-overlayPanel',\n templateUrl: './overlaypanel.html',\n animations: [\n trigger('animation', [\n state(\n 'void',\n style({\n transform: 'scaleY(0.8)',\n opacity: 0\n })\n ),\n state(\n 'close',\n style({\n opacity: 0\n })\n ),\n state(\n 'open',\n style({\n transform: 'translateY(0)',\n opacity: 1\n })\n ),\n transition('void => open', animate('{{showTransitionParams}}')),\n transition('open => close', animate('{{hideTransitionParams}}'))\n ])\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n styleUrls: ['./overlaypanel.scss'],\n imports: [CommonModule, RippleModule, SharedModule, TimesIcon],\n standalone: true,\n host: {\n class: 'cax-element'\n }\n})\nexport class OverlayPanel implements AfterContentInit, OnDestroy {\n /\n Defines a string that labels the input for accessibility.\n * @group Props\n /\n @Input() ariaLabel: string \| undefined;\n /\n Establishes relationships between the component and label(s) where its value should be one or more element IDs.\n * @group Props\n /\n @Input() ariaLabelledBy: string \| undefined;\n /\n Enables to hide the overlay when outside is clicked.\n * @group Props\n /\n @Input({ transform: booleanAttribute }) dismissable: boolean = true;\n /\n When enabled, displays a close icon at top right corner.\n * @group Props\n /\n @Input({ transform: booleanAttribute }) showCloseIcon: boolean \| undefined;\n /\n Inline style of the component.\n * @group Props\n /\n @Input() style: { [klass: string]: any } \| null \| undefined;\n /\n Style class of the component.\n * @group Props\n /\n @Input() styleClass: string \| undefined;\n /\n Target element to attach the panel, valid values are \"body\" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]=\"mydiv\" for a div element having #mydiv as variable name).\n * @group Props\n /\n @Input() appendTo: HTMLElement \| ElementRef \| TemplateRef<any> \| string \| null \| undefined \| any = 'body';\n /\n Whether to automatically manage layering.\n * @group Props\n /\n @Input({ transform: booleanAttribute }) autoZIndex: boolean = true;\n /\n Aria label of the close icon.\n * @group Props\n /\n @Input() ariaCloseLabel: string \| undefined;\n /\n Base zIndex value to use in layering.\n * @group Props\n /\n @Input({ transform: numberAttribute }) baseZIndex: number = 0;\n /\n When enabled, first button receives focus on show.\n * @group Props\n /\n @Input({ transform: booleanAttribute }) focusOnShow: boolean = true;\n /\n Transition options of the show animation.\n * @group Props\n /\n @Input() showTransitionOptions: string = '.12s cubic-bezier(0, 0, 0.2, 1)';\n /\n Transition options of the hide animation.\n * @group Props\n /\n @Input() hideTransitionOptions: string = '.1s linear';\n /\n Callback to invoke when an overlay becomes visible.\n * @group Emits\n /\n @Output() onShow: EventEmitter<any> = new EventEmitter();\n /\n Callback to invoke when an overlay gets hidden.\n * @group Emits\n /\n @Output() onHide: EventEmitter<any> = new EventEmitter<any>();\n\n @ContentChildren(CaxTemplate) templates: QueryList<CaxTemplate> \| undefined;\n\n container: Nullable<HTMLDivElement>;\n\n overlayVisible: boolean = false;\n\n render: boolean = false;\n\n isOverlayAnimationInProgress: boolean = false;\n\n selfClick: boolean = false;\n\n documentClickListener: VoidListener;\n\n target: any;\n\n willHide: Nullable<boolean>;\n\n scrollHandler: Nullable<ConnectedOverlayScrollHandler>;\n\n documentResizeListener: VoidListener;\n\n contentTemplate: Nullable<TemplateRef<any>>;\n\n closeIconTemplate: Nullable<TemplateRef<any>>;\n\n destroyCallback: Nullable<Function>;\n\n overlayEventListener: Nullable<(event?: any) => void>;\n\n overlaySubscription: Subscription \| undefined;\n\n constructor(\n @Inject(DOCUMENT) private document: Document,\n @Inject(PLATFORM_ID) private platformId: any,\n public el: ElementRef,\n public renderer: Renderer2,\n public cd: ChangeDetectorRef,\n private zone: NgZone,\n public config: caxConfig,\n public overlayService: OverlayService\n ) {}\n\n ngAfterContentInit() {\n this.templates?.forEach((item) => {\n switch (item.getType()) {\n case 'content':\n this.contentTemplate = item.template;\n break;\n\n case 'closeicon':\n this.closeIconTemplate = item.template;\n break;\n\n default:\n this.contentTemplate = item.template;\n break;\n }\n\n this.cd.markForCheck();\n });\n }\n\n bindDocumentClickListener() {\n if (isPlatformBrowser(this.platformId)) {\n if (!this.documentClickListener && this.dismissable) {\n let documentEvent = DomHandler.isIOS() ? 'touchstart' : 'click';\n const documentTarget: any = this.el ? this.el.nativeElement.ownerDocument : this.document;\n\n this.documentClickListener = this.renderer.listen(documentTarget, documentEvent, (event) => {\n if (!this.container?.contains(event.target) && this.target !== event.target && !this.target.contains(event.target) && !this.selfClick) {\n this.hide();\n }\n\n this.selfClick = false;\n this.cd.markForCheck();\n });\n }\n }\n }\n\n unbindDocumentClickListener() {\n if (this.documentClickListener) {\n this.documentClickListener();\n this.documentClickListener = null;\n this.selfClick = false;\n }\n }\n\n /\n Toggles the visibility of the panel.\n * @param {Event} event - Browser event\n * @param {Target} target - Target element.\n * @group Method\n /\n toggle(event: any, target?: any) {\n if (this.isOverlayAnimationInProgress) {\n return;\n }\n\n if (this.overlayVisible) {\n if (this.hasTargetChanged(event, target)) {\n this.destroyCallback = () => {\n this.show(null, target \|\| event.currentTarget \|\| event.target);\n };\n }\n\n this.hide();\n } else {\n this.show(event, target);\n }\n }\n /\n Displays the panel.\n * @param {Event} event - Browser event\n * @param {Target} target - Target element.\n * @group Method\n /\n show(event: any, target?: any) {\n target && event && event.stopPropagation();\n if (this.isOverlayAnimationInProgress) {\n return;\n }\n\n this.target = target \|\| event.currentTarget \|\| event.target;\n this.overlayVisible = true;\n this.render = true;\n this.cd.markForCheck();\n }\n\n onOverlayClick(event: MouseEvent) {\n this.overlayService.add({\n originalEvent: event,\n target: this.el.nativeElement\n });\n\n this.selfClick = true;\n }\n\n onContentClick(event: MouseEvent) {\n const targetElement = event.target as HTMLElement;\n this.selfClick = event.offsetX < targetElement.clientWidth && event.offsetY < targetElement.clientHeight;\n }\n\n hasTargetChanged(event: any, target: any) {\n return this.target != null && this.target !== (target \|\| event.currentTarget \|\| event.target);\n }\n\n appendContainer() {\n if (this.appendTo) {\n if (this.appendTo === 'body') this.renderer.appendChild(this.document.body, this.container);\n else DomHandler.appendChild(this.container, this.appendTo);\n }\n }\n\n restoreAppend() {\n if (this.container && this.appendTo) {\n this.renderer.appendChild(this.el.nativeElement, this.container);\n }\n }\n\n align() {\n if (this.autoZIndex) {\n ZIndexUtils.set('overlay', this.container, this.baseZIndex + this.config.zIndex.overlay);\n }\n\n DomHandler.absolutePosition(this.container, this.target, false);\n\n const containerOffset = DomHandler.getOffset(this.container);\n const targetOffset = DomHandler.getOffset(this.target);\n const borderRadius = this.document.defaultView?.getComputedStyle(this.container!).getPropertyValue('border-radius');\n let arrowLeft = 0;\n\n if (containerOffset.left < targetOffset.left) {\n arrowLeft = targetOffset.left - containerOffset.left - parseFloat(borderRadius!) 2;\n }\n this.container?.style.setProperty('--overlayArrowLeft', `${arrowLeft}px`);\n\n if (containerOffset.top < targetOffset.top) {\n DomHandler.addClass(this.container, 'cax-overlaypanel-flipped');\n\n if (this.showCloseIcon) {\n this.renderer.setStyle(this.container, 'margin-top', '-30px');\n }\n }\n }\n\n onAnimationStart(event: AnimationEvent) {\n if (event.toState === 'open') {\n this.container = event.element;\n this.appendContainer();\n this.align();\n this.bindDocumentClickListener();\n this.bindDocumentResizeListener();\n this.bindScrollListener();\n\n if (this.focusOnShow) {\n this.focus();\n }\n\n this.overlayEventListener = (e) => {\n if (this.container && this.container.contains(e.target)) {\n this.selfClick = true;\n }\n };\n\n this.overlaySubscription = this.overlayService.clickObservable.subscribe(this.overlayEventListener);\n this.onShow.emit(null);\n }\n\n this.isOverlayAnimationInProgress = true;\n }\n\n onAnimationEnd(event: AnimationEvent) {\n switch (event.toState) {\n case 'void':\n if (this.destroyCallback) {\n this.destroyCallback();\n this.destroyCallback = null;\n }\n\n if (this.overlaySubscription) {\n this.overlaySubscription.unsubscribe();\n }\n break;\n\n case 'close':\n if (this.autoZIndex) {\n ZIndexUtils.clear(this.container);\n }\n\n if (this.overlaySubscription) {\n this.overlaySubscription.unsubscribe();\n }\n\n this.onContainerDestroy();\n this.onHide.emit({});\n this.render = false;\n break;\n }\n\n this.isOverlayAnimationInProgress = false;\n }\n\n focus() {\n let focusable = DomHandler.findSingle(this.container, '[autofocus]');\n if (focusable) {\n this.zone.runOutsideAngular(() => {\n setTimeout(() => focusable.focus(), 5);\n });\n }\n }\n /*\n Hides the panel.\n * @group Method\n /\n hide() {\n this.overlayVisible = false;\n this.cd.markForCheck();\n }\n\n onCloseClick(event: MouseEvent) {\n this.hide();\n event.preventDefault();\n }\n\n @HostListener('document:keydown.escape', ['$event'])\n onEscapeKeydown(event: KeyboardEvent) {\n this.hide();\n }\n\n onWindowResize() {\n if (this.overlayVisible && !DomHandler.isTouchDevice()) {\n this.hide();\n }\n }\n\n bindDocumentResizeListener() {\n if (isPlatformBrowser(this.platformId)) {\n if (!this.documentResizeListener) {\n const window = this.document.defaultView as Window;\n this.documentResizeListener = this.renderer.listen(window, 'resize', this.onWindowResize.bind(this));\n }\n }\n }\n\n unbindDocumentResizeListener() {\n if (this.documentResizeListener) {\n this.documentResizeListener();\n this.documentResizeListener = null;\n }\n }\n\n bindScrollListener() {\n if (isPlatformBrowser(this.platformId)) {\n if (!this.scrollHandler) {\n this.scrollHandler = new ConnectedOverlayScrollHandler(this.target, () => {\n if (this.overlayVisible) {\n this.hide();\n }\n });\n }\n\n this.scrollHandler.bindScrollListener();\n }\n }\n\n unbindScrollListener() {\n if (this.scrollHandler) {\n this.scrollHandler.unbindScrollListener();\n }\n }\n\n onContainerDestroy() {\n if (!(this.cd as ViewRef).destroyed) {\n this.target = null;\n }\n\n this.unbindDocumentClickListener();\n this.unbindDocumentResizeListener();\n this.unbindScrollListener();\n }\n\n ngOnDestroy() {\n if (this.scrollHandler) {\n this.scrollHandler.destroy();\n this.scrollHandler = null;\n }\n\n if (this.container && this.autoZIndex) {\n ZIndexUtils.clear(this.container);\n }\n\n if (!(this.cd as ViewRef).destroyed) {\n this.target = null;\n }\n\n this.destroyCallback = null;\n if (this.container) {\n this.restoreAppend();\n this.onContainerDestroy();\n }\n\n if (this.overlaySubscription) {\n this.overlaySubscription.unsubscribe();\n }\n }\n}\n","<div\r\n ngIf=\"render\"\r\n [ngClass]=\"'cax-overlaypanel cax-component'\"\r\n [ngStyle]=\"style\"\r\n [class]=\"styleClass\"\r\n (click)=\"onOverlayClick($event)\"\r\n [@animation]=\"{ value: overlayVisible ? 'open' : 'close', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }\"\r\n (@animation.start)=\"onAnimationStart($event)\"\r\n (@animation.done)=\"onAnimationEnd($event)\"\r\n role=\"dialog\"\r\n [attr.aria-modal]=\"overlayVisible\"\r\n [attr.aria-label]=\"ariaLabel\"\r\n [attr.aria-labelledBy]=\"ariaLabelledBy\"\r\n>\r\n <div class=\"cax-overlaypanel-content\" (click)=\"onContentClick($event)\" (mousedown)=\"onContentClick($event)\">\r\n <ng-content></ng-content>\r\n <ng-container ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n </div>\r\n <button ngIf=\"showCloseIcon\" type=\"button\" class=\"cax-overlaypanel-close cax-link\" (click)=\"onCloseClick($event)\" (keydown.enter)=\"hide()\">\r\n <ng-container ngIf=\"!closeIconTemplate\">\r\n <i class=\"cax cax-close-circle overlaypanelclose\"></i>\r\n </ng-container>\r\n <span class=\"cax-overlaypanel-close-icon\" ngIf=\"closeIconTemplate\">\r\n <ng-template ngTemplateOutlet=\"closeIconTemplate\"></ng-template>\r\n </span>\r\n </button>\r\n</div>\r\n","import { SharedModule } from 'cax-design-system/api';\nimport { OverlayPanel } from './overlaypanel';\nimport { NgModule } from '@angular/core';\n\n@NgModule({\n imports: [OverlayPanel, SharedModule],\n exports: [OverlayPanel, SharedModule]\n})\nexport class OverlayPanelModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"cax-design-system-overlaypanel.mjs","sources":["../../src/app/components/overlaypanel/overlaypanel.ts","../../src/app/components/overlaypanel/overlaypanel.html","../../src/app/components/overlaypanel/overlaypanel.module.ts","../../src/app/components/overlaypanel/cax-design-system-overlaypanel.ts"],"sourcesContent":["import { animate, AnimationEvent, state, style, transition, trigger } from '@angular/animations';\nimport { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport {\n AfterContentInit,\n booleanAttribute,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChildren,\n ElementRef,\n EventEmitter,\n HostListener,\n Inject,\n Input,\n NgZone,\n numberAttribute,\n OnDestroy,\n Output,\n PLATFORM_ID,\n QueryList,\n Renderer2,\n TemplateRef,\n ViewEncapsulation,\n ViewRef\n} from '@angular/core';\nimport { OverlayService, caxConfig, CaxTemplate, SharedModule } from 'cax-design-system/api';\nimport { ConnectedOverlayScrollHandler, DomHandler } from 'cax-design-system/dom';\nimport { TimesIcon } from 'cax-design-system/icons/times';\nimport { RippleModule } from 'cax-design-system/ripple';\nimport { Nullable, VoidListener } from 'cax-design-system/ts-helpers';\nimport { ZIndexUtils } from 'cax-design-system/utils';\nimport { Subscription } from 'rxjs';\n/*\n OverlayPanel is a container component positioned as connected to its target.\n * @group Components\n /\n@Component({\n selector: 'cax-overlayPanel',\n templateUrl: './overlaypanel.html',\n animations: [\n trigger('animation', [\n state(\n 'void',\n style({\n transform: 'scaleY(0.8)',\n opacity: 0\n })\n ),\n state(\n 'close',\n style({\n opacity: 0\n })\n ),\n state(\n 'open',\n style({\n transform: 'translateY(0)',\n opacity: 1\n })\n ),\n transition('void => open', animate('{{showTransitionParams}}')),\n transition('open => close', animate('{{hideTransitionParams}}'))\n ])\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n styleUrls: ['./overlaypanel.scss'],\n imports: [CommonModule, RippleModule, SharedModule],\n standalone: true,\n host: {\n class: 'cax-element'\n }\n})\nexport class OverlayPanel implements AfterContentInit, OnDestroy {\n /\n Defines a string that labels the input for accessibility.\n * @group Props\n /\n @Input() ariaLabel: string \| undefined;\n /\n Establishes relationships between the component and label(s) where its value should be one or more element IDs.\n * @group Props\n /\n @Input() ariaLabelledBy: string \| undefined;\n /\n Enables to hide the overlay when outside is clicked.\n * @group Props\n /\n @Input({ transform: booleanAttribute }) dismissable: boolean = true;\n /\n When enabled, displays a close icon at top right corner.\n * @group Props\n /\n @Input({ transform: booleanAttribute }) showCloseIcon: boolean \| undefined;\n /\n Inline style of the component.\n * @group Props\n /\n @Input() style: { [klass: string]: any } \| null \| undefined;\n /\n Style class of the component.\n * @group Props\n /\n @Input() styleClass: string \| undefined;\n /\n Target element to attach the panel, valid values are \"body\" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]=\"mydiv\" for a div element having #mydiv as variable name).\n * @group Props\n /\n @Input() appendTo: HTMLElement \| ElementRef \| TemplateRef<any> \| string \| null \| undefined \| any = 'body';\n /\n Whether to automatically manage layering.\n * @group Props\n /\n @Input({ transform: booleanAttribute }) autoZIndex: boolean = true;\n /\n Aria label of the close icon.\n * @group Props\n /\n @Input() ariaCloseLabel: string \| undefined;\n /\n Base zIndex value to use in layering.\n * @group Props\n /\n @Input({ transform: numberAttribute }) baseZIndex: number = 0;\n /\n Variant of the panel, can be 'low', 'medium', or 'high'.\n * @group Props\n /\n @Input() variant: 'low' \| 'medium' \| 'high' = 'low';\n /\n When enabled, first button receives focus on show.\n * @group Props\n /\n @Input({ transform: booleanAttribute }) focusOnShow: boolean = true;\n /\n Transition options of the show animation.\n * @group Props\n /\n @Input() showTransitionOptions: string = '.12s cubic-bezier(0, 0, 0.2, 1)';\n /\n Transition options of the hide animation.\n * @group Props\n /\n @Input() hideTransitionOptions: string = '.1s linear';\n /\n Callback to invoke when an overlay becomes visible.\n * @group Emits\n /\n @Output() onShow: EventEmitter<any> = new EventEmitter();\n /\n Callback to invoke when an overlay gets hidden.\n * @group Emits\n /\n @Output() onHide: EventEmitter<any> = new EventEmitter<any>();\n\n @ContentChildren(CaxTemplate) templates: QueryList<CaxTemplate> \| undefined;\n\n container: Nullable<HTMLDivElement>;\n\n overlayVisible: boolean = false;\n\n render: boolean = false;\n\n isOverlayAnimationInProgress: boolean = false;\n\n selfClick: boolean = false;\n\n documentClickListener: VoidListener;\n\n target: any;\n\n willHide: Nullable<boolean>;\n\n scrollHandler: Nullable<ConnectedOverlayScrollHandler>;\n\n documentResizeListener: VoidListener;\n\n contentTemplate: Nullable<TemplateRef<any>>;\n\n closeIconTemplate: Nullable<TemplateRef<any>>;\n\n destroyCallback: Nullable<Function>;\n\n overlayEventListener: Nullable<(event?: any) => void>;\n\n overlaySubscription: Subscription \| undefined;\n\n constructor(\n @Inject(DOCUMENT) private document: Document,\n @Inject(PLATFORM_ID) private platformId: any,\n public el: ElementRef,\n public renderer: Renderer2,\n public cd: ChangeDetectorRef,\n private zone: NgZone,\n public config: caxConfig,\n public overlayService: OverlayService\n ) {}\n\n ngAfterContentInit() {\n this.templates?.forEach((item) => {\n switch (item.getType()) {\n case 'content':\n this.contentTemplate = item.template;\n break;\n\n case 'closeicon':\n this.closeIconTemplate = item.template;\n break;\n\n default:\n this.contentTemplate = item.template;\n break;\n }\n\n this.cd.markForCheck();\n });\n }\n\n bindDocumentClickListener() {\n if (isPlatformBrowser(this.platformId)) {\n if (!this.documentClickListener && this.dismissable) {\n let documentEvent = DomHandler.isIOS() ? 'touchstart' : 'click';\n const documentTarget: any = this.el ? this.el.nativeElement.ownerDocument : this.document;\n\n this.documentClickListener = this.renderer.listen(documentTarget, documentEvent, (event) => {\n if (!this.container?.contains(event.target) && this.target !== event.target && !this.target.contains(event.target) && !this.selfClick) {\n this.hide();\n }\n\n this.selfClick = false;\n this.cd.markForCheck();\n });\n }\n }\n }\n\n unbindDocumentClickListener() {\n if (this.documentClickListener) {\n this.documentClickListener();\n this.documentClickListener = null;\n this.selfClick = false;\n }\n }\n\n /\n Toggles the visibility of the panel.\n * @param {Event} event - Browser event\n * @param {Target} target - Target element.\n * @group Method\n /\n toggle(event: any, target?: any) {\n if (this.isOverlayAnimationInProgress) {\n return;\n }\n\n if (this.overlayVisible) {\n if (this.hasTargetChanged(event, target)) {\n this.destroyCallback = () => {\n this.show(null, target \|\| event.currentTarget \|\| event.target);\n };\n }\n\n this.hide();\n } else {\n this.show(event, target);\n }\n }\n /\n Displays the panel.\n * @param {Event} event - Browser event\n * @param {Target} target - Target element.\n * @group Method\n /\n show(event: any, target?: any) {\n target && event && event.stopPropagation();\n if (this.isOverlayAnimationInProgress) {\n return;\n }\n\n this.target = target \|\| event.currentTarget \|\| event.target;\n this.overlayVisible = true;\n this.render = true;\n this.cd.markForCheck();\n }\n\n onOverlayClick(event: MouseEvent) {\n this.overlayService.add({\n originalEvent: event,\n target: this.el.nativeElement\n });\n\n this.selfClick = true;\n }\n\n onContentClick(event: MouseEvent) {\n const targetElement = event.target as HTMLElement;\n this.selfClick = event.offsetX < targetElement.clientWidth && event.offsetY < targetElement.clientHeight;\n }\n\n hasTargetChanged(event: any, target: any) {\n return this.target != null && this.target !== (target \|\| event.currentTarget \|\| event.target);\n }\n\n appendContainer() {\n if (this.appendTo) {\n if (this.appendTo === 'body') this.renderer.appendChild(this.document.body, this.container);\n else DomHandler.appendChild(this.container, this.appendTo);\n }\n }\n\n restoreAppend() {\n if (this.container && this.appendTo) {\n this.renderer.appendChild(this.el.nativeElement, this.container);\n }\n }\n\n align() {\n if (this.autoZIndex) {\n ZIndexUtils.set('overlay', this.container, this.baseZIndex + this.config.zIndex.overlay);\n }\n\n DomHandler.absolutePosition(this.container, this.target, false);\n\n const containerOffset = DomHandler.getOffset(this.container);\n const targetOffset = DomHandler.getOffset(this.target);\n const borderRadius = this.document.defaultView?.getComputedStyle(this.container!).getPropertyValue('border-radius');\n let arrowLeft = 0;\n\n if (containerOffset.left < targetOffset.left) {\n arrowLeft = targetOffset.left - containerOffset.left - parseFloat(borderRadius!) 2;\n }\n this.container?.style.setProperty('--overlayArrowLeft', `${arrowLeft}px`);\n\n if (containerOffset.top < targetOffset.top) {\n DomHandler.addClass(this.container, 'cax-overlaypanel-flipped');\n\n if (this.showCloseIcon) {\n this.renderer.setStyle(this.container, 'margin-top', '-30px');\n }\n }\n }\n\n onAnimationStart(event: AnimationEvent) {\n if (event.toState === 'open') {\n this.container = event.element;\n this.appendContainer();\n this.align();\n this.bindDocumentClickListener();\n this.bindDocumentResizeListener();\n this.bindScrollListener();\n\n if (this.focusOnShow) {\n this.focus();\n }\n\n this.overlayEventListener = (e) => {\n if (this.container && this.container.contains(e.target)) {\n this.selfClick = true;\n }\n };\n\n this.overlaySubscription = this.overlayService.clickObservable.subscribe(this.overlayEventListener);\n this.onShow.emit(null);\n }\n\n this.isOverlayAnimationInProgress = true;\n }\n\n onAnimationEnd(event: AnimationEvent) {\n switch (event.toState) {\n case 'void':\n if (this.destroyCallback) {\n this.destroyCallback();\n this.destroyCallback = null;\n }\n\n if (this.overlaySubscription) {\n this.overlaySubscription.unsubscribe();\n }\n break;\n\n case 'close':\n if (this.autoZIndex) {\n ZIndexUtils.clear(this.container);\n }\n\n if (this.overlaySubscription) {\n this.overlaySubscription.unsubscribe();\n }\n\n this.onContainerDestroy();\n this.onHide.emit({});\n this.render = false;\n break;\n }\n\n this.isOverlayAnimationInProgress = false;\n }\n\n focus() {\n let focusable = DomHandler.findSingle(this.container, '[autofocus]');\n if (focusable) {\n this.zone.runOutsideAngular(() => {\n setTimeout(() => focusable.focus(), 5);\n });\n }\n }\n /*\n Hides the panel.\n * @group Method\n /\n hide() {\n this.overlayVisible = false;\n this.cd.markForCheck();\n }\n\n onCloseClick(event: MouseEvent) {\n this.hide();\n event.preventDefault();\n }\n\n @HostListener('document:keydown.escape', ['$event'])\n onEscapeKeydown(event: KeyboardEvent) {\n this.hide();\n }\n\n onWindowResize() {\n if (this.overlayVisible && !DomHandler.isTouchDevice()) {\n this.hide();\n }\n }\n\n bindDocumentResizeListener() {\n if (isPlatformBrowser(this.platformId)) {\n if (!this.documentResizeListener) {\n const window = this.document.defaultView as Window;\n this.documentResizeListener = this.renderer.listen(window, 'resize', this.onWindowResize.bind(this));\n }\n }\n }\n\n unbindDocumentResizeListener() {\n if (this.documentResizeListener) {\n this.documentResizeListener();\n this.documentResizeListener = null;\n }\n }\n\n bindScrollListener() {\n if (isPlatformBrowser(this.platformId)) {\n if (!this.scrollHandler) {\n this.scrollHandler = new ConnectedOverlayScrollHandler(this.target, () => {\n if (this.overlayVisible) {\n this.hide();\n }\n });\n }\n\n this.scrollHandler.bindScrollListener();\n }\n }\n\n unbindScrollListener() {\n if (this.scrollHandler) {\n this.scrollHandler.unbindScrollListener();\n }\n }\n\n onContainerDestroy() {\n if (!(this.cd as ViewRef).destroyed) {\n this.target = null;\n }\n\n this.unbindDocumentClickListener();\n this.unbindDocumentResizeListener();\n this.unbindScrollListener();\n }\n\n ngOnDestroy() {\n if (this.scrollHandler) {\n this.scrollHandler.destroy();\n this.scrollHandler = null;\n }\n\n if (this.container && this.autoZIndex) {\n ZIndexUtils.clear(this.container);\n }\n\n if (!(this.cd as ViewRef).destroyed) {\n this.target = null;\n }\n\n this.destroyCallback = null;\n if (this.container) {\n this.restoreAppend();\n this.onContainerDestroy();\n }\n\n if (this.overlaySubscription) {\n this.overlaySubscription.unsubscribe();\n }\n }\n}\n","<div\n ngIf=\"render\"\n [ngClass]=\"'cax-overlaypanel cax-component cax-overlaypanel-' + variant\"\n [ngStyle]=\"style\"\n [class]=\"styleClass\"\n (click)=\"onOverlayClick($event)\"\n [@animation]=\"{ value: overlayVisible ? 'open' : 'close', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }\"\n (@animation.start)=\"onAnimationStart($event)\"\n (@animation.done)=\"onAnimationEnd($event)\"\n role=\"dialog\"\n [attr.aria-modal]=\"overlayVisible\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledBy]=\"ariaLabelledBy\"\n>\n <div class=\"cax-overlaypanel-content\" (click)=\"onContentClick($event)\" (mousedown)=\"onContentClick($event)\">\n <ng-content></ng-content>\n <ng-container ngTemplateOutlet=\"contentTemplate\"></ng-container>\n </div>\n <button ngIf=\"showCloseIcon\" type=\"button\" class=\"cax-overlaypanel-close cax-link\" (click)=\"onCloseClick($event)\" (keydown.enter)=\"hide()\">\n <ng-container ngIf=\"!closeIconTemplate\">\n <i class=\"cax cax-close-circle overlaypanelclose\"></i>\n </ng-container>\n <span class=\"cax-overlaypanel-close-icon\" ngIf=\"closeIconTemplate\">\n <ng-template ngTemplateOutlet=\"closeIconTemplate\"></ng-template>\n </span>\n </button>\n</div>\n","import { SharedModule } from 'cax-design-system/api';\nimport { OverlayPanel } from './overlaypanel';\nimport { NgModule } from '@angular/core';\n\n@NgModule({\n imports: [OverlayPanel, SharedModule],\n exports: [OverlayPanel, SharedModule]\n})\nexport class OverlayPanelModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/cax-design-system-paginator.mjs CHANGED Viewed

@@ -374,14 +374,14 @@ class Paginator {
             positions.push('right-aligned');
         return positions.join(' ');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: Paginator, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.caxConfig }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.16", type: Paginator, isStandalone: false, 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: Paginator, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.caxConfig }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.21", type: Paginator, isStandalone: false, 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'\">\n    <div class=\"cax-paginator-left-content\" *ngIf=\"templateLeft\" [attr.data-pc-section]=\"'start'\">\n        <ng-container *ngTemplateOutlet=\"templateLeft; context: { $implicit: paginatorState }\"></ng-container>\n    </div>\n    <span class=\"cax-paginator-current\" *ngIf=\"showCurrentPageReport\">{{ currentPageReport }}</span>\n    <button\n        *ngIf=\"showFirstLastIcon\"\n        type=\"button\"\n        [disabled]=\"isFirstPage() || empty()\"\n        (click)=\"changePageToFirst($event)\"\n        caxRipple\n        class=\"cax-paginator-first cax-paginator-element cax-link\"\n        [ngClass]=\"{ 'cax-disabled': isFirstPage() || empty() }\"\n        [attr.aria-label]=\"getAriaLabel('firstPageLabel')\"\n    >\n        <AngleDoubleLeftIcon *ngIf=\"!firstPageLinkIconTemplate\" [styleClass]=\"'cax-paginator-icon'\" />\n        <span class=\"cax-paginator-icon\" *ngIf=\"firstPageLinkIconTemplate\">\n            <ng-template *ngTemplateOutlet=\"firstPageLinkIconTemplate\"></ng-template>\n        </span>\n    </button>\n    <button\n        type=\"button\"\n        [disabled]=\"isFirstPage() || empty()\"\n        (click)=\"changePageToPrev($event)\"\n        caxRipple\n        class=\"cax-paginator-prev cax-paginator-element cax-link\"\n        [ngClass]=\"{ 'cax-disabled': isFirstPage() || empty() }\"\n        [attr.aria-label]=\"getAriaLabel('prevPageLabel')\"\n    >\n        <AngleLeftIcon *ngIf=\"!previousPageLinkIconTemplate\" [styleClass]=\"'cax-paginator-icon'\" />\n        <span class=\"cax-paginator-icon\" *ngIf=\"previousPageLinkIconTemplate\">\n            <ng-template *ngTemplateOutlet=\"previousPageLinkIconTemplate\"></ng-template>\n        </span>\n    </button>\n    <span class=\"cax-paginator-pages\" *ngIf=\"showPageLinks\">\n        <button\n            type=\"button\"\n            *ngFor=\"let pageLink of pageLinks\"\n            class=\"cax-paginator-page cax-paginator-element cax-link\"\n            [ngClass]=\"{ 'cax-highlight': pageLink - 1 == getPage() }\"\n            [attr.aria-label]=\"getPageAriaLabel(pageLink)\"\n            [attr.aria-current]=\"pageLink - 1 == getPage() ? 'page' : undefined\"\n            (click)=\"onPageLinkClick($event, pageLink - 1)\"\n            caxRipple\n        >\n            {{ getLocalization(pageLink) }}\n        </button>\n    </span>\n    <cax-dropdown\n        [options]=\"pageItems\"\n        [ngModel]=\"getPage()\"\n        *ngIf=\"showJumpToPageDropdown\"\n        [disabled]=\"empty()\"\n        [attr.aria-label]=\"getAriaLabel('jumpToPageDropdownLabel')\"\n        styleClass=\"cax-paginator-page-options\"\n        (onChange)=\"onPageDropdownChange($event)\"\n        [appendTo]=\"dropdownAppendTo\"\n        [scrollHeight]=\"dropdownScrollHeight\"\n    >\n        <ng-template caxTemplate=\"selectedItem\">{{ currentPageReport }}</ng-template>\n        <ng-container *ngIf=\"jumpToPageItemTemplate\">\n            <ng-template let-item caxTemplate=\"item\">\n                <ng-container *ngTemplateOutlet=\"jumpToPageItemTemplate; context: { $implicit: item }\"> </ng-container>\n            </ng-template>\n        </ng-container>\n        <ng-template caxTemplate=\"dropdownicon\" *ngIf=\"dropdownIconTemplate\">\n            <ng-container *ngTemplateOutlet=\"dropdownIconTemplate\"></ng-container>\n        </ng-template>\n    </cax-dropdown>\n    <button\n        type=\"button\"\n        [disabled]=\"isLastPage() || empty()\"\n        (click)=\"changePageToNext($event)\"\n        caxRipple\n        class=\"cax-paginator-next cax-paginator-element cax-link\"\n        [ngClass]=\"{ 'cax-disabled': isLastPage() || empty() }\"\n        [attr.aria-label]=\"getAriaLabel('nextPageLabel')\"\n    >\n        <AngleRightIcon *ngIf=\"!nextPageLinkIconTemplate\" [styleClass]=\"'cax-paginator-icon'\" />\n        <span class=\"cax-paginator-icon\" *ngIf=\"nextPageLinkIconTemplate\">\n            <ng-template *ngTemplateOutlet=\"nextPageLinkIconTemplate\"></ng-template>\n        </span>\n    </button>\n    <button\n        *ngIf=\"showFirstLastIcon\"\n        type=\"button\"\n        [disabled]=\"isLastPage() || empty()\"\n        (click)=\"changePageToLast($event)\"\n        caxRipple\n        class=\"cax-paginator-last cax-paginator-element cax-link\"\n        [ngClass]=\"{ 'cax-disabled': isLastPage() || empty() }\"\n        [attr.aria-label]=\"getAriaLabel('lastPageLabel')\"\n    >\n        <AngleDoubleRightIcon *ngIf=\"!lastPageLinkIconTemplate\" [styleClass]=\"'cax-paginator-icon'\" />\n        <span class=\"cax-paginator-icon\" *ngIf=\"lastPageLinkIconTemplate\">\n            <ng-template *ngTemplateOutlet=\"lastPageLinkIconTemplate\"></ng-template>\n        </span>\n    </button>\n    <span class=\"cax-paginator-page-label\" *ngIf=\"showJumpToPageInput\">Go to page</span>\n    <cax-inputNumber *ngIf=\"showJumpToPageInput\" [ngModel]=\"currentPage()\" class=\"cax-paginator-page-input\" [disabled]=\"empty()\" (ngModelChange)=\"changePage($event - 1)\"></cax-inputNumber>\n    <cax-dropdown\n        [options]=\"rowsPerPageItems\"\n        [(ngModel)]=\"rows\"\n        *ngIf=\"rowsPerPageOptions\"\n        styleClass=\"cax-paginator-rpp-options\"\n        [disabled]=\"empty()\"\n        (onChange)=\"onRppChange($event)\"\n        [appendTo]=\"dropdownAppendTo\"\n        [scrollHeight]=\"dropdownScrollHeight\"\n        [ariaLabel]=\"getAriaLabel('rowsPerPageLabel')\"\n    >\n        <ng-container *ngIf=\"dropdownItemTemplate\">\n            <ng-template let-item caxTemplate=\"item\">\n                <ng-container *ngTemplateOutlet=\"dropdownItemTemplate; context: { $implicit: item }\"> </ng-container>\n            </ng-template>\n        </ng-container>\n        <ng-template caxTemplate=\"dropdownicon\" *ngIf=\"dropdownIconTemplate\">\n            <ng-container *ngTemplateOutlet=\"dropdownIconTemplate\"></ng-container>\n        </ng-template>\n    </cax-dropdown>\n    <div class=\"cax-paginator-right-content\" *ngIf=\"templateRight\" [attr.data-pc-section]=\"'end'\">\n        <ng-container *ngTemplateOutlet=\"templateRight; context: { $implicit: paginatorState }\"></ng-container>\n    </div>\n</div>\n", 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", "size", "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", "invalid", "errorText", "successText", "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", "label", "errorText", "successText", "invalid", "minFractionDigits", "maxFractionDigits", "prefixIcon", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled", "value"], 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: "19.2.16", ngImport: i0, type: Paginator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: Paginator, decorators: [{
             type: Component,
             args: [{ selector: 'cax-paginator', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, host: {
                         class: 'cax-element'
-                    }, 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"] }]
+                    }, 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'\">\n    <div class=\"cax-paginator-left-content\" *ngIf=\"templateLeft\" [attr.data-pc-section]=\"'start'\">\n        <ng-container *ngTemplateOutlet=\"templateLeft; context: { $implicit: paginatorState }\"></ng-container>\n    </div>\n    <span class=\"cax-paginator-current\" *ngIf=\"showCurrentPageReport\">{{ currentPageReport }}</span>\n    <button\n        *ngIf=\"showFirstLastIcon\"\n        type=\"button\"\n        [disabled]=\"isFirstPage() || empty()\"\n        (click)=\"changePageToFirst($event)\"\n        caxRipple\n        class=\"cax-paginator-first cax-paginator-element cax-link\"\n        [ngClass]=\"{ 'cax-disabled': isFirstPage() || empty() }\"\n        [attr.aria-label]=\"getAriaLabel('firstPageLabel')\"\n    >\n        <AngleDoubleLeftIcon *ngIf=\"!firstPageLinkIconTemplate\" [styleClass]=\"'cax-paginator-icon'\" />\n        <span class=\"cax-paginator-icon\" *ngIf=\"firstPageLinkIconTemplate\">\n            <ng-template *ngTemplateOutlet=\"firstPageLinkIconTemplate\"></ng-template>\n        </span>\n    </button>\n    <button\n        type=\"button\"\n        [disabled]=\"isFirstPage() || empty()\"\n        (click)=\"changePageToPrev($event)\"\n        caxRipple\n        class=\"cax-paginator-prev cax-paginator-element cax-link\"\n        [ngClass]=\"{ 'cax-disabled': isFirstPage() || empty() }\"\n        [attr.aria-label]=\"getAriaLabel('prevPageLabel')\"\n    >\n        <AngleLeftIcon *ngIf=\"!previousPageLinkIconTemplate\" [styleClass]=\"'cax-paginator-icon'\" />\n        <span class=\"cax-paginator-icon\" *ngIf=\"previousPageLinkIconTemplate\">\n            <ng-template *ngTemplateOutlet=\"previousPageLinkIconTemplate\"></ng-template>\n        </span>\n    </button>\n    <span class=\"cax-paginator-pages\" *ngIf=\"showPageLinks\">\n        <button\n            type=\"button\"\n            *ngFor=\"let pageLink of pageLinks\"\n            class=\"cax-paginator-page cax-paginator-element cax-link\"\n            [ngClass]=\"{ 'cax-highlight': pageLink - 1 == getPage() }\"\n            [attr.aria-label]=\"getPageAriaLabel(pageLink)\"\n            [attr.aria-current]=\"pageLink - 1 == getPage() ? 'page' : undefined\"\n            (click)=\"onPageLinkClick($event, pageLink - 1)\"\n            caxRipple\n        >\n            {{ getLocalization(pageLink) }}\n        </button>\n    </span>\n    <cax-dropdown\n        [options]=\"pageItems\"\n        [ngModel]=\"getPage()\"\n        *ngIf=\"showJumpToPageDropdown\"\n        [disabled]=\"empty()\"\n        [attr.aria-label]=\"getAriaLabel('jumpToPageDropdownLabel')\"\n        styleClass=\"cax-paginator-page-options\"\n        (onChange)=\"onPageDropdownChange($event)\"\n        [appendTo]=\"dropdownAppendTo\"\n        [scrollHeight]=\"dropdownScrollHeight\"\n    >\n        <ng-template caxTemplate=\"selectedItem\">{{ currentPageReport }}</ng-template>\n        <ng-container *ngIf=\"jumpToPageItemTemplate\">\n            <ng-template let-item caxTemplate=\"item\">\n                <ng-container *ngTemplateOutlet=\"jumpToPageItemTemplate; context: { $implicit: item }\"> </ng-container>\n            </ng-template>\n        </ng-container>\n        <ng-template caxTemplate=\"dropdownicon\" *ngIf=\"dropdownIconTemplate\">\n            <ng-container *ngTemplateOutlet=\"dropdownIconTemplate\"></ng-container>\n        </ng-template>\n    </cax-dropdown>\n    <button\n        type=\"button\"\n        [disabled]=\"isLastPage() || empty()\"\n        (click)=\"changePageToNext($event)\"\n        caxRipple\n        class=\"cax-paginator-next cax-paginator-element cax-link\"\n        [ngClass]=\"{ 'cax-disabled': isLastPage() || empty() }\"\n        [attr.aria-label]=\"getAriaLabel('nextPageLabel')\"\n    >\n        <AngleRightIcon *ngIf=\"!nextPageLinkIconTemplate\" [styleClass]=\"'cax-paginator-icon'\" />\n        <span class=\"cax-paginator-icon\" *ngIf=\"nextPageLinkIconTemplate\">\n            <ng-template *ngTemplateOutlet=\"nextPageLinkIconTemplate\"></ng-template>\n        </span>\n    </button>\n    <button\n        *ngIf=\"showFirstLastIcon\"\n        type=\"button\"\n        [disabled]=\"isLastPage() || empty()\"\n        (click)=\"changePageToLast($event)\"\n        caxRipple\n        class=\"cax-paginator-last cax-paginator-element cax-link\"\n        [ngClass]=\"{ 'cax-disabled': isLastPage() || empty() }\"\n        [attr.aria-label]=\"getAriaLabel('lastPageLabel')\"\n    >\n        <AngleDoubleRightIcon *ngIf=\"!lastPageLinkIconTemplate\" [styleClass]=\"'cax-paginator-icon'\" />\n        <span class=\"cax-paginator-icon\" *ngIf=\"lastPageLinkIconTemplate\">\n            <ng-template *ngTemplateOutlet=\"lastPageLinkIconTemplate\"></ng-template>\n        </span>\n    </button>\n    <span class=\"cax-paginator-page-label\" *ngIf=\"showJumpToPageInput\">Go to page</span>\n    <cax-inputNumber *ngIf=\"showJumpToPageInput\" [ngModel]=\"currentPage()\" class=\"cax-paginator-page-input\" [disabled]=\"empty()\" (ngModelChange)=\"changePage($event - 1)\"></cax-inputNumber>\n    <cax-dropdown\n        [options]=\"rowsPerPageItems\"\n        [(ngModel)]=\"rows\"\n        *ngIf=\"rowsPerPageOptions\"\n        styleClass=\"cax-paginator-rpp-options\"\n        [disabled]=\"empty()\"\n        (onChange)=\"onRppChange($event)\"\n        [appendTo]=\"dropdownAppendTo\"\n        [scrollHeight]=\"dropdownScrollHeight\"\n        [ariaLabel]=\"getAriaLabel('rowsPerPageLabel')\"\n    >\n        <ng-container *ngIf=\"dropdownItemTemplate\">\n            <ng-template let-item caxTemplate=\"item\">\n                <ng-container *ngTemplateOutlet=\"dropdownItemTemplate; context: { $implicit: item }\"> </ng-container>\n            </ng-template>\n        </ng-container>\n        <ng-template caxTemplate=\"dropdownicon\" *ngIf=\"dropdownIconTemplate\">\n            <ng-container *ngTemplateOutlet=\"dropdownIconTemplate\"></ng-container>\n        </ng-template>\n    </cax-dropdown>\n    <div class=\"cax-paginator-right-content\" *ngIf=\"templateRight\" [attr.data-pc-section]=\"'end'\">\n        <ng-container *ngTemplateOutlet=\"templateRight; context: { $implicit: paginatorState }\"></ng-container>\n    </div>\n</div>\n", 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"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.caxConfig }], propDecorators: { pageLinkSize: [{
                 type: Input,
                 args: [{ transform: numberAttribute }]
@@ -446,11 +446,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImpo
             }] } });
 class PaginatorModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: PaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.16", ngImport: i0, type: PaginatorModule, declarations: [Paginator], imports: [CommonModule, DropdownModule, InputNumberModule, FormsModule, SharedModule, RippleModule, AngleDoubleLeftIcon, AngleDoubleRightIcon, AngleLeftIcon, AngleRightIcon], exports: [Paginator, DropdownModule, InputNumberModule, FormsModule, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: PaginatorModule, imports: [CommonModule, DropdownModule, InputNumberModule, FormsModule, SharedModule, RippleModule, AngleDoubleLeftIcon, AngleDoubleRightIcon, AngleLeftIcon, AngleRightIcon, DropdownModule, InputNumberModule, FormsModule, SharedModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: PaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.21", ngImport: i0, type: PaginatorModule, declarations: [Paginator], imports: [CommonModule, DropdownModule, InputNumberModule, FormsModule, SharedModule, RippleModule, AngleDoubleLeftIcon, AngleDoubleRightIcon, AngleLeftIcon, AngleRightIcon], exports: [Paginator, DropdownModule, InputNumberModule, FormsModule, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: PaginatorModule, imports: [CommonModule, DropdownModule, InputNumberModule, FormsModule, SharedModule, RippleModule, AngleDoubleLeftIcon, AngleDoubleRightIcon, AngleLeftIcon, AngleRightIcon, DropdownModule, InputNumberModule, FormsModule, SharedModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: PaginatorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: PaginatorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, DropdownModule, InputNumberModule, FormsModule, SharedModule, RippleModule, AngleDoubleLeftIcon, AngleDoubleRightIcon, AngleLeftIcon, AngleRightIcon],