@acorex/components 21.0.3-next.42 → 21.0.3-next.43

package/fesm2022/acorex-components-badge.mjs

@@ -1,6 +1,6 @@
 import { MXColorLookComponent, AXComponent } from '@acorex/cdk/common';
 import * as i0 from '@angular/core';
-import { input, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import { input, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
 
 class AXBadgeComponent extends MXColorLookComponent {
     constructor() {
@@ -12,22 +12,27 @@ class AXBadgeComponent extends MXColorLookComponent {
          */
         this.text = input('', ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
     }
-    /**
-     *  @ignore
-     */
-    get __hostClass() {
-        return `${this.look} ${this.color} ${!this.text() ? 'ax-mini-badge' : ''} ${this.text()?.length == 1 ? 'ax-single-badge' : ''}`;
+    /** @ignore */
+    get hostClass() {
+        const value = this.text() ?? '';
+        return [
+            this.look,
+            this.color,
+            value.length === 0 ? 'ax-mini-badge' : '',
+            value.length === 1 ? 'ax-single-badge' : '',
+        ]
+            .filter(Boolean)
+            .join(' ');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXBadgeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXBadgeComponent, isStandalone: true, selector: "ax-badge", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.__hostClass" } }, 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{display:inline-flex;max-height:fit-content;min-width:calc(var(--spacing, .25rem) * 5);align-items:center;justify-content:center;border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * .5);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: 1;line-height:1}ax-badge.ax-mini-badge{min-height:calc(var(--spacing, .25rem) * 2);width:calc(var(--spacing, .25rem) * 2);min-width:calc(var(--spacing, .25rem) * 2)}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{display:flex;min-height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5);align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:calc(var(--spacing, .25rem) * 0)}ax-badge .ax-badge-text{display:inline-block;padding-inline:calc(var(--spacing, .25rem) * .5);padding-block:calc(var(--spacing, .25rem) * 1);white-space:nowrap}}@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-leading: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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 components{ax-badge{--ax-comp-badge-border-radius: .375rem;--ax-comp-badge-font-size: .75rem;--ax-comp-badge-font-weight: 500;--ax-comp-badge-line-height: 1rem;--ax-comp-badge-gap: .375rem;--ax-comp-badge-padding-x: .5rem;--ax-comp-badge-padding-y: .25rem;--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;vertical-align:middle;white-space:nowrap;-webkit-user-select:none;user-select:none;gap:var(--ax-comp-badge-gap);border:0;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;font-size:inherit;line-height:1}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)}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXBadgeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-badge', inputs: ['color', 'look'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXComponent, useExisting: AXBadgeComponent }], 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{display:inline-flex;max-height:fit-content;min-width:calc(var(--spacing, .25rem) * 5);align-items:center;justify-content:center;border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * .5);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: 1;line-height:1}ax-badge.ax-mini-badge{min-height:calc(var(--spacing, .25rem) * 2);width:calc(var(--spacing, .25rem) * 2);min-width:calc(var(--spacing, .25rem) * 2)}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{display:flex;min-height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5);align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:calc(var(--spacing, .25rem) * 0)}ax-badge .ax-badge-text{display:inline-block;padding-inline:calc(var(--spacing, .25rem) * .5);padding-block:calc(var(--spacing, .25rem) * 1);white-space:nowrap}}@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-leading: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
-        }], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], __hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+            args: [{ selector: 'ax-badge', inputs: ['color', 'look'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXComponent, useExisting: AXBadgeComponent }], host: {
+                        '[class]': 'hostClass',
+                    }, 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 components{ax-badge{--ax-comp-badge-border-radius: .375rem;--ax-comp-badge-font-size: .75rem;--ax-comp-badge-font-weight: 500;--ax-comp-badge-line-height: 1rem;--ax-comp-badge-gap: .375rem;--ax-comp-badge-padding-x: .5rem;--ax-comp-badge-padding-y: .25rem;--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;vertical-align:middle;white-space:nowrap;-webkit-user-select:none;user-select:none;gap:var(--ax-comp-badge-gap);border:0;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;font-size:inherit;line-height:1}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)}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }] } });
 
 class AXBadgeModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }

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

@@ -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 { ChangeDetectionStrategy, Component, HostBinding, 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  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: AXComponent, useExisting: AXBadgeComponent }],\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  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `${this.look} ${this.color} ${!this.text() ? 'ax-mini-badge' : ''} ${this.text()?.length == 1 ? 'ax-single-badge' : ''}`;\n  }\n}\n","<ng-content select=\"ax-prefix\"></ng-content>\n@if (text()) {\n  <span class=\"ax-badge-text\">{{ text() }}</span>\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n","import { 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":";;;;AAYM,MAAO,gBAAiB,SAAQ,oBAAoB,CAAA;AAT1D,IAAA,WAAA,GAAA;;AAUE;;;;AAIG;AACH,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAS,EAAE,2EAAC;AASzB,IAAA;AAPC;;AAEG;AACH,IAAA,IACY,WAAW,GAAA;AACrB,QAAA,OAAO,GAAG,IAAI,CAAC,IAAI,CAAA,CAAA,EAAI,IAAI,CAAC,KAAK,CAAA,CAAA,EAAI,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,eAAe,GAAG,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,MAAM,IAAI,CAAC,GAAG,iBAAiB,GAAG,EAAE,EAAE;IACjI;8GAdW,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,kBAAA,EAAA,EAAA,EAAA,SAAA,EAFhB,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC,iDCVtE,0KAKA,EAAA,MAAA,EAAA,CAAA,izCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDOa,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAT5B,SAAS;+BACE,UAAU,EAAA,MAAA,EAGZ,CAAC,OAAO,EAAE,MAAM,CAAC,EAAA,aAAA,EACV,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAA,gBAAkB,EAAE,CAAC,EAAA,QAAA,EAAA,0KAAA,EAAA,MAAA,EAAA,CAAA,izCAAA,CAAA,EAAA;;sBAanE,WAAW;uBAAC,OAAO;;;MEhBT,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;;;;"}
+{"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 { ChangeDetectionStrategy, 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  changeDetection: ChangeDetectionStrategy.OnPush,\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":"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"}