cax-design-system 2.7.12 → 2.8.0

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'\">\n    <ng-content></ng-content>\n    <span class=\"cax-avatar-text\" *ngIf=\"label; else iconTemplate\">{{ label }}</span>\n    <ng-template #iconTemplate><span [class]=\"icon\" [ngClass]=\"'cax-avatar-icon'\" *ngIf=\"icon; else imageTemplate\"></span></ng-template>\n    <ng-template #imageTemplate><img [src]=\"image\" *ngIf=\"image\" (error)=\"imageError($event)\" [attr.aria-label]=\"ariaLabel\" /></ng-template>\n</div>\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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"}

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

@@ -20,13 +20,13 @@ class AvatarGroup {
      */
     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 ɵ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\">\n  <ng-content></ng-content>\n</div>\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: [{
             type: Component,
             args: [{ selector: 'cax-avatarGroup', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, 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"] }]
+                    }, template: "<div [ngClass]=\"'cax-avatar-group cax-component'\" [class]=\"styleClass\" [ngStyle]=\"style\">\n  <ng-content></ng-content>\n</div>\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: [{
                 type: Input
             }], style: [{

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,CAAqB;AACxC;;;AAGG;AACM,IAAA,KAAK,CAA8C;uGAVnD,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,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,CAAA;;2FDYa,WAAW,EAAA,UAAA,EAAA,CAAA;kBAVvB,SAAS;+BACI,iBAAiB,EAAA,eAAA,EAEV,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAE/B,IAAA,EAAA;AACF,wBAAA,KAAK,EAAE,aAAa;AACvB,qBAAA,EAAA,QAAA,EAAA,8IAAA,EAAA,MAAA,EAAA,CAAA,4HAAA,CAAA,EAAA,CAAA;8BAOQ,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBAKG,KAAK,EAAA,CAAA;sBAAb,KAAK;;;MEfG,iBAAiB,CAAA;uGAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;wGAAjB,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,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,EAJhB,OAAA,EAAA,CAAA,YAAY,EAAE,YAAY,EACb,YAAY,CAAA,EAAA,CAAA,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,CAAC;AAC9B,iBAAA,CAAA;;;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    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\">\n  <ng-content></ng-content>\n</div>\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,CAAqB;AACxC;;;AAGG;AACM,IAAA,KAAK,CAA8C;uGAVnD,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,sJCfxB,wIAGA,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,CAAA;;2FDYa,WAAW,EAAA,UAAA,EAAA,CAAA;kBAVvB,SAAS;+BACI,iBAAiB,EAAA,eAAA,EAEV,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAE/B,IAAA,EAAA;AACF,wBAAA,KAAK,EAAE,aAAa;AACvB,qBAAA,EAAA,QAAA,EAAA,wIAAA,EAAA,MAAA,EAAA,CAAA,4HAAA,CAAA,EAAA,CAAA;8BAOQ,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBAKG,KAAK,EAAA,CAAA;sBAAb,KAAK;;;MEfG,iBAAiB,CAAA;uGAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;wGAAjB,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,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,EAJhB,OAAA,EAAA,CAAA,YAAY,EAAE,YAAY,EACb,YAAY,CAAA,EAAA,CAAA,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,CAAC;AAC9B,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}

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

@@ -30,13 +30,13 @@ class Badge {
         };
     }
     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 ɵ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\n  *ngIf=\"!badgeDisabled\"\n  [ngClass]=\"containerClass()\"\n  [class]=\"styleClass\"\n  [ngStyle]=\"style\"\n>\n  {{ value }}\n</span>\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: [{
             type: Component,
             args: [{ selector: 'cax-badge', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, 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"] }]
+                    }, template: "<span\n  *ngIf=\"!badgeDisabled\"\n  [ngClass]=\"containerClass()\"\n  [class]=\"styleClass\"\n  [ngStyle]=\"style\"\n>\n  {{ value }}\n</span>\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: [{
                 type: Input
             }], style: [{

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    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\n  *ngIf=\"!badgeDisabled\"\n  [ngClass]=\"containerClass()\"\n  [class]=\"styleClass\"\n  [ngStyle]=\"style\"\n>\n  {{ value }}\n</span>\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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"}

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

@@ -100,13 +100,13 @@ class Breadcrumb {
         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 ɵ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'\">\n    <ol [attr.data-pc-section]=\"'menu'\" class=\"cax-breadcrumb-list\">\n        <li\n            [class]=\"home.styleClass\"\n            [attr.id]=\"home.id\"\n            [ngClass]=\"{ 'cax-breadcrumb-home': true, 'cax-disabled': home.disabled }\"\n            [ngStyle]=\"home.style\"\n            *ngIf=\"home\"\n            caxTooltip\n            [tooltipOptions]=\"home.tooltipOptions\"\n            [attr.data-pc-section]=\"'home'\"\n            [attr.aria-disabled]=\"home.disabled\"\n        >\n            <a\n                [href]=\"home.url ? home.url : null\"\n                *ngIf=\"!home.routerLink\"\n                [attr.aria-label]=\"homeAriaLabel\"\n                class=\"cax-menuitem-link\"\n                (click)=\"onClick($event, home)\"\n                [target]=\"home.target\"\n                [attr.title]=\"home.title\"\n                [attr.tabindex]=\"home.disabled ? '-1' : home.tabindex || '0'\"\n                [attr.ariaCurrentWhenActive]=\"isCurrentUrl(home)\"\n            >\n                <span *ngIf=\"home.icon\" class=\"cax-menuitem-icon\" [ngClass]=\"home.icon\" [ngStyle]=\"home.iprivateyle\"></span>\n                <HomeIcon *ngIf=\"!home.icon\" [styleClass]=\"'cax-menuitem-icon'\" />\n                <ng-container *ngIf=\"home.label\">\n                    <span *ngIf=\"home.escape !== false; else htmlHomeLabel\" class=\"cax-menuitem-text\">{{ home.label }}</span>\n                    <ng-template #htmlHomeLabel><span class=\"cax-menuitem-text\" [innerHTML]=\"home.label\"></span></ng-template>\n                </ng-container>\n            </a>\n            <a\n                *ngIf=\"home.routerLink\"\n                [routerLink]=\"home.routerLink\"\n                [attr.aria-label]=\"homeAriaLabel\"\n                [queryParams]=\"home.queryParams\"\n                [routerLinkActive]=\"'cax-menuitem-link-active'\"\n                [routerLinkActiveOptions]=\"home.routerLinkActiveOptions || { exact: false }\"\n                class=\"cax-menuitem-link\"\n                (click)=\"onClick($event, home)\"\n                [target]=\"home.target\"\n                [attr.title]=\"home.title\"\n                [attr.tabindex]=\"home.disabled ? '-1' : home.tabindex || '0'\"\n                [attr.ariaCurrentWhenActive]=\"isCurrentUrl(home)\"\n                [fragment]=\"home.fragment\"\n                [queryParamsHandling]=\"home.queryParamsHandling\"\n                [preserveFragment]=\"home.preserveFragment\"\n                [skipLocationChange]=\"home.skipLocationChange\"\n                [replaceUrl]=\"home.replaceUrl\"\n                [state]=\"home.state\"\n            >\n                <span *ngIf=\"home.icon\" class=\"cax-menuitem-icon\" [ngClass]=\"home.icon\" [ngStyle]=\"home.iconStyle\"></span>\n                <HomeIcon *ngIf=\"!home.icon\" [styleClass]=\"'cax-menuitem-icon'\" />\n                <ng-container *ngIf=\"home.label\">\n                    <span *ngIf=\"home.escape !== false; else htmlHomeRouteLabel\" class=\"cax-menuitem-text\">{{ home.label }}</span>\n                    <ng-template #htmlHomeRouteLabel><span class=\"cax-menuitem-text\" [innerHTML]=\"home.label\"></span></ng-template>\n                </ng-container>\n            </a>\n        </li>\n        <li *ngIf=\"model && home\" class=\"cax-menuitem-separator\" [attr.data-pc-section]=\"'separator'\">\n            <ChevronRightIcon *ngIf=\"!separatorTemplate\" />\n            <ng-template *ngTemplateOutlet=\"separatorTemplate\"></ng-template>\n        </li>\n        <ng-template ngFor let-item let-end=\"last\" [ngForOf]=\"model\">\n            <li\n                [class]=\"item.styleClass\"\n                [attr.id]=\"item.id\"\n                [attr.aria-disabled]=\"item.disabled\"\n                [ngStyle]=\"item.style\"\n                [ngClass]=\"{ 'cax-disabled': item.disabled }\"\n                caxTooltip\n                [tooltipOptions]=\"item.tooltipOptions\"\n                [attr.data-pc-section]=\"'menuitem'\"\n            >\n                <a\n                    *ngIf=\"!item.routerLink\"\n                    [attr.href]=\"item.url ? item.url : null\"\n                    class=\"cax-menuitem-link\"\n                    (click)=\"onClick($event, item)\"\n                    [target]=\"item.target\"\n                    [attr.title]=\"item.title\"\n                    [attr.tabindex]=\"item.disabled ? '-1' : item.tabindex || '0'\"\n                    [attr.ariaCurrentWhenActive]=\"isCurrentUrl(item)\"\n                >\n                    <ng-container *ngIf=\"!itemTemplate\">\n                        <span *ngIf=\"item.icon\" class=\"cax-menuitem-icon\" [ngClass]=\"item.icon\" [ngStyle]=\"item.iconStyle\"></span>\n                        <ng-container *ngIf=\"item.label\">\n                            <span *ngIf=\"item.escape !== false; else htmlLabel\" class=\"cax-menuitem-text\">{{ item.label }}</span>\n                            <ng-template #htmlLabel><span class=\"cax-menuitem-text\" [innerHTML]=\"item.label\"></span></ng-template>\n                        </ng-container>\n                    </ng-container>\n                    <ng-container *ngIf=\"itemTemplate\">\n                        <ng-template *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\"></ng-template>\n                    </ng-container>\n                </a>\n                <a\n                    *ngIf=\"item.routerLink\"\n                    [routerLink]=\"item.routerLink\"\n                    [queryParams]=\"item.queryParams\"\n                    [routerLinkActive]=\"'cax-menuitem-link-active'\"\n                    [routerLinkActiveOptions]=\"item.routerLinkActiveOptions || { exact: false }\"\n                    class=\"cax-menuitem-link\"\n                    (click)=\"onClick($event, item)\"\n                    [target]=\"item.target\"\n                    [attr.title]=\"item.title\"\n                    [attr.tabindex]=\"item.disabled ? '-1' : item.tabindex || '0'\"\n                    [fragment]=\"item.fragment\"\n                    [queryParamsHandling]=\"item.queryParamsHandling\"\n                    [preserveFragment]=\"item.preserveFragment\"\n                    [skipLocationChange]=\"item.skipLocationChange\"\n                    [replaceUrl]=\"item.replaceUrl\"\n                    [state]=\"item.state\"\n                    [attr.ariaCurrentWhenActive]=\"isCurrentUrl(item)\"\n                >\n                    <ng-container *ngIf=\"!itemTemplate\">\n                        <span *ngIf=\"item.icon\" class=\"cax-menuitem-icon\" [ngClass]=\"item.icon\" [ngStyle]=\"item.iconStyle\"></span>\n                        <ng-container *ngIf=\"item.label\">\n                            <span *ngIf=\"item.escape !== false; else htmlRouteLabel\" class=\"cax-menuitem-text\">{{ item.label }}</span>\n                            <ng-template #htmlRouteLabel><span class=\"cax-menuitem-text\" [innerHTML]=\"item.label\"></span></ng-template>\n                        </ng-container>\n                    </ng-container>\n                    <ng-container *ngIf=\"itemTemplate\">\n                        <ng-template *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\"></ng-template>\n                    </ng-container>\n                </a>\n            </li>\n            <li *ngIf=\"!end\" class=\"cax-menuitem-separator\" [attr.data-pc-section]=\"'separator'\">\n                <ChevronRightIcon *ngIf=\"!separatorTemplate\" />\n                <ng-template *ngTemplateOutlet=\"separatorTemplate\"></ng-template>\n            </li>\n        </ng-template>\n    </ol>\n</nav>\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: [{
             type: Component,
             args: [{ selector: 'cax-breadcrumb', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, 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"] }]
+                    }, template: "<nav [class]=\"styleClass\" [ngStyle]=\"style\" [ngClass]=\"'cax-breadcrumb cax-component'\" [attr.data-pc-name]=\"'breadcrumb'\" [attr.data-pc-section]=\"'root'\">\n    <ol [attr.data-pc-section]=\"'menu'\" class=\"cax-breadcrumb-list\">\n        <li\n            [class]=\"home.styleClass\"\n            [attr.id]=\"home.id\"\n            [ngClass]=\"{ 'cax-breadcrumb-home': true, 'cax-disabled': home.disabled }\"\n            [ngStyle]=\"home.style\"\n            *ngIf=\"home\"\n            caxTooltip\n            [tooltipOptions]=\"home.tooltipOptions\"\n            [attr.data-pc-section]=\"'home'\"\n            [attr.aria-disabled]=\"home.disabled\"\n        >\n            <a\n                [href]=\"home.url ? home.url : null\"\n                *ngIf=\"!home.routerLink\"\n                [attr.aria-label]=\"homeAriaLabel\"\n                class=\"cax-menuitem-link\"\n                (click)=\"onClick($event, home)\"\n                [target]=\"home.target\"\n                [attr.title]=\"home.title\"\n                [attr.tabindex]=\"home.disabled ? '-1' : home.tabindex || '0'\"\n                [attr.ariaCurrentWhenActive]=\"isCurrentUrl(home)\"\n            >\n                <span *ngIf=\"home.icon\" class=\"cax-menuitem-icon\" [ngClass]=\"home.icon\" [ngStyle]=\"home.iprivateyle\"></span>\n                <HomeIcon *ngIf=\"!home.icon\" [styleClass]=\"'cax-menuitem-icon'\" />\n                <ng-container *ngIf=\"home.label\">\n                    <span *ngIf=\"home.escape !== false; else htmlHomeLabel\" class=\"cax-menuitem-text\">{{ home.label }}</span>\n                    <ng-template #htmlHomeLabel><span class=\"cax-menuitem-text\" [innerHTML]=\"home.label\"></span></ng-template>\n                </ng-container>\n            </a>\n            <a\n                *ngIf=\"home.routerLink\"\n                [routerLink]=\"home.routerLink\"\n                [attr.aria-label]=\"homeAriaLabel\"\n                [queryParams]=\"home.queryParams\"\n                [routerLinkActive]=\"'cax-menuitem-link-active'\"\n                [routerLinkActiveOptions]=\"home.routerLinkActiveOptions || { exact: false }\"\n                class=\"cax-menuitem-link\"\n                (click)=\"onClick($event, home)\"\n                [target]=\"home.target\"\n                [attr.title]=\"home.title\"\n                [attr.tabindex]=\"home.disabled ? '-1' : home.tabindex || '0'\"\n                [attr.ariaCurrentWhenActive]=\"isCurrentUrl(home)\"\n                [fragment]=\"home.fragment\"\n                [queryParamsHandling]=\"home.queryParamsHandling\"\n                [preserveFragment]=\"home.preserveFragment\"\n                [skipLocationChange]=\"home.skipLocationChange\"\n                [replaceUrl]=\"home.replaceUrl\"\n                [state]=\"home.state\"\n            >\n                <span *ngIf=\"home.icon\" class=\"cax-menuitem-icon\" [ngClass]=\"home.icon\" [ngStyle]=\"home.iconStyle\"></span>\n                <HomeIcon *ngIf=\"!home.icon\" [styleClass]=\"'cax-menuitem-icon'\" />\n                <ng-container *ngIf=\"home.label\">\n                    <span *ngIf=\"home.escape !== false; else htmlHomeRouteLabel\" class=\"cax-menuitem-text\">{{ home.label }}</span>\n                    <ng-template #htmlHomeRouteLabel><span class=\"cax-menuitem-text\" [innerHTML]=\"home.label\"></span></ng-template>\n                </ng-container>\n            </a>\n        </li>\n        <li *ngIf=\"model && home\" class=\"cax-menuitem-separator\" [attr.data-pc-section]=\"'separator'\">\n            <ChevronRightIcon *ngIf=\"!separatorTemplate\" />\n            <ng-template *ngTemplateOutlet=\"separatorTemplate\"></ng-template>\n        </li>\n        <ng-template ngFor let-item let-end=\"last\" [ngForOf]=\"model\">\n            <li\n                [class]=\"item.styleClass\"\n                [attr.id]=\"item.id\"\n                [attr.aria-disabled]=\"item.disabled\"\n                [ngStyle]=\"item.style\"\n                [ngClass]=\"{ 'cax-disabled': item.disabled }\"\n                caxTooltip\n                [tooltipOptions]=\"item.tooltipOptions\"\n                [attr.data-pc-section]=\"'menuitem'\"\n            >\n                <a\n                    *ngIf=\"!item.routerLink\"\n                    [attr.href]=\"item.url ? item.url : null\"\n                    class=\"cax-menuitem-link\"\n                    (click)=\"onClick($event, item)\"\n                    [target]=\"item.target\"\n                    [attr.title]=\"item.title\"\n                    [attr.tabindex]=\"item.disabled ? '-1' : item.tabindex || '0'\"\n                    [attr.ariaCurrentWhenActive]=\"isCurrentUrl(item)\"\n                >\n                    <ng-container *ngIf=\"!itemTemplate\">\n                        <span *ngIf=\"item.icon\" class=\"cax-menuitem-icon\" [ngClass]=\"item.icon\" [ngStyle]=\"item.iconStyle\"></span>\n                        <ng-container *ngIf=\"item.label\">\n                            <span *ngIf=\"item.escape !== false; else htmlLabel\" class=\"cax-menuitem-text\">{{ item.label }}</span>\n                            <ng-template #htmlLabel><span class=\"cax-menuitem-text\" [innerHTML]=\"item.label\"></span></ng-template>\n                        </ng-container>\n                    </ng-container>\n                    <ng-container *ngIf=\"itemTemplate\">\n                        <ng-template *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\"></ng-template>\n                    </ng-container>\n                </a>\n                <a\n                    *ngIf=\"item.routerLink\"\n                    [routerLink]=\"item.routerLink\"\n                    [queryParams]=\"item.queryParams\"\n                    [routerLinkActive]=\"'cax-menuitem-link-active'\"\n                    [routerLinkActiveOptions]=\"item.routerLinkActiveOptions || { exact: false }\"\n                    class=\"cax-menuitem-link\"\n                    (click)=\"onClick($event, item)\"\n                    [target]=\"item.target\"\n                    [attr.title]=\"item.title\"\n                    [attr.tabindex]=\"item.disabled ? '-1' : item.tabindex || '0'\"\n                    [fragment]=\"item.fragment\"\n                    [queryParamsHandling]=\"item.queryParamsHandling\"\n                    [preserveFragment]=\"item.preserveFragment\"\n                    [skipLocationChange]=\"item.skipLocationChange\"\n                    [replaceUrl]=\"item.replaceUrl\"\n                    [state]=\"item.state\"\n                    [attr.ariaCurrentWhenActive]=\"isCurrentUrl(item)\"\n                >\n                    <ng-container *ngIf=\"!itemTemplate\">\n                        <span *ngIf=\"item.icon\" class=\"cax-menuitem-icon\" [ngClass]=\"item.icon\" [ngStyle]=\"item.iconStyle\"></span>\n                        <ng-container *ngIf=\"item.label\">\n                            <span *ngIf=\"item.escape !== false; else htmlRouteLabel\" class=\"cax-menuitem-text\">{{ item.label }}</span>\n                            <ng-template #htmlRouteLabel><span class=\"cax-menuitem-text\" [innerHTML]=\"item.label\"></span></ng-template>\n                        </ng-container>\n                    </ng-container>\n                    <ng-container *ngIf=\"itemTemplate\">\n                        <ng-template *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\"></ng-template>\n                    </ng-container>\n                </a>\n            </li>\n            <li *ngIf=\"!end\" class=\"cax-menuitem-separator\" [attr.data-pc-section]=\"'separator'\">\n                <ChevronRightIcon *ngIf=\"!separatorTemplate\" />\n                <ng-template *ngTemplateOutlet=\"separatorTemplate\"></ng-template>\n            </li>\n        </ng-template>\n    </ol>\n</nav>\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: [{
                 type: Input
             }], style: [{

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

@@ -1 +1 @@
-{"version":3,"file":"cax-design-system-breadcrumb.mjs","sources":["../../src/app/components/breadcrumb/breadcrumb.ts","../../src/app/components/breadcrumb/breadcrumb.html","../../src/app/components/breadcrumb/breadcrumb.module.ts","../../src/app/components/breadcrumb/cax-design-system-breadcrumb.ts"],"sourcesContent":["import { AfterContentInit, ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Input, Output, QueryList, TemplateRef, ViewEncapsulation } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { MenuItem, CaxTemplate } from 'cax-design-system/api';\nimport { BreadcrumbItemClickEvent } from './breadcrumb.interface';\n/**\n * Breadcrumb provides contextual information about page hierarchy.\n * @group Components\n */\n@Component({\n    selector: 'cax-breadcrumb',\n    templateUrl: `./breadcrumb.html`,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./breadcrumb.scss'],\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class Breadcrumb implements AfterContentInit {\n    /**\n     * An array of menuitems.\n     * @group Props\n     */\n    @Input() model: MenuItem[] | undefined;\n    /**\n     * Inline style of the component.\n     * @group Props\n     */\n    @Input() style: { [klass: string]: any } | null | undefined;\n    /**\n     * Style class of the component.\n     * @group Props\n     */\n    @Input() styleClass: string | undefined;\n    /**\n     * MenuItem configuration for the home icon.\n     * @group Props\n     */\n    @Input() home: MenuItem | undefined;\n    /**\n     * Defines a string that labels the home icon for accessibility.\n     * @group Props\n     */\n    @Input() homeAriaLabel: string | undefined;\n    /**\n     * Fired when an item is selected.\n     * @param {BreadcrumbItemClickEvent} event - custom click event.\n     * @group Emits\n     */\n    @Output() onItemClick: EventEmitter<BreadcrumbItemClickEvent> = new EventEmitter<BreadcrumbItemClickEvent>();\n\n    @ContentChildren(CaxTemplate) templates: QueryList<CaxTemplate> | undefined;\n\n    separatorTemplate: TemplateRef<any> | undefined;\n\n    itemTemplate: TemplateRef<any> | undefined;\n\n    constructor(private router: Router) {}\n\n    onClick(event: MouseEvent, item: MenuItem) {\n        if (item.disabled) {\n            event.preventDefault();\n            return;\n        }\n\n        if (!item.url && !item.routerLink) {\n            event.preventDefault();\n        }\n\n        if (item.command) {\n            item.command({\n                originalEvent: event,\n                item: item\n            });\n        }\n\n        this.onItemClick.emit({\n            originalEvent: event,\n            item: item\n        });\n    }\n\n    onHomeClick(event: MouseEvent | any) {\n        if (this.home) {\n            this.onClick(event, this.home);\n        }\n    }\n\n    ngAfterContentInit() {\n        this.templates?.forEach((item) => {\n            switch (item.getType()) {\n                case 'separator':\n                    this.separatorTemplate = item.template;\n                    break;\n\n                case 'item':\n                    this.itemTemplate = item.template;\n                    break;\n\n                default:\n                    this.itemTemplate = item.template;\n                    break;\n            }\n        });\n    }\n\n    isCurrentUrl(item) {\n        const { routerLink } = item;\n        const lastPath = this.router ? this.router.url : '';\n\n        return routerLink === lastPath ? 'page' : undefined;\n    }\n}\n","<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","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { SharedModule } from 'cax-design-system/api';\nimport { ChevronRightIcon } from 'cax-design-system/icons/chevronright';\nimport { HomeIcon } from 'cax-design-system/icons/home';\nimport { TooltipModule } from 'cax-design-system/tooltip';\nimport { Breadcrumb } from './breadcrumb';\n\n@NgModule({\n    imports: [CommonModule, RouterModule, TooltipModule, ChevronRightIcon, HomeIcon, SharedModule],\n    exports: [Breadcrumb, RouterModule, TooltipModule, SharedModule],\n    declarations: [Breadcrumb]\n})\nexport class BreadcrumbModule {}\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-breadcrumb.mjs","sources":["../../src/app/components/breadcrumb/breadcrumb.ts","../../src/app/components/breadcrumb/breadcrumb.html","../../src/app/components/breadcrumb/breadcrumb.module.ts","../../src/app/components/breadcrumb/cax-design-system-breadcrumb.ts"],"sourcesContent":["import { AfterContentInit, ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Input, Output, QueryList, TemplateRef, ViewEncapsulation } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { MenuItem, CaxTemplate } from 'cax-design-system/api';\nimport { BreadcrumbItemClickEvent } from './breadcrumb.interface';\n/**\n * Breadcrumb provides contextual information about page hierarchy.\n * @group Components\n */\n@Component({\n    selector: 'cax-breadcrumb',\n    templateUrl: `./breadcrumb.html`,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    styleUrls: ['./breadcrumb.scss'],\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class Breadcrumb implements AfterContentInit {\n    /**\n     * An array of menuitems.\n     * @group Props\n     */\n    @Input() model: MenuItem[] | undefined;\n    /**\n     * Inline style of the component.\n     * @group Props\n     */\n    @Input() style: { [klass: string]: any } | null | undefined;\n    /**\n     * Style class of the component.\n     * @group Props\n     */\n    @Input() styleClass: string | undefined;\n    /**\n     * MenuItem configuration for the home icon.\n     * @group Props\n     */\n    @Input() home: MenuItem | undefined;\n    /**\n     * Defines a string that labels the home icon for accessibility.\n     * @group Props\n     */\n    @Input() homeAriaLabel: string | undefined;\n    /**\n     * Fired when an item is selected.\n     * @param {BreadcrumbItemClickEvent} event - custom click event.\n     * @group Emits\n     */\n    @Output() onItemClick: EventEmitter<BreadcrumbItemClickEvent> = new EventEmitter<BreadcrumbItemClickEvent>();\n\n    @ContentChildren(CaxTemplate) templates: QueryList<CaxTemplate> | undefined;\n\n    separatorTemplate: TemplateRef<any> | undefined;\n\n    itemTemplate: TemplateRef<any> | undefined;\n\n    constructor(private router: Router) {}\n\n    onClick(event: MouseEvent, item: MenuItem) {\n        if (item.disabled) {\n            event.preventDefault();\n            return;\n        }\n\n        if (!item.url && !item.routerLink) {\n            event.preventDefault();\n        }\n\n        if (item.command) {\n            item.command({\n                originalEvent: event,\n                item: item\n            });\n        }\n\n        this.onItemClick.emit({\n            originalEvent: event,\n            item: item\n        });\n    }\n\n    onHomeClick(event: MouseEvent | any) {\n        if (this.home) {\n            this.onClick(event, this.home);\n        }\n    }\n\n    ngAfterContentInit() {\n        this.templates?.forEach((item) => {\n            switch (item.getType()) {\n                case 'separator':\n                    this.separatorTemplate = item.template;\n                    break;\n\n                case 'item':\n                    this.itemTemplate = item.template;\n                    break;\n\n                default:\n                    this.itemTemplate = item.template;\n                    break;\n            }\n        });\n    }\n\n    isCurrentUrl(item) {\n        const { routerLink } = item;\n        const lastPath = this.router ? this.router.url : '';\n\n        return routerLink === lastPath ? 'page' : undefined;\n    }\n}\n","<nav [class]=\"styleClass\" [ngStyle]=\"style\" [ngClass]=\"'cax-breadcrumb cax-component'\" [attr.data-pc-name]=\"'breadcrumb'\" [attr.data-pc-section]=\"'root'\">\n    <ol [attr.data-pc-section]=\"'menu'\" class=\"cax-breadcrumb-list\">\n        <li\n            [class]=\"home.styleClass\"\n            [attr.id]=\"home.id\"\n            [ngClass]=\"{ 'cax-breadcrumb-home': true, 'cax-disabled': home.disabled }\"\n            [ngStyle]=\"home.style\"\n            *ngIf=\"home\"\n            caxTooltip\n            [tooltipOptions]=\"home.tooltipOptions\"\n            [attr.data-pc-section]=\"'home'\"\n            [attr.aria-disabled]=\"home.disabled\"\n        >\n            <a\n                [href]=\"home.url ? home.url : null\"\n                *ngIf=\"!home.routerLink\"\n                [attr.aria-label]=\"homeAriaLabel\"\n                class=\"cax-menuitem-link\"\n                (click)=\"onClick($event, home)\"\n                [target]=\"home.target\"\n                [attr.title]=\"home.title\"\n                [attr.tabindex]=\"home.disabled ? '-1' : home.tabindex || '0'\"\n                [attr.ariaCurrentWhenActive]=\"isCurrentUrl(home)\"\n            >\n                <span *ngIf=\"home.icon\" class=\"cax-menuitem-icon\" [ngClass]=\"home.icon\" [ngStyle]=\"home.iprivateyle\"></span>\n                <HomeIcon *ngIf=\"!home.icon\" [styleClass]=\"'cax-menuitem-icon'\" />\n                <ng-container *ngIf=\"home.label\">\n                    <span *ngIf=\"home.escape !== false; else htmlHomeLabel\" class=\"cax-menuitem-text\">{{ home.label }}</span>\n                    <ng-template #htmlHomeLabel><span class=\"cax-menuitem-text\" [innerHTML]=\"home.label\"></span></ng-template>\n                </ng-container>\n            </a>\n            <a\n                *ngIf=\"home.routerLink\"\n                [routerLink]=\"home.routerLink\"\n                [attr.aria-label]=\"homeAriaLabel\"\n                [queryParams]=\"home.queryParams\"\n                [routerLinkActive]=\"'cax-menuitem-link-active'\"\n                [routerLinkActiveOptions]=\"home.routerLinkActiveOptions || { exact: false }\"\n                class=\"cax-menuitem-link\"\n                (click)=\"onClick($event, home)\"\n                [target]=\"home.target\"\n                [attr.title]=\"home.title\"\n                [attr.tabindex]=\"home.disabled ? '-1' : home.tabindex || '0'\"\n                [attr.ariaCurrentWhenActive]=\"isCurrentUrl(home)\"\n                [fragment]=\"home.fragment\"\n                [queryParamsHandling]=\"home.queryParamsHandling\"\n                [preserveFragment]=\"home.preserveFragment\"\n                [skipLocationChange]=\"home.skipLocationChange\"\n                [replaceUrl]=\"home.replaceUrl\"\n                [state]=\"home.state\"\n            >\n                <span *ngIf=\"home.icon\" class=\"cax-menuitem-icon\" [ngClass]=\"home.icon\" [ngStyle]=\"home.iconStyle\"></span>\n                <HomeIcon *ngIf=\"!home.icon\" [styleClass]=\"'cax-menuitem-icon'\" />\n                <ng-container *ngIf=\"home.label\">\n                    <span *ngIf=\"home.escape !== false; else htmlHomeRouteLabel\" class=\"cax-menuitem-text\">{{ home.label }}</span>\n                    <ng-template #htmlHomeRouteLabel><span class=\"cax-menuitem-text\" [innerHTML]=\"home.label\"></span></ng-template>\n                </ng-container>\n            </a>\n        </li>\n        <li *ngIf=\"model && home\" class=\"cax-menuitem-separator\" [attr.data-pc-section]=\"'separator'\">\n            <ChevronRightIcon *ngIf=\"!separatorTemplate\" />\n            <ng-template *ngTemplateOutlet=\"separatorTemplate\"></ng-template>\n        </li>\n        <ng-template ngFor let-item let-end=\"last\" [ngForOf]=\"model\">\n            <li\n                [class]=\"item.styleClass\"\n                [attr.id]=\"item.id\"\n                [attr.aria-disabled]=\"item.disabled\"\n                [ngStyle]=\"item.style\"\n                [ngClass]=\"{ 'cax-disabled': item.disabled }\"\n                caxTooltip\n                [tooltipOptions]=\"item.tooltipOptions\"\n                [attr.data-pc-section]=\"'menuitem'\"\n            >\n                <a\n                    *ngIf=\"!item.routerLink\"\n                    [attr.href]=\"item.url ? item.url : null\"\n                    class=\"cax-menuitem-link\"\n                    (click)=\"onClick($event, item)\"\n                    [target]=\"item.target\"\n                    [attr.title]=\"item.title\"\n                    [attr.tabindex]=\"item.disabled ? '-1' : item.tabindex || '0'\"\n                    [attr.ariaCurrentWhenActive]=\"isCurrentUrl(item)\"\n                >\n                    <ng-container *ngIf=\"!itemTemplate\">\n                        <span *ngIf=\"item.icon\" class=\"cax-menuitem-icon\" [ngClass]=\"item.icon\" [ngStyle]=\"item.iconStyle\"></span>\n                        <ng-container *ngIf=\"item.label\">\n                            <span *ngIf=\"item.escape !== false; else htmlLabel\" class=\"cax-menuitem-text\">{{ item.label }}</span>\n                            <ng-template #htmlLabel><span class=\"cax-menuitem-text\" [innerHTML]=\"item.label\"></span></ng-template>\n                        </ng-container>\n                    </ng-container>\n                    <ng-container *ngIf=\"itemTemplate\">\n                        <ng-template *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\"></ng-template>\n                    </ng-container>\n                </a>\n                <a\n                    *ngIf=\"item.routerLink\"\n                    [routerLink]=\"item.routerLink\"\n                    [queryParams]=\"item.queryParams\"\n                    [routerLinkActive]=\"'cax-menuitem-link-active'\"\n                    [routerLinkActiveOptions]=\"item.routerLinkActiveOptions || { exact: false }\"\n                    class=\"cax-menuitem-link\"\n                    (click)=\"onClick($event, item)\"\n                    [target]=\"item.target\"\n                    [attr.title]=\"item.title\"\n                    [attr.tabindex]=\"item.disabled ? '-1' : item.tabindex || '0'\"\n                    [fragment]=\"item.fragment\"\n                    [queryParamsHandling]=\"item.queryParamsHandling\"\n                    [preserveFragment]=\"item.preserveFragment\"\n                    [skipLocationChange]=\"item.skipLocationChange\"\n                    [replaceUrl]=\"item.replaceUrl\"\n                    [state]=\"item.state\"\n                    [attr.ariaCurrentWhenActive]=\"isCurrentUrl(item)\"\n                >\n                    <ng-container *ngIf=\"!itemTemplate\">\n                        <span *ngIf=\"item.icon\" class=\"cax-menuitem-icon\" [ngClass]=\"item.icon\" [ngStyle]=\"item.iconStyle\"></span>\n                        <ng-container *ngIf=\"item.label\">\n                            <span *ngIf=\"item.escape !== false; else htmlRouteLabel\" class=\"cax-menuitem-text\">{{ item.label }}</span>\n                            <ng-template #htmlRouteLabel><span class=\"cax-menuitem-text\" [innerHTML]=\"item.label\"></span></ng-template>\n                        </ng-container>\n                    </ng-container>\n                    <ng-container *ngIf=\"itemTemplate\">\n                        <ng-template *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\"></ng-template>\n                    </ng-container>\n                </a>\n            </li>\n            <li *ngIf=\"!end\" class=\"cax-menuitem-separator\" [attr.data-pc-section]=\"'separator'\">\n                <ChevronRightIcon *ngIf=\"!separatorTemplate\" />\n                <ng-template *ngTemplateOutlet=\"separatorTemplate\"></ng-template>\n            </li>\n        </ng-template>\n    </ol>\n</nav>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { SharedModule } from 'cax-design-system/api';\nimport { ChevronRightIcon } from 'cax-design-system/icons/chevronright';\nimport { HomeIcon } from 'cax-design-system/icons/home';\nimport { TooltipModule } from 'cax-design-system/tooltip';\nimport { Breadcrumb } from './breadcrumb';\n\n@NgModule({\n    imports: [CommonModule, RouterModule, TooltipModule, ChevronRightIcon, HomeIcon, SharedModule],\n    exports: [Breadcrumb, RouterModule, TooltipModule, SharedModule],\n    declarations: [Breadcrumb]\n})\nexport class BreadcrumbModule {}\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-button.mjs

@@ -113,14 +113,14 @@ class Button {
         this.el.nativeElement.firstChild.focus();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: Button, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: Button, isStandalone: true, selector: "cax-button", inputs: { type: "type", iconPos: "iconPos", icon: "icon", badge: "badge", rightIcon: "rightIcon", leftIcon: "leftIcon", label: "label", disabled: ["disabled", "disabled", booleanAttribute], loading: ["loading", "loading", booleanAttribute], loadingIcon: "loadingIcon", raised: ["raised", "raised", booleanAttribute], rounded: ["rounded", "rounded", booleanAttribute], text: ["text", "text", booleanAttribute], plain: ["plain", "plain", booleanAttribute], severity: "severity", outlined: ["outlined", "outlined", booleanAttribute], link: ["link", "link", booleanAttribute], tabindex: ["tabindex", "tabindex", numberAttribute], size: "size", style: "style", styleClass: "styleClass", badgeClass: "badgeClass", ariaLabel: "ariaLabel", autofocus: ["autofocus", "autofocus", booleanAttribute] }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur" }, host: { properties: { "class.cax-disabled": "disabled" }, classAttribute: "cax-element" }, queries: [{ propertyName: "templates", predicate: CaxTemplate }], ngImport: i0, template: "<button\r\n    [attr.type]=\"type\"\r\n    [attr.aria-label]=\"ariaLabel\"\r\n    [ngStyle]=\"style\"\r\n    [disabled]=\"disabled || loading\"\r\n    [ngClass]=\"buttonClass\"\r\n    (click)=\"onClick.emit($event)\"\r\n    (focus)=\"onFocus.emit($event)\"\r\n    (blur)=\"onBlur.emit($event)\"\r\n    caxRipple\r\n    [attr.data-pc-name]=\"'button'\"\r\n    [attr.data-pc-section]=\"'root'\"\r\n    [attr.tabindex]=\"tabindex\"\r\n    caxAutoFocus\r\n    [autofocus]=\"autofocus\"\r\n>\r\n    <ng-container *ngIf=\"loading\" class=\"cax-button-content-wrapper\">\r\n        <ng-container class=\"cax-button-loading-container\">\r\n            <SpinnerIcon [styleClass]=\"spinnerIconClass()\" class=\"cax-main-loader cax-button-label\" [spin]=\"true\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'loadingicon'\" />\r\n        </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"!loading\">\r\n        <!-- Center Icon when there's no label -->\r\n        <ng-container *ngIf=\"!label\">\r\n            <span *ngIf=\"icon\" class=\"cax-button-icon-center\" [ngClass]=\"icon\"></span>\r\n        </ng-container>\r\n\r\n        <!-- Left and Right Icons with Label -->\r\n        <ng-container class=\"cax-button-content-wrapper\" *ngIf=\"label\">\r\n            <!-- Left Icon -->\r\n            <ng-container *ngIf=\"leftIcon\">\r\n                <span class=\"cax-button-icon-left\" [ngClass]=\"leftIcon\"></span>\r\n            </ng-container>\r\n            <!-- Label -->\r\n            <span class=\"cax-button-label\">{{ label }}</span>\r\n            <!-- Right Icon -->\r\n            <ng-container *ngIf=\"rightIcon\">\r\n                <span class=\"cax-button-icon-right\" [ngClass]=\"rightIcon\"></span>\r\n            </ng-container>\r\n        </ng-container>\r\n    </ng-container>\r\n    <!-- Badge -->\r\n    <span [ngClass]=\"badgeStyleClass()\" [class]=\"badgeClass\" *ngIf=\"badge\" [attr.data-pc-section]=\"'badge'\">{{ badge }}</span>\r\n</button>\r\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: Ripple, selector: "[caxRipple]" }, { kind: "directive", type: AutoFocus, selector: "[caxAutoFocus]", inputs: ["autofocus"] }, { kind: "component", type: SpinnerIcon, selector: "SpinnerIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: Button, isStandalone: true, selector: "cax-button", inputs: { type: "type", iconPos: "iconPos", icon: "icon", badge: "badge", rightIcon: "rightIcon", leftIcon: "leftIcon", label: "label", disabled: ["disabled", "disabled", booleanAttribute], loading: ["loading", "loading", booleanAttribute], loadingIcon: "loadingIcon", raised: ["raised", "raised", booleanAttribute], rounded: ["rounded", "rounded", booleanAttribute], text: ["text", "text", booleanAttribute], plain: ["plain", "plain", booleanAttribute], severity: "severity", outlined: ["outlined", "outlined", booleanAttribute], link: ["link", "link", booleanAttribute], tabindex: ["tabindex", "tabindex", numberAttribute], size: "size", style: "style", styleClass: "styleClass", badgeClass: "badgeClass", ariaLabel: "ariaLabel", autofocus: ["autofocus", "autofocus", booleanAttribute] }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur" }, host: { properties: { "class.cax-disabled": "disabled" }, classAttribute: "cax-element" }, queries: [{ propertyName: "templates", predicate: CaxTemplate }], ngImport: i0, template: "<button\n    [attr.type]=\"type\"\n    [attr.aria-label]=\"ariaLabel\"\n    [ngStyle]=\"style\"\n    [disabled]=\"disabled || loading\"\n    [ngClass]=\"buttonClass\"\n    (click)=\"onClick.emit($event)\"\n    (focus)=\"onFocus.emit($event)\"\n    (blur)=\"onBlur.emit($event)\"\n    caxRipple\n    [attr.data-pc-name]=\"'button'\"\n    [attr.data-pc-section]=\"'root'\"\n    [attr.tabindex]=\"tabindex\"\n    caxAutoFocus\n    [autofocus]=\"autofocus\"\n>\n    <ng-container *ngIf=\"loading\" class=\"cax-button-content-wrapper\">\n        <ng-container class=\"cax-button-loading-container\">\n            <SpinnerIcon [styleClass]=\"spinnerIconClass()\" class=\"cax-main-loader cax-button-label\" [spin]=\"true\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'loadingicon'\" />\n        </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"!loading\">\n        <!-- Center Icon when there's no label -->\n        <ng-container *ngIf=\"!label\">\n            <span *ngIf=\"icon\" class=\"cax-button-icon-center\" [ngClass]=\"icon\"></span>\n        </ng-container>\n\n        <!-- Left and Right Icons with Label -->\n        <ng-container class=\"cax-button-content-wrapper\" *ngIf=\"label\">\n            <!-- Left Icon -->\n            <ng-container *ngIf=\"leftIcon\">\n                <span class=\"cax-button-icon-left\" [ngClass]=\"leftIcon\"></span>\n            </ng-container>\n            <!-- Label -->\n            <span class=\"cax-button-label\">{{ label }}</span>\n            <!-- Right Icon -->\n            <ng-container *ngIf=\"rightIcon\">\n                <span class=\"cax-button-icon-right\" [ngClass]=\"rightIcon\"></span>\n            </ng-container>\n        </ng-container>\n    </ng-container>\n    <!-- Badge -->\n    <span [ngClass]=\"badgeStyleClass()\" [class]=\"badgeClass\" *ngIf=\"badge\" [attr.data-pc-section]=\"'badge'\">{{ badge }}</span>\n</button>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: Ripple, selector: "[caxRipple]" }, { kind: "directive", type: AutoFocus, selector: "[caxAutoFocus]", inputs: ["autofocus"] }, { kind: "component", type: SpinnerIcon, selector: "SpinnerIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: Button, decorators: [{
             type: Component,
             args: [{ selector: 'cax-button', standalone: true, imports: [NgIf, NgTemplateOutlet, NgStyle, NgClass, Ripple, AutoFocus, SpinnerIcon], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'cax-element',
                         '[class.cax-disabled]': 'disabled' || 'loading'
-                    }, template: "<button\r\n    [attr.type]=\"type\"\r\n    [attr.aria-label]=\"ariaLabel\"\r\n    [ngStyle]=\"style\"\r\n    [disabled]=\"disabled || loading\"\r\n    [ngClass]=\"buttonClass\"\r\n    (click)=\"onClick.emit($event)\"\r\n    (focus)=\"onFocus.emit($event)\"\r\n    (blur)=\"onBlur.emit($event)\"\r\n    caxRipple\r\n    [attr.data-pc-name]=\"'button'\"\r\n    [attr.data-pc-section]=\"'root'\"\r\n    [attr.tabindex]=\"tabindex\"\r\n    caxAutoFocus\r\n    [autofocus]=\"autofocus\"\r\n>\r\n    <ng-container *ngIf=\"loading\" class=\"cax-button-content-wrapper\">\r\n        <ng-container class=\"cax-button-loading-container\">\r\n            <SpinnerIcon [styleClass]=\"spinnerIconClass()\" class=\"cax-main-loader cax-button-label\" [spin]=\"true\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'loadingicon'\" />\r\n        </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"!loading\">\r\n        <!-- Center Icon when there's no label -->\r\n        <ng-container *ngIf=\"!label\">\r\n            <span *ngIf=\"icon\" class=\"cax-button-icon-center\" [ngClass]=\"icon\"></span>\r\n        </ng-container>\r\n\r\n        <!-- Left and Right Icons with Label -->\r\n        <ng-container class=\"cax-button-content-wrapper\" *ngIf=\"label\">\r\n            <!-- Left Icon -->\r\n            <ng-container *ngIf=\"leftIcon\">\r\n                <span class=\"cax-button-icon-left\" [ngClass]=\"leftIcon\"></span>\r\n            </ng-container>\r\n            <!-- Label -->\r\n            <span class=\"cax-button-label\">{{ label }}</span>\r\n            <!-- Right Icon -->\r\n            <ng-container *ngIf=\"rightIcon\">\r\n                <span class=\"cax-button-icon-right\" [ngClass]=\"rightIcon\"></span>\r\n            </ng-container>\r\n        </ng-container>\r\n    </ng-container>\r\n    <!-- Badge -->\r\n    <span [ngClass]=\"badgeStyleClass()\" [class]=\"badgeClass\" *ngIf=\"badge\" [attr.data-pc-section]=\"'badge'\">{{ badge }}</span>\r\n</button>\r\n" }]
+                    }, template: "<button\n    [attr.type]=\"type\"\n    [attr.aria-label]=\"ariaLabel\"\n    [ngStyle]=\"style\"\n    [disabled]=\"disabled || loading\"\n    [ngClass]=\"buttonClass\"\n    (click)=\"onClick.emit($event)\"\n    (focus)=\"onFocus.emit($event)\"\n    (blur)=\"onBlur.emit($event)\"\n    caxRipple\n    [attr.data-pc-name]=\"'button'\"\n    [attr.data-pc-section]=\"'root'\"\n    [attr.tabindex]=\"tabindex\"\n    caxAutoFocus\n    [autofocus]=\"autofocus\"\n>\n    <ng-container *ngIf=\"loading\" class=\"cax-button-content-wrapper\">\n        <ng-container class=\"cax-button-loading-container\">\n            <SpinnerIcon [styleClass]=\"spinnerIconClass()\" class=\"cax-main-loader cax-button-label\" [spin]=\"true\" [attr.aria-hidden]=\"true\" [attr.data-pc-section]=\"'loadingicon'\" />\n        </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"!loading\">\n        <!-- Center Icon when there's no label -->\n        <ng-container *ngIf=\"!label\">\n            <span *ngIf=\"icon\" class=\"cax-button-icon-center\" [ngClass]=\"icon\"></span>\n        </ng-container>\n\n        <!-- Left and Right Icons with Label -->\n        <ng-container class=\"cax-button-content-wrapper\" *ngIf=\"label\">\n            <!-- Left Icon -->\n            <ng-container *ngIf=\"leftIcon\">\n                <span class=\"cax-button-icon-left\" [ngClass]=\"leftIcon\"></span>\n            </ng-container>\n            <!-- Label -->\n            <span class=\"cax-button-label\">{{ label }}</span>\n            <!-- Right Icon -->\n            <ng-container *ngIf=\"rightIcon\">\n                <span class=\"cax-button-icon-right\" [ngClass]=\"rightIcon\"></span>\n            </ng-container>\n        </ng-container>\n    </ng-container>\n    <!-- Badge -->\n    <span [ngClass]=\"badgeStyleClass()\" [class]=\"badgeClass\" *ngIf=\"badge\" [attr.data-pc-section]=\"'badge'\">{{ badge }}</span>\n</button>\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { type: [{
                 type: Input
             }], iconPos: [{