@acorex/components 21.0.3-next.35 → 21.0.3-next.36

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-alert.mjs","sources":["../../../../packages/components/alert/src/lib/alert.component.ts","../../../../packages/components/alert/src/lib/alert.component.html","../../../../packages/components/alert/src/lib/alert.module.ts","../../../../packages/components/alert/src/acorex-components-alert.ts"],"sourcesContent":["import { AXClosableComponent, AXComponent, AXEvent, MXColorComponent } from '@acorex/cdk/common';\nimport { AXDecoratorGenericComponent, AXDecoratorIconComponent } from '@acorex/components/decorators';\nimport { isBrowser } from '@acorex/core/platform';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  afterNextRender,\n  ChangeDetectionStrategy,\n  Component,\n  contentChild,\n  effect,\n  HostBinding,\n  model,\n  output,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * The Alert component is used to display notifications or alerts to users.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-alert',\n  templateUrl: './alert.component.html',\n  styleUrls: ['./alert.component.compiled.css'],\n  inputs: ['color'],\n  outputs: ['colorChange'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: AXClosableComponent, useExisting: AXAlertComponent },\n    { provide: AXComponent, useExisting: AXAlertComponent },\n  ],\n  imports: [NgTemplateOutlet],\n})\nexport class AXAlertComponent extends MXColorComponent {\n  /**\n   *  @ignore\n   */\n  axIcon = contentChild<AXDecoratorIconComponent>('ax-icon');\n  /**\n   *  @ignore\n   */\n  axTitle = contentChild<AXDecoratorGenericComponent>('ax-title');\n  /**\n   *  @ignore\n   */\n  axContent = contentChild<AXDecoratorGenericComponent>('ax-content');\n  /**\n   *  @ignore\n   */\n  axFooter = contentChild<AXDecoratorGenericComponent>('ax-footer');\n\n  /**\n   *  @ignore\n   */\n  protected showInline = signal(false);\n\n  /**\n   * Emits an event when the alert component is closed.\n   *\n   * @event\n   */\n  onClosed = output<AXEvent>();\n\n  /**\n   *  @ignore\n   */\n  private customIcon = signal('');\n\n  /**\n   *  @ignore\n   */\n  private _timeOutRef: number;\n\n  /**\n   * Sets the duration (in milliseconds) after which the alert will automatically close.\n   *\n   * @defaultValue 0\n   */\n  timeOut = model<number>(0);\n\n  /**\n   *  @ignore\n   */\n  //TODO: Check Console for  effect() can only be used within an injection context such as a constructor, a factory function, a field initializer, or a function used with `runInInjectionContext`\n  timeOutEffect = () => {\n    effect(() => {\n      if (this.timeOut()) {\n        clearTimeout(this._timeOutRef);\n        this._timeOutRef = window.setTimeout(() => {\n          this.close();\n        }, this.timeOut());\n      }\n    });\n  };\n\n  /**\n   *  @ignore\n   */\n  constructor() {\n    super();\n    afterNextRender(() => {\n      this.onOptionChanged.subscribe(this._handleOnOptionChanged.bind(this));\n      this._setLayout();\n      this.customIcon.set(this.axIcon()?.icon);\n    });\n    this.timeOutEffect();\n  }\n\n  /**\n   *  @ignore\n   */\n  private _setLayout() {\n    this._setIcon();\n    this.showInline.set(this.axContent() == null && this.axFooter() == null);\n    this.cdr.markForCheck();\n  }\n\n  /**\n   *  @ignore\n   */\n  protected _handleOnOptionChanged() {\n    this._setIcon();\n  }\n\n  /**\n   *  @ignore\n   */\n  private _setIcon() {\n    if (!this.axIcon() || this.axIcon().getHostElement().firstElementChild) return;\n\n    switch (this.color) {\n      case 'ax-success':\n        this.axIcon().icon = 'ax-icon ax-icon-check-circle';\n        break;\n      case 'ax-danger':\n        this.axIcon().icon = 'ax-icon ax-icon-error';\n        break;\n      case 'ax-warning':\n        this.axIcon().icon = 'ax-icon ax-icon-warning';\n        break;\n      default:\n        this.axIcon().icon = this.customIcon() || 'ax-icon ax-icon-info';\n        break;\n    }\n  }\n\n  /**\n   * Removes the alert from the container after a transition effect.\n   *\n   * @returns void - No return value. The alert is removed from the DOM and the onClosed event is emitted.\n   */\n  close(): void {\n    if (isBrowser()) {\n      const host = this.getHostElement();\n      host.parentElement?.removeChild(host);\n      this.onClosed.emit({\n        component: this,\n      });\n    }\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  get __hostClass(): string {\n    return `ax-alert ax-none ${this.color}`;\n  }\n}\n","@if (showInline()) {\n  <div class=\"ax-alert-inline\">\n    <div class=\"ax-alert-icon ax-icon-solid\">\n      <ng-container [ngTemplateOutlet]=\"icon\"></ng-container>\n    </div>\n    <div class=\"ax-alert-title\">\n      <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n    </div>\n    <div class=\"ax-alert-buttons\">\n      <ng-container [ngTemplateOutlet]=\"buttons\"></ng-container>\n    </div>\n    <ng-container [ngTemplateOutlet]=\"closeButton\"></ng-container>\n  </div>\n} @else {\n  <div class=\"ax-alert-block\">\n    <div class=\"ax-alert-icon ax-icon-solid\">\n      <ng-container [ngTemplateOutlet]=\"icon\"></ng-container>\n    </div>\n    <div class=\"ax-alert-content\">\n      <div class=\"ax-alert-title\">\n        <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n      </div>\n      <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n      <ng-container [ngTemplateOutlet]=\"footer\"></ng-container>\n    </div>\n    <div><ng-container [ngTemplateOutlet]=\"closeButton\"></ng-container></div>\n  </div>\n}\n\n@if (timeOut()) {\n  <div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut()\"></div>\n}\n\n<ng-template #buttons>\n  <ng-content select=\"ax-button\"> </ng-content>\n</ng-template>\n<ng-template #closeButton>\n  <ng-content select=\"ax-close-button\"> </ng-content>\n</ng-template>\n<ng-template #title>\n  <ng-content select=\"ax-title\"> </ng-content>\n</ng-template>\n<ng-template #icon>\n  <ng-content select=\"ax-icon\"> </ng-content>\n</ng-template>\n<ng-template #content>\n  <ng-content select=\"ax-content\"> </ng-content>\n</ng-template>\n<ng-template #footer>\n  <ng-content select=\"ax-footer\"> </ng-content>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { AXAlertComponent } from './alert.component';\n\n@NgModule({\n  imports: [AXAlertComponent],\n  exports: [AXAlertComponent],\n})\nexport class AXAlertModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-alert.mjs","sources":["../../../../packages/components/alert/src/lib/alert.component.ts","../../../../packages/components/alert/src/lib/alert.component.html","../../../../packages/components/alert/src/lib/alert.module.ts","../../../../packages/components/alert/src/acorex-components-alert.ts"],"sourcesContent":["import { AXClosableComponent, AXComponent, AXEvent, MXColorComponent } from '@acorex/cdk/common';\nimport { AXDecoratorGenericComponent, AXDecoratorIconComponent } from '@acorex/components/decorators';\nimport { isBrowser } from '@acorex/core/platform';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  afterNextRender,\n  ChangeDetectionStrategy,\n  Component,\n  contentChild,\n  effect,\n  HostBinding,\n  model,\n  output,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * The Alert component is used to display notifications or alerts to users.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-alert',\n  templateUrl: './alert.component.html',\n  styleUrls: ['./alert.component.compiled.css'],\n  inputs: ['color'],\n  outputs: ['colorChange'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: AXClosableComponent, useExisting: AXAlertComponent },\n    { provide: AXComponent, useExisting: AXAlertComponent },\n  ],\n  imports: [NgTemplateOutlet],\n})\nexport class AXAlertComponent extends MXColorComponent {\n  /**\n   *  @ignore\n   */\n  axIcon = contentChild<AXDecoratorIconComponent>('ax-icon');\n  /**\n   *  @ignore\n   */\n  axTitle = contentChild<AXDecoratorGenericComponent>('ax-title');\n  /**\n   *  @ignore\n   */\n  axContent = contentChild<AXDecoratorGenericComponent>('ax-content');\n  /**\n   *  @ignore\n   */\n  axFooter = contentChild<AXDecoratorGenericComponent>('ax-footer');\n\n  /**\n   *  @ignore\n   */\n  protected showInline = signal(false);\n\n  /**\n   * Emits an event when the alert component is closed.\n   *\n   * @event\n   */\n  onClosed = output<AXEvent>();\n\n  /**\n   *  @ignore\n   */\n  private customIcon = signal('');\n\n  /**\n   *  @ignore\n   */\n  private _timeOutRef: number;\n\n  /**\n   * Sets the duration (in milliseconds) after which the alert will automatically close.\n   *\n   * @defaultValue 0\n   */\n  timeOut = model<number>(0);\n\n  /**\n   *  @ignore\n   */\n  //TODO: Check Console for  effect() can only be used within an injection context such as a constructor, a factory function, a field initializer, or a function used with `runInInjectionContext`\n  timeOutEffect = () => {\n    effect(() => {\n      if (this.timeOut()) {\n        clearTimeout(this._timeOutRef);\n        this._timeOutRef = window.setTimeout(() => {\n          this.close();\n        }, this.timeOut());\n      }\n    });\n  };\n\n  /**\n   *  @ignore\n   */\n  constructor() {\n    super();\n    afterNextRender(() => {\n      this.onOptionChanged.subscribe(this._handleOnOptionChanged.bind(this));\n      this._setLayout();\n      this.customIcon.set(this.axIcon()?.icon);\n    });\n    this.timeOutEffect();\n  }\n\n  /**\n   *  @ignore\n   */\n  private _setLayout() {\n    this._setIcon();\n    this.showInline.set(this.axContent() == null && this.axFooter() == null);\n    this.cdr.markForCheck();\n  }\n\n  /**\n   *  @ignore\n   */\n  protected _handleOnOptionChanged() {\n    this._setIcon();\n  }\n\n  /**\n   *  @ignore\n   */\n  private _setIcon() {\n    if (!this.axIcon() || this.axIcon().getHostElement().firstElementChild) return;\n\n    switch (this.color) {\n      case 'ax-success':\n        this.axIcon().icon = 'ax-icon ax-icon-check-circle';\n        break;\n      case 'ax-danger':\n        this.axIcon().icon = 'ax-icon ax-icon-error';\n        break;\n      case 'ax-warning':\n        this.axIcon().icon = 'ax-icon ax-icon-warning';\n        break;\n      default:\n        this.axIcon().icon = this.customIcon() || 'ax-icon ax-icon-info';\n        break;\n    }\n  }\n\n  /**\n   * Removes the alert from the container after a transition effect.\n   *\n   * @returns void - No return value. The alert is removed from the DOM and the onClosed event is emitted.\n   */\n  close(): void {\n    if (isBrowser()) {\n      const host = this.getHostElement();\n      host.parentElement?.removeChild(host);\n      this.onClosed.emit({\n        component: this,\n      });\n    }\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  get __hostClass(): string {\n    return `ax-alert ax-none ${this.color}`;\n  }\n}\n","@if (showInline()) {\n  <div class=\"ax-alert-inline\">\n    <div class=\"ax-alert-icon ax-icon-solid\">\n      <ng-container [ngTemplateOutlet]=\"icon\"></ng-container>\n    </div>\n    <div class=\"ax-alert-title\">\n      <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n    </div>\n    <div class=\"ax-alert-buttons\">\n      <ng-container [ngTemplateOutlet]=\"buttons\"></ng-container>\n    </div>\n    <ng-container [ngTemplateOutlet]=\"closeButton\"></ng-container>\n  </div>\n} @else {\n  <div class=\"ax-alert-block\">\n    <div class=\"ax-alert-icon ax-icon-solid\">\n      <ng-container [ngTemplateOutlet]=\"icon\"></ng-container>\n    </div>\n    <div class=\"ax-alert-content\">\n      <div class=\"ax-alert-title\">\n        <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n      </div>\n      <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n      <ng-container [ngTemplateOutlet]=\"footer\"></ng-container>\n    </div>\n    <div><ng-container [ngTemplateOutlet]=\"closeButton\"></ng-container></div>\n  </div>\n}\n\n@if (timeOut()) {\n  <div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut()\"></div>\n}\n\n<ng-template #buttons>\n  <ng-content select=\"ax-button\"> </ng-content>\n</ng-template>\n<ng-template #closeButton>\n  <ng-content select=\"ax-close-button\"> </ng-content>\n</ng-template>\n<ng-template #title>\n  <ng-content select=\"ax-title\"> </ng-content>\n</ng-template>\n<ng-template #icon>\n  <ng-content select=\"ax-icon\"> </ng-content>\n</ng-template>\n<ng-template #content>\n  <ng-content select=\"ax-content\"> </ng-content>\n</ng-template>\n<ng-template #footer>\n  <ng-content select=\"ax-footer\"> </ng-content>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { AXAlertComponent } from './alert.component';\n\n@NgModule({\n  imports: [AXAlertComponent],\n  exports: [AXAlertComponent],\n})\nexport class AXAlertModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAiBA;;;;AAIG;AAeG,MAAO,gBAAiB,SAAQ,gBAAgB,CAAA;AA8DpD;;AAEG;AACH,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;AAjET;;AAEG;AACH,QAAA,IAAA,CAAA,MAAM,GAAG,YAAY,CAA2B,SAAS,6EAAC;AAC1D;;AAEG;AACH,QAAA,IAAA,CAAA,OAAO,GAAG,YAAY,CAA8B,UAAU,8EAAC;AAC/D;;AAEG;AACH,QAAA,IAAA,CAAA,SAAS,GAAG,YAAY,CAA8B,YAAY,gFAAC;AACnE;;AAEG;AACH,QAAA,IAAA,CAAA,QAAQ,GAAG,YAAY,CAA8B,WAAW,+EAAC;AAEjE;;AAEG;AACO,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,KAAK,iFAAC;AAEpC;;;;AAIG;QACH,IAAA,CAAA,QAAQ,GAAG,MAAM,EAAW;AAE5B;;AAEG;AACK,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,EAAE,iFAAC;AAO/B;;;;AAIG;AACH,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAS,CAAC,8EAAC;AAE1B;;AAEG;;QAEH,IAAA,CAAA,aAAa,GAAG,MAAK;YACnB,MAAM,CAAC,MAAK;AACV,gBAAA,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE;AAClB,oBAAA,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC;oBAC9B,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,MAAK;wBACxC,IAAI,CAAC,KAAK,EAAE;AACd,oBAAA,CAAC,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;gBACpB;AACF,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC;QAOC,eAAe,CAAC,MAAK;AACnB,YAAA,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACtE,IAAI,CAAC,UAAU,EAAE;AACjB,YAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,CAAC;AAC1C,QAAA,CAAC,CAAC;QACF,IAAI,CAAC,aAAa,EAAE;IACtB;AAEA;;AAEG;IACK,UAAU,GAAA;QAChB,IAAI,CAAC,QAAQ,EAAE;AACf,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC;AACxE,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;IACzB;AAEA;;AAEG;IACO,sBAAsB,GAAA;QAC9B,IAAI,CAAC,QAAQ,EAAE;IACjB;AAEA;;AAEG;IACK,QAAQ,GAAA;AACd,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,cAAc,EAAE,CAAC,iBAAiB;YAAE;AAExE,QAAA,QAAQ,IAAI,CAAC,KAAK;AAChB,YAAA,KAAK,YAAY;AACf,gBAAA,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,GAAG,8BAA8B;gBACnD;AACF,YAAA,KAAK,WAAW;AACd,gBAAA,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,GAAG,uBAAuB;gBAC5C;AACF,YAAA,KAAK,YAAY;AACf,gBAAA,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,GAAG,yBAAyB;gBAC9C;AACF,YAAA;AACE,gBAAA,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,IAAI,sBAAsB;gBAChE;;IAEN;AAEA;;;;AAIG;IACH,KAAK,GAAA;QACH,IAAI,SAAS,EAAE,EAAE;AACf,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE;AAClC,YAAA,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC,IAAI,CAAC;AACrC,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;AACjB,gBAAA,SAAS,EAAE,IAAI;AAChB,aAAA,CAAC;QACJ;IACF;AAEA;;AAEG;AACH,IAAA,IACI,WAAW,GAAA;AACb,QAAA,OAAO,CAAA,iBAAA,EAAoB,IAAI,CAAC,KAAK,EAAE;IACzC;8GAtIW,gBAAgB,EAAA,IAAA,EAAA,EAAA,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,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,eAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,SAAA,EANhB;AACT,YAAA,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,gBAAgB,EAAE;AAC/D,YAAA,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE;SACxD,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,QAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,SAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,YAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,WAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjCH,gsDAmDA,yuFDjBY,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAEf,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAd5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,UAGZ,CAAC,OAAO,CAAC,EAAA,OAAA,EACR,CAAC,aAAa,CAAC,EAAA,eAAA,EACP,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,SAAA,EAC1B;AACT,wBAAA,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,kBAAkB,EAAE;AAC/D,wBAAA,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,kBAAkB,EAAE;qBACxD,EAAA,OAAA,EACQ,CAAC,gBAAgB,CAAC,EAAA,QAAA,EAAA,gsDAAA,EAAA,MAAA,EAAA,CAAA,irFAAA,CAAA,EAAA;AAMqB,SAAA,CAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,cAAA,EAAA,EAAA,MAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,CAAA,SAAS,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,CAIL,UAAU,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,SAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,CAIR,YAAY,qEAIb,WAAW,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,eAAA,CAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA;sBAmH/D,WAAW;uBAAC,OAAO;;;MEhKT,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-avatar.mjs

@@ -62,11 +62,11 @@ class AXAvatarComponent extends MXColorComponent {
         return `width: ${size}px; height: ${size}px; --ax-comp-avatar-size: ${size}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXAvatarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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{@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}}}@layer components{ax-avatar-group{display:flex}ax-avatar-group ax-avatar{margin:calc(var(--ax-sys-spacing-base) * -1);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-comp-avatar-border-color));overflow:hidden}ax-avatar{justify-content:center;display:flex;position:relative}ax-avatar.ax-sharp{border-radius:0}ax-avatar.ax-soft{border-radius:var(--ax-sys-border-radius)}ax-avatar.ax-rounded{border-radius:3.40282e38px}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{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));min-width:100%;min-height:100%;fill:rgba(var(--ax-comp-avatar-fill-color));color:rgba(var(--ax-comp-avatar-text-color));justify-content:center;align-items:center;display:flex}ax-avatar ax-badge{position:absolute}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.3.3 | 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: 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{@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}}}@layer components{ax-avatar-group{display:flex}ax-avatar-group ax-avatar{margin:calc(var(--spacing,.25rem) * -1);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-comp-avatar-border-color));overflow:hidden}ax-avatar{justify-content:center;display:flex;position:relative}ax-avatar.ax-sharp{border-radius:0}ax-avatar.ax-soft{border-radius:var(--ax-sys-border-radius)}ax-avatar.ax-rounded{border-radius:3.40282e38px}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{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));min-width:100%;min-height:100%;fill:rgba(var(--ax-comp-avatar-fill-color));color:rgba(var(--ax-comp-avatar-text-color));justify-content:center;align-items:center;display:flex}ax-avatar ax-badge{position:absolute}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.3.3 | 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: AXAvatarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-avatar', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, 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{@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}}}@layer components{ax-avatar-group{display:flex}ax-avatar-group ax-avatar{margin:calc(var(--ax-sys-spacing-base) * -1);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-comp-avatar-border-color));overflow:hidden}ax-avatar{justify-content:center;display:flex;position:relative}ax-avatar.ax-sharp{border-radius:0}ax-avatar.ax-soft{border-radius:var(--ax-sys-border-radius)}ax-avatar.ax-rounded{border-radius:3.40282e38px}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{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));min-width:100%;min-height:100%;fill:rgba(var(--ax-comp-avatar-fill-color));color:rgba(var(--ax-comp-avatar-text-color));justify-content:center;align-items:center;display:flex}ax-avatar ax-badge{position:absolute}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'ax-avatar', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, 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{@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}}}@layer components{ax-avatar-group{display:flex}ax-avatar-group ax-avatar{margin:calc(var(--spacing,.25rem) * -1);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-comp-avatar-border-color));overflow:hidden}ax-avatar{justify-content:center;display:flex;position:relative}ax-avatar.ax-sharp{border-radius:0}ax-avatar.ax-soft{border-radius:var(--ax-sys-border-radius)}ax-avatar.ax-rounded{border-radius:3.40282e38px}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{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));min-width:100%;min-height:100%;fill:rgba(var(--ax-comp-avatar-fill-color));color:rgba(var(--ax-comp-avatar-text-color));justify-content:center;align-items:center;display:flex}ax-avatar ax-badge{position:absolute}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.3.3 | 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: [{
                 type: HostBinding,
                 args: ['class']

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

@@ -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 } 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 {\n  ChangeDetectionStrategy,\n  Component,\n  contentChildren,\n  HostBinding,\n  input,\n  model,\n  QueryList,\n  ViewEncapsulation,\n} 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.compiled.css'],\n  inputs: ['color'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\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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"}
+{"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 } 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 {\n  ChangeDetectionStrategy,\n  Component,\n  contentChildren,\n  HostBinding,\n  input,\n  model,\n  QueryList,\n  ViewEncapsulation,\n} 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.compiled.css'],\n  inputs: ['color'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\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

@@ -19,11 +19,11 @@ class AXBadgeComponent extends MXColorLookComponent {
         return `${this.look} ${this.color} ${!this.text() ? 'ax-mini-badge' : ''} ${this.text()?.length == 1 ? 'ax-single-badge' : ''}`;
     }
     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{@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}}}@layer components{ax-badge{max-height:fit-content;min-width:calc(var(--ax-sys-spacing-base) * 5);padding-inline:calc(var(--ax-sys-spacing-base) * .5);font-size:var(--ax-sys-text-xs-base);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-leading:1;border-radius:3.40282e38px;justify-content:center;align-items:center;line-height:1;display:inline-flex}ax-badge.ax-mini-badge{min-height:calc(var(--ax-sys-spacing-base) * 2);width:calc(var(--ax-sys-spacing-base) * 2);min-width:calc(var(--ax-sys-spacing-base) * 2)}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{min-height:calc(var(--ax-sys-spacing-base) * 5);width:calc(var(--ax-sys-spacing-base) * 5);justify-content:center;align-items:center;display:flex}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{padding-inline:calc(var(--ax-sys-spacing-base) * .5);padding-block:var(--ax-sys-spacing-base);white-space:nowrap;display:inline-block}}@property --tw-leading{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.3.3 | 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": "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{@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}}}@layer components{ax-badge{max-height:fit-content;min-width:calc(var(--spacing,.25rem) * 5);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;border-radius:3.40282e38px;justify-content:center;align-items:center;line-height:1;display:inline-flex}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{min-height:calc(var(--spacing,.25rem) * 5);width:calc(var(--spacing,.25rem) * 5);justify-content:center;align-items:center;display:flex}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{padding-inline:calc(var(--spacing,.25rem) * .5);padding-block:var(--spacing,.25rem);white-space:nowrap;display:inline-block}}@property --tw-leading{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.3.3 | 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{@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}}}@layer components{ax-badge{max-height:fit-content;min-width:calc(var(--ax-sys-spacing-base) * 5);padding-inline:calc(var(--ax-sys-spacing-base) * .5);font-size:var(--ax-sys-text-xs-base);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-leading:1;border-radius:3.40282e38px;justify-content:center;align-items:center;line-height:1;display:inline-flex}ax-badge.ax-mini-badge{min-height:calc(var(--ax-sys-spacing-base) * 2);width:calc(var(--ax-sys-spacing-base) * 2);min-width:calc(var(--ax-sys-spacing-base) * 2)}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{min-height:calc(var(--ax-sys-spacing-base) * 5);width:calc(var(--ax-sys-spacing-base) * 5);justify-content:center;align-items:center;display:flex}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{padding-inline:calc(var(--ax-sys-spacing-base) * .5);padding-block:var(--ax-sys-spacing-base);white-space:nowrap;display:inline-block}}@property --tw-leading{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+            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{@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}}}@layer components{ax-badge{max-height:fit-content;min-width:calc(var(--spacing,.25rem) * 5);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;border-radius:3.40282e38px;justify-content:center;align-items:center;line-height:1;display:inline-flex}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{min-height:calc(var(--spacing,.25rem) * 5);width:calc(var(--spacing,.25rem) * 5);justify-content:center;align-items:center;display:flex}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{padding-inline:calc(var(--spacing,.25rem) * .5);padding-block:var(--spacing,.25rem);white-space:nowrap;display:inline-block}}@property --tw-leading{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], __hostClass: [{
                 type: HostBinding,
                 args: ['class']

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.compiled.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,4wCAAA,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,4wCAAA,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, HostBinding, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'ax-badge',\n  templateUrl: './badge.component.html',\n  styleUrls: ['./badge.component.compiled.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,0tCAAA,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,0tCAAA,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;;;;"}

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

@@ -100,11 +100,11 @@ class AXBottomNavigationComponent {
         return ` ax-look-${this.look()} ax-indicator-${this.indicatorPosition()} ${this.hasBorder() ? 'ax-has-border' : ''}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXBottomNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", 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{@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}}}@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;justify-content:space-between;gap:var(--ax-sys-spacing-base);background-color:var(--ax-comp-bottom-navigation-bg-color);display:flex}ax-bottom-navigation ax-bottom-navigation-item{cursor:pointer;padding-inline:0;padding-block:calc(var(--ax-sys-spacing-base) * 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;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}ax-bottom-navigation ax-bottom-navigation-item *{pointer-events:none}ax-bottom-navigation ax-bottom-navigation-item ax-icon{height:calc(var(--ax-sys-spacing-base) * 6);width:calc(var(--ax-sys-spacing-base) * 6);text-align:center;font-size:var(--ax-sys-text-xl-base);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));display:block}ax-bottom-navigation ax-bottom-navigation-item ax-text{padding-top:var(--ax-sys-spacing-base);font-size:var(--ax-sys-text-xs-base);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{background-color:var(--ax-comp-bottom-navigation-active-icon-bg-color,unset);--tw-font-weight:var(--font-weight-bold,700)!important;font-weight:var(--font-weight-bold,700)!important}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:.5}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:.5}: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{opacity:1;color:var(--ax-comp-bottom-navigation-active-text-color)!important}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item.ax-state-disabled{opacity:.3}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item ax-icon{border-radius:var(--radius-xl,.75rem);padding-inline:calc(var(--ax-sys-spacing-base) * 5);padding-block:var(--ax-sys-spacing-base);font-size:var(--ax-sys-text-xl-base);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));width:unset;height:unset;justify-content:center;display:block}: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: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: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{content:\"\";background-color:#0000;width:60%;height:.2rem;position:absolute}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}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", 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{@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}}}@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;justify-content:space-between;gap:var(--spacing,.25rem);background-color:var(--ax-comp-bottom-navigation-bg-color);display:flex}ax-bottom-navigation ax-bottom-navigation-item{cursor:pointer;padding-inline: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;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}ax-bottom-navigation ax-bottom-navigation-item *{pointer-events:none}ax-bottom-navigation ax-bottom-navigation-item ax-icon{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)));display:block}ax-bottom-navigation ax-bottom-navigation-item ax-text{padding-top:var(--spacing,.25rem);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{background-color:var(--ax-comp-bottom-navigation-active-icon-bg-color,unset);--tw-font-weight:var(--font-weight-bold,700)!important;font-weight:var(--font-weight-bold,700)!important}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:.5}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:.5}: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{opacity:1;color:var(--ax-comp-bottom-navigation-active-text-color)!important}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item.ax-state-disabled{opacity:.3}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item ax-icon{border-radius:var(--radius-xl,.75rem);padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:var(--spacing,.25rem);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;justify-content:center;display:block}: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: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: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{content:\"\";background-color:#0000;width:60%;height:.2rem;position:absolute}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}\n/*! tailwindcss v4.3.3 | 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: AXBottomNavigationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-bottom-navigation', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXBottomNavigationComponent }], template: "<ng-content select=\"ng-container, ax-bottom-navigation-item\"></ng-content>\n", styles: ["@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}}}@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;justify-content:space-between;gap:var(--ax-sys-spacing-base);background-color:var(--ax-comp-bottom-navigation-bg-color);display:flex}ax-bottom-navigation ax-bottom-navigation-item{cursor:pointer;padding-inline:0;padding-block:calc(var(--ax-sys-spacing-base) * 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;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}ax-bottom-navigation ax-bottom-navigation-item *{pointer-events:none}ax-bottom-navigation ax-bottom-navigation-item ax-icon{height:calc(var(--ax-sys-spacing-base) * 6);width:calc(var(--ax-sys-spacing-base) * 6);text-align:center;font-size:var(--ax-sys-text-xl-base);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));display:block}ax-bottom-navigation ax-bottom-navigation-item ax-text{padding-top:var(--ax-sys-spacing-base);font-size:var(--ax-sys-text-xs-base);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{background-color:var(--ax-comp-bottom-navigation-active-icon-bg-color,unset);--tw-font-weight:var(--font-weight-bold,700)!important;font-weight:var(--font-weight-bold,700)!important}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:.5}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:.5}: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{opacity:1;color:var(--ax-comp-bottom-navigation-active-text-color)!important}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item.ax-state-disabled{opacity:.3}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item ax-icon{border-radius:var(--radius-xl,.75rem);padding-inline:calc(var(--ax-sys-spacing-base) * 5);padding-block:var(--ax-sys-spacing-base);font-size:var(--ax-sys-text-xl-base);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));width:unset;height:unset;justify-content:center;display:block}: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: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: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{content:\"\";background-color:#0000;width:60%;height:.2rem;position:absolute}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}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'ax-bottom-navigation', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXBottomNavigationComponent }], template: "<ng-content select=\"ng-container, ax-bottom-navigation-item\"></ng-content>\n", styles: ["@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}}}@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;justify-content:space-between;gap:var(--spacing,.25rem);background-color:var(--ax-comp-bottom-navigation-bg-color);display:flex}ax-bottom-navigation ax-bottom-navigation-item{cursor:pointer;padding-inline: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;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}ax-bottom-navigation ax-bottom-navigation-item *{pointer-events:none}ax-bottom-navigation ax-bottom-navigation-item ax-icon{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)));display:block}ax-bottom-navigation ax-bottom-navigation-item ax-text{padding-top:var(--spacing,.25rem);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{background-color:var(--ax-comp-bottom-navigation-active-icon-bg-color,unset);--tw-font-weight:var(--font-weight-bold,700)!important;font-weight:var(--font-weight-bold,700)!important}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:.5}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:.5}: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{opacity:1;color:var(--ax-comp-bottom-navigation-active-text-color)!important}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item.ax-state-disabled{opacity:.3}:is(ax-bottom-navigation.ax-look-pills,ax-bottom-navigation.ax-look-pills-color) ax-bottom-navigation-item ax-icon{border-radius:var(--radius-xl,.75rem);padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:var(--spacing,.25rem);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;justify-content:center;display:block}: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: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: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{content:\"\";background-color:#0000;width:60%;height:.2rem;position:absolute}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}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { _contentButtons: [{
                 type: ContentChildren,
                 args: [AXBottomNavigationItemComponent]

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

@@ -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 {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  HostBinding,\n  HostListener,\n  Input,\n  Output,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { classes } from 'polytype';\n\n@Component({\n  selector: 'ax-bottom-navigation-item',\n  templateUrl: './bottom-navigation-item.component.html',\n  inputs: ['disabled', 'tabIndex'],\n  outputs: ['disabledChange', 'onFocus', 'onBlur'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  hostDirectives: [AXRippleDirective],\n  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  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  HostBinding,\n  QueryList,\n  ViewEncapsulation,\n  input,\n  output,\n} from '@angular/core';\nimport { AXBottomNavigationItemComponent } from './bottom-navigation-item/bottom-navigation-item.component';\n\nexport type AXBottomNavigationLook = 'solid' | 'with-line' | 'pills' | 'pills-color';\n\n/**\n * The BottomNavigation component provides a navigational bar at the bottom of the screen with customizable appearance and behavior.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-bottom-navigation',\n  templateUrl: './bottom-navigation.component.html',\n  styleUrls: ['./bottom-navigation.component.compiled.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\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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"}
+{"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 {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  HostBinding,\n  HostListener,\n  Input,\n  Output,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { classes } from 'polytype';\n\n@Component({\n  selector: 'ax-bottom-navigation-item',\n  templateUrl: './bottom-navigation-item.component.html',\n  inputs: ['disabled', 'tabIndex'],\n  outputs: ['disabledChange', 'onFocus', 'onBlur'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  hostDirectives: [AXRippleDirective],\n  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  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  HostBinding,\n  QueryList,\n  ViewEncapsulation,\n  input,\n  output,\n} from '@angular/core';\nimport { AXBottomNavigationItemComponent } from './bottom-navigation-item/bottom-navigation-item.component';\n\nexport type AXBottomNavigationLook = 'solid' | 'with-line' | 'pills' | 'pills-color';\n\n/**\n * The BottomNavigation component provides a navigational bar at the bottom of the screen with customizable appearance and behavior.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-bottom-navigation',\n  templateUrl: './bottom-navigation.component.html',\n  styleUrls: ['./bottom-navigation.component.compiled.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\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

@@ -35,11 +35,11 @@ class AXBreadCrumbsComponent extends MXBaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXBreadCrumbsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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{@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}}}@layer components{ax-breadcrumbs{width:100%;font-size:var(--ax-sys-text-sm-base);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;align-items:center;display:inline-flex;overflow:auto hidden}ax-breadcrumbs ax-breadcrumbs-item{cursor:pointer;--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;text-decoration-thickness:0;display:inline-flex}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:.5!important}ax-breadcrumbs ax-breadcrumbs-item ax-prefix{padding-inline:var(--ax-sys-spacing-base)}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding-inline:calc(var(--ax-sys-spacing-base) * 2)}ax-breadcrumbs ax-breadcrumbs-item:first-child .ax-breadcrumb-divider{display:none}}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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{@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}}}@layer components{ax-breadcrumbs{width:100%;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;align-items:center;display:inline-flex;overflow:auto hidden}ax-breadcrumbs ax-breadcrumbs-item{cursor:pointer;--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;text-decoration-thickness:0;display:inline-flex}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:.5!important}ax-breadcrumbs ax-breadcrumbs-item ax-prefix{padding-inline:var(--spacing,.25rem)}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}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXBreadCrumbsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-breadcrumbs', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsComponent }], template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n  @if (_divider()) {\n    <ng-container [ngTemplateOutlet]=\"_divider()\"></ng-container>\n  } @else {\n    <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n  }\n  <ng-template #default>\n    <div class=\"ax-breadcrumb-divider\">/</div>\n  </ng-template>\n</ng-template>\n", styles: ["@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}}}@layer components{ax-breadcrumbs{width:100%;font-size:var(--ax-sys-text-sm-base);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;align-items:center;display:inline-flex;overflow:auto hidden}ax-breadcrumbs ax-breadcrumbs-item{cursor:pointer;--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;text-decoration-thickness:0;display:inline-flex}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:.5!important}ax-breadcrumbs ax-breadcrumbs-item ax-prefix{padding-inline:var(--ax-sys-spacing-base)}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding-inline:calc(var(--ax-sys-spacing-base) * 2)}ax-breadcrumbs ax-breadcrumbs-item:first-child .ax-breadcrumb-divider{display:none}}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'ax-breadcrumbs', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], providers: [{ provide: AXComponent, useExisting: AXBreadCrumbsComponent }], template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n  @if (_divider()) {\n    <ng-container [ngTemplateOutlet]=\"_divider()\"></ng-container>\n  } @else {\n    <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n  }\n  <ng-template #default>\n    <div class=\"ax-breadcrumb-divider\">/</div>\n  </ng-template>\n</ng-template>\n", styles: ["@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}}}@layer components{ax-breadcrumbs{width:100%;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;align-items:center;display:inline-flex;overflow:auto hidden}ax-breadcrumbs ax-breadcrumbs-item{cursor:pointer;--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;text-decoration-thickness:0;display:inline-flex}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:.5!important}ax-breadcrumbs ax-breadcrumbs-item ax-prefix{padding-inline:var(--spacing,.25rem)}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}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { _divider: [{ type: i0.ContentChild, args: ['divider', { isSignal: true }] }], dividerTemplate: [{ type: i0.ViewChild, args: ['dividerTpl', { isSignal: true }] }] } });
 
 /**

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

@@ -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  ChangeDetectionStrategy,\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.compiled.css'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\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 } 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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"}
+{"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  ChangeDetectionStrategy,\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.compiled.css'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\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 } 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-button.mjs

@@ -475,7 +475,7 @@ class AXButtonComponent extends MXButtonBaseComponent {
             { provide: AXComponent, useExisting: AXButtonComponent },
             { provide: AXButtonItemComponent, useExisting: AXButtonComponent },
             { provide: AXFocusableComponent, useExisting: AXButtonComponent },
-        ], queries: [{ propertyName: "loadingIcon", first: true, predicate: AXLoadingComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<button\n  [axRipple]\n  [attr.type]=\"type()\"\n  [disabled]=\"disabled\"\n  [attr.tabindex]=\"tabIndex\"\n  (click)=\"_handleClick($event)\"\n  (blur)=\"emitOnBlurEvent($event)\"\n  (focus)=\"emitOnFocusEvent($event)\"\n  class=\"{{ color }}\n  {{ interactiveLook }} \n  {{ selected ? 'ax-state-selected' : '' }} \n  {{ disabled ? 'ax-state-disabled' : '' }}\"\n>\n  <ng-content select=\"ax-loading, ax-loading-spinner\"> </ng-content>\n\n  @if (showIcon()) {\n    <ng-content select=\"ax-prefix, ax-icon\"> </ng-content>\n  }\n\n  <ng-content select=\"ax-content\"> </ng-content>\n\n  @if (text && !loadingText() && !iconOnly()) {\n    <span class=\"ax-button-text\">{{ text | translate | async }}</span>\n  }\n\n  @if (loadingText()) {\n    <span class=\"ax-button-text\">{{ loadingText() }}</span>\n  }\n\n  <ng-content select=\"ax-suffix\"> </ng-content>\n  <ng-content select=\"ax-dropdown-panel\"> </ng-content>\n  <ng-content select=\".tab-content\"> </ng-content>\n\n  <ng-content></ng-content>\n</button>\n", styles: ["@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;--tw-leading:initial}}}@layer components{ax-button{border-radius:var(--ax-sys-border-radius);display:inline-flex}ax-button button{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--ax-sys-spacing-base) * 2);border-radius:inherit;--tw-font-weight:var(--font-weight-medium,500);width:100%;font-weight:var(--font-weight-medium,500);-webkit-user-select:none;user-select:none;display:flex;position:relative}ax-button button.ax-state-disabled,ax-button button.ax-state-loading{cursor:not-allowed;opacity:.5}ax-button.ax-xs button{height:calc(var(--ax-sys-spacing-base) * 7);padding-inline:calc(var(--ax-sys-spacing-base) * 2);padding-block:calc(var(--ax-sys-spacing-base) * 1.5);font-size:var(--ax-sys-text-xs-base);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-leading:var(--ax-sys-leading-4-base);line-height:var(--ax-sys-leading-4-base)}ax-button.ax-sm button{height:calc(var(--ax-sys-spacing-base) * 8);padding-inline:calc(var(--ax-sys-spacing-base) * 3);padding-block:calc(var(--ax-sys-spacing-base) * 1.5);font-size:var(--ax-sys-text-sm-base);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--ax-sys-leading-5-base);line-height:var(--ax-sys-leading-5-base)}ax-button button,ax-button.ax-md button{height:calc(var(--ax-sys-spacing-base) * 9);padding-inline:calc(var(--ax-sys-spacing-base) * 4);padding-block:calc(var(--ax-sys-spacing-base) * 2);font-size:var(--ax-sys-text-sm-base);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--ax-sys-leading-5-base);line-height:var(--ax-sys-leading-5-base)}ax-button.ax-lg button{height:calc(var(--ax-sys-spacing-base) * 10);padding-inline:calc(var(--ax-sys-spacing-base) * 4);padding-block:calc(var(--ax-sys-spacing-base) * 2.5);font-size:var(--ax-sys-body-font-size);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-leading:var(--ax-sys-leading-6-base);line-height:var(--ax-sys-leading-6-base)}ax-button.ax-xl button{height:calc(var(--ax-sys-spacing-base) * 11);padding-inline:calc(var(--ax-sys-spacing-base) * 4);padding-block:calc(var(--ax-sys-spacing-base) * 2.5);font-size:var(--ax-sys-text-xl-base);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-leading:calc(var(--ax-sys-spacing-base) * 7);line-height:calc(var(--ax-sys-spacing-base) * 7)}ax-button .ax-button-text{text-wrap:nowrap}ax-button.ax-button-icon.ax-xs button{width:calc(var(--ax-sys-spacing-base) * 7);height:calc(var(--ax-sys-spacing-base) * 7);padding:calc(var(--ax-sys-spacing-base) * 1.5);font-size:var(--ax-sys-text-xs-base);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}ax-button.ax-button-icon.ax-sm button{width:calc(var(--ax-sys-spacing-base) * 8);height:calc(var(--ax-sys-spacing-base) * 8);padding:calc(var(--ax-sys-spacing-base) * 2);font-size:var(--ax-sys-text-sm-base);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}ax-button.ax-button-icon button,ax-button.ax-button-icon.ax-md button{width:calc(var(--ax-sys-spacing-base) * 9);height:calc(var(--ax-sys-spacing-base) * 9);padding:calc(var(--ax-sys-spacing-base) * 2);font-size:var(--ax-sys-body-font-size);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}ax-button.ax-button-icon.ax-lg button{width:calc(var(--ax-sys-spacing-base) * 10);height:calc(var(--ax-sys-spacing-base) * 10);padding:calc(var(--ax-sys-spacing-base) * 2.5);font-size:var(--ax-sys-text-lg-base);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}ax-button.ax-button-icon.ax-xl button{width:calc(var(--ax-sys-spacing-base) * 11);height:calc(var(--ax-sys-spacing-base) * 11);padding:calc(var(--ax-sys-spacing-base) * 2.5);font-size:var(--ax-sys-text-xl-base);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}ax-button ax-dropdown-panel{position:absolute}}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-leading{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: AXRippleDirective, selector: "[axRipple]", inputs: ["axRipple", "axRippleColor"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "loadingIcon", first: true, predicate: AXLoadingComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<button\n  [axRipple]\n  [attr.type]=\"type()\"\n  [disabled]=\"disabled\"\n  [attr.tabindex]=\"tabIndex\"\n  (click)=\"_handleClick($event)\"\n  (blur)=\"emitOnBlurEvent($event)\"\n  (focus)=\"emitOnFocusEvent($event)\"\n  class=\"{{ color }}\n  {{ interactiveLook }} \n  {{ selected ? 'ax-state-selected' : '' }} \n  {{ disabled ? 'ax-state-disabled' : '' }}\"\n>\n  <ng-content select=\"ax-loading, ax-loading-spinner\"> </ng-content>\n\n  @if (showIcon()) {\n    <ng-content select=\"ax-prefix, ax-icon\"> </ng-content>\n  }\n\n  <ng-content select=\"ax-content\"> </ng-content>\n\n  @if (text && !loadingText() && !iconOnly()) {\n    <span class=\"ax-button-text\">{{ text | translate | async }}</span>\n  }\n\n  @if (loadingText()) {\n    <span class=\"ax-button-text\">{{ loadingText() }}</span>\n  }\n\n  <ng-content select=\"ax-suffix\"> </ng-content>\n  <ng-content select=\"ax-dropdown-panel\"> </ng-content>\n  <ng-content select=\".tab-content\"> </ng-content>\n\n  <ng-content></ng-content>\n</button>\n", styles: ["@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;--tw-leading:initial}}}@layer components{ax-button{border-radius:var(--ax-sys-border-radius);display:inline-flex}ax-button button{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-radius:inherit;--tw-font-weight:var(--font-weight-medium,500);width:100%;font-weight:var(--font-weight-medium,500);-webkit-user-select:none;user-select:none;display:flex;position:relative}ax-button button.ax-state-disabled,ax-button button.ax-state-loading{cursor:not-allowed;opacity:.5}ax-button.ax-xs button{height:calc(var(--spacing,.25rem) * 7);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-leading:calc(var(--spacing,.25rem) * 4);line-height:calc(var(--spacing,.25rem) * 4)}ax-button.ax-sm button{height:calc(var(--spacing,.25rem) * 8);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:calc(var(--spacing,.25rem) * 5);line-height:calc(var(--spacing,.25rem) * 5)}ax-button button,ax-button.ax-md button{height:calc(var(--spacing,.25rem) * 9);padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:calc(var(--spacing,.25rem) * 5);line-height:calc(var(--spacing,.25rem) * 5)}ax-button.ax-lg button{height:calc(var(--spacing,.25rem) * 10);padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2.5);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6)}ax-button.ax-xl button{height:calc(var(--spacing,.25rem) * 11);padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2.5);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-leading:calc(var(--spacing,.25rem) * 7);line-height:calc(var(--spacing,.25rem) * 7)}ax-button .ax-button-text{text-wrap:nowrap}ax-button.ax-button-icon.ax-xs button{width:calc(var(--spacing,.25rem) * 7);height:calc(var(--spacing,.25rem) * 7);padding:calc(var(--spacing,.25rem) * 1.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}ax-button.ax-button-icon.ax-sm button{width:calc(var(--spacing,.25rem) * 8);height:calc(var(--spacing,.25rem) * 8);padding:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}ax-button.ax-button-icon button,ax-button.ax-button-icon.ax-md button{width:calc(var(--spacing,.25rem) * 9);height:calc(var(--spacing,.25rem) * 9);padding:calc(var(--spacing,.25rem) * 2);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}ax-button.ax-button-icon.ax-lg button{width:calc(var(--spacing,.25rem) * 10);height:calc(var(--spacing,.25rem) * 10);padding:calc(var(--spacing,.25rem) * 2.5);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}ax-button.ax-button-icon.ax-xl button{width:calc(var(--spacing,.25rem) * 11);height:calc(var(--spacing,.25rem) * 11);padding:calc(var(--spacing,.25rem) * 2.5);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}ax-button ax-dropdown-panel{position:absolute}}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-leading{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: AXRippleDirective, selector: "[axRipple]", inputs: ["axRipple", "axRippleColor"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXButtonComponent, decorators: [{
             type: Component,
@@ -492,7 +492,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         { provide: AXComponent, useExisting: AXButtonComponent },
                         { provide: AXButtonItemComponent, useExisting: AXButtonComponent },
                         { provide: AXFocusableComponent, useExisting: AXButtonComponent },
-                    ], imports: [AXRippleDirective, AXTranslationModule, CommonModule], template: "<button\n  [axRipple]\n  [attr.type]=\"type()\"\n  [disabled]=\"disabled\"\n  [attr.tabindex]=\"tabIndex\"\n  (click)=\"_handleClick($event)\"\n  (blur)=\"emitOnBlurEvent($event)\"\n  (focus)=\"emitOnFocusEvent($event)\"\n  class=\"{{ color }}\n  {{ interactiveLook }} \n  {{ selected ? 'ax-state-selected' : '' }} \n  {{ disabled ? 'ax-state-disabled' : '' }}\"\n>\n  <ng-content select=\"ax-loading, ax-loading-spinner\"> </ng-content>\n\n  @if (showIcon()) {\n    <ng-content select=\"ax-prefix, ax-icon\"> </ng-content>\n  }\n\n  <ng-content select=\"ax-content\"> </ng-content>\n\n  @if (text && !loadingText() && !iconOnly()) {\n    <span class=\"ax-button-text\">{{ text | translate | async }}</span>\n  }\n\n  @if (loadingText()) {\n    <span class=\"ax-button-text\">{{ loadingText() }}</span>\n  }\n\n  <ng-content select=\"ax-suffix\"> </ng-content>\n  <ng-content select=\"ax-dropdown-panel\"> </ng-content>\n  <ng-content select=\".tab-content\"> </ng-content>\n\n  <ng-content></ng-content>\n</button>\n", styles: ["@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;--tw-leading:initial}}}@layer components{ax-button{border-radius:var(--ax-sys-border-radius);display:inline-flex}ax-button button{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--ax-sys-spacing-base) * 2);border-radius:inherit;--tw-font-weight:var(--font-weight-medium,500);width:100%;font-weight:var(--font-weight-medium,500);-webkit-user-select:none;user-select:none;display:flex;position:relative}ax-button button.ax-state-disabled,ax-button button.ax-state-loading{cursor:not-allowed;opacity:.5}ax-button.ax-xs button{height:calc(var(--ax-sys-spacing-base) * 7);padding-inline:calc(var(--ax-sys-spacing-base) * 2);padding-block:calc(var(--ax-sys-spacing-base) * 1.5);font-size:var(--ax-sys-text-xs-base);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-leading:var(--ax-sys-leading-4-base);line-height:var(--ax-sys-leading-4-base)}ax-button.ax-sm button{height:calc(var(--ax-sys-spacing-base) * 8);padding-inline:calc(var(--ax-sys-spacing-base) * 3);padding-block:calc(var(--ax-sys-spacing-base) * 1.5);font-size:var(--ax-sys-text-sm-base);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--ax-sys-leading-5-base);line-height:var(--ax-sys-leading-5-base)}ax-button button,ax-button.ax-md button{height:calc(var(--ax-sys-spacing-base) * 9);padding-inline:calc(var(--ax-sys-spacing-base) * 4);padding-block:calc(var(--ax-sys-spacing-base) * 2);font-size:var(--ax-sys-text-sm-base);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--ax-sys-leading-5-base);line-height:var(--ax-sys-leading-5-base)}ax-button.ax-lg button{height:calc(var(--ax-sys-spacing-base) * 10);padding-inline:calc(var(--ax-sys-spacing-base) * 4);padding-block:calc(var(--ax-sys-spacing-base) * 2.5);font-size:var(--ax-sys-body-font-size);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-leading:var(--ax-sys-leading-6-base);line-height:var(--ax-sys-leading-6-base)}ax-button.ax-xl button{height:calc(var(--ax-sys-spacing-base) * 11);padding-inline:calc(var(--ax-sys-spacing-base) * 4);padding-block:calc(var(--ax-sys-spacing-base) * 2.5);font-size:var(--ax-sys-text-xl-base);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-leading:calc(var(--ax-sys-spacing-base) * 7);line-height:calc(var(--ax-sys-spacing-base) * 7)}ax-button .ax-button-text{text-wrap:nowrap}ax-button.ax-button-icon.ax-xs button{width:calc(var(--ax-sys-spacing-base) * 7);height:calc(var(--ax-sys-spacing-base) * 7);padding:calc(var(--ax-sys-spacing-base) * 1.5);font-size:var(--ax-sys-text-xs-base);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}ax-button.ax-button-icon.ax-sm button{width:calc(var(--ax-sys-spacing-base) * 8);height:calc(var(--ax-sys-spacing-base) * 8);padding:calc(var(--ax-sys-spacing-base) * 2);font-size:var(--ax-sys-text-sm-base);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}ax-button.ax-button-icon button,ax-button.ax-button-icon.ax-md button{width:calc(var(--ax-sys-spacing-base) * 9);height:calc(var(--ax-sys-spacing-base) * 9);padding:calc(var(--ax-sys-spacing-base) * 2);font-size:var(--ax-sys-body-font-size);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}ax-button.ax-button-icon.ax-lg button{width:calc(var(--ax-sys-spacing-base) * 10);height:calc(var(--ax-sys-spacing-base) * 10);padding:calc(var(--ax-sys-spacing-base) * 2.5);font-size:var(--ax-sys-text-lg-base);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}ax-button.ax-button-icon.ax-xl button{width:calc(var(--ax-sys-spacing-base) * 11);height:calc(var(--ax-sys-spacing-base) * 11);padding:calc(var(--ax-sys-spacing-base) * 2.5);font-size:var(--ax-sys-text-xl-base);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}ax-button ax-dropdown-panel{position:absolute}}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-leading{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], imports: [AXRippleDirective, AXTranslationModule, CommonModule], template: "<button\n  [axRipple]\n  [attr.type]=\"type()\"\n  [disabled]=\"disabled\"\n  [attr.tabindex]=\"tabIndex\"\n  (click)=\"_handleClick($event)\"\n  (blur)=\"emitOnBlurEvent($event)\"\n  (focus)=\"emitOnFocusEvent($event)\"\n  class=\"{{ color }}\n  {{ interactiveLook }} \n  {{ selected ? 'ax-state-selected' : '' }} \n  {{ disabled ? 'ax-state-disabled' : '' }}\"\n>\n  <ng-content select=\"ax-loading, ax-loading-spinner\"> </ng-content>\n\n  @if (showIcon()) {\n    <ng-content select=\"ax-prefix, ax-icon\"> </ng-content>\n  }\n\n  <ng-content select=\"ax-content\"> </ng-content>\n\n  @if (text && !loadingText() && !iconOnly()) {\n    <span class=\"ax-button-text\">{{ text | translate | async }}</span>\n  }\n\n  @if (loadingText()) {\n    <span class=\"ax-button-text\">{{ loadingText() }}</span>\n  }\n\n  <ng-content select=\"ax-suffix\"> </ng-content>\n  <ng-content select=\"ax-dropdown-panel\"> </ng-content>\n  <ng-content select=\".tab-content\"> </ng-content>\n\n  <ng-content></ng-content>\n</button>\n", styles: ["@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;--tw-leading:initial}}}@layer components{ax-button{border-radius:var(--ax-sys-border-radius);display:inline-flex}ax-button button{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-radius:inherit;--tw-font-weight:var(--font-weight-medium,500);width:100%;font-weight:var(--font-weight-medium,500);-webkit-user-select:none;user-select:none;display:flex;position:relative}ax-button button.ax-state-disabled,ax-button button.ax-state-loading{cursor:not-allowed;opacity:.5}ax-button.ax-xs button{height:calc(var(--spacing,.25rem) * 7);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-leading:calc(var(--spacing,.25rem) * 4);line-height:calc(var(--spacing,.25rem) * 4)}ax-button.ax-sm button{height:calc(var(--spacing,.25rem) * 8);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:calc(var(--spacing,.25rem) * 5);line-height:calc(var(--spacing,.25rem) * 5)}ax-button button,ax-button.ax-md button{height:calc(var(--spacing,.25rem) * 9);padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:calc(var(--spacing,.25rem) * 5);line-height:calc(var(--spacing,.25rem) * 5)}ax-button.ax-lg button{height:calc(var(--spacing,.25rem) * 10);padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2.5);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6)}ax-button.ax-xl button{height:calc(var(--spacing,.25rem) * 11);padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2.5);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-leading:calc(var(--spacing,.25rem) * 7);line-height:calc(var(--spacing,.25rem) * 7)}ax-button .ax-button-text{text-wrap:nowrap}ax-button.ax-button-icon.ax-xs button{width:calc(var(--spacing,.25rem) * 7);height:calc(var(--spacing,.25rem) * 7);padding:calc(var(--spacing,.25rem) * 1.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}ax-button.ax-button-icon.ax-sm button{width:calc(var(--spacing,.25rem) * 8);height:calc(var(--spacing,.25rem) * 8);padding:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}ax-button.ax-button-icon button,ax-button.ax-button-icon.ax-md button{width:calc(var(--spacing,.25rem) * 9);height:calc(var(--spacing,.25rem) * 9);padding:calc(var(--spacing,.25rem) * 2);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}ax-button.ax-button-icon.ax-lg button{width:calc(var(--spacing,.25rem) * 10);height:calc(var(--spacing,.25rem) * 10);padding:calc(var(--spacing,.25rem) * 2.5);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}ax-button.ax-button-icon.ax-xl button{width:calc(var(--spacing,.25rem) * 11);height:calc(var(--spacing,.25rem) * 11);padding:calc(var(--spacing,.25rem) * 2.5);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}ax-button ax-dropdown-panel{position:absolute}}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-leading{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { iconOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOnly", required: false }] }], loadingIcon: [{ type: i0.ContentChild, args: [i0.forwardRef(() => AXLoadingComponent), { isSignal: true }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], loadingText: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingText", required: false }] }, { type: i0.Output, args: ["loadingTextChange"] }], __hostClass: [{
                 type: HostBinding,
                 args: ['class']