@acorex/components 22.0.0-next.24 → 22.0.0-next.27

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-form.mjs","sources":["../../../../packages/components/form/src/lib/form.component.ts","../../../../packages/components/form/src/lib/form-field.component.ts","../../../../packages/components/form/src/lib/form.config.ts","../../../../packages/components/form/src/lib/validation-rule.directive.ts","../../../../packages/components/form/src/lib/validation-summary.component.ts","../../../../packages/components/form/src/lib/form.module.ts","../../../../packages/components/form/src/acorex-components-form.ts"],"sourcesContent":["import {\n  AXComponent,\n  AXEvent,\n  AXStyleLookType,\n  AXValuableComponent,\n  AXValueChangedEvent,\n  MXValueComponent,\n} from '@acorex/cdk/common';\nimport { AXValidationSummary } from '@acorex/core/validation';\nimport {\n  AfterViewInit,\n  Component,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  Output,\n  ViewEncapsulation,\n  afterNextRender,\n  contentChildren,\n  effect,\n  input,\n} from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { AXFormFieldComponent } from './form-field.component';\n\n/**\n *  Contains native event\n * @category Events\n */\nexport class AXFormValidationEvent extends AXEvent {\n  result: AXValidationSummary;\n}\n\n/**\n *  Contains native event\n * @category Events\n */\nexport type AXFormUpdateOn = 'change' | 'blur' | 'submit';\nexport type AXFormMessageStyle = 'bottom' | 'float';\nexport type AXLabelMode = 'static' | 'floating' | 'over';\n\n/**\n * The AXForm is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-form',\n  template: `<form (submit)=\"_handleSubmit($event)\" (reset)=\"_handleReset()\" class=\"ax-{{ messageStyle() }}-error\">\n    <ng-content></ng-content>\n  </form>`,\n  inputs: ['disabled', 'readonly'],\n  encapsulation: ViewEncapsulation.None,\n\n  providers: [{ provide: AXComponent, useExisting: AXFormComponent }],\n  styles: `\n    form {\n      height: inherit;\n    }\n  `,\n})\nexport class AXFormComponent extends MXValueComponent implements OnDestroy, AfterViewInit {\n  /**\n   * Specifies the mode of the label in the form field.\n   *  @defaultValue 'static'\n   */\n  readonly labelMode = input<AXLabelMode>('static');\n\n  readonly look = input<AXStyleLookType>(null);\n\n  content = contentChildren(AXFormFieldComponent, { descendants: true });\n\n  #applyLooks = effect(() => {\n    const currentLook = this.look();\n    if (!currentLook) return;\n    this.content().forEach((item: any) => {\n      if (item.input) {\n        item.input.look = currentLook;\n      }\n    });\n  });\n\n  #init = afterNextRender(() => {\n    this.content().forEach((item: any) => {\n      if (item.input?.readonly === null) {\n        item.input.readonly = this.readonly;\n      }\n      if (item.input?.disabled === null) {\n        item.input.disabled = this.disabled;\n      }\n    });\n    this.disabledChange.subscribe((disabled) => {\n      this.content().forEach((item: any) => {\n        item.input.disabled = disabled;\n      });\n    });\n    this.readonlyChange.subscribe((readonly) => {\n      this.content().forEach((item: any) => {\n        item.input.readonly = readonly;\n      });\n    });\n  });\n\n  /**\n   * Determines the style of the message in the form field.\n   * @defaultValue 'bottom'\n   */\n  readonly messageStyle = input<AXFormMessageStyle>('bottom');\n\n  /**\n   * Emitted when the form is validated.\n   *\n   * @event\n   */\n  @Output()\n  onValidate: EventEmitter<AXFormValidationEvent> = new EventEmitter<AXFormValidationEvent>();\n\n  /**\n   * Emitted when the form's update mode changes.\n   *\n   * @event\n   */\n  @Output()\n  updateOnChange: EventEmitter<AXFormUpdateOn> = new EventEmitter<AXFormUpdateOn>();\n\n  /**\n   *  @ignore\n   */\n  private _updateOn: AXFormUpdateOn = 'blur';\n\n  /**\n   * Determines when the form should be updated.\n   */\n  @Input()\n  public get updateOn(): AXFormUpdateOn {\n    return this._updateOn;\n  }\n\n  /**\n   * Sets the criteria for when the form should be updated.\n   * @param v The criteria to set (e.g., 'change', 'blur').\n   */\n  public set updateOn(v: AXFormUpdateOn) {\n    this.setOption({\n      name: 'updateOn',\n      value: v,\n      afterCallback: () => {\n        this._bindEvents();\n      },\n    });\n  }\n\n  inUserInteractionActive = input(true);\n\n  /**\n   *  @ignore\n   */\n  private _subs: Subscription[] = [];\n\n  /**\n   *  @ignore\n   */\n  protected async _handleSubmit(e: SubmitEvent) {\n    e.preventDefault();\n    await this.validate();\n  }\n\n  /**\n   *  @ignore\n   */\n  protected _handleReset() {\n    this.reset();\n  }\n\n  /**\n   *  @ignore\n   */\n  constructor() {\n    super();\n  }\n\n  ngAfterViewInit(): void {\n    this._bindEvents();\n  }\n\n  private _bindEvents() {\n    this._clearSubs();\n    const widgets = this.content();\n\n    widgets.forEach((w: any) => {\n      const input = w?.input;\n      if (!input) return;\n\n      const shouldValidate = () => this.updateOn === 'change';\n      const applyUpdate = () => (shouldValidate() ? input.validate() : input.resetErrors());\n\n      if (this.updateOn === 'blur') {\n        this._subs.push(input.onBlur?.subscribe(() => input.validate()));\n        return;\n      }\n\n      this._subs.push(\n        input.onValueChanged?.subscribe((e: AXValueChangedEvent) => {\n          // Only gate on user interaction when that mode is active\n          if (this.inUserInteractionActive() && !e.isUserInteraction) return;\n          applyUpdate();\n        }),\n      );\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  private _clearSubs() {\n    this._subs.forEach((c) => c?.unsubscribe());\n    this._subs = [];\n  }\n\n  /**\n   *  @ignore\n   */\n  private get fields(): AXValuableComponent[] {\n    return Array.from(this.getHostElement().querySelectorAll('[ax-form-item=\"true\"]'))\n      .map((c) => (c as any).__axContext__)\n      .filter((c) => c != null);\n  }\n\n  /**\n   * Validates the form fields.\n   *\n   * @param names - Optional array of field names to validate.\n   * @returns Promise<AXValidationSummary> - Promise that resolves with validation results.\n   */\n  override async validate(...names: string[]): Promise<AXValidationSummary> {\n    const results = await Promise.all(\n      this.fields\n        .filter((c) => names == null || names.length == 0 || names.includes(c.name))\n        .map((field) => field.validate()),\n    );\n    // Merge all validation summaries into one\n    const mergedSummary: AXValidationSummary = {\n      result: results.every((res) => res.result),\n      rules: results.flatMap((res) => res.rules),\n    };\n    this._emitOnValidateEvent(mergedSummary);\n    return mergedSummary;\n  }\n\n  /**\n   *  @ignore\n   */\n  private _emitOnValidateEvent(e: AXValidationSummary) {\n    this.onValidate.emit({\n      component: this,\n      result: e,\n      htmlElement: this.getHostElement(),\n    });\n  }\n\n  /**\n   * Resets all form fields without clearing errors.\n   *\n   * @returns void - No return value. Form fields are reset to their initial values.\n   */\n  override reset() {\n    this.fields.forEach((c) => c.reset(false));\n    this.fields.forEach((c) => c.resetErrors());\n  }\n\n  /**\n   * Resets validation errors for all form fields.\n   *\n   * @returns void - No return value. All validation errors are cleared.\n   */\n  override resetErrors() {\n    this.fields.forEach((c) => c.resetErrors());\n  }\n\n  /**\n   *  @ignore\n   */\n  override ngOnDestroy(): void {\n    this._clearSubs();\n  }\n}\n","import { AXComponent, AXValuableComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport { AXCheckBoxComponent } from '@acorex/components/check-box';\nimport { AXLabelComponent } from '@acorex/components/label';\nimport { AXUnsubscriber } from '@acorex/core/utils';\nimport {\n  AfterContentChecked,\n  Component,\n  ContentChild,\n  HostBinding,\n  ViewContainerRef,\n  ViewEncapsulation,\n  afterNextRender,\n  effect,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { AXFormComponent, AXLabelMode } from './form.component';\n\n/**\n * A container component for form fields that provides styling and structure.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-form-field',\n  template: `<ng-content></ng-content>`,\n  styleUrls: ['./form-field.component.css'],\n  encapsulation: ViewEncapsulation.None,\n\n  providers: [AXUnsubscriber, { provide: AXComponent, useExisting: AXFormFieldComponent }],\n})\nexport class AXFormFieldComponent extends MXBaseComponent implements AfterContentChecked {\n  /**\n   * Specifies the mode of the label in the form field.\n   *  @defaultValue 'static'\n   */\n  readonly labelMode = input<AXLabelMode>('static');\n\n  /**\n   *  @ignore\n   */\n  protected _labelMode = signal<AXLabelMode>(this.labelMode());\n\n  private unsubscriber = inject(AXUnsubscriber);\n\n  @ContentChild(AXValuableComponent)\n  private input: AXValuableComponent;\n\n  /**\n   *  @ignore\n   */\n  @ContentChild(AXLabelComponent)\n  private label: AXLabelComponent;\n\n  private form = inject(AXFormComponent, { optional: true });\n\n  private host = inject(ViewContainerRef);\n\n  /**\n   *  @ignore\n   */\n  protected prefix: HTMLElement;\n\n  /**\n   *  @ignore\n   */\n  constructor() {\n    super();\n\n    afterNextRender(() => {\n      this.setRequired();\n      this.listeningEvent();\n      // this.calcIndentSize();\n      this.autoSetLabelAssociation();\n    });\n\n    effect(() => {\n      this.setLabelMode();\n    });\n  }\n\n  ngAfterContentChecked(): void {\n    // this.calcIndentSize();\n  }\n\n  /**\n   * Calculates and sets the indentation size for the label based on the width of the prefix element.\n   * @ignore\n   */\n  protected calcIndentSize() {\n    const prefix = (this.input as any)?.getHostElement()?.querySelector('ax-prefix') as HTMLElement;\n\n    if (prefix && this.label) {\n      this.label.getHostElement().style.insetInlineStart = `calc(${prefix?.clientWidth}px + calc(var(--spacing) * 2) + calc(var(--spacing) * 3))`;\n      this.label.getHostElement().style.paddingInline = '0px';\n    }\n  }\n\n  /**\n   * Sets the required attribute for the input field based on validation rules.\n   * Automatically updates if validation rules change.\n   * @ignore\n   */\n  protected setRequired() {\n    this.autoSetRequired();\n    this.input?.validationRulesChange.pipe(this.unsubscriber.takeUntilDestroy).subscribe(() => {\n      this.autoSetRequired();\n    });\n  }\n  /**\n   * Sets the label mode based on the form's label mode configuration.\n   * @ignore\n   */\n  protected setLabelMode() {\n    this._labelMode.set(this.form?.labelMode());\n  }\n\n  /**\n   * Subscribes to focus and blur events on the input element.\n   * Adds or removes the 'ax-state-focused' class to/from the host element based on the focus state.\n   * @ignone\n   */\n  protected listeningEvent() {\n    if (this.input instanceof AXCheckBoxComponent) return;\n    const focusEvent = this.input?.['onFocus'] as Subject<any>;\n    focusEvent?.subscribe((e) => {\n      // this.handleFloating('focus');\n      this.host.element.nativeElement.classList.add('ax-state-focused');\n    });\n    //\n    const blurEvent = this.input?.['onBlur'] as Subject<any>;\n    blurEvent?.subscribe((e) => {\n      // this.handleFloating('blur');\n      this.host.element.nativeElement.classList.remove('ax-state-focused');\n    });\n  }\n  // protected handleFloating(mode: 'focus' | 'blur') {\n  //   const _host = this.host.element.nativeElement as HTMLElement;\n  //   const placeholder = this.input;\n\n  //   switch (mode) {\n  //     case 'focus':\n  //       _host.classList.add('ax-state-floating');\n  //       this.label.getHostElement().style.insetInlineStart = 'inherit';\n\n  //       break;\n  //     case 'blur':\n  //       _host.classList.remove('ax-state-floating');\n\n  //       break;\n  //   }\n  // }\n\n  /**\n   *  @ignore\n   */\n  private autoSetRequired() {\n    if (this.label && this.input) {\n      if (this.label.required == null || this.label['autoSetRequired']) {\n        this.label.required = this.input.isRequired;\n        this.label['autoSetRequired'] = true;\n      }\n    }\n  }\n\n  /**\n   *  @ignore\n   */\n  private autoSetLabelAssociation() {\n    if (this.label && this.input) {\n      this.label.for = this.input as any;\n    }\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  get __hostClass(): string[] {\n    let hasValue;\n    let isCheckbox = this.input instanceof AXCheckBoxComponent;\n\n    if (this.input) {\n      // Avoid hard imports of select-box/combo-box (breaks package dependency cycles).\n      // Multi-value controls expose an array; treat non-empty arrays as having a value.\n      if (Array.isArray(this.input.value)) {\n        hasValue = this.input.value.length;\n      } else {\n        hasValue = this.input.value;\n      }\n    }\n\n    if (isCheckbox) {\n      return [`ax-state-static-label`];\n    } else {\n      return [`ax-state-${this._labelMode()}-label`, `${hasValue ? 'ax-state-has-value' : ''}`];\n    }\n  }\n}\n","import { InjectionToken } from '@angular/core';\n\nexport interface AXFormConfig {}\n\nexport const AX_FORM_CONFIG = new InjectionToken<AXFormConfig>('AX_FORM_CONFIG', {\n  providedIn: 'root',\n  factory: () => {\n    return AXFormDefaultConfig;\n  },\n});\n\nexport const AXFormDefaultConfig: AXFormConfig = {};\n\nexport type PartialFormConfig = Partial<AXFormConfig>;\n\nexport function formConfig(config: PartialFormConfig = {}): AXFormConfig {\n  const result = {\n    ...AXFormDefaultConfig,\n    ...config,\n  };\n  return result;\n}\n","import { AXValuableComponent } from '@acorex/cdk/common';\nimport { AXValidationRuleOptions } from '@acorex/core/validation';\nimport { Directive, effect, inject, input, OnDestroy } from '@angular/core';\n\n@Directive({ selector: 'ax-validation-rule' })\nexport class AXValidationRuleDirective implements OnDestroy {\n  private host = inject(AXValuableComponent);\n\n  rule = input<string>();\n  options = input<Omit<AXValidationRuleOptions, 'message'>>();\n  message = input<string>();\n  disabled = input(false);\n\n  #disabledChanged = effect(() => {\n    if (this.disabled()) {\n      this.removeValidation();\n    } else {\n      this.addValidation();\n    }\n  });\n\n  ngOnDestroy() {\n    this.removeValidation();\n  }\n\n  private addValidation() {\n    this.host.addValidationRule({ rule: this.rule(), disabled: this.disabled(), options: this.ruleOptions });\n  }\n  private removeValidation() {\n    this.host.removeValidationRule({\n      rule: this.rule(),\n      disabled: this.disabled(),\n      options: this.ruleOptions,\n    });\n  }\n\n  private get ruleOptions(): AXValidationRuleOptions {\n    return Object.assign({ message: this.message(), name: this.host.name }, this.options());\n  }\n}\n","import { AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport { AXAlertComponent } from '@acorex/components/alert';\nimport { AXButtonComponent } from '@acorex/components/button';\nimport { AXDecoratorGenericComponent, AXDecoratorIconComponent } from '@acorex/components/decorators';\nimport { AXToastService } from '@acorex/components/toast';\nimport { AXTranslationService, AXTranslatorPipe } from '@acorex/core/translation';\nimport { AsyncPipe } from '@angular/common';\nimport { Component, Input, OnDestroy, ViewEncapsulation, inject } from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { AXFormComponent, AXFormValidationEvent } from './form.component';\n\nexport type AXValidationSummaryDisplayMode = 'toast' | 'alert';\n\n/**\n * Displays validation summaries in the form of an alert.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-validation-summary',\n  template: `\n    @if (displayMode === 'alert' && _content) {\n      <ax-alert color=\"danger\" [timeOut]=\"_timeOut\" #a (onClosed)=\"_handleOnDismissed()\">\n        <ax-icon></ax-icon>\n        <ax-title>{{ title | translate | async }}</ax-title>\n        <ax-content>\n          <div [innerHTML]=\"_content\"></div>\n        </ax-content>\n        <ax-footer>\n          <ax-suffix>\n            <ax-button text=\"Dismiss\" (onClick)=\"a.close()\"></ax-button>\n          </ax-suffix>\n        </ax-footer>\n      </ax-alert>\n    }\n  `,\n\n  encapsulation: ViewEncapsulation.None,\n  imports: [\n    AXAlertComponent,\n    AXDecoratorIconComponent,\n    AXDecoratorGenericComponent,\n    AXButtonComponent,\n    AsyncPipe,\n    AXTranslatorPipe,\n  ],\n  providers: [{ provide: AXComponent, useExisting: AXValidationSummaryComponent }],\n})\nexport class AXValidationSummaryComponent extends MXBaseComponent implements OnDestroy {\n  private _tosatService = inject(AXToastService);\n  private host = inject<AXFormComponent>(AXFormComponent, { optional: true });\n  private translateService = inject(AXTranslationService);\n\n  /**\n   *  @ignore\n   */\n  protected _content?: string = null;\n\n  /**\n   *  @ignore\n   */\n  private _title = '@acorex:validation.messages.title';\n\n  /**\n   * The title of the validation summary alert.\n   */\n  @Input()\n  public get title(): string {\n    return this._title;\n  }\n\n  /**\n   * Sets the title of the validation summary alert.\n   *\n   * @param v The title to be set.\n   */\n  public set title(v: string) {\n    this._title = v;\n  }\n\n  /**\n   * Specifies the display mode for the validation summary.\n   *\n   *  @defaultValue 'toast'\n   */\n  @Input()\n  displayMode: AXValidationSummaryDisplayMode = 'toast';\n\n  /**\n   * Specifies the time in milliseconds before the validation summary automatically hides.\n   */\n  @Input()\n  timeOut?: number;\n\n  /**\n   * Determines whether the validation summary should automatically hide after a specified time.\n   * @defaultValue false\n   */\n  @Input()\n  autoHide = false;\n\n  /**\n   *  @ignore\n   */\n  protected _timeOut: number;\n\n  /**\n   *  @ignore\n   */\n  private sub: Subscription;\n\n  /**\n   *  @ignore\n   */\n  constructor() {\n    super();\n    const host = this.host;\n\n    //\n    this.sub = host.onValidate.subscribe(async (e: AXFormValidationEvent) => {\n      if (e.result.result) {\n        this._content = null;\n      } else {\n        const failedRules = e.result.rules.filter((c) => !c.result && c.message);\n\n        this._content = `<ul>${failedRules.map((c) => this.formatRule({ title: c['title'] as string, message: c.message })).join('')}</ul>`;\n        this._timeOut = this.autoHide ? (this.timeOut ?? Math.max(failedRules.length * 1000, 2000)) : 0;\n\n        if (this.displayMode == 'toast') {\n          this._tosatService.show({\n            color: 'danger',\n            closeButton: true,\n            timeOut: this._timeOut,\n            timeOutProgress: true,\n            content: this._content,\n            title: await this.translateService.translateAsync(this.title),\n            location: 'bottom-center',\n          });\n        }\n      }\n      this.cdr.markForCheck();\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  private formatRule(rule: { title?: string; message: string }): string {\n    return rule.title ? `<li><b>${rule.title}:</b> ${rule.message}</li>` : `<li>${rule.message}</li>`;\n  }\n\n  /**\n   *  @ignore\n   */\n  protected _handleOnDismissed() {\n    this._content = null;\n  }\n\n  /**\n   *  @ignore\n   */\n  ngOnDestroy() {\n    this.sub?.unsubscribe();\n  }\n}\n","import { AXAlertModule } from '@acorex/components/alert';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXValidationModule } from '@acorex/core/validation';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXFormFieldComponent } from './form-field.component';\nimport { AXFormComponent } from './form.component';\nimport { AXValidationRuleDirective } from './validation-rule.directive';\nimport { AXValidationSummaryComponent } from './validation-summary.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    AXDecoratorModule,\n    AXAlertModule,\n    AXButtonModule,\n    AXValidationModule,\n    AXTranslationModule,\n    AXFormFieldComponent,\n    AXFormComponent,\n    AXValidationRuleDirective,\n    AXValidationSummaryComponent,\n  ],\n  exports: [AXFormFieldComponent, AXFormComponent, AXValidationRuleDirective, AXValidationSummaryComponent],\n  providers: [],\n})\nexport class AXFormModule {}\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-form.mjs","sources":["../../../../packages/components/form/src/lib/form.component.ts","../../../../packages/components/form/src/lib/form-field.component.ts","../../../../packages/components/form/src/lib/form.config.ts","../../../../packages/components/form/src/lib/validation-rule.directive.ts","../../../../packages/components/form/src/lib/validation-summary.component.ts","../../../../packages/components/form/src/lib/form.module.ts","../../../../packages/components/form/src/acorex-components-form.ts"],"sourcesContent":["import {\n  AXComponent,\n  AXEvent,\n  AXStyleLookType,\n  AXValuableComponent,\n  AXValueChangedEvent,\n  MXValueComponent,\n} from '@acorex/cdk/common';\nimport { AXValidationSummary } from '@acorex/core/validation';\nimport {\n  AfterViewInit,\n  Component,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  Output,\n  ViewEncapsulation,\n  afterNextRender,\n  contentChildren,\n  effect,\n  input,\n} from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { AXFormFieldComponent } from './form-field.component';\n\n/**\n *  Contains native event\n * @category Events\n */\nexport class AXFormValidationEvent extends AXEvent {\n  result: AXValidationSummary;\n}\n\n/**\n *  Contains native event\n * @category Events\n */\nexport type AXFormUpdateOn = 'change' | 'blur' | 'submit';\nexport type AXFormMessageStyle = 'bottom' | 'float';\nexport type AXLabelMode = 'static' | 'floating' | 'over';\n\n/**\n * The AXForm is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-form',\n  template: `<form (submit)=\"_handleSubmit($event)\" (reset)=\"_handleReset()\" class=\"ax-{{ messageStyle() }}-error\">\n    <ng-content></ng-content>\n  </form>`,\n  inputs: ['disabled', 'readonly'],\n  encapsulation: ViewEncapsulation.None,\n\n  providers: [{ provide: AXComponent, useExisting: AXFormComponent }],\n  styles: `\n    form {\n      height: inherit;\n    }\n  `,\n})\nexport class AXFormComponent extends MXValueComponent implements OnDestroy, AfterViewInit {\n  /**\n   * Specifies the mode of the label in the form field.\n   *  @defaultValue 'static'\n   */\n  readonly labelMode = input<AXLabelMode>('static');\n\n  readonly look = input<AXStyleLookType>(null);\n\n  content = contentChildren(AXFormFieldComponent, { descendants: true });\n\n  #applyLooks = effect(() => {\n    const currentLook = this.look();\n    if (!currentLook) return;\n    this.content().forEach((item: any) => {\n      if (item.input) {\n        item.input.look = currentLook;\n      }\n    });\n  });\n\n  #init = afterNextRender(() => {\n    this.content().forEach((item: any) => {\n      if (item.input?.readonly === null) {\n        item.input.readonly = this.readonly;\n      }\n      if (item.input?.disabled === null) {\n        item.input.disabled = this.disabled;\n      }\n    });\n    this.disabledChange.subscribe((disabled) => {\n      this.content().forEach((item: any) => {\n        item.input.disabled = disabled;\n      });\n    });\n    this.readonlyChange.subscribe((readonly) => {\n      this.content().forEach((item: any) => {\n        item.input.readonly = readonly;\n      });\n    });\n  });\n\n  /**\n   * Determines the style of the message in the form field.\n   * @defaultValue 'bottom'\n   */\n  readonly messageStyle = input<AXFormMessageStyle>('bottom');\n\n  /**\n   * Emitted when the form is validated.\n   *\n   * @event\n   */\n  @Output()\n  onValidate: EventEmitter<AXFormValidationEvent> = new EventEmitter<AXFormValidationEvent>();\n\n  /**\n   * Emitted when the form's update mode changes.\n   *\n   * @event\n   */\n  @Output()\n  updateOnChange: EventEmitter<AXFormUpdateOn> = new EventEmitter<AXFormUpdateOn>();\n\n  /**\n   *  @ignore\n   */\n  private _updateOn: AXFormUpdateOn = 'blur';\n\n  /**\n   * Determines when the form should be updated.\n   */\n  @Input()\n  public get updateOn(): AXFormUpdateOn {\n    return this._updateOn;\n  }\n\n  /**\n   * Sets the criteria for when the form should be updated.\n   * @param v The criteria to set (e.g., 'change', 'blur').\n   */\n  public set updateOn(v: AXFormUpdateOn) {\n    this.setOption({\n      name: 'updateOn',\n      value: v,\n      afterCallback: () => {\n        this._bindEvents();\n      },\n    });\n  }\n\n  inUserInteractionActive = input(true);\n\n  /**\n   *  @ignore\n   */\n  private _subs: Subscription[] = [];\n\n  /**\n   *  @ignore\n   */\n  protected async _handleSubmit(e: SubmitEvent) {\n    e.preventDefault();\n    await this.validate();\n  }\n\n  /**\n   *  @ignore\n   */\n  protected _handleReset() {\n    this.reset();\n  }\n\n  /**\n   *  @ignore\n   */\n  constructor() {\n    super();\n  }\n\n  ngAfterViewInit(): void {\n    this._bindEvents();\n  }\n\n  private _bindEvents() {\n    this._clearSubs();\n    const widgets = this.content();\n\n    widgets.forEach((w: any) => {\n      const input = w?.input;\n      if (!input) return;\n\n      const shouldValidate = () => this.updateOn === 'change';\n      const applyUpdate = () => (shouldValidate() ? input.validate() : input.resetErrors());\n\n      if (this.updateOn === 'blur') {\n        this._subs.push(input.onBlur?.subscribe(() => input.validate()));\n        return;\n      }\n\n      this._subs.push(\n        input.onValueChanged?.subscribe((e: AXValueChangedEvent) => {\n          // Only gate on user interaction when that mode is active\n          if (this.inUserInteractionActive() && !e.isUserInteraction) return;\n          applyUpdate();\n        }),\n      );\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  private _clearSubs() {\n    this._subs.forEach((c) => c?.unsubscribe());\n    this._subs = [];\n  }\n\n  /**\n   *  @ignore\n   */\n  private get fields(): AXValuableComponent[] {\n    return Array.from(this.getHostElement().querySelectorAll('[ax-form-item=\"true\"]'))\n      .map((c) => (c as any).__axContext__)\n      .filter((c) => c != null);\n  }\n\n  /**\n   * Validates the form fields.\n   *\n   * @param names - Optional array of field names to validate.\n   * @returns Promise<AXValidationSummary> - Promise that resolves with validation results.\n   */\n  override async validate(...names: string[]): Promise<AXValidationSummary> {\n    const results = await Promise.all(\n      this.fields\n        .filter((c) => names == null || names.length == 0 || names.includes(c.name))\n        .map((field) => field.validate()),\n    );\n    // Merge all validation summaries into one\n    const mergedSummary: AXValidationSummary = {\n      result: results.every((res) => res.result),\n      rules: results.flatMap((res) => res.rules),\n    };\n    this._emitOnValidateEvent(mergedSummary);\n    return mergedSummary;\n  }\n\n  /**\n   *  @ignore\n   */\n  private _emitOnValidateEvent(e: AXValidationSummary) {\n    this.onValidate.emit({\n      component: this,\n      result: e,\n      htmlElement: this.getHostElement(),\n    });\n  }\n\n  /**\n   * Resets all form fields without clearing errors.\n   *\n   * @returns void - No return value. Form fields are reset to their initial values.\n   */\n  override reset() {\n    this.fields.forEach((c) => c.reset(false));\n    this.fields.forEach((c) => c.resetErrors());\n  }\n\n  /**\n   * Resets validation errors for all form fields.\n   *\n   * @returns void - No return value. All validation errors are cleared.\n   */\n  override resetErrors() {\n    this.fields.forEach((c) => c.resetErrors());\n  }\n\n  /**\n   *  @ignore\n   */\n  override ngOnDestroy(): void {\n    this._clearSubs();\n  }\n}\n","import { AXComponent, AXValuableComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport { AXCheckBoxComponent } from '@acorex/components/check-box';\nimport { AXLabelComponent } from '@acorex/components/label';\nimport { AXSelectBoxComponent } from '@acorex/components/select-box';\nimport { AXUnsubscriber } from '@acorex/core/utils';\nimport {\n  AfterContentChecked,\n  Component,\n  ContentChild,\n  HostBinding,\n  ViewContainerRef,\n  ViewEncapsulation,\n  afterNextRender,\n  effect,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { AXFormComponent, AXLabelMode } from './form.component';\n\n/**\n * A container component for form fields that provides styling and structure.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-form-field',\n  template: `<ng-content></ng-content>`,\n  styleUrls: ['./form-field.component.css'],\n  encapsulation: ViewEncapsulation.None,\n\n  providers: [AXUnsubscriber, { provide: AXComponent, useExisting: AXFormFieldComponent }],\n})\nexport class AXFormFieldComponent extends MXBaseComponent implements AfterContentChecked {\n  /**\n   * Specifies the mode of the label in the form field.\n   *  @defaultValue 'static'\n   */\n  readonly labelMode = input<AXLabelMode>('static');\n\n  /**\n   *  @ignore\n   */\n  protected _labelMode = signal<AXLabelMode>(this.labelMode());\n\n  private unsubscriber = inject(AXUnsubscriber);\n\n  @ContentChild(AXValuableComponent)\n  private input: AXValuableComponent;\n\n  /**\n   *  @ignore\n   */\n  @ContentChild(AXLabelComponent)\n  private label: AXLabelComponent;\n\n  private form = inject(AXFormComponent, { optional: true });\n\n  private host = inject(ViewContainerRef);\n\n  /**\n   *  @ignore\n   */\n  protected prefix: HTMLElement;\n\n  /**\n   *  @ignore\n   */\n  constructor() {\n    super();\n\n    afterNextRender(() => {\n      this.setRequired();\n      this.listeningEvent();\n      // this.calcIndentSize();\n      this.autoSetLabelAssociation();\n    });\n\n    effect(() => {\n      this.setLabelMode();\n    });\n  }\n\n  ngAfterContentChecked(): void {\n    // this.calcIndentSize();\n  }\n\n  /**\n   * Calculates and sets the indentation size for the label based on the width of the prefix element.\n   * @ignore\n   */\n  protected calcIndentSize() {\n    const prefix = (this.input as any)?.getHostElement()?.querySelector('ax-prefix') as HTMLElement;\n\n    if (prefix && this.label) {\n      this.label.getHostElement().style.insetInlineStart = `calc(${prefix?.clientWidth}px + calc(var(--spacing) * 2) + calc(var(--spacing) * 3))`;\n      this.label.getHostElement().style.paddingInline = '0px';\n    }\n  }\n\n  /**\n   * Sets the required attribute for the input field based on validation rules.\n   * Automatically updates if validation rules change.\n   * @ignore\n   */\n  protected setRequired() {\n    this.autoSetRequired();\n    this.input?.validationRulesChange.pipe(this.unsubscriber.takeUntilDestroy).subscribe(() => {\n      this.autoSetRequired();\n    });\n  }\n  /**\n   * Sets the label mode based on the form's label mode configuration.\n   * @ignore\n   */\n  protected setLabelMode() {\n    this._labelMode.set(this.form?.labelMode());\n  }\n\n  /**\n   * Subscribes to focus and blur events on the input element.\n   * Adds or removes the 'ax-state-focused' class to/from the host element based on the focus state.\n   * @ignone\n   */\n  protected listeningEvent() {\n    if (this.input instanceof AXCheckBoxComponent) return;\n    const focusEvent = this.input?.['onFocus'] as Subject<any>;\n    focusEvent?.subscribe((e) => {\n      // this.handleFloating('focus');\n      this.host.element.nativeElement.classList.add('ax-state-focused');\n    });\n    //\n    const blurEvent = this.input?.['onBlur'] as Subject<any>;\n    blurEvent?.subscribe((e) => {\n      // this.handleFloating('blur');\n      this.host.element.nativeElement.classList.remove('ax-state-focused');\n    });\n  }\n  // protected handleFloating(mode: 'focus' | 'blur') {\n  //   const _host = this.host.element.nativeElement as HTMLElement;\n  //   const placeholder = this.input;\n\n  //   switch (mode) {\n  //     case 'focus':\n  //       _host.classList.add('ax-state-floating');\n  //       this.label.getHostElement().style.insetInlineStart = 'inherit';\n\n  //       break;\n  //     case 'blur':\n  //       _host.classList.remove('ax-state-floating');\n\n  //       break;\n  //   }\n  // }\n\n  /**\n   *  @ignore\n   */\n  private autoSetRequired() {\n    if (this.label && this.input) {\n      if (this.label.required == null || this.label['autoSetRequired']) {\n        this.label.required = this.input.isRequired;\n        this.label['autoSetRequired'] = true;\n      }\n    }\n  }\n\n  /**\n   *  @ignore\n   */\n  private autoSetLabelAssociation() {\n    if (this.label && this.input) {\n      this.label.for = this.input as any;\n    }\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  get __hostClass(): string[] {\n    let hasValue;\n    let isCheckbox = this.input instanceof AXCheckBoxComponent;\n\n    if (this.input) {\n      if (this.input instanceof AXSelectBoxComponent && this.input.multiple) {\n        hasValue = (this.input as any).value?.length;\n      } else {\n        hasValue = this.input.value;\n      }\n    }\n\n    if (isCheckbox) {\n      return [`ax-state-static-label`];\n    } else {\n      return [`ax-state-${this._labelMode()}-label`, `${hasValue ? 'ax-state-has-value' : ''}`];\n    }\n  }\n}\n","import { InjectionToken } from '@angular/core';\n\nexport interface AXFormConfig {}\n\nexport const AX_FORM_CONFIG = new InjectionToken<AXFormConfig>('AX_FORM_CONFIG', {\n  providedIn: 'root',\n  factory: () => {\n    return AXFormDefaultConfig;\n  },\n});\n\nexport const AXFormDefaultConfig: AXFormConfig = {};\n\nexport type PartialFormConfig = Partial<AXFormConfig>;\n\nexport function formConfig(config: PartialFormConfig = {}): AXFormConfig {\n  const result = {\n    ...AXFormDefaultConfig,\n    ...config,\n  };\n  return result;\n}\n","import { AXValuableComponent } from '@acorex/cdk/common';\nimport { AXValidationRuleOptions } from '@acorex/core/validation';\nimport { Directive, effect, inject, input, OnDestroy } from '@angular/core';\n\n@Directive({ selector: 'ax-validation-rule' })\nexport class AXValidationRuleDirective implements OnDestroy {\n  private host = inject(AXValuableComponent);\n\n  rule = input<string>();\n  options = input<Omit<AXValidationRuleOptions, 'message'>>();\n  message = input<string>();\n  disabled = input(false);\n\n  #disabledChanged = effect(() => {\n    if (this.disabled()) {\n      this.removeValidation();\n    } else {\n      this.addValidation();\n    }\n  });\n\n  ngOnDestroy() {\n    this.removeValidation();\n  }\n\n  private addValidation() {\n    this.host.addValidationRule({ rule: this.rule(), disabled: this.disabled(), options: this.ruleOptions });\n  }\n  private removeValidation() {\n    this.host.removeValidationRule({\n      rule: this.rule(),\n      disabled: this.disabled(),\n      options: this.ruleOptions,\n    });\n  }\n\n  private get ruleOptions(): AXValidationRuleOptions {\n    return Object.assign({ message: this.message(), name: this.host.name }, this.options());\n  }\n}\n","import { AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport { AXAlertComponent } from '@acorex/components/alert';\nimport { AXButtonComponent } from '@acorex/components/button';\nimport { AXDecoratorGenericComponent, AXDecoratorIconComponent } from '@acorex/components/decorators';\nimport { AXToastService } from '@acorex/components/toast';\nimport { AXTranslationService, AXTranslatorPipe } from '@acorex/core/translation';\nimport { AsyncPipe } from '@angular/common';\nimport { Component, Input, OnDestroy, ViewEncapsulation, inject } from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { AXFormComponent, AXFormValidationEvent } from './form.component';\n\nexport type AXValidationSummaryDisplayMode = 'toast' | 'alert';\n\n/**\n * Displays validation summaries in the form of an alert.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-validation-summary',\n  template: `\n    @if (displayMode === 'alert' && _content) {\n      <ax-alert color=\"danger\" [timeOut]=\"_timeOut\" #a (onClosed)=\"_handleOnDismissed()\">\n        <ax-icon></ax-icon>\n        <ax-title>{{ title | translate | async }}</ax-title>\n        <ax-content>\n          <div [innerHTML]=\"_content\"></div>\n        </ax-content>\n        <ax-footer>\n          <ax-suffix>\n            <ax-button text=\"Dismiss\" (onClick)=\"a.close()\"></ax-button>\n          </ax-suffix>\n        </ax-footer>\n      </ax-alert>\n    }\n  `,\n\n  encapsulation: ViewEncapsulation.None,\n  imports: [\n    AXAlertComponent,\n    AXDecoratorIconComponent,\n    AXDecoratorGenericComponent,\n    AXButtonComponent,\n    AsyncPipe,\n    AXTranslatorPipe,\n  ],\n  providers: [{ provide: AXComponent, useExisting: AXValidationSummaryComponent }],\n})\nexport class AXValidationSummaryComponent extends MXBaseComponent implements OnDestroy {\n  private _tosatService = inject(AXToastService);\n  private host = inject<AXFormComponent>(AXFormComponent, { optional: true });\n  private translateService = inject(AXTranslationService);\n\n  /**\n   *  @ignore\n   */\n  protected _content?: string = null;\n\n  /**\n   *  @ignore\n   */\n  private _title = '@acorex:validation.messages.title';\n\n  /**\n   * The title of the validation summary alert.\n   */\n  @Input()\n  public get title(): string {\n    return this._title;\n  }\n\n  /**\n   * Sets the title of the validation summary alert.\n   *\n   * @param v The title to be set.\n   */\n  public set title(v: string) {\n    this._title = v;\n  }\n\n  /**\n   * Specifies the display mode for the validation summary.\n   *\n   *  @defaultValue 'toast'\n   */\n  @Input()\n  displayMode: AXValidationSummaryDisplayMode = 'toast';\n\n  /**\n   * Specifies the time in milliseconds before the validation summary automatically hides.\n   */\n  @Input()\n  timeOut?: number;\n\n  /**\n   * Determines whether the validation summary should automatically hide after a specified time.\n   * @defaultValue false\n   */\n  @Input()\n  autoHide = false;\n\n  /**\n   *  @ignore\n   */\n  protected _timeOut: number;\n\n  /**\n   *  @ignore\n   */\n  private sub: Subscription;\n\n  /**\n   *  @ignore\n   */\n  constructor() {\n    super();\n    const host = this.host;\n\n    //\n    this.sub = host.onValidate.subscribe(async (e: AXFormValidationEvent) => {\n      if (e.result.result) {\n        this._content = null;\n      } else {\n        const failedRules = e.result.rules.filter((c) => !c.result && c.message);\n\n        this._content = `<ul>${failedRules.map((c) => this.formatRule({ title: c['title'] as string, message: c.message })).join('')}</ul>`;\n        this._timeOut = this.autoHide ? (this.timeOut ?? Math.max(failedRules.length * 1000, 2000)) : 0;\n\n        if (this.displayMode == 'toast') {\n          this._tosatService.show({\n            color: 'danger',\n            closeButton: true,\n            timeOut: this._timeOut,\n            timeOutProgress: true,\n            content: this._content,\n            title: await this.translateService.translateAsync(this.title),\n            location: 'bottom-center',\n          });\n        }\n      }\n      this.cdr.markForCheck();\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  private formatRule(rule: { title?: string; message: string }): string {\n    return rule.title ? `<li><b>${rule.title}:</b> ${rule.message}</li>` : `<li>${rule.message}</li>`;\n  }\n\n  /**\n   *  @ignore\n   */\n  protected _handleOnDismissed() {\n    this._content = null;\n  }\n\n  /**\n   *  @ignore\n   */\n  ngOnDestroy() {\n    this.sub?.unsubscribe();\n  }\n}\n","import { AXAlertModule } from '@acorex/components/alert';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXValidationModule } from '@acorex/core/validation';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXFormFieldComponent } from './form-field.component';\nimport { AXFormComponent } from './form.component';\nimport { AXValidationRuleDirective } from './validation-rule.directive';\nimport { AXValidationSummaryComponent } from './validation-summary.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    AXDecoratorModule,\n    AXAlertModule,\n    AXButtonModule,\n    AXValidationModule,\n    AXTranslationModule,\n    AXFormFieldComponent,\n    AXFormComponent,\n    AXValidationRuleDirective,\n    AXValidationSummaryComponent,\n  ],\n  exports: [AXFormFieldComponent, AXFormComponent, AXValidationRuleDirective, AXValidationSummaryComponent],\n  providers: [],\n})\nexport class AXFormModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-list.mjs

@@ -85,24 +85,6 @@ class AXListComponent extends MXSelectionValueComponent {
          *  @ignore
          */
         this.postponeFocus = false;
-        /**
-         * When true, keep trying to scroll/focus the selected item until async data & layout are ready.
-         * @ignore
-         */
-        this.pendingRevealSelection = false;
-        /**
-         * When true, focus the selected row after a successful reveal.
-         * @ignore
-         */
-        this.pendingRevealFocus = false;
-        /**
-         * Cached index of the last known selected item (from click or a successful resolve).
-         * Allows scrollToIndex before that page is loaded into the virtual cache.
-         * @ignore
-         */
-        this.knownSelectedIndex = -1;
-        /** @ignore */
-        this.revealRetryHandle = null;
         /**
          * Determines whether to show the empty template based on the presence of items and loading state.
          * @ignore
@@ -148,7 +130,6 @@ class AXListComponent extends MXSelectionValueComponent {
      *  @ignore
      */
     ngOnDestroy() {
-        this.cancelRevealSelected();
         this._onChangedSub?.unsubscribe();
         this._onLoadingChangedSub?.unsubscribe();
         super.ngOnDestroy();
@@ -176,17 +157,11 @@ class AXListComponent extends MXSelectionValueComponent {
         this.hasItems = hasLoadedItems;
         this._onLoadingChangedSub = this.listDataSource.source.onLoadingChanged.subscribe((data) => {
             this.isLoading.set(data);
-            if (!data && this.pendingRevealSelection) {
-                setTimeout(() => this.tryRevealSelected(), 0);
-            }
         });
         this._onChangedSub = this.listDataSource.source.onChanged.subscribe((data) => {
             this.hasItems = data.totalCount > 0;
             setTimeout(() => {
                 this.render();
-                if (this.pendingRevealSelection) {
-                    this.tryRevealSelected();
-                }
             }, 0);
         });
     }
@@ -205,7 +180,6 @@ class AXListComponent extends MXSelectionValueComponent {
         this.tooltipRef().forEach((item) => {
             item.close();
         });
-        this.rememberSelectedIndex(item);
         this.toggleSelect(item);
         this.onItemClick.emit({
             component: this,
@@ -284,160 +258,6 @@ class AXListComponent extends MXSelectionValueComponent {
             this.focus();
         }
     }
-    /**
-     * Keeps trying to scroll (and optionally focus) the selected item until async list data
-     * and dropdown layout are ready. Call when the parent dropdown opens.
-     */
-    revealSelected(options = {}) {
-        if (options.focus) {
-            this.pendingRevealFocus = true;
-        }
-        this.pendingRevealSelection = true;
-        this.tryRevealSelected();
-    }
-    /**
-     * Cancels an in-progress reveal (e.g. when the dropdown closes).
-     */
-    cancelRevealSelected() {
-        this.pendingRevealSelection = false;
-        this.pendingRevealFocus = false;
-        if (this.revealRetryHandle != null) {
-            clearTimeout(this.revealRetryHandle);
-            this.revealRetryHandle = null;
-        }
-    }
-    /**
-     * @ignore
-     */
-    tryRevealSelected(attempt = 0) {
-        if (!this.pendingRevealSelection || !isPlatformBrowser(this.platformID)) {
-            return;
-        }
-        if (this.revealRetryHandle != null) {
-            clearTimeout(this.revealRetryHandle);
-            this.revealRetryHandle = null;
-        }
-        if (!this.viewport) {
-            this.scheduleRevealRetry(attempt);
-            return;
-        }
-        this.viewport.checkViewportSize();
-        const viewportSize = this.viewport.getViewportSize();
-        const index = this.resolveSelectedIndex();
-        if (index >= 0 && viewportSize > 0) {
-            this.applyScrollToIndex(index);
-            requestAnimationFrame(() => {
-                this.ensureSelectedItemVisible();
-                if (this.pendingRevealFocus) {
-                    this.focusSelectedItem();
-                    this.pendingRevealFocus = false;
-                }
-                this.pendingRevealSelection = false;
-            });
-            return;
-        }
-        // Data may still be in flight, or the selected row is on an unloaded page.
-        // Keep retrying while the source is loading (hard-capped); otherwise allow a short layout race window.
-        const maxAttempts = this.isLoading() ? 100 : 40;
-        if (attempt < maxAttempts) {
-            this.scheduleRevealRetry(attempt);
-            return;
-        }
-        if (this.getSelectedKeys().length > 0 && this.listDataSource?.source.totalCount > 0) {
-            void this.findAndRevealSelectedAcrossPages();
-            return;
-        }
-        this.pendingRevealSelection = false;
-    }
-    /** @ignore */
-    scheduleRevealRetry(attempt) {
-        this.revealRetryHandle = setTimeout(() => this.tryRevealSelected(attempt + 1), 50);
-    }
-    /**
-     * Loads pages until the selected key appears in cache, then scrolls to it.
-     * @ignore
-     */
-    async findAndRevealSelectedAcrossPages() {
-        if (!this.listDataSource || !this.pendingRevealSelection) {
-            return;
-        }
-        const source = this.listDataSource.source;
-        const pageSize = source.config.pageSize || 10;
-        const totalPages = Math.max(1, Math.ceil((source.totalCount || 0) / pageSize));
-        for (let page = 0; page < totalPages; page++) {
-            if (!this.pendingRevealSelection) {
-                return;
-            }
-            await this.ensurePageLoaded(page);
-            const index = this.resolveSelectedIndexFromCache();
-            if (index >= 0) {
-                this.knownSelectedIndex = index;
-                this.applyScrollToIndex(index);
-                requestAnimationFrame(() => {
-                    this.ensureSelectedItemVisible();
-                    if (this.pendingRevealFocus) {
-                        this.focusSelectedItem();
-                        this.pendingRevealFocus = false;
-                    }
-                    this.pendingRevealSelection = false;
-                });
-                return;
-            }
-        }
-        this.pendingRevealSelection = false;
-    }
-    /** @ignore */
-    ensurePageLoaded(page) {
-        const source = this.listDataSource.source;
-        const pageSize = source.config.pageSize || 10;
-        const start = page * pageSize;
-        const end = start + pageSize;
-        const alreadyLoaded = source.cachedItems.slice(start, end).some((item) => item != null);
-        if (alreadyLoaded) {
-            return Promise.resolve();
-        }
-        return new Promise((resolve) => {
-            const sub = source.onChanged.subscribe(() => {
-                if (source.cachedItems.slice(start, end).some((item) => item != null)) {
-                    sub.unsubscribe();
-                    clearTimeout(timeoutId);
-                    resolve();
-                }
-            });
-            const timeoutId = setTimeout(() => {
-                sub.unsubscribe();
-                resolve();
-            }, 3000);
-            source.setPage(page);
-        });
-    }
-    /** @ignore */
-    applyScrollToIndex(index) {
-        if (!this.viewport) {
-            return;
-        }
-        this.lastIndex = index;
-        this.viewport.checkViewportSize();
-        this.viewport.scrollToIndex(index);
-    }
-    /** @ignore */
-    focusSelectedItem() {
-        const list = this.getHostElement().querySelector('ul');
-        const focusable = list?.querySelector('li.ax-state-selected') ?? list?.querySelector('li.list-item');
-        focusable?.focus({ preventScroll: true });
-    }
-    /** @ignore */
-    rememberSelectedIndex(item) {
-        if (!this.listDataSource || item == null) {
-            return;
-        }
-        const key = this.getValue(item);
-        const items = this.listDataSource.source.cachedItems;
-        const index = items.findIndex((candidate) => candidate != null && this.getValue(candidate) == key);
-        if (index >= 0) {
-            this.knownSelectedIndex = index;
-        }
-    }
     /**
      * Scrolls the viewport to the currently selected list item.
      */
@@ -447,104 +267,35 @@ class AXListComponent extends MXSelectionValueComponent {
         }
         this.viewport.checkViewportSize();
         requestAnimationFrame(() => {
-            this.viewport.checkViewportSize();
             const index = this.resolveSelectedIndex();
-            if (index < 0) {
-                return;
+            if (index >= 0) {
+                this.lastIndex = index;
+                this.viewport.scrollToIndex(index);
             }
-            this.applyScrollToIndex(index);
-            requestAnimationFrame(() => this.ensureSelectedItemVisible());
         });
     }
-    /**
-     * Scrolls the selected row into the visible viewport when it is cropped at the edge.
-     * @ignore
-     */
-    ensureSelectedItemVisible() {
-        const selected = this.getHostElement().querySelector('li.ax-state-selected');
-        if (!selected) {
-            return;
-        }
-        const scrollParent = this.viewport.elementRef.nativeElement ||
-            selected.closest('.cdk-virtual-scroll-viewport');
-        if (!scrollParent) {
-            return;
-        }
-        const selectedRect = selected.getBoundingClientRect();
-        const parentRect = scrollParent.getBoundingClientRect();
-        const isCropped = selectedRect.top < parentRect.top + 1 || selectedRect.bottom > parentRect.bottom - 1;
-        if (isCropped) {
-            selected.scrollIntoView({ block: 'nearest', inline: 'nearest' });
-        }
-    }
-    /**
-     * Resolves the selected item index, preferring a known index so virtual scroll can load that page.
-     * @ignore
-     */
-    resolveSelectedIndex() {
-        const selectedKeys = this.getSelectedKeys();
-        if (!selectedKeys.length || !this.listDataSource) {
-            this.knownSelectedIndex = -1;
-            return -1;
-        }
-        if (this.knownSelectedIndex >= 0 && this.knownSelectedIndex < (this.listDataSource.source.totalCount || 0)) {
-            const knownItem = this.listDataSource.source.cachedItems[this.knownSelectedIndex];
-            if (knownItem != null) {
-                if (selectedKeys.some((key) => key == this.getValue(knownItem))) {
-                    return this.knownSelectedIndex;
-                }
-                // Value changed since this index was remembered.
-                this.knownSelectedIndex = -1;
-            }
-            else if (this.pendingRevealSelection) {
-                // Page not loaded yet — scroll there so CDK loads the range.
-                return this.knownSelectedIndex;
-            }
-        }
-        const index = this.resolveSelectedIndexFromCache();
-        if (index >= 0) {
-            this.knownSelectedIndex = index;
-        }
-        return index;
-    }
     /**
      * Resolves the selected item index from values already loaded in the list source.
+     * Only considers loaded entries so lazy sources are not scanned by a global index.
      * @ignore
      */
-    resolveSelectedIndexFromCache() {
-        if (!this.listDataSource) {
+    resolveSelectedIndex() {
+        if (this.multiple || !this.listDataSource) {
             return -1;
         }
-        const selectedKeys = this.getSelectedKeys();
-        if (selectedKeys.length === 0) {
+        const selectedValue = this.getSelectedKey();
+        if (selectedValue == null) {
             return -1;
         }
         const items = this.listDataSource.source.cachedItems;
         for (let index = 0; index < items.length; index++) {
             const item = items[index];
-            if (item == null) {
-                continue;
-            }
-            const itemKey = this.getValue(item);
-            if (selectedKeys.some((key) => key == itemKey)) {
+            if (item != null && this.getValue(item) == selectedValue) {
                 return index;
             }
         }
         return -1;
     }
-    /**
-     * @ignore
-     */
-    getSelectedKeys() {
-        if (this.multiple) {
-            const items = this.selectedItems?.length ? this.selectedItems : Array.isArray(this.value) ? this.value : [];
-            return items
-                .map((item) => (item != null && typeof item === 'object' ? this.getValue(item) : item))
-                .filter((key) => key != null);
-        }
-        const key = this.getSelectedKey();
-        return key == null ? [] : [key];
-    }
     /**
      * @ignore
      */
@@ -574,14 +325,17 @@ class AXListComponent extends MXSelectionValueComponent {
         this.viewport.scrollToIndex(index);
     }
     /**
-     * Sets focus to the selected list item (or the first item). Scrolls it into view first so
-     * virtualized rows are mounted, and uses preventScroll so the browser does not jump away.
+     * Sets focus to the first selectable list item. If no item is available, postpones focus.
      */
     focus() {
-        if (!isPlatformBrowser(this.platformID)) {
-            return;
+        const list = this.getHostElement().querySelector('ul');
+        const focusable = list.querySelector('li.ax-state-selected') ?? list.querySelector('li.list-item');
+        if (focusable) {
+            focusable.focus();
+        }
+        else {
+            this.postponeFocus = true;
         }
-        this.revealSelected({ focus: true });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXListComponent, isStandalone: true, selector: "ax-list", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: false, isRequired: false, transformFunction: null }, valueField: { classPropertyName: "valueField", publicName: "valueField", isSignal: false, isRequired: false, transformFunction: null }, textField: { classPropertyName: "textField", publicName: "textField", isSignal: false, isRequired: false, transformFunction: null }, textTemplate: { classPropertyName: "textTemplate", publicName: "textTemplate", isSignal: false, isRequired: false, transformFunction: null }, disabledField: { classPropertyName: "disabledField", publicName: "disabledField", isSignal: false, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: false, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: false, isRequired: false, transformFunction: null }, isItemTruncated: { classPropertyName: "isItemTruncated", publicName: "isItemTruncated", isSignal: true, isRequired: false, transformFunction: null }, showItemTooltip: { classPropertyName: "showItemTooltip", publicName: "showItemTooltip", isSignal: true, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: false, isRequired: false, transformFunction: null }, itemHeight: { classPropertyName: "itemHeight", publicName: "itemHeight", isSignal: false, isRequired: false, transformFunction: null }, itemTemplate: { classPropertyName: "itemTemplate", publicName: "itemTemplate", isSignal: false, isRequired: false, transformFunction: null }, emptyTemplate: { classPropertyName: "emptyTemplate", publicName: "emptyTemplate", isSignal: false, isRequired: false, transformFunction: null }, loadingTemplate: { classPropertyName: "loadingTemplate", publicName: "loadingTemplate", isSignal: false, isRequired: false, transformFunction: null }, checkbox: { classPropertyName: "checkbox", publicName: "checkbox", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onValueChanged: "onValueChanged", disabledChange: "disabledChange", readonlyChange: "readonlyChange", onBlur: "onBlur", onFocus: "onFocus", onItemClick: "onItemClick", onItemSelected: "onItemSelected", onScrolledIndexChanged: "onScrolledIndexChanged" }, host: { listeners: { "keydown": "_handleKeydown($event)" } }, providers: [
@@ -600,7 +354,7 @@ class AXListComponent extends MXSelectionValueComponent {
                 },
                 deps: [[new Optional(), new SkipSelf(), AX_SELECTION_DATA_TOKEN]],
             },
-        ], viewQueries: [{ propertyName: "tooltipRef", predicate: AXTooltipDirective, descendants: true, isSignal: true }, { propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"list-container\" cdkVirtualScrollingElement [class.ax-height-auto]=\"showEmptyTemplate()\">\n  <ng-content select=\"ax-header\"></ng-content>\n  <cdk-virtual-scroll-viewport\n    [itemSize]=\"cdkItemSize()\"\n    [style.--ax-comp-list-item-height]=\"itemHeightCss()\"\n    (scrolledIndexChange)=\"_handleOnscrolledIndexChange($event)\"\n    [class.ax-truncated-container]=\"isItemTruncated()\"\n  >\n    <ul>\n      <!--  Item Template  -->\n      <ng-container *cdkVirtualFor=\"let item of listDataSource; let i = index; trackBy: trackByIdx\">\n        @if (item !== null && item !== undefined) {\n          <li\n            [class.ax-state-selected]=\"isItemSelected(item)\"\n            class=\"list-item\"\n            [class.ax-state-disabled]=\"isItemDisabled(item)\"\n            [attr.tabindex]=\"i\"\n            (click)=\"_handleOnItemClick($event, item)\"\n            [attr.data-id]=\"getValue(item)\"\n          >\n            <!--  Custom Item Template  -->\n            @if (itemTemplate) {\n              <ng-container [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: { data: item } }\">\n              </ng-container>\n            } @else {\n              <ng-container [ngTemplateOutlet]=\"defaultItemTpl\"></ng-container>\n            }\n            <!--  Default Item Template  -->\n            <ng-template #defaultItemTpl>\n              @if (item !== null && item !== undefined) {\n                <div class=\"ax-label-container\">\n                  @if (multiple && checkbox) {\n                    <input\n                      class=\"ax-checkbox\"\n                      type=\"checkbox\"\n                      [checked]=\"isItemSelected(item)\"\n                      [disabled]=\"isItemDisabled(item)\"\n                      tabindex=\"0\"\n                    />\n                  }\n\n                  <span\n                    [class.ax-checkbox-label]=\"multiple && checkbox\"\n                    [class.ax-truncated]=\"isItemTruncated()\"\n                    [axTooltip]=\"getDisplayText(item)\"\n                    [axTooltipDisabled]=\"!showItemTooltip()\"\n                  >\n                    {{ getDisplayText(item) | translate | async }}\n                  </span>\n                </div>\n                <!-- @if (isItemSelected(item)) {\n                  <i class=\"ax-icon ax-icon-check ax-selected-icon\"></i>\n                } -->\n              } @else {\n                <ng-container [ngTemplateOutlet]=\"loadingTpl\"> </ng-container>\n              }\n            </ng-template>\n          </li>\n        } @else {\n          <ng-container [ngTemplateOutlet]=\"loadingTpl\"> </ng-container>\n        }\n      </ng-container>\n    </ul>\n  </cdk-virtual-scroll-viewport>\n  <ng-content select=\"ax-footer\"></ng-content>\n</div>\n\n<!--  Loading Template  -->\n<ng-template #loadingTpl>\n  <!--  Custom Loading Template  -->\n  @if (loadingTemplate) {\n    <ng-container [ngTemplateOutlet]=\"loadingTemplate\"> </ng-container>\n  } @else {\n    <ng-container [ngTemplateOutlet]=\"defaultLoadingTpl\"> </ng-container>\n  }\n  <!--  Default Loading Template  -->\n  <ng-template #defaultLoadingTpl>\n    <li>{{ '@acorex:common.status.loading' | translate | async }}</li>\n  </ng-template>\n</ng-template>\n<!--  Empty Template  -->\n@if (showEmptyTemplate()) {\n  <div class=\"empty-container\">\n    <ng-container [ngTemplateOutlet]=\"emptyTemplate\"></ng-container>\n  </div>\n}\n", styles: ["@layer properties;@layer components{ax-list{display:block;width:100%;height:100%;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5)}ax-list .list-container{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column}ax-list .list-container.ax-height-auto{height:auto}ax-list ax-footer,ax-list ax-header{background-color:rgba(var(--ax-sys-color-lighter-surface))}ax-list .empty-container{display:flex;height:calc(var(--spacing, .25rem) * 10);width:100%;align-items:center;justify-content:center;padding-inline:calc(var(--spacing, .25rem) * 3)}ax-list .cdk-virtual-scroll-viewport{height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1 1 auto}ax-list .cdk-virtual-scroll-viewport.ax-truncated-container .cdk-virtual-scroll-content-wrapper{width:100%;min-width:unset}ax-list .cdk-virtual-scroll-viewport ul li{position:relative;box-sizing:border-box;display:flex!important;cursor:pointer;align-items:center;justify-content:space-between;overflow:hidden;padding-inline-start:calc(var(--spacing, .25rem) * 3);padding-inline-end:calc(var(--spacing, .25rem) * 4);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5);-webkit-user-select:none;user-select:none;height:var(--ax-comp-list-item-height, 2.5rem);min-height:var(--ax-comp-list-item-height, 2.5rem)}ax-list .cdk-virtual-scroll-viewport ul li:hover{background-color:rgba(var(--ax-sys-color-surface))}ax-list .cdk-virtual-scroll-viewport ul li:focus,ax-list .cdk-virtual-scroll-viewport ul li:focus-within,ax-list .cdk-virtual-scroll-viewport ul li:focus-visible{outline-width:var(--ax-comp-list-item-focus-outline-width, 2px);outline-offset:var(--ax-comp-list-item-focus-outline-offset, -4px);outline-color:var(--color-primary)}ax-list .cdk-virtual-scroll-viewport ul li .ax-label-container{display:flex;width:100%;align-items:center}ax-list .cdk-virtual-scroll-viewport ul li .ax-checkbox-label{margin-inline-start:calc(var(--spacing, .25rem) * 2)}ax-list .cdk-virtual-scroll-viewport ul li.ax-state-selected{background-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color: color-mix(in lab,red,red)){ax-list .cdk-virtual-scroll-viewport ul li.ax-state-selected{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 20%,transparent)}}ax-list .cdk-virtual-scroll-viewport ul li.ax-state-disabled{cursor:not-allowed;opacity:50%}ax-list .cdk-virtual-scroll-viewport ul li .ax-truncated{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: CdkVirtualScrollableElement, selector: "[cdkVirtualScrollingElement]" }, { kind: "component", type: CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXTooltipModule }, { kind: "directive", type: i1.AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "tooltipRef", predicate: AXTooltipDirective, descendants: true, isSignal: true }, { propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"list-container\" cdkVirtualScrollingElement [class.ax-height-auto]=\"showEmptyTemplate()\">\n  <ng-content select=\"ax-header\"></ng-content>\n  <cdk-virtual-scroll-viewport\n    [itemSize]=\"cdkItemSize()\"\n    [style.--ax-comp-list-item-height]=\"itemHeightCss()\"\n    (scrolledIndexChange)=\"_handleOnscrolledIndexChange($event)\"\n    [class.ax-truncated-container]=\"isItemTruncated()\"\n  >\n    <ul>\n      <!--  Item Template  -->\n      <ng-container *cdkVirtualFor=\"let item of listDataSource; let i = index; trackBy: trackByIdx\">\n        @if (item !== null && item !== undefined) {\n          <li\n            [class.ax-state-selected]=\"isItemSelected(item)\"\n            class=\"list-item\"\n            [class.ax-state-disabled]=\"isItemDisabled(item)\"\n            [attr.tabindex]=\"i\"\n            (click)=\"_handleOnItemClick($event, item)\"\n            [attr.data-id]=\"getValue(item)\"\n          >\n            <!--  Custom Item Template  -->\n            @if (itemTemplate) {\n              <ng-container [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: { data: item } }\">\n              </ng-container>\n            } @else {\n              <ng-container [ngTemplateOutlet]=\"defaultItemTpl\"></ng-container>\n            }\n            <!--  Default Item Template  -->\n            <ng-template #defaultItemTpl>\n              @if (item !== null && item !== undefined) {\n                <div class=\"ax-label-container\">\n                  @if (multiple && checkbox) {\n                    <input\n                      class=\"ax-checkbox\"\n                      type=\"checkbox\"\n                      [checked]=\"isItemSelected(item)\"\n                      [disabled]=\"isItemDisabled(item)\"\n                      tabindex=\"0\"\n                    />\n                  }\n\n                  <span\n                    [class.ax-checkbox-label]=\"multiple && checkbox\"\n                    [class.ax-truncated]=\"isItemTruncated()\"\n                    [axTooltip]=\"getDisplayText(item)\"\n                    [axTooltipDisabled]=\"!showItemTooltip()\"\n                  >\n                    {{ getDisplayText(item) | translate | async }}\n                  </span>\n                </div>\n                <!-- @if (isItemSelected(item)) {\n                  <i class=\"ax-icon ax-icon-check ax-selected-icon\"></i>\n                } -->\n              } @else {\n                <ng-container [ngTemplateOutlet]=\"loadingTpl\"> </ng-container>\n              }\n            </ng-template>\n          </li>\n        } @else {\n          <ng-container [ngTemplateOutlet]=\"loadingTpl\"> </ng-container>\n        }\n      </ng-container>\n    </ul>\n  </cdk-virtual-scroll-viewport>\n  <ng-content select=\"ax-footer\"></ng-content>\n</div>\n\n<!--  Loading Template  -->\n<ng-template #loadingTpl>\n  <!--  Custom Loading Template  -->\n  @if (loadingTemplate) {\n    <ng-container [ngTemplateOutlet]=\"loadingTemplate\"> </ng-container>\n  } @else {\n    <ng-container [ngTemplateOutlet]=\"defaultLoadingTpl\"> </ng-container>\n  }\n  <!--  Default Loading Template  -->\n  <ng-template #defaultLoadingTpl>\n    <li>{{ '@acorex:common.status.loading' | translate | async }}</li>\n  </ng-template>\n</ng-template>\n<!--  Empty Template  -->\n@if (showEmptyTemplate()) {\n  <div class=\"empty-container\">\n    <ng-container [ngTemplateOutlet]=\"emptyTemplate\"></ng-container>\n  </div>\n}\n", styles: ["@layer properties;@layer components{ax-list{display:block;width:100%;height:100%;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5)}ax-list .list-container{display:flex;height:100%;flex-direction:column}ax-list .list-container.ax-height-auto{height:auto}ax-list ax-footer,ax-list ax-header{background-color:rgba(var(--ax-sys-color-lighter-surface))}ax-list .empty-container{display:flex;height:calc(var(--spacing, .25rem) * 10);width:100%;align-items:center;justify-content:center;padding-inline:calc(var(--spacing, .25rem) * 3)}ax-list .cdk-virtual-scroll-viewport{height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1 1 auto}ax-list .cdk-virtual-scroll-viewport.ax-truncated-container .cdk-virtual-scroll-content-wrapper{width:100%;min-width:unset}ax-list .cdk-virtual-scroll-viewport ul li{position:relative;box-sizing:border-box;display:flex!important;cursor:pointer;align-items:center;justify-content:space-between;overflow:hidden;padding-inline-start:calc(var(--spacing, .25rem) * 3);padding-inline-end:calc(var(--spacing, .25rem) * 4);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5);-webkit-user-select:none;user-select:none;height:var(--ax-comp-list-item-height, 2.5rem);min-height:var(--ax-comp-list-item-height, 2.5rem)}ax-list .cdk-virtual-scroll-viewport ul li:hover{background-color:rgba(var(--ax-sys-color-surface))}ax-list .cdk-virtual-scroll-viewport ul li:focus,ax-list .cdk-virtual-scroll-viewport ul li:focus-within,ax-list .cdk-virtual-scroll-viewport ul li:focus-visible{outline-width:var(--ax-comp-list-item-focus-outline-width, 2px);outline-offset:var(--ax-comp-list-item-focus-outline-offset, -4px);outline-color:var(--color-primary)}ax-list .cdk-virtual-scroll-viewport ul li .ax-label-container{display:flex;width:100%;align-items:center}ax-list .cdk-virtual-scroll-viewport ul li .ax-checkbox-label{margin-inline-start:calc(var(--spacing, .25rem) * 2)}ax-list .cdk-virtual-scroll-viewport ul li.ax-state-selected{background-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color: color-mix(in lab,red,red)){ax-list .cdk-virtual-scroll-viewport ul li.ax-state-selected{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 20%,transparent)}}ax-list .cdk-virtual-scroll-viewport ul li.ax-state-disabled{cursor:not-allowed;opacity:50%}ax-list .cdk-virtual-scroll-viewport ul li .ax-truncated{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: CdkVirtualScrollableElement, selector: "[cdkVirtualScrollingElement]" }, { kind: "component", type: CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXTooltipModule }, { kind: "directive", type: i1.AXTooltipDirective, selector: "[axTooltip]", inputs: ["axTooltipDisabled", "axTooltip", "axTooltipContext", "axTooltipPlacement", "axTooltipOffsetX", "axTooltipOffsetY", "axTooltipOpenAfter", "axTooltipCloseAfter"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXListComponent, decorators: [{
             type: Component,
@@ -641,7 +395,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         AXTranslatorPipe,
                         AXTooltipModule,
                         AXTooltipDirective,
-                    ], template: "<div class=\"list-container\" cdkVirtualScrollingElement [class.ax-height-auto]=\"showEmptyTemplate()\">\n  <ng-content select=\"ax-header\"></ng-content>\n  <cdk-virtual-scroll-viewport\n    [itemSize]=\"cdkItemSize()\"\n    [style.--ax-comp-list-item-height]=\"itemHeightCss()\"\n    (scrolledIndexChange)=\"_handleOnscrolledIndexChange($event)\"\n    [class.ax-truncated-container]=\"isItemTruncated()\"\n  >\n    <ul>\n      <!--  Item Template  -->\n      <ng-container *cdkVirtualFor=\"let item of listDataSource; let i = index; trackBy: trackByIdx\">\n        @if (item !== null && item !== undefined) {\n          <li\n            [class.ax-state-selected]=\"isItemSelected(item)\"\n            class=\"list-item\"\n            [class.ax-state-disabled]=\"isItemDisabled(item)\"\n            [attr.tabindex]=\"i\"\n            (click)=\"_handleOnItemClick($event, item)\"\n            [attr.data-id]=\"getValue(item)\"\n          >\n            <!--  Custom Item Template  -->\n            @if (itemTemplate) {\n              <ng-container [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: { data: item } }\">\n              </ng-container>\n            } @else {\n              <ng-container [ngTemplateOutlet]=\"defaultItemTpl\"></ng-container>\n            }\n            <!--  Default Item Template  -->\n            <ng-template #defaultItemTpl>\n              @if (item !== null && item !== undefined) {\n                <div class=\"ax-label-container\">\n                  @if (multiple && checkbox) {\n                    <input\n                      class=\"ax-checkbox\"\n                      type=\"checkbox\"\n                      [checked]=\"isItemSelected(item)\"\n                      [disabled]=\"isItemDisabled(item)\"\n                      tabindex=\"0\"\n                    />\n                  }\n\n                  <span\n                    [class.ax-checkbox-label]=\"multiple && checkbox\"\n                    [class.ax-truncated]=\"isItemTruncated()\"\n                    [axTooltip]=\"getDisplayText(item)\"\n                    [axTooltipDisabled]=\"!showItemTooltip()\"\n                  >\n                    {{ getDisplayText(item) | translate | async }}\n                  </span>\n                </div>\n                <!-- @if (isItemSelected(item)) {\n                  <i class=\"ax-icon ax-icon-check ax-selected-icon\"></i>\n                } -->\n              } @else {\n                <ng-container [ngTemplateOutlet]=\"loadingTpl\"> </ng-container>\n              }\n            </ng-template>\n          </li>\n        } @else {\n          <ng-container [ngTemplateOutlet]=\"loadingTpl\"> </ng-container>\n        }\n      </ng-container>\n    </ul>\n  </cdk-virtual-scroll-viewport>\n  <ng-content select=\"ax-footer\"></ng-content>\n</div>\n\n<!--  Loading Template  -->\n<ng-template #loadingTpl>\n  <!--  Custom Loading Template  -->\n  @if (loadingTemplate) {\n    <ng-container [ngTemplateOutlet]=\"loadingTemplate\"> </ng-container>\n  } @else {\n    <ng-container [ngTemplateOutlet]=\"defaultLoadingTpl\"> </ng-container>\n  }\n  <!--  Default Loading Template  -->\n  <ng-template #defaultLoadingTpl>\n    <li>{{ '@acorex:common.status.loading' | translate | async }}</li>\n  </ng-template>\n</ng-template>\n<!--  Empty Template  -->\n@if (showEmptyTemplate()) {\n  <div class=\"empty-container\">\n    <ng-container [ngTemplateOutlet]=\"emptyTemplate\"></ng-container>\n  </div>\n}\n", styles: ["@layer properties;@layer components{ax-list{display:block;width:100%;height:100%;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5)}ax-list .list-container{display:flex;height:100%;min-height:calc(var(--spacing, .25rem) * 0);flex-direction:column}ax-list .list-container.ax-height-auto{height:auto}ax-list ax-footer,ax-list ax-header{background-color:rgba(var(--ax-sys-color-lighter-surface))}ax-list .empty-container{display:flex;height:calc(var(--spacing, .25rem) * 10);width:100%;align-items:center;justify-content:center;padding-inline:calc(var(--spacing, .25rem) * 3)}ax-list .cdk-virtual-scroll-viewport{height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1 1 auto}ax-list .cdk-virtual-scroll-viewport.ax-truncated-container .cdk-virtual-scroll-content-wrapper{width:100%;min-width:unset}ax-list .cdk-virtual-scroll-viewport ul li{position:relative;box-sizing:border-box;display:flex!important;cursor:pointer;align-items:center;justify-content:space-between;overflow:hidden;padding-inline-start:calc(var(--spacing, .25rem) * 3);padding-inline-end:calc(var(--spacing, .25rem) * 4);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5);-webkit-user-select:none;user-select:none;height:var(--ax-comp-list-item-height, 2.5rem);min-height:var(--ax-comp-list-item-height, 2.5rem)}ax-list .cdk-virtual-scroll-viewport ul li:hover{background-color:rgba(var(--ax-sys-color-surface))}ax-list .cdk-virtual-scroll-viewport ul li:focus,ax-list .cdk-virtual-scroll-viewport ul li:focus-within,ax-list .cdk-virtual-scroll-viewport ul li:focus-visible{outline-width:var(--ax-comp-list-item-focus-outline-width, 2px);outline-offset:var(--ax-comp-list-item-focus-outline-offset, -4px);outline-color:var(--color-primary)}ax-list .cdk-virtual-scroll-viewport ul li .ax-label-container{display:flex;width:100%;align-items:center}ax-list .cdk-virtual-scroll-viewport ul li .ax-checkbox-label{margin-inline-start:calc(var(--spacing, .25rem) * 2)}ax-list .cdk-virtual-scroll-viewport ul li.ax-state-selected{background-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color: color-mix(in lab,red,red)){ax-list .cdk-virtual-scroll-viewport ul li.ax-state-selected{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 20%,transparent)}}ax-list .cdk-virtual-scroll-viewport ul li.ax-state-disabled{cursor:not-allowed;opacity:50%}ax-list .cdk-virtual-scroll-viewport ul li .ax-truncated{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], template: "<div class=\"list-container\" cdkVirtualScrollingElement [class.ax-height-auto]=\"showEmptyTemplate()\">\n  <ng-content select=\"ax-header\"></ng-content>\n  <cdk-virtual-scroll-viewport\n    [itemSize]=\"cdkItemSize()\"\n    [style.--ax-comp-list-item-height]=\"itemHeightCss()\"\n    (scrolledIndexChange)=\"_handleOnscrolledIndexChange($event)\"\n    [class.ax-truncated-container]=\"isItemTruncated()\"\n  >\n    <ul>\n      <!--  Item Template  -->\n      <ng-container *cdkVirtualFor=\"let item of listDataSource; let i = index; trackBy: trackByIdx\">\n        @if (item !== null && item !== undefined) {\n          <li\n            [class.ax-state-selected]=\"isItemSelected(item)\"\n            class=\"list-item\"\n            [class.ax-state-disabled]=\"isItemDisabled(item)\"\n            [attr.tabindex]=\"i\"\n            (click)=\"_handleOnItemClick($event, item)\"\n            [attr.data-id]=\"getValue(item)\"\n          >\n            <!--  Custom Item Template  -->\n            @if (itemTemplate) {\n              <ng-container [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: { data: item } }\">\n              </ng-container>\n            } @else {\n              <ng-container [ngTemplateOutlet]=\"defaultItemTpl\"></ng-container>\n            }\n            <!--  Default Item Template  -->\n            <ng-template #defaultItemTpl>\n              @if (item !== null && item !== undefined) {\n                <div class=\"ax-label-container\">\n                  @if (multiple && checkbox) {\n                    <input\n                      class=\"ax-checkbox\"\n                      type=\"checkbox\"\n                      [checked]=\"isItemSelected(item)\"\n                      [disabled]=\"isItemDisabled(item)\"\n                      tabindex=\"0\"\n                    />\n                  }\n\n                  <span\n                    [class.ax-checkbox-label]=\"multiple && checkbox\"\n                    [class.ax-truncated]=\"isItemTruncated()\"\n                    [axTooltip]=\"getDisplayText(item)\"\n                    [axTooltipDisabled]=\"!showItemTooltip()\"\n                  >\n                    {{ getDisplayText(item) | translate | async }}\n                  </span>\n                </div>\n                <!-- @if (isItemSelected(item)) {\n                  <i class=\"ax-icon ax-icon-check ax-selected-icon\"></i>\n                } -->\n              } @else {\n                <ng-container [ngTemplateOutlet]=\"loadingTpl\"> </ng-container>\n              }\n            </ng-template>\n          </li>\n        } @else {\n          <ng-container [ngTemplateOutlet]=\"loadingTpl\"> </ng-container>\n        }\n      </ng-container>\n    </ul>\n  </cdk-virtual-scroll-viewport>\n  <ng-content select=\"ax-footer\"></ng-content>\n</div>\n\n<!--  Loading Template  -->\n<ng-template #loadingTpl>\n  <!--  Custom Loading Template  -->\n  @if (loadingTemplate) {\n    <ng-container [ngTemplateOutlet]=\"loadingTemplate\"> </ng-container>\n  } @else {\n    <ng-container [ngTemplateOutlet]=\"defaultLoadingTpl\"> </ng-container>\n  }\n  <!--  Default Loading Template  -->\n  <ng-template #defaultLoadingTpl>\n    <li>{{ '@acorex:common.status.loading' | translate | async }}</li>\n  </ng-template>\n</ng-template>\n<!--  Empty Template  -->\n@if (showEmptyTemplate()) {\n  <div class=\"empty-container\">\n    <ng-container [ngTemplateOutlet]=\"emptyTemplate\"></ng-container>\n  </div>\n}\n", styles: ["@layer properties;@layer components{ax-list{display:block;width:100%;height:100%;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5)}ax-list .list-container{display:flex;height:100%;flex-direction:column}ax-list .list-container.ax-height-auto{height:auto}ax-list ax-footer,ax-list ax-header{background-color:rgba(var(--ax-sys-color-lighter-surface))}ax-list .empty-container{display:flex;height:calc(var(--spacing, .25rem) * 10);width:100%;align-items:center;justify-content:center;padding-inline:calc(var(--spacing, .25rem) * 3)}ax-list .cdk-virtual-scroll-viewport{height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;flex:1 1 auto}ax-list .cdk-virtual-scroll-viewport.ax-truncated-container .cdk-virtual-scroll-content-wrapper{width:100%;min-width:unset}ax-list .cdk-virtual-scroll-viewport ul li{position:relative;box-sizing:border-box;display:flex!important;cursor:pointer;align-items:center;justify-content:space-between;overflow:hidden;padding-inline-start:calc(var(--spacing, .25rem) * 3);padding-inline-end:calc(var(--spacing, .25rem) * 4);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5);-webkit-user-select:none;user-select:none;height:var(--ax-comp-list-item-height, 2.5rem);min-height:var(--ax-comp-list-item-height, 2.5rem)}ax-list .cdk-virtual-scroll-viewport ul li:hover{background-color:rgba(var(--ax-sys-color-surface))}ax-list .cdk-virtual-scroll-viewport ul li:focus,ax-list .cdk-virtual-scroll-viewport ul li:focus-within,ax-list .cdk-virtual-scroll-viewport ul li:focus-visible{outline-width:var(--ax-comp-list-item-focus-outline-width, 2px);outline-offset:var(--ax-comp-list-item-focus-outline-offset, -4px);outline-color:var(--color-primary)}ax-list .cdk-virtual-scroll-viewport ul li .ax-label-container{display:flex;width:100%;align-items:center}ax-list .cdk-virtual-scroll-viewport ul li .ax-checkbox-label{margin-inline-start:calc(var(--spacing, .25rem) * 2)}ax-list .cdk-virtual-scroll-viewport ul li.ax-state-selected{background-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color: color-mix(in lab,red,red)){ax-list .cdk-virtual-scroll-viewport ul li.ax-state-selected{background-color:color-mix(in oklab,rgba(var(--ax-sys-color-primary-surface)) 20%,transparent)}}ax-list .cdk-virtual-scroll-viewport ul li.ax-state-disabled{cursor:not-allowed;opacity:50%}ax-list .cdk-virtual-scroll-viewport ul li .ax-truncated{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { tooltipRef: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => AXTooltipDirective), { isSignal: true }] }], isItemTruncated: [{ type: i0.Input, args: [{ isSignal: true, alias: "isItemTruncated", required: false }] }], showItemTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "showItemTooltip", required: false }] }], dataSource: [{
                 type: Input
             }], itemHeight: [{