@acorex/components 21.0.1-next.55 → 21.0.1-next.56

package/fesm2022/acorex-components-time-line.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-time-line.mjs","sources":["../../../../packages/components/time-line/src/lib/time-line.component.ts","../../../../packages/components/time-line/src/lib/time-line.component.html","../../../../packages/components/time-line/src/lib/time-line-item.component.ts","../../../../packages/components/time-line/src/lib/time-line-item.component.html","../../../../packages/components/time-line/src/lib/time-line.module.ts","../../../../packages/components/time-line/src/acorex-components-time-line.ts"],"sourcesContent":["import { AXComponent } from '@acorex/cdk/common';\nimport { ChangeDetectionStrategy, Component, effect, input, signal, ViewEncapsulation } from '@angular/core';\n\nexport type AXTimeLineMode = 'icon' | 'bullet';\n\n@Component({\n  selector: 'ax-time-line',\n  templateUrl: './time-line.component.html',\n  styleUrl: './time-line.component.compiled.css',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: AXComponent, useExisting: AXTimeLineComponent }],\n})\nexport class AXTimeLineComponent {\n  mode = input<AXTimeLineMode>('bullet');\n  containerStyle = signal<string>('gap: 1rem;padding-block: 0.5rem;');\n  #modeChange = effect(() => {\n    switch (this.mode()) {\n      case 'bullet':\n        this.containerStyle.set('gap: 1rem;padding-block: 0.5rem;');\n        break;\n      case 'icon':\n        this.containerStyle.set('gap: 2rem;padding-block: 1rem;');\n        break;\n\n      default:\n        break;\n    }\n  });\n}\n","<div class=\"ax-time-line-item-container\" [style]=\"containerStyle()\">\n  <ng-content></ng-content>\n</div>\n","import { AXComponent } from '@acorex/cdk/common';\nimport { NgClass } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  effect,\n  HostBinding,\n  inject,\n  input,\n  model,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AXTimeLineComponent, AXTimeLineMode } from './time-line.component';\n\n@Component({\n  selector: 'ax-time-line-item',\n  templateUrl: './time-line-item.component.html',\n  styleUrl: './time-line-item.component.compiled.css',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgClass],\n  providers: [{ provide: AXComponent, useExisting: AXTimeLineItemComponent }],\n})\nexport class AXTimeLineItemComponent {\n  parent = inject(AXTimeLineComponent);\n\n  text = input('');\n\n  isActive = input(false);\n  isCollapsed = model(false);\n\n  mode = signal<AXTimeLineMode>('bullet');\n\n  constructor() {\n    effect(() => {\n      this.mode.set(this.parent.mode());\n    });\n  }\n\n  /**\n   * Handles the click event on the time line item header to toggle collapsed state.\n   */\n  handleClick() {\n    this.isCollapsed.set(!this.isCollapsed());\n  }\n\n  @HostBinding('class')\n  get __hostClass(): string[] {\n    return [`ax-mode-${this.mode()}`, `${this.isActive() ? 'ax-state-active' : ''}`];\n  }\n}\n","<div class=\"ax-time-line-header\" (click)=\"handleClick()\">\n  @switch (mode()) {\n    @case ('bullet') {\n      <span class=\"ax-time-line-bullet\"></span>\n    }\n    @case ('icon') {\n      <span class=\"ax-time-line-icon\">\n        <ng-content select=\"ax-icon\"></ng-content>\n      </span>\n    }\n  }\n  <span class=\"ax-time-line-text\">{{ text() }}</span>\n  <span\n    class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow\"\n    [ngClass]=\"{ '-rotation-90': isCollapsed(), 'rotation-90': !isCollapsed() }\"\n  ></span>\n</div>\n\n@if (!isCollapsed()) {\n  <div animate.enter=\"ax-fade-slide-in\" animate.leave=\"ax-fade-slide-out\" class=\"ax-time-line-content\">\n    <ng-content></ng-content>\n  </div>\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXTimeLineItemComponent } from './time-line-item.component';\nimport { AXTimeLineComponent } from './time-line.component';\n\n@NgModule({\n  imports: [CommonModule, AXTimeLineComponent, AXTimeLineItemComponent],\n  exports: [AXTimeLineComponent, AXTimeLineItemComponent],\n})\nexport class AXTimeLineModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAaa,mBAAmB,CAAA;AARhC,IAAA,WAAA,GAAA;AASE,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAiB,QAAQ,gDAAC;AACtC,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAS,kCAAkC,0DAAC;AACnE,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,MAAK;AACxB,YAAA,QAAQ,IAAI,CAAC,IAAI,EAAE;AACjB,gBAAA,KAAK,QAAQ;AACX,oBAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,kCAAkC,CAAC;oBAC3D;AACF,gBAAA,KAAK,MAAM;AACT,oBAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,gCAAgC,CAAC;oBACzD;AAEF,gBAAA;oBACE;;AAEN,QAAA,CAAC,uDAAC;AACH,IAAA;AAbC,IAAA,WAAW;8GAHA,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,SAAA,EAFnB,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAC,0BCXzE,iHAGA,EAAA,MAAA,EAAA,CAAA,w5BAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDUa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAR/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,iBAGT,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAA,mBAAqB,EAAE,CAAC,EAAA,QAAA,EAAA,iHAAA,EAAA,MAAA,EAAA,CAAA,w5BAAA,CAAA,EAAA;;;MEa5D,uBAAuB,CAAA;AAUlC,IAAA,WAAA,GAAA;AATA,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,mBAAmB,CAAC;AAEpC,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,EAAE,gDAAC;AAEhB,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,oDAAC;AACvB,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,KAAK,uDAAC;AAE1B,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAiB,QAAQ,gDAAC;QAGrC,MAAM,CAAC,MAAK;AACV,YAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;AACnC,QAAA,CAAC,CAAC;IACJ;AAEA;;AAEG;IACH,WAAW,GAAA;QACT,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;IAC3C;AAEA,IAAA,IACI,WAAW,GAAA;QACb,OAAO,CAAC,WAAW,IAAI,CAAC,IAAI,EAAE,CAAA,CAAE,EAAE,CAAA,EAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,iBAAiB,GAAG,EAAE,CAAA,CAAE,CAAC;IAClF;8GA1BW,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,SAAA,EAFvB,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,uBAAuB,EAAE,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtB7E,utBAuBA,ioGDFY,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAGN,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBATnC,SAAS;+BACE,mBAAmB,EAAA,aAAA,EAGd,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,OAAO,CAAC,EAAA,SAAA,EACP,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAA,uBAAyB,EAAE,CAAC,EAAA,QAAA,EAAA,utBAAA,EAAA,MAAA,EAAA,CAAA,ykGAAA,CAAA,EAAA;;sBAyB1E,WAAW;uBAAC,OAAO;;;MEtCT,gBAAgB,CAAA;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAhB,gBAAgB,EAAA,OAAA,EAAA,CAHjB,YAAY,EAAE,mBAAmB,EAAE,uBAAuB,CAAA,EAAA,OAAA,EAAA,CAC1D,mBAAmB,EAAE,uBAAuB,CAAA,EAAA,CAAA,CAAA;AAE3C,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAHjB,YAAY,CAAA,EAAA,CAAA,CAAA;;2FAGX,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAJ5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,mBAAmB,EAAE,uBAAuB,CAAC;AACrE,oBAAA,OAAO,EAAE,CAAC,mBAAmB,EAAE,uBAAuB,CAAC;AACxD,iBAAA;;;ACRD;;AAEG;;;;"}
+{"version":3,"file":"acorex-components-time-line.mjs","sources":["../../../../packages/components/time-line/src/lib/time-line.component.ts","../../../../packages/components/time-line/src/lib/time-line.component.html","../../../../packages/components/time-line/src/lib/time-line-item.component.ts","../../../../packages/components/time-line/src/lib/time-line-item.component.html","../../../../packages/components/time-line/src/lib/time-line.module.ts","../../../../packages/components/time-line/src/acorex-components-time-line.ts"],"sourcesContent":["import { AXComponent } from '@acorex/cdk/common';\nimport { ChangeDetectionStrategy, Component, effect, input, signal, ViewEncapsulation } from '@angular/core';\n\nexport type AXTimeLineMode = 'icon' | 'bullet';\n\n@Component({\n  selector: 'ax-time-line',\n  templateUrl: './time-line.component.html',\n  styleUrl: './time-line.component.compiled.css',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: AXComponent, useExisting: AXTimeLineComponent }],\n})\nexport class AXTimeLineComponent {\n  mode = input<AXTimeLineMode>('bullet');\n  containerStyle = signal<string>('gap: 1rem;padding-block: 0.5rem;');\n  #modeChange = effect(() => {\n    switch (this.mode()) {\n      case 'bullet':\n        this.containerStyle.set('gap: 1rem;padding-block: 0.5rem;');\n        break;\n      case 'icon':\n        this.containerStyle.set('gap: 2rem;padding-block: 1rem;');\n        break;\n\n      default:\n        break;\n    }\n  });\n}\n","<div class=\"ax-time-line-item-container\" [style]=\"containerStyle()\">\n  <ng-content></ng-content>\n</div>\n","import { AXComponent } from '@acorex/cdk/common';\nimport { NgClass } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  effect,\n  HostBinding,\n  inject,\n  input,\n  model,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AXTimeLineComponent, AXTimeLineMode } from './time-line.component';\n\n@Component({\n  selector: 'ax-time-line-item',\n  templateUrl: './time-line-item.component.html',\n  styleUrl: './time-line-item.component.compiled.css',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgClass],\n  providers: [{ provide: AXComponent, useExisting: AXTimeLineItemComponent }],\n})\nexport class AXTimeLineItemComponent {\n  parent = inject(AXTimeLineComponent);\n\n  text = input('');\n\n  isActive = input(false);\n  isCollapsed = model(false);\n\n  mode = signal<AXTimeLineMode>('bullet');\n\n  constructor() {\n    effect(() => {\n      this.mode.set(this.parent.mode());\n    });\n  }\n\n  /**\n   * Handles the click event on the time line item header to toggle collapsed state.\n   */\n  handleClick() {\n    this.isCollapsed.set(!this.isCollapsed());\n  }\n\n  @HostBinding('class')\n  get __hostClass(): string[] {\n    return [`ax-mode-${this.mode()}`, `${this.isActive() ? 'ax-state-active' : ''}`];\n  }\n}\n","<div class=\"ax-time-line-header\" (click)=\"handleClick()\">\n  @switch (mode()) {\n    @case ('bullet') {\n      <span class=\"ax-time-line-bullet\"></span>\n    }\n    @case ('icon') {\n      <span class=\"ax-time-line-icon\">\n        <ng-content select=\"ax-icon\"></ng-content>\n      </span>\n    }\n  }\n  <span class=\"ax-time-line-text\">{{ text() }}</span>\n  <span\n    class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow\"\n    [ngClass]=\"{ '-rotation-90': isCollapsed(), 'rotation-90': !isCollapsed() }\"\n  ></span>\n</div>\n\n@if (!isCollapsed()) {\n  <div animate.enter=\"ax-fade-slide-in\" animate.leave=\"ax-fade-slide-out\" class=\"ax-time-line-content\">\n    <ng-content></ng-content>\n  </div>\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXTimeLineItemComponent } from './time-line-item.component';\nimport { AXTimeLineComponent } from './time-line.component';\n\n@NgModule({\n  imports: [CommonModule, AXTimeLineComponent, AXTimeLineItemComponent],\n  exports: [AXTimeLineComponent, AXTimeLineItemComponent],\n})\nexport class AXTimeLineModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-toast.mjs

@@ -530,7 +530,7 @@ class AXToastComponent extends MXBaseComponent {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: AXToastComponent, isStandalone: true, selector: "ax-toast", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, onClose: { classPropertyName: "onClose", publicName: "onClose", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "\"ax-\" + config().color" } }, providers: [
             { provide: AXClosableComponent, useExisting: AXToastComponent },
             { provide: AXComponent, useExisting: AXToastComponent },
-        ], usesInheritance: true, ngImport: i0, template: "<span class=\"ax-toast-icon ax-icon-solid {{ _icon }}\"></span>\n<div class=\"ax-toast-content\">\n  <div class=\"ax-toast-title\" [class.ax-mb-2]=\"config().title && config().content\">\n    {{ config().title | translate | async }}\n  </div>\n  <div>{{ config().content | translate | async }}</div>\n</div>\n@if (config().closeButton) {\n  <ax-close-button></ax-close-button>\n} @else if (config().closeAllButton) {\n  <ax-close-button [closeAll]=\"true\"></ax-close-button>\n}\n@if (config().timeOutProgress && config().timeOut) {\n  <div\n    class=\"ax-toast-progress\"\n    [style.transition-duration]=\"transitionDuration()\"\n    [style.width]=\"(remainingTime() * 100) / config().timeOut + '%'\"\n  ></div>\n}\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-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-leading:initial;--tw-font-weight:initial}}}@layer components{ax-toast{border-radius:var(--radius-lg,.5rem);background-color:var(--ax-comp-bg,var(--color-lighter));width:98vw;padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--ax-comp-text,var(--color-on-lighter));--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:flex;position:relative;overflow:hidden}@media(min-width:48rem){ax-toast{width:24rem}}ax-toast:where(.dark,.dark *){background-color:var(--ax-comp-bg,var(--color-darker));color:var(--ax-comp-text,var(--color-on-darker))}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{max-width:fit-content;font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));align-items:flex-start}ax-toast .ax-toast-icon{margin-inline-end:calc(var(--spacing,.25rem) * 2)}ax-toast .ax-toast-content{flex-direction:column;flex:1;display:flex}ax-toast .ax-toast-content .ax-toast-title{--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-toast .ax-toast-content .ax-toast-buttons{margin-block:calc(var(--spacing,.25rem) * 3);gap:calc(var(--spacing,.25rem) * 2);display:flex}ax-toast ax-icon-close{height:fit-content}@media(hover:hover){ax-toast ax-icon-close:hover{opacity:.75}}ax-toast .ax-toast-progress{inset-inline:calc(var(--spacing,.25rem) * 0);bottom:calc(var(--spacing,.25rem) * 0);height:calc(var(--spacing,.25rem) * 1);background-color:var(--ax-comp-bg-darker,var(--color-darkest));width:100%;transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));position:absolute}ax-toast .ax-toast-progress:where(.dark,.dark *){background-color:var(--ax-comp-bg-darker,var(--color-lightest))}}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.2.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["closeAll", "icon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<span class=\"ax-toast-icon ax-icon-solid {{ _icon }}\"></span>\n<div class=\"ax-toast-content\">\n  <div class=\"ax-toast-title\" [class.ax-mb-2]=\"config().title && config().content\">\n    {{ config().title | translate | async }}\n  </div>\n  <div>{{ config().content | translate | async }}</div>\n</div>\n@if (config().closeButton) {\n  <ax-close-button></ax-close-button>\n} @else if (config().closeAllButton) {\n  <ax-close-button [closeAll]=\"true\"></ax-close-button>\n}\n@if (config().timeOutProgress && config().timeOut) {\n  <div\n    class=\"ax-toast-progress\"\n    [style.transition-duration]=\"transitionDuration()\"\n    [style.width]=\"(remainingTime() * 100) / config().timeOut + '%'\"\n  ></div>\n}\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-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-leading:initial;--tw-font-weight:initial}}}@layer components{ax-toast{border-radius:var(--radius-lg,.5rem);background-color:var(--ax-comp-bg,var(--color-lighter));width:98vw;padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--ax-comp-text,var(--color-on-lighter));--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:flex;position:relative;overflow:hidden}@media(min-width:48rem){ax-toast{width:24rem}}ax-toast:where(.dark,.dark *){background-color:var(--ax-comp-bg,var(--color-darker));color:var(--ax-comp-text,var(--color-on-darker))}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{max-width:fit-content;font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));align-items:flex-start}ax-toast .ax-toast-icon{margin-inline-end:calc(var(--spacing,.25rem) * 2)}ax-toast .ax-toast-content{flex-direction:column;flex:1;display:flex}ax-toast .ax-toast-content .ax-toast-title{--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-toast .ax-toast-content .ax-toast-buttons{margin-block:calc(var(--spacing,.25rem) * 3);gap:calc(var(--spacing,.25rem) * 2);display:flex}ax-toast ax-icon-close{height:fit-content}@media(hover:hover){ax-toast ax-icon-close:hover{opacity:.75}}ax-toast .ax-toast-progress{inset-inline:calc(var(--spacing,.25rem) * 0);bottom:calc(var(--spacing,.25rem) * 0);height:calc(var(--spacing,.25rem) * 1);background-color:var(--ax-comp-bg-darker,var(--color-darkest));width:100%;transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));position:absolute}ax-toast .ax-toast-progress:where(.dark,.dark *){background-color:var(--ax-comp-bg-darker,var(--color-lightest))}}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["closeAll", "icon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXToastComponent, decorators: [{
             type: Component,
@@ -539,7 +539,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
                     }, providers: [
                         { provide: AXClosableComponent, useExisting: AXToastComponent },
                         { provide: AXComponent, useExisting: AXToastComponent },
-                    ], imports: [AXDecoratorCloseButtonComponent, AsyncPipe, AXTranslatorPipe], template: "<span class=\"ax-toast-icon ax-icon-solid {{ _icon }}\"></span>\n<div class=\"ax-toast-content\">\n  <div class=\"ax-toast-title\" [class.ax-mb-2]=\"config().title && config().content\">\n    {{ config().title | translate | async }}\n  </div>\n  <div>{{ config().content | translate | async }}</div>\n</div>\n@if (config().closeButton) {\n  <ax-close-button></ax-close-button>\n} @else if (config().closeAllButton) {\n  <ax-close-button [closeAll]=\"true\"></ax-close-button>\n}\n@if (config().timeOutProgress && config().timeOut) {\n  <div\n    class=\"ax-toast-progress\"\n    [style.transition-duration]=\"transitionDuration()\"\n    [style.width]=\"(remainingTime() * 100) / config().timeOut + '%'\"\n  ></div>\n}\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-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-leading:initial;--tw-font-weight:initial}}}@layer components{ax-toast{border-radius:var(--radius-lg,.5rem);background-color:var(--ax-comp-bg,var(--color-lighter));width:98vw;padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--ax-comp-text,var(--color-on-lighter));--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:flex;position:relative;overflow:hidden}@media(min-width:48rem){ax-toast{width:24rem}}ax-toast:where(.dark,.dark *){background-color:var(--ax-comp-bg,var(--color-darker));color:var(--ax-comp-text,var(--color-on-darker))}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{max-width:fit-content;font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));align-items:flex-start}ax-toast .ax-toast-icon{margin-inline-end:calc(var(--spacing,.25rem) * 2)}ax-toast .ax-toast-content{flex-direction:column;flex:1;display:flex}ax-toast .ax-toast-content .ax-toast-title{--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-toast .ax-toast-content .ax-toast-buttons{margin-block:calc(var(--spacing,.25rem) * 3);gap:calc(var(--spacing,.25rem) * 2);display:flex}ax-toast ax-icon-close{height:fit-content}@media(hover:hover){ax-toast ax-icon-close:hover{opacity:.75}}ax-toast .ax-toast-progress{inset-inline:calc(var(--spacing,.25rem) * 0);bottom:calc(var(--spacing,.25rem) * 0);height:calc(var(--spacing,.25rem) * 1);background-color:var(--ax-comp-bg-darker,var(--color-darkest));width:100%;transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));position:absolute}ax-toast .ax-toast-progress:where(.dark,.dark *){background-color:var(--ax-comp-bg-darker,var(--color-lightest))}}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.2.3 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], imports: [AXDecoratorCloseButtonComponent, AsyncPipe, AXTranslatorPipe], template: "<span class=\"ax-toast-icon ax-icon-solid {{ _icon }}\"></span>\n<div class=\"ax-toast-content\">\n  <div class=\"ax-toast-title\" [class.ax-mb-2]=\"config().title && config().content\">\n    {{ config().title | translate | async }}\n  </div>\n  <div>{{ config().content | translate | async }}</div>\n</div>\n@if (config().closeButton) {\n  <ax-close-button></ax-close-button>\n} @else if (config().closeAllButton) {\n  <ax-close-button [closeAll]=\"true\"></ax-close-button>\n}\n@if (config().timeOutProgress && config().timeOut) {\n  <div\n    class=\"ax-toast-progress\"\n    [style.transition-duration]=\"transitionDuration()\"\n    [style.width]=\"(remainingTime() * 100) / config().timeOut + '%'\"\n  ></div>\n}\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-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-leading:initial;--tw-font-weight:initial}}}@layer components{ax-toast{border-radius:var(--radius-lg,.5rem);background-color:var(--ax-comp-bg,var(--color-lighter));width:98vw;padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--ax-comp-text,var(--color-on-lighter));--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:flex;position:relative;overflow:hidden}@media(min-width:48rem){ax-toast{width:24rem}}ax-toast:where(.dark,.dark *){background-color:var(--ax-comp-bg,var(--color-darker));color:var(--ax-comp-text,var(--color-on-darker))}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{max-width:fit-content;font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));align-items:flex-start}ax-toast .ax-toast-icon{margin-inline-end:calc(var(--spacing,.25rem) * 2)}ax-toast .ax-toast-content{flex-direction:column;flex:1;display:flex}ax-toast .ax-toast-content .ax-toast-title{--tw-leading:calc(var(--spacing,.25rem) * 6);line-height:calc(var(--spacing,.25rem) * 6);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}ax-toast .ax-toast-content .ax-toast-buttons{margin-block:calc(var(--spacing,.25rem) * 3);gap:calc(var(--spacing,.25rem) * 2);display:flex}ax-toast ax-icon-close{height:fit-content}@media(hover:hover){ax-toast ax-icon-close:hover{opacity:.75}}ax-toast .ax-toast-progress{inset-inline:calc(var(--spacing,.25rem) * 0);bottom:calc(var(--spacing,.25rem) * 0);height:calc(var(--spacing,.25rem) * 1);background-color:var(--ax-comp-bg-darker,var(--color-darkest));width:100%;transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));position:absolute}ax-toast .ax-toast-progress:where(.dark,.dark *){background-color:var(--ax-comp-bg-darker,var(--color-lightest))}}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], onClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "onClose", required: false }] }] } });
 
 const COMPONENT = [AXToastComponent];

package/fesm2022/acorex-components-toolbar.mjs

@@ -36,11 +36,11 @@ class AXToolBarComponent {
         return `ax-sm`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXToolBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: AXToolBarComponent, isStandalone: true, selector: "ax-toolbar", host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXToolBarComponent }], queries: [{ propertyName: "buttons", predicate: AXButtonComponent, descendants: true, isSignal: true }, { propertyName: "decorators", predicate: AXDecoratorGenericComponent, isSignal: true }], ngImport: i0, template: "<ng-content select=\"ax-prefix\"> </ng-content>\n@if (prefixState() && (contentState() || suffixState())) {\n  <ax-divider class=\"ax-start-toolbar-divider\"></ax-divider>\n}\n\n<ng-content select=\"ax-content\"></ng-content>\n\n@if (contentState() && suffixState()) {\n  <ax-divider class=\"ax-end-toolbar-divider\"></ax-divider>\n}\n\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["@layer components{ax-toolbar{width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1);flex-wrap:wrap;align-items:center;display:flex}ax-toolbar>ax-divider{margin-inline:calc(var(--spacing,.25rem) * 2);min-height:calc(var(--spacing,.25rem) * 6);background-color:var(--color-border-lightest,rgba(var(--ax-sys-color-border-lightest-surface)));width:1px;display:block}ax-toolbar>ax-suffix,ax-toolbar>ax-prefix,ax-toolbar>ax-content{flex-wrap:wrap;justify-content:space-between;align-items:center;min-height:100%;display:flex}ax-toolbar>ax-button,ax-toolbar>ax-select-box,ax-toolbar>ax-text-box,ax-toolbar>ax-number-box{margin-inline:calc(var(--spacing,.25rem) * .5)}}\n/*! tailwindcss v4.2.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: AXToolBarComponent, isStandalone: true, selector: "ax-toolbar", host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXToolBarComponent }], queries: [{ propertyName: "buttons", predicate: AXButtonComponent, descendants: true, isSignal: true }, { propertyName: "decorators", predicate: AXDecoratorGenericComponent, isSignal: true }], ngImport: i0, template: "<ng-content select=\"ax-prefix\"> </ng-content>\n@if (prefixState() && (contentState() || suffixState())) {\n  <ax-divider class=\"ax-start-toolbar-divider\"></ax-divider>\n}\n\n<ng-content select=\"ax-content\"></ng-content>\n\n@if (contentState() && suffixState()) {\n  <ax-divider class=\"ax-end-toolbar-divider\"></ax-divider>\n}\n\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["@layer components{ax-toolbar{width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1);flex-wrap:wrap;align-items:center;display:flex}ax-toolbar>ax-divider{margin-inline:calc(var(--spacing,.25rem) * 2);min-height:calc(var(--spacing,.25rem) * 6);background-color:var(--color-border-lightest,rgba(var(--ax-sys-color-border-lightest-surface)));width:1px;display:block}ax-toolbar>ax-suffix,ax-toolbar>ax-prefix,ax-toolbar>ax-content{flex-wrap:wrap;justify-content:space-between;align-items:center;min-height:100%;display:flex}ax-toolbar>ax-button,ax-toolbar>ax-select-box,ax-toolbar>ax-text-box,ax-toolbar>ax-number-box{margin-inline:calc(var(--spacing,.25rem) * .5)}}\n/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXToolBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [AXDecoratorGenericComponent], providers: [{ provide: AXComponent, useExisting: AXToolBarComponent }], template: "<ng-content select=\"ax-prefix\"> </ng-content>\n@if (prefixState() && (contentState() || suffixState())) {\n  <ax-divider class=\"ax-start-toolbar-divider\"></ax-divider>\n}\n\n<ng-content select=\"ax-content\"></ng-content>\n\n@if (contentState() && suffixState()) {\n  <ax-divider class=\"ax-end-toolbar-divider\"></ax-divider>\n}\n\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["@layer components{ax-toolbar{width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1);flex-wrap:wrap;align-items:center;display:flex}ax-toolbar>ax-divider{margin-inline:calc(var(--spacing,.25rem) * 2);min-height:calc(var(--spacing,.25rem) * 6);background-color:var(--color-border-lightest,rgba(var(--ax-sys-color-border-lightest-surface)));width:1px;display:block}ax-toolbar>ax-suffix,ax-toolbar>ax-prefix,ax-toolbar>ax-content{flex-wrap:wrap;justify-content:space-between;align-items:center;min-height:100%;display:flex}ax-toolbar>ax-button,ax-toolbar>ax-select-box,ax-toolbar>ax-text-box,ax-toolbar>ax-number-box{margin-inline:calc(var(--spacing,.25rem) * .5)}}\n/*! tailwindcss v4.2.3 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'ax-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [AXDecoratorGenericComponent], providers: [{ provide: AXComponent, useExisting: AXToolBarComponent }], template: "<ng-content select=\"ax-prefix\"> </ng-content>\n@if (prefixState() && (contentState() || suffixState())) {\n  <ax-divider class=\"ax-start-toolbar-divider\"></ax-divider>\n}\n\n<ng-content select=\"ax-content\"></ng-content>\n\n@if (contentState() && suffixState()) {\n  <ax-divider class=\"ax-end-toolbar-divider\"></ax-divider>\n}\n\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["@layer components{ax-toolbar{width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1);flex-wrap:wrap;align-items:center;display:flex}ax-toolbar>ax-divider{margin-inline:calc(var(--spacing,.25rem) * 2);min-height:calc(var(--spacing,.25rem) * 6);background-color:var(--color-border-lightest,rgba(var(--ax-sys-color-border-lightest-surface)));width:1px;display:block}ax-toolbar>ax-suffix,ax-toolbar>ax-prefix,ax-toolbar>ax-content{flex-wrap:wrap;justify-content:space-between;align-items:center;min-height:100%;display:flex}ax-toolbar>ax-button,ax-toolbar>ax-select-box,ax-toolbar>ax-text-box,ax-toolbar>ax-number-box{margin-inline:calc(var(--spacing,.25rem) * .5)}}\n/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { buttons: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => AXButtonComponent), { ...{ descendants: true }, isSignal: true }] }], decorators: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => AXDecoratorGenericComponent), { isSignal: true }] }], __hostClass: [{
                 type: HostBinding,
                 args: ['class']

package/fesm2022/acorex-components-tooltip.mjs

@@ -10,11 +10,11 @@ import { CommonModule } from '@angular/common';
  */
 class AXTooltipComponent extends MXBaseComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXTooltipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: AXTooltipComponent, isStandalone: true, selector: "ax-tooltip", inputs: { text: "text", position: "position" }, providers: [{ provide: AXComponent, useExisting: AXTooltipComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-tooltip-container\">\n  <div class=\"ax-tooltip\">\n    {{ text }}\n  </div>\n  <!-- <div class=\"ax-tooltip-tringle ax-tooltip-tringle-{{ position }}\"></div> -->\n</div>\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-tooltip .ax-tooltip-container{position:relative}ax-tooltip .ax-tooltip-container .ax-tooltip{border-radius:var(--radius-sm,.25rem);background-color:var(--color-black,#000);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-white,#fff);display:block}ax-tooltip .ax-tooltip-container .ax-tooltip:where(.dark,.dark *){background-color:var(--color-white,#fff);color:var(--color-black,#000)}}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.2.3 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: AXTooltipComponent, isStandalone: true, selector: "ax-tooltip", inputs: { text: "text", position: "position" }, providers: [{ provide: AXComponent, useExisting: AXTooltipComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-tooltip-container\">\n  <div class=\"ax-tooltip\">\n    {{ text }}\n  </div>\n  <!-- <div class=\"ax-tooltip-tringle ax-tooltip-tringle-{{ position }}\"></div> -->\n</div>\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-tooltip .ax-tooltip-container{position:relative}ax-tooltip .ax-tooltip-container .ax-tooltip{border-radius:var(--radius-sm,.25rem);background-color:var(--color-black,#000);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-white,#fff);display:block}ax-tooltip .ax-tooltip-container .ax-tooltip:where(.dark,.dark *){background-color:var(--color-white,#fff);color:var(--color-black,#000)}}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXTooltipComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-tooltip', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXComponent, useExisting: AXTooltipComponent }], template: "<div class=\"ax-tooltip-container\">\n  <div class=\"ax-tooltip\">\n    {{ text }}\n  </div>\n  <!-- <div class=\"ax-tooltip-tringle ax-tooltip-tringle-{{ position }}\"></div> -->\n</div>\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-tooltip .ax-tooltip-container{position:relative}ax-tooltip .ax-tooltip-container .ax-tooltip{border-radius:var(--radius-sm,.25rem);background-color:var(--color-black,#000);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-white,#fff);display:block}ax-tooltip .ax-tooltip-container .ax-tooltip:where(.dark,.dark *){background-color:var(--color-white,#fff);color:var(--color-black,#000)}}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.2.3 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'ax-tooltip', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXComponent, useExisting: AXTooltipComponent }], template: "<div class=\"ax-tooltip-container\">\n  <div class=\"ax-tooltip\">\n    {{ text }}\n  </div>\n  <!-- <div class=\"ax-tooltip-tringle ax-tooltip-tringle-{{ position }}\"></div> -->\n</div>\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-tooltip .ax-tooltip-container{position:relative}ax-tooltip .ax-tooltip-container .ax-tooltip{border-radius:var(--radius-sm,.25rem);background-color:var(--color-black,#000);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-white,#fff);display:block}ax-tooltip .ax-tooltip-container .ax-tooltip:where(.dark,.dark *){background-color:var(--color-white,#fff);color:var(--color-black,#000)}}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { text: [{
                 type: Input
             }], position: [{
@@ -37,24 +37,16 @@ class AXTooltipDirective {
         this._openAfter = 100;
         this._closeAfter = 100;
         this.#contentEff = effect(() => {
-            if (!this.content())
+            const content = this.content();
+            if (!content)
                 return;
-            this.popoverRef = this.vc.createComponent(AXPopoverComponent).instance;
-            this.popoverRef.target = this.elementRef.nativeElement;
-            this.popoverRef.openOn = 'hover';
-            this.popoverRef.closeOn = 'leave';
-            this.popoverRef.placement = this.placement;
-            this.popoverRef.offsetX = this.offsetX;
-            this.popoverRef.offsetY = this.offsetY;
-            this.popoverRef.openAfter = this.openAfter;
-            this.popoverRef.closeAfter = this.closeAfter;
-            this.popoverRef.disabled = this.axTooltipDisabled();
-            if (typeof this.content() === 'string' && this.content()) {
+            this.ensurePopover();
+            if (typeof content === 'string') {
                 this.popoverRef.content = AXTooltipComponent;
-                this.popoverRef.context = { text: this.content() };
+                this.popoverRef.context = { text: content };
             }
-            else if (this.content() instanceof TemplateRef) {
-                this.popoverRef.content = this.content();
+            else if (content instanceof TemplateRef) {
+                this.popoverRef.content = content;
                 this.popoverRef.context = this.context();
             }
             else {
@@ -113,6 +105,20 @@ class AXTooltipDirective {
             this.popoverRef.closeAfter = v;
         }
     }
+    ensurePopover() {
+        if (this.popoverRef)
+            return;
+        this.popoverRef = this.vc.createComponent(AXPopoverComponent).instance;
+        this.popoverRef.target = this.elementRef.nativeElement;
+        this.popoverRef.openOn = 'hover';
+        this.popoverRef.closeOn = 'leave';
+        this.popoverRef.placement = this.placement;
+        this.popoverRef.offsetX = this.offsetX;
+        this.popoverRef.offsetY = this.offsetY;
+        this.popoverRef.openAfter = this.openAfter;
+        this.popoverRef.closeAfter = this.closeAfter;
+        this.popoverRef.disabled = this.axTooltipDisabled();
+    }
     #contentEff;
     close() {
         this.popoverRef.close();

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-tooltip.mjs","sources":["../../../../packages/components/tooltip/src/lib/tooltip.component.ts","../../../../packages/components/tooltip/src/lib/tooltip.component.html","../../../../packages/components/tooltip/src/lib/tooltip.directive.ts","../../../../packages/components/tooltip/src/lib/tooltip.module.ts","../../../../packages/components/tooltip/src/acorex-components-tooltip.ts"],"sourcesContent":["import { AXComponent, AXPlacement, MXBaseComponent } from '@acorex/cdk/common';\nimport { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\n\n/**\n * A component for displaying tooltips with additional information or context when hovering over elements.\n * @category Components\n */\n@Component({\n  selector: 'ax-tooltip',\n  templateUrl: './tooltip.component.html',\n  styleUrls: ['./tooltip.component.compiled.css'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: AXComponent, useExisting: AXTooltipComponent }],\n})\nexport class AXTooltipComponent extends MXBaseComponent {\n  /**\n   * The text content displayed in the tooltip.\n   * @defaultValue 'string'\n   */\n  @Input()\n  text: string;\n\n  /**\n   * Specifies the position of the tooltip relative to the target element.\n   *\n   * @type {AXPlacement}\n   */\n  @Input()\n  position: AXPlacement;\n}\n","<div class=\"ax-tooltip-container\">\n  <div class=\"ax-tooltip\">\n    {{ text }}\n  </div>\n  <!-- <div class=\"ax-tooltip-tringle ax-tooltip-tringle-{{ position }}\"></div> -->\n</div>\n","import { AXPlacementType, convertToPlacement } from '@acorex/cdk/common';\nimport { AXPopoverComponent } from '@acorex/components/popover';\nimport { Directive, effect, ElementRef, inject, input, Input, TemplateRef, ViewContainerRef } from '@angular/core';\nimport { AXTooltipComponent } from './tooltip.component';\n//prettier-ignore\n// import { AXDragDirective } from '@acorex/cdk/drag-drop';\n\n@Directive({ selector: '[axTooltip]' })\nexport class AXTooltipDirective {\n  private vc = inject(ViewContainerRef);\n  private elementRef = inject(ElementRef);\n  // private dragRef = inject(AXDragDirective, { optional: true });\n\n  axTooltipDisabled = input(false);\n  content = input<string | TemplateRef<unknown>>('', { alias: 'axTooltip' });\n  context = input<unknown>({}, { alias: 'axTooltipContext' });\n\n  private _placement: AXPlacementType = convertToPlacement('top');\n  @Input('axTooltipPlacement')\n  public get placement(): AXPlacementType {\n    return this._placement;\n  }\n  public set placement(v: AXPlacementType) {\n    this._placement = v;\n    if (this.popoverRef) {\n      this.popoverRef.placement = v;\n    }\n  }\n\n  private _offsetX = 0;\n  @Input('axTooltipOffsetX')\n  public get offsetX(): number {\n    return this._offsetX;\n  }\n  public set offsetX(v: number) {\n    this._offsetX = v;\n    if (this.popoverRef) {\n      this.popoverRef.offsetX = v;\n    }\n  }\n\n  private _offsetY = 0;\n  @Input('axTooltipOffsetY')\n  public get offsetY(): number {\n    return this._offsetY;\n  }\n  public set offsetY(v: number) {\n    this._offsetY = v;\n    if (this.popoverRef) {\n      this.popoverRef.offsetY = v;\n    }\n  }\n\n  private _openAfter = 100;\n  @Input('axTooltipOpenAfter')\n  public get openAfter(): number {\n    return this._openAfter;\n  }\n  public set openAfter(v: number) {\n    this._openAfter = v;\n    if (this.popoverRef) {\n      this.popoverRef.openAfter = v;\n    }\n  }\n\n  private _closeAfter = 100;\n  @Input('axTooltipCloseAfter')\n  public get closeAfter(): number {\n    return this._closeAfter;\n  }\n  public set closeAfter(v: number) {\n    this._closeAfter = v;\n    if (this.popoverRef) {\n      this.popoverRef.closeAfter = v;\n    }\n  }\n\n  private  popoverRef: AXPopoverComponent;\n\n\n  #contentEff = effect(() => {\n    if (!this.content()) return;\n   this.popoverRef = this.vc.createComponent(AXPopoverComponent).instance;\n    this.popoverRef.target = this.elementRef.nativeElement;\n    this.popoverRef.openOn = 'hover';\n    this.popoverRef.closeOn = 'leave';\n    this.popoverRef.placement = this.placement;\n    this.popoverRef.offsetX = this.offsetX;\n    this.popoverRef.offsetY = this.offsetY;\n    this.popoverRef.openAfter = this.openAfter;\n    this.popoverRef.closeAfter = this.closeAfter;\n    this.popoverRef.disabled = this.axTooltipDisabled();\n  \n\n    if (typeof this.content() === 'string' && this.content()) {\n      this.popoverRef.content = AXTooltipComponent;\n      this.popoverRef.context = { text: this.content() };\n    } else if (this.content() instanceof TemplateRef) {\n      this.popoverRef.content = this.content() as TemplateRef<unknown>;\n      this.popoverRef.context = this.context();\n    }else{\n      this.popoverRef.context = { text: '' };\n      this.popoverRef.content = null;\n    }\n  });\n\n  public close(){\n    this.popoverRef.close()\n  }\n\n \n\n  #dragWatchEff = effect(() => {\n    // if (this.dragRef?.isMoving()) {\n    //   this.popoverRef.close();\n    // }\n  });\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXTooltipComponent } from './tooltip.component';\nimport { AXTooltipDirective } from './tooltip.directive';\n\nconst COMPONENT = [AXTooltipComponent, AXTooltipDirective];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  imports: [...MODULES, ...COMPONENT],\n  exports: [...COMPONENT],\n})\nexport class AXTooltipModule {}\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-tooltip.mjs","sources":["../../../../packages/components/tooltip/src/lib/tooltip.component.ts","../../../../packages/components/tooltip/src/lib/tooltip.component.html","../../../../packages/components/tooltip/src/lib/tooltip.directive.ts","../../../../packages/components/tooltip/src/lib/tooltip.module.ts","../../../../packages/components/tooltip/src/acorex-components-tooltip.ts"],"sourcesContent":["import { AXComponent, AXPlacement, MXBaseComponent } from '@acorex/cdk/common';\nimport { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\n\n/**\n * A component for displaying tooltips with additional information or context when hovering over elements.\n * @category Components\n */\n@Component({\n  selector: 'ax-tooltip',\n  templateUrl: './tooltip.component.html',\n  styleUrls: ['./tooltip.component.compiled.css'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: AXComponent, useExisting: AXTooltipComponent }],\n})\nexport class AXTooltipComponent extends MXBaseComponent {\n  /**\n   * The text content displayed in the tooltip.\n   * @defaultValue 'string'\n   */\n  @Input()\n  text: string;\n\n  /**\n   * Specifies the position of the tooltip relative to the target element.\n   *\n   * @type {AXPlacement}\n   */\n  @Input()\n  position: AXPlacement;\n}\n","<div class=\"ax-tooltip-container\">\n  <div class=\"ax-tooltip\">\n    {{ text }}\n  </div>\n  <!-- <div class=\"ax-tooltip-tringle ax-tooltip-tringle-{{ position }}\"></div> -->\n</div>\n","import { AXPlacementType, convertToPlacement } from '@acorex/cdk/common';\nimport { AXPopoverComponent } from '@acorex/components/popover';\nimport { Directive, effect, ElementRef, inject, input, Input, TemplateRef, ViewContainerRef } from '@angular/core';\nimport { AXTooltipComponent } from './tooltip.component';\n//prettier-ignore\n// import { AXDragDirective } from '@acorex/cdk/drag-drop';\n\n@Directive({ selector: '[axTooltip]' })\nexport class AXTooltipDirective {\n  private vc = inject(ViewContainerRef);\n  private elementRef = inject(ElementRef);\n  // private dragRef = inject(AXDragDirective, { optional: true });\n\n  axTooltipDisabled = input(false);\n  content = input<string | TemplateRef<unknown>>('', { alias: 'axTooltip' });\n  context = input<unknown>({}, { alias: 'axTooltipContext' });\n\n  private _placement: AXPlacementType = convertToPlacement('top');\n  @Input('axTooltipPlacement')\n  public get placement(): AXPlacementType {\n    return this._placement;\n  }\n  public set placement(v: AXPlacementType) {\n    this._placement = v;\n    if (this.popoverRef) {\n      this.popoverRef.placement = v;\n    }\n  }\n\n  private _offsetX = 0;\n  @Input('axTooltipOffsetX')\n  public get offsetX(): number {\n    return this._offsetX;\n  }\n  public set offsetX(v: number) {\n    this._offsetX = v;\n    if (this.popoverRef) {\n      this.popoverRef.offsetX = v;\n    }\n  }\n\n  private _offsetY = 0;\n  @Input('axTooltipOffsetY')\n  public get offsetY(): number {\n    return this._offsetY;\n  }\n  public set offsetY(v: number) {\n    this._offsetY = v;\n    if (this.popoverRef) {\n      this.popoverRef.offsetY = v;\n    }\n  }\n\n  private _openAfter = 100;\n  @Input('axTooltipOpenAfter')\n  public get openAfter(): number {\n    return this._openAfter;\n  }\n  public set openAfter(v: number) {\n    this._openAfter = v;\n    if (this.popoverRef) {\n      this.popoverRef.openAfter = v;\n    }\n  }\n\n  private _closeAfter = 100;\n  @Input('axTooltipCloseAfter')\n  public get closeAfter(): number {\n    return this._closeAfter;\n  }\n  public set closeAfter(v: number) {\n    this._closeAfter = v;\n    if (this.popoverRef) {\n      this.popoverRef.closeAfter = v;\n    }\n  }\n\n  private popoverRef: AXPopoverComponent;\n\n  private ensurePopover(): void {\n    if (this.popoverRef) return;\n    this.popoverRef = this.vc.createComponent(AXPopoverComponent).instance;\n    this.popoverRef.target = this.elementRef.nativeElement;\n    this.popoverRef.openOn = 'hover';\n    this.popoverRef.closeOn = 'leave';\n    this.popoverRef.placement = this.placement;\n    this.popoverRef.offsetX = this.offsetX;\n    this.popoverRef.offsetY = this.offsetY;\n    this.popoverRef.openAfter = this.openAfter;\n    this.popoverRef.closeAfter = this.closeAfter;\n    this.popoverRef.disabled = this.axTooltipDisabled();\n  }\n\n  #contentEff = effect(() => {\n    const content = this.content();\n    if (!content) return;\n\n    this.ensurePopover();\n\n    if (typeof content === 'string') {\n      this.popoverRef.content = AXTooltipComponent;\n      this.popoverRef.context = { text: content };\n    } else if (content instanceof TemplateRef) {\n      this.popoverRef.content = content as TemplateRef<unknown>;\n      this.popoverRef.context = this.context();\n    } else {\n      this.popoverRef.context = { text: '' };\n      this.popoverRef.content = null;\n    }\n  });\n\n  public close(){\n    this.popoverRef.close()\n  }\n\n \n\n  #dragWatchEff = effect(() => {\n    // if (this.dragRef?.isMoving()) {\n    //   this.popoverRef.close();\n    // }\n  });\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXTooltipComponent } from './tooltip.component';\nimport { AXTooltipDirective } from './tooltip.directive';\n\nconst COMPONENT = [AXTooltipComponent, AXTooltipDirective];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  imports: [...MODULES, ...COMPONENT],\n  exports: [...COMPONENT],\n})\nexport class AXTooltipModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-uploader.mjs

@@ -21,11 +21,11 @@ class AXUploaderListComponent {
         this.uploadService = inject(AXUploaderService);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXUploaderListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: AXUploaderListComponent, isStandalone: true, selector: "ax-uploader-list", providers: [{ provide: AXComponent, useExisting: AXUploaderListComponent }], ngImport: i0, template: "<!-- @if ((uploadService.totalEstimateTime | async) > 0) { -->\n<div class=\"ax-uploader-progress-status\" [class.ax-hide]=\"(uploadService.totalEstimateTime | async) <= 0\">\n  @if (uploadService.isAnyDetermined()) {\n    <span>{{ '@acorex:common.status.processing' | translate | async }}</span>\n  } @else {\n    <div>{{ uploadService.totalEstimateTime | async | format: 'timeleft' | async }}</div>\n  }\n  <button (click)=\"uploadService.cancelAll()\">{{ '@acorex:common.actions.cancel' | translate | async }}</button>\n</div>\n<!-- } -->\n\n<ul class=\"ax-uploader-list-items\">\n  @for (item of uploadService.files | async; track item.name) {\n    <li>\n      <div class=\"ax-file\">\n        <span>{{ item.ext }}</span>\n      </div>\n      <div class=\"ax-item-container\">\n        <div class=\"ax-item-name\" [title]=\"item.name\">{{ item.name }}</div>\n        <div class=\"ax-status\">\n          @switch (item.status()) {\n            @case ('inprogress') {\n              <span>{{ item.size | format: 'filesize' | async }}</span> /\n              {{\n                item.isDetermined()\n                  ? (item.estimateTime() | format: 'timeleft' | async)\n                  : ('@acorex:common.status.processing' | translate | async)\n              }}\n            }\n            @case ('failed') {\n              <div class=\"ax-state-failed\">\n                <span>{{ item.message() }}</span>\n              </div>\n            }\n            @case ('completed') {\n              <div class=\"ax-state-completed\">\n                <span>{{ '@acorex:common.status.completed' | translate | async }}</span>\n              </div>\n            }\n          }\n        </div>\n      </div>\n      <div class=\"ax-status\">\n        @switch (item.status()) {\n          @case ('completed') {\n            <i class=\"ax-icon ax-icon-solid ax-icon-check-circle ax-state-completed\"></i>\n          }\n          @case ('canceled') {\n            <div>\n              <span class=\"ax-state-canceled\">{{ '@acorex:common.actions.canceled' | translate | async }}</span>\n              <!-- <i class=\"ax-icon ax-icon-solid ax-icon-redo\" (click)=\"item.redo()\" title=\"{{ 'retry' | translate | async }}\"></i> -->\n            </div>\n          }\n          @case ('failed') {\n            <div class=\"ax-state-failed\">\n              <span>{{ '@acorex:common.status.failed' | translate | async }}</span>\n              <i\n                class=\"ax-icon ax-icon-solid ax-icon-redo\"\n                (click)=\"item.redo()\"\n                title=\"{{ '@acorex:common.actions.retry' | translate | async }}\"\n              ></i>\n            </div>\n          }\n          @default {\n            <!-- <ax-circular-progress\n              [mode]=\"item.isDetermined() ? 'determinate' : 'indeterminate'\"\n              [size]=\"22\"\n              [stroke]=\"6\"\n              [progress]=\"item.isDetermined() ? item.progress() : 60\"\n              class=\"ax-show\"\n            >\n            </ax-circular-progress> -->\n            <i\n              class=\"ax-icon ax-icon-solid ax-icon-close\"\n              (click)=\"item.cancel()\"\n              title=\"{{ '@acorex:common.actions.cancel' | translate | async }}\"\n            ></i>\n          }\n        }\n      </div>\n    </li>\n    @let completed = item.status() === 'completed';\n    @if (item.status() === 'inprogress' || completed) {\n      <div class=\"ax-status-loading\" [class.ax-status-loading-hide]=\"completed\">\n        <ax-progress-bar\n          [height]=\"4\"\n          [mode]=\"completed ? 'determinate' : 'indeterminate'\"\n          [progress]=\"completed ? 100 : 60\"\n          [color]=\"completed ? 'success' : 'primary'\"\n        ></ax-progress-bar>\n      </div>\n    }\n  }\n</ul>\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;--tw-font-weight:initial;--tw-content:\"\"}}}@layer components{ax-uploader-list .ax-uploader-progress-status{border-block-style:var(--tw-border-style);border-block-width:1px;border-color:var(--color-primary-lightest,rgba(var(--ax-sys-color-primary-lightest-surface)));background-color:var(--color-primary-lightest,rgba(var(--ax-sys-color-primary-lightest-surface)));padding-inline:calc(var(--spacing,.25rem) * 3);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)));color:var(--color-on-primary-lightest,rgba(var(--ax-sys-color-on-primary-lightest-surface)));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));justify-content:space-between;align-items:center;display:flex}ax-uploader-list .ax-uploader-progress-status.ax-hide{height:calc(var(--spacing,.25rem) * 0);padding-block:calc(var(--spacing,.25rem) * 0);opacity:0;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));overflow:hidden}ax-uploader-list .ax-uploader-list-items{gap:calc(var(--spacing,.25rem) * 2);flex-direction:column;width:100%;max-height:75vh;display:flex;overflow:hidden auto}ax-uploader-list .ax-uploader-list-items li{align-items:center;gap:calc(var(--spacing,.25rem) * 4);width:100%;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)));display:flex}ax-uploader-list .ax-uploader-list-items li .ax-item-container{-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;display:flex}ax-uploader-list .ax-uploader-list-items li .ax-item-container .ax-item-name{width:calc(var(--spacing,.25rem) * 32);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));text-overflow:ellipsis;white-space:nowrap;display:inline-block;overflow:hidden}ax-uploader-list .ax-uploader-list-items li .ax-status{color:color-mix(in srgb,rgba(var(--ax-sys-color-on-surface)) 50%,transparent);position:relative}@supports (color:color-mix(in lab,red,red)){ax-uploader-list .ax-uploader-list-items li .ax-status{color:color-mix(in oklab,var(--color-on-surface,rgba(var(--ax-sys-color-on-surface))) 50%,transparent)}}ax-uploader-list .ax-uploader-list-items li .ax-status .ax-icon{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}ax-uploader-list .ax-uploader-list-items li .ax-status .ax-icon-close{cursor:pointer}ax-uploader-list .ax-uploader-list-items li .ax-status .ax-state-canceled span{color:var(--color-secondary,rgba(var(--ax-sys-color-secondary-surface)))}ax-uploader-list .ax-uploader-list-items li .ax-status .ax-state-failed{align-items:center;gap:calc(var(--spacing,.25rem) * 2);display:flex}ax-uploader-list .ax-uploader-list-items li .ax-status .ax-state-failed span{color:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)))}ax-uploader-list .ax-uploader-list-items li .ax-status .ax-state-failed i{cursor:pointer}ax-uploader-list .ax-uploader-list-items li .ax-status .ax-state-completed{color:var(--color-success,rgba(var(--ax-sys-color-success-surface)))}ax-uploader-list .ax-uploader-list-items li:hover .ax-hide{display:flex!important}ax-uploader-list .ax-uploader-list-items li:hover .ax-show{display:none!important}ax-uploader-list .ax-uploader-list-items li .ax-show{display:flex!important}ax-uploader-list .ax-uploader-list-items li .ax-hide{display:none!important}ax-uploader-list .ax-uploader-list-items .ax-status-loading.ax-status-loading-hide{opacity:0;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));overflow:hidden}.ax-file{aspect-ratio:1;width:calc(var(--spacing,.25rem) * 4);border-radius:var(--radius-sm,.25rem);background-color:var(--color-success,rgba(var(--ax-sys-color-success-surface)));color:var(--color-light,rgba(var(--ax-sys-color-light-surface)));justify-content:center;align-items:center;display:flex;position:relative}.ax-file>*{bottom: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-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-on-surface,rgba(var(--ax-sys-color-on-surface)));position:absolute}.ax-file:before{top:calc(var(--spacing,.25rem) * 0);right:calc(var(--spacing,.25rem) * 0);border-style:var(--tw-border-style);border-width:0;border-right-style:var(--tw-border-style);border-right-width:4px;border-bottom-style:var(--tw-border-style);border-bottom-width:4px;border-color:var(--color-border-surface);border-color:var(--color-surface,rgba(var(--ax-sys-color-surface)));border-top-color:color-mix(in srgb,rgba(var(--ax-sys-color-surface)) 30%,transparent);position:absolute}@supports (color:color-mix(in lab,red,red)){.ax-file:before{border-top-color:color-mix(in oklab,var(--color-surface,rgba(var(--ax-sys-color-surface))) 30%,transparent)}}.ax-file:before{border-left-color:color-mix(in srgb,rgba(var(--ax-sys-color-surface)) 30%,transparent)}@supports (color:color-mix(in lab,red,red)){.ax-file:before{border-left-color:color-mix(in oklab,var(--color-surface,rgba(var(--ax-sys-color-surface))) 30%,transparent)}}.ax-file:before{--tw-content:\"\";content:var(--tw-content)}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}\n/*! tailwindcss v4.2.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AXFormatPipe, name: "format" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: AXUploaderListComponent, isStandalone: true, selector: "ax-uploader-list", providers: [{ provide: AXComponent, useExisting: AXUploaderListComponent }], ngImport: i0, template: "<!-- @if ((uploadService.totalEstimateTime | async) > 0) { -->\n<div class=\"ax-uploader-progress-status\" [class.ax-hide]=\"(uploadService.totalEstimateTime | async) <= 0\">\n  @if (uploadService.isAnyDetermined()) {\n    <span>{{ '@acorex:common.status.processing' | translate | async }}</span>\n  } @else {\n    <div>{{ uploadService.totalEstimateTime | async | format: 'timeleft' | async }}</div>\n  }\n  <button (click)=\"uploadService.cancelAll()\">{{ '@acorex:common.actions.cancel' | translate | async }}</button>\n</div>\n<!-- } -->\n\n<ul class=\"ax-uploader-list-items\">\n  @for (item of uploadService.files | async; track item.name) {\n    <li>\n      <div class=\"ax-file\">\n        <span>{{ item.ext }}</span>\n      </div>\n      <div class=\"ax-item-container\">\n        <div class=\"ax-item-name\" [title]=\"item.name\">{{ item.name }}</div>\n        <div class=\"ax-status\">\n          @switch (item.status()) {\n            @case ('inprogress') {\n              <span>{{ item.size | format: 'filesize' | async }}</span> /\n              {{\n                item.isDetermined()\n                  ? (item.estimateTime() | format: 'timeleft' | async)\n                  : ('@acorex:common.status.processing' | translate | async)\n              }}\n            }\n            @case ('failed') {\n              <div class=\"ax-state-failed\">\n                <span>{{ item.message() }}</span>\n              </div>\n            }\n            @case ('completed') {\n              <div class=\"ax-state-completed\">\n                <span>{{ '@acorex:common.status.completed' | translate | async }}</span>\n              </div>\n            }\n          }\n        </div>\n      </div>\n      <div class=\"ax-status\">\n        @switch (item.status()) {\n          @case ('completed') {\n            <i class=\"ax-icon ax-icon-solid ax-icon-check-circle ax-state-completed\"></i>\n          }\n          @case ('canceled') {\n            <div>\n              <span class=\"ax-state-canceled\">{{ '@acorex:common.actions.canceled' | translate | async }}</span>\n              <!-- <i class=\"ax-icon ax-icon-solid ax-icon-redo\" (click)=\"item.redo()\" title=\"{{ 'retry' | translate | async }}\"></i> -->\n            </div>\n          }\n          @case ('failed') {\n            <div class=\"ax-state-failed\">\n              <span>{{ '@acorex:common.status.failed' | translate | async }}</span>\n              <i\n                class=\"ax-icon ax-icon-solid ax-icon-redo\"\n                (click)=\"item.redo()\"\n                title=\"{{ '@acorex:common.actions.retry' | translate | async }}\"\n              ></i>\n            </div>\n          }\n          @default {\n            <!-- <ax-circular-progress\n              [mode]=\"item.isDetermined() ? 'determinate' : 'indeterminate'\"\n              [size]=\"22\"\n              [stroke]=\"6\"\n              [progress]=\"item.isDetermined() ? item.progress() : 60\"\n              class=\"ax-show\"\n            >\n            </ax-circular-progress> -->\n            <i\n              class=\"ax-icon ax-icon-solid ax-icon-close\"\n              (click)=\"item.cancel()\"\n              title=\"{{ '@acorex:common.actions.cancel' | translate | async }}\"\n            ></i>\n          }\n        }\n      </div>\n    </li>\n    @let completed = item.status() === 'completed';\n    @if (item.status() === 'inprogress' || completed) {\n      <div class=\"ax-status-loading\" [class.ax-status-loading-hide]=\"completed\">\n        <ax-progress-bar\n          [height]=\"4\"\n          [mode]=\"completed ? 'determinate' : 'indeterminate'\"\n          [progress]=\"completed ? 100 : 60\"\n          [color]=\"completed ? 'success' : 'primary'\"\n        ></ax-progress-bar>\n      </div>\n    }\n  }\n</ul>\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;--tw-font-weight:initial;--tw-content:\"\"}}}@layer components{ax-uploader-list .ax-uploader-progress-status{border-block-style:var(--tw-border-style);border-block-width:1px;border-color:var(--color-primary-lightest,rgba(var(--ax-sys-color-primary-lightest-surface)));background-color:var(--color-primary-lightest,rgba(var(--ax-sys-color-primary-lightest-surface)));padding-inline:calc(var(--spacing,.25rem) * 3);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)));color:var(--color-on-primary-lightest,rgba(var(--ax-sys-color-on-primary-lightest-surface)));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));justify-content:space-between;align-items:center;display:flex}ax-uploader-list .ax-uploader-progress-status.ax-hide{height:calc(var(--spacing,.25rem) * 0);padding-block:calc(var(--spacing,.25rem) * 0);opacity:0;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));overflow:hidden}ax-uploader-list .ax-uploader-list-items{gap:calc(var(--spacing,.25rem) * 2);flex-direction:column;width:100%;max-height:75vh;display:flex;overflow:hidden auto}ax-uploader-list .ax-uploader-list-items li{align-items:center;gap:calc(var(--spacing,.25rem) * 4);width:100%;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)));display:flex}ax-uploader-list .ax-uploader-list-items li .ax-item-container{-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;display:flex}ax-uploader-list .ax-uploader-list-items li .ax-item-container .ax-item-name{width:calc(var(--spacing,.25rem) * 32);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));text-overflow:ellipsis;white-space:nowrap;display:inline-block;overflow:hidden}ax-uploader-list .ax-uploader-list-items li .ax-status{color:color-mix(in srgb,rgba(var(--ax-sys-color-on-surface-surface)) 50%,transparent);position:relative}@supports (color:color-mix(in lab,red,red)){ax-uploader-list .ax-uploader-list-items li .ax-status{color:color-mix(in oklab,var(--color-on-surface,rgba(var(--ax-sys-color-on-surface-surface))) 50%,transparent)}}ax-uploader-list .ax-uploader-list-items li .ax-status .ax-icon{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}ax-uploader-list .ax-uploader-list-items li .ax-status .ax-icon-close{cursor:pointer}ax-uploader-list .ax-uploader-list-items li .ax-status .ax-state-canceled span{color:var(--color-secondary,rgba(var(--ax-sys-color-secondary-surface)))}ax-uploader-list .ax-uploader-list-items li .ax-status .ax-state-failed{align-items:center;gap:calc(var(--spacing,.25rem) * 2);display:flex}ax-uploader-list .ax-uploader-list-items li .ax-status .ax-state-failed span{color:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)))}ax-uploader-list .ax-uploader-list-items li .ax-status .ax-state-failed i{cursor:pointer}ax-uploader-list .ax-uploader-list-items li .ax-status .ax-state-completed{color:var(--color-success,rgba(var(--ax-sys-color-success-surface)))}ax-uploader-list .ax-uploader-list-items li:hover .ax-hide{display:flex!important}ax-uploader-list .ax-uploader-list-items li:hover .ax-show{display:none!important}ax-uploader-list .ax-uploader-list-items li .ax-show{display:flex!important}ax-uploader-list .ax-uploader-list-items li .ax-hide{display:none!important}ax-uploader-list .ax-uploader-list-items .ax-status-loading.ax-status-loading-hide{opacity:0;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));overflow:hidden}.ax-file{aspect-ratio:1;width:calc(var(--spacing,.25rem) * 4);border-radius:var(--radius-sm,.25rem);background-color:var(--color-success,rgba(var(--ax-sys-color-success-surface)));color:var(--color-light,rgba(var(--ax-sys-color-light-surface)));justify-content:center;align-items:center;display:flex;position:relative}.ax-file>*{bottom: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-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-on-surface,rgba(var(--ax-sys-color-on-surface-surface)));position:absolute}.ax-file:before{top:calc(var(--spacing,.25rem) * 0);right:calc(var(--spacing,.25rem) * 0);border-style:var(--tw-border-style);border-width:0;border-right-style:var(--tw-border-style);border-right-width:4px;border-bottom-style:var(--tw-border-style);border-bottom-width:4px;border-color:var(--color-border-surface);border-color:var(--color-surface,rgba(var(--ax-sys-color-surface-surface)));border-top-color:color-mix(in srgb,rgba(var(--ax-sys-color-surface-surface)) 30%,transparent);position:absolute}@supports (color:color-mix(in lab,red,red)){.ax-file:before{border-top-color:color-mix(in oklab,var(--color-surface,rgba(var(--ax-sys-color-surface-surface))) 30%,transparent)}}.ax-file:before{border-left-color:color-mix(in srgb,rgba(var(--ax-sys-color-surface-surface)) 30%,transparent)}@supports (color:color-mix(in lab,red,red)){.ax-file:before{border-left-color:color-mix(in oklab,var(--color-surface,rgba(var(--ax-sys-color-surface-surface))) 30%,transparent)}}.ax-file:before{--tw-content:\"\";content:var(--tw-content)}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}\n/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AXFormatPipe, name: "format" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXUploaderListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-uploader-list', encapsulation: ViewEncapsulation.None, imports: [AXProgressBarComponent, AsyncPipe, AXTranslatorPipe, AXFormatPipe], providers: [{ provide: AXComponent, useExisting: AXUploaderListComponent }], template: "<!-- @if ((uploadService.totalEstimateTime | async) > 0) { -->\n<div class=\"ax-uploader-progress-status\" [class.ax-hide]=\"(uploadService.totalEstimateTime | async) <= 0\">\n  @if (uploadService.isAnyDetermined()) {\n    <span>{{ '@acorex:common.status.processing' | translate | async }}</span>\n  } @else {\n    <div>{{ uploadService.totalEstimateTime | async | format: 'timeleft' | async }}</div>\n  }\n  <button (click)=\"uploadService.cancelAll()\">{{ '@acorex:common.actions.cancel' | translate | async }}</button>\n</div>\n<!-- } -->\n\n<ul class=\"ax-uploader-list-items\">\n  @for (item of uploadService.files | async; track item.name) {\n    <li>\n      <div class=\"ax-file\">\n        <span>{{ item.ext }}</span>\n      </div>\n      <div class=\"ax-item-container\">\n        <div class=\"ax-item-name\" [title]=\"item.name\">{{ item.name }}</div>\n        <div class=\"ax-status\">\n          @switch (item.status()) {\n            @case ('inprogress') {\n              <span>{{ item.size | format: 'filesize' | async }}</span> /\n              {{\n                item.isDetermined()\n                  ? (item.estimateTime() | format: 'timeleft' | async)\n                  : ('@acorex:common.status.processing' | translate | async)\n              }}\n            }\n            @case ('failed') {\n              <div class=\"ax-state-failed\">\n                <span>{{ item.message() }}</span>\n              </div>\n            }\n            @case ('completed') {\n              <div class=\"ax-state-completed\">\n                <span>{{ '@acorex:common.status.completed' | translate | async }}</span>\n              </div>\n            }\n          }\n        </div>\n      </div>\n      <div class=\"ax-status\">\n        @switch (item.status()) {\n          @case ('completed') {\n            <i class=\"ax-icon ax-icon-solid ax-icon-check-circle ax-state-completed\"></i>\n          }\n          @case ('canceled') {\n            <div>\n              <span class=\"ax-state-canceled\">{{ '@acorex:common.actions.canceled' | translate | async }}</span>\n              <!-- <i class=\"ax-icon ax-icon-solid ax-icon-redo\" (click)=\"item.redo()\" title=\"{{ 'retry' | translate | async }}\"></i> -->\n            </div>\n          }\n          @case ('failed') {\n            <div class=\"ax-state-failed\">\n              <span>{{ '@acorex:common.status.failed' | translate | async }}</span>\n              <i\n                class=\"ax-icon ax-icon-solid ax-icon-redo\"\n                (click)=\"item.redo()\"\n                title=\"{{ '@acorex:common.actions.retry' | translate | async }}\"\n              ></i>\n            </div>\n          }\n          @default {\n            <!-- <ax-circular-progress\n              [mode]=\"item.isDetermined() ? 'determinate' : 'indeterminate'\"\n              [size]=\"22\"\n              [stroke]=\"6\"\n              [progress]=\"item.isDetermined() ? item.progress() : 60\"\n              class=\"ax-show\"\n            >\n            </ax-circular-progress> -->\n            <i\n              class=\"ax-icon ax-icon-solid ax-icon-close\"\n              (click)=\"item.cancel()\"\n              title=\"{{ '@acorex:common.actions.cancel' | translate | async }}\"\n            ></i>\n          }\n        }\n      </div>\n    </li>\n    @let completed = item.status() === 'completed';\n    @if (item.status() === 'inprogress' || completed) {\n      <div class=\"ax-status-loading\" [class.ax-status-loading-hide]=\"completed\">\n        <ax-progress-bar\n          [height]=\"4\"\n          [mode]=\"completed ? 'determinate' : 'indeterminate'\"\n          [progress]=\"completed ? 100 : 60\"\n          [color]=\"completed ? 'success' : 'primary'\"\n        ></ax-progress-bar>\n      </div>\n    }\n  }\n</ul>\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;--tw-font-weight:initial;--tw-content:\"\"}}}@layer components{ax-uploader-list .ax-uploader-progress-status{border-block-style:var(--tw-border-style);border-block-width:1px;border-color:var(--color-primary-lightest,rgba(var(--ax-sys-color-primary-lightest-surface)));background-color:var(--color-primary-lightest,rgba(var(--ax-sys-color-primary-lightest-surface)));padding-inline:calc(var(--spacing,.25rem) * 3);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)));color:var(--color-on-primary-lightest,rgba(var(--ax-sys-color-on-primary-lightest-surface)));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));justify-content:space-between;align-items:center;display:flex}ax-uploader-list .ax-uploader-progress-status.ax-hide{height:calc(var(--spacing,.25rem) * 0);padding-block:calc(var(--spacing,.25rem) * 0);opacity:0;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));overflow:hidden}ax-uploader-list .ax-uploader-list-items{gap:calc(var(--spacing,.25rem) * 2);flex-direction:column;width:100%;max-height:75vh;display:flex;overflow:hidden auto}ax-uploader-list .ax-uploader-list-items li{align-items:center;gap:calc(var(--spacing,.25rem) * 4);width:100%;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)));display:flex}ax-uploader-list .ax-uploader-list-items li .ax-item-container{-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;display:flex}ax-uploader-list .ax-uploader-list-items li .ax-item-container .ax-item-name{width:calc(var(--spacing,.25rem) * 32);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));text-overflow:ellipsis;white-space:nowrap;display:inline-block;overflow:hidden}ax-uploader-list .ax-uploader-list-items li .ax-status{color:color-mix(in srgb,rgba(var(--ax-sys-color-on-surface)) 50%,transparent);position:relative}@supports (color:color-mix(in lab,red,red)){ax-uploader-list .ax-uploader-list-items li .ax-status{color:color-mix(in oklab,var(--color-on-surface,rgba(var(--ax-sys-color-on-surface))) 50%,transparent)}}ax-uploader-list .ax-uploader-list-items li .ax-status .ax-icon{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}ax-uploader-list .ax-uploader-list-items li .ax-status .ax-icon-close{cursor:pointer}ax-uploader-list .ax-uploader-list-items li .ax-status .ax-state-canceled span{color:var(--color-secondary,rgba(var(--ax-sys-color-secondary-surface)))}ax-uploader-list .ax-uploader-list-items li .ax-status .ax-state-failed{align-items:center;gap:calc(var(--spacing,.25rem) * 2);display:flex}ax-uploader-list .ax-uploader-list-items li .ax-status .ax-state-failed span{color:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)))}ax-uploader-list .ax-uploader-list-items li .ax-status .ax-state-failed i{cursor:pointer}ax-uploader-list .ax-uploader-list-items li .ax-status .ax-state-completed{color:var(--color-success,rgba(var(--ax-sys-color-success-surface)))}ax-uploader-list .ax-uploader-list-items li:hover .ax-hide{display:flex!important}ax-uploader-list .ax-uploader-list-items li:hover .ax-show{display:none!important}ax-uploader-list .ax-uploader-list-items li .ax-show{display:flex!important}ax-uploader-list .ax-uploader-list-items li .ax-hide{display:none!important}ax-uploader-list .ax-uploader-list-items .ax-status-loading.ax-status-loading-hide{opacity:0;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));overflow:hidden}.ax-file{aspect-ratio:1;width:calc(var(--spacing,.25rem) * 4);border-radius:var(--radius-sm,.25rem);background-color:var(--color-success,rgba(var(--ax-sys-color-success-surface)));color:var(--color-light,rgba(var(--ax-sys-color-light-surface)));justify-content:center;align-items:center;display:flex;position:relative}.ax-file>*{bottom: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-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-on-surface,rgba(var(--ax-sys-color-on-surface)));position:absolute}.ax-file:before{top:calc(var(--spacing,.25rem) * 0);right:calc(var(--spacing,.25rem) * 0);border-style:var(--tw-border-style);border-width:0;border-right-style:var(--tw-border-style);border-right-width:4px;border-bottom-style:var(--tw-border-style);border-bottom-width:4px;border-color:var(--color-border-surface);border-color:var(--color-surface,rgba(var(--ax-sys-color-surface)));border-top-color:color-mix(in srgb,rgba(var(--ax-sys-color-surface)) 30%,transparent);position:absolute}@supports (color:color-mix(in lab,red,red)){.ax-file:before{border-top-color:color-mix(in oklab,var(--color-surface,rgba(var(--ax-sys-color-surface))) 30%,transparent)}}.ax-file:before{border-left-color:color-mix(in srgb,rgba(var(--ax-sys-color-surface)) 30%,transparent)}@supports (color:color-mix(in lab,red,red)){.ax-file:before{border-left-color:color-mix(in oklab,var(--color-surface,rgba(var(--ax-sys-color-surface))) 30%,transparent)}}.ax-file:before{--tw-content:\"\";content:var(--tw-content)}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}\n/*! tailwindcss v4.2.3 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'ax-uploader-list', encapsulation: ViewEncapsulation.None, imports: [AXProgressBarComponent, AsyncPipe, AXTranslatorPipe, AXFormatPipe], providers: [{ provide: AXComponent, useExisting: AXUploaderListComponent }], template: "<!-- @if ((uploadService.totalEstimateTime | async) > 0) { -->\n<div class=\"ax-uploader-progress-status\" [class.ax-hide]=\"(uploadService.totalEstimateTime | async) <= 0\">\n  @if (uploadService.isAnyDetermined()) {\n    <span>{{ '@acorex:common.status.processing' | translate | async }}</span>\n  } @else {\n    <div>{{ uploadService.totalEstimateTime | async | format: 'timeleft' | async }}</div>\n  }\n  <button (click)=\"uploadService.cancelAll()\">{{ '@acorex:common.actions.cancel' | translate | async }}</button>\n</div>\n<!-- } -->\n\n<ul class=\"ax-uploader-list-items\">\n  @for (item of uploadService.files | async; track item.name) {\n    <li>\n      <div class=\"ax-file\">\n        <span>{{ item.ext }}</span>\n      </div>\n      <div class=\"ax-item-container\">\n        <div class=\"ax-item-name\" [title]=\"item.name\">{{ item.name }}</div>\n        <div class=\"ax-status\">\n          @switch (item.status()) {\n            @case ('inprogress') {\n              <span>{{ item.size | format: 'filesize' | async }}</span> /\n              {{\n                item.isDetermined()\n                  ? (item.estimateTime() | format: 'timeleft' | async)\n                  : ('@acorex:common.status.processing' | translate | async)\n              }}\n            }\n            @case ('failed') {\n              <div class=\"ax-state-failed\">\n                <span>{{ item.message() }}</span>\n              </div>\n            }\n            @case ('completed') {\n              <div class=\"ax-state-completed\">\n                <span>{{ '@acorex:common.status.completed' | translate | async }}</span>\n              </div>\n            }\n          }\n        </div>\n      </div>\n      <div class=\"ax-status\">\n        @switch (item.status()) {\n          @case ('completed') {\n            <i class=\"ax-icon ax-icon-solid ax-icon-check-circle ax-state-completed\"></i>\n          }\n          @case ('canceled') {\n            <div>\n              <span class=\"ax-state-canceled\">{{ '@acorex:common.actions.canceled' | translate | async }}</span>\n              <!-- <i class=\"ax-icon ax-icon-solid ax-icon-redo\" (click)=\"item.redo()\" title=\"{{ 'retry' | translate | async }}\"></i> -->\n            </div>\n          }\n          @case ('failed') {\n            <div class=\"ax-state-failed\">\n              <span>{{ '@acorex:common.status.failed' | translate | async }}</span>\n              <i\n                class=\"ax-icon ax-icon-solid ax-icon-redo\"\n                (click)=\"item.redo()\"\n                title=\"{{ '@acorex:common.actions.retry' | translate | async }}\"\n              ></i>\n            </div>\n          }\n          @default {\n            <!-- <ax-circular-progress\n              [mode]=\"item.isDetermined() ? 'determinate' : 'indeterminate'\"\n              [size]=\"22\"\n              [stroke]=\"6\"\n              [progress]=\"item.isDetermined() ? item.progress() : 60\"\n              class=\"ax-show\"\n            >\n            </ax-circular-progress> -->\n            <i\n              class=\"ax-icon ax-icon-solid ax-icon-close\"\n              (click)=\"item.cancel()\"\n              title=\"{{ '@acorex:common.actions.cancel' | translate | async }}\"\n            ></i>\n          }\n        }\n      </div>\n    </li>\n    @let completed = item.status() === 'completed';\n    @if (item.status() === 'inprogress' || completed) {\n      <div class=\"ax-status-loading\" [class.ax-status-loading-hide]=\"completed\">\n        <ax-progress-bar\n          [height]=\"4\"\n          [mode]=\"completed ? 'determinate' : 'indeterminate'\"\n          [progress]=\"completed ? 100 : 60\"\n          [color]=\"completed ? 'success' : 'primary'\"\n        ></ax-progress-bar>\n      </div>\n    }\n  }\n</ul>\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;--tw-font-weight:initial;--tw-content:\"\"}}}@layer components{ax-uploader-list .ax-uploader-progress-status{border-block-style:var(--tw-border-style);border-block-width:1px;border-color:var(--color-primary-lightest,rgba(var(--ax-sys-color-primary-lightest-surface)));background-color:var(--color-primary-lightest,rgba(var(--ax-sys-color-primary-lightest-surface)));padding-inline:calc(var(--spacing,.25rem) * 3);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)));color:var(--color-on-primary-lightest,rgba(var(--ax-sys-color-on-primary-lightest-surface)));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));justify-content:space-between;align-items:center;display:flex}ax-uploader-list .ax-uploader-progress-status.ax-hide{height:calc(var(--spacing,.25rem) * 0);padding-block:calc(var(--spacing,.25rem) * 0);opacity:0;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));overflow:hidden}ax-uploader-list .ax-uploader-list-items{gap:calc(var(--spacing,.25rem) * 2);flex-direction:column;width:100%;max-height:75vh;display:flex;overflow:hidden auto}ax-uploader-list .ax-uploader-list-items li{align-items:center;gap:calc(var(--spacing,.25rem) * 4);width:100%;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)));display:flex}ax-uploader-list .ax-uploader-list-items li .ax-item-container{-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;display:flex}ax-uploader-list .ax-uploader-list-items li .ax-item-container .ax-item-name{width:calc(var(--spacing,.25rem) * 32);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));text-overflow:ellipsis;white-space:nowrap;display:inline-block;overflow:hidden}ax-uploader-list .ax-uploader-list-items li .ax-status{color:color-mix(in srgb,rgba(var(--ax-sys-color-on-surface-surface)) 50%,transparent);position:relative}@supports (color:color-mix(in lab,red,red)){ax-uploader-list .ax-uploader-list-items li .ax-status{color:color-mix(in oklab,var(--color-on-surface,rgba(var(--ax-sys-color-on-surface-surface))) 50%,transparent)}}ax-uploader-list .ax-uploader-list-items li .ax-status .ax-icon{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}ax-uploader-list .ax-uploader-list-items li .ax-status .ax-icon-close{cursor:pointer}ax-uploader-list .ax-uploader-list-items li .ax-status .ax-state-canceled span{color:var(--color-secondary,rgba(var(--ax-sys-color-secondary-surface)))}ax-uploader-list .ax-uploader-list-items li .ax-status .ax-state-failed{align-items:center;gap:calc(var(--spacing,.25rem) * 2);display:flex}ax-uploader-list .ax-uploader-list-items li .ax-status .ax-state-failed span{color:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)))}ax-uploader-list .ax-uploader-list-items li .ax-status .ax-state-failed i{cursor:pointer}ax-uploader-list .ax-uploader-list-items li .ax-status .ax-state-completed{color:var(--color-success,rgba(var(--ax-sys-color-success-surface)))}ax-uploader-list .ax-uploader-list-items li:hover .ax-hide{display:flex!important}ax-uploader-list .ax-uploader-list-items li:hover .ax-show{display:none!important}ax-uploader-list .ax-uploader-list-items li .ax-show{display:flex!important}ax-uploader-list .ax-uploader-list-items li .ax-hide{display:none!important}ax-uploader-list .ax-uploader-list-items .ax-status-loading.ax-status-loading-hide{opacity:0;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));overflow:hidden}.ax-file{aspect-ratio:1;width:calc(var(--spacing,.25rem) * 4);border-radius:var(--radius-sm,.25rem);background-color:var(--color-success,rgba(var(--ax-sys-color-success-surface)));color:var(--color-light,rgba(var(--ax-sys-color-light-surface)));justify-content:center;align-items:center;display:flex;position:relative}.ax-file>*{bottom: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-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-on-surface,rgba(var(--ax-sys-color-on-surface-surface)));position:absolute}.ax-file:before{top:calc(var(--spacing,.25rem) * 0);right:calc(var(--spacing,.25rem) * 0);border-style:var(--tw-border-style);border-width:0;border-right-style:var(--tw-border-style);border-right-width:4px;border-bottom-style:var(--tw-border-style);border-bottom-width:4px;border-color:var(--color-border-surface);border-color:var(--color-surface,rgba(var(--ax-sys-color-surface-surface)));border-top-color:color-mix(in srgb,rgba(var(--ax-sys-color-surface-surface)) 30%,transparent);position:absolute}@supports (color:color-mix(in lab,red,red)){.ax-file:before{border-top-color:color-mix(in oklab,var(--color-surface,rgba(var(--ax-sys-color-surface-surface))) 30%,transparent)}}.ax-file:before{border-left-color:color-mix(in srgb,rgba(var(--ax-sys-color-surface-surface)) 30%,transparent)}@supports (color:color-mix(in lab,red,red)){.ax-file:before{border-left-color:color-mix(in oklab,var(--color-surface,rgba(var(--ax-sys-color-surface-surface))) 30%,transparent)}}.ax-file:before{--tw-content:\"\";content:var(--tw-content)}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}\n/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 /**
@@ -58,11 +58,11 @@ class AXUploaderDialogContainerComponent {
         this.isCollapsed = !this.isCollapsed;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXUploaderDialogContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: AXUploaderDialogContainerComponent, isStandalone: true, selector: "ax-uploader-dialog-container", providers: [{ provide: AXComponent, useExisting: AXUploaderDialogContainerComponent }], ngImport: i0, template: "<div class=\"ax-uploader-list-header\">\n  <div>{{ '@acorex:common.actions.uploading' | translate | async }}</div>\n  <div>\n    <i\n      class=\"ax-icon\"\n      [ngClass]=\"{ 'ax-icon-chevron-down': !isCollapsed, 'ax-icon-chevron-up': isCollapsed }\"\n      (click)=\"toggle()\"\n    ></i>\n    <i class=\"ax-icon ax-icon-close\" (click)=\"close()\"></i>\n  </div>\n</div>\n@if (isCollapsed) {\n  <div animate.enter=\"ax-fade-slide-in\" animate.leave=\"ax-fade-slide-out\">\n    <ax-uploader-list></ax-uploader-list>\n  </div>\n}\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;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial}}}@layer components{ax-uploader-dialog-container{border-top-left-radius:var(--radius-xl,.75rem);border-top-right-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border-lightest,rgba(var(--ax-sys-color-border-lightest-surface)));background-color:var(--color-surface,rgba(var(--ax-sys-color-surface)));--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline-color:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)));display:block;overflow:hidden}ax-uploader-dialog-container .ax-uploader-list-header{background-color:var(--color-surface,rgba(var(--ax-sys-color-surface)));padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 4);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-on-surface,rgba(var(--ax-sys-color-on-surface)));justify-content:space-between;display:flex}ax-uploader-dialog-container .ax-uploader-list-header .ax-icon{cursor:pointer;margin-inline-start:calc(var(--spacing,.25rem) * 2)}ax-uploader-dialog-container .ax-uploader-list-header .ax-icon:hover{opacity:.75}ax-uploader-dialog-container .ax-fade-slide-in{animation:fadeSlideIn var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}ax-uploader-dialog-container .ax-fade-slide-out{animation:fadeSlideOut var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}}@keyframes fadeSlideIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:350px}}@keyframes fadeSlideOut{0%{opacity:1;max-height:350px}to{opacity:0;max-height:0}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.2.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: AXUploaderListComponent, selector: "ax-uploader-list" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: AXUploaderDialogContainerComponent, isStandalone: true, selector: "ax-uploader-dialog-container", providers: [{ provide: AXComponent, useExisting: AXUploaderDialogContainerComponent }], ngImport: i0, template: "<div class=\"ax-uploader-list-header\">\n  <div>{{ '@acorex:common.actions.uploading' | translate | async }}</div>\n  <div>\n    <i\n      class=\"ax-icon\"\n      [ngClass]=\"{ 'ax-icon-chevron-down': !isCollapsed, 'ax-icon-chevron-up': isCollapsed }\"\n      (click)=\"toggle()\"\n    ></i>\n    <i class=\"ax-icon ax-icon-close\" (click)=\"close()\"></i>\n  </div>\n</div>\n@if (isCollapsed) {\n  <div animate.enter=\"ax-fade-slide-in\" animate.leave=\"ax-fade-slide-out\">\n    <ax-uploader-list></ax-uploader-list>\n  </div>\n}\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;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial}}}@layer components{ax-uploader-dialog-container{border-top-left-radius:var(--radius-xl,.75rem);border-top-right-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border-lightest,rgba(var(--ax-sys-color-border-lightest-surface)));background-color:var(--color-surface);background-color:var(--color-surface,rgba(var(--ax-sys-color-surface-surface)));--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline-color:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)));display:block;overflow:hidden}ax-uploader-dialog-container .ax-uploader-list-header{background-color:var(--color-surface);background-color:var(--color-surface,rgba(var(--ax-sys-color-surface-surface)));padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 4);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-on-surface,rgba(var(--ax-sys-color-on-surface-surface)));justify-content:space-between;display:flex}ax-uploader-dialog-container .ax-uploader-list-header .ax-icon{cursor:pointer;margin-inline-start:calc(var(--spacing,.25rem) * 2)}ax-uploader-dialog-container .ax-uploader-list-header .ax-icon:hover{opacity:.75}ax-uploader-dialog-container .ax-fade-slide-in{animation:fadeSlideIn var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}ax-uploader-dialog-container .ax-fade-slide-out{animation:fadeSlideOut var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}}@keyframes fadeSlideIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:350px}}@keyframes fadeSlideOut{0%{opacity:1;max-height:350px}to{opacity:0;max-height:0}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: AXUploaderListComponent, selector: "ax-uploader-list" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXUploaderDialogContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-uploader-dialog-container', encapsulation: ViewEncapsulation.None, imports: [NgClass, AXUploaderListComponent, AsyncPipe, AXTranslatorPipe], providers: [{ provide: AXComponent, useExisting: AXUploaderDialogContainerComponent }], template: "<div class=\"ax-uploader-list-header\">\n  <div>{{ '@acorex:common.actions.uploading' | translate | async }}</div>\n  <div>\n    <i\n      class=\"ax-icon\"\n      [ngClass]=\"{ 'ax-icon-chevron-down': !isCollapsed, 'ax-icon-chevron-up': isCollapsed }\"\n      (click)=\"toggle()\"\n    ></i>\n    <i class=\"ax-icon ax-icon-close\" (click)=\"close()\"></i>\n  </div>\n</div>\n@if (isCollapsed) {\n  <div animate.enter=\"ax-fade-slide-in\" animate.leave=\"ax-fade-slide-out\">\n    <ax-uploader-list></ax-uploader-list>\n  </div>\n}\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;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial}}}@layer components{ax-uploader-dialog-container{border-top-left-radius:var(--radius-xl,.75rem);border-top-right-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border-lightest,rgba(var(--ax-sys-color-border-lightest-surface)));background-color:var(--color-surface,rgba(var(--ax-sys-color-surface)));--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline-color:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)));display:block;overflow:hidden}ax-uploader-dialog-container .ax-uploader-list-header{background-color:var(--color-surface,rgba(var(--ax-sys-color-surface)));padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 4);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-on-surface,rgba(var(--ax-sys-color-on-surface)));justify-content:space-between;display:flex}ax-uploader-dialog-container .ax-uploader-list-header .ax-icon{cursor:pointer;margin-inline-start:calc(var(--spacing,.25rem) * 2)}ax-uploader-dialog-container .ax-uploader-list-header .ax-icon:hover{opacity:.75}ax-uploader-dialog-container .ax-fade-slide-in{animation:fadeSlideIn var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}ax-uploader-dialog-container .ax-fade-slide-out{animation:fadeSlideOut var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}}@keyframes fadeSlideIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:350px}}@keyframes fadeSlideOut{0%{opacity:1;max-height:350px}to{opacity:0;max-height:0}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.2.3 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'ax-uploader-dialog-container', encapsulation: ViewEncapsulation.None, imports: [NgClass, AXUploaderListComponent, AsyncPipe, AXTranslatorPipe], providers: [{ provide: AXComponent, useExisting: AXUploaderDialogContainerComponent }], template: "<div class=\"ax-uploader-list-header\">\n  <div>{{ '@acorex:common.actions.uploading' | translate | async }}</div>\n  <div>\n    <i\n      class=\"ax-icon\"\n      [ngClass]=\"{ 'ax-icon-chevron-down': !isCollapsed, 'ax-icon-chevron-up': isCollapsed }\"\n      (click)=\"toggle()\"\n    ></i>\n    <i class=\"ax-icon ax-icon-close\" (click)=\"close()\"></i>\n  </div>\n</div>\n@if (isCollapsed) {\n  <div animate.enter=\"ax-fade-slide-in\" animate.leave=\"ax-fade-slide-out\">\n    <ax-uploader-list></ax-uploader-list>\n  </div>\n}\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;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial}}}@layer components{ax-uploader-dialog-container{border-top-left-radius:var(--radius-xl,.75rem);border-top-right-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border-lightest,rgba(var(--ax-sys-color-border-lightest-surface)));background-color:var(--color-surface);background-color:var(--color-surface,rgba(var(--ax-sys-color-surface-surface)));--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline-color:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)));display:block;overflow:hidden}ax-uploader-dialog-container .ax-uploader-list-header{background-color:var(--color-surface);background-color:var(--color-surface,rgba(var(--ax-sys-color-surface-surface)));padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 4);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-on-surface,rgba(var(--ax-sys-color-on-surface-surface)));justify-content:space-between;display:flex}ax-uploader-dialog-container .ax-uploader-list-header .ax-icon{cursor:pointer;margin-inline-start:calc(var(--spacing,.25rem) * 2)}ax-uploader-dialog-container .ax-uploader-list-header .ax-icon:hover{opacity:.75}ax-uploader-dialog-container .ax-fade-slide-in{animation:fadeSlideIn var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}ax-uploader-dialog-container .ax-fade-slide-out{animation:fadeSlideOut var(--ax-sys-transition-duration) var(--ax-sys-transition-timing-function)}}@keyframes fadeSlideIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:350px}}@keyframes fadeSlideOut{0%{opacity:1;max-height:350px}to{opacity:0;max-height:0}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 /**
@@ -86,11 +86,11 @@ class AXUploaderDropZoneComponent extends MXBaseComponent {
         return false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXUploaderDropZoneComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: AXUploaderDropZoneComponent, isStandalone: true, selector: "ax-uploader-drop-zone", inputs: { description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: AXComponent, useExisting: AXUploaderDropZoneComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-uploader-drop-zone-container\">\n  <ax-icon class=\"ax-icon ax-icon-upload\"></ax-icon>\n  <div class=\"ax-uploader-drop-zone-description\">\n    <span>\n      {{ '@acorex:uploader.zone.drag' | translate | async }}\n      <a href=\"\" (click)=\"preventRefresh()\">\n        {{ '@acorex:uploader.zone.choose' | translate | async }}\n      </a>\n      {{ '@acorex:uploader.zone.to-upload' | translate | async }}\n    </span>\n    <!-- <p>SVG, PNG, JPG or GIF (MAX. 800x400px)</p> -->\n    @if (description()) {\n      <p>{{ description() }}</p>\n    }\n  </div>\n</div>\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-uploader-drop-zone{cursor:pointer;width:100%;height:100%;display:block}ax-uploader-drop-zone .ax-uploader-drop-zone-container{pointer-events:none;margin:calc(var(--spacing,.25rem) * 4);justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 4);border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-width:2px;border-color:var(--color-border-lightest,rgba(var(--ax-sys-color-border-lightest-surface)));padding:calc(var(--spacing,.25rem) * 4);flex-direction:column;display:flex}ax-uploader-drop-zone .ax-uploader-drop-zone-container:hover{border-color:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)));background-color:var(--color-primary-lightest,rgba(var(--ax-sys-color-primary-lightest-surface)))}ax-uploader-drop-zone .ax-uploader-drop-zone-container ax-icon{height:calc(var(--spacing,.25rem) * 8);width:calc(var(--spacing,.25rem) * 7);font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height, 1.2 ));color:color-mix(in srgb,rgba(var(--ax-sys-color-on-surface)) 50%,transparent)}@supports (color:color-mix(in lab,red,red)){ax-uploader-drop-zone .ax-uploader-drop-zone-container ax-icon{color:color-mix(in oklab,var(--color-on-surface,rgba(var(--ax-sys-color-on-surface))) 50%,transparent)}}ax-uploader-drop-zone .ax-uploader-drop-zone-container .ax-uploader-drop-zone-description{gap:calc(var(--spacing,.25rem) * 2);flex-direction:column;display:flex}ax-uploader-drop-zone .ax-uploader-drop-zone-container .ax-uploader-drop-zone-description a{color:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)))}ax-uploader-drop-zone .ax-uploader-drop-zone-container .ax-uploader-drop-zone-description p{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:color-mix(in srgb,rgba(var(--ax-sys-color-on-surface)) 50%,transparent)}@supports (color:color-mix(in lab,red,red)){ax-uploader-drop-zone .ax-uploader-drop-zone-container .ax-uploader-drop-zone-description p{color:color-mix(in oklab,var(--color-on-surface,rgba(var(--ax-sys-color-on-surface))) 50%,transparent)}}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.2.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: AXUploaderDropZoneComponent, isStandalone: true, selector: "ax-uploader-drop-zone", inputs: { description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: AXComponent, useExisting: AXUploaderDropZoneComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-uploader-drop-zone-container\">\n  <ax-icon class=\"ax-icon ax-icon-upload\"></ax-icon>\n  <div class=\"ax-uploader-drop-zone-description\">\n    <span>\n      {{ '@acorex:uploader.zone.drag' | translate | async }}\n      <a href=\"\" (click)=\"preventRefresh()\">\n        {{ '@acorex:uploader.zone.choose' | translate | async }}\n      </a>\n      {{ '@acorex:uploader.zone.to-upload' | translate | async }}\n    </span>\n    <!-- <p>SVG, PNG, JPG or GIF (MAX. 800x400px)</p> -->\n    @if (description()) {\n      <p>{{ description() }}</p>\n    }\n  </div>\n</div>\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-uploader-drop-zone{cursor:pointer;width:100%;height:100%;display:block}ax-uploader-drop-zone .ax-uploader-drop-zone-container{pointer-events:none;margin:calc(var(--spacing,.25rem) * 4);justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 4);border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-width:2px;border-color:var(--color-border-lightest,rgba(var(--ax-sys-color-border-lightest-surface)));padding:calc(var(--spacing,.25rem) * 4);flex-direction:column;display:flex}ax-uploader-drop-zone .ax-uploader-drop-zone-container:hover{border-color:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)));background-color:var(--color-primary-lightest,rgba(var(--ax-sys-color-primary-lightest-surface)))}ax-uploader-drop-zone .ax-uploader-drop-zone-container ax-icon{height:calc(var(--spacing,.25rem) * 8);width:calc(var(--spacing,.25rem) * 7);font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height, 1.2 ));color:color-mix(in srgb,rgba(var(--ax-sys-color-on-surface-surface)) 50%,transparent)}@supports (color:color-mix(in lab,red,red)){ax-uploader-drop-zone .ax-uploader-drop-zone-container ax-icon{color:color-mix(in oklab,var(--color-on-surface,rgba(var(--ax-sys-color-on-surface-surface))) 50%,transparent)}}ax-uploader-drop-zone .ax-uploader-drop-zone-container .ax-uploader-drop-zone-description{gap:calc(var(--spacing,.25rem) * 2);flex-direction:column;display:flex}ax-uploader-drop-zone .ax-uploader-drop-zone-container .ax-uploader-drop-zone-description a{color:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)))}ax-uploader-drop-zone .ax-uploader-drop-zone-container .ax-uploader-drop-zone-description p{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:color-mix(in srgb,rgba(var(--ax-sys-color-on-surface-surface)) 50%,transparent)}@supports (color:color-mix(in lab,red,red)){ax-uploader-drop-zone .ax-uploader-drop-zone-container .ax-uploader-drop-zone-description p{color:color-mix(in oklab,var(--color-on-surface,rgba(var(--ax-sys-color-on-surface-surface))) 50%,transparent)}}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXUploaderDropZoneComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-uploader-drop-zone', encapsulation: ViewEncapsulation.None, imports: [AXDecoratorIconComponent, AsyncPipe, AXTranslatorPipe], providers: [{ provide: AXComponent, useExisting: AXUploaderDropZoneComponent }], template: "<div class=\"ax-uploader-drop-zone-container\">\n  <ax-icon class=\"ax-icon ax-icon-upload\"></ax-icon>\n  <div class=\"ax-uploader-drop-zone-description\">\n    <span>\n      {{ '@acorex:uploader.zone.drag' | translate | async }}\n      <a href=\"\" (click)=\"preventRefresh()\">\n        {{ '@acorex:uploader.zone.choose' | translate | async }}\n      </a>\n      {{ '@acorex:uploader.zone.to-upload' | translate | async }}\n    </span>\n    <!-- <p>SVG, PNG, JPG or GIF (MAX. 800x400px)</p> -->\n    @if (description()) {\n      <p>{{ description() }}</p>\n    }\n  </div>\n</div>\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-uploader-drop-zone{cursor:pointer;width:100%;height:100%;display:block}ax-uploader-drop-zone .ax-uploader-drop-zone-container{pointer-events:none;margin:calc(var(--spacing,.25rem) * 4);justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 4);border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-width:2px;border-color:var(--color-border-lightest,rgba(var(--ax-sys-color-border-lightest-surface)));padding:calc(var(--spacing,.25rem) * 4);flex-direction:column;display:flex}ax-uploader-drop-zone .ax-uploader-drop-zone-container:hover{border-color:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)));background-color:var(--color-primary-lightest,rgba(var(--ax-sys-color-primary-lightest-surface)))}ax-uploader-drop-zone .ax-uploader-drop-zone-container ax-icon{height:calc(var(--spacing,.25rem) * 8);width:calc(var(--spacing,.25rem) * 7);font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height, 1.2 ));color:color-mix(in srgb,rgba(var(--ax-sys-color-on-surface)) 50%,transparent)}@supports (color:color-mix(in lab,red,red)){ax-uploader-drop-zone .ax-uploader-drop-zone-container ax-icon{color:color-mix(in oklab,var(--color-on-surface,rgba(var(--ax-sys-color-on-surface))) 50%,transparent)}}ax-uploader-drop-zone .ax-uploader-drop-zone-container .ax-uploader-drop-zone-description{gap:calc(var(--spacing,.25rem) * 2);flex-direction:column;display:flex}ax-uploader-drop-zone .ax-uploader-drop-zone-container .ax-uploader-drop-zone-description a{color:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)))}ax-uploader-drop-zone .ax-uploader-drop-zone-container .ax-uploader-drop-zone-description p{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:color-mix(in srgb,rgba(var(--ax-sys-color-on-surface)) 50%,transparent)}@supports (color:color-mix(in lab,red,red)){ax-uploader-drop-zone .ax-uploader-drop-zone-container .ax-uploader-drop-zone-description p{color:color-mix(in oklab,var(--color-on-surface,rgba(var(--ax-sys-color-on-surface))) 50%,transparent)}}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.2.3 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'ax-uploader-drop-zone', encapsulation: ViewEncapsulation.None, imports: [AXDecoratorIconComponent, AsyncPipe, AXTranslatorPipe], providers: [{ provide: AXComponent, useExisting: AXUploaderDropZoneComponent }], template: "<div class=\"ax-uploader-drop-zone-container\">\n  <ax-icon class=\"ax-icon ax-icon-upload\"></ax-icon>\n  <div class=\"ax-uploader-drop-zone-description\">\n    <span>\n      {{ '@acorex:uploader.zone.drag' | translate | async }}\n      <a href=\"\" (click)=\"preventRefresh()\">\n        {{ '@acorex:uploader.zone.choose' | translate | async }}\n      </a>\n      {{ '@acorex:uploader.zone.to-upload' | translate | async }}\n    </span>\n    <!-- <p>SVG, PNG, JPG or GIF (MAX. 800x400px)</p> -->\n    @if (description()) {\n      <p>{{ description() }}</p>\n    }\n  </div>\n</div>\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-uploader-drop-zone{cursor:pointer;width:100%;height:100%;display:block}ax-uploader-drop-zone .ax-uploader-drop-zone-container{pointer-events:none;margin:calc(var(--spacing,.25rem) * 4);justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 4);border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-width:2px;border-color:var(--color-border-lightest,rgba(var(--ax-sys-color-border-lightest-surface)));padding:calc(var(--spacing,.25rem) * 4);flex-direction:column;display:flex}ax-uploader-drop-zone .ax-uploader-drop-zone-container:hover{border-color:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)));background-color:var(--color-primary-lightest,rgba(var(--ax-sys-color-primary-lightest-surface)))}ax-uploader-drop-zone .ax-uploader-drop-zone-container ax-icon{height:calc(var(--spacing,.25rem) * 8);width:calc(var(--spacing,.25rem) * 7);font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height, 1.2 ));color:color-mix(in srgb,rgba(var(--ax-sys-color-on-surface-surface)) 50%,transparent)}@supports (color:color-mix(in lab,red,red)){ax-uploader-drop-zone .ax-uploader-drop-zone-container ax-icon{color:color-mix(in oklab,var(--color-on-surface,rgba(var(--ax-sys-color-on-surface-surface))) 50%,transparent)}}ax-uploader-drop-zone .ax-uploader-drop-zone-container .ax-uploader-drop-zone-description{gap:calc(var(--spacing,.25rem) * 2);flex-direction:column;display:flex}ax-uploader-drop-zone .ax-uploader-drop-zone-container .ax-uploader-drop-zone-description a{color:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)))}ax-uploader-drop-zone .ax-uploader-drop-zone-container .ax-uploader-drop-zone-description p{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:color-mix(in srgb,rgba(var(--ax-sys-color-on-surface-surface)) 50%,transparent)}@supports (color:color-mix(in lab,red,red)){ax-uploader-drop-zone .ax-uploader-drop-zone-container .ax-uploader-drop-zone-description p{color:color-mix(in oklab,var(--color-on-surface,rgba(var(--ax-sys-color-on-surface-surface))) 50%,transparent)}}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }] } });
 
 const COMPONENTS = [AXUploaderListComponent, AXUploaderDialogContainerComponent];