cax-design-system 2.8.2 → 2.8.4

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

@@ -73,10 +73,10 @@ class Avatar {
     imageError(event) {
         this.onImageError.emit(event);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: Avatar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: Avatar, isStandalone: true, selector: "cax-avatar", inputs: { label: "label", icon: "icon", image: "image", avatarSize: "avatarSize", shape: "shape", style: "style", styleClass: "styleClass", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy" }, outputs: { onImageError: "onImageError" }, host: { classAttribute: "cax-element" }, ngImport: i0, template: "<div [ngClass]=\"containerClass()\" [class]=\"styleClass\" [ngStyle]=\"style\" [attr.aria-labelledby]=\"ariaLabelledBy\" [attr.aria-label]=\"ariaLabel\" [attr.data-pc-name]=\"'avatar'\">\r\n    <ng-content></ng-content>\r\n    <span class=\"cax-avatar-text\" *ngIf=\"label; else iconTemplate\">{{ label }}</span>\r\n    <ng-template #iconTemplate><span [class]=\"icon\" [ngClass]=\"'cax-avatar-icon'\" *ngIf=\"icon; else imageTemplate\"></span></ng-template>\r\n    <ng-template #imageTemplate><img [src]=\"image\" *ngIf=\"image\" (error)=\"imageError($event)\" [attr.aria-label]=\"ariaLabel\" /></ng-template>\r\n</div>\r\n", styles: ["@layer cax{.cax-avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:14px;line-height:20px;font-weight:700}.cax-avatar.cax-avatar-image{background-color:transparent}.cax-avatar.cax-avatar-circle{border-radius:50%!important}.cax-avatar .cax-avatar-icon{font-size:14px}.cax-avatar img{width:100%;height:100%;border-radius:8px}.cax-avatar.cax-avatar-circle img{border-radius:50%!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: Avatar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.16", type: Avatar, isStandalone: true, selector: "cax-avatar", inputs: { label: "label", icon: "icon", image: "image", avatarSize: "avatarSize", shape: "shape", style: "style", styleClass: "styleClass", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy" }, outputs: { onImageError: "onImageError" }, host: { classAttribute: "cax-element" }, ngImport: i0, template: "<div [ngClass]=\"containerClass()\" [class]=\"styleClass\" [ngStyle]=\"style\" [attr.aria-labelledby]=\"ariaLabelledBy\" [attr.aria-label]=\"ariaLabel\" [attr.data-pc-name]=\"'avatar'\">\r\n    <ng-content></ng-content>\r\n    <span class=\"cax-avatar-text\" *ngIf=\"label; else iconTemplate\">{{ label }}</span>\r\n    <ng-template #iconTemplate><span [class]=\"icon\" [ngClass]=\"'cax-avatar-icon'\" *ngIf=\"icon; else imageTemplate\"></span></ng-template>\r\n    <ng-template #imageTemplate><img [src]=\"image\" *ngIf=\"image\" (error)=\"imageError($event)\" [attr.aria-label]=\"ariaLabel\" /></ng-template>\r\n</div>\r\n", styles: ["@layer cax{.cax-avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:14px;line-height:20px;font-weight:700}.cax-avatar.cax-avatar-image{background-color:transparent}.cax-avatar.cax-avatar-circle{border-radius:50%!important}.cax-avatar .cax-avatar-icon{font-size:14px}.cax-avatar img{width:100%;height:100%;border-radius:8px}.cax-avatar.cax-avatar-circle img{border-radius:50%!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: Avatar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: Avatar, decorators: [{
             type: Component,
             args: [{ selector: 'cax-avatar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule], host: {
                         class: 'cax-element'
@@ -104,11 +104,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
             }] } });
 
 class AvatarModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: AvatarModule, imports: [Avatar], exports: [Avatar] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AvatarModule, imports: [Avatar] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: AvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.16", ngImport: i0, type: AvatarModule, imports: [Avatar], exports: [Avatar] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: AvatarModule, imports: [Avatar] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AvatarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: AvatarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [Avatar],

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

@@ -1 +1 @@
-{"version":3,"file":"cax-design-system-avatar.mjs","sources":["../../src/app/components/avatar/avatar.ts","../../src/app/components/avatar/avatar.html","../../src/app/components/avatar/avatar.module.ts","../../src/app/components/avatar/cax-design-system-avatar.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\n/**\n * Avatar represents people using icons, labels and images.\n * @group Components\n */\n@Component({\n    selector: 'cax-avatar',\n    templateUrl: './avatar.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./avatar.scss'],\n    standalone: true,\n    imports: [CommonModule],\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class Avatar {\n    /**\n     * Defines the text to display.\n     * @group Props\n     */\n    @Input() label: string | undefined;\n    /**\n     * Defines the icon to display.\n     * @group Props\n     */\n    @Input() icon: string | undefined;\n    /**\n     * Defines the image to display.\n     * @group Props\n     */\n    @Input() image: string | undefined;\n    /**\n     * Size of the element.\n     * @group Props\n     */\n    @Input() avatarSize: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined = 'md';\n    /**\n     * Shape of the element.\n     * @group Props\n     */\n    @Input() shape: 'square' | 'circle' | undefined = 'square';\n    /**\n     * Inline style of the element.\n     * @group Props\n     */\n    @Input() style: { [klass: string]: any } | null | undefined;\n    /**\n     * Class of the element.\n     * @group Props\n     */\n    @Input() styleClass: string | undefined;\n    /**\n     * Establishes a string value that labels the component.\n     * @group Props\n     */\n    @Input() ariaLabel: string | undefined;\n    /**\n     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.\n     * @group Props\n     */\n    @Input() ariaLabelledBy: string | undefined;\n    /**\n     * This event is triggered if an error occurs while loading an image file.\n     * @param {Event} event - Browser event.\n     * @group Emits\n     */\n    @Output() onImageError: EventEmitter<Event> = new EventEmitter<Event>();\n\n    containerClass() {\n        return {\n            'cax-avatar cax-component': true,\n            'cax-avatar-image': this.image != null,\n            'cax-avatar-circle': this.shape === 'circle',\n            'cax-avatar-xs': this.avatarSize === 'xs',\n            'cax-avatar-sm': this.avatarSize === 'sm',\n            'cax-avatar-lg': this.avatarSize === 'lg',\n            'cax-avatar-xl': this.avatarSize === 'xl'\n        };\n    }\n\n    imageError(event: Event) {\n        this.onImageError.emit(event);\n    }\n}\n","<div [ngClass]=\"containerClass()\" [class]=\"styleClass\" [ngStyle]=\"style\" [attr.aria-labelledby]=\"ariaLabelledBy\" [attr.aria-label]=\"ariaLabel\" [attr.data-pc-name]=\"'avatar'\">\r\n    <ng-content></ng-content>\r\n    <span class=\"cax-avatar-text\" *ngIf=\"label; else iconTemplate\">{{ label }}</span>\r\n    <ng-template #iconTemplate><span [class]=\"icon\" [ngClass]=\"'cax-avatar-icon'\" *ngIf=\"icon; else imageTemplate\"></span></ng-template>\r\n    <ng-template #imageTemplate><img [src]=\"image\" *ngIf=\"image\" (error)=\"imageError($event)\" [attr.aria-label]=\"ariaLabel\" /></ng-template>\r\n</div>\r\n","import { NgModule } from '@angular/core';\nimport { Avatar } from './avatar';\n\n@NgModule({\n    imports: [Avatar],\n    exports: [Avatar]\n})\nexport class AvatarModule {}\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-avatar.mjs","sources":["../../src/app/components/avatar/avatar.ts","../../src/app/components/avatar/avatar.html","../../src/app/components/avatar/avatar.module.ts","../../src/app/components/avatar/cax-design-system-avatar.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\n/**\n * Avatar represents people using icons, labels and images.\n * @group Components\n */\n@Component({\n    selector: 'cax-avatar',\n    templateUrl: './avatar.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./avatar.scss'],\n    standalone: true,\n    imports: [CommonModule],\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class Avatar {\n    /**\n     * Defines the text to display.\n     * @group Props\n     */\n    @Input() label: string | undefined;\n    /**\n     * Defines the icon to display.\n     * @group Props\n     */\n    @Input() icon: string | undefined;\n    /**\n     * Defines the image to display.\n     * @group Props\n     */\n    @Input() image: string | undefined;\n    /**\n     * Size of the element.\n     * @group Props\n     */\n    @Input() avatarSize: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined = 'md';\n    /**\n     * Shape of the element.\n     * @group Props\n     */\n    @Input() shape: 'square' | 'circle' | undefined = 'square';\n    /**\n     * Inline style of the element.\n     * @group Props\n     */\n    @Input() style: { [klass: string]: any } | null | undefined;\n    /**\n     * Class of the element.\n     * @group Props\n     */\n    @Input() styleClass: string | undefined;\n    /**\n     * Establishes a string value that labels the component.\n     * @group Props\n     */\n    @Input() ariaLabel: string | undefined;\n    /**\n     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.\n     * @group Props\n     */\n    @Input() ariaLabelledBy: string | undefined;\n    /**\n     * This event is triggered if an error occurs while loading an image file.\n     * @param {Event} event - Browser event.\n     * @group Emits\n     */\n    @Output() onImageError: EventEmitter<Event> = new EventEmitter<Event>();\n\n    containerClass() {\n        return {\n            'cax-avatar cax-component': true,\n            'cax-avatar-image': this.image != null,\n            'cax-avatar-circle': this.shape === 'circle',\n            'cax-avatar-xs': this.avatarSize === 'xs',\n            'cax-avatar-sm': this.avatarSize === 'sm',\n            'cax-avatar-lg': this.avatarSize === 'lg',\n            'cax-avatar-xl': this.avatarSize === 'xl'\n        };\n    }\n\n    imageError(event: Event) {\n        this.onImageError.emit(event);\n    }\n}\n","<div [ngClass]=\"containerClass()\" [class]=\"styleClass\" [ngStyle]=\"style\" [attr.aria-labelledby]=\"ariaLabelledBy\" [attr.aria-label]=\"ariaLabel\" [attr.data-pc-name]=\"'avatar'\">\r\n    <ng-content></ng-content>\r\n    <span class=\"cax-avatar-text\" *ngIf=\"label; else iconTemplate\">{{ label }}</span>\r\n    <ng-template #iconTemplate><span [class]=\"icon\" [ngClass]=\"'cax-avatar-icon'\" *ngIf=\"icon; else imageTemplate\"></span></ng-template>\r\n    <ng-template #imageTemplate><img [src]=\"image\" *ngIf=\"image\" (error)=\"imageError($event)\" [attr.aria-label]=\"ariaLabel\" /></ng-template>\r\n</div>\r\n","import { NgModule } from '@angular/core';\nimport { Avatar } from './avatar';\n\n@NgModule({\n    imports: [Avatar],\n    exports: [Avatar]\n})\nexport class AvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;AAEA;;;AAGG;MAaU,MAAM,CAAA;AACf;;;AAGG;AACM,IAAA,KAAK;AACd;;;AAGG;AACM,IAAA,IAAI;AACb;;;AAGG;AACM,IAAA,KAAK;AACd;;;AAGG;IACM,UAAU,GAAiD,IAAI;AACxE;;;AAGG;IACM,KAAK,GAAoC,QAAQ;AAC1D;;;AAGG;AACM,IAAA,KAAK;AACd;;;AAGG;AACM,IAAA,UAAU;AACnB;;;AAGG;AACM,IAAA,SAAS;AAClB;;;AAGG;AACM,IAAA,cAAc;AACvB;;;;AAIG;AACO,IAAA,YAAY,GAAwB,IAAI,YAAY,EAAS;IAEvE,cAAc,GAAA;QACV,OAAO;AACH,YAAA,0BAA0B,EAAE,IAAI;AAChC,YAAA,kBAAkB,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI;AACtC,YAAA,mBAAmB,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ;AAC5C,YAAA,eAAe,EAAE,IAAI,CAAC,UAAU,KAAK,IAAI;AACzC,YAAA,eAAe,EAAE,IAAI,CAAC,UAAU,KAAK,IAAI;AACzC,YAAA,eAAe,EAAE,IAAI,CAAC,UAAU,KAAK,IAAI;AACzC,YAAA,eAAe,EAAE,IAAI,CAAC,UAAU,KAAK;SACxC;;AAGL,IAAA,UAAU,CAAC,KAAY,EAAA;AACnB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;;wGAlExB,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAN,MAAM,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,UAAA,EAAA,YAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,OAAA,EAAA,UAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,aAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClBnB,knBAMA,EAAA,MAAA,EAAA,CAAA,wbAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDOc,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,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,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;4FAKb,MAAM,EAAA,UAAA,EAAA,CAAA;kBAZlB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EAEL,eAAA,EAAA,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,UAAA,EAEzB,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,EACjB,IAAA,EAAA;AACF,wBAAA,KAAK,EAAE;AACV,qBAAA,EAAA,QAAA,EAAA,knBAAA,EAAA,MAAA,EAAA,CAAA,wbAAA,CAAA,EAAA;8BAOQ,KAAK,EAAA,CAAA;sBAAb;gBAKQ,IAAI,EAAA,CAAA;sBAAZ;gBAKQ,KAAK,EAAA,CAAA;sBAAb;gBAKQ,UAAU,EAAA,CAAA;sBAAlB;gBAKQ,KAAK,EAAA,CAAA;sBAAb;gBAKQ,KAAK,EAAA,CAAA;sBAAb;gBAKQ,UAAU,EAAA,CAAA;sBAAlB;gBAKQ,SAAS,EAAA,CAAA;sBAAjB;gBAKQ,cAAc,EAAA,CAAA;sBAAtB;gBAMS,YAAY,EAAA,CAAA;sBAArB;;;ME9DQ,YAAY,CAAA;wGAAZ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;yGAAZ,YAAY,EAAA,OAAA,EAAA,CAHX,MAAM,CAAA,EAAA,OAAA,EAAA,CACN,MAAM,CAAA,EAAA,CAAA;AAEP,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,YAHX,MAAM,CAAA,EAAA,CAAA;;4FAGP,YAAY,EAAA,UAAA,EAAA,CAAA;kBAJxB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,MAAM,CAAC;oBACjB,OAAO,EAAE,CAAC,MAAM;AACnB,iBAAA;;;ACND;;AAEG;;;;"}

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

@@ -19,12 +19,12 @@ class AvatarGroup {
      * @group Props
      */
     style;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AvatarGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: AvatarGroup, selector: "cax-avatarGroup", inputs: { styleClass: "styleClass", style: "style" }, host: { classAttribute: "cax-element" }, ngImport: i0, template: "<div [ngClass]=\"'cax-avatar-group cax-component'\" [class]=\"styleClass\" [ngStyle]=\"style\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: ["@layer cax{.cax-avatar-group cax-avatar+cax-avatar{margin-left:-1rem}.cax-avatar-group{display:flex;align-items:center}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: AvatarGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.16", type: AvatarGroup, isStandalone: false, selector: "cax-avatarGroup", inputs: { styleClass: "styleClass", style: "style" }, host: { classAttribute: "cax-element" }, ngImport: i0, template: "<div [ngClass]=\"'cax-avatar-group cax-component'\" [class]=\"styleClass\" [ngStyle]=\"style\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: ["@layer cax{.cax-avatar-group cax-avatar+cax-avatar{margin-left:-1rem}.cax-avatar-group{display:flex;align-items:center}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AvatarGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: AvatarGroup, decorators: [{
             type: Component,
-            args: [{ selector: 'cax-avatarGroup', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+            args: [{ selector: 'cax-avatarGroup', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, host: {
                         class: 'cax-element'
                     }, template: "<div [ngClass]=\"'cax-avatar-group cax-component'\" [class]=\"styleClass\" [ngStyle]=\"style\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: ["@layer cax{.cax-avatar-group cax-avatar+cax-avatar{margin-left:-1rem}.cax-avatar-group{display:flex;align-items:center}}\n"] }]
         }], propDecorators: { styleClass: [{
@@ -34,11 +34,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
             }] } });
 
 class AvatarGroupModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AvatarGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: AvatarGroupModule, declarations: [AvatarGroup], imports: [CommonModule, AvatarModule], exports: [AvatarGroup, AvatarModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AvatarGroupModule, imports: [CommonModule, AvatarModule, AvatarModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: AvatarGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.16", ngImport: i0, type: AvatarGroupModule, declarations: [AvatarGroup], imports: [CommonModule, AvatarModule], exports: [AvatarGroup, AvatarModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: AvatarGroupModule, imports: [CommonModule, AvatarModule, AvatarModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: AvatarGroupModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: AvatarGroupModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, AvatarModule],

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

@@ -1 +1 @@
-{"version":3,"file":"cax-design-system-avatargroup.mjs","sources":["../../src/app/components/avatargroup/avatargroup.ts","../../src/app/components/avatargroup/avatargroup.html","../../src/app/components/avatargroup/avatargroup.module.ts","../../src/app/components/avatargroup/cax-design-system-avatargroup.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input } from '@angular/core';\n/**\n * AvatarGroup is a helper component for Avatar.\n * @group Components\n */\n@Component({\n    selector: 'cax-avatarGroup',\n    templateUrl: './avatargroup.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./avatargroup.scss'],\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class AvatarGroup {\n    /**\n     * Style class of the component\n     * @group Props\n     */\n    @Input() styleClass: string | undefined;\n    /**\n     * Inline style of the component.\n     * @group Props\n     */\n    @Input() style: { [klass: string]: any } | null | undefined;\n}\n","<div [ngClass]=\"'cax-avatar-group cax-component'\" [class]=\"styleClass\" [ngStyle]=\"style\">\r\n  <ng-content></ng-content>\r\n</div>\r\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AvatarGroup } from './avatargroup';\nimport { AvatarModule } from 'cax-design-system/avatar';\n\n@NgModule({\n    imports: [CommonModule, AvatarModule],\n    exports: [AvatarGroup, AvatarModule],\n    declarations: [AvatarGroup]\n})\nexport class AvatarGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;AACA;;;AAGG;MAWU,WAAW,CAAA;AACpB;;;AAGG;AACM,IAAA,UAAU;AACnB;;;AAGG;AACM,IAAA,KAAK;uGAVL,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,sJCfxB,8IAGA,EAAA,MAAA,EAAA,CAAA,4HAAA,CAAA,EAAA,YAAA,EAAA,CAAA,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,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FDYa,WAAW,EAAA,UAAA,EAAA,CAAA;kBAVvB,SAAS;+BACI,iBAAiB,EAAA,eAAA,EAEV,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAE/B;AACF,wBAAA,KAAK,EAAE;AACV,qBAAA,EAAA,QAAA,EAAA,8IAAA,EAAA,MAAA,EAAA,CAAA,4HAAA,CAAA,EAAA;8BAOQ,UAAU,EAAA,CAAA;sBAAlB;gBAKQ,KAAK,EAAA,CAAA;sBAAb;;;MEfQ,iBAAiB,CAAA;uGAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAAjB,iBAAiB,EAAA,YAAA,EAAA,CAFX,WAAW,CAAA,EAAA,OAAA,EAAA,CAFhB,YAAY,EAAE,YAAY,CAAA,EAAA,OAAA,EAAA,CAC1B,WAAW,EAAE,YAAY,CAAA,EAAA,CAAA;AAG1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,OAAA,EAAA,CAJhB,YAAY,EAAE,YAAY,EACb,YAAY,CAAA,EAAA,CAAA;;2FAG1B,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAL7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;AACrC,oBAAA,OAAO,EAAE,CAAC,WAAW,EAAE,YAAY,CAAC;oBACpC,YAAY,EAAE,CAAC,WAAW;AAC7B,iBAAA;;;ACTD;;AAEG;;;;"}
+{"version":3,"file":"cax-design-system-avatargroup.mjs","sources":["../../src/app/components/avatargroup/avatargroup.ts","../../src/app/components/avatargroup/avatargroup.html","../../src/app/components/avatargroup/avatargroup.module.ts","../../src/app/components/avatargroup/cax-design-system-avatargroup.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input } from '@angular/core';\n/**\n * AvatarGroup is a helper component for Avatar.\n * @group Components\n */\n@Component({\n    selector: 'cax-avatarGroup',\n    templateUrl: './avatargroup.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./avatargroup.scss'],\n    standalone: false,\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class AvatarGroup {\n    /**\n     * Style class of the component\n     * @group Props\n     */\n    @Input() styleClass: string | undefined;\n    /**\n     * Inline style of the component.\n     * @group Props\n     */\n    @Input() style: { [klass: string]: any } | null | undefined;\n}\n","<div [ngClass]=\"'cax-avatar-group cax-component'\" [class]=\"styleClass\" [ngStyle]=\"style\">\r\n  <ng-content></ng-content>\r\n</div>\r\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AvatarGroup } from './avatargroup';\nimport { AvatarModule } from 'cax-design-system/avatar';\n\n@NgModule({\n    imports: [CommonModule, AvatarModule],\n    exports: [AvatarGroup, AvatarModule],\n    declarations: [AvatarGroup]\n})\nexport class AvatarGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;AACA;;;AAGG;MAYU,WAAW,CAAA;AACpB;;;AAGG;AACM,IAAA,UAAU;AACnB;;;AAGG;AACM,IAAA,KAAK;wGAVL,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,WAAW,2KChBxB,8IAGA,EAAA,MAAA,EAAA,CAAA,4HAAA,CAAA,EAAA,YAAA,EAAA,CAAA,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,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;4FDaa,WAAW,EAAA,UAAA,EAAA,CAAA;kBAXvB,SAAS;+BACI,iBAAiB,EAAA,eAAA,EAEV,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAEzB,UAAA,EAAA,KAAK,EACX,IAAA,EAAA;AACF,wBAAA,KAAK,EAAE;AACV,qBAAA,EAAA,QAAA,EAAA,8IAAA,EAAA,MAAA,EAAA,CAAA,4HAAA,CAAA,EAAA;8BAOQ,UAAU,EAAA,CAAA;sBAAlB;gBAKQ,KAAK,EAAA,CAAA;sBAAb;;;MEhBQ,iBAAiB,CAAA;wGAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;yGAAjB,iBAAiB,EAAA,YAAA,EAAA,CAFX,WAAW,CAFhB,EAAA,OAAA,EAAA,CAAA,YAAY,EAAE,YAAY,CAAA,EAAA,OAAA,EAAA,CAC1B,WAAW,EAAE,YAAY,CAAA,EAAA,CAAA;AAG1B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,EAJhB,OAAA,EAAA,CAAA,YAAY,EAAE,YAAY,EACb,YAAY,CAAA,EAAA,CAAA;;4FAG1B,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAL7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;AACrC,oBAAA,OAAO,EAAE,CAAC,WAAW,EAAE,YAAY,CAAC;oBACpC,YAAY,EAAE,CAAC,WAAW;AAC7B,iBAAA;;;ACTD;;AAEG;;;;"}

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

@@ -29,12 +29,12 @@ class Badge {
             [`cax-badge-${this.severity}`]: this.severity
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: Badge, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: Badge, selector: "cax-badge", inputs: { styleClass: "styleClass", style: "style", badgeSize: "badgeSize", severity: "severity", value: "value", badgeDisabled: "badgeDisabled", size: "size" }, host: { classAttribute: "cax-element" }, ngImport: i0, template: "<span\r\n  *ngIf=\"!badgeDisabled\"\r\n  [ngClass]=\"containerClass()\"\r\n  [class]=\"styleClass\"\r\n  [ngStyle]=\"style\"\r\n>\r\n  {{ value }}\r\n</span>\r\n", styles: ["@layer cax{.cax-badge{display:inline-block;border-radius:50px;text-align:center;padding:0 .5rem}.cax-overlay-badge{position:relative}.cax-overlay-badge .cax-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0;margin:0}.cax-badge-dot{width:.5rem;min-width:.5rem;height:.5rem;border-radius:50%;padding:0}.cax-badge-no-gutter{padding:0;border-radius:50%}.cax-badge-button-wrapper{position:relative;display:inline-flex}.cax-badge-button-wrapper .cax-badge{position:absolute;top:-8px;right:-8px;transform:none;min-width:20px;height:20px;line-height:20px;font-size:12px;z-index:1}.cax-button-badge{position:relative!important}.cax-button-badge .cax-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);z-index:1;min-width:1.5rem;height:1.5rem;line-height:1.5rem;font-size:.75rem}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: Badge, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.16", type: Badge, isStandalone: false, selector: "cax-badge", inputs: { styleClass: "styleClass", style: "style", badgeSize: "badgeSize", severity: "severity", value: "value", badgeDisabled: "badgeDisabled", size: "size" }, host: { classAttribute: "cax-element" }, ngImport: i0, template: "<span\r\n  *ngIf=\"!badgeDisabled\"\r\n  [ngClass]=\"containerClass()\"\r\n  [class]=\"styleClass\"\r\n  [ngStyle]=\"style\"\r\n>\r\n  {{ value }}\r\n</span>\r\n", styles: ["@layer cax{.cax-badge{display:inline-block;border-radius:50px;text-align:center;padding:0 .5rem}.cax-overlay-badge{position:relative}.cax-overlay-badge .cax-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0;margin:0}.cax-badge-dot{width:.5rem;min-width:.5rem;height:.5rem;border-radius:50%;padding:0}.cax-badge-no-gutter{padding:0;border-radius:50%}.cax-badge-button-wrapper{position:relative;display:inline-flex}.cax-badge-button-wrapper .cax-badge{position:absolute;top:-8px;right:-8px;transform:none;min-width:20px;height:20px;line-height:20px;font-size:12px;z-index:1}.cax-button-badge{position:relative!important}.cax-button-badge .cax-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);z-index:1;min-width:1.5rem;height:1.5rem;line-height:1.5rem;font-size:.75rem}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: Badge, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: Badge, decorators: [{
             type: Component,
-            args: [{ selector: 'cax-badge', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+            args: [{ selector: 'cax-badge', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, host: {
                         class: 'cax-element'
                     }, template: "<span\r\n  *ngIf=\"!badgeDisabled\"\r\n  [ngClass]=\"containerClass()\"\r\n  [class]=\"styleClass\"\r\n  [ngStyle]=\"style\"\r\n>\r\n  {{ value }}\r\n</span>\r\n", styles: ["@layer cax{.cax-badge{display:inline-block;border-radius:50px;text-align:center;padding:0 .5rem}.cax-overlay-badge{position:relative}.cax-overlay-badge .cax-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0;margin:0}.cax-badge-dot{width:.5rem;min-width:.5rem;height:.5rem;border-radius:50%;padding:0}.cax-badge-no-gutter{padding:0;border-radius:50%}.cax-badge-button-wrapper{position:relative;display:inline-flex}.cax-badge-button-wrapper .cax-badge{position:absolute;top:-8px;right:-8px;transform:none;min-width:20px;height:20px;line-height:20px;font-size:12px;z-index:1}.cax-button-badge{position:relative!important}.cax-button-badge .cax-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);z-index:1;min-width:1.5rem;height:1.5rem;line-height:1.5rem;font-size:.75rem}}\n"] }]
         }], propDecorators: { styleClass: [{
@@ -206,13 +206,14 @@ class BadgeDirective {
             this.renderBadgeContent();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BadgeDirective, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.9", type: BadgeDirective, selector: "[caxBadge]", inputs: { disabled: ["badgeDisabled", "disabled"], badgeSize: "badgeSize", size: "size", caxBadge: "caxBadge", value: "value", badgeSeverity: "badgeSeverity", severity: "severity", badgeStyle: "badgeStyle", badgeStyleClass: "badgeStyleClass" }, host: { classAttribute: "cax-element" }, usesOnChanges: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: BadgeDirective, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.16", type: BadgeDirective, isStandalone: false, selector: "[caxBadge]", inputs: { disabled: ["badgeDisabled", "disabled"], badgeSize: "badgeSize", size: "size", caxBadge: "caxBadge", value: "value", badgeSeverity: "badgeSeverity", severity: "severity", badgeStyle: "badgeStyle", badgeStyleClass: "badgeStyleClass" }, host: { classAttribute: "cax-element" }, usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BadgeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: BadgeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[caxBadge]',
+                    standalone: false,
                     host: {
                         class: 'cax-element'
                     }
@@ -242,11 +243,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
             }] } });
 
 class BadgeModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: BadgeModule, declarations: [Badge, BadgeDirective], imports: [CommonModule, SharedModule], exports: [Badge, BadgeDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BadgeModule, imports: [CommonModule, SharedModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: BadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.16", ngImport: i0, type: BadgeModule, declarations: [Badge, BadgeDirective], imports: [CommonModule, SharedModule], exports: [Badge, BadgeDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: BadgeModule, imports: [CommonModule, SharedModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BadgeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: BadgeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, SharedModule],

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

@@ -1 +1 @@
-{"version":3,"file":"cax-design-system-badge.mjs","sources":["../../src/app/components/badge/badge.ts","../../src/app/components/badge/badge.html","../../src/app/components/badge/badge.directive.ts","../../src/app/components/badge/badge.module.ts","../../src/app/components/badge/cax-design-system-badge.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n    selector: 'cax-badge',\n    templateUrl: './badge.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./badge.scss'],\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class Badge {\n    @Input() styleClass: string | undefined;\n    @Input() style: { [klass: string]: any } | null | undefined;\n    @Input() badgeSize: 'xs' | 'sm' | 'md' | 'lg' = 'md';\n    @Input() severity: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' = 'primary';\n    @Input() value: string | number | null | undefined;\n    @Input() badgeDisabled: boolean = false;\n\n    @Input() public set size(value: 'xs' | 'sm' | 'md' | 'lg') {\n        this._size = value;\n        console.warn('size property is deprecated and will removed in v18, use badgeSize instead.');\n    }\n    get size() {\n        return this._size;\n    }\n    private _size: 'xs' | 'sm' | 'md' | 'lg' = 'md';\n\n    containerClass() {\n        return {\n            'cax-badge cax-component': true,\n            'cax-badge-no-gutter': this.value != undefined && String(this.value).length === 1,\n            [`cax-badge-${this.badgeSize}`]: this.badgeSize,\n            [`cax-badge-${this.severity}`]: this.severity\n        };\n    }\n}\n","<span\r\n  *ngIf=\"!badgeDisabled\"\r\n  [ngClass]=\"containerClass()\"\r\n  [class]=\"styleClass\"\r\n  [ngStyle]=\"style\"\r\n>\r\n  {{ value }}\r\n</span>\r\n","import { AfterViewInit, Directive, ElementRef, Inject, Input, OnChanges, Renderer2, SimpleChanges } from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\nimport { DomHandler } from 'cax-design-system/dom';\nimport { UniqueComponentId } from 'cax-design-system/utils';\n\n@Directive({\n    selector: '[caxBadge]',\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class BadgeDirective implements OnChanges, AfterViewInit {\n    @Input('badgeDisabled') public disabled: boolean;\n    @Input() public badgeSize: 'xs' | 'sm' | 'md' | 'lg' | undefined;\n    @Input() public set size(value: 'xs' | 'sm' | 'md' | 'lg') {\n        this._size = value;\n        console.warn('size property is deprecated and will removed in v18, use badgeSize instead.');\n    }\n    get size() {\n        return this._size;\n    }\n    private _size: 'xs' | 'sm' | 'md' | 'lg' | undefined;\n    @Input() public set caxBadge(val: string | number) {\n        this.value = val;\n    }\n    @Input() public value: string | number;\n    @Input() public badgeSeverity: string;\n    @Input() public severity: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' = 'primary';\n    @Input() badgeStyle: { [klass: string]: any } | null | undefined;\n    @Input() badgeStyleClass: string;\n\n    private id!: string;\n    badgeEl: HTMLElement;\n\n    private get activeElement(): HTMLElement {\n        const element = this.el.nativeElement;\n        if (element.tagName.toLowerCase() === 'cax-button') {\n            DomHandler.addClass(element, 'cax-button-badge');\n            return element;\n        }\n        return element.nodeName.indexOf('-') !== -1 ? element.firstChild : element;\n    }\n\n    private get canUpdateBadge(): boolean {\n        return this.id && !this.disabled;\n    }\n\n    constructor(\n        @Inject(DOCUMENT) private document: Document,\n        public el: ElementRef,\n        private renderer: Renderer2\n    ) {}\n\n    public ngOnChanges(changes: SimpleChanges): void {\n        if (changes.disabled || changes.badgeDisabled) {\n            this.toggleDisableState();\n        }\n        if (!this.canUpdateBadge) {\n            return;\n        }\n        if (changes.severity) {\n            this.setSeverity(changes.severity.previousValue);\n        }\n        if (changes.size || changes.badgeSize) {\n            this.setSizeClasses();\n        }\n        if (changes.value) {\n            this.setValue();\n        }\n        if (changes.badgeStyle || changes.badgeStyleClass) {\n            this.applyStyles();\n        }\n    }\n\n    public ngAfterViewInit(): void {\n        this.id = UniqueComponentId() + '_badge';\n        this.renderBadgeContent();\n    }\n\n    private setValue(element?: HTMLElement): void {\n        const badge = element ?? this.document.getElementById(this.id);\n\n        if (!badge) {\n            return;\n        }\n\n        if (this.value != null) {\n            if (DomHandler.hasClass(badge, 'cax-badge-dot')) {\n                DomHandler.removeClass(badge, 'cax-badge-dot');\n            }\n\n            if (this.value && String(this.value).length === 1) {\n                DomHandler.addClass(badge, 'cax-badge-no-gutter');\n            } else {\n                DomHandler.removeClass(badge, 'cax-badge-no-gutter');\n            }\n        } else {\n            if (!DomHandler.hasClass(badge, 'cax-badge-dot')) {\n                DomHandler.addClass(badge, 'cax-badge-dot');\n            }\n\n            DomHandler.removeClass(badge, 'cax-badge-no-gutter');\n        }\n\n        badge.innerHTML = '';\n        const badgeValue = this.value != null ? String(this.value) : '';\n        this.renderer.appendChild(badge, this.document.createTextNode(badgeValue));\n    }\n\n    private setSizeClasses(element?: HTMLElement): void {\n        const badge = element ?? this.document.getElementById(this.id);\n\n        if (!badge) {\n            return;\n        }\n        // Remove any existing size classes\n        ['xs', 'sm', 'md', 'lg'].forEach((s) => DomHandler.removeClass(badge, `cax-badge-${s}`));\n        const sizeToUse = this.badgeSize || this.size;\n        if (sizeToUse) {\n            DomHandler.addClass(badge, `cax-badge-${sizeToUse}`);\n        }\n    }\n\n    private renderBadgeContent(): void {\n        if (this.disabled) {\n            return;\n        }\n\n        const el = this.activeElement;\n        const badge = this.document.createElement('span');\n        badge.id = this.id;\n        badge.className = 'cax-badge cax-component';\n\n        this.setSeverity(null, badge);\n        this.setSizeClasses(badge);\n        this.setValue(badge);\n        DomHandler.addClass(el, 'cax-overlay-badge');\n        this.renderer.appendChild(el, badge);\n        this.badgeEl = badge;\n        this.applyStyles();\n    }\n\n    private applyStyles(): void {\n        if (this.badgeEl && this.badgeStyle && typeof this.badgeStyle === 'object') {\n            for (const [key, value] of Object.entries(this.badgeStyle)) {\n                this.renderer.setStyle(this.badgeEl, key, value);\n            }\n        }\n        if (this.badgeEl && this.badgeStyleClass) {\n            this.badgeEl.classList.add(...this.badgeStyleClass.split(' '));\n        }\n    }\n\n    private setSeverity(oldSeverity?: string, element?: HTMLElement): void {\n        const badge = element ?? this.document.getElementById(this.id);\n\n        if (!badge) {\n            return;\n        }\n\n        if (oldSeverity) {\n            DomHandler.removeClass(badge, `cax-badge-${oldSeverity}`);\n        }\n\n        const severityToUse = this.badgeSeverity || this.severity || 'primary';\n        DomHandler.addClass(badge, `cax-badge-${severityToUse}`);\n    }\n\n    private toggleDisableState(): void {\n        if (!this.id) {\n            return;\n        }\n\n        if (this.disabled) {\n            const badge = this.activeElement?.querySelector(`#${this.id}`);\n\n            if (badge) {\n                this.renderer.removeChild(this.activeElement, badge);\n            }\n        } else {\n            this.renderBadgeContent();\n        }\n    }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { Badge } from './badge';\nimport { BadgeDirective } from './badge.directive';\nimport { SharedModule } from 'cax-design-system/api';\n\n@NgModule({\n    imports: [CommonModule, SharedModule],\n    exports: [Badge, BadgeDirective],\n    declarations: [Badge, BadgeDirective]\n})\nexport class BadgeModule {}\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-badge.mjs","sources":["../../src/app/components/badge/badge.ts","../../src/app/components/badge/badge.html","../../src/app/components/badge/badge.directive.ts","../../src/app/components/badge/badge.module.ts","../../src/app/components/badge/cax-design-system-badge.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n    selector: 'cax-badge',\n    templateUrl: './badge.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./badge.scss'],\n    standalone: false,\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class Badge {\n    @Input() styleClass: string | undefined;\n    @Input() style: { [klass: string]: any } | null | undefined;\n    @Input() badgeSize: 'xs' | 'sm' | 'md' | 'lg' = 'md';\n    @Input() severity: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' = 'primary';\n    @Input() value: string | number | null | undefined;\n    @Input() badgeDisabled: boolean = false;\n\n    @Input() public set size(value: 'xs' | 'sm' | 'md' | 'lg') {\n        this._size = value;\n        console.warn('size property is deprecated and will removed in v18, use badgeSize instead.');\n    }\n    get size() {\n        return this._size;\n    }\n    private _size: 'xs' | 'sm' | 'md' | 'lg' = 'md';\n\n    containerClass() {\n        return {\n            'cax-badge cax-component': true,\n            'cax-badge-no-gutter': this.value != undefined && String(this.value).length === 1,\n            [`cax-badge-${this.badgeSize}`]: this.badgeSize,\n            [`cax-badge-${this.severity}`]: this.severity\n        };\n    }\n}\n","<span\r\n  *ngIf=\"!badgeDisabled\"\r\n  [ngClass]=\"containerClass()\"\r\n  [class]=\"styleClass\"\r\n  [ngStyle]=\"style\"\r\n>\r\n  {{ value }}\r\n</span>\r\n","import { AfterViewInit, Directive, ElementRef, Inject, Input, OnChanges, Renderer2, SimpleChanges } from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\nimport { DomHandler } from 'cax-design-system/dom';\nimport { UniqueComponentId } from 'cax-design-system/utils';\n\n@Directive({\n    selector: '[caxBadge]',\n    standalone: false,\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class BadgeDirective implements OnChanges, AfterViewInit {\n    @Input('badgeDisabled') public disabled: boolean;\n    @Input() public badgeSize: 'xs' | 'sm' | 'md' | 'lg' | undefined;\n    @Input() public set size(value: 'xs' | 'sm' | 'md' | 'lg') {\n        this._size = value;\n        console.warn('size property is deprecated and will removed in v18, use badgeSize instead.');\n    }\n    get size() {\n        return this._size;\n    }\n    private _size: 'xs' | 'sm' | 'md' | 'lg' | undefined;\n    @Input() public set caxBadge(val: string | number) {\n        this.value = val;\n    }\n    @Input() public value: string | number;\n    @Input() public badgeSeverity: string;\n    @Input() public severity: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' = 'primary';\n    @Input() badgeStyle: { [klass: string]: any } | null | undefined;\n    @Input() badgeStyleClass: string;\n\n    private id!: string;\n    badgeEl: HTMLElement;\n\n    private get activeElement(): HTMLElement {\n        const element = this.el.nativeElement;\n        if (element.tagName.toLowerCase() === 'cax-button') {\n            DomHandler.addClass(element, 'cax-button-badge');\n            return element;\n        }\n        return element.nodeName.indexOf('-') !== -1 ? element.firstChild : element;\n    }\n\n    private get canUpdateBadge(): boolean {\n        return this.id && !this.disabled;\n    }\n\n    constructor(\n        @Inject(DOCUMENT) private document: Document,\n        public el: ElementRef,\n        private renderer: Renderer2\n    ) {}\n\n    public ngOnChanges(changes: SimpleChanges): void {\n        if (changes.disabled || changes.badgeDisabled) {\n            this.toggleDisableState();\n        }\n        if (!this.canUpdateBadge) {\n            return;\n        }\n        if (changes.severity) {\n            this.setSeverity(changes.severity.previousValue);\n        }\n        if (changes.size || changes.badgeSize) {\n            this.setSizeClasses();\n        }\n        if (changes.value) {\n            this.setValue();\n        }\n        if (changes.badgeStyle || changes.badgeStyleClass) {\n            this.applyStyles();\n        }\n    }\n\n    public ngAfterViewInit(): void {\n        this.id = UniqueComponentId() + '_badge';\n        this.renderBadgeContent();\n    }\n\n    private setValue(element?: HTMLElement): void {\n        const badge = element ?? this.document.getElementById(this.id);\n\n        if (!badge) {\n            return;\n        }\n\n        if (this.value != null) {\n            if (DomHandler.hasClass(badge, 'cax-badge-dot')) {\n                DomHandler.removeClass(badge, 'cax-badge-dot');\n            }\n\n            if (this.value && String(this.value).length === 1) {\n                DomHandler.addClass(badge, 'cax-badge-no-gutter');\n            } else {\n                DomHandler.removeClass(badge, 'cax-badge-no-gutter');\n            }\n        } else {\n            if (!DomHandler.hasClass(badge, 'cax-badge-dot')) {\n                DomHandler.addClass(badge, 'cax-badge-dot');\n            }\n\n            DomHandler.removeClass(badge, 'cax-badge-no-gutter');\n        }\n\n        badge.innerHTML = '';\n        const badgeValue = this.value != null ? String(this.value) : '';\n        this.renderer.appendChild(badge, this.document.createTextNode(badgeValue));\n    }\n\n    private setSizeClasses(element?: HTMLElement): void {\n        const badge = element ?? this.document.getElementById(this.id);\n\n        if (!badge) {\n            return;\n        }\n        // Remove any existing size classes\n        ['xs', 'sm', 'md', 'lg'].forEach((s) => DomHandler.removeClass(badge, `cax-badge-${s}`));\n        const sizeToUse = this.badgeSize || this.size;\n        if (sizeToUse) {\n            DomHandler.addClass(badge, `cax-badge-${sizeToUse}`);\n        }\n    }\n\n    private renderBadgeContent(): void {\n        if (this.disabled) {\n            return;\n        }\n\n        const el = this.activeElement;\n        const badge = this.document.createElement('span');\n        badge.id = this.id;\n        badge.className = 'cax-badge cax-component';\n\n        this.setSeverity(null, badge);\n        this.setSizeClasses(badge);\n        this.setValue(badge);\n        DomHandler.addClass(el, 'cax-overlay-badge');\n        this.renderer.appendChild(el, badge);\n        this.badgeEl = badge;\n        this.applyStyles();\n    }\n\n    private applyStyles(): void {\n        if (this.badgeEl && this.badgeStyle && typeof this.badgeStyle === 'object') {\n            for (const [key, value] of Object.entries(this.badgeStyle)) {\n                this.renderer.setStyle(this.badgeEl, key, value);\n            }\n        }\n        if (this.badgeEl && this.badgeStyleClass) {\n            this.badgeEl.classList.add(...this.badgeStyleClass.split(' '));\n        }\n    }\n\n    private setSeverity(oldSeverity?: string, element?: HTMLElement): void {\n        const badge = element ?? this.document.getElementById(this.id);\n\n        if (!badge) {\n            return;\n        }\n\n        if (oldSeverity) {\n            DomHandler.removeClass(badge, `cax-badge-${oldSeverity}`);\n        }\n\n        const severityToUse = this.badgeSeverity || this.severity || 'primary';\n        DomHandler.addClass(badge, `cax-badge-${severityToUse}`);\n    }\n\n    private toggleDisableState(): void {\n        if (!this.id) {\n            return;\n        }\n\n        if (this.disabled) {\n            const badge = this.activeElement?.querySelector(`#${this.id}`);\n\n            if (badge) {\n                this.renderer.removeChild(this.activeElement, badge);\n            }\n        } else {\n            this.renderBadgeContent();\n        }\n    }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { Badge } from './badge';\nimport { BadgeDirective } from './badge.directive';\nimport { SharedModule } from 'cax-design-system/api';\n\n@NgModule({\n    imports: [CommonModule, SharedModule],\n    exports: [Badge, BadgeDirective],\n    declarations: [Badge, BadgeDirective]\n})\nexport class BadgeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

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

@@ -21,10 +21,10 @@ class BaseIcon {
     getClassNames() {
         return `cax-icon ${this.styleClass ? this.styleClass + ' ' : ''}${this.spin ? 'cax-icon-spin' : ''}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BaseIcon, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: BaseIcon, isStandalone: true, selector: "ng-component", inputs: { label: "label", spin: ["spin", "spin", booleanAttribute], styleClass: "styleClass" }, host: { classAttribute: "cax-element cax-icon-wrapper" }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: BaseIcon, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.16", type: BaseIcon, isStandalone: true, selector: "ng-component", inputs: { label: "label", spin: ["spin", "spin", booleanAttribute], styleClass: "styleClass" }, host: { classAttribute: "cax-element cax-icon-wrapper" }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BaseIcon, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: BaseIcon, decorators: [{
             type: Component,
             args: [{
                     template: ` <ng-content></ng-content> `,

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

@@ -1 +1 @@
-{"version":3,"file":"cax-design-system-baseicon.mjs","sources":["../../src/app/components/baseicon/baseicon.ts","../../src/app/components/baseicon/cax-design-system-baseicon.ts"],"sourcesContent":["import { Component, Input, ChangeDetectionStrategy, ViewEncapsulation, booleanAttribute } from '@angular/core';\nimport { ObjectUtils } from 'cax-design-system/utils';\n\n@Component({\n    template: ` <ng-content></ng-content> `,\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'cax-element cax-icon-wrapper'\n    }\n})\nexport class BaseIcon {\n    @Input() label: string;\n\n    @Input({ transform: booleanAttribute }) spin: boolean = false;\n\n    @Input() styleClass: string;\n\n    role: string;\n\n    ariaLabel: string;\n\n    ariaHidden: boolean;\n\n    ngOnInit() {\n        this.getAttributes();\n    }\n\n    getAttributes() {\n        const isLabelEmpty = ObjectUtils.isEmpty(this.label);\n        this.role = !isLabelEmpty ? 'img' : undefined;\n        this.ariaLabel = !isLabelEmpty ? this.label : undefined;\n        this.ariaHidden = isLabelEmpty;\n    }\n\n    getClassNames() {\n        return `cax-icon ${this.styleClass ? this.styleClass + ' ' : ''}${this.spin ? 'cax-icon-spin' : ''}`;\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;MAYa,QAAQ,CAAA;AACR,IAAA,KAAK;IAE0B,IAAI,GAAY,KAAK;AAEpD,IAAA,UAAU;AAEnB,IAAA,IAAI;AAEJ,IAAA,SAAS;AAET,IAAA,UAAU;IAEV,QAAQ,GAAA;QACJ,IAAI,CAAC,aAAa,EAAE;IACxB;IAEA,aAAa,GAAA;QACT,MAAM,YAAY,GAAG,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;AACpD,QAAA,IAAI,CAAC,IAAI,GAAG,CAAC,YAAY,GAAG,KAAK,GAAG,SAAS;AAC7C,QAAA,IAAI,CAAC,SAAS,GAAG,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,GAAG,SAAS;AACvD,QAAA,IAAI,CAAC,UAAU,GAAG,YAAY;IAClC;IAEA,aAAa,GAAA;AACT,QAAA,OAAO,CAAA,SAAA,EAAY,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,GAAG,GAAG,GAAG,EAAE,CAAA,EAAG,IAAI,CAAC,IAAI,GAAG,eAAe,GAAG,EAAE,EAAE;IACxG;uGA1BS,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAR,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAGG,gBAAgB,CAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,8BAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAX1B,CAAA,2BAAA,CAA6B,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAQ9B,QAAQ,EAAA,UAAA,EAAA,CAAA;kBATpB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,CAAA,2BAAA,CAA6B;AACvC,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACrC,oBAAA,IAAI,EAAE;AACF,wBAAA,KAAK,EAAE;AACV;AACJ,iBAAA;8BAEY,KAAK,EAAA,CAAA;sBAAb;gBAEuC,IAAI,EAAA,CAAA;sBAA3C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAE7B,UAAU,EAAA,CAAA;sBAAlB;;;ACjBL;;AAEG;;;;"}
+{"version":3,"file":"cax-design-system-baseicon.mjs","sources":["../../src/app/components/baseicon/baseicon.ts","../../src/app/components/baseicon/cax-design-system-baseicon.ts"],"sourcesContent":["import { Component, Input, ChangeDetectionStrategy, ViewEncapsulation, booleanAttribute } from '@angular/core';\nimport { ObjectUtils } from 'cax-design-system/utils';\n\n@Component({\n    template: ` <ng-content></ng-content> `,\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'cax-element cax-icon-wrapper'\n    }\n})\nexport class BaseIcon {\n    @Input() label: string;\n\n    @Input({ transform: booleanAttribute }) spin: boolean = false;\n\n    @Input() styleClass: string;\n\n    role: string;\n\n    ariaLabel: string;\n\n    ariaHidden: boolean;\n\n    ngOnInit() {\n        this.getAttributes();\n    }\n\n    getAttributes() {\n        const isLabelEmpty = ObjectUtils.isEmpty(this.label);\n        this.role = !isLabelEmpty ? 'img' : undefined;\n        this.ariaLabel = !isLabelEmpty ? this.label : undefined;\n        this.ariaHidden = isLabelEmpty;\n    }\n\n    getClassNames() {\n        return `cax-icon ${this.styleClass ? this.styleClass + ' ' : ''}${this.spin ? 'cax-icon-spin' : ''}`;\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;MAYa,QAAQ,CAAA;AACR,IAAA,KAAK;IAE0B,IAAI,GAAY,KAAK;AAEpD,IAAA,UAAU;AAEnB,IAAA,IAAI;AAEJ,IAAA,SAAS;AAET,IAAA,UAAU;IAEV,QAAQ,GAAA;QACJ,IAAI,CAAC,aAAa,EAAE;;IAGxB,aAAa,GAAA;QACT,MAAM,YAAY,GAAG,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;AACpD,QAAA,IAAI,CAAC,IAAI,GAAG,CAAC,YAAY,GAAG,KAAK,GAAG,SAAS;AAC7C,QAAA,IAAI,CAAC,SAAS,GAAG,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,GAAG,SAAS;AACvD,QAAA,IAAI,CAAC,UAAU,GAAG,YAAY;;IAGlC,aAAa,GAAA;AACT,QAAA,OAAO,CAAY,SAAA,EAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,GAAG,GAAG,GAAG,EAAE,CAAG,EAAA,IAAI,CAAC,IAAI,GAAG,eAAe,GAAG,EAAE,EAAE;;wGAzB/F,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAR,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAGG,gBAAgB,CAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,8BAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAX1B,CAA6B,2BAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;4FAQ9B,QAAQ,EAAA,UAAA,EAAA,CAAA;kBATpB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,CAA6B,2BAAA,CAAA;AACvC,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACrC,oBAAA,IAAI,EAAE;AACF,wBAAA,KAAK,EAAE;AACV;AACJ,iBAAA;8BAEY,KAAK,EAAA,CAAA;sBAAb;gBAEuC,IAAI,EAAA,CAAA;sBAA3C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAE7B,UAAU,EAAA,CAAA;sBAAlB;;;ACjBL;;AAEG;;;;"}

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

@@ -132,8 +132,8 @@ class BlockUI {
         this.unblock();
         this.destroyModal();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BlockUI, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.caxConfig }, { token: i0.Renderer2 }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: BlockUI, selector: "p-blockUI", inputs: { target: "target", autoZIndex: ["autoZIndex", "autoZIndex", booleanAttribute], baseZIndex: ["baseZIndex", "baseZIndex", numberAttribute], styleClass: "styleClass", blocked: "blocked" }, host: { classAttribute: "cax-element" }, queries: [{ propertyName: "templates", predicate: CaxTemplate }], viewQueries: [{ propertyName: "mask", first: true, predicate: ["mask"], descendants: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: BlockUI, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.caxConfig }, { token: i0.Renderer2 }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.16", type: BlockUI, isStandalone: false, selector: "p-blockUI", inputs: { target: "target", autoZIndex: ["autoZIndex", "autoZIndex", booleanAttribute], baseZIndex: ["baseZIndex", "baseZIndex", numberAttribute], styleClass: "styleClass", blocked: "blocked" }, host: { classAttribute: "cax-element" }, queries: [{ propertyName: "templates", predicate: CaxTemplate }], viewQueries: [{ propertyName: "mask", first: true, predicate: ["mask"], descendants: true }], ngImport: i0, template: `
         <div
             #mask
             [class]="styleClass"
@@ -148,7 +148,7 @@ class BlockUI {
         </div>
     `, isInline: true, styles: ["@layer cax{.p-blockui{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;transition-property:background-color;display:flex;align-items:center;justify-content:center}.p-blockui.p-component-overlay{position:absolute}.p-blockui-document.p-component-overlay{position:fixed}.p-blockui-leave.p-component-overlay{background-color:transparent}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BlockUI, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: BlockUI, decorators: [{
             type: Component,
             args: [{ selector: 'p-blockUI', template: `
         <div
@@ -163,7 +163,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
             <ng-content></ng-content>
             <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
         </div>
-    `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+    `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, host: {
                         class: 'cax-element'
                     }, styles: ["@layer cax{.p-blockui{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;transition-property:background-color;display:flex;align-items:center;justify-content:center}.p-blockui.p-component-overlay{position:absolute}.p-blockui-document.p-component-overlay{position:fixed}.p-blockui-leave.p-component-overlay{background-color:transparent}}\n"] }]
         }], ctorParameters: () => [{ type: Document, decorators: [{
@@ -192,11 +192,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                 args: ['mask']
             }] } });
 class BlockUIModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BlockUIModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: BlockUIModule, declarations: [BlockUI], imports: [CommonModule], exports: [BlockUI] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BlockUIModule, imports: [CommonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: BlockUIModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.16", ngImport: i0, type: BlockUIModule, declarations: [BlockUI], imports: [CommonModule], exports: [BlockUI] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: BlockUIModule, imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BlockUIModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: BlockUIModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

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

@@ -1 +1 @@
-{"version":3,"file":"cax-design-system-blockui.mjs","sources":["../../src/app/components/blockui/blockui.ts","../../src/app/components/blockui/cax-design-system-blockui.ts"],"sourcesContent":["import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChildren,\n    ElementRef,\n    Inject,\n    Input,\n    NgModule,\n    OnDestroy,\n    PLATFORM_ID,\n    QueryList,\n    Renderer2,\n    TemplateRef,\n    ViewChild,\n    ViewEncapsulation,\n    booleanAttribute,\n    numberAttribute\n} from '@angular/core';\nimport { caxConfig, CaxTemplate } from 'cax-design-system/api';\nimport { DomHandler } from 'cax-design-system/dom';\nimport { ZIndexUtils } from 'cax-design-system/utils';\n/**\n * BlockUI can either block other components or the whole page.\n * @group Components\n */\n@Component({\n    selector: 'p-blockUI',\n    template: `\n        <div\n            #mask\n            [class]=\"styleClass\"\n            [attr.aria-busy]=\"blocked\"\n            [ngClass]=\"{ 'p-blockui-document': !target, 'p-blockui p-component-overlay p-component-overlay-enter': true }\"\n            [ngStyle]=\"{ display: 'none' }\"\n            [attr.data-pc-name]=\"'blockui'\"\n            [attr.data-pc-section]=\"'root'\"\n        >\n            <ng-content></ng-content>\n            <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n        </div>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./blockui.css'],\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class BlockUI implements AfterViewInit, OnDestroy {\n    /**\n     * Name of the local ng-template variable referring to another component.\n     * @group Props\n     */\n    @Input() target: any;\n    /**\n     * Whether to automatically manage layering.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) autoZIndex: boolean = true;\n    /**\n     * Base zIndex value to use in layering.\n     * @group Props\n     */\n    @Input({ transform: numberAttribute }) baseZIndex: number = 0;\n    /**\n     * Class of the element.\n     * @group Props\n     */\n    @Input() styleClass: string | undefined;\n    /**\n     * Current blocked state as a boolean.\n     * @group Props\n     */\n    @Input() get blocked(): boolean {\n        return this._blocked;\n    }\n    set blocked(val: boolean) {\n        if (this.mask && this.mask.nativeElement) {\n            if (val) this.block();\n            else this.unblock();\n        } else {\n            this._blocked = val;\n        }\n    }\n\n    @ContentChildren(CaxTemplate) templates: QueryList<CaxTemplate> | undefined;\n\n    @ViewChild('mask') mask: ElementRef | undefined;\n\n    _blocked: boolean = false;\n\n    animationEndListener: VoidFunction | null | undefined;\n\n    contentTemplate: TemplateRef<any> | undefined;\n\n    constructor(\n        @Inject(DOCUMENT) private document: Document,\n        public el: ElementRef,\n        public cd: ChangeDetectorRef,\n        public config: caxConfig,\n        private renderer: Renderer2,\n        @Inject(PLATFORM_ID) public platformId: any\n    ) {}\n\n    ngAfterViewInit() {\n        if (this._blocked) this.block();\n\n        if (this.target && !this.target.getBlockableElement) {\n            throw 'Target of BlockUI must implement BlockableUI interface';\n        }\n    }\n\n    ngAfterContentInit() {\n        (this.templates as QueryList<CaxTemplate>).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\n    block() {\n        if (isPlatformBrowser(this.platformId)) {\n            this._blocked = true;\n            (this.mask as ElementRef).nativeElement.style.display = 'flex';\n\n            if (this.target) {\n                this.target.getBlockableElement().appendChild((this.mask as ElementRef).nativeElement);\n                this.target.getBlockableElement().style.position = 'relative';\n            } else {\n                this.renderer.appendChild(this.document.body, (this.mask as ElementRef).nativeElement);\n                DomHandler.blockBodyScroll();\n            }\n\n            if (this.autoZIndex) {\n                ZIndexUtils.set('modal', (this.mask as ElementRef).nativeElement, this.baseZIndex + this.config.zIndex.modal);\n            }\n        }\n    }\n\n    unblock() {\n        if (isPlatformBrowser(this.platformId) && this.mask && !this.animationEndListener) {\n            this.animationEndListener = this.renderer.listen(this.mask.nativeElement, 'animationend', this.destroyModal.bind(this));\n            DomHandler.addClass(this.mask.nativeElement, 'p-component-overlay-leave');\n        }\n    }\n\n    destroyModal() {\n        this._blocked = false;\n        if (this.mask && isPlatformBrowser(this.platformId)) {\n            ZIndexUtils.clear(this.mask.nativeElement);\n            DomHandler.removeClass(this.mask.nativeElement, 'p-component-overlay-leave');\n            this.renderer.removeChild(this.el.nativeElement, this.mask.nativeElement);\n            DomHandler.unblockBodyScroll();\n        }\n        this.unbindAnimationEndListener();\n        this.cd.markForCheck();\n    }\n\n    unbindAnimationEndListener() {\n        if (this.animationEndListener && this.mask) {\n            this.animationEndListener();\n            this.animationEndListener = null;\n        }\n    }\n\n    ngOnDestroy() {\n        this.unblock();\n        this.destroyModal();\n    }\n}\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [BlockUI],\n    declarations: [BlockUI]\n})\nexport class BlockUIModule {}\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-blockui.mjs","sources":["../../src/app/components/blockui/blockui.ts","../../src/app/components/blockui/cax-design-system-blockui.ts"],"sourcesContent":["import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChildren,\n    ElementRef,\n    Inject,\n    Input,\n    NgModule,\n    OnDestroy,\n    PLATFORM_ID,\n    QueryList,\n    Renderer2,\n    TemplateRef,\n    ViewChild,\n    ViewEncapsulation,\n    booleanAttribute,\n    numberAttribute\n} from '@angular/core';\nimport { caxConfig, CaxTemplate } from 'cax-design-system/api';\nimport { DomHandler } from 'cax-design-system/dom';\nimport { ZIndexUtils } from 'cax-design-system/utils';\n/**\n * BlockUI can either block other components or the whole page.\n * @group Components\n */\n@Component({\n    selector: 'p-blockUI',\n    template: `\n        <div\n            #mask\n            [class]=\"styleClass\"\n            [attr.aria-busy]=\"blocked\"\n            [ngClass]=\"{ 'p-blockui-document': !target, 'p-blockui p-component-overlay p-component-overlay-enter': true }\"\n            [ngStyle]=\"{ display: 'none' }\"\n            [attr.data-pc-name]=\"'blockui'\"\n            [attr.data-pc-section]=\"'root'\"\n        >\n            <ng-content></ng-content>\n            <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n        </div>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./blockui.css'],\n    standalone: false,\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class BlockUI implements AfterViewInit, OnDestroy {\n    /**\n     * Name of the local ng-template variable referring to another component.\n     * @group Props\n     */\n    @Input() target: any;\n    /**\n     * Whether to automatically manage layering.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) autoZIndex: boolean = true;\n    /**\n     * Base zIndex value to use in layering.\n     * @group Props\n     */\n    @Input({ transform: numberAttribute }) baseZIndex: number = 0;\n    /**\n     * Class of the element.\n     * @group Props\n     */\n    @Input() styleClass: string | undefined;\n    /**\n     * Current blocked state as a boolean.\n     * @group Props\n     */\n    @Input() get blocked(): boolean {\n        return this._blocked;\n    }\n    set blocked(val: boolean) {\n        if (this.mask && this.mask.nativeElement) {\n            if (val) this.block();\n            else this.unblock();\n        } else {\n            this._blocked = val;\n        }\n    }\n\n    @ContentChildren(CaxTemplate) templates: QueryList<CaxTemplate> | undefined;\n\n    @ViewChild('mask') mask: ElementRef | undefined;\n\n    _blocked: boolean = false;\n\n    animationEndListener: VoidFunction | null | undefined;\n\n    contentTemplate: TemplateRef<any> | undefined;\n\n    constructor(\n        @Inject(DOCUMENT) private document: Document,\n        public el: ElementRef,\n        public cd: ChangeDetectorRef,\n        public config: caxConfig,\n        private renderer: Renderer2,\n        @Inject(PLATFORM_ID) public platformId: any\n    ) {}\n\n    ngAfterViewInit() {\n        if (this._blocked) this.block();\n\n        if (this.target && !this.target.getBlockableElement) {\n            throw 'Target of BlockUI must implement BlockableUI interface';\n        }\n    }\n\n    ngAfterContentInit() {\n        (this.templates as QueryList<CaxTemplate>).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\n    block() {\n        if (isPlatformBrowser(this.platformId)) {\n            this._blocked = true;\n            (this.mask as ElementRef).nativeElement.style.display = 'flex';\n\n            if (this.target) {\n                this.target.getBlockableElement().appendChild((this.mask as ElementRef).nativeElement);\n                this.target.getBlockableElement().style.position = 'relative';\n            } else {\n                this.renderer.appendChild(this.document.body, (this.mask as ElementRef).nativeElement);\n                DomHandler.blockBodyScroll();\n            }\n\n            if (this.autoZIndex) {\n                ZIndexUtils.set('modal', (this.mask as ElementRef).nativeElement, this.baseZIndex + this.config.zIndex.modal);\n            }\n        }\n    }\n\n    unblock() {\n        if (isPlatformBrowser(this.platformId) && this.mask && !this.animationEndListener) {\n            this.animationEndListener = this.renderer.listen(this.mask.nativeElement, 'animationend', this.destroyModal.bind(this));\n            DomHandler.addClass(this.mask.nativeElement, 'p-component-overlay-leave');\n        }\n    }\n\n    destroyModal() {\n        this._blocked = false;\n        if (this.mask && isPlatformBrowser(this.platformId)) {\n            ZIndexUtils.clear(this.mask.nativeElement);\n            DomHandler.removeClass(this.mask.nativeElement, 'p-component-overlay-leave');\n            this.renderer.removeChild(this.el.nativeElement, this.mask.nativeElement);\n            DomHandler.unblockBodyScroll();\n        }\n        this.unbindAnimationEndListener();\n        this.cd.markForCheck();\n    }\n\n    unbindAnimationEndListener() {\n        if (this.animationEndListener && this.mask) {\n            this.animationEndListener();\n            this.animationEndListener = null;\n        }\n    }\n\n    ngOnDestroy() {\n        this.unblock();\n        this.destroyModal();\n    }\n}\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [BlockUI],\n    declarations: [BlockUI]\n})\nexport class BlockUIModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

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

@@ -99,12 +99,12 @@ class Breadcrumb {
         const lastPath = this.router ? this.router.url : '';
         return routerLink === lastPath ? 'page' : undefined;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: Breadcrumb, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: Breadcrumb, selector: "cax-breadcrumb", inputs: { model: "model", style: "style", styleClass: "styleClass", home: "home", homeAriaLabel: "homeAriaLabel" }, outputs: { onItemClick: "onItemClick" }, host: { classAttribute: "cax-element" }, queries: [{ propertyName: "templates", predicate: CaxTemplate }], ngImport: i0, template: "<nav [class]=\"styleClass\" [ngStyle]=\"style\" [ngClass]=\"'cax-breadcrumb cax-component'\" [attr.data-pc-name]=\"'breadcrumb'\" [attr.data-pc-section]=\"'root'\">\r\n    <ol [attr.data-pc-section]=\"'menu'\" class=\"cax-breadcrumb-list\">\r\n        <li\r\n            [class]=\"home.styleClass\"\r\n            [attr.id]=\"home.id\"\r\n            [ngClass]=\"{ 'cax-breadcrumb-home': true, 'cax-disabled': home.disabled }\"\r\n            [ngStyle]=\"home.style\"\r\n            *ngIf=\"home\"\r\n            caxTooltip\r\n            [tooltipOptions]=\"home.tooltipOptions\"\r\n            [attr.data-pc-section]=\"'home'\"\r\n            [attr.aria-disabled]=\"home.disabled\"\r\n        >\r\n            <a\r\n                [href]=\"home.url ? home.url : null\"\r\n                *ngIf=\"!home.routerLink\"\r\n                [attr.aria-label]=\"homeAriaLabel\"\r\n                class=\"cax-menuitem-link\"\r\n                (click)=\"onClick($event, home)\"\r\n                [target]=\"home.target\"\r\n                [attr.title]=\"home.title\"\r\n                [attr.tabindex]=\"home.disabled ? '-1' : home.tabindex || '0'\"\r\n                [attr.ariaCurrentWhenActive]=\"isCurrentUrl(home)\"\r\n            >\r\n                <span *ngIf=\"home.icon\" class=\"cax-menuitem-icon\" [ngClass]=\"home.icon\" [ngStyle]=\"home.iprivateyle\"></span>\r\n                <HomeIcon *ngIf=\"!home.icon\" [styleClass]=\"'cax-menuitem-icon'\" />\r\n                <ng-container *ngIf=\"home.label\">\r\n                    <span *ngIf=\"home.escape !== false; else htmlHomeLabel\" class=\"cax-menuitem-text\">{{ home.label }}</span>\r\n                    <ng-template #htmlHomeLabel><span class=\"cax-menuitem-text\" [innerHTML]=\"home.label\"></span></ng-template>\r\n                </ng-container>\r\n            </a>\r\n            <a\r\n                *ngIf=\"home.routerLink\"\r\n                [routerLink]=\"home.routerLink\"\r\n                [attr.aria-label]=\"homeAriaLabel\"\r\n                [queryParams]=\"home.queryParams\"\r\n                [routerLinkActive]=\"'cax-menuitem-link-active'\"\r\n                [routerLinkActiveOptions]=\"home.routerLinkActiveOptions || { exact: false }\"\r\n                class=\"cax-menuitem-link\"\r\n                (click)=\"onClick($event, home)\"\r\n                [target]=\"home.target\"\r\n                [attr.title]=\"home.title\"\r\n                [attr.tabindex]=\"home.disabled ? '-1' : home.tabindex || '0'\"\r\n                [attr.ariaCurrentWhenActive]=\"isCurrentUrl(home)\"\r\n                [fragment]=\"home.fragment\"\r\n                [queryParamsHandling]=\"home.queryParamsHandling\"\r\n                [preserveFragment]=\"home.preserveFragment\"\r\n                [skipLocationChange]=\"home.skipLocationChange\"\r\n                [replaceUrl]=\"home.replaceUrl\"\r\n                [state]=\"home.state\"\r\n            >\r\n                <span *ngIf=\"home.icon\" class=\"cax-menuitem-icon\" [ngClass]=\"home.icon\" [ngStyle]=\"home.iconStyle\"></span>\r\n                <HomeIcon *ngIf=\"!home.icon\" [styleClass]=\"'cax-menuitem-icon'\" />\r\n                <ng-container *ngIf=\"home.label\">\r\n                    <span *ngIf=\"home.escape !== false; else htmlHomeRouteLabel\" class=\"cax-menuitem-text\">{{ home.label }}</span>\r\n                    <ng-template #htmlHomeRouteLabel><span class=\"cax-menuitem-text\" [innerHTML]=\"home.label\"></span></ng-template>\r\n                </ng-container>\r\n            </a>\r\n        </li>\r\n        <li *ngIf=\"model && home\" class=\"cax-menuitem-separator\" [attr.data-pc-section]=\"'separator'\">\r\n            <ChevronRightIcon *ngIf=\"!separatorTemplate\" />\r\n            <ng-template *ngTemplateOutlet=\"separatorTemplate\"></ng-template>\r\n        </li>\r\n        <ng-template ngFor let-item let-end=\"last\" [ngForOf]=\"model\">\r\n            <li\r\n                [class]=\"item.styleClass\"\r\n                [attr.id]=\"item.id\"\r\n                [attr.aria-disabled]=\"item.disabled\"\r\n                [ngStyle]=\"item.style\"\r\n                [ngClass]=\"{ 'cax-disabled': item.disabled }\"\r\n                caxTooltip\r\n                [tooltipOptions]=\"item.tooltipOptions\"\r\n                [attr.data-pc-section]=\"'menuitem'\"\r\n            >\r\n                <a\r\n                    *ngIf=\"!item.routerLink\"\r\n                    [attr.href]=\"item.url ? item.url : null\"\r\n                    class=\"cax-menuitem-link\"\r\n                    (click)=\"onClick($event, item)\"\r\n                    [target]=\"item.target\"\r\n                    [attr.title]=\"item.title\"\r\n                    [attr.tabindex]=\"item.disabled ? '-1' : item.tabindex || '0'\"\r\n                    [attr.ariaCurrentWhenActive]=\"isCurrentUrl(item)\"\r\n                >\r\n                    <ng-container *ngIf=\"!itemTemplate\">\r\n                        <span *ngIf=\"item.icon\" class=\"cax-menuitem-icon\" [ngClass]=\"item.icon\" [ngStyle]=\"item.iconStyle\"></span>\r\n                        <ng-container *ngIf=\"item.label\">\r\n                            <span *ngIf=\"item.escape !== false; else htmlLabel\" class=\"cax-menuitem-text\">{{ item.label }}</span>\r\n                            <ng-template #htmlLabel><span class=\"cax-menuitem-text\" [innerHTML]=\"item.label\"></span></ng-template>\r\n                        </ng-container>\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"itemTemplate\">\r\n                        <ng-template *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\"></ng-template>\r\n                    </ng-container>\r\n                </a>\r\n                <a\r\n                    *ngIf=\"item.routerLink\"\r\n                    [routerLink]=\"item.routerLink\"\r\n                    [queryParams]=\"item.queryParams\"\r\n                    [routerLinkActive]=\"'cax-menuitem-link-active'\"\r\n                    [routerLinkActiveOptions]=\"item.routerLinkActiveOptions || { exact: false }\"\r\n                    class=\"cax-menuitem-link\"\r\n                    (click)=\"onClick($event, item)\"\r\n                    [target]=\"item.target\"\r\n                    [attr.title]=\"item.title\"\r\n                    [attr.tabindex]=\"item.disabled ? '-1' : item.tabindex || '0'\"\r\n                    [fragment]=\"item.fragment\"\r\n                    [queryParamsHandling]=\"item.queryParamsHandling\"\r\n                    [preserveFragment]=\"item.preserveFragment\"\r\n                    [skipLocationChange]=\"item.skipLocationChange\"\r\n                    [replaceUrl]=\"item.replaceUrl\"\r\n                    [state]=\"item.state\"\r\n                    [attr.ariaCurrentWhenActive]=\"isCurrentUrl(item)\"\r\n                >\r\n                    <ng-container *ngIf=\"!itemTemplate\">\r\n                        <span *ngIf=\"item.icon\" class=\"cax-menuitem-icon\" [ngClass]=\"item.icon\" [ngStyle]=\"item.iconStyle\"></span>\r\n                        <ng-container *ngIf=\"item.label\">\r\n                            <span *ngIf=\"item.escape !== false; else htmlRouteLabel\" class=\"cax-menuitem-text\">{{ item.label }}</span>\r\n                            <ng-template #htmlRouteLabel><span class=\"cax-menuitem-text\" [innerHTML]=\"item.label\"></span></ng-template>\r\n                        </ng-container>\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"itemTemplate\">\r\n                        <ng-template *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\"></ng-template>\r\n                    </ng-container>\r\n                </a>\r\n            </li>\r\n            <li *ngIf=\"!end\" class=\"cax-menuitem-separator\" [attr.data-pc-section]=\"'separator'\">\r\n                <ChevronRightIcon *ngIf=\"!separatorTemplate\" />\r\n                <ng-template *ngTemplateOutlet=\"separatorTemplate\"></ng-template>\r\n            </li>\r\n        </ng-template>\r\n    </ol>\r\n</nav>\r\n", styles: ["@layer cax{.cax-breadcrumb{overflow-x:auto}.cax-breadcrumb .cax-breadcrumb-list{margin:0;padding:0;list-style-type:none;display:flex;align-items:center;flex-wrap:nowrap}.cax-breadcrumb .cax-menuitem-text{line-height:1}.cax-breadcrumb .cax-menuitem-link{text-decoration:none;display:flex;align-items:center}.cax-breadcrumb .cax-menuitem-separator{display:flex;align-items:center}.cax-breadcrumb::-webkit-scrollbar{display:none}}\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: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i3.Tooltip, selector: "[caxTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "caxTooltip", "tooltipDisabled", "tooltipOptions", "linkUrl", "linkText"] }, { kind: "component", type: i4.ChevronRightIcon, selector: "ChevronRightIcon" }, { kind: "component", type: i5.HomeIcon, selector: "HomeIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: Breadcrumb, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.16", type: Breadcrumb, isStandalone: false, selector: "cax-breadcrumb", inputs: { model: "model", style: "style", styleClass: "styleClass", home: "home", homeAriaLabel: "homeAriaLabel" }, outputs: { onItemClick: "onItemClick" }, host: { classAttribute: "cax-element" }, queries: [{ propertyName: "templates", predicate: CaxTemplate }], ngImport: i0, template: "<nav [class]=\"styleClass\" [ngStyle]=\"style\" [ngClass]=\"'cax-breadcrumb cax-component'\" [attr.data-pc-name]=\"'breadcrumb'\" [attr.data-pc-section]=\"'root'\">\r\n    <ol [attr.data-pc-section]=\"'menu'\" class=\"cax-breadcrumb-list\">\r\n        <li\r\n            [class]=\"home.styleClass\"\r\n            [attr.id]=\"home.id\"\r\n            [ngClass]=\"{ 'cax-breadcrumb-home': true, 'cax-disabled': home.disabled }\"\r\n            [ngStyle]=\"home.style\"\r\n            *ngIf=\"home\"\r\n            caxTooltip\r\n            [tooltipOptions]=\"home.tooltipOptions\"\r\n            [attr.data-pc-section]=\"'home'\"\r\n            [attr.aria-disabled]=\"home.disabled\"\r\n        >\r\n            <a\r\n                [href]=\"home.url ? home.url : null\"\r\n                *ngIf=\"!home.routerLink\"\r\n                [attr.aria-label]=\"homeAriaLabel\"\r\n                class=\"cax-menuitem-link\"\r\n                (click)=\"onClick($event, home)\"\r\n                [target]=\"home.target\"\r\n                [attr.title]=\"home.title\"\r\n                [attr.tabindex]=\"home.disabled ? '-1' : home.tabindex || '0'\"\r\n                [attr.ariaCurrentWhenActive]=\"isCurrentUrl(home)\"\r\n            >\r\n                <span *ngIf=\"home.icon\" class=\"cax-menuitem-icon\" [ngClass]=\"home.icon\" [ngStyle]=\"home.iprivateyle\"></span>\r\n                <HomeIcon *ngIf=\"!home.icon\" [styleClass]=\"'cax-menuitem-icon'\" />\r\n                <ng-container *ngIf=\"home.label\">\r\n                    <span *ngIf=\"home.escape !== false; else htmlHomeLabel\" class=\"cax-menuitem-text\">{{ home.label }}</span>\r\n                    <ng-template #htmlHomeLabel><span class=\"cax-menuitem-text\" [innerHTML]=\"home.label\"></span></ng-template>\r\n                </ng-container>\r\n            </a>\r\n            <a\r\n                *ngIf=\"home.routerLink\"\r\n                [routerLink]=\"home.routerLink\"\r\n                [attr.aria-label]=\"homeAriaLabel\"\r\n                [queryParams]=\"home.queryParams\"\r\n                [routerLinkActive]=\"'cax-menuitem-link-active'\"\r\n                [routerLinkActiveOptions]=\"home.routerLinkActiveOptions || { exact: false }\"\r\n                class=\"cax-menuitem-link\"\r\n                (click)=\"onClick($event, home)\"\r\n                [target]=\"home.target\"\r\n                [attr.title]=\"home.title\"\r\n                [attr.tabindex]=\"home.disabled ? '-1' : home.tabindex || '0'\"\r\n                [attr.ariaCurrentWhenActive]=\"isCurrentUrl(home)\"\r\n                [fragment]=\"home.fragment\"\r\n                [queryParamsHandling]=\"home.queryParamsHandling\"\r\n                [preserveFragment]=\"home.preserveFragment\"\r\n                [skipLocationChange]=\"home.skipLocationChange\"\r\n                [replaceUrl]=\"home.replaceUrl\"\r\n                [state]=\"home.state\"\r\n            >\r\n                <span *ngIf=\"home.icon\" class=\"cax-menuitem-icon\" [ngClass]=\"home.icon\" [ngStyle]=\"home.iconStyle\"></span>\r\n                <HomeIcon *ngIf=\"!home.icon\" [styleClass]=\"'cax-menuitem-icon'\" />\r\n                <ng-container *ngIf=\"home.label\">\r\n                    <span *ngIf=\"home.escape !== false; else htmlHomeRouteLabel\" class=\"cax-menuitem-text\">{{ home.label }}</span>\r\n                    <ng-template #htmlHomeRouteLabel><span class=\"cax-menuitem-text\" [innerHTML]=\"home.label\"></span></ng-template>\r\n                </ng-container>\r\n            </a>\r\n        </li>\r\n        <li *ngIf=\"model && home\" class=\"cax-menuitem-separator\" [attr.data-pc-section]=\"'separator'\">\r\n            <ChevronRightIcon *ngIf=\"!separatorTemplate\" />\r\n            <ng-template *ngTemplateOutlet=\"separatorTemplate\"></ng-template>\r\n        </li>\r\n        <ng-template ngFor let-item let-end=\"last\" [ngForOf]=\"model\">\r\n            <li\r\n                [class]=\"item.styleClass\"\r\n                [attr.id]=\"item.id\"\r\n                [attr.aria-disabled]=\"item.disabled\"\r\n                [ngStyle]=\"item.style\"\r\n                [ngClass]=\"{ 'cax-disabled': item.disabled }\"\r\n                caxTooltip\r\n                [tooltipOptions]=\"item.tooltipOptions\"\r\n                [attr.data-pc-section]=\"'menuitem'\"\r\n            >\r\n                <a\r\n                    *ngIf=\"!item.routerLink\"\r\n                    [attr.href]=\"item.url ? item.url : null\"\r\n                    class=\"cax-menuitem-link\"\r\n                    (click)=\"onClick($event, item)\"\r\n                    [target]=\"item.target\"\r\n                    [attr.title]=\"item.title\"\r\n                    [attr.tabindex]=\"item.disabled ? '-1' : item.tabindex || '0'\"\r\n                    [attr.ariaCurrentWhenActive]=\"isCurrentUrl(item)\"\r\n                >\r\n                    <ng-container *ngIf=\"!itemTemplate\">\r\n                        <span *ngIf=\"item.icon\" class=\"cax-menuitem-icon\" [ngClass]=\"item.icon\" [ngStyle]=\"item.iconStyle\"></span>\r\n                        <ng-container *ngIf=\"item.label\">\r\n                            <span *ngIf=\"item.escape !== false; else htmlLabel\" class=\"cax-menuitem-text\">{{ item.label }}</span>\r\n                            <ng-template #htmlLabel><span class=\"cax-menuitem-text\" [innerHTML]=\"item.label\"></span></ng-template>\r\n                        </ng-container>\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"itemTemplate\">\r\n                        <ng-template *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\"></ng-template>\r\n                    </ng-container>\r\n                </a>\r\n                <a\r\n                    *ngIf=\"item.routerLink\"\r\n                    [routerLink]=\"item.routerLink\"\r\n                    [queryParams]=\"item.queryParams\"\r\n                    [routerLinkActive]=\"'cax-menuitem-link-active'\"\r\n                    [routerLinkActiveOptions]=\"item.routerLinkActiveOptions || { exact: false }\"\r\n                    class=\"cax-menuitem-link\"\r\n                    (click)=\"onClick($event, item)\"\r\n                    [target]=\"item.target\"\r\n                    [attr.title]=\"item.title\"\r\n                    [attr.tabindex]=\"item.disabled ? '-1' : item.tabindex || '0'\"\r\n                    [fragment]=\"item.fragment\"\r\n                    [queryParamsHandling]=\"item.queryParamsHandling\"\r\n                    [preserveFragment]=\"item.preserveFragment\"\r\n                    [skipLocationChange]=\"item.skipLocationChange\"\r\n                    [replaceUrl]=\"item.replaceUrl\"\r\n                    [state]=\"item.state\"\r\n                    [attr.ariaCurrentWhenActive]=\"isCurrentUrl(item)\"\r\n                >\r\n                    <ng-container *ngIf=\"!itemTemplate\">\r\n                        <span *ngIf=\"item.icon\" class=\"cax-menuitem-icon\" [ngClass]=\"item.icon\" [ngStyle]=\"item.iconStyle\"></span>\r\n                        <ng-container *ngIf=\"item.label\">\r\n                            <span *ngIf=\"item.escape !== false; else htmlRouteLabel\" class=\"cax-menuitem-text\">{{ item.label }}</span>\r\n                            <ng-template #htmlRouteLabel><span class=\"cax-menuitem-text\" [innerHTML]=\"item.label\"></span></ng-template>\r\n                        </ng-container>\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"itemTemplate\">\r\n                        <ng-template *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\"></ng-template>\r\n                    </ng-container>\r\n                </a>\r\n            </li>\r\n            <li *ngIf=\"!end\" class=\"cax-menuitem-separator\" [attr.data-pc-section]=\"'separator'\">\r\n                <ChevronRightIcon *ngIf=\"!separatorTemplate\" />\r\n                <ng-template *ngTemplateOutlet=\"separatorTemplate\"></ng-template>\r\n            </li>\r\n        </ng-template>\r\n    </ol>\r\n</nav>\r\n", styles: ["@layer cax{.cax-breadcrumb{overflow-x:auto}.cax-breadcrumb .cax-breadcrumb-list{margin:0;padding:0;list-style-type:none;display:flex;align-items:center;flex-wrap:nowrap}.cax-breadcrumb .cax-menuitem-text{line-height:1}.cax-breadcrumb .cax-menuitem-link{text-decoration:none;display:flex;align-items:center}.cax-breadcrumb .cax-menuitem-separator{display:flex;align-items:center}.cax-breadcrumb::-webkit-scrollbar{display:none}}\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: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i3.Tooltip, selector: "[caxTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "caxTooltip", "tooltipDisabled", "tooltipOptions", "linkUrl", "linkText"] }, { kind: "component", type: i4.ChevronRightIcon, selector: "ChevronRightIcon" }, { kind: "component", type: i5.HomeIcon, selector: "HomeIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: Breadcrumb, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: Breadcrumb, decorators: [{
             type: Component,
-            args: [{ selector: 'cax-breadcrumb', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+            args: [{ selector: 'cax-breadcrumb', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, host: {
                         class: 'cax-element'
                     }, template: "<nav [class]=\"styleClass\" [ngStyle]=\"style\" [ngClass]=\"'cax-breadcrumb cax-component'\" [attr.data-pc-name]=\"'breadcrumb'\" [attr.data-pc-section]=\"'root'\">\r\n    <ol [attr.data-pc-section]=\"'menu'\" class=\"cax-breadcrumb-list\">\r\n        <li\r\n            [class]=\"home.styleClass\"\r\n            [attr.id]=\"home.id\"\r\n            [ngClass]=\"{ 'cax-breadcrumb-home': true, 'cax-disabled': home.disabled }\"\r\n            [ngStyle]=\"home.style\"\r\n            *ngIf=\"home\"\r\n            caxTooltip\r\n            [tooltipOptions]=\"home.tooltipOptions\"\r\n            [attr.data-pc-section]=\"'home'\"\r\n            [attr.aria-disabled]=\"home.disabled\"\r\n        >\r\n            <a\r\n                [href]=\"home.url ? home.url : null\"\r\n                *ngIf=\"!home.routerLink\"\r\n                [attr.aria-label]=\"homeAriaLabel\"\r\n                class=\"cax-menuitem-link\"\r\n                (click)=\"onClick($event, home)\"\r\n                [target]=\"home.target\"\r\n                [attr.title]=\"home.title\"\r\n                [attr.tabindex]=\"home.disabled ? '-1' : home.tabindex || '0'\"\r\n                [attr.ariaCurrentWhenActive]=\"isCurrentUrl(home)\"\r\n            >\r\n                <span *ngIf=\"home.icon\" class=\"cax-menuitem-icon\" [ngClass]=\"home.icon\" [ngStyle]=\"home.iprivateyle\"></span>\r\n                <HomeIcon *ngIf=\"!home.icon\" [styleClass]=\"'cax-menuitem-icon'\" />\r\n                <ng-container *ngIf=\"home.label\">\r\n                    <span *ngIf=\"home.escape !== false; else htmlHomeLabel\" class=\"cax-menuitem-text\">{{ home.label }}</span>\r\n                    <ng-template #htmlHomeLabel><span class=\"cax-menuitem-text\" [innerHTML]=\"home.label\"></span></ng-template>\r\n                </ng-container>\r\n            </a>\r\n            <a\r\n                *ngIf=\"home.routerLink\"\r\n                [routerLink]=\"home.routerLink\"\r\n                [attr.aria-label]=\"homeAriaLabel\"\r\n                [queryParams]=\"home.queryParams\"\r\n                [routerLinkActive]=\"'cax-menuitem-link-active'\"\r\n                [routerLinkActiveOptions]=\"home.routerLinkActiveOptions || { exact: false }\"\r\n                class=\"cax-menuitem-link\"\r\n                (click)=\"onClick($event, home)\"\r\n                [target]=\"home.target\"\r\n                [attr.title]=\"home.title\"\r\n                [attr.tabindex]=\"home.disabled ? '-1' : home.tabindex || '0'\"\r\n                [attr.ariaCurrentWhenActive]=\"isCurrentUrl(home)\"\r\n                [fragment]=\"home.fragment\"\r\n                [queryParamsHandling]=\"home.queryParamsHandling\"\r\n                [preserveFragment]=\"home.preserveFragment\"\r\n                [skipLocationChange]=\"home.skipLocationChange\"\r\n                [replaceUrl]=\"home.replaceUrl\"\r\n                [state]=\"home.state\"\r\n            >\r\n                <span *ngIf=\"home.icon\" class=\"cax-menuitem-icon\" [ngClass]=\"home.icon\" [ngStyle]=\"home.iconStyle\"></span>\r\n                <HomeIcon *ngIf=\"!home.icon\" [styleClass]=\"'cax-menuitem-icon'\" />\r\n                <ng-container *ngIf=\"home.label\">\r\n                    <span *ngIf=\"home.escape !== false; else htmlHomeRouteLabel\" class=\"cax-menuitem-text\">{{ home.label }}</span>\r\n                    <ng-template #htmlHomeRouteLabel><span class=\"cax-menuitem-text\" [innerHTML]=\"home.label\"></span></ng-template>\r\n                </ng-container>\r\n            </a>\r\n        </li>\r\n        <li *ngIf=\"model && home\" class=\"cax-menuitem-separator\" [attr.data-pc-section]=\"'separator'\">\r\n            <ChevronRightIcon *ngIf=\"!separatorTemplate\" />\r\n            <ng-template *ngTemplateOutlet=\"separatorTemplate\"></ng-template>\r\n        </li>\r\n        <ng-template ngFor let-item let-end=\"last\" [ngForOf]=\"model\">\r\n            <li\r\n                [class]=\"item.styleClass\"\r\n                [attr.id]=\"item.id\"\r\n                [attr.aria-disabled]=\"item.disabled\"\r\n                [ngStyle]=\"item.style\"\r\n                [ngClass]=\"{ 'cax-disabled': item.disabled }\"\r\n                caxTooltip\r\n                [tooltipOptions]=\"item.tooltipOptions\"\r\n                [attr.data-pc-section]=\"'menuitem'\"\r\n            >\r\n                <a\r\n                    *ngIf=\"!item.routerLink\"\r\n                    [attr.href]=\"item.url ? item.url : null\"\r\n                    class=\"cax-menuitem-link\"\r\n                    (click)=\"onClick($event, item)\"\r\n                    [target]=\"item.target\"\r\n                    [attr.title]=\"item.title\"\r\n                    [attr.tabindex]=\"item.disabled ? '-1' : item.tabindex || '0'\"\r\n                    [attr.ariaCurrentWhenActive]=\"isCurrentUrl(item)\"\r\n                >\r\n                    <ng-container *ngIf=\"!itemTemplate\">\r\n                        <span *ngIf=\"item.icon\" class=\"cax-menuitem-icon\" [ngClass]=\"item.icon\" [ngStyle]=\"item.iconStyle\"></span>\r\n                        <ng-container *ngIf=\"item.label\">\r\n                            <span *ngIf=\"item.escape !== false; else htmlLabel\" class=\"cax-menuitem-text\">{{ item.label }}</span>\r\n                            <ng-template #htmlLabel><span class=\"cax-menuitem-text\" [innerHTML]=\"item.label\"></span></ng-template>\r\n                        </ng-container>\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"itemTemplate\">\r\n                        <ng-template *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\"></ng-template>\r\n                    </ng-container>\r\n                </a>\r\n                <a\r\n                    *ngIf=\"item.routerLink\"\r\n                    [routerLink]=\"item.routerLink\"\r\n                    [queryParams]=\"item.queryParams\"\r\n                    [routerLinkActive]=\"'cax-menuitem-link-active'\"\r\n                    [routerLinkActiveOptions]=\"item.routerLinkActiveOptions || { exact: false }\"\r\n                    class=\"cax-menuitem-link\"\r\n                    (click)=\"onClick($event, item)\"\r\n                    [target]=\"item.target\"\r\n                    [attr.title]=\"item.title\"\r\n                    [attr.tabindex]=\"item.disabled ? '-1' : item.tabindex || '0'\"\r\n                    [fragment]=\"item.fragment\"\r\n                    [queryParamsHandling]=\"item.queryParamsHandling\"\r\n                    [preserveFragment]=\"item.preserveFragment\"\r\n                    [skipLocationChange]=\"item.skipLocationChange\"\r\n                    [replaceUrl]=\"item.replaceUrl\"\r\n                    [state]=\"item.state\"\r\n                    [attr.ariaCurrentWhenActive]=\"isCurrentUrl(item)\"\r\n                >\r\n                    <ng-container *ngIf=\"!itemTemplate\">\r\n                        <span *ngIf=\"item.icon\" class=\"cax-menuitem-icon\" [ngClass]=\"item.icon\" [ngStyle]=\"item.iconStyle\"></span>\r\n                        <ng-container *ngIf=\"item.label\">\r\n                            <span *ngIf=\"item.escape !== false; else htmlRouteLabel\" class=\"cax-menuitem-text\">{{ item.label }}</span>\r\n                            <ng-template #htmlRouteLabel><span class=\"cax-menuitem-text\" [innerHTML]=\"item.label\"></span></ng-template>\r\n                        </ng-container>\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"itemTemplate\">\r\n                        <ng-template *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\"></ng-template>\r\n                    </ng-container>\r\n                </a>\r\n            </li>\r\n            <li *ngIf=\"!end\" class=\"cax-menuitem-separator\" [attr.data-pc-section]=\"'separator'\">\r\n                <ChevronRightIcon *ngIf=\"!separatorTemplate\" />\r\n                <ng-template *ngTemplateOutlet=\"separatorTemplate\"></ng-template>\r\n            </li>\r\n        </ng-template>\r\n    </ol>\r\n</nav>\r\n", styles: ["@layer cax{.cax-breadcrumb{overflow-x:auto}.cax-breadcrumb .cax-breadcrumb-list{margin:0;padding:0;list-style-type:none;display:flex;align-items:center;flex-wrap:nowrap}.cax-breadcrumb .cax-menuitem-text{line-height:1}.cax-breadcrumb .cax-menuitem-link{text-decoration:none;display:flex;align-items:center}.cax-breadcrumb .cax-menuitem-separator{display:flex;align-items:center}.cax-breadcrumb::-webkit-scrollbar{display:none}}\n"] }]
         }], ctorParameters: () => [{ type: i1.Router }], propDecorators: { model: [{
@@ -125,11 +125,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
             }] } });
 
 class BreadcrumbModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: BreadcrumbModule, declarations: [Breadcrumb], imports: [CommonModule, RouterModule, TooltipModule, ChevronRightIcon, HomeIcon, SharedModule], exports: [Breadcrumb, RouterModule, TooltipModule, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BreadcrumbModule, imports: [CommonModule, RouterModule, TooltipModule, ChevronRightIcon, HomeIcon, SharedModule, RouterModule, TooltipModule, SharedModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: BreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.16", ngImport: i0, type: BreadcrumbModule, declarations: [Breadcrumb], imports: [CommonModule, RouterModule, TooltipModule, ChevronRightIcon, HomeIcon, SharedModule], exports: [Breadcrumb, RouterModule, TooltipModule, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: BreadcrumbModule, imports: [CommonModule, RouterModule, TooltipModule, ChevronRightIcon, HomeIcon, SharedModule, RouterModule, TooltipModule, SharedModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BreadcrumbModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: BreadcrumbModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, RouterModule, TooltipModule, ChevronRightIcon, HomeIcon, SharedModule],