npm - @acorex/components - Versions diffs - 22.1.7 → 22.2.0-next.0 - Mend

@acorex/components 22.1.7 → 22.2.0-next.0

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 (324) hide show

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

@@ -3,10 +3,10 @@ import * as i0 from '@angular/core';
 import { Component, contentChildren, model, input, HostBinding, ViewEncapsulation, NgModule } from '@angular/core';
 class AXAvatarGroupComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXAvatarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXAvatarGroupComponent, isStandalone: true, selector: "ax-avatar-group", providers: [{ provide: AXComponent, useExisting: AXAvatarGroupComponent }], ngImport: i0, template: `<ng-content select="ax-avatar"></ng-content>`, isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXAvatarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: AXAvatarGroupComponent, isStandalone: true, selector: "ax-avatar-group", providers: [{ provide: AXComponent, useExisting: AXAvatarGroupComponent }], ngImport: i0, template: `<ng-content select="ax-avatar"></ng-content>`, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXAvatarGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXAvatarGroupComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-avatar-group',
@@ -65,10 +65,10 @@ class AXAvatarComponent extends MXColorComponent {
         const size = this.size();
         return `width: ${size}px; height: ${size}px; --ax-comp-avatar-size: ${size}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXAvatarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXAvatarComponent, isStandalone: true, selector: "ax-avatar", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { size: "sizeChange" }, host: { properties: { "class": "this.__hostClass", "style": "this.__hostStyle" } }, providers: [{ provide: AXComponent, useExisting: AXAvatarComponent }], queries: [{ propertyName: "children", predicate: ["ax-image, ax-icon, ax-text"], isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-text, ax-image, ax-icon\"></ng-content>\n\n@if (!children()?.length) {\n  <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 512 512\">\n    <g style=\"isolation: isolate\">\n      <g id=\"Layer_2\" data-name=\"Layer 2\">\n        <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n          <rect style=\"fill: var(--ax-comp-bg, rgba(var(--ax-sys-color-surface)))\" width=\"512\" height=\"512\" />\n          <path\n            d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\"\n            style=\"fill: var(--ax-comp-text, rgba(var(--ax-sys-color-on-surface))); opacity: 0.7\"\n          />\n          <path\n            d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n            style=\"opacity: 0.05\"\n          />\n          <circle\n            cx=\"257.71\"\n            cy=\"255.94\"\n            r=\"99.24\"\n            style=\"fill: var(--ax-comp-text, rgba(var(--ax-sys-color-on-surface)))\"\n          />\n        </g>\n      </g>\n    </g>\n  </svg>\n}\n<ng-content select=\"ax-badge\"></ng-content>\n", styles: ["@layer properties;@layer components{ax-avatar-group{display:flex}ax-avatar-group ax-avatar{margin:calc(var(--spacing, .25rem) * -1);overflow:hidden;border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-comp-avatar-border-color))}ax-avatar{position:relative;display:flex;justify-content:center}ax-avatar.ax-sharp{border-radius:0}ax-avatar.ax-soft{border-radius:var(--ax-sys-border-radius)}ax-avatar.ax-rounded{border-radius:calc(infinity * 1px)}ax-avatar *{border-radius:inherit}ax-avatar ax-text{font-size:calc(var(--ax-comp-avatar-size, 48) * .5 * 1px);line-height:calc(var(--ax-comp-avatar-size, 48) * 2 / 3 * 1px)}ax-avatar ax-icon,ax-avatar ax-text{display:flex;min-height:100%;min-width:100%;align-items:center;justify-content:center;border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-comp-avatar-border-color));background-color:rgba(var(--ax-comp-avatar-bg-color));fill:rgba(var(--ax-comp-avatar-fill-color));color:rgba(var(--ax-comp-avatar-text-color))}ax-avatar ax-badge{position:absolute}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXAvatarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXAvatarComponent, isStandalone: true, selector: "ax-avatar", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { size: "sizeChange" }, host: { properties: { "class": "this.__hostClass", "style": "this.__hostStyle" } }, providers: [{ provide: AXComponent, useExisting: AXAvatarComponent }], queries: [{ propertyName: "children", predicate: ["ax-image, ax-icon, ax-text"], isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-text, ax-image, ax-icon\"></ng-content>\n\n@if (!children()?.length) {\n  <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 512 512\">\n    <g style=\"isolation: isolate\">\n      <g id=\"Layer_2\" data-name=\"Layer 2\">\n        <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n          <rect style=\"fill: var(--ax-comp-bg, rgba(var(--ax-sys-color-surface)))\" width=\"512\" height=\"512\" />\n          <path\n            d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\"\n            style=\"fill: var(--ax-comp-text, rgba(var(--ax-sys-color-on-surface))); opacity: 0.7\"\n          />\n          <path\n            d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n            style=\"opacity: 0.05\"\n          />\n          <circle\n            cx=\"257.71\"\n            cy=\"255.94\"\n            r=\"99.24\"\n            style=\"fill: var(--ax-comp-text, rgba(var(--ax-sys-color-on-surface)))\"\n          />\n        </g>\n      </g>\n    </g>\n  </svg>\n}\n<ng-content select=\"ax-badge\"></ng-content>\n", styles: ["@layer properties;@layer components{ax-avatar-group{display:flex}ax-avatar-group ax-avatar{margin:calc(var(--spacing, .25rem) * -1);overflow:hidden;border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-comp-avatar-border-color))}ax-avatar{position:relative;display:flex;justify-content:center}ax-avatar.ax-sharp{border-radius:0}ax-avatar.ax-soft{border-radius:var(--ax-sys-border-radius)}ax-avatar.ax-rounded{border-radius:calc(infinity * 1px)}ax-avatar *{border-radius:inherit}ax-avatar ax-text{font-size:calc(var(--ax-comp-avatar-size, 48) * .5 * 1px);line-height:calc(var(--ax-comp-avatar-size, 48) * 2 / 3 * 1px)}ax-avatar ax-icon,ax-avatar ax-text{display:flex;min-height:100%;min-width:100%;align-items:center;justify-content:center;border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-comp-avatar-border-color));background-color:rgba(var(--ax-comp-avatar-bg-color));fill:rgba(var(--ax-comp-avatar-fill-color));color:rgba(var(--ax-comp-avatar-text-color))}ax-avatar ax-badge{position:absolute}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXAvatarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXAvatarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-avatar', inputs: ['color'], encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXAvatarComponent }], template: "<ng-content select=\"ax-text, ax-image, ax-icon\"></ng-content>\n\n@if (!children()?.length) {\n  <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 512 512\">\n    <g style=\"isolation: isolate\">\n      <g id=\"Layer_2\" data-name=\"Layer 2\">\n        <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n          <rect style=\"fill: var(--ax-comp-bg, rgba(var(--ax-sys-color-surface)))\" width=\"512\" height=\"512\" />\n          <path\n            d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\"\n            style=\"fill: var(--ax-comp-text, rgba(var(--ax-sys-color-on-surface))); opacity: 0.7\"\n          />\n          <path\n            d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n            style=\"opacity: 0.05\"\n          />\n          <circle\n            cx=\"257.71\"\n            cy=\"255.94\"\n            r=\"99.24\"\n            style=\"fill: var(--ax-comp-text, rgba(var(--ax-sys-color-on-surface)))\"\n          />\n        </g>\n      </g>\n    </g>\n  </svg>\n}\n<ng-content select=\"ax-badge\"></ng-content>\n", styles: ["@layer properties;@layer components{ax-avatar-group{display:flex}ax-avatar-group ax-avatar{margin:calc(var(--spacing, .25rem) * -1);overflow:hidden;border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-comp-avatar-border-color))}ax-avatar{position:relative;display:flex;justify-content:center}ax-avatar.ax-sharp{border-radius:0}ax-avatar.ax-soft{border-radius:var(--ax-sys-border-radius)}ax-avatar.ax-rounded{border-radius:calc(infinity * 1px)}ax-avatar *{border-radius:inherit}ax-avatar ax-text{font-size:calc(var(--ax-comp-avatar-size, 48) * .5 * 1px);line-height:calc(var(--ax-comp-avatar-size, 48) * 2 / 3 * 1px)}ax-avatar ax-icon,ax-avatar ax-text{display:flex;min-height:100%;min-width:100%;align-items:center;justify-content:center;border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-comp-avatar-border-color));background-color:rgba(var(--ax-comp-avatar-bg-color));fill:rgba(var(--ax-comp-avatar-fill-color));color:rgba(var(--ax-comp-avatar-text-color))}ax-avatar ax-badge{position:absolute}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { children: [{ type: i0.ContentChildren, args: ['ax-image, ax-icon, ax-text', { isSignal: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }, { type: i0.Output, args: ["sizeChange"] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], look: [{ type: i0.Input, args: [{ isSignal: true, alias: "look", required: false }] }], __hostClass: [{
@@ -80,11 +80,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             }] } });
 class AXAvatarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXAvatarModule, imports: [AXAvatarComponent, AXAvatarGroupComponent], exports: [AXAvatarComponent, AXAvatarGroupComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXAvatarModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AXAvatarModule, imports: [AXAvatarComponent, AXAvatarGroupComponent], exports: [AXAvatarComponent, AXAvatarGroupComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXAvatarModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXAvatarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXAvatarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [AXAvatarComponent, AXAvatarGroupComponent],

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

	@@ -1 +1 @@
1	- {"version":3,"file":"acorex-components-avatar.mjs","sources":["../../../../packages/components/avatar/src/lib/avatar-group.component.ts","../../../../packages/components/avatar/src/lib/avatar.component.ts","../../../../packages/components/avatar/src/lib/avatar.component.html","../../../../packages/components/avatar/src/lib/avatar.module.ts","../../../../packages/components/avatar/src/acorex-components-avatar.ts"],"sourcesContent":["import { AXComponent } from '@acorex/cdk/common';\nimport { Component, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n selector: 'ax-avatar-group',\n template: `<ng-content select=\"ax-avatar\"></ng-content>`,\n providers: [{ provide: AXComponent, useExisting: AXAvatarGroupComponent }],\n})\nexport class AXAvatarGroupComponent {}\n","import { AXComponent, MXColorComponent } from '@acorex/cdk/common';\nimport { Component, contentChildren, HostBinding, input, model, QueryList, ViewEncapsulation } from '@angular/core';\n\n/*\n The Avatar component displays a user's profile image or initials, typically used for user identification.\n * It supports multiple content types including text, icons, images, and badges.\n \n @category Components\n /\n@Component({\n selector: 'ax-avatar',\n templateUrl: './avatar.component.html',\n styleUrls: ['./avatar.component.css'],\n inputs: ['color'],\n encapsulation: ViewEncapsulation.None,\n\n providers: [{ provide: AXComponent, useExisting: AXAvatarComponent }],\n})\nexport class AXAvatarComponent extends MXColorComponent {\n /\n Content children for avatar content (ax-image, ax-icon, ax-text).\n * Used internally to determine if fallback SVG should be shown.\n /\n protected children = contentChildren<QueryList<unknown>>('ax-image, ax-icon, ax-text');\n\n /\n Defines the size of the avatar in pixels.\n \n @defaultValue 48\n /\n size = model<number>(48);\n\n /\n Specifies the visual style of the avatar's corners.\n \n @defaultValue 'rounded'\n /\n shape = input<'sharp' \| 'soft' \| 'rounded'>('rounded');\n\n /\n Specifies the visual style of the avatar appearance.\n \n @defaultValue 'solid'\n /\n look = input<'solid' \| 'twotone'>('solid');\n\n /\n @ignore\n /\n @HostBinding('class')\n private get __hostClass(): string {\n return `${this.color} ax-${this.look()} ax-${this.shape()} `;\n }\n\n /\n @ignore\n /\n @HostBinding('style')\n private get __hostStyle(): string {\n const size = this.size();\n return `width: ${size}px; height: ${size}px; --ax-comp-avatar-size: ${size}`;\n }\n}\n","<ng-content select=\"ax-text, ax-image, ax-icon\"></ng-content>\n\n@if (!children()?.length) {\n <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 512 512\">\n <g style=\"isolation: isolate\">\n <g id=\"Layer_2\" data-name=\"Layer 2\">\n <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n <rect style=\"fill: var(--ax-comp-bg, rgba(var(--ax-sys-color-surface)))\" width=\"512\" height=\"512\" />\n <path\n d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\"\n style=\"fill: var(--ax-comp-text, rgba(var(--ax-sys-color-on-surface))); opacity: 0.7\"\n />\n <path\n d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n style=\"opacity: 0.05\"\n />\n <circle\n cx=\"257.71\"\n cy=\"255.94\"\n r=\"99.24\"\n style=\"fill: var(--ax-comp-text, rgba(var(--ax-sys-color-on-surface)))\"\n />\n </g>\n </g>\n </g>\n </svg>\n}\n<ng-content select=\"ax-badge\"></ng-content>\n","import { NgModule } from '@angular/core';\nimport { AXAvatarGroupComponent } from './avatar-group.component';\nimport { AXAvatarComponent } from './avatar.component';\n\n@NgModule({\n imports: [AXAvatarComponent, AXAvatarGroupComponent],\n exports: [AXAvatarComponent, AXAvatarGroupComponent],\n})\nexport class AXAvatarModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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~~;;;;~~"}
1	+ {"version":3,"file":"acorex-components-avatar.mjs","sources":["../../../../packages/components/avatar/src/lib/avatar-group.component.ts","../../../../packages/components/avatar/src/lib/avatar.component.ts","../../../../packages/components/avatar/src/lib/avatar.component.html","../../../../packages/components/avatar/src/lib/avatar.module.ts","../../../../packages/components/avatar/src/acorex-components-avatar.ts"],"sourcesContent":["import { AXComponent } from '@acorex/cdk/common';\nimport { Component, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n selector: 'ax-avatar-group',\n template: `<ng-content select=\"ax-avatar\"></ng-content>`,\n providers: [{ provide: AXComponent, useExisting: AXAvatarGroupComponent }],\n})\nexport class AXAvatarGroupComponent {}\n","import { AXComponent, MXColorComponent } from '@acorex/cdk/common';\nimport { Component, contentChildren, HostBinding, input, model, QueryList, ViewEncapsulation } from '@angular/core';\n\n/*\n The Avatar component displays a user's profile image or initials, typically used for user identification.\n * It supports multiple content types including text, icons, images, and badges.\n \n @category Components\n /\n@Component({\n selector: 'ax-avatar',\n templateUrl: './avatar.component.html',\n styleUrls: ['./avatar.component.css'],\n inputs: ['color'],\n encapsulation: ViewEncapsulation.None,\n\n providers: [{ provide: AXComponent, useExisting: AXAvatarComponent }],\n})\nexport class AXAvatarComponent extends MXColorComponent {\n /\n Content children for avatar content (ax-image, ax-icon, ax-text).\n * Used internally to determine if fallback SVG should be shown.\n /\n protected children = contentChildren<QueryList<unknown>>('ax-image, ax-icon, ax-text');\n\n /\n Defines the size of the avatar in pixels.\n \n @defaultValue 48\n /\n size = model<number>(48);\n\n /\n Specifies the visual style of the avatar's corners.\n \n @defaultValue 'rounded'\n /\n shape = input<'sharp' \| 'soft' \| 'rounded'>('rounded');\n\n /\n Specifies the visual style of the avatar appearance.\n \n @defaultValue 'solid'\n /\n look = input<'solid' \| 'twotone'>('solid');\n\n /\n @ignore\n /\n @HostBinding('class')\n private get __hostClass(): string {\n return `${this.color} ax-${this.look()} ax-${this.shape()} `;\n }\n\n /\n @ignore\n /\n @HostBinding('style')\n private get __hostStyle(): string {\n const size = this.size();\n return `width: ${size}px; height: ${size}px; --ax-comp-avatar-size: ${size}`;\n }\n}\n","<ng-content select=\"ax-text, ax-image, ax-icon\"></ng-content>\n\n@if (!children()?.length) {\n <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 512 512\">\n <g style=\"isolation: isolate\">\n <g id=\"Layer_2\" data-name=\"Layer 2\">\n <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n <rect style=\"fill: var(--ax-comp-bg, rgba(var(--ax-sys-color-surface)))\" width=\"512\" height=\"512\" />\n <path\n d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\"\n style=\"fill: var(--ax-comp-text, rgba(var(--ax-sys-color-on-surface))); opacity: 0.7\"\n />\n <path\n d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n style=\"opacity: 0.05\"\n />\n <circle\n cx=\"257.71\"\n cy=\"255.94\"\n r=\"99.24\"\n style=\"fill: var(--ax-comp-text, rgba(var(--ax-sys-color-on-surface)))\"\n />\n </g>\n </g>\n </g>\n </svg>\n}\n<ng-content select=\"ax-badge\"></ng-content>\n","import { NgModule } from '@angular/core';\nimport { AXAvatarGroupComponent } from './avatar-group.component';\nimport { AXAvatarComponent } from './avatar.component';\n\n@NgModule({\n imports: [AXAvatarComponent, AXAvatarGroupComponent],\n exports: [AXAvatarComponent, AXAvatarGroupComponent],\n})\nexport class AXAvatarModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

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

@@ -25,10 +25,10 @@ class AXBadgeComponent extends MXColorLookComponent {
             .filter(Boolean)
             .join(' ');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBadgeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.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": "hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXBadgeComponent }], 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: ["@layer properties;@layer components{ax-badge{--ax-comp-badge-border-radius: .5rem;--ax-comp-badge-font-size: .75rem;--ax-comp-badge-font-weight: 500;--ax-comp-badge-line-height: 1rem;--ax-comp-badge-gap: .25rem;--ax-comp-badge-padding-x: .5rem;--ax-comp-badge-padding-y: .125rem;--ax-comp-badge-dot-size: .375rem;--ax-comp-badge-ring-opacity: .1;box-sizing:border-box;display:inline-flex;max-height:fit-content;max-width:100%;align-items:center;justify-content:center;border-style:var(--tw-border-style);border-width:0px;vertical-align:middle;white-space:nowrap;-webkit-user-select:none;user-select:none;gap:var(--ax-comp-badge-gap);border-radius:var(--ax-comp-badge-border-radius);font-size:var(--ax-comp-badge-font-size);font-weight:var(--ax-comp-badge-font-weight);line-height:var(--ax-comp-badge-line-height);background-color:var(--ax-comp-bg-lightest, var(--color-lightest));color:var(--ax-comp-bg-darker, var(--color-on-lightest));box-shadow:inset 0 0 0 1px var(--ax-comp-bg-dark, rgba(var(--ax-sys-color-border-lightest-surface)))}@supports (color: color-mix(in lab,red,red)){ax-badge{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ax-comp-bg-dark, var(--color-border-lightest)) calc(var(--ax-comp-badge-ring-opacity) * 100%),transparent)}}ax-badge .ax-badge-text{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-badge ax-prefix,ax-badge ax-suffix{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;--tw-leading: 1;line-height:1;font-size:inherit}ax-badge .ax-badge-dot,ax-badge ax-prefix.ax-badge-dot,ax-badge ax-prefix>.ax-badge-dot{display:inline-flex;flex-shrink:0;border-radius:calc(infinity * 1px);background-color:currentcolor;width:var(--ax-comp-badge-dot-size);height:var(--ax-comp-badge-dot-size)}ax-badge.ax-rounded-full,ax-badge.ax-pill{--ax-comp-badge-border-radius: 9999px}ax-badge.ax-sm,ax-badge.ax-xs{--ax-comp-badge-font-size: .6875rem;--ax-comp-badge-line-height: .875rem;--ax-comp-badge-padding-x: .375rem;--ax-comp-badge-padding-y: .125rem;--ax-comp-badge-gap: .25rem;--ax-comp-badge-dot-size: .3125rem}ax-badge:not(.ax-mini-badge):not(.ax-blank):not(.ax-link){padding:var(--ax-comp-badge-padding-y) var(--ax-comp-badge-padding-x)}ax-badge.ax-mini-badge{--ax-comp-badge-border-radius: 9999px;width:calc(var(--spacing, .25rem) * 2);height:calc(var(--spacing, .25rem) * 2);min-height:calc(var(--spacing, .25rem) * 2);min-width:calc(var(--spacing, .25rem) * 2);gap:calc(var(--spacing, .25rem) * 0);padding:calc(var(--spacing, .25rem) * 0);box-shadow:none}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{--ax-comp-badge-border-radius: 9999px;aspect-ratio:1 / 1;min-height:calc(var(--spacing, .25rem) * 5);min-width:calc(var(--spacing, .25rem) * 5);padding:calc(var(--spacing, .25rem) * .5)}ax-badge.ax-single-badge .ax-badge-text{font-variant-numeric:tabular-nums}}ax-badge.ax-outline{--ax-comp-badge-ring-opacity: .1;border-color:transparent;background-color:transparent;color:var(--ax-comp-bg-darker, var(--color-on-lightest));box-shadow:inset 0 0 0 1px var(--ax-comp-bg-dark, rgba(var(--ax-sys-color-border-lightest-surface)))}@supports (color: color-mix(in lab,red,red)){ax-badge.ax-outline{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ax-comp-bg-dark, var(--color-border-lightest)) calc(var(--ax-comp-badge-ring-opacity) * 100%),transparent)}}ax-badge.ax-outline:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){--ax-comp-badge-ring-opacity: .2;background-color:transparent;color:var(--ax-comp-bg-light, var(--color-on-darkest))}ax-badge.ax-twotone,ax-badge.ax-flat{--ax-comp-badge-ring-opacity: 0;border-color:transparent;background-color:var(--ax-comp-bg-lightest, var(--color-lighter));color:var(--ax-comp-bg-darker, var(--color-on-lighter));box-shadow:none}:is(ax-badge.ax-twotone,ax-badge.ax-flat):where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:var(--ax-comp-bg-darkest, var(--color-darkest));color:var(--ax-comp-bg-light, var(--color-on-darkest))}ax-badge.ax-solid{--ax-comp-badge-ring-opacity: 0;border-color:transparent;background-color:var(--ax-comp-bg-dark, var(--color-dark));color:var(--ax-comp-text-dark, var(--color-on-dark));box-shadow:none}ax-badge.ax-solid:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:var(--ax-comp-bg-light, var(--color-light));color:var(--ax-comp-text-light, var(--color-on-light))}ax-badge.ax-blank{--ax-comp-badge-ring-opacity: 0;background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);color:var(--ax-comp-bg-darker, var(--color-on-surface));box-shadow:none}ax-badge.ax-blank:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){color:var(--ax-comp-bg-light, var(--color-on-surface))}ax-badge.ax-link{--ax-comp-badge-ring-opacity: 0;border-radius:0;background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);color:var(--ax-comp-bg-darker, var(--color-on-surface));box-shadow:none;border-bottom:1px solid var(--ax-comp-bg-darker, var(--color-border-lightest))}ax-badge.ax-link:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){color:var(--ax-comp-bg-light, var(--color-on-surface));border-bottom-color:var(--ax-comp-bg-light, var(--color-border-darkest))}ax-badge.ax-default.ax-outline,ax-badge.ax-default:not(.ax-solid):not(.ax-twotone):not(.ax-flat):not(.ax-blank):not(.ax-link){--ax-comp-badge-ring-opacity: .1;background-color:transparent;color:var(--color-on-lightest);box-shadow:inset 0 0 0 1px color-mix(in srgb,rgba(var(--ax-sys-color-border-lightest-surface)) 10%,transparent)}@supports (color: color-mix(in lab,red,red)){ax-badge.ax-default.ax-outline,ax-badge.ax-default:not(.ax-solid):not(.ax-twotone):not(.ax-flat):not(.ax-blank):not(.ax-link){box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-border-lightest) 10%,transparent)}}:is(ax-badge.ax-default.ax-outline,ax-badge.ax-default:not(.ax-solid):not(.ax-twotone):not(.ax-flat):not(.ax-blank):not(.ax-link)):where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){--ax-comp-badge-ring-opacity: .2;background-color:transparent;color:var(--color-on-darkest);box-shadow:inset 0 0 0 1px color-mix(in srgb,rgba(var(--ax-sys-color-border-darkest-surface)) 20%,transparent)}@supports (color: color-mix(in lab,red,red)){:is(ax-badge.ax-default.ax-outline,ax-badge.ax-default:not(.ax-solid):not(.ax-twotone):not(.ax-flat):not(.ax-blank):not(.ax-link)):where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-border-darkest) 20%,transparent)}}ax-badge.ax-default.ax-solid{background-color:var(--color-dark);color:var(--color-on-dark)}ax-badge.ax-default.ax-solid:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:var(--color-light);color:var(--color-on-light)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-leading: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBadgeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", 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": "hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXBadgeComponent }], 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: ["@layer properties;@layer components{ax-badge{--ax-comp-badge-border-radius: .5rem;--ax-comp-badge-font-size: .75rem;--ax-comp-badge-font-weight: 500;--ax-comp-badge-line-height: 1rem;--ax-comp-badge-gap: .25rem;--ax-comp-badge-padding-x: .5rem;--ax-comp-badge-padding-y: .125rem;--ax-comp-badge-dot-size: .375rem;--ax-comp-badge-ring-opacity: .1;box-sizing:border-box;display:inline-flex;max-height:fit-content;max-width:100%;align-items:center;justify-content:center;border-style:var(--tw-border-style);border-width:0px;vertical-align:middle;white-space:nowrap;-webkit-user-select:none;user-select:none;gap:var(--ax-comp-badge-gap);border-radius:var(--ax-comp-badge-border-radius);font-size:var(--ax-comp-badge-font-size);font-weight:var(--ax-comp-badge-font-weight);line-height:var(--ax-comp-badge-line-height);background-color:var(--ax-comp-bg-lightest, var(--color-lightest));color:var(--ax-comp-bg-darker, var(--color-on-lightest));box-shadow:inset 0 0 0 1px var(--ax-comp-bg-dark, rgba(var(--ax-sys-color-border-lightest-surface)))}@supports (color: color-mix(in lab,red,red)){ax-badge{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ax-comp-bg-dark, var(--color-border-lightest)) calc(var(--ax-comp-badge-ring-opacity) * 100%),transparent)}}ax-badge .ax-badge-text{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-badge ax-prefix,ax-badge ax-suffix{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;--tw-leading: 1;line-height:1;font-size:inherit}ax-badge .ax-badge-dot,ax-badge ax-prefix.ax-badge-dot,ax-badge ax-prefix>.ax-badge-dot{display:inline-flex;flex-shrink:0;border-radius:calc(infinity * 1px);background-color:currentcolor;width:var(--ax-comp-badge-dot-size);height:var(--ax-comp-badge-dot-size)}ax-badge.ax-rounded-full,ax-badge.ax-pill{--ax-comp-badge-border-radius: 9999px}ax-badge.ax-sm,ax-badge.ax-xs{--ax-comp-badge-font-size: .6875rem;--ax-comp-badge-line-height: .875rem;--ax-comp-badge-padding-x: .375rem;--ax-comp-badge-padding-y: .125rem;--ax-comp-badge-gap: .25rem;--ax-comp-badge-dot-size: .3125rem}ax-badge:not(.ax-mini-badge):not(.ax-blank):not(.ax-link){padding:var(--ax-comp-badge-padding-y) var(--ax-comp-badge-padding-x)}ax-badge.ax-mini-badge{--ax-comp-badge-border-radius: 9999px;width:calc(var(--spacing, .25rem) * 2);height:calc(var(--spacing, .25rem) * 2);min-height:calc(var(--spacing, .25rem) * 2);min-width:calc(var(--spacing, .25rem) * 2);gap:calc(var(--spacing, .25rem) * 0);padding:calc(var(--spacing, .25rem) * 0);box-shadow:none}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{--ax-comp-badge-border-radius: 9999px;aspect-ratio:1 / 1;min-height:calc(var(--spacing, .25rem) * 5);min-width:calc(var(--spacing, .25rem) * 5);padding:calc(var(--spacing, .25rem) * .5)}ax-badge.ax-single-badge .ax-badge-text{font-variant-numeric:tabular-nums}}ax-badge.ax-outline{--ax-comp-badge-ring-opacity: .1;border-color:transparent;background-color:transparent;color:var(--ax-comp-bg-darker, var(--color-on-lightest));box-shadow:inset 0 0 0 1px var(--ax-comp-bg-dark, rgba(var(--ax-sys-color-border-lightest-surface)))}@supports (color: color-mix(in lab,red,red)){ax-badge.ax-outline{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ax-comp-bg-dark, var(--color-border-lightest)) calc(var(--ax-comp-badge-ring-opacity) * 100%),transparent)}}ax-badge.ax-outline:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){--ax-comp-badge-ring-opacity: .2;background-color:transparent;color:var(--ax-comp-bg-light, var(--color-on-darkest))}ax-badge.ax-twotone,ax-badge.ax-flat{--ax-comp-badge-ring-opacity: 0;border-color:transparent;background-color:var(--ax-comp-bg-lightest, var(--color-lighter));color:var(--ax-comp-bg-darker, var(--color-on-lighter));box-shadow:none}:is(ax-badge.ax-twotone,ax-badge.ax-flat):where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:var(--ax-comp-bg-darkest, var(--color-darkest));color:var(--ax-comp-bg-light, var(--color-on-darkest))}ax-badge.ax-solid{--ax-comp-badge-ring-opacity: 0;border-color:transparent;background-color:var(--ax-comp-bg-dark, var(--color-dark));color:var(--ax-comp-text-dark, var(--color-on-dark));box-shadow:none}ax-badge.ax-solid:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:var(--ax-comp-bg-light, var(--color-light));color:var(--ax-comp-text-light, var(--color-on-light))}ax-badge.ax-blank{--ax-comp-badge-ring-opacity: 0;background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);color:var(--ax-comp-bg-darker, var(--color-on-surface));box-shadow:none}ax-badge.ax-blank:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){color:var(--ax-comp-bg-light, var(--color-on-surface))}ax-badge.ax-link{--ax-comp-badge-ring-opacity: 0;border-radius:0;background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);color:var(--ax-comp-bg-darker, var(--color-on-surface));box-shadow:none;border-bottom:1px solid var(--ax-comp-bg-darker, var(--color-border-lightest))}ax-badge.ax-link:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){color:var(--ax-comp-bg-light, var(--color-on-surface));border-bottom-color:var(--ax-comp-bg-light, var(--color-border-darkest))}ax-badge.ax-default.ax-outline,ax-badge.ax-default:not(.ax-solid):not(.ax-twotone):not(.ax-flat):not(.ax-blank):not(.ax-link){--ax-comp-badge-ring-opacity: .1;background-color:transparent;color:var(--color-on-lightest);box-shadow:inset 0 0 0 1px color-mix(in srgb,rgba(var(--ax-sys-color-border-lightest-surface)) 10%,transparent)}@supports (color: color-mix(in lab,red,red)){ax-badge.ax-default.ax-outline,ax-badge.ax-default:not(.ax-solid):not(.ax-twotone):not(.ax-flat):not(.ax-blank):not(.ax-link){box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-border-lightest) 10%,transparent)}}:is(ax-badge.ax-default.ax-outline,ax-badge.ax-default:not(.ax-solid):not(.ax-twotone):not(.ax-flat):not(.ax-blank):not(.ax-link)):where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){--ax-comp-badge-ring-opacity: .2;background-color:transparent;color:var(--color-on-darkest);box-shadow:inset 0 0 0 1px color-mix(in srgb,rgba(var(--ax-sys-color-border-darkest-surface)) 20%,transparent)}@supports (color: color-mix(in lab,red,red)){:is(ax-badge.ax-default.ax-outline,ax-badge.ax-default:not(.ax-solid):not(.ax-twotone):not(.ax-flat):not(.ax-blank):not(.ax-link)):where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-border-darkest) 20%,transparent)}}ax-badge.ax-default.ax-solid{background-color:var(--color-dark);color:var(--color-on-dark)}ax-badge.ax-default.ax-solid:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:var(--color-light);color:var(--color-on-light)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-leading: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBadgeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-badge', inputs: ['color', 'look'], encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXBadgeComponent }], host: {
                         '[class]': 'hostClass',
@@ -36,11 +36,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         }], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }] } });
 class AXBadgeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXBadgeModule, imports: [AXBadgeComponent], exports: [AXBadgeComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBadgeModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AXBadgeModule, imports: [AXBadgeComponent], exports: [AXBadgeComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBadgeModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBadgeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBadgeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [AXBadgeComponent],

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

	@@ -1 +1 @@
1	- {"version":3,"file":"acorex-components-badge.mjs","sources":["../../../../packages/components/badge/src/lib/badge.component.ts","../../../../packages/components/badge/src/lib/badge.component.html","../../../../packages/components/badge/src/lib/badge.module.ts","../../../../packages/components/badge/src/acorex-components-badge.ts"],"sourcesContent":["import { AXComponent, MXColorLookComponent } from '@acorex/cdk/common';\nimport { Component, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'ax-badge',\n templateUrl: './badge.component.html',\n styleUrls: ['./badge.component.css'],\n inputs: ['color', 'look'],\n encapsulation: ViewEncapsulation.None,\n\n providers: [{ provide: AXComponent, useExisting: AXBadgeComponent }],\n host: {\n '[class]': 'hostClass',\n },\n})\nexport class AXBadgeComponent extends MXColorLookComponent {\n /*\n Defines the text displayed inside the badge.\n \n @defaultValue ''\n /\n text = input<string>('');\n\n /* @ignore /\n get hostClass(): string {\n const value = this.text() ?? '';\n return [\n this.look,\n this.color,\n value.length === 0 ? 'ax-mini-badge' : '',\n value.length === 1 ? 'ax-single-badge' : '',\n ]\n .filter(Boolean)\n .join(' ');\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 { NgModule } from '@angular/core';\nimport { AXBadgeComponent } from './badge.component';\n\n@NgModule({\n imports: [AXBadgeComponent],\n exports: [AXBadgeComponent],\n})\nexport class AXBadgeModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;AAeM,MAAO,gBAAiB,SAAQ,oBAAoB,CAAA;AAZ1D,IAAA,WAAA,GAAA;;AAaE;;;;AAIG;QACH,IAAA,CAAA,IAAI,GAAG,KAAK,CAAS,EAAE;iFAAC;AAczB,IAAA;;AAXC,IAAA,IAAI,SAAS,GAAA;QACX,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE;QAC/B,OAAO;AACL,YAAA,IAAI,CAAC,IAAI;AACT,YAAA,IAAI,CAAC,KAAK;YACV,KAAK,CAAC,MAAM,KAAK,CAAC,GAAG,eAAe,GAAG,EAAE;YACzC,KAAK,CAAC,MAAM,KAAK,CAAC,GAAG,iBAAiB,GAAG,EAAE;AAC5C;aACE,MAAM,CAAC,OAAO;aACd,IAAI,CAAC,GAAG,CAAC;IACd;8GAnBW,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,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,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,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,WAAA,EAAA,EAAA,EAAA,SAAA,EALhB,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC,iDCVtE,0KAKA,EAAA,MAAA,EAAA,CAAA,+kOAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDUa,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAZ5B,SAAS;+BACE,UAAU,EAAA,MAAA,EAGZ,CAAC,OAAO,EAAE,MAAM,CAAC,EAAA,aAAA,EACV,iBAAiB,CAAC,IAAI,aAE1B,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAA,gBAAkB,EAAE,CAAC,EAAA,IAAA,EAC9D;AACJ,wBAAA,SAAS,EAAE,WAAW;AACvB,qBAAA,EAAA,QAAA,EAAA,0KAAA,EAAA,MAAA,EAAA,CAAA,+kOAAA,CAAA,EAAA;;;MENU,aAAa,CAAA;8GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAb,aAAa,EAAA,OAAA,EAAA,CAHd,gBAAgB,CAAA,EAAA,OAAA,EAAA,CAChB,gBAAgB,CAAA,EAAA,CAAA,CAAA;+GAEf,aAAa,EAAA,CAAA,CAAA;;2FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBAJzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,gBAAgB,CAAC;oBAC3B,OAAO,EAAE,CAAC,gBAAgB,CAAC;AAC5B,iBAAA;;;ACND;;AAEG~~;;;;~~"}
1	+ {"version":3,"file":"acorex-components-badge.mjs","sources":["../../../../packages/components/badge/src/lib/badge.component.ts","../../../../packages/components/badge/src/lib/badge.component.html","../../../../packages/components/badge/src/lib/badge.module.ts","../../../../packages/components/badge/src/acorex-components-badge.ts"],"sourcesContent":["import { AXComponent, MXColorLookComponent } from '@acorex/cdk/common';\nimport { Component, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'ax-badge',\n templateUrl: './badge.component.html',\n styleUrls: ['./badge.component.css'],\n inputs: ['color', 'look'],\n encapsulation: ViewEncapsulation.None,\n\n providers: [{ provide: AXComponent, useExisting: AXBadgeComponent }],\n host: {\n '[class]': 'hostClass',\n },\n})\nexport class AXBadgeComponent extends MXColorLookComponent {\n /*\n Defines the text displayed inside the badge.\n \n @defaultValue ''\n /\n text = input<string>('');\n\n /* @ignore /\n get hostClass(): string {\n const value = this.text() ?? '';\n return [\n this.look,\n this.color,\n value.length === 0 ? 'ax-mini-badge' : '',\n value.length === 1 ? 'ax-single-badge' : '',\n ]\n .filter(Boolean)\n .join(' ');\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 { NgModule } from '@angular/core';\nimport { AXBadgeComponent } from './badge.component';\n\n@NgModule({\n imports: [AXBadgeComponent],\n exports: [AXBadgeComponent],\n})\nexport class AXBadgeModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;AAeM,MAAO,gBAAiB,SAAQ,oBAAoB,CAAA;AAZ1D,IAAA,WAAA,GAAA;;AAaE;;;;AAIG;QACH,IAAA,CAAA,IAAI,GAAG,KAAK,CAAS,EAAE;iFAAC;AAczB,IAAA;;AAXC,IAAA,IAAI,SAAS,GAAA;QACX,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE;QAC/B,OAAO;AACL,YAAA,IAAI,CAAC,IAAI;AACT,YAAA,IAAI,CAAC,KAAK;YACV,KAAK,CAAC,MAAM,KAAK,CAAC,GAAG,eAAe,GAAG,EAAE;YACzC,KAAK,CAAC,MAAM,KAAK,CAAC,GAAG,iBAAiB,GAAG,EAAE;AAC5C;aACE,MAAM,CAAC,OAAO;aACd,IAAI,CAAC,GAAG,CAAC;IACd;8GAnBW,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,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,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,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,WAAA,EAAA,EAAA,EAAA,SAAA,EALhB,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC,iDCVtE,0KAKA,EAAA,MAAA,EAAA,CAAA,+kOAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDUa,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAZ5B,SAAS;+BACE,UAAU,EAAA,MAAA,EAGZ,CAAC,OAAO,EAAE,MAAM,CAAC,EAAA,aAAA,EACV,iBAAiB,CAAC,IAAI,aAE1B,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAA,gBAAkB,EAAE,CAAC,EAAA,IAAA,EAC9D;AACJ,wBAAA,SAAS,EAAE,WAAW;AACvB,qBAAA,EAAA,QAAA,EAAA,0KAAA,EAAA,MAAA,EAAA,CAAA,+kOAAA,CAAA,EAAA;;;MENU,aAAa,CAAA;8GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAb,aAAa,EAAA,OAAA,EAAA,CAHd,gBAAgB,CAAA,EAAA,OAAA,EAAA,CAChB,gBAAgB,CAAA,EAAA,CAAA,CAAA;+GAEf,aAAa,EAAA,CAAA,CAAA;;2FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBAJzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,gBAAgB,CAAC;oBAC3B,OAAO,EAAE,CAAC,gBAAgB,CAAC;AAC5B,iBAAA;;;ACND;;AAEG;;"}

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

@@ -31,10 +31,10 @@ class AXBottomNavigationItemComponent extends classes(MXInteractiveComponent, MX
             isUserInteraction: e.isTrusted,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBottomNavigationItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.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" } }, providers: [{ provide: AXComponent, useExisting: AXBottomNavigationItemComponent }], 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>\n", encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBottomNavigationItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", 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" } }, providers: [{ provide: AXComponent, useExisting: AXBottomNavigationItemComponent }], 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>\n", encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBottomNavigationItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBottomNavigationItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-bottom-navigation-item', inputs: ['disabled', 'tabIndex'], outputs: ['disabledChange', 'onFocus', 'onBlur'], encapsulation: ViewEncapsulation.None, hostDirectives: [AXRippleDirective], providers: [{ provide: AXComponent, useExisting: AXBottomNavigationItemComponent }], 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>\n" }]
         }], propDecorators: { name: [{
@@ -102,10 +102,10 @@ 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: "22.0.8", ngImport: i0, type: AXBottomNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.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" } }, providers: [{ provide: AXComponent, useExisting: AXBottomNavigationComponent }], queries: [{ propertyName: "_contentButtons", predicate: AXBottomNavigationItemComponent }], ngImport: i0, template: "<ng-content select=\"ng-container, ax-bottom-navigation-item\"></ng-content>\n", styles: ["@layer properties;@layer components{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-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;display:flex;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 1);background-color:var(--ax-comp-bottom-navigation-bg-color)}ax-bottom-navigation ax-bottom-navigation-item{position:relative;display:flex;flex:1;cursor:pointer;flex-direction:column;align-items:center;padding-inline:calc(var(--spacing, .25rem) * 0);padding-block:calc(var(--spacing, .25rem) * 3);--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);color:var(--ax-comp-bottom-navigation-text-color);-webkit-user-select:none;user-select:none}ax-bottom-navigation ax-bottom-navigation-item *{pointer-events:none}ax-bottom-navigation ax-bottom-navigation-item ax-icon{display:block;height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);text-align:center;font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}ax-bottom-navigation ax-bottom-navigation-item ax-text{padding-top:calc(var(--spacing, .25rem) * 1);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-comp-bottom-navigation-active-text-color))}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active ax-icon{--tw-font-weight: var(--font-weight-bold, 700) !important;font-weight:var(--font-weight-bold, 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-sys-color-primary-surface))!important}@supports (color: color-mix(in lab,red,red)){ax-bottom-navigation ax-bottom-navigation-item .ax-ripple{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 30%,transparent)!important}}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled{cursor:not-allowed;opacity:50%}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled .ax-ripple{display:none}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)}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item{opacity:50%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item:hover{opacity:75%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item.ax-state-active{color:var(--ax-comp-bottom-navigation-active-text-color)!important;opacity:100%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item.ax-state-disabled{opacity:30%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item ax-icon{display:block;justify-content:center;border-radius:var(--radius-xl, .75rem);padding-inline:calc(var(--spacing, .25rem) * 5);padding-block:calc(var(--spacing, .25rem) * 1);font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));width:unset;height:unset}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item .ax-ripple{display:none}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-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:calc(var(--spacing, .25rem) * 0)}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item.ax-state-active:before{border-bottom-right-radius:var(--radius-xs, .125rem);border-bottom-left-radius:var(--radius-xs, .125rem)}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item:before{bottom:calc(var(--spacing, .25rem) * 0)}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item.ax-state-active:before{border-top-left-radius:var(--radius-xs, .125rem);border-top-right-radius:var(--radius-xs, .125rem)}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item:before{position:absolute;height:.2rem;width:calc(3/5 * 100%);background-color:transparent;content:\"\"}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item.ax-state-active:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-bottom-navigation.ax-has-border{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-lightest-surface));border-top-style:solid}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial;--tw-border-style: solid}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBottomNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", 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" } }, providers: [{ provide: AXComponent, useExisting: AXBottomNavigationComponent }], queries: [{ propertyName: "_contentButtons", predicate: AXBottomNavigationItemComponent }], ngImport: i0, template: "<ng-content select=\"ng-container, ax-bottom-navigation-item\"></ng-content>\n", styles: ["@layer properties;@layer components{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-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;display:flex;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 1);background-color:var(--ax-comp-bottom-navigation-bg-color)}ax-bottom-navigation ax-bottom-navigation-item{position:relative;display:flex;flex:1;cursor:pointer;flex-direction:column;align-items:center;padding-inline:calc(var(--spacing, .25rem) * 0);padding-block:calc(var(--spacing, .25rem) * 3);--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);color:var(--ax-comp-bottom-navigation-text-color);-webkit-user-select:none;user-select:none}ax-bottom-navigation ax-bottom-navigation-item *{pointer-events:none}ax-bottom-navigation ax-bottom-navigation-item ax-icon{display:block;height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);text-align:center;font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}ax-bottom-navigation ax-bottom-navigation-item ax-text{padding-top:calc(var(--spacing, .25rem) * 1);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-comp-bottom-navigation-active-text-color))}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active ax-icon{--tw-font-weight: var(--font-weight-bold, 700) !important;font-weight:var(--font-weight-bold, 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-sys-color-primary-surface))!important}@supports (color: color-mix(in lab,red,red)){ax-bottom-navigation ax-bottom-navigation-item .ax-ripple{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 30%,transparent)!important}}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled{cursor:not-allowed;opacity:50%}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled .ax-ripple{display:none}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)}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item{opacity:50%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item:hover{opacity:75%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item.ax-state-active{color:var(--ax-comp-bottom-navigation-active-text-color)!important;opacity:100%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item.ax-state-disabled{opacity:30%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item ax-icon{display:block;justify-content:center;border-radius:var(--radius-xl, .75rem);padding-inline:calc(var(--spacing, .25rem) * 5);padding-block:calc(var(--spacing, .25rem) * 1);font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));width:unset;height:unset}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item .ax-ripple{display:none}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-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:calc(var(--spacing, .25rem) * 0)}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item.ax-state-active:before{border-bottom-right-radius:var(--radius-xs, .125rem);border-bottom-left-radius:var(--radius-xs, .125rem)}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item:before{bottom:calc(var(--spacing, .25rem) * 0)}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item.ax-state-active:before{border-top-left-radius:var(--radius-xs, .125rem);border-top-right-radius:var(--radius-xs, .125rem)}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item:before{position:absolute;height:.2rem;width:calc(3/5 * 100%);background-color:transparent;content:\"\"}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item.ax-state-active:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-bottom-navigation.ax-has-border{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-lightest-surface));border-top-style:solid}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial;--tw-border-style: solid}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBottomNavigationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBottomNavigationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-bottom-navigation', encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXBottomNavigationComponent }], template: "<ng-content select=\"ng-container, ax-bottom-navigation-item\"></ng-content>\n", styles: ["@layer properties;@layer components{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-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;display:flex;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 1);background-color:var(--ax-comp-bottom-navigation-bg-color)}ax-bottom-navigation ax-bottom-navigation-item{position:relative;display:flex;flex:1;cursor:pointer;flex-direction:column;align-items:center;padding-inline:calc(var(--spacing, .25rem) * 0);padding-block:calc(var(--spacing, .25rem) * 3);--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);color:var(--ax-comp-bottom-navigation-text-color);-webkit-user-select:none;user-select:none}ax-bottom-navigation ax-bottom-navigation-item *{pointer-events:none}ax-bottom-navigation ax-bottom-navigation-item ax-icon{display:block;height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);text-align:center;font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}ax-bottom-navigation ax-bottom-navigation-item ax-text{padding-top:calc(var(--spacing, .25rem) * 1);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgba(var(--ax-comp-bottom-navigation-active-text-color))}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active ax-icon{--tw-font-weight: var(--font-weight-bold, 700) !important;font-weight:var(--font-weight-bold, 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-sys-color-primary-surface))!important}@supports (color: color-mix(in lab,red,red)){ax-bottom-navigation ax-bottom-navigation-item .ax-ripple{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 30%,transparent)!important}}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled{cursor:not-allowed;opacity:50%}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled .ax-ripple{display:none}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)}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item{opacity:50%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item:hover{opacity:75%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item.ax-state-active{color:var(--ax-comp-bottom-navigation-active-text-color)!important;opacity:100%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item.ax-state-disabled{opacity:30%}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item ax-icon{display:block;justify-content:center;border-radius:var(--radius-xl, .75rem);padding-inline:calc(var(--spacing, .25rem) * 5);padding-block:calc(var(--spacing, .25rem) * 1);font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));width:unset;height:unset}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item .ax-ripple{display:none}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-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:calc(var(--spacing, .25rem) * 0)}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item.ax-state-active:before{border-bottom-right-radius:var(--radius-xs, .125rem);border-bottom-left-radius:var(--radius-xs, .125rem)}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item:before{bottom:calc(var(--spacing, .25rem) * 0)}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item.ax-state-active:before{border-top-left-radius:var(--radius-xs, .125rem);border-top-right-radius:var(--radius-xs, .125rem)}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item:before{position:absolute;height:.2rem;width:calc(3/5 * 100%);background-color:transparent;content:\"\"}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item.ax-state-active:before{background-color:rgba(var(--ax-sys-color-primary-surface))}ax-bottom-navigation.ax-has-border{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-lightest-surface));border-top-style:solid}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial;--tw-border-style: solid}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { _contentButtons: [{
@@ -117,11 +117,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             }] } });
 class AXBottomNavigationModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBottomNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXBottomNavigationModule, imports: [AXBottomNavigationComponent, AXBottomNavigationItemComponent], exports: [AXBottomNavigationComponent, AXBottomNavigationItemComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBottomNavigationModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBottomNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AXBottomNavigationModule, imports: [AXBottomNavigationComponent, AXBottomNavigationItemComponent], exports: [AXBottomNavigationComponent, AXBottomNavigationItemComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBottomNavigationModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBottomNavigationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBottomNavigationModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [AXBottomNavigationComponent, AXBottomNavigationItemComponent],

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

	@@ -1 +1 @@
1	- {"version":3,"file":"acorex-components-bottom-navigation.mjs","sources":["../../../../packages/components/bottom-navigation/src/lib/bottom-navigation-item/bottom-navigation-item.component.ts","../../../../packages/components/bottom-navigation/src/lib/bottom-navigation-item/bottom-navigation-item.component.html","../../../../packages/components/bottom-navigation/src/lib/bottom-navigation.component.ts","../../../../packages/components/bottom-navigation/src/lib/bottom-navigation.component.html","../../../../packages/components/bottom-navigation/src/lib/bottom-navigation.module.ts","../../../../packages/components/bottom-navigation/src/acorex-components-bottom-navigation.ts"],"sourcesContent":["import {\n AXClickEvent,\n AXComponent,\n AXRippleDirective,\n MXInteractiveComponent,\n MXLookComponent,\n} from '@acorex/cdk/common';\nimport { 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\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [AXRippleDirective],\n providers: [{ provide: AXComponent, useExisting: AXBottomNavigationItemComponent }],\n})\nexport class AXBottomNavigationItemComponent extends classes(MXInteractiveComponent, MXLookComponent) {\n /*\n The name of the navigation item.\n /\n @Input() name: string;\n\n /\n Indicates if the item is currently active.\n /\n @Input() active = false;\n\n /\n Emitted when the item is clicked. Payload is the click event.\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>\n","import { AXClickEvent, AXComponent } from '@acorex/cdk/common';\nimport {\n AfterContentInit,\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.css'],\n\n encapsulation: ViewEncapsulation.None,\n providers: [{ provide: AXComponent, useExisting: AXBottomNavigationComponent }],\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>\n","import { NgModule } from '@angular/core';\nimport { AXBottomNavigationItemComponent } from './bottom-navigation-item/bottom-navigation-item.component';\nimport { AXBottomNavigationComponent } from './bottom-navigation.component';\n\n@NgModule({\n imports: [AXBottomNavigationComponent, AXBottomNavigationItemComponent],\n exports: [AXBottomNavigationComponent, AXBottomNavigationItemComponent],\n})\nexport class AXBottomNavigationModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"acorex-components-bottom-navigation.mjs","sources":["../../../../packages/components/bottom-navigation/src/lib/bottom-navigation-item/bottom-navigation-item.component.ts","../../../../packages/components/bottom-navigation/src/lib/bottom-navigation-item/bottom-navigation-item.component.html","../../../../packages/components/bottom-navigation/src/lib/bottom-navigation.component.ts","../../../../packages/components/bottom-navigation/src/lib/bottom-navigation.component.html","../../../../packages/components/bottom-navigation/src/lib/bottom-navigation.module.ts","../../../../packages/components/bottom-navigation/src/acorex-components-bottom-navigation.ts"],"sourcesContent":["import {\n AXClickEvent,\n AXComponent,\n AXRippleDirective,\n MXInteractiveComponent,\n MXLookComponent,\n} from '@acorex/cdk/common';\nimport { 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\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [AXRippleDirective],\n providers: [{ provide: AXComponent, useExisting: AXBottomNavigationItemComponent }],\n})\nexport class AXBottomNavigationItemComponent extends classes(MXInteractiveComponent, MXLookComponent) {\n /*\n The name of the navigation item.\n /\n @Input() name: string;\n\n /\n Indicates if the item is currently active.\n /\n @Input() active = false;\n\n /\n Emitted when the item is clicked. Payload is the click event.\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>\n","import { AXClickEvent, AXComponent } from '@acorex/cdk/common';\nimport {\n AfterContentInit,\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.css'],\n\n encapsulation: ViewEncapsulation.None,\n providers: [{ provide: AXComponent, useExisting: AXBottomNavigationComponent }],\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>\n","import { NgModule } from '@angular/core';\nimport { AXBottomNavigationItemComponent } from './bottom-navigation-item/bottom-navigation-item.component';\nimport { AXBottomNavigationComponent } from './bottom-navigation.component';\n\n@NgModule({\n imports: [AXBottomNavigationComponent, AXBottomNavigationItemComponent],\n exports: [AXBottomNavigationComponent, AXBottomNavigationItemComponent],\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

@@ -36,10 +36,10 @@ class AXBreadCrumbsComponent extends MXBaseComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBreadCrumbsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXBreadCrumbsComponent, isStandalone: true, selector: "ax-breadcrumbs", providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsComponent }], queries: [{ propertyName: "_divider", first: true, predicate: ["divider"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "dividerTemplate", first: true, predicate: ["dividerTpl"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n  @if (_divider()) {\n    <ng-container [ngTemplateOutlet]=\"_divider()\"></ng-container>\n  } @else {\n    <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n  }\n  <ng-template #default>\n    <div class=\"ax-breadcrumb-divider\">/</div>\n  </ng-template>\n</ng-template>\n", styles: ["@layer properties;@layer components{ax-breadcrumbs{display:inline-flex;width:100%;align-items:center;overflow-x:auto;overflow-y:hidden;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));scrollbar-width:thin;scroll-snap-type:x proximity;overscroll-behavior-x:contain}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;cursor:pointer;align-items:center;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);white-space:nowrap;text-decoration-thickness:0px;-webkit-user-select:none;user-select:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active .ax-breadcrumb-item-content{color:rgba(var(--ax-sys-color-primary-surface))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-disabled .ax-breadcrumb-item-content{cursor:not-allowed!important;opacity:50%!important}ax-breadcrumbs ax-breadcrumbs-item ax-prefix{padding-inline:calc(var(--spacing, .25rem) * 1)}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding-inline:calc(var(--spacing, .25rem) * 2)}ax-breadcrumbs ax-breadcrumbs-item:first-child .ax-breadcrumb-divider{display:none}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBreadCrumbsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXBreadCrumbsComponent, isStandalone: true, selector: "ax-breadcrumbs", providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsComponent }], queries: [{ propertyName: "_divider", first: true, predicate: ["divider"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "dividerTemplate", first: true, predicate: ["dividerTpl"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n  @if (_divider()) {\n    <ng-container [ngTemplateOutlet]=\"_divider()\"></ng-container>\n  } @else {\n    <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n  }\n  <ng-template #default>\n    <div class=\"ax-breadcrumb-divider\">/</div>\n  </ng-template>\n</ng-template>\n", styles: ["@layer properties;@layer components{ax-breadcrumbs{display:inline-flex;width:100%;align-items:center;overflow-x:auto;overflow-y:hidden;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));scrollbar-width:thin;scroll-snap-type:x proximity;overscroll-behavior-x:contain}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;cursor:pointer;align-items:center;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);white-space:nowrap;text-decoration-thickness:0px;-webkit-user-select:none;user-select:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active .ax-breadcrumb-item-content{color:rgba(var(--ax-sys-color-primary-surface))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-disabled .ax-breadcrumb-item-content{cursor:not-allowed!important;opacity:50%!important}ax-breadcrumbs ax-breadcrumbs-item ax-prefix{padding-inline:calc(var(--spacing, .25rem) * 1)}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding-inline:calc(var(--spacing, .25rem) * 2)}ax-breadcrumbs ax-breadcrumbs-item:first-child .ax-breadcrumb-divider{display:none}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBreadCrumbsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBreadCrumbsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-breadcrumbs', encapsulation: ViewEncapsulation.None, imports: [NgTemplateOutlet], providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsComponent }], template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n  @if (_divider()) {\n    <ng-container [ngTemplateOutlet]=\"_divider()\"></ng-container>\n  } @else {\n    <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n  }\n  <ng-template #default>\n    <div class=\"ax-breadcrumb-divider\">/</div>\n  </ng-template>\n</ng-template>\n", styles: ["@layer properties;@layer components{ax-breadcrumbs{display:inline-flex;width:100%;align-items:center;overflow-x:auto;overflow-y:hidden;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));scrollbar-width:thin;scroll-snap-type:x proximity;overscroll-behavior-x:contain}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;cursor:pointer;align-items:center;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);white-space:nowrap;text-decoration-thickness:0px;-webkit-user-select:none;user-select:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active .ax-breadcrumb-item-content{color:rgba(var(--ax-sys-color-primary-surface))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-disabled .ax-breadcrumb-item-content{cursor:not-allowed!important;opacity:50%!important}ax-breadcrumbs ax-breadcrumbs-item ax-prefix{padding-inline:calc(var(--spacing, .25rem) * 1)}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding-inline:calc(var(--spacing, .25rem) * 2)}ax-breadcrumbs ax-breadcrumbs-item:first-child .ax-breadcrumb-divider{display:none}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { _divider: [{ type: i0.ContentChild, args: ['divider', { isSignal: true }] }], dividerTemplate: [{ type: i0.ViewChild, args: ['dividerTpl', { isSignal: true }] }] } });
@@ -64,10 +64,10 @@ class AXBreadCrumbsItemComponent extends MXInteractiveComponent {
     get __hostClass() {
         return [`${this.active ? 'ax-state-active' : ''}`, `${this.disabled ? 'ax-state-disabled' : ''}`];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBreadCrumbsItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXBreadCrumbsItemComponent, isStandalone: true, selector: "ax-breadcrumbs-item", inputs: { disabled: "disabled", active: "active" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsItemComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-breadcrumb-divider\">\n  <ng-container [ngTemplateOutlet]=\"_parent.dividerTemplate()\"></ng-container>\n</div>\n\n<div class=\"ax-breadcrumb-item-content\">\n  <ng-content select=\"ax-prefix\"></ng-content>\n  <ng-content></ng-content>\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBreadCrumbsItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: AXBreadCrumbsItemComponent, isStandalone: true, selector: "ax-breadcrumbs-item", inputs: { disabled: "disabled", active: "active" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsItemComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-breadcrumb-divider\">\n  <ng-container [ngTemplateOutlet]=\"_parent.dividerTemplate()\"></ng-container>\n</div>\n\n<div class=\"ax-breadcrumb-item-content\">\n  <ng-content select=\"ax-prefix\"></ng-content>\n  <ng-content></ng-content>\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBreadCrumbsItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBreadCrumbsItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-breadcrumbs-item', inputs: ['disabled'], imports: [NgTemplateOutlet], providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsItemComponent }], template: "<div class=\"ax-breadcrumb-divider\">\n  <ng-container [ngTemplateOutlet]=\"_parent.dividerTemplate()\"></ng-container>\n</div>\n\n<div class=\"ax-breadcrumb-item-content\">\n  <ng-content select=\"ax-prefix\"></ng-content>\n  <ng-content></ng-content>\n  <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n" }]
         }], propDecorators: { active: [{
@@ -78,11 +78,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             }] } });
 class AXBreadcrumbsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBreadcrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXBreadcrumbsModule, imports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent], exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBreadcrumbsModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBreadcrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AXBreadcrumbsModule, imports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent], exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBreadcrumbsModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXBreadcrumbsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBreadcrumbsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],

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

	@@ -1 +1 @@
1	- {"version":3,"file":"acorex-components-breadcrumbs.mjs","sources":["../../../../packages/components/breadcrumbs/src/lib/breadcrumbs.component.ts","../../../../packages/components/breadcrumbs/src/lib/breadcrumbs.component.html","../../../../packages/components/breadcrumbs/src/lib/breadcrumbs-item.component.ts","../../../../packages/components/breadcrumbs/src/lib/breadcrumbs-item.component.html","../../../../packages/components/breadcrumbs/src/lib/breadcrumbs.module.ts","../../../../packages/components/breadcrumbs/src/acorex-components-breadcrumbs.ts"],"sourcesContent":["import { AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport { isPlatformBrowser, NgTemplateOutlet } from '@angular/common';\nimport {\n AfterViewInit,\n Component,\n contentChild,\n inject,\n PLATFORM_ID,\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.css'],\n encapsulation: ViewEncapsulation.None,\n\n imports: [NgTemplateOutlet],\n providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsComponent }],\n})\nexport class AXBreadCrumbsComponent extends MXBaseComponent implements AfterViewInit {\n private readonly platformId = inject(PLATFORM_ID);\n /\n Content child template for custom divider between breadcrumb items.\n /\n protected _divider = contentChild<TemplateRef<any>>('divider');\n\n /\n View child template for the divider template.\n /\n dividerTemplate = viewChild<TemplateRef<any>>('dividerTpl');\n\n /\n Scrolls the breadcrumbs container to the rightmost position after view initialization.\n * This ensures that the most recent breadcrumb items are visible when there are many items.\n /\n ngAfterViewInit(): void {\n if (isPlatformBrowser(this.platformId)) {\n this.getHostElement().scrollTo({\n left: this.getHostElement().scrollWidth,\n top: 0,\n behavior: 'instant',\n });\n }\n }\n}\n","<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n @if (_divider()) {\n <ng-container [ngTemplateOutlet]=\"_divider()\"></ng-container>\n } @else {\n <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n }\n <ng-template #default>\n <div class=\"ax-breadcrumb-divider\">/</div>\n </ng-template>\n</ng-template>\n","import { AXComponent, MXInteractiveComponent } from '@acorex/cdk/common';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { Component, HostBinding, Input, inject, ChangeDetectionStrategy } 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 providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsItemComponent }],\n})\nexport class AXBreadCrumbsItemComponent extends MXInteractiveComponent {\n /\n Reference to the parent breadcrumbs component.\n /\n _parent = inject<AXBreadCrumbsComponent>(AXBreadCrumbsComponent);\n\n /\n Indicates whether this breadcrumb item is the current active item.\n /\n @Input() active: boolean;\n\n /\n Host binding for CSS classes based on component state.\n * Applies 'ax-state-active' when active is true and 'ax-state-disabled' when disabled is true.\n /\n @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<div class=\"ax-breadcrumb-item-content\">\n <ng-content select=\"ax-prefix\"></ng-content>\n <ng-content></ng-content>\n <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { AXBreadCrumbsItemComponent } from './breadcrumbs-item.component';\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\n\n@NgModule({\n imports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\n exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\n})\nexport class AXBreadcrumbsModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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~~;;;;~~"}
1	+ {"version":3,"file":"acorex-components-breadcrumbs.mjs","sources":["../../../../packages/components/breadcrumbs/src/lib/breadcrumbs.component.ts","../../../../packages/components/breadcrumbs/src/lib/breadcrumbs.component.html","../../../../packages/components/breadcrumbs/src/lib/breadcrumbs-item.component.ts","../../../../packages/components/breadcrumbs/src/lib/breadcrumbs-item.component.html","../../../../packages/components/breadcrumbs/src/lib/breadcrumbs.module.ts","../../../../packages/components/breadcrumbs/src/acorex-components-breadcrumbs.ts"],"sourcesContent":["import { AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport { isPlatformBrowser, NgTemplateOutlet } from '@angular/common';\nimport {\n AfterViewInit,\n Component,\n contentChild,\n inject,\n PLATFORM_ID,\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.css'],\n encapsulation: ViewEncapsulation.None,\n\n imports: [NgTemplateOutlet],\n providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsComponent }],\n})\nexport class AXBreadCrumbsComponent extends MXBaseComponent implements AfterViewInit {\n private readonly platformId = inject(PLATFORM_ID);\n /\n Content child template for custom divider between breadcrumb items.\n /\n protected _divider = contentChild<TemplateRef<any>>('divider');\n\n /\n View child template for the divider template.\n /\n dividerTemplate = viewChild<TemplateRef<any>>('dividerTpl');\n\n /\n Scrolls the breadcrumbs container to the rightmost position after view initialization.\n * This ensures that the most recent breadcrumb items are visible when there are many items.\n /\n ngAfterViewInit(): void {\n if (isPlatformBrowser(this.platformId)) {\n this.getHostElement().scrollTo({\n left: this.getHostElement().scrollWidth,\n top: 0,\n behavior: 'instant',\n });\n }\n }\n}\n","<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n @if (_divider()) {\n <ng-container [ngTemplateOutlet]=\"_divider()\"></ng-container>\n } @else {\n <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n }\n <ng-template #default>\n <div class=\"ax-breadcrumb-divider\">/</div>\n </ng-template>\n</ng-template>\n","import { AXComponent, MXInteractiveComponent } from '@acorex/cdk/common';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { Component, HostBinding, Input, inject, ChangeDetectionStrategy } 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 providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsItemComponent }],\n})\nexport class AXBreadCrumbsItemComponent extends MXInteractiveComponent {\n /\n Reference to the parent breadcrumbs component.\n /\n _parent = inject<AXBreadCrumbsComponent>(AXBreadCrumbsComponent);\n\n /\n Indicates whether this breadcrumb item is the current active item.\n /\n @Input() active: boolean;\n\n /\n Host binding for CSS classes based on component state.\n * Applies 'ax-state-active' when active is true and 'ax-state-disabled' when disabled is true.\n /\n @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<div class=\"ax-breadcrumb-item-content\">\n <ng-content select=\"ax-prefix\"></ng-content>\n <ng-content></ng-content>\n <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { AXBreadCrumbsItemComponent } from './breadcrumbs-item.component';\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\n\n@NgModule({\n imports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\n exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\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-bubble.mjs ADDED Viewed

@@ -0,0 +1,71 @@
+import { MXColorLookComponent, AXComponent } from '@acorex/cdk/common';
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, contentChild, computed, HostBinding, ViewEncapsulation, Component, NgModule } from '@angular/core';
+class AXBubbleComponent extends MXColorLookComponent {
+    constructor() {
+        super(...arguments);
+        this.isown = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isown" }] : /* istanbul ignore next */ []));
+        // tail = input<AXBubbleTail>('none');
+        this.templateData = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "templateData" }] : /* istanbul ignore next */ []));
+        this.itemTemplate = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "itemTemplate" }] : /* istanbul ignore next */ []));
+        this.axheader = contentChild('ax-header', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "axheader" }] : /* istanbul ignore next */ []));
+        this.axfooter = contentChild('ax-footer', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "axfooter" }] : /* istanbul ignore next */ []));
+        this.axcontent = contentChild('ax-content', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "axcontent" }] : /* istanbul ignore next */ []));
+        this.axprefix = contentChild('ax-prefix', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "axprefix" }] : /* istanbul ignore next */ []));
+        this.axsuffix = contentChild('ax-suffix', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "axsuffix" }] : /* istanbul ignore next */ []));
+        this.hasTemplate = computed(() => !!this.itemTemplate(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasTemplate" }] : /* istanbul ignore next */ []));
+    }
+    get __hostClass() {
+        return [this.isown() ? 'ax-isown' : ''].filter(Boolean).join(' ');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBubbleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXBubbleComponent, isStandalone: true, selector: "ax-bubble", inputs: { isown: { classPropertyName: "isown", publicName: "isown", isSignal: true, isRequired: false, transformFunction: null }, templateData: { classPropertyName: "templateData", publicName: "templateData", isSignal: true, isRequired: false, transformFunction: null }, itemTemplate: { classPropertyName: "itemTemplate", publicName: "itemTemplate", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.__hostClass" } }, providers: [
+            {
+                provide: AXComponent,
+                useExisting: AXBubbleComponent,
+            },
+        ], queries: [{ propertyName: "axheader", first: true, predicate: ["ax-header"], descendants: true, isSignal: true }, { propertyName: "axfooter", first: true, predicate: ["ax-footer"], descendants: true, isSignal: true }, { propertyName: "axcontent", first: true, predicate: ["ax-content"], descendants: true, isSignal: true }, { propertyName: "axprefix", first: true, predicate: ["ax-prefix"], descendants: true, isSignal: true }, { propertyName: "axsuffix", first: true, predicate: ["ax-suffix"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (hasTemplate()) {\n  <ng-container [ngTemplateOutlet]=\"itemTemplate()\" [ngTemplateOutletContext]=\"{ $implicit: templateData() }\" />\n} @else {\n  <ng-content select=\"ax-header\"></ng-content>\n  <div class=\"ax-bubble-content\">\n    <ng-content select=\"ax-prefix\"></ng-content>\n    <div class=\"ax-bubble-content-inner\">\n      <ng-content select=\"ax-content\"></ng-content>\n\n      <ng-content></ng-content>\n    </div>\n    <ng-content select=\"ax-suffix\"></ng-content>\n  </div>\n  <ng-content select=\"ax-footer\"></ng-content>\n}\n", styles: ["@layer properties;@layer components{ax-bubble{--ax-comp-bubble-radius: 12px;--ax-comp-bubble-padding-x: 8px;--ax-comp-bubble-padding-y: 4px;--ax-comp-bubble-font-size: .875rem;--ax-comp-bubble-line-height: 1.375rem;--ax-comp-bubble-color: var(--color-text-default);--ax-comp-bubble-bg: var(--color-lightest);--ax-comp-bubble-bg-self: var(--color-primary-lighter);--ax-comp-bubble-color-self: var(--color-on-primary-lighter);--ax-comp-bubble-tail-self: 0;--ax-comp-bubble-tail-other: 0;--ax-comp-bubble-border-width: 1px;--ax-comp-bubble-border: var(--color-border-lightest);--ax-comp-bubble-border-self: var(--color-border-primary-lightest);position:relative;display:inline-flex;width:fit-content;max-width:100%;flex-direction:column;gap:2px;min-width:0;overflow:visible;color:var(--ax-comp-bubble-color);background-color:var(--ax-comp-bubble-bg);border-radius:var(--ax-comp-bubble-radius);padding:var(--ax-comp-bubble-padding-y) var(--ax-comp-bubble-padding-x);font-size:var(--ax-comp-bubble-font-size);line-height:var(--ax-comp-bubble-line-height)}ax-bubble.ax-isown{color:var(--ax-comp-bubble-color-self);border-color:var(--ax-comp-bubble-border-self);border-width:var(--ax-comp-bubble-border-width);background-color:var(--ax-comp-bubble-bg-self);border-end-end-radius:var(--ax-comp-bubble-tail-self)}ax-bubble.ax-isown .ax-bubble-content{display:flex;flex-direction:row-reverse}ax-bubble:not(.ax-isown){border-color:var(--ax-comp-bubble-border);border-width:var(--ax-comp-bubble-border-width);border-end-start-radius:0;border-end-end-radius:var(--ax-comp-bubble-radius)}ax-bubble .ax-bubble-content{display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 2)}ax-bubble .ax-bubble-content-inner{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400)}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBubbleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-bubble', imports: [NgTemplateOutlet], encapsulation: ViewEncapsulation.None, providers: [
+                        {
+                            provide: AXComponent,
+                            useExisting: AXBubbleComponent,
+                        },
+                    ], template: "@if (hasTemplate()) {\n  <ng-container [ngTemplateOutlet]=\"itemTemplate()\" [ngTemplateOutletContext]=\"{ $implicit: templateData() }\" />\n} @else {\n  <ng-content select=\"ax-header\"></ng-content>\n  <div class=\"ax-bubble-content\">\n    <ng-content select=\"ax-prefix\"></ng-content>\n    <div class=\"ax-bubble-content-inner\">\n      <ng-content select=\"ax-content\"></ng-content>\n\n      <ng-content></ng-content>\n    </div>\n    <ng-content select=\"ax-suffix\"></ng-content>\n  </div>\n  <ng-content select=\"ax-footer\"></ng-content>\n}\n", styles: ["@layer properties;@layer components{ax-bubble{--ax-comp-bubble-radius: 12px;--ax-comp-bubble-padding-x: 8px;--ax-comp-bubble-padding-y: 4px;--ax-comp-bubble-font-size: .875rem;--ax-comp-bubble-line-height: 1.375rem;--ax-comp-bubble-color: var(--color-text-default);--ax-comp-bubble-bg: var(--color-lightest);--ax-comp-bubble-bg-self: var(--color-primary-lighter);--ax-comp-bubble-color-self: var(--color-on-primary-lighter);--ax-comp-bubble-tail-self: 0;--ax-comp-bubble-tail-other: 0;--ax-comp-bubble-border-width: 1px;--ax-comp-bubble-border: var(--color-border-lightest);--ax-comp-bubble-border-self: var(--color-border-primary-lightest);position:relative;display:inline-flex;width:fit-content;max-width:100%;flex-direction:column;gap:2px;min-width:0;overflow:visible;color:var(--ax-comp-bubble-color);background-color:var(--ax-comp-bubble-bg);border-radius:var(--ax-comp-bubble-radius);padding:var(--ax-comp-bubble-padding-y) var(--ax-comp-bubble-padding-x);font-size:var(--ax-comp-bubble-font-size);line-height:var(--ax-comp-bubble-line-height)}ax-bubble.ax-isown{color:var(--ax-comp-bubble-color-self);border-color:var(--ax-comp-bubble-border-self);border-width:var(--ax-comp-bubble-border-width);background-color:var(--ax-comp-bubble-bg-self);border-end-end-radius:var(--ax-comp-bubble-tail-self)}ax-bubble.ax-isown .ax-bubble-content{display:flex;flex-direction:row-reverse}ax-bubble:not(.ax-isown){border-color:var(--ax-comp-bubble-border);border-width:var(--ax-comp-bubble-border-width);border-end-start-radius:0;border-end-end-radius:var(--ax-comp-bubble-radius)}ax-bubble .ax-bubble-content{display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 2)}ax-bubble .ax-bubble-content-inner{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400)}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { isown: [{ type: i0.Input, args: [{ isSignal: true, alias: "isown", required: false }] }], templateData: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateData", required: false }] }], itemTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemTemplate", required: false }] }], axheader: [{ type: i0.ContentChild, args: ['ax-header', { isSignal: true }] }], axfooter: [{ type: i0.ContentChild, args: ['ax-footer', { isSignal: true }] }], axcontent: [{ type: i0.ContentChild, args: ['ax-content', { isSignal: true }] }], axprefix: [{ type: i0.ContentChild, args: ['ax-prefix', { isSignal: true }] }], axsuffix: [{ type: i0.ContentChild, args: ['ax-suffix', { isSignal: true }] }], __hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+class AXBubbleModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBubbleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AXBubbleModule, imports: [AXBubbleComponent], exports: [AXBubbleComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBubbleModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXBubbleModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [AXBubbleComponent],
+                    exports: [AXBubbleComponent],
+                }]
+        }] });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { AXBubbleComponent, AXBubbleModule };
+//# sourceMappingURL=acorex-components-bubble.mjs.map