@acorex/components 20.1.23 → 20.1.25

package/fesm2022/acorex-components-breadcrumbs.mjs

@@ -1,7 +1,7 @@
 import { MXBaseComponent, AXComponent, MXInteractiveComponent } from '@acorex/cdk/common';
-import { NgTemplateOutlet, CommonModule } from '@angular/common';
+import { isPlatformBrowser, NgTemplateOutlet, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { contentChild, viewChild, ChangeDetectionStrategy, ViewEncapsulation, Component, inject, HostBinding, Input, NgModule } from '@angular/core';
+import { inject, PLATFORM_ID, contentChild, viewChild, ChangeDetectionStrategy, ViewEncapsulation, Component, HostBinding, Input, NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
 
 /**
@@ -12,6 +12,7 @@ import { RouterModule } from '@angular/router';
 class AXBreadCrumbsComponent extends MXBaseComponent {
     constructor() {
         super(...arguments);
+        this.platformId = inject(PLATFORM_ID);
         /**
          * Content child template for custom divider between breadcrumb items.
          */
@@ -26,16 +27,18 @@ class AXBreadCrumbsComponent extends MXBaseComponent {
      * This ensures that the most recent breadcrumb items are visible when there are many items.
      */
     ngAfterViewInit() {
-        this.getHostElement().scrollTo({
-            left: this.getHostElement().scrollWidth,
-            top: 0,
-            behavior: 'instant',
-        });
+        if (isPlatformBrowser(this.platformId)) {
+            this.getHostElement().scrollTo({
+                left: this.getHostElement().scrollWidth,
+                top: 0,
+                behavior: 'instant',
+            });
+        }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXBreadCrumbsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: AXBreadCrumbsComponent, isStandalone: true, selector: "ax-breadcrumbs", providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsComponent }], queries: [{ propertyName: "_divider", first: true, predicate: ["divider"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "dividerTemplate", first: true, predicate: ["dividerTpl"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n  @if (_divider()) {\n    <ng-container [ngTemplateOutlet]=\"_divider()\"></ng-container>\n  } @else {\n    <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n  }\n  <ng-template #default>\n    <div class=\"ax-breadcrumb-divider\">/</div>\n  </ng-template>\n</ng-template>\n", styles: ["ax-breadcrumbs{--ax-comp-breadcrumbs-text-opacity: .75;--ax-comp-breadcrumbs-prefix-padding-x: .5rem;--ax-comp-breadcrumbs-divider-padding-x: .375rem}ax-breadcrumbs{--ax-comp-breadcrumbs-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-breadcrumbs-text-active-color: var(--ax-sys-color-primary-surface)}ax-breadcrumbs{width:100%;overflow-x:auto;overflow-y:hidden;font-size:initial;align-items:center;display:inline-flex;scrollbar-width:thin;scroll-snap-type:x proximity;overscroll-behavior-x:contain}ax-breadcrumbs ax-breadcrumbs-item{cursor:pointer;font-weight:500;-webkit-user-select:none;user-select:none;align-items:center;white-space:nowrap;font-size:.875rem;display:inline-flex;line-height:1.25rem;text-decoration-line:none;color:rgba(var(--ax-comp-breadcrumbs-text-color),var(--ax-comp-breadcrumbs-text-opacity))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active .ax-breadcrumb-item-content{color:rgba(var(--ax-comp-breadcrumbs-text-active-color))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-disabled .ax-breadcrumb-item-content{opacity:.5;cursor:not-allowed}ax-breadcrumbs ax-breadcrumbs-item ax-prefix{padding:0 var(--ax-comp-breadcrumbs-prefix-padding-x)}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{font-size:.875rem;padding-inline:var(--ax-comp-breadcrumbs-divider-padding-x)}ax-breadcrumbs ax-breadcrumbs-item:first-child .ax-breadcrumb-divider{display:none}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXBreadCrumbsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", type: AXBreadCrumbsComponent, isStandalone: true, selector: "ax-breadcrumbs", providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsComponent }], queries: [{ propertyName: "_divider", first: true, predicate: ["divider"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "dividerTemplate", first: true, predicate: ["dividerTpl"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n  @if (_divider()) {\n    <ng-container [ngTemplateOutlet]=\"_divider()\"></ng-container>\n  } @else {\n    <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n  }\n  <ng-template #default>\n    <div class=\"ax-breadcrumb-divider\">/</div>\n  </ng-template>\n</ng-template>\n", styles: ["ax-breadcrumbs{--ax-comp-breadcrumbs-text-opacity: .75;--ax-comp-breadcrumbs-prefix-padding-x: .5rem;--ax-comp-breadcrumbs-divider-padding-x: .375rem}ax-breadcrumbs{--ax-comp-breadcrumbs-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-breadcrumbs-text-active-color: var(--ax-sys-color-primary-surface)}ax-breadcrumbs{width:100%;overflow-x:auto;overflow-y:hidden;font-size:initial;align-items:center;display:inline-flex;scrollbar-width:thin;scroll-snap-type:x proximity;overscroll-behavior-x:contain}ax-breadcrumbs ax-breadcrumbs-item{cursor:pointer;font-weight:500;-webkit-user-select:none;user-select:none;align-items:center;white-space:nowrap;font-size:.875rem;display:inline-flex;line-height:1.25rem;text-decoration-line:none;color:rgba(var(--ax-comp-breadcrumbs-text-color),var(--ax-comp-breadcrumbs-text-opacity))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active .ax-breadcrumb-item-content{color:rgba(var(--ax-comp-breadcrumbs-text-active-color))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-disabled .ax-breadcrumb-item-content{opacity:.5;cursor:not-allowed}ax-breadcrumbs ax-breadcrumbs-item ax-prefix{padding:0 var(--ax-comp-breadcrumbs-prefix-padding-x)}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{font-size:.875rem;padding-inline:var(--ax-comp-breadcrumbs-divider-padding-x)}ax-breadcrumbs ax-breadcrumbs-item:first-child .ax-breadcrumb-divider{display:none}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXBreadCrumbsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXBreadCrumbsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-breadcrumbs', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsComponent }], template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n  @if (_divider()) {\n    <ng-container [ngTemplateOutlet]=\"_divider()\"></ng-container>\n  } @else {\n    <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n  }\n  <ng-template #default>\n    <div class=\"ax-breadcrumb-divider\">/</div>\n  </ng-template>\n</ng-template>\n", styles: ["ax-breadcrumbs{--ax-comp-breadcrumbs-text-opacity: .75;--ax-comp-breadcrumbs-prefix-padding-x: .5rem;--ax-comp-breadcrumbs-divider-padding-x: .375rem}ax-breadcrumbs{--ax-comp-breadcrumbs-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-breadcrumbs-text-active-color: var(--ax-sys-color-primary-surface)}ax-breadcrumbs{width:100%;overflow-x:auto;overflow-y:hidden;font-size:initial;align-items:center;display:inline-flex;scrollbar-width:thin;scroll-snap-type:x proximity;overscroll-behavior-x:contain}ax-breadcrumbs ax-breadcrumbs-item{cursor:pointer;font-weight:500;-webkit-user-select:none;user-select:none;align-items:center;white-space:nowrap;font-size:.875rem;display:inline-flex;line-height:1.25rem;text-decoration-line:none;color:rgba(var(--ax-comp-breadcrumbs-text-color),var(--ax-comp-breadcrumbs-text-opacity))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active .ax-breadcrumb-item-content{color:rgba(var(--ax-comp-breadcrumbs-text-active-color))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-disabled .ax-breadcrumb-item-content{opacity:.5;cursor:not-allowed}ax-breadcrumbs ax-breadcrumbs-item ax-prefix{padding:0 var(--ax-comp-breadcrumbs-prefix-padding-x)}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{font-size:.875rem;padding-inline:var(--ax-comp-breadcrumbs-divider-padding-x)}ax-breadcrumbs ax-breadcrumbs-item:first-child .ax-breadcrumb-divider{display:none}\n"] }]
         }] });
@@ -60,10 +63,10 @@ class AXBreadCrumbsItemComponent extends MXInteractiveComponent {
     get __hostClass() {
         return [`${this.active ? 'ax-state-active' : ''}`, `${this.disabled ? 'ax-state-disabled' : ''}`];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXBreadCrumbsItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: AXBreadCrumbsItemComponent, isStandalone: true, selector: "ax-breadcrumbs-item", inputs: { disabled: "disabled", active: "active" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsItemComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-breadcrumb-divider\">\n  <ng-container [ngTemplateOutlet]=\"_parent.dividerTemplate()\"></ng-container>\n</div>\n\n<div class=\"ax-breadcrumb-item-content\">\n  <ng-content select=\"ax-prefix\"></ng-content>\n  <ng-content></ng-content>\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXBreadCrumbsItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXBreadCrumbsItemComponent, isStandalone: true, selector: "ax-breadcrumbs-item", inputs: { disabled: "disabled", active: "active" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsItemComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-breadcrumb-divider\">\n  <ng-container [ngTemplateOutlet]=\"_parent.dividerTemplate()\"></ng-container>\n</div>\n\n<div class=\"ax-breadcrumb-item-content\">\n  <ng-content select=\"ax-prefix\"></ng-content>\n  <ng-content></ng-content>\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXBreadCrumbsItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXBreadCrumbsItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-breadcrumbs-item', inputs: ['disabled'], imports: [NgTemplateOutlet], providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsItemComponent }], template: "<div class=\"ax-breadcrumb-divider\">\n  <ng-container [ngTemplateOutlet]=\"_parent.dividerTemplate()\"></ng-container>\n</div>\n\n<div class=\"ax-breadcrumb-item-content\">\n  <ng-content select=\"ax-prefix\"></ng-content>\n  <ng-content></ng-content>\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n" }]
         }], propDecorators: { active: [{
@@ -74,11 +77,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
             }] } });
 
 class AXBreadcrumbsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXBreadcrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: AXBreadcrumbsModule, imports: [CommonModule, RouterModule, AXBreadCrumbsComponent, AXBreadCrumbsItemComponent], exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXBreadcrumbsModule, imports: [CommonModule, RouterModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXBreadcrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.8", ngImport: i0, type: AXBreadcrumbsModule, imports: [CommonModule, RouterModule, AXBreadCrumbsComponent, AXBreadCrumbsItemComponent], exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXBreadcrumbsModule, imports: [CommonModule, RouterModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXBreadcrumbsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXBreadcrumbsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, RouterModule, AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],

package/fesm2022/acorex-components-breadcrumbs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-breadcrumbs.mjs","sources":["../tmp-esm2022/breadcrumbs/lib/breadcrumbs.component.js","../tmp-esm2022/breadcrumbs/lib/breadcrumbs-item.component.js","../tmp-esm2022/breadcrumbs/lib/breadcrumbs.module.js","../tmp-esm2022/breadcrumbs/acorex-components-breadcrumbs.js"],"sourcesContent":["import { AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, contentChild, viewChild, ViewEncapsulation, } from '@angular/core';\nimport * as i0 from \"@angular/core\";\n/**\n * The Breadcrumbs component displays a navigation trail of links, helping users to track their location within an application's hierarchy.\n *\n * @category Components\n */\nexport class AXBreadCrumbsComponent extends MXBaseComponent {\n    constructor() {\n        super(...arguments);\n        /**\n         * Content child template for custom divider between breadcrumb items.\n         */\n        this._divider = contentChild('divider', ...(ngDevMode ? [{ debugName: \"_divider\" }] : []));\n        /**\n         * View child template for the divider template.\n         */\n        this.dividerTemplate = viewChild('dividerTpl', ...(ngDevMode ? [{ debugName: \"dividerTemplate\" }] : []));\n    }\n    /**\n     * Scrolls the breadcrumbs container to the rightmost position after view initialization.\n     * This ensures that the most recent breadcrumb items are visible when there are many items.\n     */\n    ngAfterViewInit() {\n        this.getHostElement().scrollTo({\n            left: this.getHostElement().scrollWidth,\n            top: 0,\n            behavior: 'instant',\n        });\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.3\", ngImport: i0, type: AXBreadCrumbsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.1.3\", type: AXBreadCrumbsComponent, isStandalone: true, selector: \"ax-breadcrumbs\", providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsComponent }], queries: [{ propertyName: \"_divider\", first: true, predicate: [\"divider\"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: \"dividerTemplate\", first: true, predicate: [\"dividerTpl\"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: \"<ng-content select=\\\"ax-breadcrumbs-item\\\"></ng-content>\\n<ng-template #dividerTpl>\\n  @if (_divider()) {\\n    <ng-container [ngTemplateOutlet]=\\\"_divider()\\\"></ng-container>\\n  } @else {\\n    <ng-container [ngTemplateOutlet]=\\\"default\\\"></ng-container>\\n  }\\n  <ng-template #default>\\n    <div class=\\\"ax-breadcrumb-divider\\\">/</div>\\n  </ng-template>\\n</ng-template>\\n\", styles: [\"ax-breadcrumbs{--ax-comp-breadcrumbs-text-opacity: .75;--ax-comp-breadcrumbs-prefix-padding-x: .5rem;--ax-comp-breadcrumbs-divider-padding-x: .375rem}ax-breadcrumbs{--ax-comp-breadcrumbs-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-breadcrumbs-text-active-color: var(--ax-sys-color-primary-surface)}ax-breadcrumbs{width:100%;overflow-x:auto;overflow-y:hidden;font-size:initial;align-items:center;display:inline-flex;scrollbar-width:thin;scroll-snap-type:x proximity;overscroll-behavior-x:contain}ax-breadcrumbs ax-breadcrumbs-item{cursor:pointer;font-weight:500;-webkit-user-select:none;user-select:none;align-items:center;white-space:nowrap;font-size:.875rem;display:inline-flex;line-height:1.25rem;text-decoration-line:none;color:rgba(var(--ax-comp-breadcrumbs-text-color),var(--ax-comp-breadcrumbs-text-opacity))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active .ax-breadcrumb-item-content{color:rgba(var(--ax-comp-breadcrumbs-text-active-color))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-disabled .ax-breadcrumb-item-content{opacity:.5;cursor:not-allowed}ax-breadcrumbs ax-breadcrumbs-item ax-prefix{padding:0 var(--ax-comp-breadcrumbs-prefix-padding-x)}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{font-size:.875rem;padding-inline:var(--ax-comp-breadcrumbs-divider-padding-x)}ax-breadcrumbs ax-breadcrumbs-item:first-child .ax-breadcrumb-divider{display:none}\\n\"], dependencies: [{ kind: \"directive\", type: NgTemplateOutlet, selector: \"[ngTemplateOutlet]\", inputs: [\"ngTemplateOutletContext\", \"ngTemplateOutlet\", \"ngTemplateOutletInjector\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.3\", ngImport: i0, type: AXBreadCrumbsComponent, decorators: [{\n            type: Component,\n            args: [{ selector: 'ax-breadcrumbs', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsComponent }], template: \"<ng-content select=\\\"ax-breadcrumbs-item\\\"></ng-content>\\n<ng-template #dividerTpl>\\n  @if (_divider()) {\\n    <ng-container [ngTemplateOutlet]=\\\"_divider()\\\"></ng-container>\\n  } @else {\\n    <ng-container [ngTemplateOutlet]=\\\"default\\\"></ng-container>\\n  }\\n  <ng-template #default>\\n    <div class=\\\"ax-breadcrumb-divider\\\">/</div>\\n  </ng-template>\\n</ng-template>\\n\", styles: [\"ax-breadcrumbs{--ax-comp-breadcrumbs-text-opacity: .75;--ax-comp-breadcrumbs-prefix-padding-x: .5rem;--ax-comp-breadcrumbs-divider-padding-x: .375rem}ax-breadcrumbs{--ax-comp-breadcrumbs-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-breadcrumbs-text-active-color: var(--ax-sys-color-primary-surface)}ax-breadcrumbs{width:100%;overflow-x:auto;overflow-y:hidden;font-size:initial;align-items:center;display:inline-flex;scrollbar-width:thin;scroll-snap-type:x proximity;overscroll-behavior-x:contain}ax-breadcrumbs ax-breadcrumbs-item{cursor:pointer;font-weight:500;-webkit-user-select:none;user-select:none;align-items:center;white-space:nowrap;font-size:.875rem;display:inline-flex;line-height:1.25rem;text-decoration-line:none;color:rgba(var(--ax-comp-breadcrumbs-text-color),var(--ax-comp-breadcrumbs-text-opacity))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active .ax-breadcrumb-item-content{color:rgba(var(--ax-comp-breadcrumbs-text-active-color))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-disabled .ax-breadcrumb-item-content{opacity:.5;cursor:not-allowed}ax-breadcrumbs ax-breadcrumbs-item ax-prefix{padding:0 var(--ax-comp-breadcrumbs-prefix-padding-x)}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{font-size:.875rem;padding-inline:var(--ax-comp-breadcrumbs-divider-padding-x)}ax-breadcrumbs ax-breadcrumbs-item:first-child .ax-breadcrumb-divider{display:none}\\n\"] }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9icmVhZGNydW1icy9zcmMvbGliL2JyZWFkY3J1bWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvYnJlYWRjcnVtYnMvc3JjL2xpYi9icmVhZGNydW1icy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFFTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFFWixTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOztBQUV2Qjs7OztHQUlHO0FBVUgsTUFBTSxPQUFPLHNCQUF1QixTQUFRLGVBQWU7SUFUM0Q7O1FBVUU7O1dBRUc7UUFDTyxhQUFRLEdBQUcsWUFBWSxDQUFtQixTQUFTLG9EQUFDLENBQUM7UUFFL0Q7O1dBRUc7UUFDSCxvQkFBZSxHQUFHLFNBQVMsQ0FBbUIsWUFBWSwyREFBQyxDQUFDO0tBYTdEO0lBWEM7OztPQUdHO0lBQ0gsZUFBZTtRQUNiLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQyxRQUFRLENBQUM7WUFDN0IsSUFBSSxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQyxXQUFXO1lBQ3ZDLEdBQUcsRUFBRSxDQUFDO1lBQ04sUUFBUSxFQUFFLFNBQVM7U0FDcEIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0FyQlUsc0JBQXNCO2tHQUF0QixzQkFBc0IsNkRBRnRCLENBQUMsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxzQkFBc0IsRUFBRSxDQUFDLGlTQ3hCNUUsb1hBV0EsazdDRFlZLGdCQUFnQjs7MkZBR2Ysc0JBQXNCO2tCQVRsQyxTQUFTOytCQUNFLGdCQUFnQixpQkFHWCxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLFdBQ3RDLENBQUMsZ0JBQWdCLENBQUMsYUFDaEIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsV0FBVyx3QkFBd0IsRUFBRSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhDb21wb25lbnQsIE1YQmFzZUNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY2RrL2NvbW1vbic7XG5pbXBvcnQgeyBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIGNvbnRlbnRDaGlsZCxcbiAgVGVtcGxhdGVSZWYsXG4gIHZpZXdDaGlsZCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIFRoZSBCcmVhZGNydW1icyBjb21wb25lbnQgZGlzcGxheXMgYSBuYXZpZ2F0aW9uIHRyYWlsIG9mIGxpbmtzLCBoZWxwaW5nIHVzZXJzIHRvIHRyYWNrIHRoZWlyIGxvY2F0aW9uIHdpdGhpbiBhbiBhcHBsaWNhdGlvbidzIGhpZXJhcmNoeS5cbiAqXG4gKiBAY2F0ZWdvcnkgQ29tcG9uZW50c1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1icmVhZGNydW1icycsXG4gIHRlbXBsYXRlVXJsOiAnLi9icmVhZGNydW1icy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2JyZWFkY3J1bWJzLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbTmdUZW1wbGF0ZU91dGxldF0sXG4gIHByb3ZpZGVyczogW3sgcHJvdmlkZTogQVhDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWEJyZWFkQ3J1bWJzQ29tcG9uZW50IH1dLFxufSlcbmV4cG9ydCBjbGFzcyBBWEJyZWFkQ3J1bWJzQ29tcG9uZW50IGV4dGVuZHMgTVhCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIC8qKlxuICAgKiBDb250ZW50IGNoaWxkIHRlbXBsYXRlIGZvciBjdXN0b20gZGl2aWRlciBiZXR3ZWVuIGJyZWFkY3J1bWIgaXRlbXMuXG4gICAqL1xuICBwcm90ZWN0ZWQgX2RpdmlkZXIgPSBjb250ZW50Q2hpbGQ8VGVtcGxhdGVSZWY8YW55Pj4oJ2RpdmlkZXInKTtcblxuICAvKipcbiAgICogVmlldyBjaGlsZCB0ZW1wbGF0ZSBmb3IgdGhlIGRpdmlkZXIgdGVtcGxhdGUuXG4gICAqL1xuICBkaXZpZGVyVGVtcGxhdGUgPSB2aWV3Q2hpbGQ8VGVtcGxhdGVSZWY8YW55Pj4oJ2RpdmlkZXJUcGwnKTtcblxuICAvKipcbiAgICogU2Nyb2xscyB0aGUgYnJlYWRjcnVtYnMgY29udGFpbmVyIHRvIHRoZSByaWdodG1vc3QgcG9zaXRpb24gYWZ0ZXIgdmlldyBpbml0aWFsaXphdGlvbi5cbiAgICogVGhpcyBlbnN1cmVzIHRoYXQgdGhlIG1vc3QgcmVjZW50IGJyZWFkY3J1bWIgaXRlbXMgYXJlIHZpc2libGUgd2hlbiB0aGVyZSBhcmUgbWFueSBpdGVtcy5cbiAgICovXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmdldEhvc3RFbGVtZW50KCkuc2Nyb2xsVG8oe1xuICAgICAgbGVmdDogdGhpcy5nZXRIb3N0RWxlbWVudCgpLnNjcm9sbFdpZHRoLFxuICAgICAgdG9wOiAwLFxuICAgICAgYmVoYXZpb3I6ICdpbnN0YW50JyxcbiAgICB9KTtcbiAgfVxufVxuIiwiPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtYnJlYWRjcnVtYnMtaXRlbVwiPjwvbmctY29udGVudD5cbjxuZy10ZW1wbGF0ZSAjZGl2aWRlclRwbD5cbiAgQGlmIChfZGl2aWRlcigpKSB7XG4gICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJfZGl2aWRlcigpXCI+PC9uZy1jb250YWluZXI+XG4gIH0gQGVsc2Uge1xuICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiZGVmYXVsdFwiPjwvbmctY29udGFpbmVyPlxuICB9XG4gIDxuZy10ZW1wbGF0ZSAjZGVmYXVsdD5cbiAgICA8ZGl2IGNsYXNzPVwiYXgtYnJlYWRjcnVtYi1kaXZpZGVyXCI+LzwvZGl2PlxuICA8L25nLXRlbXBsYXRlPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==","import { AXComponent, MXInteractiveComponent } from '@acorex/cdk/common';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { Component, HostBinding, Input, inject } from '@angular/core';\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\nimport * as i0 from \"@angular/core\";\n/**\n * Component representing an item in a breadcrumbs navigation.\n *\n * @category Components\n */\nexport class AXBreadCrumbsItemComponent extends MXInteractiveComponent {\n    constructor() {\n        super(...arguments);\n        /**\n         * Reference to the parent breadcrumbs component.\n         */\n        this._parent = inject(AXBreadCrumbsComponent);\n    }\n    /**\n     * Host binding for CSS classes based on component state.\n     * Applies 'ax-state-active' when active is true and 'ax-state-disabled' when disabled is true.\n     */\n    get __hostClass() {\n        return [`${this.active ? 'ax-state-active' : ''}`, `${this.disabled ? 'ax-state-disabled' : ''}`];\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.3\", ngImport: i0, type: AXBreadCrumbsItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"20.1.3\", type: AXBreadCrumbsItemComponent, isStandalone: true, selector: \"ax-breadcrumbs-item\", inputs: { disabled: \"disabled\", active: \"active\" }, host: { properties: { \"class\": \"this.__hostClass\" } }, providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsItemComponent }], usesInheritance: true, ngImport: i0, template: \"<div class=\\\"ax-breadcrumb-divider\\\">\\n  <ng-container [ngTemplateOutlet]=\\\"_parent.dividerTemplate()\\\"></ng-container>\\n</div>\\n\\n<div class=\\\"ax-breadcrumb-item-content\\\">\\n  <ng-content select=\\\"ax-prefix\\\"></ng-content>\\n  <ng-content></ng-content>\\n  <ng-content select=\\\"ax-suffix\\\"></ng-content>\\n</div>\\n\", dependencies: [{ kind: \"directive\", type: NgTemplateOutlet, selector: \"[ngTemplateOutlet]\", inputs: [\"ngTemplateOutletContext\", \"ngTemplateOutlet\", \"ngTemplateOutletInjector\"] }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.3\", ngImport: i0, type: AXBreadCrumbsItemComponent, decorators: [{\n            type: Component,\n            args: [{ selector: 'ax-breadcrumbs-item', inputs: ['disabled'], imports: [NgTemplateOutlet], providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsItemComponent }], template: \"<div class=\\\"ax-breadcrumb-divider\\\">\\n  <ng-container [ngTemplateOutlet]=\\\"_parent.dividerTemplate()\\\"></ng-container>\\n</div>\\n\\n<div class=\\\"ax-breadcrumb-item-content\\\">\\n  <ng-content select=\\\"ax-prefix\\\"></ng-content>\\n  <ng-content></ng-content>\\n  <ng-content select=\\\"ax-suffix\\\"></ng-content>\\n</div>\\n\" }]\n        }], propDecorators: { active: [{\n                type: Input\n            }], __hostClass: [{\n                type: HostBinding,\n                args: ['class']\n            }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2JyZWFkY3J1bWJzL3NyYy9saWIvYnJlYWRjcnVtYnMtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2JyZWFkY3J1bWJzL3NyYy9saWIvYnJlYWRjcnVtYnMtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDekUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0RSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFFakU7Ozs7R0FJRztBQVFILE1BQU0sT0FBTywwQkFBMkIsU0FBUSxzQkFBc0I7SUFQdEU7O1FBUUU7O1dBRUc7UUFDSCxZQUFPLEdBQUcsTUFBTSxDQUF5QixzQkFBc0IsQ0FBQyxDQUFDO0tBZWxFO0lBUkM7OztPQUdHO0lBQ0gsSUFDWSxXQUFXO1FBQ3JCLE9BQU8sQ0FBQyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ3BHLENBQUM7OEdBbEJVLDBCQUEwQjtrR0FBMUIsMEJBQTBCLDZLQUYxQixDQUFDLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQUUsMEJBQTBCLEVBQUUsQ0FBQyxpRENmaEYsMFRBU0EsNENES1ksZ0JBQWdCOzsyRkFHZiwwQkFBMEI7a0JBUHRDLFNBQVM7K0JBQ0UscUJBQXFCLFVBQ3ZCLENBQUMsVUFBVSxDQUFDLFdBRVgsQ0FBQyxnQkFBZ0IsQ0FBQyxhQUNoQixDQUFDLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxXQUFXLDRCQUE0QixFQUFFLENBQUM7OEJBV3JFLE1BQU07c0JBQWQsS0FBSztnQkFPTSxXQUFXO3NCQUR0QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWENvbXBvbmVudCwgTVhJbnRlcmFjdGl2ZUNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY2RrL2NvbW1vbic7XG5pbXBvcnQgeyBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYQnJlYWRDcnVtYnNDb21wb25lbnQgfSBmcm9tICcuL2JyZWFkY3J1bWJzLmNvbXBvbmVudCc7XG5cbi8qKlxuICogQ29tcG9uZW50IHJlcHJlc2VudGluZyBhbiBpdGVtIGluIGEgYnJlYWRjcnVtYnMgbmF2aWdhdGlvbi5cbiAqXG4gKiBAY2F0ZWdvcnkgQ29tcG9uZW50c1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1icmVhZGNydW1icy1pdGVtJyxcbiAgaW5wdXRzOiBbJ2Rpc2FibGVkJ10sXG4gIHRlbXBsYXRlVXJsOiAnLi9icmVhZGNydW1icy1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgaW1wb3J0czogW05nVGVtcGxhdGVPdXRsZXRdLFxuICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IEFYQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhCcmVhZENydW1ic0l0ZW1Db21wb25lbnQgfV0sXG59KVxuZXhwb3J0IGNsYXNzIEFYQnJlYWRDcnVtYnNJdGVtQ29tcG9uZW50IGV4dGVuZHMgTVhJbnRlcmFjdGl2ZUNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBSZWZlcmVuY2UgdG8gdGhlIHBhcmVudCBicmVhZGNydW1icyBjb21wb25lbnQuXG4gICAqL1xuICBfcGFyZW50ID0gaW5qZWN0PEFYQnJlYWRDcnVtYnNDb21wb25lbnQ+KEFYQnJlYWRDcnVtYnNDb21wb25lbnQpO1xuXG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgd2hldGhlciB0aGlzIGJyZWFkY3J1bWIgaXRlbSBpcyB0aGUgY3VycmVudCBhY3RpdmUgaXRlbS5cbiAgICovXG4gIEBJbnB1dCgpIGFjdGl2ZTogYm9vbGVhbjtcblxuICAvKipcbiAgICogSG9zdCBiaW5kaW5nIGZvciBDU1MgY2xhc3NlcyBiYXNlZCBvbiBjb21wb25lbnQgc3RhdGUuXG4gICAqIEFwcGxpZXMgJ2F4LXN0YXRlLWFjdGl2ZScgd2hlbiBhY3RpdmUgaXMgdHJ1ZSBhbmQgJ2F4LXN0YXRlLWRpc2FibGVkJyB3aGVuIGRpc2FibGVkIGlzIHRydWUuXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHJpdmF0ZSBnZXQgX19ob3N0Q2xhc3MoKTogc3RyaW5nW10ge1xuICAgIHJldHVybiBbYCR7dGhpcy5hY3RpdmUgPyAnYXgtc3RhdGUtYWN0aXZlJyA6ICcnfWAsIGAke3RoaXMuZGlzYWJsZWQgPyAnYXgtc3RhdGUtZGlzYWJsZWQnIDogJyd9YF07XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJheC1icmVhZGNydW1iLWRpdmlkZXJcIj5cbiAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJfcGFyZW50LmRpdmlkZXJUZW1wbGF0ZSgpXCI+PC9uZy1jb250YWluZXI+XG48L2Rpdj5cblxuPGRpdiBjbGFzcz1cImF4LWJyZWFkY3J1bWItaXRlbS1jb250ZW50XCI+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LXByZWZpeFwiPjwvbmctY29udGVudD5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1zdWZmaXhcIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { AXBreadCrumbsItemComponent } from './breadcrumbs-item.component';\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\nimport * as i0 from \"@angular/core\";\nexport class AXBreadcrumbsModule {\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.3\", ngImport: i0, type: AXBreadcrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.1.3\", ngImport: i0, type: AXBreadcrumbsModule, imports: [CommonModule, RouterModule, AXBreadCrumbsComponent, AXBreadCrumbsItemComponent], exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent] }); }\n    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.1.3\", ngImport: i0, type: AXBreadcrumbsModule, imports: [CommonModule, RouterModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.3\", ngImport: i0, type: AXBreadcrumbsModule, decorators: [{\n            type: NgModule,\n            args: [{\n                    imports: [CommonModule, RouterModule, AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\n                    exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\n                    providers: [],\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9icmVhZGNydW1icy9zcmMvbGliL2JyZWFkY3J1bWJzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDMUUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0seUJBQXlCLENBQUM7O0FBT2pFLE1BQU0sT0FBTyxtQkFBbUI7OEdBQW5CLG1CQUFtQjsrR0FBbkIsbUJBQW1CLFlBSnBCLFlBQVksRUFBRSxZQUFZLEVBQUUsc0JBQXNCLEVBQUUsMEJBQTBCLGFBQzlFLHNCQUFzQixFQUFFLDBCQUEwQjsrR0FHakQsbUJBQW1CLFlBSnBCLFlBQVksRUFBRSxZQUFZOzsyRkFJekIsbUJBQW1CO2tCQUwvQixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxZQUFZLEVBQUUsc0JBQXNCLEVBQUUsMEJBQTBCLENBQUM7b0JBQ3pGLE9BQU8sRUFBRSxDQUFDLHNCQUFzQixFQUFFLDBCQUEwQixDQUFDO29CQUM3RCxTQUFTLEVBQUUsRUFBRTtpQkFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IEFYQnJlYWRDcnVtYnNJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9icmVhZGNydW1icy1pdGVtLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBWEJyZWFkQ3J1bWJzQ29tcG9uZW50IH0gZnJvbSAnLi9icmVhZGNydW1icy5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBSb3V0ZXJNb2R1bGUsIEFYQnJlYWRDcnVtYnNDb21wb25lbnQsIEFYQnJlYWRDcnVtYnNJdGVtQ29tcG9uZW50XSxcbiAgZXhwb3J0czogW0FYQnJlYWRDcnVtYnNDb21wb25lbnQsIEFYQnJlYWRDcnVtYnNJdGVtQ29tcG9uZW50XSxcbiAgcHJvdmlkZXJzOiBbXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhCcmVhZGNydW1ic01vZHVsZSB7fVxuIl19","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtYnJlYWRjcnVtYnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2JyZWFkY3J1bWJzL3NyYy9hY29yZXgtY29tcG9uZW50cy1icmVhZGNydW1icy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-breadcrumbs.mjs","sources":["../tmp-esm2022/breadcrumbs/lib/breadcrumbs.component.js","../tmp-esm2022/breadcrumbs/lib/breadcrumbs-item.component.js","../tmp-esm2022/breadcrumbs/lib/breadcrumbs.module.js","../tmp-esm2022/breadcrumbs/acorex-components-breadcrumbs.js"],"sourcesContent":["import { AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport { isPlatformBrowser, NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, contentChild, inject, PLATFORM_ID, viewChild, ViewEncapsulation, } from '@angular/core';\nimport * as i0 from \"@angular/core\";\n/**\n * The Breadcrumbs component displays a navigation trail of links, helping users to track their location within an application's hierarchy.\n *\n * @category Components\n */\nexport class AXBreadCrumbsComponent extends MXBaseComponent {\n    constructor() {\n        super(...arguments);\n        this.platformId = inject(PLATFORM_ID);\n        /**\n         * Content child template for custom divider between breadcrumb items.\n         */\n        this._divider = contentChild('divider', ...(ngDevMode ? [{ debugName: \"_divider\" }] : []));\n        /**\n         * View child template for the divider template.\n         */\n        this.dividerTemplate = viewChild('dividerTpl', ...(ngDevMode ? [{ debugName: \"dividerTemplate\" }] : []));\n    }\n    /**\n     * Scrolls the breadcrumbs container to the rightmost position after view initialization.\n     * This ensures that the most recent breadcrumb items are visible when there are many items.\n     */\n    ngAfterViewInit() {\n        if (isPlatformBrowser(this.platformId)) {\n            this.getHostElement().scrollTo({\n                left: this.getHostElement().scrollWidth,\n                top: 0,\n                behavior: 'instant',\n            });\n        }\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXBreadCrumbsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.1.8\", type: AXBreadCrumbsComponent, isStandalone: true, selector: \"ax-breadcrumbs\", providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsComponent }], queries: [{ propertyName: \"_divider\", first: true, predicate: [\"divider\"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: \"dividerTemplate\", first: true, predicate: [\"dividerTpl\"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: \"<ng-content select=\\\"ax-breadcrumbs-item\\\"></ng-content>\\n<ng-template #dividerTpl>\\n  @if (_divider()) {\\n    <ng-container [ngTemplateOutlet]=\\\"_divider()\\\"></ng-container>\\n  } @else {\\n    <ng-container [ngTemplateOutlet]=\\\"default\\\"></ng-container>\\n  }\\n  <ng-template #default>\\n    <div class=\\\"ax-breadcrumb-divider\\\">/</div>\\n  </ng-template>\\n</ng-template>\\n\", styles: [\"ax-breadcrumbs{--ax-comp-breadcrumbs-text-opacity: .75;--ax-comp-breadcrumbs-prefix-padding-x: .5rem;--ax-comp-breadcrumbs-divider-padding-x: .375rem}ax-breadcrumbs{--ax-comp-breadcrumbs-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-breadcrumbs-text-active-color: var(--ax-sys-color-primary-surface)}ax-breadcrumbs{width:100%;overflow-x:auto;overflow-y:hidden;font-size:initial;align-items:center;display:inline-flex;scrollbar-width:thin;scroll-snap-type:x proximity;overscroll-behavior-x:contain}ax-breadcrumbs ax-breadcrumbs-item{cursor:pointer;font-weight:500;-webkit-user-select:none;user-select:none;align-items:center;white-space:nowrap;font-size:.875rem;display:inline-flex;line-height:1.25rem;text-decoration-line:none;color:rgba(var(--ax-comp-breadcrumbs-text-color),var(--ax-comp-breadcrumbs-text-opacity))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active .ax-breadcrumb-item-content{color:rgba(var(--ax-comp-breadcrumbs-text-active-color))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-disabled .ax-breadcrumb-item-content{opacity:.5;cursor:not-allowed}ax-breadcrumbs ax-breadcrumbs-item ax-prefix{padding:0 var(--ax-comp-breadcrumbs-prefix-padding-x)}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{font-size:.875rem;padding-inline:var(--ax-comp-breadcrumbs-divider-padding-x)}ax-breadcrumbs ax-breadcrumbs-item:first-child .ax-breadcrumb-divider{display:none}\\n\"], dependencies: [{ kind: \"directive\", type: NgTemplateOutlet, selector: \"[ngTemplateOutlet]\", inputs: [\"ngTemplateOutletContext\", \"ngTemplateOutlet\", \"ngTemplateOutletInjector\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXBreadCrumbsComponent, decorators: [{\n            type: Component,\n            args: [{ selector: 'ax-breadcrumbs', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsComponent }], template: \"<ng-content select=\\\"ax-breadcrumbs-item\\\"></ng-content>\\n<ng-template #dividerTpl>\\n  @if (_divider()) {\\n    <ng-container [ngTemplateOutlet]=\\\"_divider()\\\"></ng-container>\\n  } @else {\\n    <ng-container [ngTemplateOutlet]=\\\"default\\\"></ng-container>\\n  }\\n  <ng-template #default>\\n    <div class=\\\"ax-breadcrumb-divider\\\">/</div>\\n  </ng-template>\\n</ng-template>\\n\", styles: [\"ax-breadcrumbs{--ax-comp-breadcrumbs-text-opacity: .75;--ax-comp-breadcrumbs-prefix-padding-x: .5rem;--ax-comp-breadcrumbs-divider-padding-x: .375rem}ax-breadcrumbs{--ax-comp-breadcrumbs-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-breadcrumbs-text-active-color: var(--ax-sys-color-primary-surface)}ax-breadcrumbs{width:100%;overflow-x:auto;overflow-y:hidden;font-size:initial;align-items:center;display:inline-flex;scrollbar-width:thin;scroll-snap-type:x proximity;overscroll-behavior-x:contain}ax-breadcrumbs ax-breadcrumbs-item{cursor:pointer;font-weight:500;-webkit-user-select:none;user-select:none;align-items:center;white-space:nowrap;font-size:.875rem;display:inline-flex;line-height:1.25rem;text-decoration-line:none;color:rgba(var(--ax-comp-breadcrumbs-text-color),var(--ax-comp-breadcrumbs-text-opacity))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active .ax-breadcrumb-item-content{color:rgba(var(--ax-comp-breadcrumbs-text-active-color))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-disabled .ax-breadcrumb-item-content{opacity:.5;cursor:not-allowed}ax-breadcrumbs ax-breadcrumbs-item ax-prefix{padding:0 var(--ax-comp-breadcrumbs-prefix-padding-x)}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{font-size:.875rem;padding-inline:var(--ax-comp-breadcrumbs-divider-padding-x)}ax-breadcrumbs ax-breadcrumbs-item:first-child .ax-breadcrumb-divider{display:none}\\n\"] }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9icmVhZGNydW1icy9zcmMvbGliL2JyZWFkY3J1bWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvYnJlYWRjcnVtYnMvc3JjL2xpYi9icmVhZGNydW1icy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3RFLE9BQU8sRUFFTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixNQUFNLEVBQ04sV0FBVyxFQUVYLFNBQVMsRUFDVCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7O0FBRXZCOzs7O0dBSUc7QUFVSCxNQUFNLE9BQU8sc0JBQXVCLFNBQVEsZUFBZTtJQVQzRDs7UUFVbUIsZUFBVSxHQUFHLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUNsRDs7V0FFRztRQUNPLGFBQVEsR0FBRyxZQUFZLENBQW1CLFNBQVMsb0RBQUMsQ0FBQztRQUUvRDs7V0FFRztRQUNILG9CQUFlLEdBQUcsU0FBUyxDQUFtQixZQUFZLDJEQUFDLENBQUM7S0FlN0Q7SUFiQzs7O09BR0c7SUFDSCxlQUFlO1FBQ2IsSUFBSSxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQztZQUN2QyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUMsUUFBUSxDQUFDO2dCQUM3QixJQUFJLEVBQUUsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDLFdBQVc7Z0JBQ3ZDLEdBQUcsRUFBRSxDQUFDO2dCQUNOLFFBQVEsRUFBRSxTQUFTO2FBQ3BCLENBQUMsQ0FBQztRQUNMLENBQUM7SUFDSCxDQUFDOzhHQXhCVSxzQkFBc0I7a0dBQXRCLHNCQUFzQiw2REFGdEIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsV0FBVyxFQUFFLHNCQUFzQixFQUFFLENBQUMsaVNDMUI1RSxvWEFXQSxrN0NEY1ksZ0JBQWdCOzsyRkFHZixzQkFBc0I7a0JBVGxDLFNBQVM7K0JBQ0UsZ0JBQWdCLGlCQUdYLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sV0FDdEMsQ0FBQyxnQkFBZ0IsQ0FBQyxhQUNoQixDQUFDLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxXQUFXLHdCQUF3QixFQUFFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWENvbXBvbmVudCwgTVhCYXNlQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jZGsvY29tbW9uJztcbmltcG9ydCB7IGlzUGxhdGZvcm1Ccm93c2VyLCBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIGNvbnRlbnRDaGlsZCxcbiAgaW5qZWN0LFxuICBQTEFURk9STV9JRCxcbiAgVGVtcGxhdGVSZWYsXG4gIHZpZXdDaGlsZCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIFRoZSBCcmVhZGNydW1icyBjb21wb25lbnQgZGlzcGxheXMgYSBuYXZpZ2F0aW9uIHRyYWlsIG9mIGxpbmtzLCBoZWxwaW5nIHVzZXJzIHRvIHRyYWNrIHRoZWlyIGxvY2F0aW9uIHdpdGhpbiBhbiBhcHBsaWNhdGlvbidzIGhpZXJhcmNoeS5cbiAqXG4gKiBAY2F0ZWdvcnkgQ29tcG9uZW50c1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1icmVhZGNydW1icycsXG4gIHRlbXBsYXRlVXJsOiAnLi9icmVhZGNydW1icy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2JyZWFkY3J1bWJzLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbTmdUZW1wbGF0ZU91dGxldF0sXG4gIHByb3ZpZGVyczogW3sgcHJvdmlkZTogQVhDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWEJyZWFkQ3J1bWJzQ29tcG9uZW50IH1dLFxufSlcbmV4cG9ydCBjbGFzcyBBWEJyZWFkQ3J1bWJzQ29tcG9uZW50IGV4dGVuZHMgTVhCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIHByaXZhdGUgcmVhZG9ubHkgcGxhdGZvcm1JZCA9IGluamVjdChQTEFURk9STV9JRCk7XG4gIC8qKlxuICAgKiBDb250ZW50IGNoaWxkIHRlbXBsYXRlIGZvciBjdXN0b20gZGl2aWRlciBiZXR3ZWVuIGJyZWFkY3J1bWIgaXRlbXMuXG4gICAqL1xuICBwcm90ZWN0ZWQgX2RpdmlkZXIgPSBjb250ZW50Q2hpbGQ8VGVtcGxhdGVSZWY8YW55Pj4oJ2RpdmlkZXInKTtcblxuICAvKipcbiAgICogVmlldyBjaGlsZCB0ZW1wbGF0ZSBmb3IgdGhlIGRpdmlkZXIgdGVtcGxhdGUuXG4gICAqL1xuICBkaXZpZGVyVGVtcGxhdGUgPSB2aWV3Q2hpbGQ8VGVtcGxhdGVSZWY8YW55Pj4oJ2RpdmlkZXJUcGwnKTtcblxuICAvKipcbiAgICogU2Nyb2xscyB0aGUgYnJlYWRjcnVtYnMgY29udGFpbmVyIHRvIHRoZSByaWdodG1vc3QgcG9zaXRpb24gYWZ0ZXIgdmlldyBpbml0aWFsaXphdGlvbi5cbiAgICogVGhpcyBlbnN1cmVzIHRoYXQgdGhlIG1vc3QgcmVjZW50IGJyZWFkY3J1bWIgaXRlbXMgYXJlIHZpc2libGUgd2hlbiB0aGVyZSBhcmUgbWFueSBpdGVtcy5cbiAgICovXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBpZiAoaXNQbGF0Zm9ybUJyb3dzZXIodGhpcy5wbGF0Zm9ybUlkKSkge1xuICAgICAgdGhpcy5nZXRIb3N0RWxlbWVudCgpLnNjcm9sbFRvKHtcbiAgICAgICAgbGVmdDogdGhpcy5nZXRIb3N0RWxlbWVudCgpLnNjcm9sbFdpZHRoLFxuICAgICAgICB0b3A6IDAsXG4gICAgICAgIGJlaGF2aW9yOiAnaW5zdGFudCcsXG4gICAgICB9KTtcbiAgICB9XG4gIH1cbn1cbiIsIjxuZy1jb250ZW50IHNlbGVjdD1cImF4LWJyZWFkY3J1bWJzLWl0ZW1cIj48L25nLWNvbnRlbnQ+XG48bmctdGVtcGxhdGUgI2RpdmlkZXJUcGw+XG4gIEBpZiAoX2RpdmlkZXIoKSkge1xuICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiX2RpdmlkZXIoKVwiPjwvbmctY29udGFpbmVyPlxuICB9IEBlbHNlIHtcbiAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImRlZmF1bHRcIj48L25nLWNvbnRhaW5lcj5cbiAgfVxuICA8bmctdGVtcGxhdGUgI2RlZmF1bHQ+XG4gICAgPGRpdiBjbGFzcz1cImF4LWJyZWFkY3J1bWItZGl2aWRlclwiPi88L2Rpdj5cbiAgPC9uZy10ZW1wbGF0ZT5cbjwvbmctdGVtcGxhdGU+XG4iXX0=","import { AXComponent, MXInteractiveComponent } from '@acorex/cdk/common';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { Component, HostBinding, Input, inject } from '@angular/core';\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\nimport * as i0 from \"@angular/core\";\n/**\n * Component representing an item in a breadcrumbs navigation.\n *\n * @category Components\n */\nexport class AXBreadCrumbsItemComponent extends MXInteractiveComponent {\n    constructor() {\n        super(...arguments);\n        /**\n         * Reference to the parent breadcrumbs component.\n         */\n        this._parent = inject(AXBreadCrumbsComponent);\n    }\n    /**\n     * Host binding for CSS classes based on component state.\n     * Applies 'ax-state-active' when active is true and 'ax-state-disabled' when disabled is true.\n     */\n    get __hostClass() {\n        return [`${this.active ? 'ax-state-active' : ''}`, `${this.disabled ? 'ax-state-disabled' : ''}`];\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXBreadCrumbsItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"20.1.8\", type: AXBreadCrumbsItemComponent, isStandalone: true, selector: \"ax-breadcrumbs-item\", inputs: { disabled: \"disabled\", active: \"active\" }, host: { properties: { \"class\": \"this.__hostClass\" } }, providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsItemComponent }], usesInheritance: true, ngImport: i0, template: \"<div class=\\\"ax-breadcrumb-divider\\\">\\n  <ng-container [ngTemplateOutlet]=\\\"_parent.dividerTemplate()\\\"></ng-container>\\n</div>\\n\\n<div class=\\\"ax-breadcrumb-item-content\\\">\\n  <ng-content select=\\\"ax-prefix\\\"></ng-content>\\n  <ng-content></ng-content>\\n  <ng-content select=\\\"ax-suffix\\\"></ng-content>\\n</div>\\n\", dependencies: [{ kind: \"directive\", type: NgTemplateOutlet, selector: \"[ngTemplateOutlet]\", inputs: [\"ngTemplateOutletContext\", \"ngTemplateOutlet\", \"ngTemplateOutletInjector\"] }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXBreadCrumbsItemComponent, decorators: [{\n            type: Component,\n            args: [{ selector: 'ax-breadcrumbs-item', inputs: ['disabled'], imports: [NgTemplateOutlet], providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsItemComponent }], template: \"<div class=\\\"ax-breadcrumb-divider\\\">\\n  <ng-container [ngTemplateOutlet]=\\\"_parent.dividerTemplate()\\\"></ng-container>\\n</div>\\n\\n<div class=\\\"ax-breadcrumb-item-content\\\">\\n  <ng-content select=\\\"ax-prefix\\\"></ng-content>\\n  <ng-content></ng-content>\\n  <ng-content select=\\\"ax-suffix\\\"></ng-content>\\n</div>\\n\" }]\n        }], propDecorators: { active: [{\n                type: Input\n            }], __hostClass: [{\n                type: HostBinding,\n                args: ['class']\n            }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2JyZWFkY3J1bWJzL3NyYy9saWIvYnJlYWRjcnVtYnMtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2JyZWFkY3J1bWJzL3NyYy9saWIvYnJlYWRjcnVtYnMtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDekUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0RSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFFakU7Ozs7R0FJRztBQVFILE1BQU0sT0FBTywwQkFBMkIsU0FBUSxzQkFBc0I7SUFQdEU7O1FBUUU7O1dBRUc7UUFDSCxZQUFPLEdBQUcsTUFBTSxDQUF5QixzQkFBc0IsQ0FBQyxDQUFDO0tBZWxFO0lBUkM7OztPQUdHO0lBQ0gsSUFDWSxXQUFXO1FBQ3JCLE9BQU8sQ0FBQyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ3BHLENBQUM7OEdBbEJVLDBCQUEwQjtrR0FBMUIsMEJBQTBCLDZLQUYxQixDQUFDLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQUUsMEJBQTBCLEVBQUUsQ0FBQyxpRENmaEYsMFRBU0EsNENES1ksZ0JBQWdCOzsyRkFHZiwwQkFBMEI7a0JBUHRDLFNBQVM7K0JBQ0UscUJBQXFCLFVBQ3ZCLENBQUMsVUFBVSxDQUFDLFdBRVgsQ0FBQyxnQkFBZ0IsQ0FBQyxhQUNoQixDQUFDLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxXQUFXLDRCQUE0QixFQUFFLENBQUM7OEJBV3JFLE1BQU07c0JBQWQsS0FBSztnQkFPTSxXQUFXO3NCQUR0QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWENvbXBvbmVudCwgTVhJbnRlcmFjdGl2ZUNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY2RrL2NvbW1vbic7XG5pbXBvcnQgeyBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYQnJlYWRDcnVtYnNDb21wb25lbnQgfSBmcm9tICcuL2JyZWFkY3J1bWJzLmNvbXBvbmVudCc7XG5cbi8qKlxuICogQ29tcG9uZW50IHJlcHJlc2VudGluZyBhbiBpdGVtIGluIGEgYnJlYWRjcnVtYnMgbmF2aWdhdGlvbi5cbiAqXG4gKiBAY2F0ZWdvcnkgQ29tcG9uZW50c1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1icmVhZGNydW1icy1pdGVtJyxcbiAgaW5wdXRzOiBbJ2Rpc2FibGVkJ10sXG4gIHRlbXBsYXRlVXJsOiAnLi9icmVhZGNydW1icy1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgaW1wb3J0czogW05nVGVtcGxhdGVPdXRsZXRdLFxuICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IEFYQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhCcmVhZENydW1ic0l0ZW1Db21wb25lbnQgfV0sXG59KVxuZXhwb3J0IGNsYXNzIEFYQnJlYWRDcnVtYnNJdGVtQ29tcG9uZW50IGV4dGVuZHMgTVhJbnRlcmFjdGl2ZUNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBSZWZlcmVuY2UgdG8gdGhlIHBhcmVudCBicmVhZGNydW1icyBjb21wb25lbnQuXG4gICAqL1xuICBfcGFyZW50ID0gaW5qZWN0PEFYQnJlYWRDcnVtYnNDb21wb25lbnQ+KEFYQnJlYWRDcnVtYnNDb21wb25lbnQpO1xuXG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgd2hldGhlciB0aGlzIGJyZWFkY3J1bWIgaXRlbSBpcyB0aGUgY3VycmVudCBhY3RpdmUgaXRlbS5cbiAgICovXG4gIEBJbnB1dCgpIGFjdGl2ZTogYm9vbGVhbjtcblxuICAvKipcbiAgICogSG9zdCBiaW5kaW5nIGZvciBDU1MgY2xhc3NlcyBiYXNlZCBvbiBjb21wb25lbnQgc3RhdGUuXG4gICAqIEFwcGxpZXMgJ2F4LXN0YXRlLWFjdGl2ZScgd2hlbiBhY3RpdmUgaXMgdHJ1ZSBhbmQgJ2F4LXN0YXRlLWRpc2FibGVkJyB3aGVuIGRpc2FibGVkIGlzIHRydWUuXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHJpdmF0ZSBnZXQgX19ob3N0Q2xhc3MoKTogc3RyaW5nW10ge1xuICAgIHJldHVybiBbYCR7dGhpcy5hY3RpdmUgPyAnYXgtc3RhdGUtYWN0aXZlJyA6ICcnfWAsIGAke3RoaXMuZGlzYWJsZWQgPyAnYXgtc3RhdGUtZGlzYWJsZWQnIDogJyd9YF07XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJheC1icmVhZGNydW1iLWRpdmlkZXJcIj5cbiAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJfcGFyZW50LmRpdmlkZXJUZW1wbGF0ZSgpXCI+PC9uZy1jb250YWluZXI+XG48L2Rpdj5cblxuPGRpdiBjbGFzcz1cImF4LWJyZWFkY3J1bWItaXRlbS1jb250ZW50XCI+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LXByZWZpeFwiPjwvbmctY29udGVudD5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1zdWZmaXhcIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { AXBreadCrumbsItemComponent } from './breadcrumbs-item.component';\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\nimport * as i0 from \"@angular/core\";\nexport class AXBreadcrumbsModule {\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXBreadcrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.1.8\", ngImport: i0, type: AXBreadcrumbsModule, imports: [CommonModule, RouterModule, AXBreadCrumbsComponent, AXBreadCrumbsItemComponent], exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent] }); }\n    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXBreadcrumbsModule, imports: [CommonModule, RouterModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.8\", ngImport: i0, type: AXBreadcrumbsModule, decorators: [{\n            type: NgModule,\n            args: [{\n                    imports: [CommonModule, RouterModule, AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\n                    exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\n                    providers: [],\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYnMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9icmVhZGNydW1icy9zcmMvbGliL2JyZWFkY3J1bWJzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDMUUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0seUJBQXlCLENBQUM7O0FBT2pFLE1BQU0sT0FBTyxtQkFBbUI7OEdBQW5CLG1CQUFtQjsrR0FBbkIsbUJBQW1CLFlBSnBCLFlBQVksRUFBRSxZQUFZLEVBQUUsc0JBQXNCLEVBQUUsMEJBQTBCLGFBQzlFLHNCQUFzQixFQUFFLDBCQUEwQjsrR0FHakQsbUJBQW1CLFlBSnBCLFlBQVksRUFBRSxZQUFZOzsyRkFJekIsbUJBQW1CO2tCQUwvQixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxZQUFZLEVBQUUsc0JBQXNCLEVBQUUsMEJBQTBCLENBQUM7b0JBQ3pGLE9BQU8sRUFBRSxDQUFDLHNCQUFzQixFQUFFLDBCQUEwQixDQUFDO29CQUM3RCxTQUFTLEVBQUUsRUFBRTtpQkFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IEFYQnJlYWRDcnVtYnNJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9icmVhZGNydW1icy1pdGVtLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBWEJyZWFkQ3J1bWJzQ29tcG9uZW50IH0gZnJvbSAnLi9icmVhZGNydW1icy5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBSb3V0ZXJNb2R1bGUsIEFYQnJlYWRDcnVtYnNDb21wb25lbnQsIEFYQnJlYWRDcnVtYnNJdGVtQ29tcG9uZW50XSxcbiAgZXhwb3J0czogW0FYQnJlYWRDcnVtYnNDb21wb25lbnQsIEFYQnJlYWRDcnVtYnNJdGVtQ29tcG9uZW50XSxcbiAgcHJvdmlkZXJzOiBbXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhCcmVhZGNydW1ic01vZHVsZSB7fVxuIl19","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtYnJlYWRjcnVtYnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2JyZWFkY3J1bWJzL3NyYy9hY29yZXgtY29tcG9uZW50cy1icmVhZGNydW1icy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":";;;;;;AAIA;AACA;AACA;AACA;AACA;AACO,MAAM,sBAAsB,SAAS,eAAe,CAAC;AAC5D,IAAI,WAAW,GAAG;AAClB,QAAQ,KAAK,CAAC,GAAG,SAAS,CAAC;AAC3B,QAAQ,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC;AAC7C;AACA;AACA;AACA,QAAQ,IAAI,CAAC,QAAQ,GAAG,YAAY,CAAC,SAAS,EAAE,IAAI,SAAS,GAAG,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;AAClG;AACA;AACA;AACA,QAAQ,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC,YAAY,EAAE,IAAI,SAAS,GAAG,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;AAChH,IAAI;AACJ;AACA;AACA;AACA;AACA,IAAI,eAAe,GAAG;AACtB,QAAQ,IAAI,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;AAChD,YAAY,IAAI,CAAC,cAAc,EAAE,CAAC,QAAQ,CAAC;AAC3C,gBAAgB,IAAI,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC,WAAW;AACvD,gBAAgB,GAAG,EAAE,CAAC;AACtB,gBAAgB,QAAQ,EAAE,SAAS;AACnC,aAAa,CAAC;AACd,QAAQ;AACR,IAAI;AACJ,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,sBAAsB,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC;AAC1L,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,sBAAsB,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,sBAAsB,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,YAAY,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,SAAS,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,YAAY,EAAE,iBAAiB,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,YAAY,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,eAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,oXAAoX,EAAE,MAAM,EAAE,CAAC,03CAA03C,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,gBAAgB,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,EAAE,CAAC,yBAAyB,EAAE,kBAAkB,EAAE,0BAA0B,CAAC,EAAE,CAAC,EAAE,eAAe,EAAE,EAAE,CAAC,uBAAuB,CAAC,MAAM,EAAE,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC,CAAC;AACriF;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,sBAAsB,EAAE,UAAU,EAAE,CAAC;AAChI,YAAY,IAAI,EAAE,SAAS;AAC3B,YAAY,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE,aAAa,EAAE,iBAAiB,CAAC,IAAI,EAAE,eAAe,EAAE,uBAAuB,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,gBAAgB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,sBAAsB,EAAE,CAAC,EAAE,QAAQ,EAAE,oXAAoX,EAAE,MAAM,EAAE,CAAC,03CAA03C,CAAC,EAAE;AACx/D,SAAS,CAAC,EAAE,CAAC;;ACpCb;AACA;AACA;AACA;AACA;AACO,MAAM,0BAA0B,SAAS,sBAAsB,CAAC;AACvE,IAAI,WAAW,GAAG;AAClB,QAAQ,KAAK,CAAC,GAAG,SAAS,CAAC;AAC3B;AACA;AACA;AACA,QAAQ,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,sBAAsB,CAAC;AACrD,IAAI;AACJ;AACA;AACA;AACA;AACA,IAAI,IAAI,WAAW,GAAG;AACtB,QAAQ,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,GAAG,iBAAiB,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,QAAQ,GAAG,mBAAmB,GAAG,EAAE,CAAC,CAAC,CAAC;AACzG,IAAI;AACJ,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,0BAA0B,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC;AAC9L,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,0BAA0B,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,0BAA0B,EAAE,CAAC,EAAE,eAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,0TAA0T,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,gBAAgB,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,EAAE,CAAC,yBAAyB,EAAE,kBAAkB,EAAE,0BAA0B,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAC/4B;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,0BAA0B,EAAE,UAAU,EAAE,CAAC;AACpI,YAAY,IAAI,EAAE,SAAS;AAC3B,YAAY,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,EAAE,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,CAAC,gBAAgB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,0BAA0B,EAAE,CAAC,EAAE,QAAQ,EAAE,0TAA0T,EAAE;AAC/f,SAAS,CAAC,EAAE,cAAc,EAAE,EAAE,MAAM,EAAE,CAAC;AACvC,gBAAgB,IAAI,EAAE;AACtB,aAAa,CAAC,EAAE,WAAW,EAAE,CAAC;AAC9B,gBAAgB,IAAI,EAAE,WAAW;AACjC,gBAAgB,IAAI,EAAE,CAAC,OAAO;AAC9B,aAAa,CAAC,EAAE,EAAE,CAAC;;AC9BZ,MAAM,mBAAmB,CAAC;AACjC,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,CAAC;AACpL,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,sBAAsB,EAAE,0BAA0B,CAAC,EAAE,OAAO,EAAE,CAAC,sBAAsB,EAAE,0BAA0B,CAAC,EAAE,CAAC,CAAC;AAChS,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,EAAE,CAAC,CAAC;AAC7K;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE,UAAU,EAAE,CAAC;AAC7H,YAAY,IAAI,EAAE,QAAQ;AAC1B,YAAY,IAAI,EAAE,CAAC;AACnB,oBAAoB,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,sBAAsB,EAAE,0BAA0B,CAAC;AAC7G,oBAAoB,OAAO,EAAE,CAAC,sBAAsB,EAAE,0BAA0B,CAAC;AACjF,oBAAoB,SAAS,EAAE,EAAE;AACjC,iBAAiB;AACjB,SAAS,CAAC,EAAE,CAAC;;AClBb;AACA;AACA;;;;"}

package/fesm2022/acorex-components-button-group.mjs

@@ -36,6 +36,11 @@ class AXButtonGroupComponent extends classes(MXInteractiveComponent, MXColorLook
          * @event
          */
         this.selectionChange = new EventEmitter();
+        /**
+         * Emits the button item component instance when the selected button changes.
+         *
+         * @event
+         */
         this.selectedButtonChange = output();
     }
     #effect;
@@ -80,15 +85,22 @@ class AXButtonGroupComponent extends classes(MXInteractiveComponent, MXColorLook
             if (b['originDisabled'] == null) {
                 b['originDisabled'] = b.disabled;
             }
+            if (b['originColor'] == null) {
+                b['originColor'] = b.color;
+            }
             if (this.look)
                 b.look = this.look;
-            if (this.color)
-                b.color = this.color;
+            // Apply group color only if the item has not explicitly provided a color
+            if (this.color) {
+                const itemHasExplicitColor = b['originColor'] != null && b['originColor'] !== 'default';
+                b.color = itemHasExplicitColor ? b['originColor'] : this.color;
+            }
             b.disabled = b['originDisabled'] || this.disabled;
             b.toggleable = false;
         });
     }
     /**
+     *  @ignore
      * Updates component properties based on internal option changes.
      */
     internalOptionChanged() {
@@ -147,12 +159,12 @@ class AXButtonGroupComponent extends classes(MXInteractiveComponent, MXColorLook
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXButtonGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.3", type: AXButtonGroupComponent, isStandalone: true, selector: "ax-button-group", inputs: { disabled: "disabled", color: "color", look: "look", selection: "selection" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", lookChange: "lookChange", colorChange: "colorChange", disabledChange: "disabledChange", onClick: "onClick", selectionChange: "selectionChange", selectedButtonChange: "selectedButtonChange" }, host: { listeners: { "click": "__hostClick($event)" }, properties: { "class": "this.__hostClass", "attr.role": "this.role" } }, providers: [{ provide: AXComponent, useExisting: AXButtonGroupComponent }], queries: [{ propertyName: "_contentButtons", predicate: AXButtonGroupItemComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-container>\n  <ng-content select=\"ax-button-group-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex}ax-button-group ax-button-group-item ax-button{--ax-sys-transition-duration: 0}ax-button-group ax-button-group-item.ax-state-selected ax-button{z-index:1}ax-button-group ax-button-group-item:not(:first-child,:last-child) ax-button{--ax-comp-button-border-radius: 0}ax-button-group ax-button-group-item:not(:first-child) ax-button{margin-inline-start:-1px}ax-button-group ax-button-group-item:first-child ax-button{--ax-comp-button-border-radius: 0;border-start-start-radius:var(--ax-comp-button-group-border-radius, var(--ax-sys-border-radius));border-end-start-radius:var(--ax-comp-button-group-border-radius, var(--ax-sys-border-radius))}ax-button-group ax-button-group-item:last-child ax-button{--ax-comp-button-border-radius: 0;border-start-end-radius:var(--ax-comp-button-group-border-radius, var(--ax-sys-border-radius));border-end-end-radius:var(--ax-comp-button-group-border-radius, var(--ax-sys-border-radius))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXButtonGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.8", type: AXButtonGroupComponent, isStandalone: true, selector: "ax-button-group", inputs: { disabled: "disabled", color: "color", look: "look", selection: "selection" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", lookChange: "lookChange", colorChange: "colorChange", disabledChange: "disabledChange", onClick: "onClick", selectionChange: "selectionChange", selectedButtonChange: "selectedButtonChange" }, host: { listeners: { "click": "__hostClick($event)" }, properties: { "class": "this.__hostClass", "attr.role": "this.role" } }, providers: [{ provide: AXComponent, useExisting: AXButtonGroupComponent }], queries: [{ propertyName: "_contentButtons", predicate: AXButtonGroupItemComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-container>\n  <ng-content select=\"ax-button-group-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex;flex-wrap:wrap}ax-button-group ax-button-group-item{min-width:0}ax-button-group ax-button-group-item ax-button{--ax-sys-transition-duration: 0}ax-button-group ax-button-group-item ax-button>button .ax-button-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-button-group ax-button-group-item.ax-state-selected ax-button{z-index:1}ax-button-group ax-button-group-item:not(:first-child,:last-child) ax-button{--ax-comp-button-border-radius: 0}ax-button-group ax-button-group-item:not(:first-child) ax-button{margin-inline-start:-1px}ax-button-group ax-button-group-item.ax-row-start ax-button{margin-inline-start:0}ax-button-group ax-button-group-item:first-child ax-button,ax-button-group ax-button-group-item.ax-row-start ax-button{--ax-comp-button-border-radius: 0;border-start-start-radius:var(--ax-comp-button-group-border-radius, var(--ax-sys-border-radius));border-end-start-radius:var(--ax-comp-button-group-border-radius, var(--ax-sys-border-radius))}ax-button-group ax-button-group-item:last-child ax-button,ax-button-group ax-button-group-item.ax-row-end ax-button{--ax-comp-button-border-radius: 0;border-start-end-radius:var(--ax-comp-button-group-border-radius, var(--ax-sys-border-radius));border-end-end-radius:var(--ax-comp-button-group-border-radius, var(--ax-sys-border-radius))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXButtonGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXButtonGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-button-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: ['disabled', 'color', 'look'], outputs: ['onBlur', 'onFocus', 'lookChange', 'colorChange', 'disabledChange'], providers: [{ provide: AXComponent, useExisting: AXButtonGroupComponent }], template: "<ng-container>\n  <ng-content select=\"ax-button-group-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex}ax-button-group ax-button-group-item ax-button{--ax-sys-transition-duration: 0}ax-button-group ax-button-group-item.ax-state-selected ax-button{z-index:1}ax-button-group ax-button-group-item:not(:first-child,:last-child) ax-button{--ax-comp-button-border-radius: 0}ax-button-group ax-button-group-item:not(:first-child) ax-button{margin-inline-start:-1px}ax-button-group ax-button-group-item:first-child ax-button{--ax-comp-button-border-radius: 0;border-start-start-radius:var(--ax-comp-button-group-border-radius, var(--ax-sys-border-radius));border-end-start-radius:var(--ax-comp-button-group-border-radius, var(--ax-sys-border-radius))}ax-button-group ax-button-group-item:last-child ax-button{--ax-comp-button-border-radius: 0;border-start-end-radius:var(--ax-comp-button-group-border-radius, var(--ax-sys-border-radius));border-end-end-radius:var(--ax-comp-button-group-border-radius, var(--ax-sys-border-radius))}\n"] }]
+            args: [{ selector: 'ax-button-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: ['disabled', 'color', 'look'], outputs: ['onBlur', 'onFocus', 'lookChange', 'colorChange', 'disabledChange'], providers: [{ provide: AXComponent, useExisting: AXButtonGroupComponent }], template: "<ng-container>\n  <ng-content select=\"ax-button-group-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex;flex-wrap:wrap}ax-button-group ax-button-group-item{min-width:0}ax-button-group ax-button-group-item ax-button{--ax-sys-transition-duration: 0}ax-button-group ax-button-group-item ax-button>button .ax-button-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-button-group ax-button-group-item.ax-state-selected ax-button{z-index:1}ax-button-group ax-button-group-item:not(:first-child,:last-child) ax-button{--ax-comp-button-border-radius: 0}ax-button-group ax-button-group-item:not(:first-child) ax-button{margin-inline-start:-1px}ax-button-group ax-button-group-item.ax-row-start ax-button{margin-inline-start:0}ax-button-group ax-button-group-item:first-child ax-button,ax-button-group ax-button-group-item.ax-row-start ax-button{--ax-comp-button-border-radius: 0;border-start-start-radius:var(--ax-comp-button-group-border-radius, var(--ax-sys-border-radius));border-end-start-radius:var(--ax-comp-button-group-border-radius, var(--ax-sys-border-radius))}ax-button-group ax-button-group-item:last-child ax-button,ax-button-group ax-button-group-item.ax-row-end ax-button{--ax-comp-button-border-radius: 0;border-start-end-radius:var(--ax-comp-button-group-border-radius, var(--ax-sys-border-radius));border-end-end-radius:var(--ax-comp-button-group-border-radius, var(--ax-sys-border-radius))}\n"] }]
         }], propDecorators: { onClick: [{
                 type: Output
             }], selectionChange: [{
@@ -248,30 +260,30 @@ class AXButtonGroupItemComponent extends classes(MXInteractiveComponent, MXColor
             .map((c) => c[0])
             .join(' ');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXButtonGroupItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: AXButtonGroupItemComponent, isStandalone: true, selector: "ax-button-group-item", inputs: { color: "color", disabled: "disabled", text: "text", selected: "selected", divided: "divided", data: "data", name: "name" }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur", disabledChange: "disabledChange" }, host: { listeners: { "click": "__hostClick($event)", "focus": "__hostFocus($event)", "blur": "__hostBlur($event)" }, properties: { "class": "this.__hostClass", "attr.tabindex": "this.tabindex" } }, providers: [{ provide: AXComponent, useExisting: AXButtonGroupItemComponent }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXButtonGroupItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.8", type: AXButtonGroupItemComponent, isStandalone: true, selector: "ax-button-group-item", inputs: { color: "color", disabled: "disabled", text: "text", selected: "selected", divided: "divided", data: "data", name: "name" }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur", disabledChange: "disabledChange" }, host: { listeners: { "click": "__hostClick($event)", "focus": "__hostFocus($event)", "blur": "__hostBlur($event)" }, properties: { "class": "this.__hostClass", "attr.tabindex": "this.tabindex" } }, providers: [{ provide: AXComponent, useExisting: AXButtonGroupItemComponent }], usesInheritance: true, ngImport: i0, template: `
     <ax-button
-      [color]="selected ? color : 'default'"
+      [color]="color && color !== 'default' ? color : btnGroup.color"
       [text]="text"
       [look]="btnGroup.look"
       [disabled]="disabled"
-      [selected]="color === 'default' ? selected : false"
+      [selected]="selected"
     >
       <ng-content></ng-content>
     </ax-button>
   `, isInline: true, dependencies: [{ kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXButtonGroupItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXButtonGroupItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-button-group-item',
                     template: `
     <ax-button
-      [color]="selected ? color : 'default'"
+      [color]="color && color !== 'default' ? color : btnGroup.color"
       [text]="text"
       [look]="btnGroup.look"
       [disabled]="disabled"
-      [selected]="color === 'default' ? selected : false"
+      [selected]="selected"
     >
       <ng-content></ng-content>
     </ax-button>
@@ -315,11 +327,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
 const COMPONENT = [AXButtonGroupComponent, AXButtonGroupItemComponent];
 const MODULES = [CommonModule, AXDecoratorModule, AXButtonModule];
 class AXButtonGroupModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: AXButtonGroupModule, imports: [CommonModule, AXDecoratorModule, AXButtonModule, AXButtonGroupComponent, AXButtonGroupItemComponent], exports: [AXButtonGroupComponent, AXButtonGroupItemComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXButtonGroupModule, imports: [MODULES, AXButtonGroupItemComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.8", ngImport: i0, type: AXButtonGroupModule, imports: [CommonModule, AXDecoratorModule, AXButtonModule, AXButtonGroupComponent, AXButtonGroupItemComponent], exports: [AXButtonGroupComponent, AXButtonGroupItemComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXButtonGroupModule, imports: [MODULES, AXButtonGroupItemComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXButtonGroupModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXButtonGroupModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...MODULES, ...COMPONENT],