@acorex/components 22.4.30 → 22.4.32

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-dropdown.mjs","sources":["../../../../packages/components/dropdown/src/lib/dropdown-box.class.ts","../../../../packages/components/dropdown/src/lib/dropdown-box.component.ts","../../../../packages/components/dropdown/src/lib/dropdown-box.component.html","../../../../packages/components/dropdown/src/lib/dropdown-panel.component.ts","../../../../packages/components/dropdown/src/lib/dropdown-panel.component.html","../../../../packages/components/dropdown/src/lib/dropdown.module.ts","../../../../packages/components/dropdown/src/acorex-components-dropdown.ts"],"sourcesContent":["import { AXEvent, MXInteractiveComponent } from '@acorex/cdk/common';\nimport { EventEmitter, Injectable } from '@angular/core';\nimport { AXDropdownBoxComponent } from './dropdown-box.component';\n\n@Injectable()\n/**\n * Base behavior for components that manage a dropdown/popup via an internal `AXDropdownBoxComponent`.\n *\n * Extends MXInteractiveComponent to inherit interactive features (focus, blur, disabled, tabIndex)\n * and exposes a consistent API to open/close/toggle the dropdown as well as events for open/close lifecycle.\n */\nexport abstract class MXDropdownBoxBaseComponent extends MXInteractiveComponent {\n  /**\n   * Emitted when the dropdown/popup is opened.\n   *\n   * @event\n   */\n  onOpened: EventEmitter<AXEvent> = new EventEmitter<AXEvent>();\n\n  /**\n   * Emits the `onOpened` event with component context.\n   * @ignore\n   */\n  protected emitOnOpenedEvent(): void {\n    this.onOpened.emit({\n      component: this,\n      htmlElement: this.getHostElement(),\n    });\n  }\n\n  /**\n   * Emitted when the dropdown/popup is closed.\n   *\n   * @event\n   */\n  onClosed: EventEmitter<AXEvent> = new EventEmitter<AXEvent>();\n\n  /**\n   * Emits the `onClosed` event with component context.\n   * @ignore\n   */\n  protected emitOnClosedEvent(): void {\n    this.onClosed.emit({\n      component: this,\n      htmlElement: this.getHostElement(),\n    });\n  }\n\n  /**\n   * Reference to the underlying dropdown controller.\n   */\n  protected abstract dropdown: AXDropdownBoxComponent;\n\n  /**\n   * Toggles the dropdown if the component is not disabled.\n   *\n   * @returns void - No return value. Switches between open and closed states.\n   */\n  toggle() {\n    if (this.disabled !== true) {\n      this.dropdown.toggle();\n    }\n  }\n\n  /**\n   * Closes the dropdown if it is open and the component is not disabled, then focuses the host.\n   *\n   * @returns void - No return value. Dropdown is closed and focus returns to the host.\n   */\n  close() {\n    if (!this.isOpen || this.disabled) {\n      return;\n    }\n    this.dropdown.close();\n    this.focus();\n  }\n\n  /**\n   * Opens the dropdown if it is not already open and the component is not disabled, then focuses the dropdown.\n   *\n   * @returns void - No return value. Dropdown becomes open and receives focus.\n   */\n  open() {\n    if (this.isOpen || this.disabled) {\n      return;\n    }\n    this.dropdown.open();\n    this.dropdown.focus();\n  }\n\n  /**\n   * Indicates whether the dropdown is currently open.\n   *\n   * @returns boolean - True if open; otherwise false.\n   */\n  get isOpen(): boolean {\n    return this.dropdown?.isOpen;\n  }\n}\n","import { AXComponent, AXEvent, MXInteractiveComponent, MXLookComponent, convertToPlacement } from '@acorex/cdk/common';\nimport { AXPopoverComponent } from '@acorex/components/popover';\nimport { AXPlatform } from '@acorex/core/platform';\nimport {\n  Component,\n  EventEmitter,\n  HostBinding,\n  HostListener,\n  OnInit,\n  Output,\n  ViewChild,\n  inject,\n  input,\n} from '@angular/core';\nimport { classes } from 'polytype';\nimport { startWith } from 'rxjs';\n\n@Component({\n  selector: 'ax-dropdown-box',\n  templateUrl: 'dropdown-box.component.html',\n  inputs: ['disabled', 'look'],\n  outputs: ['disabledChange', 'onBlur', 'onFocus', 'onClick'],\n  host: { ngSkipHydration: 'true' },\n  imports: [AXPopoverComponent],\n\n  providers: [{ provide: AXComponent, useExisting: AXDropdownBoxComponent }],\n})\nexport class AXDropdownBoxComponent extends classes(MXInteractiveComponent, MXLookComponent) implements OnInit {\n  readonly hasInput = input(true);\n\n  readonly popoverWidth = input<string>('auto');\n\n  private _platform: AXPlatform = inject(AXPlatform);\n\n  /**\n   *  @ignore\n   */\n  protected _target: HTMLDivElement;\n\n  /**\n   *  @ignore\n   */\n  protected _popoverTitle: string;\n\n  /**\n   *  @ignore\n   */\n  protected _popoverWidth = '180px';\n\n  /**\n   *  @ignore\n   */\n  protected _placement = convertToPlacement('bottom-start');\n\n  /**\n   *  @ignore\n   */\n  @ViewChild(AXPopoverComponent, { static: true })\n  protected _popover: AXPopoverComponent;\n\n  /**\n   * Emitted when the drawer is opened.\n   *\n   * @event\n   */\n  @Output()\n  onOpened: EventEmitter<AXEvent> = new EventEmitter<AXEvent>();\n\n  /**\n   * Emitted when the drawer is closed.\n   *\n   * @event\n   */\n  @Output()\n  onClosed: EventEmitter<AXEvent> = new EventEmitter<AXEvent>();\n\n  /**\n   *  @ignore\n   */\n  override ngOnInit() {\n    super.ngOnInit();\n    this._target = this.getHostElement();\n    this._platform.resize.pipe(startWith()).subscribe(() => {\n      if (!this.isActionsheetStyle) this.close();\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  protected _handlePopupOnOpened(e: AXEvent) {\n    this._popover?.focus();\n    this.onOpened.emit({\n      component: this,\n      isUserInteraction: e.isUserInteraction,\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  protected _handlePopupOnClosed(e: AXEvent) {\n    this.focus();\n    this.onClosed.emit({\n      component: this,\n      isUserInteraction: e.isUserInteraction,\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostListener('keydown', ['$event'])\n  protected _handleKeydown(e: KeyboardEvent) {\n    if (e.code === 'Space' || e.code === 'Enter') {\n      this.open();\n    }\n    if (e.ctrlKey && e.code === 'ArrowDown') {\n      e.preventDefault();\n      this.open();\n    }\n    if (e.code === 'Escape') {\n      e.preventDefault();\n      this.close();\n    }\n  }\n\n  /**\n   * Updates the position of the popover.\n   * @ignore\n   */\n  updatePosition() {\n    this._popover?.updatePosition();\n  }\n\n  /**\n   * Toggles the popover open or closed, if not disabled.\n   * @ignore\n   */\n  toggle() {\n    if (this.disabled !== true) {\n      this._popover.toggle();\n    }\n  }\n\n  /**\n   * Closes the popover if it's open and not disabled, then focuses the element.\n   * @ignore\n   */\n  close() {\n    if (!this.isOpen || this.disabled) {\n      return;\n    }\n    this._popover.close();\n    this.focus();\n  }\n\n  /**\n   * Opens the popover if it's not already open and not disabled, then focuses the popover.\n   * @ignore\n   */\n  open() {\n    if (this.isOpen || this.disabled) {\n      return;\n    }\n    this._popover.open();\n    this._popover.focus();\n  }\n\n  /**\n   * Indicates if the popover is currently open.\n   * @ignore\n   */\n  get isOpen(): boolean {\n    return this._popover?.isOpen;\n  }\n\n  /**\n   * Indicates if the popover is styled as an actionsheet.\n   */\n  get isActionsheetStyle(): boolean {\n    return this._platform.is('SM');\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return this.hasInput()\n      ? `ax-editor-container ax-default ${this.look} ${this.disabled ? 'ax-state-disabled' : ''}`\n      : '';\n  }\n}\n","<ng-content select=\"[input]\"> </ng-content>\n<ax-popover\n  [adaptivityEnabled]=\"true\"\n  [target]=\"_target\"\n  [placement]=\"_placement\"\n  [openOn]=\"'manual'\"\n  [closeOn]=\"'clickOut'\"\n  [closeOnScroll]=\"!isActionsheetStyle\"\n  [width]=\"popoverWidth()\"\n  visualContextScope=\"theme\"\n  (onOpened)=\"_handlePopupOnOpened($event)\"\n  (onClosed)=\"_handlePopupOnClosed($event)\"\n  #popover\n>\n  <div aria-modal=\"true\" (keydown)=\"_handleKeydown($event)\">\n    <ng-content select=\"[panel]\"> </ng-content>\n  </div>\n</ax-popover>\n","import {\n  Component,\n  EventEmitter,\n  HostBinding,\n  Input,\n  OnDestroy,\n  Output,\n  ViewChild,\n  ViewEncapsulation,\n  effect,\n  inject,\n  input,\n} from '@angular/core';\n\nimport {\n  AXClosableComponent,\n  AXComponent,\n  AXEvent,\n  MXInteractiveComponent,\n  convertToPlacement,\n} from '@acorex/cdk/common';\nimport { AXPopoverComponent } from '@acorex/components/popover';\nimport { AXPlatform, isBrowser } from '@acorex/core/platform';\nimport { Subscription, startWith } from 'rxjs';\n\n/**\n * A panel for displaying dropdown content with configurable width and positioning.\n *\n * Do not compose this component inside `ax-button` for menu triggers; use\n * `AXDropdownButtonComponent` from `@acorex/components/dropdown-button` instead. That pattern is\n * deprecated. `ax-dropdown-panel` remains supported for other hosts (for example `ax-dropdown-box`)\n * and for internal use by `ax-dropdown-button`.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-dropdown-panel',\n  templateUrl: './dropdown-panel.component.html',\n  styleUrls: ['./dropdown-panel.component.css'],\n  inputs: ['isOpen', 'fitParent', 'dropdownWidth', 'position'],\n  outputs: ['onOpened', 'onClosed'],\n\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    {\n      provide: AXClosableComponent,\n      useExisting: AXDropdownPanelComponent,\n    },\n    { provide: AXComponent, useExisting: AXDropdownPanelComponent },\n  ],\n  host: { ngSkipHydration: 'true' },\n  imports: [AXPopoverComponent],\n})\nexport class AXDropdownPanelComponent extends MXInteractiveComponent implements OnDestroy {\n  protected _platform: AXPlatform = inject(AXPlatform);\n\n  /**\n   *  @ignore\n   */\n  protected _isMobile = false;\n\n  /**\n   *  @ignore\n   */\n  protected _popoverTitle: string;\n\n  /**\n   *  @ignore\n   */\n  protected _placement = convertToPlacement('bottom-start');\n\n  readonly placement = input<'bottom-start' | 'bottom-end'>('bottom-start');\n\n  #effect = effect(() => {\n    if (!this.placement()) return;\n    this._placement = convertToPlacement(this.placement());\n  });\n\n  /**\n   *  @ignore\n   */\n  _subs: Subscription[] = [];\n\n  /**\n   *  @ignore\n   */\n  private __target: HTMLDivElement;\n\n  /**\n   * Gets the target HTML element for the dropdown panel.\n   */\n  @Input()\n  public get _target(): HTMLDivElement {\n    return this.__target;\n  }\n\n  /**\n   * Sets the target HTML element for the dropdown panel.\n   */\n  public set _target(v: HTMLDivElement) {\n    this.__target = v;\n  }\n\n  /**\n   *  @ignore\n   */\n  @ViewChild(AXPopoverComponent)\n  protected _popover: AXPopoverComponent;\n\n  /**\n   * Emitted when the dropdown panel is opened.\n   *\n   * @event\n   */\n  @Output()\n  onOpened: EventEmitter<AXEvent> = new EventEmitter<AXEvent>();\n\n  /**\n   * Emitted when the dropdown panel is closed.\n   *\n   * @event\n   */\n  @Output()\n  onClosed: EventEmitter<AXEvent> = new EventEmitter<AXEvent>();\n\n  /**\n   * Determines if adaptivity is enabled for the component.\n   *\n   * @defaultValue  false\n   */\n  @Input()\n  adaptivityEnabled = false;\n\n  /**\n   *  @ignore\n   */\n  constructor() {\n    super();\n  }\n\n  /**\n   *  @ignore\n   */\n  override ngOnInit() {\n    if (isBrowser()) {\n      super.ngOnInit();\n      if (!this._target) {\n        this._target = this.getHostElement()?.parentElement as HTMLDivElement;\n      }\n      this._platform.resize.pipe(startWith(null)).subscribe(() => {\n        this._isMobile = this._platform.is('SM');\n        this._popover?.close();\n      });\n    }\n  }\n\n  /**\n   *  @ignore\n   */\n  ngAfterViewInit(): void {\n    [this._target, this.getHostElement()].forEach((el) => {\n      el?.addEventListener('keydown', (e) => {\n        if (e.code == 'Escape' && this.isOpen) {\n          e.stopPropagation();\n          this.close();\n        }\n      });\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  ngOnDestroy(): void {\n    this._subs.forEach((s) => {\n      s?.unsubscribe();\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  protected _handlePopupOnOpened(e: AXEvent) {\n    this._popover?.focus();\n    this.onOpened.emit({\n      component: this,\n      isUserInteraction: e.isUserInteraction,\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  protected _handlePopupOnClosed(e: AXEvent) {\n    this._target.focus();\n    this.onClosed.emit({\n      component: this,\n      isUserInteraction: e.isUserInteraction,\n    });\n  }\n\n  /**\n   * Toggles the popover open or closed, if not disabled.\n   * @ignore\n   */\n  toggle() {\n    if (this.disabled !== true) {\n      this._popover.toggle();\n    }\n  }\n\n  /**\n   * Closes the popover if it is open and not disabled.\n   * @ignore\n   */\n  close() {\n    if (!this.isOpen || this.disabled) {\n      return;\n    }\n    this._popover.close();\n    this.focus();\n  }\n\n  /**\n   * Opens the popover if it is not already open and not disabled.\n   * @ignore\n   */\n  open() {\n    if (this.isOpen || this.disabled) {\n      return;\n    }\n    this._popover.open();\n    this._popover.focus();\n  }\n\n  /**\n   * Gets whether the popover is currently open.\n   * @ignore\n   */\n  get isOpen(): boolean {\n    return this._popover?.isOpen;\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  private get __hostClass(): string[] {\n    return ['ax-dropdown-panel'];\n  }\n}\n","<ax-popover\n  [target]=\"_target\"\n  [placement]=\"_placement\"\n  [openOn]=\"'toggle'\"\n  [closeOn]=\"'clickOut'\"\n  [adaptivityEnabled]=\"adaptivityEnabled\"\n  visualContextScope=\"theme\"\n  (onOpened)=\"_handlePopupOnOpened($event)\"\n  (onClosed)=\"_handlePopupOnClosed($event)\"\n>\n  <div>\n    <ng-content> </ng-content>\n  </div>\n</ax-popover>\n","import { AXCommonModule } from '@acorex/cdk/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXPopoverModule } from '@acorex/components/popover';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXDropdownBoxComponent } from './dropdown-box.component';\nimport { AXDropdownPanelComponent } from './dropdown-panel.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    AXCommonModule,\n    A11yModule,\n    AXDecoratorModule,\n    AXPopoverModule,\n    AXDropdownPanelComponent,\n    AXDropdownBoxComponent,\n  ],\n  exports: [AXDropdownPanelComponent, AXDropdownBoxComponent],\n  providers: [],\n})\nexport class AXDropdownModule {}\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-dropdown.mjs","sources":["../../../../packages/components/dropdown/src/lib/dropdown-box.class.ts","../../../../packages/components/dropdown/src/lib/dropdown-box.component.ts","../../../../packages/components/dropdown/src/lib/dropdown-box.component.html","../../../../packages/components/dropdown/src/lib/dropdown-panel.component.ts","../../../../packages/components/dropdown/src/lib/dropdown-panel.component.html","../../../../packages/components/dropdown/src/lib/dropdown.module.ts","../../../../packages/components/dropdown/src/acorex-components-dropdown.ts"],"sourcesContent":["import { AXEvent, MXInteractiveComponent } from '@acorex/cdk/common';\nimport { EventEmitter, Injectable } from '@angular/core';\nimport { AXDropdownBoxComponent } from './dropdown-box.component';\n\n@Injectable()\n/**\n * Base behavior for components that manage a dropdown/popup via an internal `AXDropdownBoxComponent`.\n *\n * Extends MXInteractiveComponent to inherit interactive features (focus, blur, disabled, tabIndex)\n * and exposes a consistent API to open/close/toggle the dropdown as well as events for open/close lifecycle.\n */\nexport abstract class MXDropdownBoxBaseComponent extends MXInteractiveComponent {\n  /**\n   * Emitted when the dropdown/popup is opened.\n   *\n   * @event\n   */\n  onOpened: EventEmitter<AXEvent> = new EventEmitter<AXEvent>();\n\n  /**\n   * Emits the `onOpened` event with component context.\n   * @ignore\n   */\n  protected emitOnOpenedEvent(): void {\n    this.onOpened.emit({\n      component: this,\n      htmlElement: this.getHostElement(),\n    });\n  }\n\n  /**\n   * Emitted when the dropdown/popup is closed.\n   *\n   * @event\n   */\n  onClosed: EventEmitter<AXEvent> = new EventEmitter<AXEvent>();\n\n  /**\n   * Emits the `onClosed` event with component context.\n   * @ignore\n   */\n  protected emitOnClosedEvent(): void {\n    this.onClosed.emit({\n      component: this,\n      htmlElement: this.getHostElement(),\n    });\n  }\n\n  /**\n   * Reference to the underlying dropdown controller.\n   */\n  protected abstract dropdown: AXDropdownBoxComponent;\n\n  /**\n   * Toggles the dropdown if the component is not disabled.\n   *\n   * @returns void - No return value. Switches between open and closed states.\n   */\n  toggle() {\n    if (this.disabled !== true) {\n      this.dropdown.toggle();\n    }\n  }\n\n  /**\n   * Closes the dropdown if it is open and the component is not disabled, then focuses the host.\n   *\n   * @returns void - No return value. Dropdown is closed and focus returns to the host.\n   */\n  close() {\n    if (!this.isOpen || this.disabled) {\n      return;\n    }\n    this.dropdown.close();\n    this.focus();\n  }\n\n  /**\n   * Opens the dropdown if it is not already open and the component is not disabled, then focuses the dropdown.\n   *\n   * @returns void - No return value. Dropdown becomes open and receives focus.\n   */\n  open() {\n    if (this.isOpen || this.disabled) {\n      return;\n    }\n    this.dropdown.open();\n    this.dropdown.focus();\n  }\n\n  /**\n   * Indicates whether the dropdown is currently open.\n   *\n   * @returns boolean - True if open; otherwise false.\n   */\n  get isOpen(): boolean {\n    return this.dropdown?.isOpen;\n  }\n}\n","import { AXComponent, AXEvent, MXInteractiveComponent, MXLookComponent, convertToPlacement } from '@acorex/cdk/common';\nimport { AXPopoverComponent } from '@acorex/components/popover';\nimport { AXPlatform } from '@acorex/core/platform';\nimport {\n  Component,\n  EventEmitter,\n  HostBinding,\n  HostListener,\n  OnInit,\n  Output,\n  ViewChild,\n  inject,\n  input,\n} from '@angular/core';\nimport { classes } from 'polytype';\nimport { startWith } from 'rxjs';\n\n@Component({\n  selector: 'ax-dropdown-box',\n  templateUrl: 'dropdown-box.component.html',\n  inputs: ['disabled', 'look'],\n  outputs: ['disabledChange', 'onBlur', 'onFocus', 'onClick'],\n  host: { ngSkipHydration: 'true' },\n  imports: [AXPopoverComponent],\n\n  providers: [{ provide: AXComponent, useExisting: AXDropdownBoxComponent }],\n})\nexport class AXDropdownBoxComponent extends classes(MXInteractiveComponent, MXLookComponent) implements OnInit {\n  readonly hasInput = input(true);\n\n  readonly popoverWidth = input<string>('auto');\n\n  /**\n   * When set, the popover is positioned relative to this element instead of the dropdown host\n   * (e.g. full phone field while the trigger is only the country prefix).\n   */\n  readonly popoverAnchor = input<HTMLElement | null>(null);\n\n  private _platform: AXPlatform = inject(AXPlatform);\n\n  /**\n   *  @ignore\n   */\n  protected _target: HTMLDivElement;\n\n  /**\n   *  @ignore\n   */\n  protected _popoverTitle: string;\n\n  /**\n   *  @ignore\n   */\n  protected _popoverWidth = '180px';\n\n  /**\n   *  @ignore\n   */\n  protected _placement = convertToPlacement('bottom-start');\n\n  /**\n   *  @ignore\n   */\n  @ViewChild(AXPopoverComponent, { static: true })\n  protected _popover: AXPopoverComponent;\n\n  /**\n   * Emitted when the drawer is opened.\n   *\n   * @event\n   */\n  @Output()\n  onOpened: EventEmitter<AXEvent> = new EventEmitter<AXEvent>();\n\n  /**\n   * Emitted when the drawer is closed.\n   *\n   * @event\n   */\n  @Output()\n  onClosed: EventEmitter<AXEvent> = new EventEmitter<AXEvent>();\n\n  /**\n   *  @ignore\n   */\n  override ngOnInit() {\n    super.ngOnInit();\n    this._target = this.getHostElement();\n    this._platform.resize.pipe(startWith()).subscribe(() => {\n      if (!this.isActionsheetStyle) this.close();\n    });\n  }\n\n  /** @ignore */\n  protected getOverlayTarget(): HTMLElement {\n    return this.popoverAnchor() ?? this._target;\n  }\n\n  /**\n   *  @ignore\n   */\n  protected _handlePopupOnOpened(e: AXEvent) {\n    this._popover?.focus();\n    this.onOpened.emit({\n      component: this,\n      isUserInteraction: e.isUserInteraction,\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  protected _handlePopupOnClosed(e: AXEvent) {\n    this.focus();\n    this.onClosed.emit({\n      component: this,\n      isUserInteraction: e.isUserInteraction,\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostListener('keydown', ['$event'])\n  protected _handleKeydown(e: KeyboardEvent) {\n    if (e.code === 'Space' || e.code === 'Enter') {\n      this.open();\n    }\n    if (e.ctrlKey && e.code === 'ArrowDown') {\n      e.preventDefault();\n      this.open();\n    }\n    if (e.code === 'Escape') {\n      e.preventDefault();\n      this.close();\n    }\n  }\n\n  /**\n   * Updates the position of the popover.\n   * @ignore\n   */\n  updatePosition() {\n    this._popover?.updatePosition();\n  }\n\n  /**\n   * Toggles the popover open or closed, if not disabled.\n   * @ignore\n   */\n  toggle() {\n    if (this.disabled !== true) {\n      this._popover.toggle();\n    }\n  }\n\n  /**\n   * Closes the popover if it's open and not disabled, then focuses the element.\n   * @ignore\n   */\n  close() {\n    if (!this.isOpen || this.disabled) {\n      return;\n    }\n    this._popover.close();\n    this.focus();\n  }\n\n  /**\n   * Opens the popover if it's not already open and not disabled, then focuses the popover.\n   * @ignore\n   */\n  open() {\n    if (this.isOpen || this.disabled) {\n      return;\n    }\n    this._popover.open();\n    this._popover.focus();\n  }\n\n  /**\n   * Indicates if the popover is currently open.\n   * @ignore\n   */\n  get isOpen(): boolean {\n    return this._popover?.isOpen;\n  }\n\n  /**\n   * Indicates if the popover is styled as an actionsheet.\n   */\n  get isActionsheetStyle(): boolean {\n    return this._platform.is('SM');\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return this.hasInput()\n      ? `ax-editor-container ax-default ${this.look} ${this.disabled ? 'ax-state-disabled' : ''}`\n      : '';\n  }\n}\n","<ng-content select=\"[input]\"> </ng-content>\n<ax-popover\n  [adaptivityEnabled]=\"true\"\n  [target]=\"getOverlayTarget()\"\n  [placement]=\"_placement\"\n  [openOn]=\"'manual'\"\n  [closeOn]=\"'clickOut'\"\n  [closeOnScroll]=\"!isActionsheetStyle\"\n  [width]=\"popoverWidth()\"\n  visualContextScope=\"theme\"\n  (onOpened)=\"_handlePopupOnOpened($event)\"\n  (onClosed)=\"_handlePopupOnClosed($event)\"\n  #popover\n>\n  <div aria-modal=\"true\" (keydown)=\"_handleKeydown($event)\">\n    <ng-content select=\"[panel]\"> </ng-content>\n  </div>\n</ax-popover>\n","import {\n  Component,\n  EventEmitter,\n  HostBinding,\n  Input,\n  OnDestroy,\n  Output,\n  ViewChild,\n  ViewEncapsulation,\n  effect,\n  inject,\n  input,\n} from '@angular/core';\n\nimport {\n  AXClosableComponent,\n  AXComponent,\n  AXEvent,\n  MXInteractiveComponent,\n  convertToPlacement,\n} from '@acorex/cdk/common';\nimport { AXPopoverComponent } from '@acorex/components/popover';\nimport { AXPlatform, isBrowser } from '@acorex/core/platform';\nimport { Subscription, startWith } from 'rxjs';\n\n/**\n * A panel for displaying dropdown content with configurable width and positioning.\n *\n * Do not compose this component inside `ax-button` for menu triggers; use\n * `AXDropdownButtonComponent` from `@acorex/components/dropdown-button` instead. That pattern is\n * deprecated. `ax-dropdown-panel` remains supported for other hosts (for example `ax-dropdown-box`)\n * and for internal use by `ax-dropdown-button`.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-dropdown-panel',\n  templateUrl: './dropdown-panel.component.html',\n  styleUrls: ['./dropdown-panel.component.css'],\n  inputs: ['isOpen', 'fitParent', 'dropdownWidth', 'position'],\n  outputs: ['onOpened', 'onClosed'],\n\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    {\n      provide: AXClosableComponent,\n      useExisting: AXDropdownPanelComponent,\n    },\n    { provide: AXComponent, useExisting: AXDropdownPanelComponent },\n  ],\n  host: { ngSkipHydration: 'true' },\n  imports: [AXPopoverComponent],\n})\nexport class AXDropdownPanelComponent extends MXInteractiveComponent implements OnDestroy {\n  protected _platform: AXPlatform = inject(AXPlatform);\n\n  /**\n   *  @ignore\n   */\n  protected _isMobile = false;\n\n  /**\n   *  @ignore\n   */\n  protected _popoverTitle: string;\n\n  /**\n   *  @ignore\n   */\n  protected _placement = convertToPlacement('bottom-start');\n\n  readonly placement = input<'bottom-start' | 'bottom-end'>('bottom-start');\n\n  #effect = effect(() => {\n    if (!this.placement()) return;\n    this._placement = convertToPlacement(this.placement());\n  });\n\n  /**\n   *  @ignore\n   */\n  _subs: Subscription[] = [];\n\n  /**\n   *  @ignore\n   */\n  private __target: HTMLDivElement;\n\n  /**\n   * Gets the target HTML element for the dropdown panel.\n   */\n  @Input()\n  public get _target(): HTMLDivElement {\n    return this.__target;\n  }\n\n  /**\n   * Sets the target HTML element for the dropdown panel.\n   */\n  public set _target(v: HTMLDivElement) {\n    this.__target = v;\n  }\n\n  /**\n   *  @ignore\n   */\n  @ViewChild(AXPopoverComponent)\n  protected _popover: AXPopoverComponent;\n\n  /**\n   * Emitted when the dropdown panel is opened.\n   *\n   * @event\n   */\n  @Output()\n  onOpened: EventEmitter<AXEvent> = new EventEmitter<AXEvent>();\n\n  /**\n   * Emitted when the dropdown panel is closed.\n   *\n   * @event\n   */\n  @Output()\n  onClosed: EventEmitter<AXEvent> = new EventEmitter<AXEvent>();\n\n  /**\n   * Determines if adaptivity is enabled for the component.\n   *\n   * @defaultValue  false\n   */\n  @Input()\n  adaptivityEnabled = false;\n\n  /**\n   *  @ignore\n   */\n  constructor() {\n    super();\n  }\n\n  /**\n   *  @ignore\n   */\n  override ngOnInit() {\n    if (isBrowser()) {\n      super.ngOnInit();\n      if (!this._target) {\n        this._target = this.getHostElement()?.parentElement as HTMLDivElement;\n      }\n      this._platform.resize.pipe(startWith(null)).subscribe(() => {\n        this._isMobile = this._platform.is('SM');\n        this._popover?.close();\n      });\n    }\n  }\n\n  /**\n   *  @ignore\n   */\n  ngAfterViewInit(): void {\n    [this._target, this.getHostElement()].forEach((el) => {\n      el?.addEventListener('keydown', (e) => {\n        if (e.code == 'Escape' && this.isOpen) {\n          e.stopPropagation();\n          this.close();\n        }\n      });\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  ngOnDestroy(): void {\n    this._subs.forEach((s) => {\n      s?.unsubscribe();\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  protected _handlePopupOnOpened(e: AXEvent) {\n    this._popover?.focus();\n    this.onOpened.emit({\n      component: this,\n      isUserInteraction: e.isUserInteraction,\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  protected _handlePopupOnClosed(e: AXEvent) {\n    this._target.focus();\n    this.onClosed.emit({\n      component: this,\n      isUserInteraction: e.isUserInteraction,\n    });\n  }\n\n  /**\n   * Toggles the popover open or closed, if not disabled.\n   * @ignore\n   */\n  toggle() {\n    if (this.disabled !== true) {\n      this._popover.toggle();\n    }\n  }\n\n  /**\n   * Closes the popover if it is open and not disabled.\n   * @ignore\n   */\n  close() {\n    if (!this.isOpen || this.disabled) {\n      return;\n    }\n    this._popover.close();\n    this.focus();\n  }\n\n  /**\n   * Opens the popover if it is not already open and not disabled.\n   * @ignore\n   */\n  open() {\n    if (this.isOpen || this.disabled) {\n      return;\n    }\n    this._popover.open();\n    this._popover.focus();\n  }\n\n  /**\n   * Gets whether the popover is currently open.\n   * @ignore\n   */\n  get isOpen(): boolean {\n    return this._popover?.isOpen;\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  private get __hostClass(): string[] {\n    return ['ax-dropdown-panel'];\n  }\n}\n","<ax-popover\n  [target]=\"_target\"\n  [placement]=\"_placement\"\n  [openOn]=\"'toggle'\"\n  [closeOn]=\"'clickOut'\"\n  [adaptivityEnabled]=\"adaptivityEnabled\"\n  visualContextScope=\"theme\"\n  (onOpened)=\"_handlePopupOnOpened($event)\"\n  (onClosed)=\"_handlePopupOnClosed($event)\"\n>\n  <div>\n    <ng-content> </ng-content>\n  </div>\n</ax-popover>\n","import { AXCommonModule } from '@acorex/cdk/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXPopoverModule } from '@acorex/components/popover';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXDropdownBoxComponent } from './dropdown-box.component';\nimport { AXDropdownPanelComponent } from './dropdown-panel.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    AXCommonModule,\n    A11yModule,\n    AXDecoratorModule,\n    AXPopoverModule,\n    AXDropdownPanelComponent,\n    AXDropdownBoxComponent,\n  ],\n  exports: [AXDropdownPanelComponent, AXDropdownBoxComponent],\n  providers: [],\n})\nexport class AXDropdownModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-lookup.mjs

@@ -1,4 +1,4 @@
-import { AXDataSource, retryFrames, scrollNearestIntoView, AXListDataSource, NXValueComponent, AXComponent, AXClearableComponent, AXClosableComponent, AXValuableComponent } from '@acorex/cdk/common';
+import { AXDataSource, retryFrames, scrollNearestIntoView, NXValueComponent, AXComponent, AXClearableComponent, AXClosableComponent, AXValuableComponent } from '@acorex/cdk/common';
 import { AXButtonComponent, AXDecoratorCloseButtonComponent } from '@acorex/components/button';
 import { AXCheckBoxComponent } from '@acorex/components/check-box';
 import { AXChipsComponent } from '@acorex/components/chips';
@@ -18,9 +18,9 @@ import { AXListNavigationDirective, AXListNavigationItemDirective, AXListNavigat
 import { AXHighlightTextComponent } from '@acorex/components/highlight';
 import * as i1 from '@angular/cdk/scrolling';
 import { CdkVirtualScrollViewport, ScrollingModule } from '@angular/cdk/scrolling';
+import { auditTime, fromEvent } from 'rxjs';
 import { AXTreeViewComponent } from '@acorex/components/tree-view';
 import { AXDataTableComponent, AXDataTableTextColumnComponent } from '@acorex/components/data-table';
-import { fromEvent, auditTime } from 'rxjs';
 
 /** Whether a tree node may have descendants (embedded children or lazy metadata). */
 function lookupTreeNodeMayHaveChildren(node) {
@@ -483,6 +483,10 @@ function scrollTreeToSelectedNode(host, selectedId, attempts = 5) {
 /**
  * Shared `AXDataSource` + CDK virtual scroll plumbing for the list-based lookup views
  * (`ax-lookup-drop-down-list`, `ax-lookup-multi-select`).
+ *
+ * Loads pages sequentially on scroll: only one API request at a time; further scroll
+ * events are ignored until the current request resolves, then the scroll position is
+ * re-checked for the next page.
  */
 class AXLookupListViewBase {
     /** Whether the filtered datasource currently has no items. */
@@ -506,6 +510,47 @@ class AXLookupListViewBase {
     #syncLoadingState(source, isLoading) {
         this.isLoading.set(isLoading || this.#hasPendingInitialLoad(source));
     }
+    #syncLoadedFromCache(source) {
+        const cached = source.cachedItems;
+        const items = [];
+        for (let index = 0; index < cached.length; index++) {
+            const item = cached[index];
+            if (item == null) {
+                break;
+            }
+            items.push(item);
+        }
+        this.loadedItems.set(items);
+        const total = source.totalCount;
+        const pendingMore = items.length < total;
+        const pendingInitial = total === 0 && (source.isLoading || this.#hasPendingInitialLoad(source));
+        this.hasMore.set(pendingMore || pendingInitial);
+    }
+    #tryLoadMore() {
+        const viewport = this.viewportRef();
+        const source = this.dataSource();
+        if (!viewport || source.isLoading || source.totalCount === 0) {
+            return;
+        }
+        const loaded = this.loadedItems().length;
+        if (loaded >= source.totalCount) {
+            return;
+        }
+        const threshold = this.itemHeight() * 2;
+        const bottomOffset = viewport.measureScrollOffset('bottom');
+        if (bottomOffset > threshold) {
+            return;
+        }
+        const nextPage = Math.floor(loaded / source.pageSize);
+        source.setPage(nextPage);
+    }
+    #scheduleTryLoadMore() {
+        if (typeof requestAnimationFrame === 'undefined') {
+            this.#tryLoadMore();
+            return;
+        }
+        requestAnimationFrame(() => this.#tryLoadMore());
+    }
     constructor() {
         /**
          * The datasource providing the items (paged, remote-capable).
@@ -588,9 +633,21 @@ class AXLookupListViewBase {
          * item, or a printable key that should return focus to the trigger search input).
          */
         this.navigateOut = output();
-        /** CDK virtual scroll adapter over the datasource. */
-        this.listDataSource = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "listDataSource" }] : /* istanbul ignore next */ []));
+        /** Rows loaded so far (contiguous from the start of the result set). */
+        this.loadedItems = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "loadedItems" }] : /* istanbul ignore next */ []));
+        /** When true, more pages exist and a trailing loading row is shown. */
+        this.hasMore = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasMore" }] : /* istanbul ignore next */ []));
+        /** Virtual-scroll data: loaded rows plus an optional `null` loading sentinel. */
+        this.renderedItems = computed(() => {
+            const items = this.loadedItems();
+            if (this.hasMore()) {
+                return [...items, null];
+            }
+            return items;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "renderedItems" }] : /* istanbul ignore next */ []));
         this.totalCount = signal(0, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "totalCount" }] : /* istanbul ignore next */ []));
         this.isLoading = signal(true, /* @ts-ignore */
@@ -599,7 +656,7 @@ class AXLookupListViewBase {
         ...(ngDevMode ? [{ debugName: "isEmpty" }] : /* istanbul ignore next */ []));
         /** Viewport height so the popup grows with the items up to `maxVisibleItems`. */
         this.viewportHeight = computed(() => {
-            const count = this.totalCount() || (this.isLoading() ? 3 : 1);
+            const count = this.renderedItems().length || (this.isLoading() ? 3 : 1);
             return Math.min(count, this.maxVisibleItems()) * this.itemHeight();
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "viewportHeight" }] : /* istanbul ignore next */ []));
@@ -629,18 +686,36 @@ class AXLookupListViewBase {
             observer.observe(viewport.elementRef.nativeElement);
             onCleanup(() => observer.disconnect());
         });
+        effect((onCleanup) => {
+            const viewport = this.viewportRef();
+            if (!viewport) {
+                return;
+            }
+            const sub = viewport
+                .elementScrolled()
+                .pipe(auditTime(50))
+                .subscribe(() => {
+                this.#ngZone.run(() => this.#tryLoadMore());
+            });
+            onCleanup(() => sub.unsubscribe());
+        });
         effect((onCleanup) => {
             const source = this.dataSource();
-            const list = new AXListDataSource({ source });
             untracked(() => {
                 this.totalCount.set(source.totalCount);
                 this.#syncLoadingState(source, source.isLoading);
-                this.listDataSource.set(list);
+                this.#syncLoadedFromCache(source);
                 this.#pendingSelectedScroll = true;
             });
-            const loadingSub = source.onLoadingChanged.subscribe((value) => this.#syncLoadingState(source, value));
+            const loadingSub = source.onLoadingChanged.subscribe((value) => {
+                this.#syncLoadingState(source, value);
+                if (!value) {
+                    this.#scheduleTryLoadMore();
+                }
+            });
             const changedSub = source.onChanged.subscribe((e) => {
                 this.totalCount.set(e.totalCount);
+                this.#syncLoadedFromCache(source);
                 if (e.page === 0) {
                     this.#pendingSelectedScroll = true;
                 }
@@ -648,6 +723,18 @@ class AXLookupListViewBase {
                     this.#syncLoadingState(source, false);
                 }
             });
+            queueMicrotask(() => {
+                if (!source.cachedItems.some((item) => item != null)) {
+                    source.setPage(0);
+                }
+                else {
+                    untracked(() => {
+                        this.#syncLoadedFromCache(source);
+                        this.totalCount.set(source.totalCount);
+                        this.#scheduleTryLoadMore();
+                    });
+                }
+            });
             onCleanup(() => {
                 loadingSub.unsubscribe();
                 changedSub.unsubscribe();
@@ -657,12 +744,11 @@ class AXLookupListViewBase {
         effect(() => {
             const viewport = this.viewportRef();
             const loading = this.isLoading();
-            const count = this.totalCount();
+            const renderedCount = this.renderedItems().length;
             const values = this.selectedValues();
             const field = this.valueField();
             const height = this.itemHeight();
-            const source = this.dataSource();
-            if (!viewport || loading || count === 0) {
+            if (!viewport || loading || renderedCount === 0) {
                 return;
             }
             if (!this.#pendingSelectedScroll) {
@@ -673,22 +759,25 @@ class AXLookupListViewBase {
                 return;
             }
             untracked(() => {
+                if (typeof requestAnimationFrame === 'undefined') {
+                    return;
+                }
                 requestAnimationFrame(() => {
                     viewport.checkViewportSize();
-                    const index = this.#resolveSelectedIndex(source, values, field);
+                    const index = this.#resolveSelectedIndex(values, field);
                     if (index >= 0) {
-                        scrollNearestByOffset(viewport, index, height, count);
+                        scrollNearestByOffset(viewport, index, height, renderedCount);
                     }
                 });
             });
         });
     }
-    #resolveSelectedIndex(source, values, valueField) {
+    #resolveSelectedIndex(values, valueField) {
         const selectedValue = values[0];
         if (selectedValue == null) {
             return -1;
         }
-        const items = source.cachedItems;
+        const items = this.loadedItems();
         for (let index = 0; index < items.length; index++) {
             const item = items[index];
             if (item != null && item[valueField] == selectedValue) {
@@ -776,13 +865,17 @@ class AXLookupListViewBase {
         if (key === 'ArrowDown' && nav && viewport) {
             const items = this.navItems();
             if (items.length > 0 && nav.activeIndex() >= items.length - 1) {
-                const maxOffset = Math.max(0, this.totalCount() * this.itemHeight() - viewport.getViewportSize());
+                const renderedCount = this.renderedItems().length;
+                const maxOffset = Math.max(0, renderedCount * this.itemHeight() - viewport.getViewportSize());
                 const nextOffset = Math.min(maxOffset, viewport.measureScrollOffset() + this.itemHeight());
                 if (nextOffset > viewport.measureScrollOffset()) {
                     e.nativeEvent.preventDefault();
                     viewport.scrollToOffset(nextOffset);
                     queueMicrotask(() => nav.focusOnIndex(this.navItems().length - 1));
                 }
+                else {
+                    this.#tryLoadMore();
+                }
                 return;
             }
         }
@@ -835,7 +928,7 @@ class AXLookupDropDownListComponent extends AXLookupListViewBase {
         (onKeypress)="handleListKeypress($event)"
       >
         <div
-          *cdkVirtualFor="let item of listDataSource(); let i = index; trackBy: trackByIndex"
+          *cdkVirtualFor="let item of renderedItems(); let i = index; trackBy: trackByIndex"
           role="option"
           class="ax-lookup-option-host"
           axListNavigationItem
@@ -909,7 +1002,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
         (onKeypress)="handleListKeypress($event)"
       >
         <div
-          *cdkVirtualFor="let item of listDataSource(); let i = index; trackBy: trackByIndex"
+          *cdkVirtualFor="let item of renderedItems(); let i = index; trackBy: trackByIndex"
           role="option"
           class="ax-lookup-option-host"
           axListNavigationItem
@@ -1606,6 +1699,24 @@ class AXLookupMultiColumnComponent {
             const changedSub = source.onChanged.subscribe((event) => {
                 this.#applyLoadedItems(event.cachedItems, event.totalCount);
             });
+            const loadingSub = source.onLoadingChanged.subscribe((isLoading) => {
+                if (isLoading) {
+                    return;
+                }
+                const run = () => {
+                    const wrapper = this.tableRef()?.getHostElement()?.querySelector('.ax-data-table-wrapper') ??
+                        this.#host.nativeElement.querySelector('.ax-data-table-wrapper');
+                    if (wrapper) {
+                        this.#tryLoadMore(wrapper);
+                    }
+                };
+                if (typeof requestAnimationFrame !== 'undefined') {
+                    requestAnimationFrame(run);
+                }
+                else {
+                    run();
+                }
+            });
             // Fetch page 0 only when the source has never loaded. Reopen remounts this
             // view; setPage(0) is a no-op on a warm source and must not force a new API call.
             queueMicrotask(() => {
@@ -1613,7 +1724,10 @@ class AXLookupMultiColumnComponent {
                     source.setPage(0);
                 }
             });
-            onCleanup(() => changedSub.unsubscribe());
+            onCleanup(() => {
+                changedSub.unsubscribe();
+                loadingSub.unsubscribe();
+            });
         });
         effect((onCleanup) => {
             // Rebind when the table instance appears / source changes.
@@ -2047,7 +2161,7 @@ class AXLookupMultiSelectComponent extends AXLookupListViewBase {
         (onKeypress)="handleListKeypress($event)"
       >
         <div
-          *cdkVirtualFor="let item of listDataSource(); let i = index; trackBy: trackByIndex"
+          *cdkVirtualFor="let item of renderedItems(); let i = index; trackBy: trackByIndex"
           role="option"
           class="ax-lookup-option-host ax-lookup-option-multiple"
           axListNavigationItem
@@ -2125,7 +2239,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
         (onKeypress)="handleListKeypress($event)"
       >
         <div
-          *cdkVirtualFor="let item of listDataSource(); let i = index; trackBy: trackByIndex"
+          *cdkVirtualFor="let item of renderedItems(); let i = index; trackBy: trackByIndex"
           role="option"
           class="ax-lookup-option-host ax-lookup-option-multiple"
           axListNavigationItem