@acorex/components 7.1.2 → 7.1.5

package/fesm2022/acorex-components-badge.mjs

@@ -1,27 +1,22 @@
-import { _ColorLookComponentMixin, AXBaseComponent } from '@acorex/components/mixin';
+import { MXColorComponent } from '@acorex/components/common';
 import * as i0 from '@angular/core';
 import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, HostBinding, NgModule } from '@angular/core';
+import { classes } from 'polytype';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
-const AXBaseBadgeMixin = _ColorLookComponentMixin(AXBaseComponent);
-class AXBadgeComponent extends AXBaseBadgeMixin {
-    elementRef;
+class AXBadgeComponent extends classes(MXColorComponent) {
     text = '';
-    constructor(elementRef, cdr) {
-        super(elementRef, cdr);
-        this.elementRef = elementRef;
-    }
     get __hostClass() {
         return `ax-${this.color}-default ${!this.text ? 'ax-mini-badge' : ''} ${this.text.length == 1 ? 'ax-single-badge' : ''}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXBadgeComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXBadgeComponent, selector: "ax-badge", inputs: { color: "color", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:99rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem;display:flex;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{padding:.25rem .375rem;height:auto;word-break:break-all}ax-badge.ax-primary-default{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-badge.ax-info-default{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost-200));color:rgba(var(--ax-color-ghost-fore))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXBadgeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: AXBadgeComponent, selector: "ax-badge", inputs: { color: "color", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:99rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem;display:flex;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{padding:.25rem .375rem;height:auto;word-break:break-all}ax-badge.ax-primary-default{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-badge.ax-info-default{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost-200));color:rgba(var(--ax-color-ghost-fore))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXBadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXBadgeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-badge', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:99rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem;display:flex;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{padding:.25rem .375rem;height:auto;word-break:break-all}ax-badge.ax-primary-default{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-badge.ax-info-default{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost-200));color:rgba(var(--ax-color-ghost-fore))}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { text: [{
+            args: [{ selector: 'ax-badge', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:99rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem;display:flex;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{padding:.25rem .375rem;height:auto;word-break:break-all}ax-badge.ax-primary-default{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-badge.ax-info-default{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost-200));color:rgba(var(--ax-color-ghost-fore))}\n"] }]
+        }], propDecorators: { text: [{
                 type: Input
             }], __hostClass: [{
                 type: HostBinding,
@@ -31,11 +26,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
 const COMPONENT = [AXBadgeComponent];
 const MODULES = [CommonModule];
 class AXBadgeModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXBadgeModule, declarations: [AXBadgeComponent], imports: [CommonModule], exports: [AXBadgeComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXBadgeModule, imports: [MODULES] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.1", ngImport: i0, type: AXBadgeModule, declarations: [AXBadgeComponent], imports: [CommonModule], exports: [AXBadgeComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXBadgeModule, imports: [MODULES] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXBadgeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXBadgeModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],
@@ -49,5 +44,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXBadgeComponent, AXBadgeModule, AXBaseBadgeMixin };
+export { AXBadgeComponent, AXBadgeModule };
 //# sourceMappingURL=acorex-components-badge.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-badge.mjs","sources":["../../../../projects/acorex/components/badge/src/badge.component.ts","../../../../projects/acorex/components/badge/src/badge.component.html","../../../../projects/acorex/components/badge/src/badge.module.ts","../../../../projects/acorex/components/badge/acorex-components-badge.ts"],"sourcesContent":["import { _ColorLookComponentMixin, AXBaseComponent, COLOR_LOOK_INPUTS } from '@acorex/components/mixin';\r\nimport {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  Input,\r\n  HostBinding,\r\n} from '@angular/core';\r\n\r\n\r\nexport const AXBaseBadgeMixin = _ColorLookComponentMixin(AXBaseComponent);\r\n@Component({\r\n  selector: 'ax-badge',\r\n  templateUrl: './badge.component.html',\r\n  styleUrls: ['./badge.component.scss'],\r\n  inputs: ['color'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class AXBadgeComponent extends AXBaseBadgeMixin {\r\n  @Input() text: string = '';\r\n\r\n  constructor(private elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n    super(elementRef, cdr);\r\n  }\r\n\r\n  @HostBinding('class')\r\n  private get __hostClass(): string {\r\n    return `ax-${this.color}-default ${!this.text ? 'ax-mini-badge' : ''} ${this.text.length == 1 ? 'ax-single-badge' : ''}`\r\n  }\r\n}\r\n","<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXBadgeComponent } from './badge.component';\r\n\r\nconst COMPONENT = [AXBadgeComponent];\r\nconst MODULES = [CommonModule];\r\n\r\n@NgModule({\r\n  declarations: [...COMPONENT],\r\n  imports: [...MODULES],\r\n  exports: [...COMPONENT],\r\n  providers: [],\r\n})\r\nexport class AXBadgeModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-badge.mjs","sources":["../../../../projects/acorex/components/badge/src/badge.component.ts","../../../../projects/acorex/components/badge/src/badge.component.html","../../../../projects/acorex/components/badge/src/badge.module.ts","../../../../projects/acorex/components/badge/acorex-components-badge.ts"],"sourcesContent":["import { MXColorComponent } from '@acorex/components/common';\nimport {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  Input,\n  HostBinding,\n} from '@angular/core';\nimport { classes } from 'polytype';\n\n@Component({\n  selector: 'ax-badge',\n  templateUrl: './badge.component.html',\n  styleUrls: ['./badge.component.scss'],\n  inputs: ['color'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXBadgeComponent extends classes(MXColorComponent) {\n\n  @Input() text: string = '';\n\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-${this.color}-default ${!this.text ? 'ax-mini-badge' : ''} ${this.text.length == 1 ? 'ax-single-badge' : ''}`\n  }\n}\n","<ng-content select=\"ax-prefix\"></ng-content>\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\n<ng-content select=\"ax-suffix\"></ng-content>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AXBadgeComponent } from './badge.component';\n\nconst COMPONENT = [AXBadgeComponent];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXBadgeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;AAUA,MAQa,gBAAiB,SAAQ,OAAO,CAAC,gBAAgB,CAAC,CAAA;IAEpD,IAAI,GAAW,EAAE,CAAC;AAE3B,IAAA,IACY,WAAW,GAAA;AACrB,QAAA,OAAO,CAAM,GAAA,EAAA,IAAI,CAAC,KAAK,YAAY,CAAC,IAAI,CAAC,IAAI,GAAG,eAAe,GAAG,EAAE,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,GAAG,iBAAiB,GAAG,EAAE,EAAE,CAAA;KACzH;uGAPU,gBAAgB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,wKClB7B,8JAE4C,EAAA,MAAA,EAAA,CAAA,yuCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDgB/B,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAR5B,SAAS;+BACE,UAAU,EAAA,MAAA,EAGZ,CAAC,OAAO,CAAC,EAAA,aAAA,EACF,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,8JAAA,EAAA,MAAA,EAAA,CAAA,yuCAAA,CAAA,EAAA,CAAA;8BAItC,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAGM,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO,CAAA;;;AElBtB,MAAM,SAAS,GAAG,CAAC,gBAAgB,CAAC,CAAC;AACrC,MAAM,OAAO,GAAG,CAAC,YAAY,CAAC,CAAC;AAE/B,MAMa,aAAa,CAAA;uGAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,EATP,YAAA,EAAA,CAAA,gBAAgB,CAClB,EAAA,OAAA,EAAA,CAAA,YAAY,aADV,gBAAgB,CAAA,EAAA,CAAA,CAAA;AAStB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAJX,OAAO,CAAA,EAAA,CAAA,CAAA;;2FAIT,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,CAAC,GAAG,SAAS,CAAC;AAC5B,oBAAA,OAAO,EAAE,CAAC,GAAG,OAAO,CAAC;AACrB,oBAAA,OAAO,EAAE,CAAC,GAAG,SAAS,CAAC;AACvB,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA,CAAA;;;ACZD;;AAEG;;;;"}

package/fesm2022/acorex-components-breadcrumbs.mjs

@@ -1,25 +1,20 @@
-import { AXBaseComponent, _InteractiveComponenetMixin, _ClickableComponenetMixin } from '@acorex/components/mixin';
+import { _InteractiveComponenetMixin, _ClickableComponenetMixin, AXBaseComponent } from '@acorex/components/mixin';
 import * as i0 from '@angular/core';
 import { Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChild, ViewChild, Optional, Inject, Input, HostListener, HostBinding, NgModule } from '@angular/core';
+import { MXBaseComponent } from '@acorex/components/common';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
-class AXBreadCrumbsComponent extends AXBaseComponent {
+class AXBreadCrumbsComponent extends MXBaseComponent {
     _divider;
     dividerTemplate;
-    /**
-     *  @ignore
-     */
-    constructor(_elementRef, _cdr) {
-        super(_elementRef, _cdr);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXBreadCrumbsComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXBreadCrumbsComponent, selector: "ax-breadcrumbs", queries: [{ propertyName: "_divider", first: true, predicate: ["divider"], descendants: true }], viewQueries: [{ propertyName: "dividerTemplate", first: true, predicate: ["dividerTpl"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\r\n<ng-template #dividerTpl>\r\n    <ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_divider\"></ng-container>\r\n    <ng-container [ngTemplateOutlet]=\"_divider\" *ngIf=\"_divider\"></ng-container>\r\n    <ng-template #default>\r\n        <div class=\"ax-breadcrumb-divider\">/</div>\r\n    </ng-template>\r\n</ng-template>", styles: ["ax-breadcrumbs{display:inline-flex;align-items:center;width:100%;overflow:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active .ax-breadcrumbs-item-text{color:rgba(var(--ax-color-primary-500))!important}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text{padding:0 .25rem;color:rgba(var(--ax-color-text-default))}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text:visited{color:rgba(var(--ax-color-text-default))}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text:hover{color:rgba(var(--ax-color-primary-500))}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding:0 .25rem}ax-breadcrumbs ax-breadcrumbs-item:last-child{scroll-snap-align:end}ax-breadcrumbs ax-breadcrumbs-item:last-child .ax-breadcrumb-divider{display:none}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) .ax-breadcrumbs-item-text{padding-inline-start:.25rem}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) ax-prefix{padding-inline-start:.25rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXBreadCrumbsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: AXBreadCrumbsComponent, selector: "ax-breadcrumbs", queries: [{ propertyName: "_divider", first: true, predicate: ["divider"], descendants: true }], viewQueries: [{ propertyName: "dividerTemplate", first: true, predicate: ["dividerTpl"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n    <ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_divider\"></ng-container>\n    <ng-container [ngTemplateOutlet]=\"_divider\" *ngIf=\"_divider\"></ng-container>\n    <ng-template #default>\n        <div class=\"ax-breadcrumb-divider\">/</div>\n    </ng-template>\n</ng-template>", styles: ["ax-breadcrumbs{display:inline-flex;align-items:center;width:100%;overflow:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active .ax-breadcrumbs-item-text{color:rgba(var(--ax-color-primary-500))!important}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text{padding:0 .25rem;color:rgba(var(--ax-color-text-default))}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text:visited{color:rgba(var(--ax-color-text-default))}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text:hover{color:rgba(var(--ax-color-primary-500))}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding:0 .25rem}ax-breadcrumbs ax-breadcrumbs-item:last-child{scroll-snap-align:end}ax-breadcrumbs ax-breadcrumbs-item:last-child .ax-breadcrumb-divider{display:none}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) .ax-breadcrumbs-item-text{padding-inline-start:.25rem}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) ax-prefix{padding-inline-start:.25rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXBreadCrumbsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXBreadCrumbsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-breadcrumbs', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\r\n<ng-template #dividerTpl>\r\n    <ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_divider\"></ng-container>\r\n    <ng-container [ngTemplateOutlet]=\"_divider\" *ngIf=\"_divider\"></ng-container>\r\n    <ng-template #default>\r\n        <div class=\"ax-breadcrumb-divider\">/</div>\r\n    </ng-template>\r\n</ng-template>", styles: ["ax-breadcrumbs{display:inline-flex;align-items:center;width:100%;overflow:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active .ax-breadcrumbs-item-text{color:rgba(var(--ax-color-primary-500))!important}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text{padding:0 .25rem;color:rgba(var(--ax-color-text-default))}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text:visited{color:rgba(var(--ax-color-text-default))}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text:hover{color:rgba(var(--ax-color-primary-500))}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding:0 .25rem}ax-breadcrumbs ax-breadcrumbs-item:last-child{scroll-snap-align:end}ax-breadcrumbs ax-breadcrumbs-item:last-child .ax-breadcrumb-divider{display:none}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) .ax-breadcrumbs-item-text{padding-inline-start:.25rem}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) ax-prefix{padding-inline-start:.25rem}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _divider: [{
+            args: [{ selector: 'ax-breadcrumbs', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n    <ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_divider\"></ng-container>\n    <ng-container [ngTemplateOutlet]=\"_divider\" *ngIf=\"_divider\"></ng-container>\n    <ng-template #default>\n        <div class=\"ax-breadcrumb-divider\">/</div>\n    </ng-template>\n</ng-template>", styles: ["ax-breadcrumbs{display:inline-flex;align-items:center;width:100%;overflow:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active .ax-breadcrumbs-item-text{color:rgba(var(--ax-color-primary-500))!important}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text{padding:0 .25rem;color:rgba(var(--ax-color-text-default))}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text:visited{color:rgba(var(--ax-color-text-default))}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text:hover{color:rgba(var(--ax-color-primary-500))}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding:0 .25rem}ax-breadcrumbs ax-breadcrumbs-item:last-child{scroll-snap-align:end}ax-breadcrumbs ax-breadcrumbs-item:last-child .ax-breadcrumb-divider{display:none}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) .ax-breadcrumbs-item-text{padding-inline-start:.25rem}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) ax-prefix{padding-inline-start:.25rem}\n"] }]
+        }], propDecorators: { _divider: [{
                 type: ContentChild,
                 args: ['divider']
             }], dividerTemplate: [{
@@ -46,12 +41,12 @@ class AXBreadCrumbsItemComponent extends AXBaseItemBreadCrumbMixin {
     get __hostClass() {
         return `${this.active ? 'ax-state-active' : ''}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXBreadCrumbsItemComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXBreadCrumbsComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXBreadCrumbsItemComponent, selector: "ax-breadcrumbs-item", inputs: { text: "text", href: "href", active: "active" }, host: { listeners: { "click": "__hostClick($event)" }, properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix, ax-loading, ax-icon\"> </ng-content>\r\n<a class=\"ax-breadcrumbs-item-text\" [href]=\"href\">{{ text }}</a>\r\n<ng-content select=\"ax-suffix, ax-loading, ax-icon\"> </ng-content>\r\n<div class=\"ax-breadcrumb-divider\">\r\n  <ng-container *ngTemplateOutlet=\"_parent.dividerTemplate\"></ng-container>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXBreadCrumbsItemComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXBreadCrumbsComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: AXBreadCrumbsItemComponent, selector: "ax-breadcrumbs-item", inputs: { text: "text", href: "href", active: "active" }, host: { listeners: { "click": "__hostClick($event)" }, properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix, ax-loading, ax-icon\"> </ng-content>\n<a class=\"ax-breadcrumbs-item-text\" [href]=\"href\">{{ text }}</a>\n<ng-content select=\"ax-suffix, ax-loading, ax-icon\"> </ng-content>\n<div class=\"ax-breadcrumb-divider\">\n  <ng-container *ngTemplateOutlet=\"_parent.dividerTemplate\"></ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXBreadCrumbsItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXBreadCrumbsItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-breadcrumbs-item', template: "<ng-content select=\"ax-prefix, ax-loading, ax-icon\"> </ng-content>\r\n<a class=\"ax-breadcrumbs-item-text\" [href]=\"href\">{{ text }}</a>\r\n<ng-content select=\"ax-suffix, ax-loading, ax-icon\"> </ng-content>\r\n<div class=\"ax-breadcrumb-divider\">\r\n  <ng-container *ngTemplateOutlet=\"_parent.dividerTemplate\"></ng-container>\r\n</div>\r\n" }]
+            args: [{ selector: 'ax-breadcrumbs-item', template: "<ng-content select=\"ax-prefix, ax-loading, ax-icon\"> </ng-content>\n<a class=\"ax-breadcrumbs-item-text\" [href]=\"href\">{{ text }}</a>\n<ng-content select=\"ax-suffix, ax-loading, ax-icon\"> </ng-content>\n<div class=\"ax-breadcrumb-divider\">\n  <ng-container *ngTemplateOutlet=\"_parent.dividerTemplate\"></ng-container>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: AXBreadCrumbsComponent, decorators: [{
                     type: Optional
                 }, {
@@ -72,11 +67,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
             }] } });
 
 class AXBreadcrumbsModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXBreadcrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXBreadcrumbsModule, declarations: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent], imports: [CommonModule], exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXBreadcrumbsModule, imports: [CommonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXBreadcrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.1", ngImport: i0, type: AXBreadcrumbsModule, declarations: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent], imports: [CommonModule], exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXBreadcrumbsModule, imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXBreadcrumbsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXBreadcrumbsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-breadcrumbs.mjs","sources":["../../../../projects/acorex/components/breadcrumbs/src/breadcrumbs.component.ts","../../../../projects/acorex/components/breadcrumbs/src/breadcrumbs.component.html","../../../../projects/acorex/components/breadcrumbs/src/breadcrumbs-item.component.ts","../../../../projects/acorex/components/breadcrumbs/src/breadcrumbs-item.component.html","../../../../projects/acorex/components/breadcrumbs/src/breadcrumbs.module.ts","../../../../projects/acorex/components/breadcrumbs/acorex-components-breadcrumbs.ts"],"sourcesContent":["import { AXBaseComponent } from '@acorex/components/mixin';\r\nimport {\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Component,\r\n  ContentChild,\r\n  ElementRef,\r\n  TemplateRef,\r\n  ViewChild,\r\n  ViewEncapsulation,\r\n} from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'ax-breadcrumbs',\r\n  templateUrl: './breadcrumbs.component.html',\r\n  styleUrls:['./breadcrumbs.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class AXBreadCrumbsComponent extends AXBaseComponent {\r\n  @ContentChild('divider')\r\n  _divider: TemplateRef<any>;\r\n\r\n  @ViewChild('dividerTpl')\r\n  dividerTemplate: TemplateRef<any>;\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef) {\r\n    super(_elementRef, _cdr);\r\n  }\r\n}\r\n","<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\r\n<ng-template #dividerTpl>\r\n    <ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_divider\"></ng-container>\r\n    <ng-container [ngTemplateOutlet]=\"_divider\" *ngIf=\"_divider\"></ng-container>\r\n    <ng-template #default>\r\n        <div class=\"ax-breadcrumb-divider\">/</div>\r\n    </ng-template>\r\n</ng-template>","import { _InteractiveComponenetMixin, _ClickableComponenetMixin, AXBaseComponent } from '@acorex/components/mixin';\r\nimport { ChangeDetectorRef, Component, ElementRef, HostBinding, HostListener, Inject, Input, Optional } from '@angular/core';\r\n\r\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\r\n\r\nexport const AXBaseItemBreadCrumbMixin = _InteractiveComponenetMixin(_ClickableComponenetMixin(AXBaseComponent));\r\n@Component({\r\n  selector: 'ax-breadcrumbs-item',\r\n  templateUrl: './breadcrumbs-item.component.html',\r\n})\r\nexport class AXBreadCrumbsItemComponent extends AXBaseItemBreadCrumbMixin {\r\n  @Input() text: string;\r\n\r\n  @Input() href: string;\r\n  @Input() active: boolean;\r\n\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor(\r\n    _elementRef: ElementRef,\r\n    _cdr: ChangeDetectorRef,\r\n    @Optional()\r\n    @Inject(AXBreadCrumbsComponent)\r\n    public _parent: AXBreadCrumbsComponent\r\n  ) {\r\n    super(_elementRef, _cdr);\r\n  }\r\n\r\n  @HostListener('click', ['$event'])\r\n  private __hostClick(e: MouseEvent) {\r\n    this._emitOnClickEvent(e);\r\n  }\r\n\r\n  @HostBinding('class')\r\n  private get __hostClass(): string {\r\n    return `${this.active ? 'ax-state-active' : ''}`;\r\n  }\r\n}\r\n","<ng-content select=\"ax-prefix, ax-loading, ax-icon\"> </ng-content>\r\n<a class=\"ax-breadcrumbs-item-text\" [href]=\"href\">{{ text }}</a>\r\n<ng-content select=\"ax-suffix, ax-loading, ax-icon\"> </ng-content>\r\n<div class=\"ax-breadcrumb-divider\">\r\n  <ng-container *ngTemplateOutlet=\"_parent.dividerTemplate\"></ng-container>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\r\nimport { AXBreadCrumbsItemComponent } from './breadcrumbs-item.component';\r\n\r\n@NgModule({\r\n  declarations: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\r\n  imports: [CommonModule],\r\n  exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\r\n  providers: [],\r\n})\r\nexport class AXBreadcrumbsModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-breadcrumbs.mjs","sources":["../../../../projects/acorex/components/breadcrumbs/src/breadcrumbs.component.ts","../../../../projects/acorex/components/breadcrumbs/src/breadcrumbs.component.html","../../../../projects/acorex/components/breadcrumbs/src/breadcrumbs-item.component.ts","../../../../projects/acorex/components/breadcrumbs/src/breadcrumbs-item.component.html","../../../../projects/acorex/components/breadcrumbs/src/breadcrumbs.module.ts","../../../../projects/acorex/components/breadcrumbs/acorex-components-breadcrumbs.ts"],"sourcesContent":["import { MXBaseComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ContentChild,\n  TemplateRef,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  selector: 'ax-breadcrumbs',\n  templateUrl: './breadcrumbs.component.html',\n  styleUrls:['./breadcrumbs.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXBreadCrumbsComponent extends MXBaseComponent {\n\n  @ContentChild('divider')\n  protected _divider: TemplateRef<any>;\n\n  @ViewChild('dividerTpl')\n  dividerTemplate: TemplateRef<any>;\n\n}\n","<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n    <ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_divider\"></ng-container>\n    <ng-container [ngTemplateOutlet]=\"_divider\" *ngIf=\"_divider\"></ng-container>\n    <ng-template #default>\n        <div class=\"ax-breadcrumb-divider\">/</div>\n    </ng-template>\n</ng-template>","import { _InteractiveComponenetMixin, _ClickableComponenetMixin, AXBaseComponent } from '@acorex/components/mixin';\nimport { ChangeDetectorRef, Component, ElementRef, HostBinding, HostListener, Inject, Input, Optional } from '@angular/core';\n\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\n\nexport const AXBaseItemBreadCrumbMixin = _InteractiveComponenetMixin(_ClickableComponenetMixin(AXBaseComponent));\n@Component({\n  selector: 'ax-breadcrumbs-item',\n  templateUrl: './breadcrumbs-item.component.html',\n})\nexport class AXBreadCrumbsItemComponent extends AXBaseItemBreadCrumbMixin {\n  @Input() text: string;\n\n  @Input() href: string;\n  @Input() active: boolean;\n\n  /**\n   *  @ignore\n   */\n  constructor(\n    _elementRef: ElementRef,\n    _cdr: ChangeDetectorRef,\n    @Optional()\n    @Inject(AXBreadCrumbsComponent)\n    public _parent: AXBreadCrumbsComponent\n  ) {\n    super(_elementRef, _cdr);\n  }\n\n  @HostListener('click', ['$event'])\n  private __hostClick(e: MouseEvent) {\n    this._emitOnClickEvent(e);\n  }\n\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `${this.active ? 'ax-state-active' : ''}`;\n  }\n}\n","<ng-content select=\"ax-prefix, ax-loading, ax-icon\"> </ng-content>\n<a class=\"ax-breadcrumbs-item-text\" [href]=\"href\">{{ text }}</a>\n<ng-content select=\"ax-suffix, ax-loading, ax-icon\"> </ng-content>\n<div class=\"ax-breadcrumb-divider\">\n  <ng-container *ngTemplateOutlet=\"_parent.dividerTemplate\"></ng-container>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\nimport { AXBreadCrumbsItemComponent } from './breadcrumbs-item.component';\n\n@NgModule({\n  declarations: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\n  imports: [CommonModule],\n  exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\n  providers: [],\n})\nexport class AXBreadcrumbsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}