@star-ng/ui 0.0.0-stage → 0.2.0

package/fesm2022/star-ng-ui-listbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"star-ng-ui-listbox.mjs","names":[],"sources":["../../../projects/star-ng/listbox/listbox.ts"],"sourcesContent":["import { _IdGenerator } from '@angular/cdk/a11y';\nimport {\n  CdkFixedSizeVirtualScroll,\n  CdkVirtualForOf,\n  CdkVirtualScrollViewport,\n} from '@angular/cdk/scrolling';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  afterNextRender,\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  effect,\n  ElementRef,\n  inject,\n  Injector,\n  input,\n  model,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport type { FormValueControl } from '@angular/forms/signals';\nimport {\n  matchesFilter,\n  optionText,\n  readOption,\n  STAR_UI_TEXT,\n  starListAriaPosition,\n  starListHeight,\n  starListKeyboardTarget,\n  starListLayout,\n  StarListNavigationKey,\n  starListPageSize,\n  starListRevealOffset,\n  starListRevealRows,\n  starListRowRendered,\n  starListTypeaheadIndex,\n  StarOptionKey,\n  StarWindowRow,\n} from '@star-ng/ui/core';\nimport { StarOptionTemplate } from '@star-ng/ui/select';\n\n/**\n * Inline list choice (PrimeNG `p-listbox`): single or `multiple` (checkboxes), filter,\n * option template, WAI-ARIA listbox keyboard (Arrow, Home / End, Space / Enter, typeahead).\n * Value: one value, or an array in `multiple` mode.\n *\n * `<star-listbox [options]=\"queues\" optionLabel=\"name\" optionValue=\"id\" [(value)]=\"queue\" filter ariaLabel=\"Queue\" />`\n */\n@Component({\n  selector: 'star-listbox',\n  imports: [NgTemplateOutlet, CdkVirtualScrollViewport, CdkFixedSizeVirtualScroll, CdkVirtualForOf],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'star-listbox-box',\n    '[class.star-listbox-box--disabled]': 'disabled()',\n    '[class.star-listbox-box--invalid]': 'invalid() && touched()',\n  },\n  template: `\n    @if (filter()) {\n      <div class=\"star-panel__filter\">\n        <i class=\"ph-bold ph-magnifying-glass\" aria-hidden=\"true\"></i>\n        <input\n          #filterInput\n          type=\"search\"\n          class=\"star-input star-input--sm\"\n          autocomplete=\"off\"\n          [attr.aria-label]=\"text.filterPlaceholder\"\n          [attr.aria-controls]=\"listId\"\n          [placeholder]=\"text.filterPlaceholder\"\n          [value]=\"query()\"\n          (input)=\"onFilterInput(filterInput.value)\"\n          (keydown)=\"onKeydown($event)\"\n        />\n      </div>\n    }\n    @if (virtualScroll()) {\n      <!-- Virtual scroll: the CDK viewport is the listbox. Group headings and options are rows of one height. -->\n      <cdk-virtual-scroll-viewport\n        #list\n        class=\"star-listbox star-listbox--virtual star-listbox--viewport\"\n        role=\"listbox\"\n        [id]=\"listId\"\n        [itemSize]=\"itemSize()\"\n        [minBufferPx]=\"itemSize() * 4\"\n        [maxBufferPx]=\"itemSize() * 8\"\n        [attr.tabindex]=\"disabled() ? -1 : 0\"\n        [attr.aria-label]=\"ariaLabel()\"\n        [attr.aria-multiselectable]=\"multiple() || null\"\n        [attr.aria-activedescendant]=\"activeId()\"\n        [attr.aria-disabled]=\"disabled() || null\"\n        [style.--star-item-size.px]=\"itemSize()\"\n        [style.height]=\"viewportHeight()\"\n        (keydown)=\"onKeydown($event)\"\n        (focus)=\"onFocus()\"\n        (blur)=\"touch.emit()\"\n      >\n        <ng-container *cdkVirtualFor=\"let row of layout().rows; trackBy: trackRow\">\n          @if (row.kind === 'group') {\n            <div class=\"star-listbox__group\" role=\"presentation\" [id]=\"row.id\">\n              {{ row.label }}\n            </div>\n          } @else {\n            @let option = row.option;\n            @let i = row.index;\n            @let position = positionOf(i);\n            <!-- Keyboard is handled on the listbox via aria-activedescendant. -->\n            <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n            <div\n              class=\"star-listbox__option\"\n              role=\"option\"\n              [id]=\"listId + '-' + i\"\n              [class.star-listbox__option--active]=\"active() === i\"\n              [class.star-listbox__option--selected]=\"isSelected(option)\"\n              [attr.aria-selected]=\"isSelected(option)\"\n              [attr.aria-disabled]=\"isDisabled(option) || null\"\n              [attr.aria-describedby]=\"describedBy(row)\"\n              [attr.aria-setsize]=\"position.setsize\"\n              [attr.aria-posinset]=\"position.posinset\"\n              (click)=\"active.set(i); choose(option)\"\n            >\n              @if (multiple()) {\n                <span class=\"star-check__box\" aria-hidden=\"true\">\n                  @if (isSelected(option)) {\n                    <i class=\"ph-bold ph-check\"></i>\n                  }\n                </span>\n              }\n              <span class=\"star-listbox__label\">\n                @if (optionTemplate(); as custom) {\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      custom.template;\n                      context: { $implicit: option, selected: isSelected(option), index: i }\n                    \"\n                  />\n                } @else {\n                  {{ labelOf(option) }}\n                }\n              </span>\n            </div>\n          }\n        </ng-container>\n      </cdk-virtual-scroll-viewport>\n      @if (!visible().length) {\n        <div class=\"star-listbox__empty\" role=\"presentation\">{{ text.emptyFilterMessage }}</div>\n      }\n    } @else {\n      <ul\n        #list\n        class=\"star-listbox\"\n        role=\"listbox\"\n        [id]=\"listId\"\n        [attr.tabindex]=\"disabled() ? -1 : 0\"\n        [attr.aria-label]=\"ariaLabel()\"\n        [attr.aria-multiselectable]=\"multiple() || null\"\n        [attr.aria-activedescendant]=\"activeId()\"\n        [attr.aria-disabled]=\"disabled() || null\"\n        [style.max-height]=\"scrollHeight()\"\n        (keydown)=\"onKeydown($event)\"\n        (focus)=\"onFocus()\"\n        (blur)=\"touch.emit()\"\n      >\n        @for (option of visible(); track $index; let i = $index) {\n          @if (groupHeading(i); as heading) {\n            <li class=\"star-listbox__group\" role=\"presentation\" [id]=\"groupId(i)\">{{ heading }}</li>\n          }\n          <!-- Keyboard is handled on the listbox via aria-activedescendant. -->\n          <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n          <li\n            class=\"star-listbox__option\"\n            role=\"option\"\n            [id]=\"listId + '-' + i\"\n            [class.star-listbox__option--active]=\"active() === i\"\n            [class.star-listbox__option--selected]=\"isSelected(option)\"\n            [attr.aria-selected]=\"isSelected(option)\"\n            [attr.aria-disabled]=\"isDisabled(option) || null\"\n            [attr.aria-describedby]=\"groupId(i)\"\n            (click)=\"active.set(i); choose(option)\"\n          >\n            @if (multiple()) {\n              <span class=\"star-check__box\" aria-hidden=\"true\">\n                @if (isSelected(option)) {\n                  <i class=\"ph-bold ph-check\"></i>\n                }\n              </span>\n            }\n            <span class=\"star-listbox__label\">\n              @if (optionTemplate(); as custom) {\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    custom.template;\n                    context: { $implicit: option, selected: isSelected(option), index: i }\n                  \"\n                />\n              } @else {\n                {{ labelOf(option) }}\n              }\n            </span>\n          </li>\n        }\n      </ul>\n      <!-- Outside the listbox: a listbox may contain options and groups only. -->\n      @if (!visible().length) {\n        <div class=\"star-listbox__empty\" role=\"presentation\">{{ text.emptyFilterMessage }}</div>\n      }\n    }\n  `,\n})\nexport class StarListbox<TOption = unknown, TValue = TOption> implements FormValueControl<\n  TValue | readonly TValue[] | null\n> {\n  protected readonly text = inject(STAR_UI_TEXT);\n  protected readonly listId = inject(_IdGenerator).getId('star-listbox-');\n\n  readonly value = model<TValue | readonly TValue[] | null>(null);\n  readonly options = input<readonly TOption[]>([]);\n  readonly optionLabel = input<StarOptionKey<TOption> | null>(null);\n  readonly optionValue = input<StarOptionKey<TOption> | null>(null);\n  readonly optionDisabled = input<StarOptionKey<TOption> | null>(null);\n  /**\n   * Group heading of an option (property name or function). Options with the same heading\n   * show together under it, in the order in which the headings first appear.\n   */\n  readonly optionGroup = input<StarOptionKey<TOption> | null>(null);\n  readonly multiple = input(false, { transform: booleanAttribute });\n  readonly filter = input(false, { transform: booleanAttribute });\n  /** Height of the list. With `virtualScroll` it is the height of the list, or less for a short list. */\n  readonly scrollHeight = input('16rem');\n  /**\n   * Renders only the rows in and near the view (CDK virtual scroll), for lists of thousands of\n   * options. Every row, group headings included, has the height `virtualItemSize` and the text\n   * stays on one line. Keys and type-ahead work over all options. Page up and Page down move by\n   * the lines in view.\n   */\n  readonly virtualScroll = input(false, { transform: booleanAttribute });\n  /** Row height in pixels with `virtualScroll`. */\n  readonly virtualItemSize = input(40);\n  readonly ariaLabel = input<string | null>(null);\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly invalid = input(false, { transform: booleanAttribute });\n  readonly touched = input(false, { transform: booleanAttribute });\n  readonly touch = output<void>();\n\n  protected readonly optionTemplate = contentChild(StarOptionTemplate);\n  private readonly list = viewChild<unknown, ElementRef<HTMLElement>>('list', { read: ElementRef });\n  private readonly viewport = viewChild(CdkVirtualScrollViewport);\n  private readonly injector = inject(Injector);\n  protected readonly query = signal('');\n  protected readonly active = signal(-1);\n  private typeahead = '';\n  private typeaheadAt = 0;\n\n  protected readonly visible = computed(() => {\n    const options = this.options().filter((option) =>\n      matchesFilter(this.labelOf(option), this.query()),\n    );\n    if (!this.optionGroup()) return options;\n    // Keep each group together, in the order in which the groups first appear.\n    const order = new Map<string, number>();\n    for (const option of options) {\n      const group = this.groupOf(option);\n      if (!order.has(group)) order.set(group, order.size);\n    }\n    return options\n      .map((option, index) => ({ option, index, rank: order.get(this.groupOf(option)) ?? 0 }))\n      .sort((a, b) => a.rank - b.rank || a.index - b.index)\n      .map(({ option }) => option);\n  });\n\n  protected groupOf(option: TOption): string {\n    const key = this.optionGroup();\n    const group = key ? readOption(option, key) : null;\n    return group === null || group === undefined ? '' : String(group);\n  }\n\n  /** Heading to show before the option at an index: the first option of each group. */\n  protected groupHeading(index: number): string | null {\n    if (!this.optionGroup()) return null;\n    const options = this.visible();\n    const group = this.groupOf(options[index]);\n    return index === 0 || this.groupOf(options[index - 1]) !== group ? group : null;\n  }\n\n  protected groupId(index: number): string | null {\n    if (!this.optionGroup()) return null;\n    const options = this.visible();\n    let first = index;\n    while (first > 0 && this.groupOf(options[first - 1]) === this.groupOf(options[index])) first--;\n    return `${this.listId}-group-${first}`;\n  }\n\n  // ---- Virtual scroll ----\n\n  protected readonly itemSize = computed(() => Math.max(1, this.virtualItemSize()));\n\n  /** Group headings and options in one list of rows of equal height. */\n  protected readonly layout = computed(() =>\n    starListLayout(\n      this.visible(),\n      this.optionGroup() ? (option) => this.groupOf(option) : null,\n      this.listId,\n    ),\n  );\n\n  protected readonly viewportHeight = computed(() =>\n    starListHeight(this.scrollHeight(), this.layout().rows.length, this.itemSize()),\n  );\n\n  /** Rows that are in the DOM now: `[start, end)`, reported by the CDK viewport. */\n  private readonly renderedRange = signal({ start: 0, end: 0 });\n\n  protected readonly trackRow = (_index: number, row: StarWindowRow<TOption>): string => row.key;\n\n  protected positionOf(index: number): { setsize: number; posinset: number } {\n    return starListAriaPosition(index, this.visible().length);\n  }\n\n  /** The heading of the group, only while its row is in the DOM (the id must exist). */\n  protected describedBy(row: Extract<StarWindowRow<TOption>, { kind: 'option' }>): string | null {\n    return row.groupId !== null && starListRowRendered(row.groupRow, this.renderedRange())\n      ? row.groupId\n      : null;\n  }\n\n  /** `aria-activedescendant` only names an option that is in the DOM. */\n  protected readonly activeId = computed(() => {\n    const index = this.active();\n    if (index < 0 || index >= this.visible().length) return null;\n    if (this.virtualScroll()) {\n      const row = this.layout().rowOfOption[index];\n      if (row === undefined || !starListRowRendered(row, this.renderedRange())) return null;\n    }\n    return `${this.listId}-${index}`;\n  });\n\n  constructor() {\n    effect((onCleanup) => {\n      const viewport = this.viewport();\n      if (!viewport) return;\n      const element = viewport.getElementRef().nativeElement;\n      this.renderedRange.set(viewport.getRenderedRange());\n      // The range is read after the rows have been drawn, so the ids it allows exist.\n      const range = viewport.renderedRangeStream.subscribe((next) =>\n        afterNextRender(() => this.renderedRange.set({ ...next }), { injector: this.injector }),\n      );\n      afterNextRender(\n        () =>\n          element\n            .querySelector('.cdk-virtual-scroll-content-wrapper')\n            ?.setAttribute('role', 'presentation'),\n        { injector: this.injector },\n      );\n      // The viewport measures its height once; a new height (filter, hidden parent) needs a new measure.\n      const observer =\n        typeof ResizeObserver === 'undefined'\n          ? null\n          : new ResizeObserver(() => viewport.checkViewportSize());\n      observer?.observe(element);\n      onCleanup(() => {\n        range.unsubscribe();\n        observer?.disconnect();\n      });\n    });\n  }\n\n  protected labelOf(option: TOption): string {\n    return optionText(option, this.optionLabel());\n  }\n  protected isDisabled(option: TOption): boolean {\n    const key = this.optionDisabled();\n    return key ? !!readOption(option, key) : false;\n  }\n  private valueOf(option: TOption): TValue {\n    return readOption(option, this.optionValue()) as TValue;\n  }\n  protected isSelected(option: TOption): boolean {\n    const value = this.value();\n    const optionValue = this.valueOf(option);\n    return Array.isArray(value)\n      ? value.some((v) => Object.is(v, optionValue))\n      : Object.is(value, optionValue);\n  }\n  protected firstSelectedOrZero(): number {\n    return Math.max(\n      0,\n      this.visible().findIndex((option) => this.isSelected(option)),\n    );\n  }\n\n  protected choose(option: TOption): void {\n    if (this.disabled() || this.isDisabled(option)) return;\n    const optionValue = this.valueOf(option);\n    if (this.multiple()) {\n      const current = Array.isArray(this.value()) ? (this.value() as readonly TValue[]) : [];\n      this.value.set(\n        this.isSelected(option)\n          ? current.filter((v) => !Object.is(v, optionValue))\n          : [...current, optionValue],\n      );\n    } else {\n      this.value.set(optionValue);\n    }\n  }\n\n  protected onFilterInput(text: string): void {\n    this.query.set(text);\n    this.active.set(0);\n    // The shorter list starts at its top.\n    this.viewport()?.scrollToOffset(0);\n  }\n\n  protected onFocus(): void {\n    if (this.active() >= 0) return;\n    this.active.set(this.firstSelectedOrZero());\n    if (this.virtualScroll()) this.reveal(this.active());\n  }\n\n  /**\n   * Brings the active option into view. With `virtualScroll` the option may not be in the DOM yet:\n   * the viewport scrolls to it (least movement, heading row included) and then renders it.\n   */\n  private reveal(index: number): void {\n    if (!this.virtualScroll()) {\n      queueMicrotask(() =>\n        this.list()\n          ?.nativeElement.querySelector(`#${CSS.escape(this.activeId() ?? '')}`)\n          ?.scrollIntoView?.({ block: 'nearest' }),\n      );\n      return;\n    }\n    const viewport = this.viewport();\n    if (!viewport) return;\n    const [first, last] = starListRevealRows(this.layout(), index);\n    const offset = starListRevealOffset(\n      first,\n      last,\n      this.itemSize(),\n      viewport.measureScrollOffset(),\n      viewport.getViewportSize(),\n    );\n    if (offset !== null) viewport.scrollToOffset(offset);\n  }\n\n  protected onKeydown(event: KeyboardEvent): void {\n    const options = this.visible();\n    if (!options.length || this.disabled()) return;\n    const fromInput = event.target instanceof HTMLInputElement;\n    const page = starListPageSize(this.viewport()?.getViewportSize() || 256, this.itemSize());\n    const move = (key: StarListNavigationKey | number) => {\n      event.preventDefault();\n      this.active.set(\n        typeof key === 'number'\n          ? key\n          : starListKeyboardTarget(key, this.active(), options.length, page),\n      );\n      this.reveal(this.active());\n      if (!this.multiple() && !fromInput) {\n        const option = options[this.active()];\n        if (!this.isDisabled(option)) this.value.set(this.valueOf(option));\n      }\n    };\n    switch (event.key) {\n      case 'ArrowDown':\n      case 'ArrowUp':\n        return move(event.key);\n      case 'Home':\n      case 'End':\n        if (fromInput) return;\n        return move(event.key);\n      case 'PageDown':\n      case 'PageUp':\n        // Without `virtualScroll` the browser scrolls the list by a page.\n        if (fromInput || !this.virtualScroll()) return;\n        return move(event.key);\n      case ' ':\n      case 'Enter':\n        if (event.key === ' ' && fromInput) return;\n        event.preventDefault();\n        if (options[this.active()] !== undefined) this.choose(options[this.active()]);\n        return;\n      default:\n        if (event.key.length === 1 && !fromInput) {\n          const now = Date.now();\n          this.typeahead =\n            (now - this.typeaheadAt > 500 ? '' : this.typeahead) + event.key.toLowerCase();\n          this.typeaheadAt = now;\n          // Over all options, also those that are not in the DOM.\n          const index = starListTypeaheadIndex(\n            options.length,\n            (i) => this.labelOf(options[i]),\n            this.typeahead,\n          );\n          if (index >= 0) move(index);\n        }\n    }\n  }\n\n  focus(): void {\n    this.list()?.nativeElement.focus();\n  }\n}\n"],"mappings":"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"}