cax-design-system 2.0.0 → 2.1.0

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

@@ -212,12 +212,12 @@ class Messages {
             item.command({ originalEvent: e, item });
         }
     }
-    getButtonSeverity(severity) {
+    getButtonSeverity(severity, outlined) {
         switch (severity) {
             case 'success':
                 return 'success';
             case 'info':
-                return 'primary';
+                return outlined ? 'secondary' : 'primary';
             case 'error':
                 return 'danger';
             case 'warn':
@@ -227,7 +227,7 @@ class Messages {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: Messages, deps: [{ token: i1.MessageService, optional: true }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.caxConfig }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: Messages, isStandalone: true, selector: "cax-messages", inputs: { value: "value", closable: ["closable", "closable", booleanAttribute], style: "style", styleClass: "styleClass", enableService: ["enableService", "enableService", booleanAttribute], key: "key", escape: ["escape", "escape", booleanAttribute], severity: "severity", size: "size", displayIcon: "displayIcon", showTransitionOptions: "showTransitionOptions", hideTransitionOptions: "hideTransitionOptions" }, outputs: { valueChange: "valueChange", onClose: "onClose" }, host: { classAttribute: "cax-element" }, queries: [{ propertyName: "templates", predicate: CaxTemplate }], ngImport: i0, template: "<div class=\"cax-messages cax-component\" role=\"alert\" [ngStyle]=\"style\" [class]=\"styleClass\" [attr.aria-atomic]=\"true\" [attr.aria-live]=\"'assertive'\" [attr.data-pc-name]=\"'message'\">\r\n    <ng-container *ngIf=\"!contentTemplate; else staticMessage\">\r\n        <div\r\n            *ngFor=\"let msg of messages; let i = index\"\r\n            [class]=\"'cax-message cax-message-' + msg.severity\"\r\n            [ngClass]=\"sizeClass(msg.size)\"\r\n            role=\"alert\"\r\n            [@messageAnimation]=\"{ value: 'visible', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }\"\r\n        >\r\n            <div class=\"cax-message-wrapper\" [attr.data-pc-section]=\"'wrapper'\" [attr.id]=\"msg.id || null\">\r\n                <div class=\"cax-message-wrap\">\r\n                    <span *ngIf=\"(displayIcon && (msg.displayIcon ?? true)) && msg.icon\" [class]=\"'cax-message-icon cax pi ' + msg.icon\" [attr.data-pc-section]=\"'icon'\"> </span>\r\n                    <span class=\"cax-message-icon\" *ngIf=\"(displayIcon && (msg.displayIcon ?? true)) && !msg.icon\">\r\n                        <ng-container>\r\n                            <span class=\"cax cax-check-circle\" *ngIf=\"msg.severity === 'success'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                            <span class=\"cax cax-info-circle\" *ngIf=\"msg.severity === 'info'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                            <span class=\"cax cax-close-circle\" *ngIf=\"msg.severity === 'error'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                            <span class=\"cax cax-danger-triangle\" *ngIf=\"msg.severity === 'warn'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                        </ng-container>\r\n                    </span>\r\n                    <ng-container *ngIf=\"!escape; else escapeOut\">\r\n                        <div class=\"cax-message-box\">\r\n                            <span *ngIf=\"msg.summary\" class=\"cax-message-summary\" [innerHTML]=\"msg.summary\" [attr.data-pc-section]=\"'summary'\"></span>\r\n                            <span *ngIf=\"msg.detail\" class=\"cax-message-detail\" [innerHTML]=\"msg.detail\" [attr.data-pc-section]=\"'detail'\"></span>\r\n                        </div>\r\n                    </ng-container>\r\n                    <ng-template #escapeOut>\r\n                        <div class=\"cax-message-box\">\r\n                            <span *ngIf=\"msg.summary\" class=\"cax-message-summary\" [attr.data-pc-section]=\"'summary'\">{{ msg.summary }}</span>\r\n                            <span *ngIf=\"msg.detail\" class=\"cax-message-detail\" [attr.data-pc-section]=\"'detail'\">{{ msg.detail }}</span>\r\n                        </div>\r\n                    </ng-template>\r\n                </div>\r\n                <button class=\"cax-message-close cax-link\" (click)=\"removeMessage(i)\" *ngIf=\"closable && (msg.closable ?? true)\" type=\"button\" caxRipple [attr.aria-label]=\"closeAriaLabel\" [attr.data-pc-section]=\"'closebutton'\">\r\n                    <TimesIcon [styleClass]=\"'cax-message-close-icon'\" [attr.data-pc-section]=\"'closeicon'\" />\r\n                </button>\r\n            </div>\r\n            <div *ngIf=\"msg.actionButtons?.length\" class=\"cax-message-button-wrapper\">\r\n                <cax-button\r\n                    *ngFor=\"let item of msg.actionButtons; let i = index\"\r\n                    (click)=\"onItemClick($event, item)\"\r\n                    (keydown.enter)=\"onItemClick($event, item, i)\"\r\n                    [severity]=\"getButtonSeverity(msg.severity)\"\r\n                    [label]=\"item.label\"\r\n                    [outlined]=\"item.outlined\"\r\n                    [disabled]=\"item.disabled\"\r\n                />\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n    <ng-template #staticMessage>\r\n        <div [ngClass]=\"'cax-message cax-message-' + severity\" role=\"alert\">\r\n            <div class=\"cax-message-wrapper\">\r\n                <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n", styles: ["@layer cax{.cax-message-wrapper{display:flex;align-items:flex-start}.cax-message-wrap{display:flex}.cax-message-close{display:flex;align-items:center;justify-content:center;flex:none}.cax-message-close.cax-link{margin-left:auto;overflow:hidden;position:relative}.cax-messages .cax-message.ng-animating{overflow:hidden}.cax-messages-sm{width:40%}.cax-messages-md{width:60%}.cax-messages-lg{width:100%}.cax-message-button-wrapper{display:flex;overflow-x:auto;padding:0 14px 14px 20px}.cax-message-button-wrapper cax-button{margin-right:8px}.cax-message-button-wrapper::-webkit-scrollbar{width:0px;height:0px;background:transparent}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "ngmodule", type: RippleModule }, { kind: "directive", type: i3.Ripple, selector: "[caxRipple]" }, { kind: "component", type: TimesIcon, selector: "TimesIcon" }, { kind: "ngmodule", type: SharedModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4.Button, selector: "cax-button", inputs: ["type", "iconPos", "icon", "badge", "rightIcon", "leftIcon", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }], animations: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: Messages, isStandalone: true, selector: "cax-messages", inputs: { value: "value", closable: ["closable", "closable", booleanAttribute], style: "style", styleClass: "styleClass", enableService: ["enableService", "enableService", booleanAttribute], key: "key", escape: ["escape", "escape", booleanAttribute], severity: "severity", size: "size", displayIcon: "displayIcon", showTransitionOptions: "showTransitionOptions", hideTransitionOptions: "hideTransitionOptions" }, outputs: { valueChange: "valueChange", onClose: "onClose" }, host: { classAttribute: "cax-element" }, queries: [{ propertyName: "templates", predicate: CaxTemplate }], ngImport: i0, template: "<div class=\"cax-messages cax-component\" role=\"alert\" [ngStyle]=\"style\" [class]=\"styleClass\" [attr.aria-atomic]=\"true\" [attr.aria-live]=\"'assertive'\" [attr.data-pc-name]=\"'message'\">\r\n    <ng-container *ngIf=\"!contentTemplate; else staticMessage\">\r\n        <div\r\n            *ngFor=\"let msg of messages; let i = index\"\r\n            [class]=\"'cax-message cax-message-' + msg.severity\"\r\n            [ngClass]=\"sizeClass(msg.size)\"\r\n            role=\"alert\"\r\n            [@messageAnimation]=\"{ value: 'visible', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }\"\r\n        >\r\n            <div class=\"cax-message-wrapper\" [attr.data-pc-section]=\"'wrapper'\" [attr.id]=\"msg.id || null\">\r\n                <div class=\"cax-message-wrap\">\r\n                    <span *ngIf=\"(displayIcon && (msg.displayIcon ?? true)) && msg.icon\" [class]=\"'cax-message-icon cax pi ' + msg.icon\" [attr.data-pc-section]=\"'icon'\"> </span>\r\n                    <span class=\"cax-message-icon\" *ngIf=\"(displayIcon && (msg.displayIcon ?? true)) && !msg.icon\">\r\n                        <ng-container>\r\n                            <span class=\"cax cax-check-circle\" *ngIf=\"msg.severity === 'success'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                            <span class=\"cax cax-info-circle\" *ngIf=\"msg.severity === 'info'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                            <span class=\"cax cax-close-circle\" *ngIf=\"msg.severity === 'error'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                            <span class=\"cax cax-danger-triangle\" *ngIf=\"msg.severity === 'warn'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                        </ng-container>\r\n                    </span>\r\n                    <ng-container *ngIf=\"!escape; else escapeOut\">\r\n                        <div class=\"cax-message-box\">\r\n                            <span *ngIf=\"msg.summary\" class=\"cax-message-summary\" [innerHTML]=\"msg.summary\" [attr.data-pc-section]=\"'summary'\"></span>\r\n                            <span *ngIf=\"msg.detail\" class=\"cax-message-detail\" [innerHTML]=\"msg.detail\" [attr.data-pc-section]=\"'detail'\"></span>\r\n                        </div>\r\n                    </ng-container>\r\n                    <ng-template #escapeOut>\r\n                        <div class=\"cax-message-box\">\r\n                            <span *ngIf=\"msg.summary\" class=\"cax-message-summary\" [attr.data-pc-section]=\"'summary'\">{{ msg.summary }}</span>\r\n                            <span *ngIf=\"msg.detail\" class=\"cax-message-detail\" [attr.data-pc-section]=\"'detail'\">{{ msg.detail }}</span>\r\n                        </div>\r\n                    </ng-template>\r\n                </div>\r\n                <button class=\"cax-message-close cax-link\" (click)=\"removeMessage(i)\" *ngIf=\"closable && (msg.closable ?? true)\" type=\"button\" caxRipple [attr.aria-label]=\"closeAriaLabel\" [attr.data-pc-section]=\"'closebutton'\">\r\n                    <TimesIcon [styleClass]=\"'cax-message-close-icon'\" [attr.data-pc-section]=\"'closeicon'\" />\r\n                </button>\r\n            </div>\r\n            <div *ngIf=\"msg.actionButtons?.length\" class=\"cax-message-button-wrapper\">\r\n                <cax-button\r\n                    *ngFor=\"let item of msg.actionButtons; let i = index\"\r\n                    (click)=\"onItemClick($event, item)\"\r\n                    (keydown.enter)=\"onItemClick($event, item, i)\"\r\n                    [severity]=\"getButtonSeverity(msg.severity, item.outlined)\"\r\n                    [label]=\"item.label\"\r\n                    [outlined]=\"item.outlined\"\r\n                    [disabled]=\"item.disabled\"\r\n                />\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n    <ng-template #staticMessage>\r\n        <div [ngClass]=\"'cax-message cax-message-' + severity\" role=\"alert\">\r\n            <div class=\"cax-message-wrapper\">\r\n                <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n", styles: ["@layer cax{.cax-message-wrapper{display:flex;align-items:flex-start}.cax-message-wrap{display:flex;gap:8px}.cax-message-close{display:flex;align-items:center;justify-content:center;flex:none}.cax-message-close.cax-link{margin-left:auto;overflow:hidden;position:relative}.cax-messages .cax-message.ng-animating{overflow:hidden}.cax-messages-sm{width:40%}.cax-messages-md{width:60%}.cax-messages-lg{width:100%}.cax-message-button-wrapper{display:flex;overflow-x:auto}.cax-message-button-wrapper cax-button{margin-right:8px}.cax-message-button-wrapper::-webkit-scrollbar{width:0px;height:0px;background:transparent}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "ngmodule", type: RippleModule }, { kind: "directive", type: i3.Ripple, selector: "[caxRipple]" }, { kind: "component", type: TimesIcon, selector: "TimesIcon" }, { kind: "ngmodule", type: SharedModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i4.Button, selector: "cax-button", inputs: ["type", "iconPos", "icon", "badge", "rightIcon", "leftIcon", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }], animations: [
             trigger('messageAnimation', [
                 transition(':enter', [style({ opacity: 0, transform: 'translateY(-25%)' }), animate('{{showTransitionParams}}')]),
                 transition(':leave', [animate('{{hideTransitionParams}}', style({ height: 0, marginTop: 0, marginBottom: 0, marginLeft: 0, marginRight: 0, opacity: 0 }))])
@@ -243,7 +243,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                         ])
                     ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule, RippleModule, TimesIcon, SharedModule, ButtonModule], host: {
                         class: 'cax-element'
-                    }, template: "<div class=\"cax-messages cax-component\" role=\"alert\" [ngStyle]=\"style\" [class]=\"styleClass\" [attr.aria-atomic]=\"true\" [attr.aria-live]=\"'assertive'\" [attr.data-pc-name]=\"'message'\">\r\n    <ng-container *ngIf=\"!contentTemplate; else staticMessage\">\r\n        <div\r\n            *ngFor=\"let msg of messages; let i = index\"\r\n            [class]=\"'cax-message cax-message-' + msg.severity\"\r\n            [ngClass]=\"sizeClass(msg.size)\"\r\n            role=\"alert\"\r\n            [@messageAnimation]=\"{ value: 'visible', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }\"\r\n        >\r\n            <div class=\"cax-message-wrapper\" [attr.data-pc-section]=\"'wrapper'\" [attr.id]=\"msg.id || null\">\r\n                <div class=\"cax-message-wrap\">\r\n                    <span *ngIf=\"(displayIcon && (msg.displayIcon ?? true)) && msg.icon\" [class]=\"'cax-message-icon cax pi ' + msg.icon\" [attr.data-pc-section]=\"'icon'\"> </span>\r\n                    <span class=\"cax-message-icon\" *ngIf=\"(displayIcon && (msg.displayIcon ?? true)) && !msg.icon\">\r\n                        <ng-container>\r\n                            <span class=\"cax cax-check-circle\" *ngIf=\"msg.severity === 'success'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                            <span class=\"cax cax-info-circle\" *ngIf=\"msg.severity === 'info'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                            <span class=\"cax cax-close-circle\" *ngIf=\"msg.severity === 'error'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                            <span class=\"cax cax-danger-triangle\" *ngIf=\"msg.severity === 'warn'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                        </ng-container>\r\n                    </span>\r\n                    <ng-container *ngIf=\"!escape; else escapeOut\">\r\n                        <div class=\"cax-message-box\">\r\n                            <span *ngIf=\"msg.summary\" class=\"cax-message-summary\" [innerHTML]=\"msg.summary\" [attr.data-pc-section]=\"'summary'\"></span>\r\n                            <span *ngIf=\"msg.detail\" class=\"cax-message-detail\" [innerHTML]=\"msg.detail\" [attr.data-pc-section]=\"'detail'\"></span>\r\n                        </div>\r\n                    </ng-container>\r\n                    <ng-template #escapeOut>\r\n                        <div class=\"cax-message-box\">\r\n                            <span *ngIf=\"msg.summary\" class=\"cax-message-summary\" [attr.data-pc-section]=\"'summary'\">{{ msg.summary }}</span>\r\n                            <span *ngIf=\"msg.detail\" class=\"cax-message-detail\" [attr.data-pc-section]=\"'detail'\">{{ msg.detail }}</span>\r\n                        </div>\r\n                    </ng-template>\r\n                </div>\r\n                <button class=\"cax-message-close cax-link\" (click)=\"removeMessage(i)\" *ngIf=\"closable && (msg.closable ?? true)\" type=\"button\" caxRipple [attr.aria-label]=\"closeAriaLabel\" [attr.data-pc-section]=\"'closebutton'\">\r\n                    <TimesIcon [styleClass]=\"'cax-message-close-icon'\" [attr.data-pc-section]=\"'closeicon'\" />\r\n                </button>\r\n            </div>\r\n            <div *ngIf=\"msg.actionButtons?.length\" class=\"cax-message-button-wrapper\">\r\n                <cax-button\r\n                    *ngFor=\"let item of msg.actionButtons; let i = index\"\r\n                    (click)=\"onItemClick($event, item)\"\r\n                    (keydown.enter)=\"onItemClick($event, item, i)\"\r\n                    [severity]=\"getButtonSeverity(msg.severity)\"\r\n                    [label]=\"item.label\"\r\n                    [outlined]=\"item.outlined\"\r\n                    [disabled]=\"item.disabled\"\r\n                />\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n    <ng-template #staticMessage>\r\n        <div [ngClass]=\"'cax-message cax-message-' + severity\" role=\"alert\">\r\n            <div class=\"cax-message-wrapper\">\r\n                <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n", styles: ["@layer cax{.cax-message-wrapper{display:flex;align-items:flex-start}.cax-message-wrap{display:flex}.cax-message-close{display:flex;align-items:center;justify-content:center;flex:none}.cax-message-close.cax-link{margin-left:auto;overflow:hidden;position:relative}.cax-messages .cax-message.ng-animating{overflow:hidden}.cax-messages-sm{width:40%}.cax-messages-md{width:60%}.cax-messages-lg{width:100%}.cax-message-button-wrapper{display:flex;overflow-x:auto;padding:0 14px 14px 20px}.cax-message-button-wrapper cax-button{margin-right:8px}.cax-message-button-wrapper::-webkit-scrollbar{width:0px;height:0px;background:transparent}}\n"] }]
+                    }, template: "<div class=\"cax-messages cax-component\" role=\"alert\" [ngStyle]=\"style\" [class]=\"styleClass\" [attr.aria-atomic]=\"true\" [attr.aria-live]=\"'assertive'\" [attr.data-pc-name]=\"'message'\">\r\n    <ng-container *ngIf=\"!contentTemplate; else staticMessage\">\r\n        <div\r\n            *ngFor=\"let msg of messages; let i = index\"\r\n            [class]=\"'cax-message cax-message-' + msg.severity\"\r\n            [ngClass]=\"sizeClass(msg.size)\"\r\n            role=\"alert\"\r\n            [@messageAnimation]=\"{ value: 'visible', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }\"\r\n        >\r\n            <div class=\"cax-message-wrapper\" [attr.data-pc-section]=\"'wrapper'\" [attr.id]=\"msg.id || null\">\r\n                <div class=\"cax-message-wrap\">\r\n                    <span *ngIf=\"(displayIcon && (msg.displayIcon ?? true)) && msg.icon\" [class]=\"'cax-message-icon cax pi ' + msg.icon\" [attr.data-pc-section]=\"'icon'\"> </span>\r\n                    <span class=\"cax-message-icon\" *ngIf=\"(displayIcon && (msg.displayIcon ?? true)) && !msg.icon\">\r\n                        <ng-container>\r\n                            <span class=\"cax cax-check-circle\" *ngIf=\"msg.severity === 'success'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                            <span class=\"cax cax-info-circle\" *ngIf=\"msg.severity === 'info'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                            <span class=\"cax cax-close-circle\" *ngIf=\"msg.severity === 'error'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                            <span class=\"cax cax-danger-triangle\" *ngIf=\"msg.severity === 'warn'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                        </ng-container>\r\n                    </span>\r\n                    <ng-container *ngIf=\"!escape; else escapeOut\">\r\n                        <div class=\"cax-message-box\">\r\n                            <span *ngIf=\"msg.summary\" class=\"cax-message-summary\" [innerHTML]=\"msg.summary\" [attr.data-pc-section]=\"'summary'\"></span>\r\n                            <span *ngIf=\"msg.detail\" class=\"cax-message-detail\" [innerHTML]=\"msg.detail\" [attr.data-pc-section]=\"'detail'\"></span>\r\n                        </div>\r\n                    </ng-container>\r\n                    <ng-template #escapeOut>\r\n                        <div class=\"cax-message-box\">\r\n                            <span *ngIf=\"msg.summary\" class=\"cax-message-summary\" [attr.data-pc-section]=\"'summary'\">{{ msg.summary }}</span>\r\n                            <span *ngIf=\"msg.detail\" class=\"cax-message-detail\" [attr.data-pc-section]=\"'detail'\">{{ msg.detail }}</span>\r\n                        </div>\r\n                    </ng-template>\r\n                </div>\r\n                <button class=\"cax-message-close cax-link\" (click)=\"removeMessage(i)\" *ngIf=\"closable && (msg.closable ?? true)\" type=\"button\" caxRipple [attr.aria-label]=\"closeAriaLabel\" [attr.data-pc-section]=\"'closebutton'\">\r\n                    <TimesIcon [styleClass]=\"'cax-message-close-icon'\" [attr.data-pc-section]=\"'closeicon'\" />\r\n                </button>\r\n            </div>\r\n            <div *ngIf=\"msg.actionButtons?.length\" class=\"cax-message-button-wrapper\">\r\n                <cax-button\r\n                    *ngFor=\"let item of msg.actionButtons; let i = index\"\r\n                    (click)=\"onItemClick($event, item)\"\r\n                    (keydown.enter)=\"onItemClick($event, item, i)\"\r\n                    [severity]=\"getButtonSeverity(msg.severity, item.outlined)\"\r\n                    [label]=\"item.label\"\r\n                    [outlined]=\"item.outlined\"\r\n                    [disabled]=\"item.disabled\"\r\n                />\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n    <ng-template #staticMessage>\r\n        <div [ngClass]=\"'cax-message cax-message-' + severity\" role=\"alert\">\r\n            <div class=\"cax-message-wrapper\">\r\n                <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n", styles: ["@layer cax{.cax-message-wrapper{display:flex;align-items:flex-start}.cax-message-wrap{display:flex;gap:8px}.cax-message-close{display:flex;align-items:center;justify-content:center;flex:none}.cax-message-close.cax-link{margin-left:auto;overflow:hidden;position:relative}.cax-messages .cax-message.ng-animating{overflow:hidden}.cax-messages-sm{width:40%}.cax-messages-md{width:60%}.cax-messages-lg{width:100%}.cax-message-button-wrapper{display:flex;overflow-x:auto}.cax-message-button-wrapper cax-button{margin-right:8px}.cax-message-button-wrapper::-webkit-scrollbar{width:0px;height:0px;background:transparent}}\n"] }]
         }], ctorParameters: () => [{ type: i1.MessageService, decorators: [{
                     type: Optional
                 }] }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.caxConfig }], propDecorators: { value: [{

package/fesm2022/cax-design-system-messages.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cax-design-system-messages.mjs","sources":["../../src/app/components/messages/messages.ts","../../src/app/components/messages/messages.html","../../src/app/components/messages/messages.module.ts","../../src/app/components/messages/cax-design-system-messages.ts"],"sourcesContent":["import { animate, style, transition, trigger } from '@angular/animations';\nimport { CommonModule } from '@angular/common';\nimport { AfterContentInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, ElementRef, EventEmitter, Input, OnDestroy, Optional, Output, QueryList, TemplateRef, ViewEncapsulation, booleanAttribute } from '@angular/core';\nimport { Message, MessageService, CaxTemplate, SharedModule, caxConfig } from 'cax-design-system/api';\nimport { ButtonModule } from 'cax-design-system/button';\nimport { TimesIcon } from 'cax-design-system/icons/times';\nimport { RippleModule } from 'cax-design-system/ripple';\nimport { Subscription, timer } from 'rxjs';\nimport { ActionButtonItem } from './messages.interface';\n/**\n * Messages is used to display alerts inline.\n * @group Components\n */\n@Component({\n    selector: 'cax-messages',\n    templateUrl: './messages.html',\n    animations: [\n        trigger('messageAnimation', [\n            transition(':enter', [style({ opacity: 0, transform: 'translateY(-25%)' }), animate('{{showTransitionParams}}')]),\n            transition(':leave', [animate('{{hideTransitionParams}}', style({ height: 0, marginTop: 0, marginBottom: 0, marginLeft: 0, marginRight: 0, opacity: 0 }))])\n        ])\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./messages.scss'],\n    standalone: true,\n    imports: [CommonModule, RippleModule, TimesIcon, SharedModule, ButtonModule],\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class Messages implements AfterContentInit, OnDestroy {\n    /**\n     * An array of messages to display.\n     * @group Props\n     */\n    @Input() set value(messages: Message[]) {\n        this.messages = messages;\n        this.startMessageLifes(this.messages);\n    }\n    /**\n     * Defines if message box can be closed by the click icon.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) closable: boolean = true;\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     * Whether displaying services messages are enabled.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) enableService: boolean = true;\n    /**\n     * Id to match the key of the message to enable scoping in service based messaging.\n     * @group Props\n     */\n    @Input() key: string | undefined;\n    /**\n     * Whether displaying messages would be escaped or not.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) escape: boolean = true;\n    /**\n     * Severity level of the message.\n     * @group Props\n     */\n    @Input() severity: 'success' | 'info' | 'error' | 'warn' | undefined;\n    /**\n     * Size of the message.\n     * @group Props\n     */\n    @Input() size: 'sm' | 'md' | 'lg' = 'md';\n    /**\n     * Display icon or not\n     * @group Props\n     */\n    @Input() displayIcon: boolean = true;\n    /**\n     * Transition options of the show animation.\n     * @group Props\n     */\n    @Input() showTransitionOptions: string = '300ms ease-out';\n    /**\n     * Transition options of the hide animation.\n     * @group Props\n     */\n    @Input() hideTransitionOptions: string = '200ms cubic-bezier(0.86, 0, 0.07, 1)';\n    /**\n     * This function is executed when the value changes.\n     * @param {Message[]} value - messages value.\n     * @group Emits\n     */\n    @Output() valueChange: EventEmitter<Message[]> = new EventEmitter<Message[]>();\n    /**\n     * This function is executed when a message is closed.\n     * @param {Message} value - Closed message.\n     * @group Emits\n     */\n    @Output() onClose: EventEmitter<Message> = new EventEmitter<Message>();\n\n    @ContentChildren(CaxTemplate) templates: QueryList<CaxTemplate> | undefined;\n\n    messages: Message[] | null | undefined;\n\n    messageSubscription: Subscription | undefined;\n\n    clearSubscription: Subscription | undefined;\n\n    timerSubscriptions: Subscription[] = [];\n\n    contentTemplate: TemplateRef<any> | undefined;\n\n    constructor(\n        @Optional() public messageService: MessageService,\n        public el: ElementRef,\n        public cd: ChangeDetectorRef,\n        private config: caxConfig\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                default:\n                    this.contentTemplate = item.template;\n                    break;\n            }\n        });\n\n        if (this.messageService && this.enableService && !this.contentTemplate) {\n            this.messageSubscription = this.messageService.messageObserver.subscribe((messages: Message | Message[]) => {\n                if (messages) {\n                    if (!Array.isArray(messages)) {\n                        messages = [messages];\n                    }\n\n                    const filteredMessages = messages.filter((m) => this.key === m.key);\n                    this.messages = this.messages ? [...this.messages, ...filteredMessages] : [...filteredMessages];\n                    this.startMessageLifes(filteredMessages);\n                    this.cd.markForCheck();\n                }\n            });\n\n            this.clearSubscription = this.messageService.clearObserver.subscribe((key) => {\n                if (key) {\n                    if (this.key === key) {\n                        this.messages = null;\n                    }\n                } else {\n                    this.messages = null;\n                }\n\n                this.cd.markForCheck();\n            });\n        }\n    }\n\n    hasMessages() {\n        let parentEl = this.el.nativeElement.parentElement;\n        if (parentEl && parentEl.offsetParent) {\n            return this.contentTemplate != null || (this.messages && this.messages.length > 0);\n        }\n\n        return false;\n    }\n\n    clear() {\n        this.messages = [];\n        this.valueChange.emit(this.messages);\n    }\n\n    removeMessage(i: number) {\n        const removedMessage = this.messages[i];\n        this.messages = this.messages?.filter((msg, index) => index !== i);\n        removedMessage && this.onClose.emit(removedMessage);\n        this.valueChange.emit(this.messages);\n    }\n\n    get icon(): string | null {\n        const severity = this.severity || (this.hasMessages() ? this.messages![0].severity : null);\n\n        if (this.hasMessages()) {\n            switch (severity) {\n                case 'success':\n                    return 'cax-check-circle';\n\n                case 'info':\n                    return 'cax-info-circle';\n\n                case 'error':\n                    return 'cax-close-circle';\n\n                case 'warn':\n                    return 'cax-danger-triangle';\n\n                default:\n                    return 'cax-info-circle';\n            }\n        }\n\n        return null;\n    }\n    get closeAriaLabel() {\n        return this.config.translation.aria ? this.config.translation.aria.close : undefined;\n    }\n\n    ngOnDestroy() {\n        if (this.messageSubscription) {\n            this.messageSubscription.unsubscribe();\n        }\n\n        if (this.clearSubscription) {\n            this.clearSubscription.unsubscribe();\n        }\n\n        this.timerSubscriptions?.forEach((subscription) => subscription.unsubscribe());\n    }\n\n    private startMessageLifes(messages: Message[]): void {\n        messages?.forEach((message) => message.life && this.startMessageLife(message));\n    }\n\n    private startMessageLife(message: Message): void {\n        const timerSubsctiption = timer(message.life!).subscribe(() => {\n            this.messages = this.messages?.filter((msgEl) => msgEl !== message);\n            this.timerSubscriptions = this.timerSubscriptions?.filter((timerEl) => timerEl !== timerSubsctiption);\n            this.valueChange.emit(this.messages);\n            this.cd.markForCheck();\n        });\n        this.timerSubscriptions.push(timerSubsctiption);\n    }\n\n    //custom methods\n    sizeClass(size?: 'sm' | 'md' | 'lg') {\n        return size ? { [`cax-messages-${size}`]: size } : { [`cax-messages-${this.size}`]: this.size };\n    }\n\n    onItemClick(e: MouseEvent, item: ActionButtonItem) {\n        if (item.command) {\n            item.command({ originalEvent: e, item });\n        }\n    }\n\n    getButtonSeverity(severity: 'success' | 'info' | 'error' | 'warn' | undefined) {\n        switch (severity) {\n            case 'success':\n                return 'success';\n            case 'info':\n                return 'primary';\n            case 'error':\n                return 'danger';\n            case 'warn':\n                return 'warning';\n            default:\n                return 'primary';\n        }\n    }\n}\n","<div class=\"cax-messages cax-component\" role=\"alert\" [ngStyle]=\"style\" [class]=\"styleClass\" [attr.aria-atomic]=\"true\" [attr.aria-live]=\"'assertive'\" [attr.data-pc-name]=\"'message'\">\r\n    <ng-container *ngIf=\"!contentTemplate; else staticMessage\">\r\n        <div\r\n            *ngFor=\"let msg of messages; let i = index\"\r\n            [class]=\"'cax-message cax-message-' + msg.severity\"\r\n            [ngClass]=\"sizeClass(msg.size)\"\r\n            role=\"alert\"\r\n            [@messageAnimation]=\"{ value: 'visible', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }\"\r\n        >\r\n            <div class=\"cax-message-wrapper\" [attr.data-pc-section]=\"'wrapper'\" [attr.id]=\"msg.id || null\">\r\n                <div class=\"cax-message-wrap\">\r\n                    <span *ngIf=\"(displayIcon && (msg.displayIcon ?? true)) && msg.icon\" [class]=\"'cax-message-icon cax pi ' + msg.icon\" [attr.data-pc-section]=\"'icon'\"> </span>\r\n                    <span class=\"cax-message-icon\" *ngIf=\"(displayIcon && (msg.displayIcon ?? true)) && !msg.icon\">\r\n                        <ng-container>\r\n                            <span class=\"cax cax-check-circle\" *ngIf=\"msg.severity === 'success'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                            <span class=\"cax cax-info-circle\" *ngIf=\"msg.severity === 'info'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                            <span class=\"cax cax-close-circle\" *ngIf=\"msg.severity === 'error'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                            <span class=\"cax cax-danger-triangle\" *ngIf=\"msg.severity === 'warn'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                        </ng-container>\r\n                    </span>\r\n                    <ng-container *ngIf=\"!escape; else escapeOut\">\r\n                        <div class=\"cax-message-box\">\r\n                            <span *ngIf=\"msg.summary\" class=\"cax-message-summary\" [innerHTML]=\"msg.summary\" [attr.data-pc-section]=\"'summary'\"></span>\r\n                            <span *ngIf=\"msg.detail\" class=\"cax-message-detail\" [innerHTML]=\"msg.detail\" [attr.data-pc-section]=\"'detail'\"></span>\r\n                        </div>\r\n                    </ng-container>\r\n                    <ng-template #escapeOut>\r\n                        <div class=\"cax-message-box\">\r\n                            <span *ngIf=\"msg.summary\" class=\"cax-message-summary\" [attr.data-pc-section]=\"'summary'\">{{ msg.summary }}</span>\r\n                            <span *ngIf=\"msg.detail\" class=\"cax-message-detail\" [attr.data-pc-section]=\"'detail'\">{{ msg.detail }}</span>\r\n                        </div>\r\n                    </ng-template>\r\n                </div>\r\n                <button class=\"cax-message-close cax-link\" (click)=\"removeMessage(i)\" *ngIf=\"closable && (msg.closable ?? true)\" type=\"button\" caxRipple [attr.aria-label]=\"closeAriaLabel\" [attr.data-pc-section]=\"'closebutton'\">\r\n                    <TimesIcon [styleClass]=\"'cax-message-close-icon'\" [attr.data-pc-section]=\"'closeicon'\" />\r\n                </button>\r\n            </div>\r\n            <div *ngIf=\"msg.actionButtons?.length\" class=\"cax-message-button-wrapper\">\r\n                <cax-button\r\n                    *ngFor=\"let item of msg.actionButtons; let i = index\"\r\n                    (click)=\"onItemClick($event, item)\"\r\n                    (keydown.enter)=\"onItemClick($event, item, i)\"\r\n                    [severity]=\"getButtonSeverity(msg.severity)\"\r\n                    [label]=\"item.label\"\r\n                    [outlined]=\"item.outlined\"\r\n                    [disabled]=\"item.disabled\"\r\n                />\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n    <ng-template #staticMessage>\r\n        <div [ngClass]=\"'cax-message cax-message-' + severity\" role=\"alert\">\r\n            <div class=\"cax-message-wrapper\">\r\n                <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n","import { NgModule } from '@angular/core';\nimport { Messages } from './messages';\nimport { SharedModule } from 'cax-design-system/api';\n\n@NgModule({\n    imports: [Messages, SharedModule],\n    exports: [Messages, SharedModule]\n})\nexport class MessagesModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"cax-design-system-messages.mjs","sources":["../../src/app/components/messages/messages.ts","../../src/app/components/messages/messages.html","../../src/app/components/messages/messages.module.ts","../../src/app/components/messages/cax-design-system-messages.ts"],"sourcesContent":["import { animate, style, transition, trigger } from '@angular/animations';\nimport { CommonModule } from '@angular/common';\nimport { AfterContentInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, ElementRef, EventEmitter, Input, OnDestroy, Optional, Output, QueryList, TemplateRef, ViewEncapsulation, booleanAttribute } from '@angular/core';\nimport { Message, MessageService, CaxTemplate, SharedModule, caxConfig } from 'cax-design-system/api';\nimport { ButtonModule } from 'cax-design-system/button';\nimport { TimesIcon } from 'cax-design-system/icons/times';\nimport { RippleModule } from 'cax-design-system/ripple';\nimport { Subscription, timer } from 'rxjs';\nimport { ActionButtonItem } from './messages.interface';\n/**\n * Messages is used to display alerts inline.\n * @group Components\n */\n@Component({\n    selector: 'cax-messages',\n    templateUrl: './messages.html',\n    animations: [\n        trigger('messageAnimation', [\n            transition(':enter', [style({ opacity: 0, transform: 'translateY(-25%)' }), animate('{{showTransitionParams}}')]),\n            transition(':leave', [animate('{{hideTransitionParams}}', style({ height: 0, marginTop: 0, marginBottom: 0, marginLeft: 0, marginRight: 0, opacity: 0 }))])\n        ])\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./messages.scss'],\n    standalone: true,\n    imports: [CommonModule, RippleModule, TimesIcon, SharedModule, ButtonModule],\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class Messages implements AfterContentInit, OnDestroy {\n    /**\n     * An array of messages to display.\n     * @group Props\n     */\n    @Input() set value(messages: Message[]) {\n        this.messages = messages;\n        this.startMessageLifes(this.messages);\n    }\n    /**\n     * Defines if message box can be closed by the click icon.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) closable: boolean = true;\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     * Whether displaying services messages are enabled.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) enableService: boolean = true;\n    /**\n     * Id to match the key of the message to enable scoping in service based messaging.\n     * @group Props\n     */\n    @Input() key: string | undefined;\n    /**\n     * Whether displaying messages would be escaped or not.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) escape: boolean = true;\n    /**\n     * Severity level of the message.\n     * @group Props\n     */\n    @Input() severity: 'success' | 'info' | 'error' | 'warn' | undefined;\n    /**\n     * Size of the message.\n     * @group Props\n     */\n    @Input() size: 'sm' | 'md' | 'lg' = 'md';\n    /**\n     * Display icon or not\n     * @group Props\n     */\n    @Input() displayIcon: boolean = true;\n    /**\n     * Transition options of the show animation.\n     * @group Props\n     */\n    @Input() showTransitionOptions: string = '300ms ease-out';\n    /**\n     * Transition options of the hide animation.\n     * @group Props\n     */\n    @Input() hideTransitionOptions: string = '200ms cubic-bezier(0.86, 0, 0.07, 1)';\n    /**\n     * This function is executed when the value changes.\n     * @param {Message[]} value - messages value.\n     * @group Emits\n     */\n    @Output() valueChange: EventEmitter<Message[]> = new EventEmitter<Message[]>();\n    /**\n     * This function is executed when a message is closed.\n     * @param {Message} value - Closed message.\n     * @group Emits\n     */\n    @Output() onClose: EventEmitter<Message> = new EventEmitter<Message>();\n\n    @ContentChildren(CaxTemplate) templates: QueryList<CaxTemplate> | undefined;\n\n    messages: Message[] | null | undefined;\n\n    messageSubscription: Subscription | undefined;\n\n    clearSubscription: Subscription | undefined;\n\n    timerSubscriptions: Subscription[] = [];\n\n    contentTemplate: TemplateRef<any> | undefined;\n\n    constructor(\n        @Optional() public messageService: MessageService,\n        public el: ElementRef,\n        public cd: ChangeDetectorRef,\n        private config: caxConfig\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                default:\n                    this.contentTemplate = item.template;\n                    break;\n            }\n        });\n\n        if (this.messageService && this.enableService && !this.contentTemplate) {\n            this.messageSubscription = this.messageService.messageObserver.subscribe((messages: Message | Message[]) => {\n                if (messages) {\n                    if (!Array.isArray(messages)) {\n                        messages = [messages];\n                    }\n\n                    const filteredMessages = messages.filter((m) => this.key === m.key);\n                    this.messages = this.messages ? [...this.messages, ...filteredMessages] : [...filteredMessages];\n                    this.startMessageLifes(filteredMessages);\n                    this.cd.markForCheck();\n                }\n            });\n\n            this.clearSubscription = this.messageService.clearObserver.subscribe((key) => {\n                if (key) {\n                    if (this.key === key) {\n                        this.messages = null;\n                    }\n                } else {\n                    this.messages = null;\n                }\n\n                this.cd.markForCheck();\n            });\n        }\n    }\n\n    hasMessages() {\n        let parentEl = this.el.nativeElement.parentElement;\n        if (parentEl && parentEl.offsetParent) {\n            return this.contentTemplate != null || (this.messages && this.messages.length > 0);\n        }\n\n        return false;\n    }\n\n    clear() {\n        this.messages = [];\n        this.valueChange.emit(this.messages);\n    }\n\n    removeMessage(i: number) {\n        const removedMessage = this.messages[i];\n        this.messages = this.messages?.filter((msg, index) => index !== i);\n        removedMessage && this.onClose.emit(removedMessage);\n        this.valueChange.emit(this.messages);\n    }\n\n    get icon(): string | null {\n        const severity = this.severity || (this.hasMessages() ? this.messages![0].severity : null);\n\n        if (this.hasMessages()) {\n            switch (severity) {\n                case 'success':\n                    return 'cax-check-circle';\n\n                case 'info':\n                    return 'cax-info-circle';\n\n                case 'error':\n                    return 'cax-close-circle';\n\n                case 'warn':\n                    return 'cax-danger-triangle';\n\n                default:\n                    return 'cax-info-circle';\n            }\n        }\n\n        return null;\n    }\n    get closeAriaLabel() {\n        return this.config.translation.aria ? this.config.translation.aria.close : undefined;\n    }\n\n    ngOnDestroy() {\n        if (this.messageSubscription) {\n            this.messageSubscription.unsubscribe();\n        }\n\n        if (this.clearSubscription) {\n            this.clearSubscription.unsubscribe();\n        }\n\n        this.timerSubscriptions?.forEach((subscription) => subscription.unsubscribe());\n    }\n\n    private startMessageLifes(messages: Message[]): void {\n        messages?.forEach((message) => message.life && this.startMessageLife(message));\n    }\n\n    private startMessageLife(message: Message): void {\n        const timerSubsctiption = timer(message.life!).subscribe(() => {\n            this.messages = this.messages?.filter((msgEl) => msgEl !== message);\n            this.timerSubscriptions = this.timerSubscriptions?.filter((timerEl) => timerEl !== timerSubsctiption);\n            this.valueChange.emit(this.messages);\n            this.cd.markForCheck();\n        });\n        this.timerSubscriptions.push(timerSubsctiption);\n    }\n\n    //custom methods\n    sizeClass(size?: 'sm' | 'md' | 'lg') {\n        return size ? { [`cax-messages-${size}`]: size } : { [`cax-messages-${this.size}`]: this.size };\n    }\n\n    onItemClick(e: MouseEvent, item: ActionButtonItem) {\n        if (item.command) {\n            item.command({ originalEvent: e, item });\n        }\n    }\n\n    getButtonSeverity(severity: 'success' | 'info' | 'error' | 'warn' | undefined, outlined?: boolean) {\n        switch (severity) {\n            case 'success':\n                return 'success';\n            case 'info':\n                return outlined ? 'secondary' : 'primary';\n            case 'error':\n                return 'danger';\n            case 'warn':\n                return 'warning';\n            default:\n                return 'primary';\n        }\n    }\n}\n","<div class=\"cax-messages cax-component\" role=\"alert\" [ngStyle]=\"style\" [class]=\"styleClass\" [attr.aria-atomic]=\"true\" [attr.aria-live]=\"'assertive'\" [attr.data-pc-name]=\"'message'\">\r\n    <ng-container *ngIf=\"!contentTemplate; else staticMessage\">\r\n        <div\r\n            *ngFor=\"let msg of messages; let i = index\"\r\n            [class]=\"'cax-message cax-message-' + msg.severity\"\r\n            [ngClass]=\"sizeClass(msg.size)\"\r\n            role=\"alert\"\r\n            [@messageAnimation]=\"{ value: 'visible', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }\"\r\n        >\r\n            <div class=\"cax-message-wrapper\" [attr.data-pc-section]=\"'wrapper'\" [attr.id]=\"msg.id || null\">\r\n                <div class=\"cax-message-wrap\">\r\n                    <span *ngIf=\"(displayIcon && (msg.displayIcon ?? true)) && msg.icon\" [class]=\"'cax-message-icon cax pi ' + msg.icon\" [attr.data-pc-section]=\"'icon'\"> </span>\r\n                    <span class=\"cax-message-icon\" *ngIf=\"(displayIcon && (msg.displayIcon ?? true)) && !msg.icon\">\r\n                        <ng-container>\r\n                            <span class=\"cax cax-check-circle\" *ngIf=\"msg.severity === 'success'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                            <span class=\"cax cax-info-circle\" *ngIf=\"msg.severity === 'info'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                            <span class=\"cax cax-close-circle\" *ngIf=\"msg.severity === 'error'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                            <span class=\"cax cax-danger-triangle\" *ngIf=\"msg.severity === 'warn'\" [attr.data-pc-section]=\"'icon'\"></span>\r\n                        </ng-container>\r\n                    </span>\r\n                    <ng-container *ngIf=\"!escape; else escapeOut\">\r\n                        <div class=\"cax-message-box\">\r\n                            <span *ngIf=\"msg.summary\" class=\"cax-message-summary\" [innerHTML]=\"msg.summary\" [attr.data-pc-section]=\"'summary'\"></span>\r\n                            <span *ngIf=\"msg.detail\" class=\"cax-message-detail\" [innerHTML]=\"msg.detail\" [attr.data-pc-section]=\"'detail'\"></span>\r\n                        </div>\r\n                    </ng-container>\r\n                    <ng-template #escapeOut>\r\n                        <div class=\"cax-message-box\">\r\n                            <span *ngIf=\"msg.summary\" class=\"cax-message-summary\" [attr.data-pc-section]=\"'summary'\">{{ msg.summary }}</span>\r\n                            <span *ngIf=\"msg.detail\" class=\"cax-message-detail\" [attr.data-pc-section]=\"'detail'\">{{ msg.detail }}</span>\r\n                        </div>\r\n                    </ng-template>\r\n                </div>\r\n                <button class=\"cax-message-close cax-link\" (click)=\"removeMessage(i)\" *ngIf=\"closable && (msg.closable ?? true)\" type=\"button\" caxRipple [attr.aria-label]=\"closeAriaLabel\" [attr.data-pc-section]=\"'closebutton'\">\r\n                    <TimesIcon [styleClass]=\"'cax-message-close-icon'\" [attr.data-pc-section]=\"'closeicon'\" />\r\n                </button>\r\n            </div>\r\n            <div *ngIf=\"msg.actionButtons?.length\" class=\"cax-message-button-wrapper\">\r\n                <cax-button\r\n                    *ngFor=\"let item of msg.actionButtons; let i = index\"\r\n                    (click)=\"onItemClick($event, item)\"\r\n                    (keydown.enter)=\"onItemClick($event, item, i)\"\r\n                    [severity]=\"getButtonSeverity(msg.severity, item.outlined)\"\r\n                    [label]=\"item.label\"\r\n                    [outlined]=\"item.outlined\"\r\n                    [disabled]=\"item.disabled\"\r\n                />\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n    <ng-template #staticMessage>\r\n        <div [ngClass]=\"'cax-message cax-message-' + severity\" role=\"alert\">\r\n            <div class=\"cax-message-wrapper\">\r\n                <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n            </div>\r\n        </div>\r\n    </ng-template>\r\n</div>\r\n","import { NgModule } from '@angular/core';\nimport { Messages } from './messages';\nimport { SharedModule } from 'cax-design-system/api';\n\n@NgModule({\n    imports: [Messages, SharedModule],\n    exports: [Messages, SharedModule]\n})\nexport class MessagesModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;AASA;;;AAGG;MAmBU,QAAQ,CAAA;AA0FM,IAAA,cAAA,CAAA;AACZ,IAAA,EAAA,CAAA;AACA,IAAA,EAAA,CAAA;AACC,IAAA,MAAA,CAAA;AA5FZ;;;AAGG;IACH,IAAa,KAAK,CAAC,QAAmB,EAAA;AAClC,QAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;AACzB,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KACzC;AACD;;;AAGG;IACqC,QAAQ,GAAY,IAAI,CAAC;AACjE;;;AAGG;AACM,IAAA,KAAK,CAA8C;AAC5D;;;AAGG;AACM,IAAA,UAAU,CAAqB;AACxC;;;AAGG;IACqC,aAAa,GAAY,IAAI,CAAC;AACtE;;;AAGG;AACM,IAAA,GAAG,CAAqB;AACjC;;;AAGG;IACqC,MAAM,GAAY,IAAI,CAAC;AAC/D;;;AAGG;AACM,IAAA,QAAQ,CAAoD;AACrE;;;AAGG;IACM,IAAI,GAAuB,IAAI,CAAC;AACzC;;;AAGG;IACM,WAAW,GAAY,IAAI,CAAC;AACrC;;;AAGG;IACM,qBAAqB,GAAW,gBAAgB,CAAC;AAC1D;;;AAGG;IACM,qBAAqB,GAAW,sCAAsC,CAAC;AAChF;;;;AAIG;AACO,IAAA,WAAW,GAA4B,IAAI,YAAY,EAAa,CAAC;AAC/E;;;;AAIG;AACO,IAAA,OAAO,GAA0B,IAAI,YAAY,EAAW,CAAC;AAEzC,IAAA,SAAS,CAAqC;AAE5E,IAAA,QAAQ,CAA+B;AAEvC,IAAA,mBAAmB,CAA2B;AAE9C,IAAA,iBAAiB,CAA2B;IAE5C,kBAAkB,GAAmB,EAAE,CAAC;AAExC,IAAA,eAAe,CAA+B;AAE9C,IAAA,WAAA,CACuB,cAA8B,EAC1C,EAAc,EACd,EAAqB,EACpB,MAAiB,EAAA;QAHN,IAAc,CAAA,cAAA,GAAd,cAAc,CAAgB;QAC1C,IAAE,CAAA,EAAA,GAAF,EAAE,CAAY;QACd,IAAE,CAAA,EAAA,GAAF,EAAE,CAAmB;QACpB,IAAM,CAAA,MAAA,GAAN,MAAM,CAAW;KACzB;IAEJ,kBAAkB,GAAA;QACd,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,IAAI,KAAI;AAC7B,YAAA,QAAQ,IAAI,CAAC,OAAO,EAAE;AAClB,gBAAA,KAAK,SAAS;AACV,oBAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,QAAQ,CAAC;oBACrC,MAAM;AAEV,gBAAA;AACI,oBAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,QAAQ,CAAC;oBACrC,MAAM;aACb;AACL,SAAC,CAAC,CAAC;AAEH,QAAA,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;AACpE,YAAA,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,QAA6B,KAAI;gBACvG,IAAI,QAAQ,EAAE;oBACV,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;AAC1B,wBAAA,QAAQ,GAAG,CAAC,QAAQ,CAAC,CAAC;qBACzB;AAED,oBAAA,MAAM,gBAAgB,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC;oBACpE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,gBAAgB,CAAC,GAAG,CAAC,GAAG,gBAAgB,CAAC,CAAC;AAChG,oBAAA,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;AACzC,oBAAA,IAAI,CAAC,EAAE,CAAC,YAAY,EAAE,CAAC;iBAC1B;AACL,aAAC,CAAC,CAAC;AAEH,YAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,GAAG,KAAI;gBACzE,IAAI,GAAG,EAAE;AACL,oBAAA,IAAI,IAAI,CAAC,GAAG,KAAK,GAAG,EAAE;AAClB,wBAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;qBACxB;iBACJ;qBAAM;AACH,oBAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;iBACxB;AAED,gBAAA,IAAI,CAAC,EAAE,CAAC,YAAY,EAAE,CAAC;AAC3B,aAAC,CAAC,CAAC;SACN;KACJ;IAED,WAAW,GAAA;QACP,IAAI,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,aAAa,CAAC;AACnD,QAAA,IAAI,QAAQ,IAAI,QAAQ,CAAC,YAAY,EAAE;AACnC,YAAA,OAAO,IAAI,CAAC,eAAe,IAAI,IAAI,KAAK,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;SACtF;AAED,QAAA,OAAO,KAAK,CAAC;KAChB;IAED,KAAK,GAAA;AACD,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;QACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KACxC;AAED,IAAA,aAAa,CAAC,CAAS,EAAA;QACnB,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACxC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC;QACnE,cAAc,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QACpD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KACxC;AAED,IAAA,IAAI,IAAI,GAAA;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,QAAS,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC;AAE3F,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE;YACpB,QAAQ,QAAQ;AACZ,gBAAA,KAAK,SAAS;AACV,oBAAA,OAAO,kBAAkB,CAAC;AAE9B,gBAAA,KAAK,MAAM;AACP,oBAAA,OAAO,iBAAiB,CAAC;AAE7B,gBAAA,KAAK,OAAO;AACR,oBAAA,OAAO,kBAAkB,CAAC;AAE9B,gBAAA,KAAK,MAAM;AACP,oBAAA,OAAO,qBAAqB,CAAC;AAEjC,gBAAA;AACI,oBAAA,OAAO,iBAAiB,CAAC;aAChC;SACJ;AAED,QAAA,OAAO,IAAI,CAAC;KACf;AACD,IAAA,IAAI,cAAc,GAAA;QACd,OAAO,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;KACxF;IAED,WAAW,GAAA;AACP,QAAA,IAAI,IAAI,CAAC,mBAAmB,EAAE;AAC1B,YAAA,IAAI,CAAC,mBAAmB,CAAC,WAAW,EAAE,CAAC;SAC1C;AAED,QAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE;AACxB,YAAA,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,CAAC;SACxC;AAED,QAAA,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,WAAW,EAAE,CAAC,CAAC;KAClF;AAEO,IAAA,iBAAiB,CAAC,QAAmB,EAAA;AACzC,QAAA,QAAQ,EAAE,OAAO,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;KAClF;AAEO,IAAA,gBAAgB,CAAC,OAAgB,EAAA;AACrC,QAAA,MAAM,iBAAiB,GAAG,KAAK,CAAC,OAAO,CAAC,IAAK,CAAC,CAAC,SAAS,CAAC,MAAK;AAC1D,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,KAAK,KAAK,KAAK,KAAK,OAAO,CAAC,CAAC;AACpE,YAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC,OAAO,KAAK,OAAO,KAAK,iBAAiB,CAAC,CAAC;YACtG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AACrC,YAAA,IAAI,CAAC,EAAE,CAAC,YAAY,EAAE,CAAC;AAC3B,SAAC,CAAC,CAAC;AACH,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;KACnD;;AAGD,IAAA,SAAS,CAAC,IAAyB,EAAA;AAC/B,QAAA,OAAO,IAAI,GAAG,EAAE,CAAC,CAAgB,aAAA,EAAA,IAAI,CAAE,CAAA,GAAG,IAAI,EAAE,GAAG,EAAE,CAAC,CAAgB,aAAA,EAAA,IAAI,CAAC,IAAI,CAAE,CAAA,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;KACnG;IAED,WAAW,CAAC,CAAa,EAAE,IAAsB,EAAA;AAC7C,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;YACd,IAAI,CAAC,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;SAC5C;KACJ;IAED,iBAAiB,CAAC,QAA2D,EAAE,QAAkB,EAAA;QAC7F,QAAQ,QAAQ;AACZ,YAAA,KAAK,SAAS;AACV,gBAAA,OAAO,SAAS,CAAC;AACrB,YAAA,KAAK,MAAM;gBACP,OAAO,QAAQ,GAAG,WAAW,GAAG,SAAS,CAAC;AAC9C,YAAA,KAAK,OAAO;AACR,gBAAA,OAAO,QAAQ,CAAC;AACpB,YAAA,KAAK,MAAM;AACP,gBAAA,OAAO,SAAS,CAAC;AACrB,YAAA;AACI,gBAAA,OAAO,SAAS,CAAC;SACxB;KACJ;uGA5OQ,QAAQ,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;2FAAR,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAaG,gBAAgB,CAehB,EAAA,KAAA,EAAA,OAAA,EAAA,UAAA,EAAA,YAAA,EAAA,aAAA,EAAA,CAAA,eAAA,EAAA,eAAA,EAAA,gBAAgB,4CAUhB,gBAAgB,CAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,WAAA,EAAA,aAAA,EAAA,qBAAA,EAAA,uBAAA,EAAA,qBAAA,EAAA,uBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,aAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,SAAA,EAuCnB,WAAW,EC5GhC,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,irIA0DA,gqBDhCc,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,YAAY,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,aAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,SAAS,qDAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,YAAY,EAV/D,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,UAAA,EAAA,OAAA,EAAA,UAAA,EAAA,SAAA,EAAA,aAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA;YACR,OAAO,CAAC,kBAAkB,EAAE;gBACxB,UAAU,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC,EAAE,OAAO,CAAC,0BAA0B,CAAC,CAAC,CAAC;AACjH,gBAAA,UAAU,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,0BAA0B,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;aAC9J,CAAC;AACL,SAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAUQ,QAAQ,EAAA,UAAA,EAAA,CAAA;kBAlBpB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,EAEZ,UAAA,EAAA;wBACR,OAAO,CAAC,kBAAkB,EAAE;4BACxB,UAAU,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC,EAAE,OAAO,CAAC,0BAA0B,CAAC,CAAC,CAAC;AACjH,4BAAA,UAAU,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,0BAA0B,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;yBAC9J,CAAC;qBACL,EACgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,cAEzB,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,CAAC,EACtE,IAAA,EAAA;AACF,wBAAA,KAAK,EAAE,aAAa;AACvB,qBAAA,EAAA,QAAA,EAAA,irIAAA,EAAA,MAAA,EAAA,CAAA,ymBAAA,CAAA,EAAA,CAAA;;0BA4FI,QAAQ;0HArFA,KAAK,EAAA,CAAA;sBAAjB,KAAK;gBAQkC,QAAQ,EAAA,CAAA;sBAA/C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBAK7B,KAAK,EAAA,CAAA;sBAAb,KAAK;gBAKG,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBAKkC,aAAa,EAAA,CAAA;sBAApD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBAK7B,GAAG,EAAA,CAAA;sBAAX,KAAK;gBAKkC,MAAM,EAAA,CAAA;sBAA7C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBAK7B,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBAKG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAKG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBAKG,qBAAqB,EAAA,CAAA;sBAA7B,KAAK;gBAKG,qBAAqB,EAAA,CAAA;sBAA7B,KAAK;gBAMI,WAAW,EAAA,CAAA;sBAApB,MAAM;gBAMG,OAAO,EAAA,CAAA;sBAAhB,MAAM;gBAEuB,SAAS,EAAA,CAAA;sBAAtC,eAAe;uBAAC,WAAW,CAAA;;;MEpGnB,cAAc,CAAA;uGAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,YAHb,QAAQ,EAAE,YAAY,CACtB,EAAA,OAAA,EAAA,CAAA,QAAQ,EAAE,YAAY,CAAA,EAAA,CAAA,CAAA;AAEvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,EAHb,OAAA,EAAA,CAAA,QAAQ,EAAE,YAAY,EACZ,YAAY,CAAA,EAAA,CAAA,CAAA;;2FAEvB,cAAc,EAAA,UAAA,EAAA,CAAA;kBAJ1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC;AACjC,oBAAA,OAAO,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC;AACpC,iBAAA,CAAA;;;ACPD;;AAEG;;;;"}

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

@@ -355,23 +355,33 @@ class Paginator {
             .replace('{rows}', String(this.rows))
             .replace('{totalRecords}', String(this.totalRecords));
     }
+    rightAligned = false;
+    isSinglePage() {
+        return this.getPageCount() <= 1;
+    }
     getPositionClass() {
-        if (this.isFirstPage()) {
-            return 'at-first-page';
+        let positions = [];
+        if (this.isSinglePage()) {
+            positions.push('single-page');
         }
-        else if (this.isLastPage()) {
-            return 'at-last-page';
+        else {
+            if (this.isFirstPage())
+                positions.push('at-first-page');
+            if (this.isLastPage())
+                positions.push('at-last-page');
         }
-        return '';
+        if (this.rightAligned)
+            positions.push('right-aligned');
+        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" }, 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-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", "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,
             args: [{ selector: 'cax-paginator', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, 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-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'\">\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"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.caxConfig }], propDecorators: { pageLinkSize: [{
                 type: Input,
                 args: [{ transform: numberAttribute }]
@@ -430,6 +440,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
             }], templates: [{
                 type: ContentChildren,
                 args: [CaxTemplate]
+            }], rightAligned: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }] } });
 
 class PaginatorModule {

package/fesm2022/cax-design-system-paginator.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cax-design-system-paginator.mjs","sources":["../../src/app/components/paginator/paginator.ts","../../src/app/components/paginator/paginator.html","../../src/app/components/paginator/paginator.module.ts","../../src/app/components/paginator/cax-design-system-paginator.ts"],"sourcesContent":["import {\n    AfterContentInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChildren,\n    ElementRef,\n    EventEmitter,\n    Input,\n    NgModule,\n    OnChanges,\n    OnInit,\n    Output,\n    QueryList,\n    SimpleChanges,\n    TemplateRef,\n    ViewEncapsulation,\n    booleanAttribute,\n    numberAttribute\n} from '@angular/core';\nimport { Aria, caxConfig, CaxTemplate, SelectItem, SharedModule } from 'cax-design-system/api';\nimport { DropdownChangeEvent } from 'cax-design-system/dropdown';\nimport { Nullable } from 'cax-design-system/ts-helpers';\nimport { PaginatorState } from './paginator.interface';\n\n/**\n * Paginator is a generic component to display content in paged format.\n * @group Components\n */\n@Component({\n    selector: 'cax-paginator',\n    templateUrl: './paginator.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./paginator.scss'],\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class Paginator implements OnInit, AfterContentInit, OnChanges {\n    /**\n     * Number of page links to display.\n     * @group Props\n     */\n    @Input({ transform: numberAttribute }) pageLinkSize: number = 5;\n\n    /**\n     * Inline style of the component.\n     * @group Props\n     */\n    @Input() style: { [klass: string]: any } | null | undefined;\n\n    /**\n     * Style class of the component.\n     * @group Props\n     */\n    @Input() styleClass: string | undefined;\n\n    /**\n     * Whether to show it even there is only one page.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) alwaysShow: boolean = true;\n\n    /**\n     * Target element to attach the dropdown overlay, valid values are \"body\" or a local ng-template variable of another element.\n     * @group Props\n     */\n    @Input() dropdownAppendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;\n\n    /**\n     * Template instance to inject into the left side of the paginator.\n     * @param {PaginatorState} context - Paginator state.\n     * @group Props\n     */\n    @Input() templateLeft: TemplateRef<PaginatorState> | undefined;\n\n    /**\n     * Template instance to inject into the right side of the paginator.\n     * @param {PaginatorState} context - Paginator state.\n     * @group Props\n     */\n    @Input() templateRight: TemplateRef<PaginatorState> | undefined;\n\n    /**\n     * Target element to attach the dropdown overlay\n     * @group Props\n     */\n    @Input() appendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;\n\n    /**\n     * Dropdown height of the viewport in pixels\n     * @group Props\n     */\n    @Input() dropdownScrollHeight: string = '200px';\n\n    /**\n     * Template of the current page report element. Available placeholders are {currentPage},{totalPages},{rows},{first},{last} and {totalRecords}\n     * @group Props\n     */\n    @Input() currentPageReportTemplate: string = '{currentPage} of {totalPages}';\n\n    /**\n     * Whether to display current page report.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) showCurrentPageReport: boolean | undefined;\n\n    /**\n     * When enabled, icons are displayed on paginator to go first and last page.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) showFirstLastIcon: boolean = true;\n\n    /**\n     * Number of total records.\n     * @group Props\n     */\n    @Input({ transform: numberAttribute }) totalRecords: number = 0;\n\n    /**\n     * Data count to display per page.\n     * @group Props\n     */\n    @Input({ transform: numberAttribute }) rows: number = 0;\n\n    /**\n     * Array of integer/object values to display inside rows per page dropdown.\n     * @group Props\n     */\n    @Input() rowsPerPageOptions: any[] | undefined;\n\n    /**\n     * Whether to display a dropdown to navigate to any page.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) showJumpToPageDropdown: boolean | undefined;\n\n    /**\n     * Whether to display an input to navigate to any page.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) showJumpToPageInput: boolean | undefined;\n\n    /**\n     * Template instance to inject into the jump to page dropdown item.\n     * @param {Object} context - item instance.\n     * @group Props\n     */\n    @Input() jumpToPageItemTemplate: TemplateRef<{ $implicit: any }> | undefined;\n\n    /**\n     * Whether to show page links.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) showPageLinks: boolean = true;\n\n    /**\n     * Locale to be used in formatting.\n     * @group Props\n     */\n    @Input() locale: string | undefined;\n\n    /**\n     * Template instance to inject into the rows per page dropdown item.\n     * @param {Object} context - item instance.\n     * @group Props\n     */\n    @Input() dropdownItemTemplate: TemplateRef<{ $implicit: any }> | undefined;\n\n    /**\n     * Zero-relative number of the first row to be displayed.\n     * @group Props\n     */\n    @Input() get first(): number {\n        return this._first;\n    }\n    set first(val: number) {\n        this._first = val;\n    }\n\n    /**\n     * Callback to invoke when page changes, the event object contains information about the new state.\n     * @param {PaginatorState} event - Paginator state.\n     * @group Emits\n     */\n    @Output() onPageChange: EventEmitter<PaginatorState> = new EventEmitter<PaginatorState>();\n\n    @ContentChildren(CaxTemplate) templates: Nullable<QueryList<any>>;\n\n    dropdownIconTemplate: Nullable<TemplateRef<any>>;\n    firstPageLinkIconTemplate: Nullable<TemplateRef<any>>;\n    previousPageLinkIconTemplate: Nullable<TemplateRef<any>>;\n    lastPageLinkIconTemplate: Nullable<TemplateRef<any>>;\n    nextPageLinkIconTemplate: Nullable<TemplateRef<any>>;\n\n    pageLinks: number[] | undefined;\n    pageItems: SelectItem[] | undefined;\n    rowsPerPageItems: SelectItem[] | undefined;\n    paginatorState: any;\n\n    _first: number = 0;\n    _page: number = 0;\n\n    constructor(\n        private cd: ChangeDetectorRef,\n        private config: caxConfig\n    ) {}\n\n    ngOnInit() {\n        this.updatePaginatorState();\n    }\n\n    getAriaLabel(labelType: keyof Aria): string | undefined {\n        return this.config.translation.aria ? this.config.translation.aria[labelType] : undefined;\n    }\n\n    getPageAriaLabel(value: number): string | undefined {\n        return this.config.translation.aria ? this.config.translation.aria.pageLabel.replace(/{page}/g, `${value}`) : undefined;\n    }\n\n    getLocalization(digit: number): string {\n        const numerals = [...new Intl.NumberFormat(this.locale, { useGrouping: false }).format(9876543210)].reverse();\n        const index = new Map(numerals.map((d, i) => [i, d]));\n        if (digit > 9) {\n            const numbers = String(digit).split('');\n            return numbers.map((number) => index.get(Number(number))).join('');\n        } else {\n            return index.get(digit);\n        }\n    }\n\n    ngAfterContentInit(): void {\n        (this.templates as QueryList<CaxTemplate>).forEach((item) => {\n            switch (item.getType()) {\n                case 'dropdownicon':\n                    this.dropdownIconTemplate = item.template;\n                    break;\n                case 'firstpagelinkicon':\n                    this.firstPageLinkIconTemplate = item.template;\n                    break;\n                case 'previouspagelinkicon':\n                    this.previousPageLinkIconTemplate = item.template;\n                    break;\n                case 'lastpagelinkicon':\n                    this.lastPageLinkIconTemplate = item.template;\n                    break;\n                case 'nextpagelinkicon':\n                    this.nextPageLinkIconTemplate = item.template;\n                    break;\n            }\n        });\n    }\n\n    ngOnChanges(simpleChange: SimpleChanges): void {\n        if (simpleChange.totalRecords) {\n            this.updatePageLinks();\n            this.updatePaginatorState();\n            this.updateFirst();\n            this.updateRowsPerPageOptions();\n        }\n\n        if (simpleChange.first) {\n            this._first = simpleChange.first.currentValue;\n            this.updatePageLinks();\n            this.updatePaginatorState();\n        }\n\n        if (simpleChange.rows) {\n            this.updatePageLinks();\n            this.updatePaginatorState();\n        }\n\n        if (simpleChange.rowsPerPageOptions) {\n            this.updateRowsPerPageOptions();\n        }\n\n        if (simpleChange.pageLinkSize) {\n            this.updatePageLinks();\n        }\n    }\n\n    updateRowsPerPageOptions(): void {\n        if (this.rowsPerPageOptions) {\n            this.rowsPerPageItems = [];\n            for (let opt of this.rowsPerPageOptions) {\n                if (typeof opt == 'object' && opt['showAll']) {\n                    this.rowsPerPageItems.unshift({ label: opt['showAll'], value: this.totalRecords });\n                } else {\n                    this.rowsPerPageItems.push({ label: String(this.getLocalization(opt)), value: opt });\n                }\n            }\n        }\n    }\n\n    isFirstPage(): boolean {\n        return this.getPage() === 0;\n    }\n\n    isLastPage(): boolean {\n        return this.getPage() === this.getPageCount() - 1;\n    }\n\n    getPageCount(): number {\n        return Math.ceil(this.totalRecords / this.rows);\n    }\n\n    calculatePageLinkBoundaries(): [number, number] {\n        let numberOfPages = this.getPageCount(),\n            visiblePages = Math.min(this.pageLinkSize, numberOfPages);\n\n        //calculate range, keep current in middle if necessary\n        let start = Math.max(0, Math.ceil(this.getPage() - visiblePages / 2)),\n            end = Math.min(numberOfPages - 1, start + visiblePages - 1);\n\n        //check when approaching to last page\n        var delta = this.pageLinkSize - (end - start + 1);\n        start = Math.max(0, start - delta);\n\n        return [start, end];\n    }\n\n    updatePageLinks(): void {\n        this.pageLinks = [];\n        let boundaries = this.calculatePageLinkBoundaries(),\n            start = boundaries[0],\n            end = boundaries[1];\n\n        for (let i = start; i <= end; i++) {\n            this.pageLinks.push(i + 1);\n        }\n\n        if (this.showJumpToPageDropdown) {\n            this.pageItems = [];\n            for (let i = 0; i < this.getPageCount(); i++) {\n                this.pageItems.push({ label: String(i + 1), value: i });\n            }\n        }\n    }\n\n    changePage(p: number): void {\n        var pc = this.getPageCount();\n\n        if (p >= 0 && p < pc) {\n            this._first = this.rows * p;\n            var state = {\n                page: p,\n                first: this.first,\n                rows: this.rows,\n                pageCount: pc\n            };\n            this.updatePageLinks();\n\n            this.onPageChange.emit(state);\n            this.updatePaginatorState();\n        }\n    }\n\n    updateFirst(): void {\n        const page = this.getPage();\n        if (page > 0 && this.totalRecords && this.first >= this.totalRecords) {\n            Promise.resolve(null).then(() => this.changePage(page - 1));\n        }\n    }\n\n    getPage(): number {\n        return Math.floor(this.first / this.rows);\n    }\n\n    changePageToFirst(event: Event): void {\n        if (!this.isFirstPage()) {\n            this.changePage(0);\n        }\n\n        event.preventDefault();\n    }\n\n    changePageToPrev(event: Event): void {\n        this.changePage(this.getPage() - 1);\n        event.preventDefault();\n    }\n\n    changePageToNext(event: Event): void {\n        this.changePage(this.getPage() + 1);\n        event.preventDefault();\n    }\n\n    changePageToLast(event: Event): void {\n        if (!this.isLastPage()) {\n            this.changePage(this.getPageCount() - 1);\n        }\n\n        event.preventDefault();\n    }\n\n    onPageLinkClick(event: Event, page: number): void {\n        this.changePage(page);\n        event.preventDefault();\n    }\n\n    onRppChange(event: Event): void {\n        this.changePage(this.getPage());\n    }\n\n    onPageDropdownChange(event: DropdownChangeEvent): void {\n        this.changePage(event.value);\n    }\n\n    updatePaginatorState(): void {\n        this.paginatorState = {\n            page: this.getPage(),\n            pageCount: this.getPageCount(),\n            rows: this.rows,\n            first: this.first,\n            totalRecords: this.totalRecords\n        };\n    }\n\n    empty(): boolean {\n        return this.getPageCount() === 0;\n    }\n\n    currentPage(): number {\n        return this.getPageCount() > 0 ? this.getPage() + 1 : 0;\n    }\n\n    get currentPageReport(): string {\n        return this.currentPageReportTemplate\n            .replace('{currentPage}', String(this.currentPage()))\n            .replace('{totalPages}', String(this.getPageCount()))\n            .replace('{first}', String(this.totalRecords > 0 ? this._first + 1 : 0))\n            .replace('{last}', String(Math.min(this._first + this.rows, this.totalRecords)))\n            .replace('{rows}', String(this.rows))\n            .replace('{totalRecords}', String(this.totalRecords));\n    }\n    getPositionClass(): string {\n        if (this.isFirstPage()) {\n            return 'at-first-page';\n        } else if (this.isLastPage()) {\n            return 'at-last-page';\n        }\n        return '';\n    }\n}\n","<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>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { DropdownModule } from 'cax-design-system/dropdown';\nimport { InputNumberModule } from 'cax-design-system/inputnumber';\nimport { SharedModule } from 'cax-design-system/api';\nimport { RippleModule } from 'cax-design-system/ripple';\nimport { AngleDoubleLeftIcon } from 'cax-design-system/icons/angledoubleleft';\nimport { AngleDoubleRightIcon } from 'cax-design-system/icons/angledoubleright';\nimport { AngleLeftIcon } from 'cax-design-system/icons/angleleft';\nimport { AngleRightIcon } from 'cax-design-system/icons/angleright';\n\nimport { Paginator } from './paginator';\n\n@NgModule({\n    imports: [CommonModule, DropdownModule, InputNumberModule, FormsModule, SharedModule, RippleModule, AngleDoubleLeftIcon, AngleDoubleRightIcon, AngleLeftIcon, AngleRightIcon],\n    exports: [Paginator, DropdownModule, InputNumberModule, FormsModule, SharedModule],\n    declarations: [Paginator]\n})\nexport class PaginatorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"cax-design-system-paginator.mjs","sources":["../../src/app/components/paginator/paginator.ts","../../src/app/components/paginator/paginator.html","../../src/app/components/paginator/paginator.module.ts","../../src/app/components/paginator/cax-design-system-paginator.ts"],"sourcesContent":["import {\n    AfterContentInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChildren,\n    ElementRef,\n    EventEmitter,\n    Input,\n    NgModule,\n    OnChanges,\n    OnInit,\n    Output,\n    QueryList,\n    SimpleChanges,\n    TemplateRef,\n    ViewEncapsulation,\n    booleanAttribute,\n    numberAttribute\n} from '@angular/core';\nimport { Aria, caxConfig, CaxTemplate, SelectItem, SharedModule } from 'cax-design-system/api';\nimport { DropdownChangeEvent } from 'cax-design-system/dropdown';\nimport { Nullable } from 'cax-design-system/ts-helpers';\nimport { PaginatorState } from './paginator.interface';\n\n/**\n * Paginator is a generic component to display content in paged format.\n * @group Components\n */\n@Component({\n    selector: 'cax-paginator',\n    templateUrl: './paginator.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./paginator.scss'],\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class Paginator implements OnInit, AfterContentInit, OnChanges {\n    /**\n     * Number of page links to display.\n     * @group Props\n     */\n    @Input({ transform: numberAttribute }) pageLinkSize: number = 5;\n\n    /**\n     * Inline style of the component.\n     * @group Props\n     */\n    @Input() style: { [klass: string]: any } | null | undefined;\n\n    /**\n     * Style class of the component.\n     * @group Props\n     */\n    @Input() styleClass: string | undefined;\n\n    /**\n     * Whether to show it even there is only one page.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) alwaysShow: boolean = true;\n\n    /**\n     * Target element to attach the dropdown overlay, valid values are \"body\" or a local ng-template variable of another element.\n     * @group Props\n     */\n    @Input() dropdownAppendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;\n\n    /**\n     * Template instance to inject into the left side of the paginator.\n     * @param {PaginatorState} context - Paginator state.\n     * @group Props\n     */\n    @Input() templateLeft: TemplateRef<PaginatorState> | undefined;\n\n    /**\n     * Template instance to inject into the right side of the paginator.\n     * @param {PaginatorState} context - Paginator state.\n     * @group Props\n     */\n    @Input() templateRight: TemplateRef<PaginatorState> | undefined;\n\n    /**\n     * Target element to attach the dropdown overlay\n     * @group Props\n     */\n    @Input() appendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;\n\n    /**\n     * Dropdown height of the viewport in pixels\n     * @group Props\n     */\n    @Input() dropdownScrollHeight: string = '200px';\n\n    /**\n     * Template of the current page report element. Available placeholders are {currentPage},{totalPages},{rows},{first},{last} and {totalRecords}\n     * @group Props\n     */\n    @Input() currentPageReportTemplate: string = '{currentPage} of {totalPages}';\n\n    /**\n     * Whether to display current page report.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) showCurrentPageReport: boolean | undefined;\n\n    /**\n     * When enabled, icons are displayed on paginator to go first and last page.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) showFirstLastIcon: boolean = true;\n\n    /**\n     * Number of total records.\n     * @group Props\n     */\n    @Input({ transform: numberAttribute }) totalRecords: number = 0;\n\n    /**\n     * Data count to display per page.\n     * @group Props\n     */\n    @Input({ transform: numberAttribute }) rows: number = 0;\n\n    /**\n     * Array of integer/object values to display inside rows per page dropdown.\n     * @group Props\n     */\n    @Input() rowsPerPageOptions: any[] | undefined;\n\n    /**\n     * Whether to display a dropdown to navigate to any page.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) showJumpToPageDropdown: boolean | undefined;\n\n    /**\n     * Whether to display an input to navigate to any page.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) showJumpToPageInput: boolean | undefined;\n\n    /**\n     * Template instance to inject into the jump to page dropdown item.\n     * @param {Object} context - item instance.\n     * @group Props\n     */\n    @Input() jumpToPageItemTemplate: TemplateRef<{ $implicit: any }> | undefined;\n\n    /**\n     * Whether to show page links.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) showPageLinks: boolean = true;\n\n    /**\n     * Locale to be used in formatting.\n     * @group Props\n     */\n    @Input() locale: string | undefined;\n\n    /**\n     * Template instance to inject into the rows per page dropdown item.\n     * @param {Object} context - item instance.\n     * @group Props\n     */\n    @Input() dropdownItemTemplate: TemplateRef<{ $implicit: any }> | undefined;\n\n    /**\n     * Zero-relative number of the first row to be displayed.\n     * @group Props\n     */\n    @Input() get first(): number {\n        return this._first;\n    }\n    set first(val: number) {\n        this._first = val;\n    }\n\n    /**\n     * Callback to invoke when page changes, the event object contains information about the new state.\n     * @param {PaginatorState} event - Paginator state.\n     * @group Emits\n     */\n    @Output() onPageChange: EventEmitter<PaginatorState> = new EventEmitter<PaginatorState>();\n\n    @ContentChildren(CaxTemplate) templates: Nullable<QueryList<any>>;\n\n    dropdownIconTemplate: Nullable<TemplateRef<any>>;\n    firstPageLinkIconTemplate: Nullable<TemplateRef<any>>;\n    previousPageLinkIconTemplate: Nullable<TemplateRef<any>>;\n    lastPageLinkIconTemplate: Nullable<TemplateRef<any>>;\n    nextPageLinkIconTemplate: Nullable<TemplateRef<any>>;\n\n    pageLinks: number[] | undefined;\n    pageItems: SelectItem[] | undefined;\n    rowsPerPageItems: SelectItem[] | undefined;\n    paginatorState: any;\n\n    _first: number = 0;\n    _page: number = 0;\n\n    constructor(\n        private cd: ChangeDetectorRef,\n        private config: caxConfig\n    ) {}\n\n    ngOnInit() {\n        this.updatePaginatorState();\n    }\n\n    getAriaLabel(labelType: keyof Aria): string | undefined {\n        return this.config.translation.aria ? this.config.translation.aria[labelType] : undefined;\n    }\n\n    getPageAriaLabel(value: number): string | undefined {\n        return this.config.translation.aria ? this.config.translation.aria.pageLabel.replace(/{page}/g, `${value}`) : undefined;\n    }\n\n    getLocalization(digit: number): string {\n        const numerals = [...new Intl.NumberFormat(this.locale, { useGrouping: false }).format(9876543210)].reverse();\n        const index = new Map(numerals.map((d, i) => [i, d]));\n        if (digit > 9) {\n            const numbers = String(digit).split('');\n            return numbers.map((number) => index.get(Number(number))).join('');\n        } else {\n            return index.get(digit);\n        }\n    }\n\n    ngAfterContentInit(): void {\n        (this.templates as QueryList<CaxTemplate>).forEach((item) => {\n            switch (item.getType()) {\n                case 'dropdownicon':\n                    this.dropdownIconTemplate = item.template;\n                    break;\n                case 'firstpagelinkicon':\n                    this.firstPageLinkIconTemplate = item.template;\n                    break;\n                case 'previouspagelinkicon':\n                    this.previousPageLinkIconTemplate = item.template;\n                    break;\n                case 'lastpagelinkicon':\n                    this.lastPageLinkIconTemplate = item.template;\n                    break;\n                case 'nextpagelinkicon':\n                    this.nextPageLinkIconTemplate = item.template;\n                    break;\n            }\n        });\n    }\n\n    ngOnChanges(simpleChange: SimpleChanges): void {\n        if (simpleChange.totalRecords) {\n            this.updatePageLinks();\n            this.updatePaginatorState();\n            this.updateFirst();\n            this.updateRowsPerPageOptions();\n        }\n\n        if (simpleChange.first) {\n            this._first = simpleChange.first.currentValue;\n            this.updatePageLinks();\n            this.updatePaginatorState();\n        }\n\n        if (simpleChange.rows) {\n            this.updatePageLinks();\n            this.updatePaginatorState();\n        }\n\n        if (simpleChange.rowsPerPageOptions) {\n            this.updateRowsPerPageOptions();\n        }\n\n        if (simpleChange.pageLinkSize) {\n            this.updatePageLinks();\n        }\n    }\n\n    updateRowsPerPageOptions(): void {\n        if (this.rowsPerPageOptions) {\n            this.rowsPerPageItems = [];\n            for (let opt of this.rowsPerPageOptions) {\n                if (typeof opt == 'object' && opt['showAll']) {\n                    this.rowsPerPageItems.unshift({ label: opt['showAll'], value: this.totalRecords });\n                } else {\n                    this.rowsPerPageItems.push({ label: String(this.getLocalization(opt)), value: opt });\n                }\n            }\n        }\n    }\n\n    isFirstPage(): boolean {\n        return this.getPage() === 0;\n    }\n\n    isLastPage(): boolean {\n        return this.getPage() === this.getPageCount() - 1;\n    }\n\n    getPageCount(): number {\n        return Math.ceil(this.totalRecords / this.rows);\n    }\n\n    calculatePageLinkBoundaries(): [number, number] {\n        let numberOfPages = this.getPageCount(),\n            visiblePages = Math.min(this.pageLinkSize, numberOfPages);\n\n        //calculate range, keep current in middle if necessary\n        let start = Math.max(0, Math.ceil(this.getPage() - visiblePages / 2)),\n            end = Math.min(numberOfPages - 1, start + visiblePages - 1);\n\n        //check when approaching to last page\n        var delta = this.pageLinkSize - (end - start + 1);\n        start = Math.max(0, start - delta);\n\n        return [start, end];\n    }\n\n    updatePageLinks(): void {\n        this.pageLinks = [];\n        let boundaries = this.calculatePageLinkBoundaries(),\n            start = boundaries[0],\n            end = boundaries[1];\n\n        for (let i = start; i <= end; i++) {\n            this.pageLinks.push(i + 1);\n        }\n\n        if (this.showJumpToPageDropdown) {\n            this.pageItems = [];\n            for (let i = 0; i < this.getPageCount(); i++) {\n                this.pageItems.push({ label: String(i + 1), value: i });\n            }\n        }\n    }\n\n    changePage(p: number): void {\n        var pc = this.getPageCount();\n\n        if (p >= 0 && p < pc) {\n            this._first = this.rows * p;\n            var state = {\n                page: p,\n                first: this.first,\n                rows: this.rows,\n                pageCount: pc\n            };\n            this.updatePageLinks();\n\n            this.onPageChange.emit(state);\n            this.updatePaginatorState();\n        }\n    }\n\n    updateFirst(): void {\n        const page = this.getPage();\n        if (page > 0 && this.totalRecords && this.first >= this.totalRecords) {\n            Promise.resolve(null).then(() => this.changePage(page - 1));\n        }\n    }\n\n    getPage(): number {\n        return Math.floor(this.first / this.rows);\n    }\n\n    changePageToFirst(event: Event): void {\n        if (!this.isFirstPage()) {\n            this.changePage(0);\n        }\n\n        event.preventDefault();\n    }\n\n    changePageToPrev(event: Event): void {\n        this.changePage(this.getPage() - 1);\n        event.preventDefault();\n    }\n\n    changePageToNext(event: Event): void {\n        this.changePage(this.getPage() + 1);\n        event.preventDefault();\n    }\n\n    changePageToLast(event: Event): void {\n        if (!this.isLastPage()) {\n            this.changePage(this.getPageCount() - 1);\n        }\n\n        event.preventDefault();\n    }\n\n    onPageLinkClick(event: Event, page: number): void {\n        this.changePage(page);\n        event.preventDefault();\n    }\n\n    onRppChange(event: Event): void {\n        this.changePage(this.getPage());\n    }\n\n    onPageDropdownChange(event: DropdownChangeEvent): void {\n        this.changePage(event.value);\n    }\n\n    updatePaginatorState(): void {\n        this.paginatorState = {\n            page: this.getPage(),\n            pageCount: this.getPageCount(),\n            rows: this.rows,\n            first: this.first,\n            totalRecords: this.totalRecords\n        };\n    }\n\n    empty(): boolean {\n        return this.getPageCount() === 0;\n    }\n\n    currentPage(): number {\n        return this.getPageCount() > 0 ? this.getPage() + 1 : 0;\n    }\n\n    get currentPageReport(): string {\n        return this.currentPageReportTemplate\n            .replace('{currentPage}', String(this.currentPage()))\n            .replace('{totalPages}', String(this.getPageCount()))\n            .replace('{first}', String(this.totalRecords > 0 ? this._first + 1 : 0))\n            .replace('{last}', String(Math.min(this._first + this.rows, this.totalRecords)))\n            .replace('{rows}', String(this.rows))\n            .replace('{totalRecords}', String(this.totalRecords));\n    }\n    @Input({ transform: booleanAttribute }) rightAligned: boolean = false;\n    isSinglePage(): boolean {\n        return this.getPageCount() <= 1;\n    }\n\n    getPositionClass(): string {\n        let positions = [];\n        if (this.isSinglePage()) {\n            positions.push('single-page');\n        } else {\n            if (this.isFirstPage()) positions.push('at-first-page');\n            if (this.isLastPage()) positions.push('at-last-page');\n        }\n        if (this.rightAligned) positions.push('right-aligned');\n        return positions.join(' ');\n    }\n}\n","<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>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { DropdownModule } from 'cax-design-system/dropdown';\nimport { InputNumberModule } from 'cax-design-system/inputnumber';\nimport { SharedModule } from 'cax-design-system/api';\nimport { RippleModule } from 'cax-design-system/ripple';\nimport { AngleDoubleLeftIcon } from 'cax-design-system/icons/angledoubleleft';\nimport { AngleDoubleRightIcon } from 'cax-design-system/icons/angledoubleright';\nimport { AngleLeftIcon } from 'cax-design-system/icons/angleleft';\nimport { AngleRightIcon } from 'cax-design-system/icons/angleright';\n\nimport { Paginator } from './paginator';\n\n@NgModule({\n    imports: [CommonModule, DropdownModule, InputNumberModule, FormsModule, SharedModule, RippleModule, AngleDoubleLeftIcon, AngleDoubleRightIcon, AngleLeftIcon, AngleRightIcon],\n    exports: [Paginator, DropdownModule, InputNumberModule, FormsModule, SharedModule],\n    declarations: [Paginator]\n})\nexport class PaginatorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}