npm - @acorex/components - Versions diffs - 19.11.0-next.0 → 19.11.0-next.2 - Mend

@acorex/components 19.11.0-next.0 → 19.11.0-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (486) hide show

package/fesm2022/acorex-components-badge.mjs CHANGED Viewed

@@ -19,27 +19,26 @@ class AXBadgeComponent extends MXColorComponent {
     get __hostClass() {
         return `ax-${this.color} ${!this.text() ? 'ax-mini-badge' : ''} ${this.text()?.length == 1 ? 'ax-single-badge' : ''}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXBadgeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXBadgeComponent, isStandalone: false, selector: "ax-badge", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n@if (text) {\n  <span class=\"ax-badge-text\">{{ text() }}</span>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-badge{--ax-comp-badge-border-radius: 9999px}ax-badge.ax-default{--ax-comp-badge-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-lightest-surface)}.ax-dark ax-badge.ax-default{--ax-comp-badge-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-darkest-surface)}ax-badge.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-dark-surface)}ax-badge.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-dark-surface)}ax-badge.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-dark-surface)}ax-badge.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-dark-surface)}ax-badge.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-dark-surface)}.ax-dark ax-badge.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-light-surface)}.ax-dark ax-badge.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-light-surface)}.ax-dark ax-badge.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-light-surface)}.ax-dark ax-badge.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-light-surface)}.ax-dark ax-badge.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-light-surface)}ax-badge{display:inline-block;border-width:1px;border-color:transparent;font-size:.75rem;max-height:fit-content;color:rgba(var(--ax-comp-badge-text-color));border-radius:var(--ax-comp-badge-border-radius);border-color:rgba(var(--ax-comp-badge-border-color));background-color:rgba(var(--ax-comp-badge-bg-color))}ax-badge.ax-mini-badge{min-height:.5rem;width:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{display:flex;min-height:1.25rem;width:1.25rem;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{white-space:nowrap;word-break:break-all;padding:.25rem .375rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXBadgeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.8", type: AXBadgeComponent, isStandalone: true, selector: "ax-badge", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n@if (text) {\n  <span class=\"ax-badge-text\">{{ text() }}</span>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-badge{--ax-comp-badge-border-radius: 9999px}ax-badge.ax-default{--ax-comp-badge-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-lightest-surface)}.ax-dark ax-badge.ax-default{--ax-comp-badge-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-darkest-surface)}ax-badge.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-dark-surface)}ax-badge.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-dark-surface)}ax-badge.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-dark-surface)}ax-badge.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-dark-surface)}ax-badge.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-dark-surface)}.ax-dark ax-badge.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-light-surface)}.ax-dark ax-badge.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-light-surface)}.ax-dark ax-badge.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-light-surface)}.ax-dark ax-badge.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-light-surface)}.ax-dark ax-badge.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-light-surface)}ax-badge{display:inline-block;border-width:1px;border-color:transparent;font-size:.75rem;max-height:fit-content;line-height:1;color:rgba(var(--ax-comp-badge-text-color));border-radius:var(--ax-comp-badge-border-radius);border-color:rgba(var(--ax-comp-badge-border-color));background-color:rgba(var(--ax-comp-badge-bg-color))}ax-badge.ax-mini-badge{min-height:.5rem;width:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{display:flex;min-height:1.25rem;width:1.25rem;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{display:inline-block;white-space:nowrap;word-break:break-all;padding:.25rem .375rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXBadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXBadgeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-badge', inputs: ['color', 'look'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-content select=\"ax-prefix\"></ng-content>\n@if (text) {\n  <span class=\"ax-badge-text\">{{ text() }}</span>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-badge{--ax-comp-badge-border-radius: 9999px}ax-badge.ax-default{--ax-comp-badge-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-lightest-surface)}.ax-dark ax-badge.ax-default{--ax-comp-badge-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-darkest-surface)}ax-badge.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-dark-surface)}ax-badge.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-dark-surface)}ax-badge.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-dark-surface)}ax-badge.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-dark-surface)}ax-badge.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-dark-surface)}.ax-dark ax-badge.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-light-surface)}.ax-dark ax-badge.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-light-surface)}.ax-dark ax-badge.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-light-surface)}.ax-dark ax-badge.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-light-surface)}.ax-dark ax-badge.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-light-surface)}ax-badge{display:inline-block;border-width:1px;border-color:transparent;font-size:.75rem;max-height:fit-content;color:rgba(var(--ax-comp-badge-text-color));border-radius:var(--ax-comp-badge-border-radius);border-color:rgba(var(--ax-comp-badge-border-color));background-color:rgba(var(--ax-comp-badge-bg-color))}ax-badge.ax-mini-badge{min-height:.5rem;width:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{display:flex;min-height:1.25rem;width:1.25rem;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{white-space:nowrap;word-break:break-all;padding:.25rem .375rem}\n"] }]
+            args: [{ selector: 'ax-badge', inputs: ['color', 'look'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-prefix\"></ng-content>\n@if (text) {\n  <span class=\"ax-badge-text\">{{ text() }}</span>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-badge{--ax-comp-badge-border-radius: 9999px}ax-badge.ax-default{--ax-comp-badge-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-lightest-surface)}.ax-dark ax-badge.ax-default{--ax-comp-badge-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-badge-border-color: var(--ax-sys-color-border-darkest-surface)}ax-badge.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-primary-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-dark-surface)}ax-badge.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-secondary-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-dark-surface)}ax-badge.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-success-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-dark-surface)}ax-badge.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-warning-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-dark-surface)}ax-badge.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-dark-surface);--ax-comp-badge-text-color: var(--ax-sys-color-on-danger-dark-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-dark-surface)}.ax-dark ax-badge.ax-primary{--ax-comp-badge-bg-color: var(--ax-sys-color-primary-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-primary-light-surface)}.ax-dark ax-badge.ax-secondary{--ax-comp-badge-bg-color: var(--ax-sys-color-secondary-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-secondary-light-surface)}.ax-dark ax-badge.ax-success{--ax-comp-badge-bg-color: var(--ax-sys-color-success-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-success-light-surface)}.ax-dark ax-badge.ax-warning{--ax-comp-badge-bg-color: var(--ax-sys-color-warning-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-warning-light-surface)}.ax-dark ax-badge.ax-danger{--ax-comp-badge-bg-color: var(--ax-sys-color-danger-light-surface);--ax-comp-badge-border-color: var(--ax-sys-color-danger-light-surface)}ax-badge{display:inline-block;border-width:1px;border-color:transparent;font-size:.75rem;max-height:fit-content;line-height:1;color:rgba(var(--ax-comp-badge-text-color));border-radius:var(--ax-comp-badge-border-radius);border-color:rgba(var(--ax-comp-badge-border-color));background-color:rgba(var(--ax-comp-badge-bg-color))}ax-badge.ax-mini-badge{min-height:.5rem;width:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{display:flex;min-height:1.25rem;width:1.25rem;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{display:inline-block;white-space:nowrap;word-break:break-all;padding:.25rem .375rem}\n"] }]
         }], propDecorators: { __hostClass: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
 class AXBadgeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXBadgeModule, declarations: [AXBadgeComponent], imports: [CommonModule], exports: [AXBadgeComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXBadgeModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.8", ngImport: i0, type: AXBadgeModule, imports: [CommonModule, AXBadgeComponent], exports: [AXBadgeComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXBadgeModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXBadgeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXBadgeModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [AXBadgeComponent],
-                    imports: [CommonModule],
+                    imports: [CommonModule, AXBadgeComponent],
                     exports: [AXBadgeComponent],
                     providers: [],
                 }]

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

	@@ -1 +1 @@
1	- {"version":3,"file":"acorex-components-badge.mjs","sources":["../../../../libs/components/badge/src/lib/badge.component.ts","../../../../libs/components/badge/src/lib/badge.component.html","../../../../libs/components/badge/src/lib/badge.module.ts","../../../../libs/components/badge/src/acorex-components-badge.ts"],"sourcesContent":["import { MXColorComponent } from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'ax-badge',\n templateUrl: './badge.component.html',\n styleUrls: ['./badge.component.scss'],\n inputs: ['color', 'look'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n ~~standalone: false,\n~~})\nexport class AXBadgeComponent extends MXColorComponent {\n /*\n Defines the text displayed inside the badge.\n \n @defaultValue ''\n /\n text = input<string>('');\n\n /\n @ignore\n /\n @HostBinding('class')\n private get __hostClass(): string {\n return `ax-${this.color} ${!this.text() ? 'ax-mini-badge' : ''} ${this.text()?.length == 1 ? 'ax-single-badge' : ''}`;\n }\n}\n","<ng-content select=\"ax-prefix\"></ng-content>\n@if (text) {\n <span class=\"ax-badge-text\">{{ text() }}</span>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXBadgeComponent } from './badge.component';\n\n@NgModule({\n ~~declarations: [AXBadgeComponent],\n~~ imports: [CommonModule],\n exports: [AXBadgeComponent],\n providers: [],\n})\nexport class AXBadgeModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;~~AAYM~~,MAAO,gBAAiB,SAAQ,gBAAgB,CAAA;~~AATtD~~,IAAA,WAAA,GAAA;;~~AAUE~~;;;;AAIG;AACH,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAS,EAAE,CAAC;AASzB;AAPC;;AAEG;AACH,IAAA,IACY,WAAW,GAAA;AACrB,QAAA,OAAO,MAAM,IAAI,CAAC,KAAK,CAAA,CAAA,EAAI,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,eAAe,GAAG,EAAE,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,EAAE,EAAE,MAAM,IAAI,CAAC,GAAG,iBAAiB,GAAG,EAAE,EAAE;;8GAb5G,gBAAgB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,~~mgBCZ7B~~,wKAKA,EAAA,MAAA,EAAA,CAAA,~~qmGAAA~~,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;~~2FDOa~~,gBAAgB,EAAA,UAAA,EAAA,CAAA;~~kBAT5B~~,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EAGZ,MAAA,EAAA,CAAC,OAAO,EAAE,MAAM,CAAC,~~EAAA~~,aAAA,~~EACV~~,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,~~cACnC,KAAK,~~EAAA,QAAA,EAAA,wKAAA,EAAA,MAAA,EAAA,CAAA,~~qmGAAA~~,CAAA,EAAA;~~8BAcL~~,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO;;;MEbT,aAAa,CAAA;8GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,~~EALT~~,~~YAAA,EAAA,CAAA,gBAAgB,CACrB,EAAA,~~OAAA,EAAA,CAAA,YAAY,~~aACZ~~,gBAAgB,CAAA,EAAA,CAAA,CAAA;AAGf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAJd,YAAY,CAAA,EAAA,CAAA,CAAA;;2FAIX,aAAa,EAAA,UAAA,EAAA,CAAA;~~kBANzB~~,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;~~oBACR~~,~~YAAY~~,EAAE,CAAC,~~gBAAgB~~,~~CAAC;oBAChC,OAAO,~~EAAE,~~CAAC~~,~~YAAY,~~CAAC;~~oBACvB~~,OAAO,EAAE,CAAC,gBAAgB,CAAC;AAC3B,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA;;;~~ACTD~~;;AAEG;;;;"}
1	+ {"version":3,"file":"acorex-components-badge.mjs","sources":["../../../../libs/components/badge/src/lib/badge.component.ts","../../../../libs/components/badge/src/lib/badge.component.html","../../../../libs/components/badge/src/lib/badge.module.ts","../../../../libs/components/badge/src/acorex-components-badge.ts"],"sourcesContent":["import { MXColorComponent } from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'ax-badge',\n templateUrl: './badge.component.html',\n styleUrls: ['./badge.component.scss'],\n inputs: ['color', 'look'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXBadgeComponent extends MXColorComponent {\n /*\n Defines the text displayed inside the badge.\n \n @defaultValue ''\n /\n text = input<string>('');\n\n /\n @ignore\n /\n @HostBinding('class')\n private get __hostClass(): string {\n return `ax-${this.color} ${!this.text() ? 'ax-mini-badge' : ''} ${this.text()?.length == 1 ? 'ax-single-badge' : ''}`;\n }\n}\n","<ng-content select=\"ax-prefix\"></ng-content>\n@if (text) {\n <span class=\"ax-badge-text\">{{ text() }}</span>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXBadgeComponent } from './badge.component';\n\n@NgModule({\n imports: [CommonModule, AXBadgeComponent],\n exports: [AXBadgeComponent],\n providers: [],\n})\nexport class AXBadgeModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;AAWM,MAAO,gBAAiB,SAAQ,gBAAgB,CAAA;AARtD,IAAA,WAAA,GAAA;;AASE;;;;AAIG;AACH,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAS,EAAE,CAAC;AASzB;AAPC;;AAEG;AACH,IAAA,IACY,WAAW,GAAA;AACrB,QAAA,OAAO,MAAM,IAAI,CAAC,KAAK,CAAA,CAAA,EAAI,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,eAAe,GAAG,EAAE,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,EAAE,EAAE,MAAM,IAAI,CAAC,GAAG,iBAAiB,GAAG,EAAE,EAAE;;8GAb5G,gBAAgB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,kgBCX7B,wKAKA,EAAA,MAAA,EAAA,CAAA,woGAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDMa,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAR5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EAGZ,MAAA,EAAA,CAAC,OAAO,EAAE,MAAM,CAAC,EACV,aAAA,EAAA,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wKAAA,EAAA,MAAA,EAAA,CAAA,woGAAA,CAAA,EAAA;8BAcnC,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO;;;MEbT,aAAa,CAAA;8GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,EAJd,OAAA,EAAA,CAAA,YAAY,EAAE,gBAAgB,aAC9B,gBAAgB,CAAA,EAAA,CAAA,CAAA;AAGf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAJd,YAAY,CAAA,EAAA,CAAA,CAAA;;2FAIX,aAAa,EAAA,UAAA,EAAA,CAAA;kBALzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,gBAAgB,CAAC;oBACzC,OAAO,EAAE,CAAC,gBAAgB,CAAC;AAC3B,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA;;;ACRD;;AAEG;;;;"}

package/fesm2022/acorex-components-bottom-navigation.mjs CHANGED Viewed

@@ -26,12 +26,12 @@ class AXBottomNavigationItemComponent extends classes(MXInteractiveComponent, MX
             isUserInteraction: e.isTrusted,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXBottomNavigationItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXBottomNavigationItemComponent, isStandalone: false, selector: "ax-bottom-navigation-item", inputs: { disabled: "disabled", tabIndex: "tabIndex", name: "name", active: "active" }, outputs: { disabledChange: "disabledChange", onFocus: "onFocus", onBlur: "onBlur", onClick: "onClick" }, host: { listeners: { "click": "handleClick($event)" }, properties: { "class": "this.__hostClass" } }, usesInheritance: true, hostDirectives: [{ directive: i1.AXRippleDirective }], ngImport: i0, template: "<ng-content select=\"ax-prefix, ax-icon\"></ng-content>\n<ng-content select=\"ax-text, ng-content, ng-container\"></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXBottomNavigationItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.8", type: AXBottomNavigationItemComponent, isStandalone: true, selector: "ax-bottom-navigation-item", inputs: { disabled: "disabled", tabIndex: "tabIndex", name: "name", active: "active" }, outputs: { disabledChange: "disabledChange", onFocus: "onFocus", onBlur: "onBlur", onClick: "onClick" }, host: { listeners: { "click": "handleClick($event)" }, properties: { "class": "this.__hostClass" } }, usesInheritance: true, hostDirectives: [{ directive: i1.AXRippleDirective }], ngImport: i0, template: "<ng-content select=\"ax-prefix, ax-icon\"></ng-content>\n<ng-content select=\"ax-text, ng-content, ng-container\"></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXBottomNavigationItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXBottomNavigationItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-bottom-navigation-item', inputs: ['disabled', 'tabIndex'], outputs: ['disabledChange', 'onFocus', 'onBlur'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [AXRippleDirective], standalone: false, template: "<ng-content select=\"ax-prefix, ax-icon\"></ng-content>\n<ng-content select=\"ax-text, ng-content, ng-container\"></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>" }]
+            args: [{ selector: 'ax-bottom-navigation-item', inputs: ['disabled', 'tabIndex'], outputs: ['disabledChange', 'onFocus', 'onBlur'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [AXRippleDirective], template: "<ng-content select=\"ax-prefix, ax-icon\"></ng-content>\n<ng-content select=\"ax-text, ng-content, ng-container\"></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>" }]
         }], propDecorators: { name: [{
                 type: Input
             }], active: [{
@@ -94,12 +94,12 @@ class AXBottomNavigationComponent {
     get __hostClass() {
         return ` ax-look-${this.look()} ax-indicator-${this.indicatorPosition()} ${this.hasBorder() ? 'ax-has-border' : ''}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXBottomNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.3", type: AXBottomNavigationComponent, isStandalone: false, selector: "ax-bottom-navigation", inputs: { look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, hasBorder: { classPropertyName: "hasBorder", publicName: "hasBorder", isSignal: true, isRequired: false, transformFunction: null }, indicatorPosition: { classPropertyName: "indicatorPosition", publicName: "indicatorPosition", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onItemClick: "onItemClick" }, host: { properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_contentButtons", predicate: AXBottomNavigationItemComponent }], ngImport: i0, template: "<ng-content select=\"ng-container, ax-bottom-navigation-item\"></ng-content>", styles: ["ax-bottom-navigation{--ax-comp-bottom-navigation-border-size: 1px;--ax-comp-bottom-navigation-indicator-width: 60%;--ax-comp-bottom-navigation-indicator-height: .2rem;--ax-comp-bottom-navigation-indicator-border-radius: .125rem}ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color{--ax-comp-bottom-navigation-active-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-bottom-navigation-active-icon-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .2)}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item{opacity:50%}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item ax-icon,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item ax-icon{width:unset;height:unset;display:block;font-size:1.25rem;border-radius:1rem;padding:.25rem 1.25rem;justify-content:center}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item:hover,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item:hover{opacity:75%}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item.ax-state-active,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item.ax-state-active{opacity:100%;color:rgba(var(--ax-comp-bottom-navigation-active-text-color))!important}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item.ax-state-disabled,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item.ax-state-disabled{opacity:30%}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item .ax-ripple,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item .ax-ripple{display:none}ax-bottom-navigation.ax-look-with-line{--ax-comp-bottom-navigation-active-bg-color: var(--ax-sys-color-primary-surface)}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item:before{top:0}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item.ax-state-active:before{border-bottom-left-radius:var(--ax-comp-bottom-navigation-indicator-border-radius);border-bottom-right-radius:var(--ax-comp-bottom-navigation-indicator-border-radius)}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item:before{bottom:0}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item.ax-state-active:before{border-top-left-radius:var(--ax-comp-bottom-navigation-indicator-border-radius);border-top-right-radius:var(--ax-comp-bottom-navigation-indicator-border-radius)}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item:before{content:\"\";position:absolute;background-color:transparent;transition-property:background-color;transition-duration:var(--ax-sys-transition-duration);width:var(--ax-comp-bottom-navigation-indicator-width);height:var(--ax-comp-bottom-navigation-indicator-height);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item.ax-state-active:before{background-color:rgba(var(--ax-comp-bottom-navigation-active-bg-color))}ax-bottom-navigation.ax-look-pills-color{--ax-comp-bottom-navigation-active-icon-bg-color: rgba(var(--ax-sys-color-primary-surface), .2)}ax-bottom-navigation{--ax-comp-bottom-navigation-text-color: var(--ax-sys-color-on-surface);--ax-comp-bottom-navigation-ripple-color: var(--ax-sys-color-primary-surface), .3;--ax-comp-bottom-navigation-active-text-color: var(--ax-sys-color-primary-surface)}ax-bottom-navigation{gap:.25rem;display:flex;justify-content:space-between;background-color:rgba(var(--ax-comp-bottom-navigation-bg-color))}ax-bottom-navigation ax-bottom-navigation-item{flex:1;display:flex;cursor:pointer;font-weight:400;-webkit-user-select:none;user-select:none;padding:.75rem 0;position:relative;align-items:center;flex-direction:column;line-height:1.375rem!important;transition-property:opacity,color;color:var(--ax-comp-bottom-navigation-text-color);transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-bottom-navigation ax-bottom-navigation-item *{pointer-events:none}ax-bottom-navigation ax-bottom-navigation-item ax-icon{width:1.5rem;height:1.5rem;display:block;font-size:1.25rem;text-align:center;transition-property:background-color,color;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-bottom-navigation ax-bottom-navigation-item ax-text{font-size:.75rem;padding-top:.25rem}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active{font-weight:500;color:rgba(var(--ax-comp-bottom-navigation-active-text-color))}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active ax-icon{font-weight:700!important;background-color:var(--ax-comp-bottom-navigation-active-icon-bg-color, unset)}ax-bottom-navigation ax-bottom-navigation-item .ax-ripple{background-color:rgba(var(--ax-comp-bottom-navigation-ripple-color))!important}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled{opacity:.5;cursor:not-allowed}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled .ax-ripple{display:none}ax-bottom-navigation.ax-has-border{border-top-style:solid;border-color:rgba(var(--ax-sys-color-border-lightest-surface));border-top-width:var(--ax-comp-bottom-navigation-border-size)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXBottomNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.8", type: AXBottomNavigationComponent, isStandalone: true, selector: "ax-bottom-navigation", inputs: { look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, hasBorder: { classPropertyName: "hasBorder", publicName: "hasBorder", isSignal: true, isRequired: false, transformFunction: null }, indicatorPosition: { classPropertyName: "indicatorPosition", publicName: "indicatorPosition", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onItemClick: "onItemClick" }, host: { properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_contentButtons", predicate: AXBottomNavigationItemComponent }], ngImport: i0, template: "<ng-content select=\"ng-container, ax-bottom-navigation-item\"></ng-content>", styles: ["ax-bottom-navigation{--ax-comp-bottom-navigation-border-size: 1px;--ax-comp-bottom-navigation-indicator-width: 60%;--ax-comp-bottom-navigation-indicator-height: .2rem;--ax-comp-bottom-navigation-indicator-border-radius: .125rem}ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color{--ax-comp-bottom-navigation-active-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-bottom-navigation-active-icon-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .2)}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item{opacity:50%}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item ax-icon,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item ax-icon{width:unset;height:unset;display:block;font-size:1.25rem;border-radius:1rem;padding:.25rem 1.25rem;justify-content:center}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item:hover,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item:hover{opacity:75%}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item.ax-state-active,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item.ax-state-active{opacity:100%;color:rgba(var(--ax-comp-bottom-navigation-active-text-color))!important}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item.ax-state-disabled,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item.ax-state-disabled{opacity:30%}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item .ax-ripple,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item .ax-ripple{display:none}ax-bottom-navigation.ax-look-with-line{--ax-comp-bottom-navigation-active-bg-color: var(--ax-sys-color-primary-surface)}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item:before{top:0}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item.ax-state-active:before{border-bottom-left-radius:var(--ax-comp-bottom-navigation-indicator-border-radius);border-bottom-right-radius:var(--ax-comp-bottom-navigation-indicator-border-radius)}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item:before{bottom:0}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item.ax-state-active:before{border-top-left-radius:var(--ax-comp-bottom-navigation-indicator-border-radius);border-top-right-radius:var(--ax-comp-bottom-navigation-indicator-border-radius)}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item:before{content:\"\";position:absolute;background-color:transparent;transition-property:background-color;transition-duration:var(--ax-sys-transition-duration);width:var(--ax-comp-bottom-navigation-indicator-width);height:var(--ax-comp-bottom-navigation-indicator-height);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item.ax-state-active:before{background-color:rgba(var(--ax-comp-bottom-navigation-active-bg-color))}ax-bottom-navigation.ax-look-pills-color{--ax-comp-bottom-navigation-active-icon-bg-color: rgba(var(--ax-sys-color-primary-surface), .2)}ax-bottom-navigation{--ax-comp-bottom-navigation-text-color: var(--ax-sys-color-on-surface);--ax-comp-bottom-navigation-ripple-color: var(--ax-sys-color-primary-surface), .3;--ax-comp-bottom-navigation-active-text-color: var(--ax-sys-color-primary-surface)}ax-bottom-navigation{gap:.25rem;display:flex;justify-content:space-between;background-color:rgba(var(--ax-comp-bottom-navigation-bg-color))}ax-bottom-navigation ax-bottom-navigation-item{flex:1;display:flex;cursor:pointer;font-weight:400;-webkit-user-select:none;user-select:none;padding:.75rem 0;position:relative;align-items:center;flex-direction:column;line-height:1.375rem!important;transition-property:opacity,color;color:var(--ax-comp-bottom-navigation-text-color);transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-bottom-navigation ax-bottom-navigation-item *{pointer-events:none}ax-bottom-navigation ax-bottom-navigation-item ax-icon{width:1.5rem;height:1.5rem;display:block;font-size:1.25rem;text-align:center;transition-property:background-color,color;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-bottom-navigation ax-bottom-navigation-item ax-text{font-size:.75rem;padding-top:.25rem}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active{font-weight:500;color:rgba(var(--ax-comp-bottom-navigation-active-text-color))}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active ax-icon{font-weight:700!important;background-color:var(--ax-comp-bottom-navigation-active-icon-bg-color, unset)}ax-bottom-navigation ax-bottom-navigation-item .ax-ripple{background-color:rgba(var(--ax-comp-bottom-navigation-ripple-color))!important}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled{opacity:.5;cursor:not-allowed}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled .ax-ripple{display:none}ax-bottom-navigation.ax-has-border{border-top-style:solid;border-color:rgba(var(--ax-sys-color-border-lightest-surface));border-top-width:var(--ax-comp-bottom-navigation-border-size)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXBottomNavigationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXBottomNavigationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-bottom-navigation', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<ng-content select=\"ng-container, ax-bottom-navigation-item\"></ng-content>", styles: ["ax-bottom-navigation{--ax-comp-bottom-navigation-border-size: 1px;--ax-comp-bottom-navigation-indicator-width: 60%;--ax-comp-bottom-navigation-indicator-height: .2rem;--ax-comp-bottom-navigation-indicator-border-radius: .125rem}ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color{--ax-comp-bottom-navigation-active-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-bottom-navigation-active-icon-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .2)}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item{opacity:50%}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item ax-icon,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item ax-icon{width:unset;height:unset;display:block;font-size:1.25rem;border-radius:1rem;padding:.25rem 1.25rem;justify-content:center}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item:hover,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item:hover{opacity:75%}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item.ax-state-active,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item.ax-state-active{opacity:100%;color:rgba(var(--ax-comp-bottom-navigation-active-text-color))!important}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item.ax-state-disabled,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item.ax-state-disabled{opacity:30%}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item .ax-ripple,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item .ax-ripple{display:none}ax-bottom-navigation.ax-look-with-line{--ax-comp-bottom-navigation-active-bg-color: var(--ax-sys-color-primary-surface)}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item:before{top:0}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item.ax-state-active:before{border-bottom-left-radius:var(--ax-comp-bottom-navigation-indicator-border-radius);border-bottom-right-radius:var(--ax-comp-bottom-navigation-indicator-border-radius)}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item:before{bottom:0}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item.ax-state-active:before{border-top-left-radius:var(--ax-comp-bottom-navigation-indicator-border-radius);border-top-right-radius:var(--ax-comp-bottom-navigation-indicator-border-radius)}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item:before{content:\"\";position:absolute;background-color:transparent;transition-property:background-color;transition-duration:var(--ax-sys-transition-duration);width:var(--ax-comp-bottom-navigation-indicator-width);height:var(--ax-comp-bottom-navigation-indicator-height);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item.ax-state-active:before{background-color:rgba(var(--ax-comp-bottom-navigation-active-bg-color))}ax-bottom-navigation.ax-look-pills-color{--ax-comp-bottom-navigation-active-icon-bg-color: rgba(var(--ax-sys-color-primary-surface), .2)}ax-bottom-navigation{--ax-comp-bottom-navigation-text-color: var(--ax-sys-color-on-surface);--ax-comp-bottom-navigation-ripple-color: var(--ax-sys-color-primary-surface), .3;--ax-comp-bottom-navigation-active-text-color: var(--ax-sys-color-primary-surface)}ax-bottom-navigation{gap:.25rem;display:flex;justify-content:space-between;background-color:rgba(var(--ax-comp-bottom-navigation-bg-color))}ax-bottom-navigation ax-bottom-navigation-item{flex:1;display:flex;cursor:pointer;font-weight:400;-webkit-user-select:none;user-select:none;padding:.75rem 0;position:relative;align-items:center;flex-direction:column;line-height:1.375rem!important;transition-property:opacity,color;color:var(--ax-comp-bottom-navigation-text-color);transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-bottom-navigation ax-bottom-navigation-item *{pointer-events:none}ax-bottom-navigation ax-bottom-navigation-item ax-icon{width:1.5rem;height:1.5rem;display:block;font-size:1.25rem;text-align:center;transition-property:background-color,color;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-bottom-navigation ax-bottom-navigation-item ax-text{font-size:.75rem;padding-top:.25rem}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active{font-weight:500;color:rgba(var(--ax-comp-bottom-navigation-active-text-color))}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active ax-icon{font-weight:700!important;background-color:var(--ax-comp-bottom-navigation-active-icon-bg-color, unset)}ax-bottom-navigation ax-bottom-navigation-item .ax-ripple{background-color:rgba(var(--ax-comp-bottom-navigation-ripple-color))!important}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled{opacity:.5;cursor:not-allowed}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled .ax-ripple{display:none}ax-bottom-navigation.ax-has-border{border-top-style:solid;border-color:rgba(var(--ax-sys-color-border-lightest-surface));border-top-width:var(--ax-comp-bottom-navigation-border-size)}\n"] }]
+            args: [{ selector: 'ax-bottom-navigation', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ng-container, ax-bottom-navigation-item\"></ng-content>", styles: ["ax-bottom-navigation{--ax-comp-bottom-navigation-border-size: 1px;--ax-comp-bottom-navigation-indicator-width: 60%;--ax-comp-bottom-navigation-indicator-height: .2rem;--ax-comp-bottom-navigation-indicator-border-radius: .125rem}ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color{--ax-comp-bottom-navigation-active-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-bottom-navigation-active-icon-bg-color: rgba(var(--ax-sys-color-on-lightest-surface), .2)}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item{opacity:50%}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item ax-icon,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item ax-icon{width:unset;height:unset;display:block;font-size:1.25rem;border-radius:1rem;padding:.25rem 1.25rem;justify-content:center}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item:hover,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item:hover{opacity:75%}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item.ax-state-active,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item.ax-state-active{opacity:100%;color:rgba(var(--ax-comp-bottom-navigation-active-text-color))!important}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item.ax-state-disabled,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item.ax-state-disabled{opacity:30%}ax-bottom-navigation.ax-look-pills ax-bottom-navigation-item .ax-ripple,ax-bottom-navigation.ax-look-pills-color ax-bottom-navigation-item .ax-ripple{display:none}ax-bottom-navigation.ax-look-with-line{--ax-comp-bottom-navigation-active-bg-color: var(--ax-sys-color-primary-surface)}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item:before{top:0}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item.ax-state-active:before{border-bottom-left-radius:var(--ax-comp-bottom-navigation-indicator-border-radius);border-bottom-right-radius:var(--ax-comp-bottom-navigation-indicator-border-radius)}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item:before{bottom:0}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item.ax-state-active:before{border-top-left-radius:var(--ax-comp-bottom-navigation-indicator-border-radius);border-top-right-radius:var(--ax-comp-bottom-navigation-indicator-border-radius)}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item:before{content:\"\";position:absolute;background-color:transparent;transition-property:background-color;transition-duration:var(--ax-sys-transition-duration);width:var(--ax-comp-bottom-navigation-indicator-width);height:var(--ax-comp-bottom-navigation-indicator-height);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item.ax-state-active:before{background-color:rgba(var(--ax-comp-bottom-navigation-active-bg-color))}ax-bottom-navigation.ax-look-pills-color{--ax-comp-bottom-navigation-active-icon-bg-color: rgba(var(--ax-sys-color-primary-surface), .2)}ax-bottom-navigation{--ax-comp-bottom-navigation-text-color: var(--ax-sys-color-on-surface);--ax-comp-bottom-navigation-ripple-color: var(--ax-sys-color-primary-surface), .3;--ax-comp-bottom-navigation-active-text-color: var(--ax-sys-color-primary-surface)}ax-bottom-navigation{gap:.25rem;display:flex;justify-content:space-between;background-color:rgba(var(--ax-comp-bottom-navigation-bg-color))}ax-bottom-navigation ax-bottom-navigation-item{flex:1;display:flex;cursor:pointer;font-weight:400;-webkit-user-select:none;user-select:none;padding:.75rem 0;position:relative;align-items:center;flex-direction:column;line-height:1.375rem!important;transition-property:opacity,color;color:var(--ax-comp-bottom-navigation-text-color);transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-bottom-navigation ax-bottom-navigation-item *{pointer-events:none}ax-bottom-navigation ax-bottom-navigation-item ax-icon{width:1.5rem;height:1.5rem;display:block;font-size:1.25rem;text-align:center;transition-property:background-color,color;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-bottom-navigation ax-bottom-navigation-item ax-text{font-size:.75rem;padding-top:.25rem}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active{font-weight:500;color:rgba(var(--ax-comp-bottom-navigation-active-text-color))}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active ax-icon{font-weight:700!important;background-color:var(--ax-comp-bottom-navigation-active-icon-bg-color, unset)}ax-bottom-navigation ax-bottom-navigation-item .ax-ripple{background-color:rgba(var(--ax-comp-bottom-navigation-ripple-color))!important}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled{opacity:.5;cursor:not-allowed}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled .ax-ripple{display:none}ax-bottom-navigation.ax-has-border{border-top-style:solid;border-color:rgba(var(--ax-sys-color-border-lightest-surface));border-top-width:var(--ax-comp-bottom-navigation-border-size)}\n"] }]
         }], propDecorators: { _contentButtons: [{
                 type: ContentChildren,
                 args: [AXBottomNavigationItemComponent]
@@ -111,15 +111,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
 const COMPONENT = [AXBottomNavigationComponent, AXBottomNavigationItemComponent];
 const MODULES = [CommonModule];
 class AXBottomNavigationModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXBottomNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXBottomNavigationModule, declarations: [AXBottomNavigationComponent, AXBottomNavigationItemComponent], imports: [CommonModule], exports: [AXBottomNavigationComponent, AXBottomNavigationItemComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXBottomNavigationModule, imports: [MODULES] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXBottomNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.8", ngImport: i0, type: AXBottomNavigationModule, imports: [CommonModule, AXBottomNavigationComponent, AXBottomNavigationItemComponent], exports: [AXBottomNavigationComponent, AXBottomNavigationItemComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXBottomNavigationModule, imports: [MODULES] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXBottomNavigationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXBottomNavigationModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [...COMPONENT],
-                    imports: [...MODULES],
+                    imports: [...MODULES, ...COMPONENT],
                     exports: [...COMPONENT],
                     providers: [],
                 }]

package/fesm2022/acorex-components-bottom-navigation.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"acorex-components-bottom-navigation.mjs","sources":["../../../../libs/components/bottom-navigation/src/lib/bottom-navigation-item/bottom-navigation-item.component.ts","../../../../libs/components/bottom-navigation/src/lib/bottom-navigation-item/bottom-navigation-item.component.html","../../../../libs/components/bottom-navigation/src/lib/bottom-navigation.component.ts","../../../../libs/components/bottom-navigation/src/lib/bottom-navigation.component.html","../../../../libs/components/bottom-navigation/src/lib/bottom-navigation.module.ts","../../../../libs/components/bottom-navigation/src/acorex-components-bottom-navigation.ts"],"sourcesContent":["import { AXClickEvent, AXRippleDirective, MXInteractiveComponent, MXLookComponent } from '@acorex/components/common';\nimport {\n ChangeDetectionStrategy~~,\n~~ Component~~,\n~~ EventEmitter~~,\n~~ HostBinding~~,\n~~ HostListener~~,\n~~ Input~~,\n~~ Output~~,\n~~ ViewEncapsulation~~,\n~~} from '@angular/core';\nimport { classes } from 'polytype';\n\n@Component({\n selector: 'ax-bottom-navigation-item',\n templateUrl: './bottom-navigation-item.component.html',\n inputs: ['disabled', 'tabIndex'],\n outputs: ['disabledChange', 'onFocus', 'onBlur'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [AXRippleDirective],\n ~~standalone: false\n~~})\nexport class AXBottomNavigationItemComponent extends classes(MXInteractiveComponent, MXLookComponent) {\n @Input() name: string;\n\n @Input() active = false;\n\n @Output() onClick = new EventEmitter<AXClickEvent>();\n\n @HostBinding('class')\n get __hostClass(): string {\n return `${this.active ? 'ax-state-active' : ''} ${this.disabled ? 'ax-state-disabled' : ''} `;\n }\n\n @HostListener('click', ['$event'])\n protected handleClick(e: MouseEvent) {\n if (this.disabled) return;\n const dataset = (e.target as any).dataset;\n this.onClick.emit({\n component: this,\n htmlElement: this.getHostElement(),\n nativeEvent: e,\n data: { active: this.active, name: this.name, ...dataset },\n isUserInteraction: e.isTrusted,\n });\n }\n}\n","<ng-content select=\"ax-prefix, ax-icon\"></ng-content>\n<ng-content select=\"ax-text, ng-content, ng-container\"></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>","import { AXClickEvent } from '@acorex/components/common';\nimport {\n AfterContentInit~~,\n~~ ChangeDetectionStrategy~~,\n~~ Component~~,\n~~ ContentChildren~~,\n~~ HostBinding~~,\n~~ QueryList~~,\n~~ ViewEncapsulation~~,\n~~ input~~,\n~~ output~~,\n~~} from '@angular/core';\nimport { AXBottomNavigationItemComponent } from './bottom-navigation-item/bottom-navigation-item.component';\n\nexport type AXBottomNavigationLook = 'solid' \| 'with-line' \| 'pills' \| 'pills-color';\n\n/*\n The BottomNavigation component provides a navigational bar at the bottom of the screen with customizable appearance and behavior.\n \n @category Components\n /\n@Component({\n selector: 'ax-bottom-navigation',\n templateUrl: './bottom-navigation.component.html',\n styleUrls: ['./bottom-navigation.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n ~~standalone: false,\n~~})\nexport class AXBottomNavigationComponent implements AfterContentInit {\n /\n @ignore\n /\n @ContentChildren(AXBottomNavigationItemComponent)\n private _contentButtons: QueryList<AXBottomNavigationItemComponent>;\n look = input<AXBottomNavigationLook>('solid');\n\n /\n This will be displayed as an interface\n /\n hasBorder = input(false);\n\n /\n Determines the position of the indicator relative to the button.\n \n @defaultValue 'top'\n /\n indicatorPosition = input<'top' \| 'bottom'>('top');\n\n /\n Emit item click.\n * @returns The AXClickEvent\n /\n onItemClick = output<AXClickEvent>();\n\n //@Output() onItemClick = new EventEmitter<AXClickEvent>();\n\n /\n @ignore\n /\n ngAfterContentInit(): void {\n this._bindEvents();\n }\n\n /* @ignore /\n private _bindEvents() {\n this._contentButtons?.forEach((i: any) => {\n if (!i.onClick.length)\n i.onClick.subscribe((event: AXClickEvent) => {\n this._handleClickEvent(event);\n });\n });\n }\n\n /* @ignore /\n _handleClickEvent(item: AXClickEvent) {\n this.onItemClick.emit(item);\n }\n\n /* @ignore /\n @HostBinding('class')\n get __hostClass(): string {\n return ` ax-look-${this.look()} ax-indicator-${this.indicatorPosition()} ${this.hasBorder() ? 'ax-has-border' : ''}`;\n }\n}\n","<ng-content select=\"ng-container, ax-bottom-navigation-item\"></ng-content>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXBottomNavigationItemComponent } from './bottom-navigation-item/bottom-navigation-item.component';\nimport { AXBottomNavigationComponent } from './bottom-navigation.component';\n\nconst COMPONENT = [AXBottomNavigationComponent, AXBottomNavigationItemComponent];\nconst MODULES = [CommonModule];\n\n@NgModule({\n ~~declarations~~: [...~~COMPONENT],\n imports:~~ [...~~MODULES~~],\n exports: [...COMPONENT],\n providers: [],\n})\nexport class AXBottomNavigationModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;~~AAuBM~~,MAAO,+BAAgC,SAAQ,OAAO,CAAC,sBAAsB,EAAE,eAAe,CAAC,CAAA;~~AAVrG~~,IAAA,WAAA,GAAA;;~~QAaW~~,IAAM,CAAA,MAAA,GAAG,KAAK;AAEb,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,YAAY,EAAgB;AAmBrD;AAjBC,IAAA,IACI,WAAW,GAAA;QACb,OAAO,CAAA,EAAG,IAAI,CAAC,MAAM,GAAG,iBAAiB,GAAG,EAAE,IAAI,IAAI,CAAC,QAAQ,GAAG,mBAAmB,GAAG,EAAE,CAAA,CAAA,CAAG;;AAIrF,IAAA,WAAW,CAAC,CAAa,EAAA;QACjC,IAAI,IAAI,CAAC,QAAQ;YAAE;AACnB,QAAA,MAAM,OAAO,GAAI,CAAC,CAAC,MAAc,CAAC,OAAO;AACzC,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;AAChB,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,WAAW,EAAE,IAAI,CAAC,cAAc,EAAE;AAClC,YAAA,WAAW,EAAE,CAAC;AACd,YAAA,IAAI,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,OAAO,EAAE;YAC1D,iBAAiB,EAAE,CAAC,CAAC,SAAS;AAC/B,SAAA,CAAC;;8GAtBO,+BAA+B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA/B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,+BAA+B,~~2cCvB5C~~,iLAE4C,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;~~2FDqB~~/B,+BAA+B,EAAA,UAAA,EAAA,CAAA;~~kBAV3C~~,SAAS;+~~BACI~~,2BAA2B,EAAA,MAAA,EAE7B,CAAC,UAAU,EAAE,UAAU,CAAC,~~EAAA~~,OAAA,~~EACvB~~,CAAC,gBAAgB,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAA,eAAA,EAC/B,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,cAAA,EACrB,CAAC,iBAAiB,CAAC,EAAA,~~UAAA,EACvB,KAAK,EAAA,~~QAAA,EAAA,iLAAA,EAAA;~~8BAGV~~,IAAI,EAAA,CAAA;sBAAZ;gBAEQ,MAAM,EAAA,CAAA;sBAAd;gBAES,OAAO,EAAA,CAAA;sBAAhB;gBAGG,WAAW,EAAA,CAAA;sBADd,WAAW;uBAAC,OAAO;gBAMV,WAAW,EAAA,CAAA;sBADpB,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC;;;AEnBnC;;;;AAIG;~~MASU~~,2BAA2B,CAAA;~~AARxC~~,IAAA,WAAA,GAAA;~~AAcE~~,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAyB,OAAO,CAAC;AAE7C;;AAEG;AACH,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC;AAExB;;;;AAIG;AACH,QAAA,IAAA,CAAA,iBAAiB,GAAG,KAAK,CAAmB,KAAK,CAAC;AAElD;;;AAGG;QACH,IAAW,CAAA,WAAA,GAAG,MAAM,EAAgB;AA+BrC;;AA3BC;;AAEG;IACH,kBAAkB,GAAA;QAChB,IAAI,CAAC,WAAW,EAAE;;;IAIZ,WAAW,GAAA;QACjB,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC,CAAM,KAAI;AACvC,YAAA,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM;gBACnB,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,KAAmB,KAAI;AAC1C,oBAAA,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC;AAC/B,iBAAC,CAAC;AACN,SAAC,CAAC;;;AAIJ,IAAA,iBAAiB,CAAC,IAAkB,EAAA;AAClC,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;;;AAI7B,IAAA,IACI,WAAW,GAAA;QACb,OAAO,CAAA,SAAA,EAAY,IAAI,CAAC,IAAI,EAAE,iBAAiB,IAAI,CAAC,iBAAiB,EAAE,CAAI,CAAA,EAAA,IAAI,CAAC,SAAS,EAAE,GAAG,eAAe,GAAG,EAAE,CAAA,CAAE;;8GArD3G,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA3B,2BAA2B,EAAA,YAAA,EAAA,~~KAAA~~,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,SAAA,EAIrB,+BAA+B,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,~~ECjClD~~,8EAA0E,EAAA,MAAA,EAAA,CAAA,2sKAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;~~2FD6B7D~~,2BAA2B,EAAA,UAAA,EAAA,CAAA;~~kBARvC~~,SAAS~~;+BACE~~,~~sBAAsB~~,EAAA,~~eAAA~~,~~EAGf~~,uBAAuB,CAAC,MAAM,~~iBAChC~~,iBAAiB,CAAC,IAAI,EAAA,~~UAAA,EACzB,KAAK,EAAA,~~QAAA,EAAA,8EAAA,EAAA,MAAA,EAAA,CAAA,2sKAAA,CAAA,EAAA;~~8BAOT~~,eAAe,EAAA,CAAA;sBADtB,eAAe;uBAAC,+BAA+B;gBAgD5C,WAAW,EAAA,CAAA;sBADd,WAAW;uBAAC,OAAO;;;~~AE3EtB~~,MAAM,SAAS,GAAG,CAAC,2BAA2B,EAAE,+BAA+B,CAAC;AAChF,MAAM,OAAO,GAAG,CAAC,YAAY,CAAC;~~MAQjB~~,wBAAwB,CAAA;8GAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAxB,wBAAwB,EAAA,~~YAAA~~,EAAA,~~CATlB~~,2BAA2B,EAAE,+BAA+B,~~aAC9D,YAAY,~~CAAA,EAAA,OAAA,EAAA,~~CADV~~,2BAA2B,EAAE,+BAA+B,CAAA,EAAA,CAAA,CAAA;~~AASlE~~,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,YAJtB,OAAO,CAAA,EAAA,CAAA,CAAA;;2FAIT,wBAAwB,EAAA,UAAA,EAAA,CAAA;~~kBANpC~~,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;;;~~ACbD~~;;AAEG;;;;"}
1	+ {"version":3,"file":"acorex-components-bottom-navigation.mjs","sources":["../../../../libs/components/bottom-navigation/src/lib/bottom-navigation-item/bottom-navigation-item.component.ts","../../../../libs/components/bottom-navigation/src/lib/bottom-navigation-item/bottom-navigation-item.component.html","../../../../libs/components/bottom-navigation/src/lib/bottom-navigation.component.ts","../../../../libs/components/bottom-navigation/src/lib/bottom-navigation.component.html","../../../../libs/components/bottom-navigation/src/lib/bottom-navigation.module.ts","../../../../libs/components/bottom-navigation/src/acorex-components-bottom-navigation.ts"],"sourcesContent":["import { AXClickEvent, AXRippleDirective, MXInteractiveComponent, MXLookComponent } from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, HostListener, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { classes } from 'polytype';\n\n@Component({\n selector: 'ax-bottom-navigation-item',\n templateUrl: './bottom-navigation-item.component.html',\n inputs: ['disabled', 'tabIndex'],\n outputs: ['disabledChange', 'onFocus', 'onBlur'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [AXRippleDirective],\n})\nexport class AXBottomNavigationItemComponent extends classes(MXInteractiveComponent, MXLookComponent) {\n @Input() name: string;\n\n @Input() active = false;\n\n @Output() onClick = new EventEmitter<AXClickEvent>();\n\n @HostBinding('class')\n get __hostClass(): string {\n return `${this.active ? 'ax-state-active' : ''} ${this.disabled ? 'ax-state-disabled' : ''} `;\n }\n\n @HostListener('click', ['$event'])\n protected handleClick(e: MouseEvent) {\n if (this.disabled) return;\n const dataset = (e.target as any).dataset;\n this.onClick.emit({\n component: this,\n htmlElement: this.getHostElement(),\n nativeEvent: e,\n data: { active: this.active, name: this.name, ...dataset },\n isUserInteraction: e.isTrusted,\n });\n }\n}\n","<ng-content select=\"ax-prefix, ax-icon\"></ng-content>\n<ng-content select=\"ax-text, ng-content, ng-container\"></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>","import { AXClickEvent } from '@acorex/components/common';\nimport { AfterContentInit, ChangeDetectionStrategy, Component, ContentChildren, HostBinding, QueryList, ViewEncapsulation, input, output } from '@angular/core';\nimport { AXBottomNavigationItemComponent } from './bottom-navigation-item/bottom-navigation-item.component';\n\nexport type AXBottomNavigationLook = 'solid' \| 'with-line' \| 'pills' \| 'pills-color';\n\n/*\n The BottomNavigation component provides a navigational bar at the bottom of the screen with customizable appearance and behavior.\n \n @category Components\n /\n@Component({\n selector: 'ax-bottom-navigation',\n templateUrl: './bottom-navigation.component.html',\n styleUrls: ['./bottom-navigation.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class AXBottomNavigationComponent implements AfterContentInit {\n /\n @ignore\n /\n @ContentChildren(AXBottomNavigationItemComponent)\n private _contentButtons: QueryList<AXBottomNavigationItemComponent>;\n look = input<AXBottomNavigationLook>('solid');\n\n /\n This will be displayed as an interface\n /\n hasBorder = input(false);\n\n /\n Determines the position of the indicator relative to the button.\n \n @defaultValue 'top'\n /\n indicatorPosition = input<'top' \| 'bottom'>('top');\n\n /\n Emit item click.\n * @returns The AXClickEvent\n /\n onItemClick = output<AXClickEvent>();\n\n //@Output() onItemClick = new EventEmitter<AXClickEvent>();\n\n /\n @ignore\n /\n ngAfterContentInit(): void {\n this._bindEvents();\n }\n\n /* @ignore /\n private _bindEvents() {\n this._contentButtons?.forEach((i: any) => {\n if (!i.onClick.length)\n i.onClick.subscribe((event: AXClickEvent) => {\n this._handleClickEvent(event);\n });\n });\n }\n\n /* @ignore /\n _handleClickEvent(item: AXClickEvent) {\n this.onItemClick.emit(item);\n }\n\n /* @ignore /\n @HostBinding('class')\n get __hostClass(): string {\n return ` ax-look-${this.look()} ax-indicator-${this.indicatorPosition()} ${this.hasBorder() ? 'ax-has-border' : ''}`;\n }\n}\n","<ng-content select=\"ng-container, ax-bottom-navigation-item\"></ng-content>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXBottomNavigationItemComponent } from './bottom-navigation-item/bottom-navigation-item.component';\nimport { AXBottomNavigationComponent } from './bottom-navigation.component';\n\nconst COMPONENT = [AXBottomNavigationComponent, AXBottomNavigationItemComponent];\nconst MODULES = [CommonModule];\n\n@NgModule({\n imports: [...MODULES, ...COMPONENT],\n exports: [...COMPONENT],\n providers: [],\n})\nexport class AXBottomNavigationModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-breadcrumbs.mjs CHANGED Viewed

@@ -1,8 +1,7 @@
 import { MXBaseComponent, MXInteractiveComponent } from '@acorex/components/common';
+import { NgTemplateOutlet, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { ViewChild, ContentChild, ChangeDetectionStrategy, ViewEncapsulation, Component, HostBinding, Input, Inject, NgModule } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
 /**
@@ -18,12 +17,12 @@ class AXBreadCrumbsComponent extends MXBaseComponent {
             behavior: 'instant',
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXBreadCrumbsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXBreadCrumbsComponent, isStandalone: false, 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    @if(!_divider){\n    <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n    }\n    @if(_divider){\n    <ng-container [ngTemplateOutlet]=\"_divider\"></ng-container>\n    }\n    <ng-template #default>\n        <div class=\"ax-breadcrumb-divider\">/</div>\n    </ng-template>\n</ng-template>", 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{color:rgba(var(--ax-comp-breadcrumbs-text-active-color))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-disabled{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: i1.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: "19.1.8", ngImport: i0, type: AXBreadCrumbsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.8", type: AXBreadCrumbsComponent, isStandalone: true, 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    @if(!_divider){\n    <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n    }\n    @if(_divider){\n    <ng-container [ngTemplateOutlet]=\"_divider\"></ng-container>\n    }\n    <ng-template #default>\n        <div class=\"ax-breadcrumb-divider\">/</div>\n    </ng-template>\n</ng-template>", 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{color:rgba(var(--ax-comp-breadcrumbs-text-active-color))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-disabled{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: "19.0.3", ngImport: i0, type: AXBreadCrumbsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXBreadCrumbsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-breadcrumbs', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n    @if(!_divider){\n    <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n    }\n    @if(_divider){\n    <ng-container [ngTemplateOutlet]=\"_divider\"></ng-container>\n    }\n    <ng-template #default>\n        <div class=\"ax-breadcrumb-divider\">/</div>\n    </ng-template>\n</ng-template>", 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{color:rgba(var(--ax-comp-breadcrumbs-text-active-color))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-disabled{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"] }]
+            args: [{ selector: 'ax-breadcrumbs', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n    @if(!_divider){\n    <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n    }\n    @if(_divider){\n    <ng-container [ngTemplateOutlet]=\"_divider\"></ng-container>\n    }\n    <ng-template #default>\n        <div class=\"ax-breadcrumb-divider\">/</div>\n    </ng-template>\n</ng-template>", 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{color:rgba(var(--ax-comp-breadcrumbs-text-active-color))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-disabled{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"] }]
         }], propDecorators: { _divider: [{
                 type: ContentChild,
                 args: ['divider']
@@ -51,12 +50,12 @@ 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: "19.0.3", ngImport: i0, type: AXBreadCrumbsItemComponent, deps: [{ token: AXBreadCrumbsComponent }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXBreadCrumbsItemComponent, isStandalone: false, selector: "ax-breadcrumbs-item", inputs: { disabled: "disabled", active: "active" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-breadcrumb-divider\">\n  <ng-container *ngTemplateOutlet=\"_parent.dividerTemplate\"></ng-container>\n</div>\n\n<ng-content select=\"ax-prefix\"></ng-content>\n<ng-content></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>\n", dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXBreadCrumbsItemComponent, deps: [{ token: AXBreadCrumbsComponent }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.8", type: AXBreadCrumbsItemComponent, isStandalone: true, selector: "ax-breadcrumbs-item", inputs: { disabled: "disabled", active: "active" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-breadcrumb-divider\">\n  <ng-container *ngTemplateOutlet=\"_parent.dividerTemplate\"></ng-container>\n</div>\n\n<ng-content select=\"ax-prefix\"></ng-content>\n<ng-content></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXBreadCrumbsItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXBreadCrumbsItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-breadcrumbs-item', inputs: ['disabled'], standalone: false, template: "<div class=\"ax-breadcrumb-divider\">\n  <ng-container *ngTemplateOutlet=\"_parent.dividerTemplate\"></ng-container>\n</div>\n\n<ng-content select=\"ax-prefix\"></ng-content>\n<ng-content></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>\n" }]
+            args: [{ selector: 'ax-breadcrumbs-item', inputs: ['disabled'], imports: [NgTemplateOutlet], template: "<div class=\"ax-breadcrumb-divider\">\n  <ng-container *ngTemplateOutlet=\"_parent.dividerTemplate\"></ng-container>\n</div>\n\n<ng-content select=\"ax-prefix\"></ng-content>\n<ng-content></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>\n" }]
         }], ctorParameters: () => [{ type: AXBreadCrumbsComponent, decorators: [{
                     type: Inject,
                     args: [AXBreadCrumbsComponent]
@@ -68,15 +67,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
             }] } });
 class AXBreadcrumbsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXBreadcrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXBreadcrumbsModule, declarations: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent], imports: [CommonModule, RouterModule], exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXBreadcrumbsModule, imports: [CommonModule, RouterModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXBreadcrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.8", ngImport: i0, type: AXBreadcrumbsModule, imports: [CommonModule, RouterModule, AXBreadCrumbsComponent, AXBreadCrumbsItemComponent], exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXBreadcrumbsModule, imports: [CommonModule, RouterModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXBreadcrumbsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXBreadcrumbsModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],
-                    imports: [CommonModule, RouterModule],
+                    imports: [CommonModule, RouterModule, AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],
                     exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],
                     providers: [],
                 }]

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

	@@ -1 +1 @@
1	- {"version":3,"file":"acorex-components-breadcrumbs.mjs","sources":["../../../../libs/components/breadcrumbs/src/lib/breadcrumbs.component.ts","../../../../libs/components/breadcrumbs/src/lib/breadcrumbs.component.html","../../../../libs/components/breadcrumbs/src/lib/breadcrumbs-item.component.ts","../../../../libs/components/breadcrumbs/src/lib/breadcrumbs-item.component.html","../../../../libs/components/breadcrumbs/src/lib/breadcrumbs.module.ts","../../../../libs/components/breadcrumbs/src/acorex-components-breadcrumbs.ts"],"sourcesContent":["import { MXBaseComponent } from '@acorex/components/common';\nimport {\n AfterViewInit~~,\n~~ ChangeDetectionStrategy~~,\n~~ Component~~,\n~~ ContentChild~~,\n~~ TemplateRef~~,\n~~ ViewChild~~,\n~~ ViewEncapsulation~~,\n~~} from '@angular/core';\n\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 /\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 ~~standalone~~: ~~false\~~n})\nexport class AXBreadCrumbsComponent extends MXBaseComponent implements AfterViewInit {\n /\n @ignore\n /\n @ContentChild('divider')\n protected _divider: TemplateRef<any>;\n\n /\n @ignore\n /\n @ViewChild('dividerTpl')\n dividerTemplate: TemplateRef<any>;\n\n ngAfterViewInit(): void {\n this.getHostElement().scrollTo({\n left: this.getHostElement().scrollWidth,\n top: 0,\n behavior: 'instant',\n });\n }\n}\n","<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n @if(!_divider){\n <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n }\n @if(_divider){\n <ng-container [ngTemplateOutlet]=\"_divider\"></ng-container>\n }\n <ng-template #default>\n <div class=\"ax-breadcrumb-divider\">/</div>\n </ng-template>\n</ng-template>","import { MXInteractiveComponent } from '@acorex/components/common';\nimport { Component, HostBinding, Inject, Input } from '@angular/core';\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\n\n/\n Component representing an item in a breadcrumbs navigation.\n \n @category Components\n /\n@Component({\n selector: 'ax-breadcrumbs-item',\n inputs: ['disabled'],\n templateUrl: './breadcrumbs-item.component.html',\n ~~standalone~~: ~~false\~~n})\nexport class AXBreadCrumbsItemComponent extends MXInteractiveComponent {\n /\n Indicates whether this breadcrumb item is the current active item.\n /\n @Input() active: boolean;\n\n /\n @ignore\n /\n constructor(\n @Inject(AXBreadCrumbsComponent)\n public _parent: AXBreadCrumbsComponent,\n ) {\n super();\n }\n\n /\n @ignore\n /\n @HostBinding('class')\n private get __hostClass(): string[] {\n return [`${this.active ? 'ax-state-active' : ''}`, `${this.disabled ? 'ax-state-disabled' : ''}`];\n }\n}\n","<div class=\"ax-breadcrumb-divider\">\n <ng-container ngTemplateOutlet=\"_parent.dividerTemplate\"></ng-container>\n</div>\n\n<ng-content select=\"ax-prefix\"></ng-content>\n<ng-content></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>\n","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';\n\n@NgModule({\n ~~declarations~~: [~~AXBreadCrumbsComponent~~, ~~AXBreadCrumbsItemComponent],\n imports:~~ ~~[CommonModule~~, ~~RouterModule~~],\n exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\n providers: [],\n})\nexport class AXBreadcrumbsModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;;;AAWA~~;;;;AAIG;AASG,MAAO,sBAAuB,SAAQ,eAAe,CAAA;IAazD,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,cAAc,EAAE,CAAC,QAAQ,CAAC;AAC7B,YAAA,IAAI,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC,WAAW;AACvC,YAAA,GAAG,EAAE,CAAC;AACN,YAAA,QAAQ,EAAE,SAAS;AACpB,SAAA,CAAC;;8GAlBO,sBAAsB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;~~AAAtB~~,IAAA,SAAA,IAAA,CAAA,IAAA,~~GAAA~~,EAAA,CAAA,~~oBAAA~~,CAAA,EAAA,~~UAAA~~,EAAA,~~QAAA~~,EAAA,~~OAAA~~,EAAA,~~QAAA~~,EAAA,IAAA,EAAA,~~sBAAsB~~,~~kTCxBnC~~,uYAWc,EAAA,MAAA,EAAA,CAAA,k0CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,~~EAAA~~,~~EAAA~~,~~CAAA,gBAAA,~~EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;~~2FDaD~~,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBARlC,SAAS;+~~BACI~~,gBAAgB,EAAA,aAAA,EAGX,iBAAiB,CAAC,IAAI,~~mBACpB~~,uBAAuB,CAAC,MAAM,EAAA,~~UAAA~~,~~EACnC~~,~~KAAK~~,EAAA,QAAA,EAAA,uYAAA,EAAA,MAAA,EAAA,CAAA,k0CAAA,CAAA,EAAA;~~8BAOT~~,QAAQ,EAAA,CAAA;sBADjB,YAAY;uBAAC,SAAS;gBAOvB,eAAe,EAAA,CAAA;sBADd,SAAS;uBAAC,YAAY;;;~~AE9BzB~~;;;;AAIG;AAOG,MAAO,0BAA2B,SAAQ,sBAAsB,CAAA;AAMpE;;AAEG;AACH,IAAA,WAAA,CAES,OAA+B,EAAA;AAEtC,QAAA,KAAK,EAAE;QAFA,IAAO,CAAA,OAAA,GAAP,OAAO;;AAKhB;;AAEG;AACH,IAAA,IACY,WAAW,GAAA;AACrB,QAAA,OAAO,CAAC,CAAA,EAAG,IAAI,CAAC,MAAM,GAAG,iBAAiB,GAAG,EAAE,CAAA,CAAE,EAAE,CAAA,EAAG,IAAI,CAAC,QAAQ,GAAG,mBAAmB,GAAG,EAAE,CAAA,CAAE,CAAC;;AArBxF,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,0BAA0B,kBAU3B,sBAAsB,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;~~AAVrB~~,~~IAAA~~,~~SAAA~~,~~IAAA~~,~~CAAA~~,IAAA,~~GAAA~~,EAAA,~~CAAA~~,~~oBAAA~~,~~CAAA~~,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,~~QAAA~~,EAAA,IAAA,EAAA,~~0BAA0B~~,~~kNCfvC~~,6PAOA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,~~EAAA~~,~~EAAA~~,~~CAAA,gBAAA,~~EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;~~2FDQa~~,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBANtC,SAAS;~~AACI~~,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,~~EACvB~~,~~MAAA~~,~~EAAA~~,CAAC,~~UAAU~~,CAAC,~~cAER~~,~~KAAK~~,EAAA,QAAA,EAAA,6PAAA,EAAA;;~~0BAYhB~~,MAAM;2BAAC,sBAAsB;yCANvB,MAAM,EAAA,CAAA;sBAAd;gBAgBW,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO;;;~~MEtBT~~,mBAAmB,CAAA;8GAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAnB,mBAAmB,EAAA,~~YAAA~~,EAAA,~~CALf~~,~~sBAAsB~~,EAAE,~~0BAA0B~~,~~CAAA~~,~~EAAA~~,~~OAAA,EAAA,CACvD,YAAY,~~EAAE,~~YAAY~~,CAAA,EAAA,OAAA,EAAA,~~CAC1B~~,sBAAsB,EAAE,0BAA0B,CAAA,EAAA,CAAA,CAAA;+GAGjD,mBAAmB,EAAA,OAAA,EAAA,CAJpB,YAAY,EAAE,YAAY,CAAA,EAAA,CAAA,CAAA;;2FAIzB,mBAAmB,EAAA,UAAA,EAAA,CAAA;~~kBAN~~/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;~~AACR~~,~~oBAAA~~,~~YAAY,~~EAAE,CAAC,~~sBAAsB~~,EAAE,~~0BAA0B~~,~~CAAC;AAClE,oBAAA,OAAO,~~EAAE,~~CAAC~~,~~YAAY,~~EAAE,~~YAAY~~,CAAC;~~AACrC~~,oBAAA,OAAO,EAAE,CAAC,sBAAsB,EAAE,0BAA0B,CAAC;AAC7D,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA;;;~~ACXD~~;;AAEG;;;;"}
1	+ {"version":3,"file":"acorex-components-breadcrumbs.mjs","sources":["../../../../libs/components/breadcrumbs/src/lib/breadcrumbs.component.ts","../../../../libs/components/breadcrumbs/src/lib/breadcrumbs.component.html","../../../../libs/components/breadcrumbs/src/lib/breadcrumbs-item.component.ts","../../../../libs/components/breadcrumbs/src/lib/breadcrumbs-item.component.html","../../../../libs/components/breadcrumbs/src/lib/breadcrumbs.module.ts","../../../../libs/components/breadcrumbs/src/acorex-components-breadcrumbs.ts"],"sourcesContent":["import { MXBaseComponent } from '@acorex/components/common';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { AfterViewInit, ChangeDetectionStrategy, Component, ContentChild, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core';\n\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 /\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 imports: [NgTemplateOutlet],\n})\nexport class AXBreadCrumbsComponent extends MXBaseComponent implements AfterViewInit {\n /\n @ignore\n /\n @ContentChild('divider')\n protected _divider: TemplateRef<any>;\n\n /\n @ignore\n /\n @ViewChild('dividerTpl')\n dividerTemplate: TemplateRef<any>;\n\n ngAfterViewInit(): void {\n this.getHostElement().scrollTo({\n left: this.getHostElement().scrollWidth,\n top: 0,\n behavior: 'instant',\n });\n }\n}\n","<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n @if(!_divider){\n <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n }\n @if(_divider){\n <ng-container [ngTemplateOutlet]=\"_divider\"></ng-container>\n }\n <ng-template #default>\n <div class=\"ax-breadcrumb-divider\">/</div>\n </ng-template>\n</ng-template>","import { MXInteractiveComponent } from '@acorex/components/common';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { Component, HostBinding, Inject, Input } from '@angular/core';\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\n\n/\n Component representing an item in a breadcrumbs navigation.\n \n @category Components\n /\n@Component({\n selector: 'ax-breadcrumbs-item',\n inputs: ['disabled'],\n templateUrl: './breadcrumbs-item.component.html',\n imports: [NgTemplateOutlet],\n})\nexport class AXBreadCrumbsItemComponent extends MXInteractiveComponent {\n /\n Indicates whether this breadcrumb item is the current active item.\n /\n @Input() active: boolean;\n\n /\n @ignore\n /\n constructor(\n @Inject(AXBreadCrumbsComponent)\n public _parent: AXBreadCrumbsComponent,\n ) {\n super();\n }\n\n /\n @ignore\n /\n @HostBinding('class')\n private get __hostClass(): string[] {\n return [`${this.active ? 'ax-state-active' : ''}`, `${this.disabled ? 'ax-state-disabled' : ''}`];\n }\n}\n","<div class=\"ax-breadcrumb-divider\">\n <ng-container ngTemplateOutlet=\"_parent.dividerTemplate\"></ng-container>\n</div>\n\n<ng-content select=\"ax-prefix\"></ng-content>\n<ng-content></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>\n","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';\n\n@NgModule({\n imports: [CommonModule, RouterModule, AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\n exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\n providers: [],\n})\nexport class AXBreadcrumbsModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,9 +1,8 @@
 import { MXInteractiveComponent, MXColorLookComponent, MXColorComponent } from '@acorex/components/common';
+import { AXButtonComponent, AXButtonModule } from '@acorex/components/button';
 import * as i0 from '@angular/core';
 import { effect, EventEmitter, contentChildren, output, HostListener, HostBinding, Input, Output, ViewEncapsulation, ChangeDetectionStrategy, Component, inject, NgModule } from '@angular/core';
 import { classes } from 'polytype';
-import * as i1 from '@acorex/components/button';
-import { AXButtonModule } from '@acorex/components/button';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import { CommonModule } from '@angular/common';
@@ -148,12 +147,12 @@ class AXButtonGroupComponent extends classes(MXInteractiveComponent, MXColorLook
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXButtonGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.3", type: AXButtonGroupComponent, isStandalone: false, 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" } }, 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: "19.1.8", ngImport: i0, type: AXButtonGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.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" } }, 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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXButtonGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.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'], standalone: false, 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'], 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"] }]
         }], propDecorators: { onClick: [{
                 type: Output
             }], selectionChange: [{
@@ -249,8 +248,8 @@ class AXButtonGroupItemComponent extends classes(MXInteractiveComponent, MXColor
             .map((c) => c[0])
             .join(' ');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXButtonGroupItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXButtonGroupItemComponent, isStandalone: false, 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" } }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXButtonGroupItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.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" } }, usesInheritance: true, ngImport: i0, template: `
     <ax-button
       [color]="selected ? color : 'default'"
       [text]="text"
@@ -260,9 +259,9 @@ class AXButtonGroupItemComponent extends classes(MXInteractiveComponent, MXColor
     >
       <ng-content></ng-content>
     </ax-button>
-  `, isInline: true, dependencies: [{ kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, dependencies: [{ kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "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: "19.0.3", ngImport: i0, type: AXButtonGroupItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXButtonGroupItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-button-group-item',
@@ -281,7 +280,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     inputs: ['color', 'disabled'],
                     outputs: ['onClick', 'onFocus', 'onBlur', 'disabledChange'],
-                    standalone: false,
+                    imports: [AXButtonComponent],
                 }]
         }], propDecorators: { text: [{
                 type: Input
@@ -315,15 +314,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
 const COMPONENT = [AXButtonGroupComponent, AXButtonGroupItemComponent];
 const MODULES = [CommonModule, AXDecoratorModule, AXButtonModule];
 class AXButtonGroupModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXButtonGroupModule, declarations: [AXButtonGroupComponent, AXButtonGroupItemComponent], imports: [CommonModule, AXDecoratorModule, AXButtonModule], exports: [AXButtonGroupComponent, AXButtonGroupItemComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXButtonGroupModule, imports: [MODULES] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.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: "19.1.8", ngImport: i0, type: AXButtonGroupModule, imports: [MODULES, AXButtonGroupItemComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXButtonGroupModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: AXButtonGroupModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [...COMPONENT],
-                    imports: [...MODULES],
+                    imports: [...MODULES, ...COMPONENT],
                     exports: [...COMPONENT],
                     providers: [],
                 }]