@vadem/ui 0.0.0-stage → 0.0.1

package/fesm2022/vadem-ui-select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vadem-ui-select.mjs","names":[],"sources":["../../../projects/ui/select/src/listbox-base.ts","../../../projects/ui/select/src/listbox-host.ts","../../../projects/ui/select/src/combobox.ts","../../../projects/ui/select/src/core/multi-selection.ts","../../../projects/ui/select/src/multi-select.ts","../../../projects/ui/select/src/option.ts","../../../projects/ui/select/src/select.ts"],"sourcesContent":["import {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  Injector,\n  ModelSignal,\n  OnInit,\n  Signal,\n  afterNextRender,\n  afterRenderEffect,\n  booleanAttribute,\n  computed,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\nimport {\n  VD_FIELD,\n  VdFieldControl,\n  VdNgControlState,\n  vdNgControlState,\n  vdUniqueId,\n} from '@vadem/ui/field';\nimport { VdTypeahead, vdListTarget } from '@vadem/ui/keyboard';\nimport { VdListboxHost } from './listbox-host';\nimport type { VdOption } from './option';\nimport { vdTexts } from '@vadem/ui/locale';\n\nexport type VdSelectSize = 'sm' | 'md' | 'lg';\n\nconst NO_NG_STATE: VdNgControlState = {\n  invalid: false,\n  touched: false,\n  disabled: false,\n  required: false,\n};\n\n/**\n * Shared behavior of select, combobox, and multi-select: option registry, active option\n * (aria-activedescendant - focus stays on the combobox element), popover listbox anchored to\n * the field, value + ControlValueAccessor, and `vd-field` wiring.\n */\n@Directive()\nexport abstract class VdListboxBase<T = string | null>\n  implements VdListboxHost, ControlValueAccessor, OnInit\n{\n  /** Concrete controls define a single-value or array-valued selection model. */\n  abstract readonly value: ModelSignal<T>;\n  readonly placeholder = input('');\n  readonly size = input<VdSelectSize>('md');\n  readonly disabled = input(false, { transform: booleanAttribute });\n  /** Invalid state (e.g. server error); form validity is detected after touch. */\n  readonly invalid = input(false, { transform: booleanAttribute });\n  /** Gate for `invalid`; Signal Forms binds it (FormUiControl contract). */\n  readonly touched = input<boolean | undefined>(undefined);\n  readonly required = input(false, { transform: booleanAttribute });\n  /** Shown when no option is visible (e.g. nothing matches the filter). */\n  readonly emptyText = input<string>();\n  /** Text inputs resolved against the active VD_LOCALE. */\n  protected readonly t = vdTexts('select', { emptyText: this.emptyText });\n  /** Accessible name when there's no `vd-field` label; applied to the inner combobox element. */\n  readonly ariaLabel = input<string | undefined>(undefined, { alias: 'aria-label' });\n  readonly ariaLabelledby = input<string | undefined>(undefined, { alias: 'aria-labelledby' });\n\n  readonly listboxId = vdUniqueId('vd-listbox');\n  readonly controlId = vdUniqueId('vd-combobox');\n\n  protected readonly field = inject(VD_FIELD, { optional: true });\n  protected readonly hostEl: HTMLElement = inject(ElementRef).nativeElement;\n  private readonly injector = inject(Injector);\n  private readonly destroyRef = inject(DestroyRef);\n\n  private readonly options = signal<readonly VdOption[]>([]);\n  protected readonly open = signal(false);\n  protected readonly activeId = signal<string | null>(null);\n  private readonly formDisabled = signal(false);\n  private readonly ngSource = signal<Signal<VdNgControlState> | null>(null);\n  private readonly typeahead = new VdTypeahead();\n\n  /** The popover listbox element. */\n  protected abstract listEl(): HTMLElement | undefined;\n  /** What the listbox is anchored to (the visible field). */\n  protected abstract anchorEl(): HTMLElement | undefined;\n\n  protected readonly ordered = computed(() =>\n    [...this.options()].sort((a, b) =>\n      a.el.compareDocumentPosition(b.el) & a.el.DOCUMENT_POSITION_FOLLOWING ? -1 : 1,\n    ),\n  );\n  protected readonly visibleOptions = computed(() =>\n    this.ordered().filter((o) => this.isVisible(o)),\n  );\n  protected readonly selectedOption = computed(() =>\n    this.ordered().find((o) => this.isSelected(o)),\n  );\n  protected readonly selectedLabel = computed(() => this.selectedOption()?.textLabel() ?? '');\n  protected readonly isDisabled = computed(() => this.disabled() || this.formDisabled());\n  private readonly ngState = computed(() => this.ngSource()?.() ?? NO_NG_STATE);\n\n  protected readonly showInvalid = computed(() => {\n    if (this.invalid() && this.touched() !== false) return true;\n    const ng = this.ngState();\n    return ng.invalid && ng.touched;\n  });\n  protected readonly isRequired = computed(() => this.required() || this.ngState().required);\n  protected readonly describedBy = computed(() => this.field?.describedBy() ?? null);\n\n  private onChange: (value: T) => void = () => undefined;\n  private onTouched: () => void = () => undefined;\n\n  constructor() {\n    const fieldControl: VdFieldControl = {\n      id: signal(this.controlId),\n      invalid: this.showInvalid,\n      required: this.isRequired,\n      disabled: this.isDisabled,\n    };\n    this.field?.register(fieldControl);\n    this.destroyRef.onDestroy(() => this.field?.unregister(fieldControl));\n\n    // Browser-only: anchor the listbox and keep `open` in sync with light dismiss / Escape.\n    afterNextRender(() => {\n      const list = this.listEl();\n      const anchor = this.anchorEl();\n      if (!list || !anchor) return;\n      const name = `--${this.listboxId}`;\n      anchor.style.setProperty('anchor-name', name);\n      list.style.setProperty('position-anchor', name);\n      const onToggle = (e: Event) => {\n        if ((e as ToggleEvent).newState === 'closed') this.afterClose();\n      };\n      list.addEventListener('toggle', onToggle);\n      this.destroyRef.onDestroy(() => list.removeEventListener('toggle', onToggle));\n    });\n\n    // Keep the active option visible while navigating.\n    afterRenderEffect(() => {\n      const id = this.activeId();\n      if (!this.open() || !id) return;\n      this.ordered()\n        .find((o) => o.id === id)\n        ?.el.scrollIntoView({ block: 'nearest' });\n    });\n  }\n\n  ngOnInit(): void {\n    // Can't inject NgControl in the constructor: it depends on this value accessor.\n    const ngControl = this.injector.get(NgControl, null, { self: true, optional: true });\n    this.ngSource.set(vdNgControlState(ngControl, this.destroyRef));\n  }\n\n  // ------------------------------------------------------------- VdListboxHost\n\n  abstract isSelected(option: VdOption): boolean;\n\n  isActive(option: VdOption): boolean {\n    return option.id === this.activeId();\n  }\n\n  isVisible(_option: VdOption): boolean {\n    return true;\n  }\n\n  abstract choose(option: VdOption): void;\n\n  hover(option: VdOption): void {\n    if (!option.disabled()) this.activeId.set(option.id);\n  }\n\n  register(option: VdOption): () => void {\n    this.options.update((list) => [...list, option]);\n    return () => this.options.update((list) => list.filter((o) => o !== option));\n  }\n\n  // --------------------------------------------------------- ControlValueAccessor\n\n  abstract writeValue(value: T | null): void;\n\n  registerOnChange(fn: (value: T) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(disabled: boolean): void {\n    this.formDisabled.set(disabled);\n  }\n\n  // ------------------------------------------------------------------ internals\n\n  /** Hook for subclasses after an option was chosen. */\n  protected onChosen(_option: VdOption): void {\n    /* default: nothing */\n  }\n\n  /** Hook for subclasses after the list closed (any reason). */\n  protected onClosed(): void {\n    /* default: nothing */\n  }\n\n  protected setValue(value: T): void {\n    if (value === this.value()) return;\n    this.value.set(value);\n    this.onChange(value);\n  }\n\n  protected markTouched(): void {\n    this.onTouched();\n  }\n\n  protected openList(start: 'selected' | 'first' | 'last' = 'selected'): void {\n    if (this.isDisabled() || this.open()) return;\n    const list = this.listEl();\n    if (!list) return;\n    this.open.set(true);\n    // `source` ties the popover to its field: clicks on the field don't light-dismiss it.\n    // Engines without the option ignore it.\n    list.showPopover({ source: this.anchorEl() } as ShowPopoverOptions);\n    this.activate(start);\n  }\n\n  protected closeList(): void {\n    const list = this.listEl();\n    if (list?.matches(':popover-open')) list.hidePopover();\n    else this.afterClose();\n  }\n\n  protected activate(start: 'selected' | 'first' | 'last'): void {\n    const visible = this.visibleOptions();\n    const enabled = visible.filter((o) => !o.disabled());\n    const pick =\n      start === 'selected'\n        ? (enabled.find((o) => this.isSelected(o)) ?? enabled[0])\n        : start === 'first'\n          ? enabled[0]\n          : enabled[enabled.length - 1];\n    this.activeId.set(pick?.id ?? null);\n  }\n\n  /** Handles list navigation keys. Returns true when the key was used. */\n  protected navigate(event: KeyboardEvent): boolean {\n    const visible = this.visibleOptions();\n    const current = visible.findIndex((o) => o.id === this.activeId());\n    const target = vdListTarget(\n      event.key,\n      current,\n      visible.map((o) => o.disabled()),\n      { loop: false, pageSize: 10 },\n    );\n    if (target === null) return false;\n    event.preventDefault();\n    this.activeId.set(visible[target]?.id ?? null);\n    return true;\n  }\n\n  /** Feeds a printable key to typeahead. Returns the matched option, if any. */\n  protected typeaheadMatch(event: KeyboardEvent): VdOption | undefined {\n    if (!VdTypeahead.accepts(event)) return undefined;\n    const visible = this.visibleOptions();\n    const current = visible.findIndex(\n      (o) => o.id === (this.activeId() ?? this.selectedOption()?.id),\n    );\n    const idx = this.typeahead.match(\n      event.key,\n      visible.map((o) => o.textLabel()),\n      visible.map((o) => o.disabled()),\n      current,\n    );\n    return idx === null ? undefined : visible[idx];\n  }\n\n  protected activeOption(): VdOption | undefined {\n    return this.visibleOptions().find((o) => o.id === this.activeId());\n  }\n\n  private afterClose(): void {\n    if (!this.open()) return;\n    this.open.set(false);\n    this.activeId.set(null);\n    this.typeahead.reset();\n    this.onClosed();\n  }\n}\n","import { InjectionToken } from '@angular/core';\nimport type { VdOption } from './option';\n\n/** What an option needs from the select, combobox, or multi-select that owns it. */\nexport interface VdListboxHost {\n  isSelected(option: VdOption): boolean;\n  isActive(option: VdOption): boolean;\n  isVisible(option: VdOption): boolean;\n  choose(option: VdOption): void;\n  hover(option: VdOption): void;\n  register(option: VdOption): () => void;\n}\n\nexport const VD_LISTBOX = new InjectionToken<VdListboxHost>('VD_LISTBOX');\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  ViewEncapsulation,\n  computed,\n  forwardRef,\n  model,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { VdIcon } from '@vadem/ui/icon';\nimport { vdMatchesQuery } from '@vadem/ui/keyboard';\nimport { VdListboxBase } from './listbox-base';\nimport { VD_LISTBOX } from './listbox-host';\nimport type { VdOption } from './option';\n\n/**\n * Editable combobox with list autocomplete (APG): type to filter, pick with arrows + Enter or\n * click. The value is always one of the options; free text reverts on blur. Spec: specs/select.md\n */\n@Component({\n  selector: 'vd-combobox',\n  imports: [VdIcon],\n  template: `\n    <!-- Pointer convenience only: the input inside handles every key. -->\n    <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n    <div\n      #field\n      class=\"vd-combobox__field\"\n      (pointerdown)=\"onFieldPointerDown($event)\"\n      (click)=\"onFieldClick($event)\"\n    >\n      <vd-icon name=\"search\" class=\"vd-combobox__icon\" />\n      <input\n        #input\n        class=\"vd-combobox__input\"\n        role=\"combobox\"\n        aria-autocomplete=\"list\"\n        autocomplete=\"off\"\n        [id]=\"controlId\"\n        [value]=\"inputText()\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"isDisabled()\"\n        [attr.aria-expanded]=\"open()\"\n        [attr.aria-controls]=\"listboxId\"\n        [attr.aria-activedescendant]=\"open() ? activeId() : null\"\n        [attr.aria-invalid]=\"showInvalid() || null\"\n        [attr.aria-required]=\"isRequired() || null\"\n        [attr.aria-describedby]=\"describedBy()\"\n        [attr.aria-label]=\"ariaLabel() ?? null\"\n        [attr.aria-labelledby]=\"ariaLabelledby() ?? null\"\n        (input)=\"onInput($event)\"\n        (keydown)=\"onKeydown($event)\"\n        (blur)=\"onBlur()\"\n      />\n      <vd-icon name=\"chevron-down\" class=\"vd-select__chevron\" />\n    </div>\n    <div #list class=\"vd-listbox\" popover=\"auto\" role=\"listbox\" [id]=\"listboxId\" tabindex=\"-1\">\n      <ng-content />\n      @if (visibleOptions().length === 0) {\n        <p class=\"vd-listbox__empty\">{{ t().emptyText }}</p>\n      }\n    </div>\n  `,\n  host: {\n    class: 'vd-combobox',\n    '[attr.data-size]': 'size()',\n    '[attr.data-open]': 'open() ? \"\" : null',\n    '[attr.data-invalid]': 'showInvalid() ? \"\" : null',\n    '[attr.data-disabled]': 'isDisabled() ? \"\" : null',\n    // Naming attributes move to the inner combobox element.\n    '[attr.aria-label]': 'null',\n    '[attr.aria-labelledby]': 'null',\n  },\n  providers: [\n    { provide: VD_LISTBOX, useExisting: forwardRef(() => VdCombobox) },\n    { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => VdCombobox), multi: true },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class VdCombobox extends VdListboxBase {\n  readonly value = model<string | null>(null);\n\n  isSelected(option: VdOption): boolean {\n    return option.value() === this.value();\n  }\n\n  writeValue(value: string | null): void {\n    this.value.set(value ?? null);\n  }\n\n  choose(option: VdOption): void {\n    if (option.disabled() || this.isDisabled()) return;\n    this.setValue(option.value());\n    this.onChosen();\n    this.closeList();\n  }\n\n  private readonly fieldRef = viewChild.required<ElementRef<HTMLElement>>('field');\n  private readonly inputRef = viewChild.required<ElementRef<HTMLInputElement>>('input');\n  private readonly list = viewChild.required<ElementRef<HTMLElement>>('list');\n\n  /** Text being typed; `null` when not filtering (the input shows the selected label). */\n  private readonly query = signal<string | null>(null);\n  protected readonly inputText = computed(() => this.query() ?? this.selectedLabel());\n\n  protected listEl(): HTMLElement | undefined {\n    return this.list()?.nativeElement;\n  }\n\n  protected anchorEl(): HTMLElement | undefined {\n    return this.fieldRef()?.nativeElement;\n  }\n\n  focus(): void {\n    this.inputRef().nativeElement.focus();\n  }\n\n  override isVisible(option: VdOption): boolean {\n    const q = this.query();\n    return q === null || vdMatchesQuery(option.textLabel(), q);\n  }\n\n  protected override onChosen(): void {\n    this.query.set(null);\n  }\n\n  protected override onClosed(): void {\n    this.query.set(null);\n    if (this.hostEl.ownerDocument.activeElement !== this.inputRef().nativeElement)\n      this.markTouched();\n  }\n\n  /** Whether the list was open when the press started (light dismiss may close it first). */\n  private wasOpen = false;\n\n  protected onFieldPointerDown(event: PointerEvent): void {\n    this.wasOpen = this.open();\n    const input = this.inputRef().nativeElement;\n    // Icons and padding focus the input instead of stealing focus.\n    if (event.target !== input && !this.isDisabled()) {\n      event.preventDefault();\n      input.focus();\n    }\n  }\n\n  protected onFieldClick(event: MouseEvent): void {\n    if (this.isDisabled()) return;\n    const onInput = event.target === this.inputRef().nativeElement;\n    if (this.open() && !onInput) this.closeList();\n    else if (!this.open() && !(this.wasOpen && !onInput)) this.openList('selected');\n    this.wasOpen = false;\n  }\n\n  protected onInput(event: Event): void {\n    this.query.set((event.target as HTMLInputElement).value);\n    if (!this.open()) this.openList('first');\n    else this.activate('first');\n  }\n\n  protected onBlur(): void {\n    this.query.set(null);\n    if (!this.open()) this.markTouched();\n  }\n\n  protected onKeydown(event: KeyboardEvent): void {\n    const { key, altKey } = event;\n\n    if (!this.open()) {\n      if (key === 'ArrowDown' || key === 'ArrowUp') {\n        event.preventDefault();\n        this.openList(key === 'ArrowUp' ? 'last' : 'selected');\n      }\n      return;\n    }\n\n    if (key === 'Escape') {\n      event.preventDefault();\n      this.closeList();\n    } else if (key === 'Enter' || (altKey && key === 'ArrowUp')) {\n      event.preventDefault();\n      const active = this.activeOption();\n      if (active) this.choose(active);\n      else this.closeList();\n    } else if (key === 'Tab') {\n      this.closeList();\n    } else if (key !== 'Home' && key !== 'End') {\n      // Home/End keep moving the caret in the text field.\n      this.navigate(event);\n    }\n  }\n}\n","/** Immutable, unique selection values. Unknown values remain until the consumer removes them. */\nexport function vdUniqueSelection(values: readonly string[] | null): string[] {\n  return [...new Set(values ?? [])];\n}\n\nexport function vdToggleSelection(values: readonly string[], value: string): string[] {\n  return values.includes(value)\n    ? values.filter((item) => item !== value)\n    : [...new Set([...values, value])];\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  ViewEncapsulation,\n  afterRenderEffect,\n  computed,\n  forwardRef,\n  input,\n  model,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { vdUniqueId } from '@vadem/ui/field';\nimport { VdIcon } from '@vadem/ui/icon';\nimport { vdMatchesQuery } from '@vadem/ui/keyboard';\nimport { vdToggleSelection, vdUniqueSelection } from './core/multi-selection';\nimport { VdListboxBase } from './listbox-base';\nimport { VD_LISTBOX } from './listbox-host';\nimport type { VdOption } from './option';\nimport { vdTexts } from '@vadem/ui/locale';\n\n/** Searchable multiple selection. Spec: specs/multi-select.md. */\n@Component({\n  selector: 'vd-multi-select',\n  imports: [VdIcon],\n  template: `\n    <div #field class=\"vd-multi-select__field\" (pointerdown)=\"onFieldPointerDown($event)\">\n      @for (item of selectedItems(); track item.value) {\n        <span class=\"vd-multi-select__chip\">\n          <span class=\"vd-multi-select__label\" [title]=\"item.label\">{{ item.label }}</span>\n          <button\n            type=\"button\"\n            class=\"vd-multi-select__remove\"\n            [disabled]=\"isDisabled() || item.disabled\"\n            [attr.aria-label]=\"multiTexts().removeLabel(item.label)\"\n            (click)=\"remove(item.value)\"\n          >\n            <vd-icon name=\"x\" />\n          </button>\n        </span>\n      }\n      <input\n        #input\n        class=\"vd-multi-select__input\"\n        role=\"combobox\"\n        aria-autocomplete=\"list\"\n        aria-haspopup=\"listbox\"\n        autocomplete=\"off\"\n        [id]=\"controlId\"\n        [value]=\"query()\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"isDisabled()\"\n        [attr.aria-expanded]=\"open()\"\n        [attr.aria-controls]=\"listboxId\"\n        [attr.aria-activedescendant]=\"open() ? activeId() : null\"\n        [attr.aria-invalid]=\"showInvalid() || null\"\n        [attr.aria-required]=\"isRequired() || null\"\n        [attr.aria-describedby]=\"descriptionIds()\"\n        [attr.aria-label]=\"ariaLabel() ?? null\"\n        [attr.aria-labelledby]=\"ariaLabelledby() ?? null\"\n        (click)=\"openList()\"\n        (input)=\"onInput($event)\"\n        (keydown)=\"onKeydown($event)\"\n        (compositionend)=\"onInput($event)\"\n      />\n      <vd-icon name=\"chevron-down\" class=\"vd-select__chevron\" />\n    </div>\n    <span class=\"vd-visually-hidden\" [id]=\"summaryId\" role=\"status\" aria-atomic=\"true\">\n      {{ multiTexts().selectionLabel(selectedItems().length) }}\n    </span>\n    <div\n      #list\n      class=\"vd-listbox vd-multi-select__list\"\n      popover=\"auto\"\n      role=\"listbox\"\n      aria-multiselectable=\"true\"\n      [id]=\"listboxId\"\n      tabindex=\"-1\"\n    >\n      <ng-content />\n      @if (visibleOptions().length === 0) {\n        <p class=\"vd-listbox__empty\">{{ t().emptyText }}</p>\n      }\n    </div>\n  `,\n  host: {\n    class: 'vd-multi-select',\n    '[attr.data-size]': 'size()',\n    '[attr.data-open]': 'open() ? \"\" : null',\n    '[attr.data-invalid]': 'showInvalid() ? \"\" : null',\n    '[attr.data-disabled]': 'isDisabled() ? \"\" : null',\n    '[attr.aria-disabled]': 'isDisabled() || null',\n    '[attr.aria-label]': 'null',\n    '[attr.aria-labelledby]': 'null',\n    '(focusout)': 'onFocusOut($event)',\n  },\n  providers: [\n    { provide: VD_LISTBOX, useExisting: forwardRef(() => VdMultiSelect) },\n    { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => VdMultiSelect), multi: true },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class VdMultiSelect extends VdListboxBase<string[]> {\n  readonly value = model<string[]>([]);\n  readonly removeLabel = input<(label: string) => string>();\n  readonly selectionLabel = input<(count: number) => string>();\n  /** Text inputs resolved against the active VD_LOCALE. */\n  protected readonly multiTexts = vdTexts('multiSelect', {\n    removeLabel: this.removeLabel,\n    selectionLabel: this.selectionLabel,\n  });\n\n  private readonly fieldRef = viewChild.required<ElementRef<HTMLElement>>('field');\n  private readonly inputRef = viewChild.required<ElementRef<HTMLInputElement>>('input');\n  private readonly list = viewChild.required<ElementRef<HTMLElement>>('list');\n  protected readonly query = signal('');\n  protected readonly summaryId = vdUniqueId('vd-selection');\n  protected readonly descriptionIds = computed(() =>\n    [this.describedBy(), this.summaryId].filter(Boolean).join(' '),\n  );\n  protected readonly selectedItems = computed(() =>\n    vdUniqueSelection(this.value()).map((value) => {\n      const option = this.ordered().find((item) => item.value() === value);\n      return { value, label: option?.textLabel() || value, disabled: option?.disabled() ?? false };\n    }),\n  );\n\n  constructor() {\n    super();\n    afterRenderEffect(() => {\n      if (this.isDisabled()) this.closeList();\n      else if (this.open()) {\n        // A query, dynamic option removal, or disabled change must never leave a dangling id.\n        const active = this.activeOption();\n        if (!active || active.disabled()) this.activate('first');\n      }\n    });\n  }\n\n  protected listEl(): HTMLElement | undefined {\n    return this.list()?.nativeElement;\n  }\n\n  protected anchorEl(): HTMLElement | undefined {\n    return this.fieldRef()?.nativeElement;\n  }\n\n  focus(): void {\n    this.inputRef().nativeElement.focus();\n  }\n\n  isSelected(option: VdOption): boolean {\n    return this.value().includes(option.value());\n  }\n\n  override isVisible(option: VdOption): boolean {\n    return vdMatchesQuery(option.textLabel(), this.query());\n  }\n\n  choose(option: VdOption): void {\n    if (this.isDisabled() || option.disabled()) return;\n    this.setValue(vdToggleSelection(this.value(), option.value()));\n    this.focus();\n  }\n\n  writeValue(value: string[] | null): void {\n    this.value.set(vdUniqueSelection(value));\n  }\n\n  protected remove(value: string): void {\n    const item = this.selectedItems().find((item) => item.value === value);\n    if (this.isDisabled() || item?.disabled) return;\n    this.setValue(this.value().filter((item) => item !== value));\n    this.focus();\n  }\n\n  protected onInput(event: Event): void {\n    this.query.set((event.target as HTMLInputElement).value);\n    if ((event as InputEvent).isComposing) return;\n    this.openList('first');\n    this.activate('first');\n  }\n\n  protected onFocusOut(event: FocusEvent): void {\n    const next = event.relatedTarget as Node | null;\n    if (next && this.hostEl.contains(next)) return;\n    this.markTouched();\n    this.closeList();\n  }\n\n  protected onFieldPointerDown(event: PointerEvent): void {\n    const target = event.target as HTMLElement;\n    if (this.isDisabled() || target.closest('button') || target === this.inputRef().nativeElement)\n      return;\n    event.preventDefault();\n    this.focus();\n    this.openList();\n  }\n\n  protected override onClosed(): void {\n    this.query.set('');\n    if (!this.hostEl.contains(this.hostEl.ownerDocument.activeElement)) this.markTouched();\n  }\n\n  protected onKeydown(event: KeyboardEvent): void {\n    if (event.isComposing || this.isDisabled()) return;\n    const { key, altKey } = event;\n    if (key === 'Backspace' && this.query() === '') {\n      const last = this.selectedItems().at(-1);\n      if (last && !last.disabled) {\n        event.preventDefault();\n        this.remove(last.value);\n      }\n    } else if (!this.open()) {\n      if (key === 'ArrowDown' || key === 'ArrowUp') {\n        event.preventDefault();\n        this.openList(key === 'ArrowUp' ? 'last' : 'selected');\n      }\n    } else if (key === 'Escape' || (altKey && key === 'ArrowUp')) {\n      event.preventDefault();\n      event.stopPropagation();\n      this.closeList();\n    } else if (key === 'Enter') {\n      event.preventDefault();\n      const active = this.activeOption();\n      if (active) this.choose(active);\n    } else if (key === 'Tab') {\n      this.closeList();\n    } else if (key !== 'Home' && key !== 'End') {\n      this.navigate(event);\n    }\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ElementRef,\n  OnInit,\n  ViewEncapsulation,\n  booleanAttribute,\n  computed,\n  inject,\n  input,\n} from '@angular/core';\nimport { vdUniqueId } from '@vadem/ui/field';\nimport { VdIcon } from '@vadem/ui/icon';\nimport { VD_LISTBOX } from './listbox-host';\n\n/** One option of select, combobox, or multi-select. Specs: select.md, multi-select.md. */\n@Component({\n  selector: 'vd-option',\n  imports: [VdIcon],\n  template: `\n    <span class=\"vd-option__label\"><ng-content /></span>\n    <vd-icon name=\"check\" class=\"vd-option__check\" />\n  `,\n  host: {\n    class: 'vd-option',\n    role: 'option',\n    '[id]': 'id',\n    '[attr.aria-selected]': 'selected()',\n    '[attr.aria-disabled]': 'disabled() || null',\n    '[attr.data-active]': 'active() ? \"\" : null',\n    '[hidden]': '!visible()',\n    '(click)': 'host.choose(this)',\n    '(pointermove)': 'host.hover(this)',\n    // Keep focus on the combobox element while clicking options.\n    '(mousedown)': '$event.preventDefault()',\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class VdOption implements OnInit {\n  readonly value = input.required<string>();\n  readonly disabled = input(false, { transform: booleanAttribute });\n  /** Text for the trigger, typeahead and filtering. Defaults to the option's text content. */\n  readonly label = input<string>();\n\n  protected readonly host = inject(VD_LISTBOX);\n  readonly el: HTMLElement = inject(ElementRef).nativeElement;\n  readonly id = vdUniqueId('vd-option');\n  private readonly destroyRef = inject(DestroyRef);\n\n  protected readonly selected = computed(() => this.host.isSelected(this));\n  protected readonly active = computed(() => this.host.isActive(this));\n  protected readonly visible = computed(() => this.host.isVisible(this));\n\n  textLabel(): string {\n    return this.label() ?? this.el.querySelector('.vd-option__label')?.textContent?.trim() ?? '';\n  }\n\n  ngOnInit(): void {\n    this.destroyRef.onDestroy(this.host.register(this));\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  ViewEncapsulation,\n  forwardRef,\n  model,\n  viewChild,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { VdIcon } from '@vadem/ui/icon';\nimport { VdListboxBase } from './listbox-base';\nimport { VD_LISTBOX } from './listbox-host';\nimport type { VdOption } from './option';\n\n/**\n * Select-only combobox (APG): a button that opens a listbox; focus stays on the button and the\n * active option is exposed with aria-activedescendant. Spec: specs/select.md\n */\n@Component({\n  selector: 'vd-select',\n  imports: [VdIcon],\n  template: `\n    <button\n      #trigger\n      type=\"button\"\n      class=\"vd-select__trigger\"\n      role=\"combobox\"\n      aria-haspopup=\"listbox\"\n      [id]=\"controlId\"\n      [disabled]=\"isDisabled()\"\n      [attr.aria-expanded]=\"open()\"\n      [attr.aria-controls]=\"listboxId\"\n      [attr.aria-activedescendant]=\"open() ? activeId() : null\"\n      [attr.aria-invalid]=\"showInvalid() || null\"\n      [attr.aria-required]=\"isRequired() || null\"\n      [attr.aria-describedby]=\"describedBy()\"\n      [attr.aria-label]=\"ariaLabel() ?? null\"\n      [attr.aria-labelledby]=\"ariaLabelledby() ?? null\"\n      (pointerdown)=\"wasOpen = open()\"\n      (click)=\"onClick()\"\n      (keydown)=\"onKeydown($event)\"\n      (blur)=\"onBlur()\"\n    >\n      <span class=\"vd-select__value\" [attr.data-placeholder]=\"selectedLabel() ? null : ''\">\n        {{ selectedLabel() || placeholder() }}\n      </span>\n      <vd-icon name=\"chevron-down\" class=\"vd-select__chevron\" />\n    </button>\n    <div #list class=\"vd-listbox\" popover=\"auto\" role=\"listbox\" [id]=\"listboxId\" tabindex=\"-1\">\n      <ng-content />\n      @if (visibleOptions().length === 0) {\n        <p class=\"vd-listbox__empty\">{{ t().emptyText }}</p>\n      }\n    </div>\n  `,\n  host: {\n    class: 'vd-select',\n    '[attr.data-size]': 'size()',\n    '[attr.data-open]': 'open() ? \"\" : null',\n    '[attr.data-invalid]': 'showInvalid() ? \"\" : null',\n    '[attr.data-disabled]': 'isDisabled() ? \"\" : null',\n    // Naming attributes move to the inner combobox element.\n    '[attr.aria-label]': 'null',\n    '[attr.aria-labelledby]': 'null',\n  },\n  providers: [\n    { provide: VD_LISTBOX, useExisting: forwardRef(() => VdSelect) },\n    { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => VdSelect), multi: true },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class VdSelect extends VdListboxBase {\n  readonly value = model<string | null>(null);\n\n  isSelected(option: VdOption): boolean {\n    return option.value() === this.value();\n  }\n\n  writeValue(value: string | null): void {\n    this.value.set(value ?? null);\n  }\n\n  choose(option: VdOption): void {\n    if (option.disabled() || this.isDisabled()) return;\n    this.setValue(option.value());\n    this.onChosen(option);\n    this.closeList();\n  }\n\n  private readonly trigger = viewChild.required<ElementRef<HTMLButtonElement>>('trigger');\n  private readonly list = viewChild.required<ElementRef<HTMLElement>>('list');\n  /** Light dismiss closes the list on pointerdown; the following click must not reopen it. */\n  protected wasOpen = false;\n\n  protected listEl(): HTMLElement | undefined {\n    return this.list()?.nativeElement;\n  }\n\n  protected anchorEl(): HTMLElement | undefined {\n    return this.trigger()?.nativeElement;\n  }\n\n  focus(): void {\n    this.trigger().nativeElement.focus();\n  }\n\n  protected onClick(): void {\n    if (this.wasOpen || this.open()) {\n      this.wasOpen = false;\n      this.closeList();\n      return;\n    }\n    this.openList('selected');\n  }\n\n  protected onBlur(): void {\n    if (!this.open()) this.markTouched();\n  }\n\n  protected override onClosed(): void {\n    // Light dismiss moved focus elsewhere: the user has left the field.\n    if (this.hostEl.ownerDocument.activeElement !== this.trigger().nativeElement)\n      this.markTouched();\n  }\n\n  protected onKeydown(event: KeyboardEvent): void {\n    const { key, altKey } = event;\n\n    if (!this.open()) {\n      if (key === 'ArrowDown' || key === 'ArrowUp' || key === 'Enter' || key === ' ') {\n        event.preventDefault();\n        this.openList('selected');\n      } else if (key === 'Home' || key === 'End') {\n        event.preventDefault();\n        this.openList(key === 'Home' ? 'first' : 'last');\n      } else {\n        const match = this.typeaheadMatch(event);\n        if (match) {\n          // APG: typing on a closed select opens it on the match.\n          this.openList('selected');\n          this.activeId.set(match.id);\n        }\n      }\n      return;\n    }\n\n    if (key === 'Escape') {\n      event.preventDefault();\n      this.closeList();\n    } else if (key === 'Enter' || key === ' ' || (altKey && key === 'ArrowUp')) {\n      event.preventDefault();\n      const active = this.activeOption();\n      if (active) this.choose(active);\n      else this.closeList();\n    } else if (key === 'Tab') {\n      const active = this.activeOption();\n      if (active) this.choose(active);\n      else this.closeList();\n    } else if (!this.navigate(event)) {\n      const match = this.typeaheadMatch(event);\n      if (match) this.activeId.set(match.id);\n    }\n  }\n}\n"],"mappings":"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"}

package/fesm2022/vadem-ui-sidebar.mjs

@@ -0,0 +1,493 @@
+import { NgTemplateOutlet } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, Directive, ElementRef, TemplateRef, ViewEncapsulation, afterNextRender, afterRenderEffect, computed, contentChild, inject, input, model, signal, viewChild } from "@angular/core";
+import { VdButton } from "@vadem/ui/button";
+import * as i1 from "@vadem/ui/dialog";
+import { VD_DIALOG } from "@vadem/ui/dialog";
+import { vdUniqueId } from "@vadem/ui/field";
+import { VdIcon } from "@vadem/ui/icon";
+import { VD_TOOLTIP_DEFAULTS, VdTooltipController } from "@vadem/ui/tooltip";
+import { vdTexts } from "@vadem/ui/locale";
+var VdSidebar = class VdSidebar {
+	template = inject(TemplateRef);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdSidebar,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: VdSidebar,
+		isStandalone: true,
+		selector: "ng-template[vdSidebar]",
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdSidebar,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "ng-template[vdSidebar]" }]
+	}]
+});
+var VdSidebarLayout = class VdSidebarLayout {
+	label = input(...ngDevMode ? [void 0, { debugName: "label" }] : /* istanbul ignore next */ []);
+	closeLabel = input(...ngDevMode ? [void 0, { debugName: "closeLabel" }] : /* istanbul ignore next */ []);
+	t = vdTexts("sidebar", {
+		label: this.label,
+		closeLabel: this.closeLabel
+	});
+	collapsed = model(false, ...ngDevMode ? [{ debugName: "collapsed" }] : /* istanbul ignore next */ []);
+	sidebarId = vdUniqueId("vd-sidebar");
+	mode = signal("docked", ...ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []);
+	drawerOpen = signal(false, ...ngDevMode ? [{ debugName: "drawerOpen" }] : /* istanbul ignore next */ []);
+	rail = computed(() => this.collapsed() && this.mode() === "docked", ...ngDevMode ? [{ debugName: "rail" }] : /* istanbul ignore next */ []);
+	content = contentChild(VdSidebar, ...ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []);
+	docked = viewChild("docked", ...ngDevMode ? [{ debugName: "docked" }] : /* istanbul ignore next */ []);
+	drawer = viewChild.required("drawer", ...ngDevMode ? [{ debugName: "drawer" }] : /* istanbul ignore next */ []);
+	drawerBody = viewChild.required("drawerBody", ...ngDevMode ? [{ debugName: "drawerBody" }] : /* istanbul ignore next */ []);
+	el = inject(ElementRef).nativeElement;
+	constructor() {
+		const destroyRef = inject(DestroyRef);
+		afterNextRender(() => {
+			const view = this.el.ownerDocument.defaultView;
+			if (!view) return;
+			const sync = () => {
+				const mode = view.getComputedStyle(this.el).getPropertyValue("--vd-sidebar-drawer").trim() === "1" ? "drawer" : "docked";
+				if (mode === this.mode()) return;
+				this.drawer().close();
+				this.mode.set(mode);
+			};
+			const body = this.drawerBody().nativeElement;
+			const onClick = (event) => this.closeOnNavigate(event);
+			body.addEventListener("click", onClick);
+			destroyRef.onDestroy(() => body.removeEventListener("click", onClick));
+			sync();
+			if (!view.ResizeObserver) return;
+			const observer = new view.ResizeObserver(sync);
+			observer.observe(this.el);
+			destroyRef.onDestroy(() => observer.disconnect());
+		});
+		afterRenderEffect((onCleanup) => {
+			const host = this.docked()?.nativeElement;
+			if (!host || !this.rail()) return;
+			const tips = new RailTooltips(host);
+			onCleanup(() => tips.destroy());
+		});
+	}
+	toggle() {
+		if (this.mode() === "drawer") this.drawer().show();
+		else this.collapsed.update((value) => !value);
+	}
+	closeOnNavigate(event) {
+		if (event.button !== 0) return;
+		if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
+		const link = event.target.closest("a[href]");
+		if (link && link.getAttribute("target") !== "_blank") this.drawer().close();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdSidebarLayout,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: VdSidebarLayout,
+		isStandalone: true,
+		selector: "vd-sidebar-layout",
+		inputs: {
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			closeLabel: {
+				classPropertyName: "closeLabel",
+				publicName: "closeLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			collapsed: {
+				classPropertyName: "collapsed",
+				publicName: "collapsed",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { collapsed: "collapsedChange" },
+		host: {
+			properties: {
+				"attr.data-mode": "mode()",
+				"attr.data-collapsed": "rail() ? \"\" : null"
+			},
+			classAttribute: "vd-sidebar-layout"
+		},
+		queries: [{
+			propertyName: "content",
+			first: true,
+			predicate: VdSidebar,
+			descendants: true,
+			isSignal: true
+		}],
+		viewQueries: [
+			{
+				propertyName: "docked",
+				first: true,
+				predicate: ["docked"],
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "drawer",
+				first: true,
+				predicate: ["drawer"],
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "drawerBody",
+				first: true,
+				predicate: ["drawerBody"],
+				descendants: true,
+				isSignal: true
+			}
+		],
+		ngImport: i0,
+		template: `
+    @if (mode() === 'docked') {
+      <div #docked class="vd-sidebar" [id]="sidebarId">
+        <ng-container [ngTemplateOutlet]="content()?.template ?? null" />
+      </div>
+    }
+    <div class="vd-sidebar-layout__body"><ng-content /></div>
+    <dialog
+      vdDialog
+      #drawer="vdDialog"
+      class="vd-sidebar-drawer"
+      placement="start"
+      size="sm"
+      [(open)]="drawerOpen"
+    >
+      <header vdDialogHeader>
+        <h2 vdDialogTitle>{{ t().label }}</h2>
+        <button
+          vdButton
+          vdDialogClose
+          variant="ghost"
+          iconOnly
+          size="sm"
+          [attr.aria-label]="t().closeLabel"
+        >
+          <vd-icon name="x" />
+        </button>
+      </header>
+      <div #drawerBody vdDialogBody class="vd-sidebar">
+        @if (mode() === 'drawer') {
+          <ng-container [ngTemplateOutlet]="content()?.template ?? null" />
+        }
+      </div>
+    </dialog>
+  `,
+		isInline: true,
+		dependencies: [
+			{
+				kind: "directive",
+				type: NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
+			},
+			{
+				kind: "directive",
+				type: i1.VdDialog,
+				selector: "dialog[vdDialog]",
+				inputs: [
+					"open",
+					"size",
+					"placement",
+					"dismissible"
+				],
+				outputs: ["openChange", "closed"],
+				exportAs: ["vdDialog"]
+			},
+			{
+				kind: "directive",
+				type: i1.VdDialogHeader,
+				selector: "[vdDialogHeader]"
+			},
+			{
+				kind: "directive",
+				type: i1.VdDialogTitle,
+				selector: "[vdDialogTitle]"
+			},
+			{
+				kind: "directive",
+				type: i1.VdDialogBody,
+				selector: "[vdDialogBody]"
+			},
+			{
+				kind: "directive",
+				type: i1.VdDialogClose,
+				selector: "button[vdDialogClose]",
+				inputs: ["vdDialogClose"]
+			},
+			{
+				kind: "component",
+				type: VdButton,
+				selector: "button[vdButton], a[vdButton]",
+				inputs: [
+					"variant",
+					"size",
+					"disabled",
+					"loading",
+					"iconOnly",
+					"type"
+				]
+			},
+			{
+				kind: "component",
+				type: VdIcon,
+				selector: "vd-icon",
+				inputs: ["name", "label"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdSidebarLayout,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "vd-sidebar-layout",
+			imports: [
+				NgTemplateOutlet,
+				VD_DIALOG,
+				VdButton,
+				VdIcon
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			host: {
+				class: "vd-sidebar-layout",
+				"[attr.data-mode]": "mode()",
+				"[attr.data-collapsed]": "rail() ? \"\" : null"
+			},
+			template: `
+    @if (mode() === 'docked') {
+      <div #docked class="vd-sidebar" [id]="sidebarId">
+        <ng-container [ngTemplateOutlet]="content()?.template ?? null" />
+      </div>
+    }
+    <div class="vd-sidebar-layout__body"><ng-content /></div>
+    <dialog
+      vdDialog
+      #drawer="vdDialog"
+      class="vd-sidebar-drawer"
+      placement="start"
+      size="sm"
+      [(open)]="drawerOpen"
+    >
+      <header vdDialogHeader>
+        <h2 vdDialogTitle>{{ t().label }}</h2>
+        <button
+          vdButton
+          vdDialogClose
+          variant="ghost"
+          iconOnly
+          size="sm"
+          [attr.aria-label]="t().closeLabel"
+        >
+          <vd-icon name="x" />
+        </button>
+      </header>
+      <div #drawerBody vdDialogBody class="vd-sidebar">
+        @if (mode() === 'drawer') {
+          <ng-container [ngTemplateOutlet]="content()?.template ?? null" />
+        }
+      </div>
+    </dialog>
+  `
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		closeLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "closeLabel",
+				required: false
+			}]
+		}],
+		collapsed: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "collapsed",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["collapsedChange"]
+		}],
+		content: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => VdSidebar), { isSignal: true }]
+		}],
+		docked: [{
+			type: i0.ViewChild,
+			args: ["docked", { isSignal: true }]
+		}],
+		drawer: [{
+			type: i0.ViewChild,
+			args: ["drawer", { isSignal: true }]
+		}],
+		drawerBody: [{
+			type: i0.ViewChild,
+			args: ["drawerBody", { isSignal: true }]
+		}]
+	}
+});
+var VdSidebarToggle = class VdSidebarToggle {
+	layout = inject(VdSidebarLayout);
+	expanded = computed(() => this.layout.mode() === "drawer" ? this.layout.drawerOpen() : !this.layout.collapsed(), ...ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdSidebarToggle,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: VdSidebarToggle,
+		isStandalone: true,
+		selector: "button[vdSidebarToggle]",
+		host: {
+			attributes: { "type": "button" },
+			listeners: { "click": "layout.toggle()" },
+			properties: {
+				"attr.aria-expanded": "expanded()",
+				"attr.aria-controls": "layout.mode() === \"docked\" ? layout.sidebarId : null",
+				"attr.aria-haspopup": "layout.mode() === \"drawer\" ? \"dialog\" : null"
+			},
+			classAttribute: "vd-sidebar-toggle"
+		},
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdSidebarToggle,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "button[vdSidebarToggle]",
+			host: {
+				class: "vd-sidebar-toggle",
+				type: "button",
+				"[attr.aria-expanded]": "expanded()",
+				"[attr.aria-controls]": "layout.mode() === \"docked\" ? layout.sidebarId : null",
+				"[attr.aria-haspopup]": "layout.mode() === \"drawer\" ? \"dialog\" : null",
+				"(click)": "layout.toggle()"
+			}
+		}]
+	}]
+});
+var RailTooltips = class {
+	host;
+	entries = /* @__PURE__ */ new Map();
+	observer;
+	constructor(host) {
+		this.host = host;
+		this.observer = new MutationObserver(() => this.sync());
+		this.observer.observe(host, {
+			childList: true,
+			subtree: true,
+			characterData: true
+		});
+		this.sync();
+	}
+	destroy() {
+		this.observer.disconnect();
+		for (const link of [...this.entries.keys()]) this.remove(link);
+	}
+	sync() {
+		const links = new Set(this.host.querySelectorAll(".vd-navigation-link"));
+		for (const link of [...this.entries.keys()]) if (!links.has(link)) this.remove(link);
+		for (const link of links) {
+			const text = (link.querySelector(":scope > :not([slot])") ?? link).textContent?.trim() ?? "";
+			const entry = this.entries.get(link) ?? this.add(link);
+			if (entry.tip.textContent !== text) entry.tip.textContent = text;
+		}
+	}
+	add(link) {
+		const doc = link.ownerDocument;
+		const tip = doc.createElement("div");
+		const anchor = `--${vdUniqueId("vd-sidebar-tip")}`;
+		tip.className = "vd-tooltip";
+		tip.dataset["placement"] = "end";
+		tip.setAttribute("popover", "manual");
+		tip.setAttribute("aria-hidden", "true");
+		tip.style.setProperty("position-anchor", anchor);
+		link.style.setProperty("anchor-name", anchor);
+		doc.body.appendChild(tip);
+		const entry = {
+			tip,
+			ctl: new VdTooltipController(link, tip, VD_TOOLTIP_DEFAULTS)
+		};
+		this.entries.set(link, entry);
+		return entry;
+	}
+	remove(link) {
+		const entry = this.entries.get(link);
+		if (!entry) return;
+		entry.ctl.destroy();
+		entry.tip.remove();
+		link.style.removeProperty("anchor-name");
+		this.entries.delete(link);
+	}
+};
+const VD_SIDEBAR = [
+	VdSidebarLayout,
+	VdSidebar,
+	VdSidebarToggle
+];
+export { VD_SIDEBAR, VdSidebar, VdSidebarLayout, VdSidebarToggle };
+
+//# sourceMappingURL=vadem-ui-sidebar.mjs.map

package/fesm2022/vadem-ui-sidebar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vadem-ui-sidebar.mjs","names":[],"sources":["../../../projects/ui/sidebar/src/sidebar.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  Directive,\n  ElementRef,\n  TemplateRef,\n  ViewEncapsulation,\n  afterNextRender,\n  afterRenderEffect,\n  computed,\n  contentChild,\n  inject,\n  input,\n  model,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { VdButton } from '@vadem/ui/button';\nimport { VD_DIALOG, VdDialog } from '@vadem/ui/dialog';\nimport { vdUniqueId } from '@vadem/ui/field';\nimport { VdIcon } from '@vadem/ui/icon';\nimport { VD_TOOLTIP_DEFAULTS, VdTooltipController } from '@vadem/ui/tooltip';\nimport { vdTexts } from '@vadem/ui/locale';\n\nexport type VdSidebarMode = 'docked' | 'drawer';\n\n/** Sidebar content, authored once and rendered either docked or inside the drawer. */\n@Directive({ selector: 'ng-template[vdSidebar]' })\nexport class VdSidebar {\n  readonly template = inject(TemplateRef);\n}\n\n/**\n * App shell: docked sidebar (collapsible to an icon rail) on wide viewports, start-edge\n * Dialog drawer on narrow ones. The breakpoint lives in CSS. Spec: specs/sidebar.md\n */\n@Component({\n  selector: 'vd-sidebar-layout',\n  imports: [NgTemplateOutlet, VD_DIALOG, VdButton, VdIcon],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'vd-sidebar-layout',\n    '[attr.data-mode]': 'mode()',\n    '[attr.data-collapsed]': 'rail() ? \"\" : null',\n  },\n  template: `\n    @if (mode() === 'docked') {\n      <div #docked class=\"vd-sidebar\" [id]=\"sidebarId\">\n        <ng-container [ngTemplateOutlet]=\"content()?.template ?? null\" />\n      </div>\n    }\n    <div class=\"vd-sidebar-layout__body\"><ng-content /></div>\n    <dialog\n      vdDialog\n      #drawer=\"vdDialog\"\n      class=\"vd-sidebar-drawer\"\n      placement=\"start\"\n      size=\"sm\"\n      [(open)]=\"drawerOpen\"\n    >\n      <header vdDialogHeader>\n        <h2 vdDialogTitle>{{ t().label }}</h2>\n        <button\n          vdButton\n          vdDialogClose\n          variant=\"ghost\"\n          iconOnly\n          size=\"sm\"\n          [attr.aria-label]=\"t().closeLabel\"\n        >\n          <vd-icon name=\"x\" />\n        </button>\n      </header>\n      <div #drawerBody vdDialogBody class=\"vd-sidebar\">\n        @if (mode() === 'drawer') {\n          <ng-container [ngTemplateOutlet]=\"content()?.template ?? null\" />\n        }\n      </div>\n    </dialog>\n  `,\n})\nexport class VdSidebarLayout {\n  /** Drawer dialog title. */\n  readonly label = input<string>();\n  /** Accessible name of the drawer close button. */\n  readonly closeLabel = input<string>();\n  /** Text inputs resolved against the active VD_LOCALE. */\n  protected readonly t = vdTexts('sidebar', { label: this.label, closeLabel: this.closeLabel });\n  /** Docked rail state. */\n  readonly collapsed = model(false);\n\n  readonly sidebarId = vdUniqueId('vd-sidebar');\n  readonly mode = signal<VdSidebarMode>('docked');\n  readonly drawerOpen = signal(false);\n  /** Collapsed rail is only visible while docked; the drawer always shows full content. */\n  readonly rail = computed(() => this.collapsed() && this.mode() === 'docked');\n\n  protected readonly content = contentChild(VdSidebar);\n  private readonly docked = viewChild<ElementRef<HTMLElement>>('docked');\n  private readonly drawer = viewChild.required<VdDialog>('drawer');\n  private readonly drawerBody = viewChild.required<ElementRef<HTMLElement>>('drawerBody');\n  private readonly el: HTMLElement = inject(ElementRef).nativeElement;\n\n  constructor() {\n    const destroyRef = inject(DestroyRef);\n\n    // Browser-only: CSS sets --vd-sidebar-drawer below the breakpoint; follow it on resize.\n    afterNextRender(() => {\n      const view = this.el.ownerDocument.defaultView;\n      if (!view) return;\n      const sync = () => {\n        const drawer = view.getComputedStyle(this.el).getPropertyValue('--vd-sidebar-drawer');\n        const mode: VdSidebarMode = drawer.trim() === '1' ? 'drawer' : 'docked';\n        if (mode === this.mode()) return;\n        // Dialog returns focus to the opening toggle, which stays visible in both modes.\n        this.drawer().close();\n        this.mode.set(mode);\n      };\n      // Delegated: Enter on a link also dispatches click, so keyboard navigation is covered.\n      const body = this.drawerBody().nativeElement;\n      const onClick = (event: MouseEvent) => this.closeOnNavigate(event);\n      body.addEventListener('click', onClick);\n      destroyRef.onDestroy(() => body.removeEventListener('click', onClick));\n      sync();\n      if (!view.ResizeObserver) return;\n      const observer = new view.ResizeObserver(sync);\n      observer.observe(this.el);\n      destroyRef.onDestroy(() => observer.disconnect());\n    });\n\n    // Rail tooltips: visual duplicates of link text while collapsed.\n    afterRenderEffect((onCleanup) => {\n      const host = this.docked()?.nativeElement;\n      if (!host || !this.rail()) return;\n      const tips = new RailTooltips(host);\n      onCleanup(() => tips.destroy());\n    });\n  }\n\n  /** Collapses/expands the rail when docked, opens the drawer otherwise. */\n  toggle(): void {\n    if (this.mode() === 'drawer') this.drawer().show();\n    else this.collapsed.update((value) => !value);\n  }\n\n  /** Following a link closes the drawer; modified clicks open elsewhere and keep it open. */\n  private closeOnNavigate(event: MouseEvent): void {\n    // Router links call preventDefault() for in-app navigation, so that flag is not checked.\n    if (event.button !== 0) return;\n    if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;\n    const link = (event.target as Element).closest('a[href]');\n    if (link && link.getAttribute('target') !== '_blank') this.drawer().close();\n  }\n}\n\n/** Toggles the rail (docked) or opens the drawer (narrow viewports). */\n@Directive({\n  selector: 'button[vdSidebarToggle]',\n  host: {\n    class: 'vd-sidebar-toggle',\n    type: 'button',\n    '[attr.aria-expanded]': 'expanded()',\n    '[attr.aria-controls]': 'layout.mode() === \"docked\" ? layout.sidebarId : null',\n    '[attr.aria-haspopup]': 'layout.mode() === \"drawer\" ? \"dialog\" : null',\n    '(click)': 'layout.toggle()',\n  },\n})\nexport class VdSidebarToggle {\n  protected readonly layout = inject(VdSidebarLayout);\n  protected readonly expanded = computed(() =>\n    this.layout.mode() === 'drawer' ? this.layout.drawerOpen() : !this.layout.collapsed(),\n  );\n}\n\n/** One aria-hidden tooltip per navigation link, kept in sync with the sidebar's content. */\nclass RailTooltips {\n  private readonly entries = new Map<HTMLElement, { tip: HTMLElement; ctl: VdTooltipController }>();\n  private readonly observer: MutationObserver;\n\n  constructor(private readonly host: HTMLElement) {\n    this.observer = new MutationObserver(() => this.sync());\n    this.observer.observe(host, { childList: true, subtree: true, characterData: true });\n    this.sync();\n  }\n\n  destroy(): void {\n    this.observer.disconnect();\n    for (const link of [...this.entries.keys()]) this.remove(link);\n  }\n\n  private sync(): void {\n    const links = new Set(this.host.querySelectorAll<HTMLElement>('.vd-navigation-link'));\n    for (const link of [...this.entries.keys()]) if (!links.has(link)) this.remove(link);\n    for (const link of links) {\n      const text = (link.querySelector(':scope > :not([slot])') ?? link).textContent?.trim() ?? '';\n      const entry = this.entries.get(link) ?? this.add(link);\n      if (entry.tip.textContent !== text) entry.tip.textContent = text;\n    }\n  }\n\n  private add(link: HTMLElement) {\n    const doc = link.ownerDocument;\n    const tip = doc.createElement('div');\n    const anchor = `--${vdUniqueId('vd-sidebar-tip')}`;\n    tip.className = 'vd-tooltip';\n    tip.dataset['placement'] = 'end';\n    tip.setAttribute('popover', 'manual');\n    // The link keeps its own (visually hidden) name; the tooltip only repeats it visually.\n    tip.setAttribute('aria-hidden', 'true');\n    tip.style.setProperty('position-anchor', anchor);\n    link.style.setProperty('anchor-name', anchor);\n    doc.body.appendChild(tip);\n    const entry = { tip, ctl: new VdTooltipController(link, tip, VD_TOOLTIP_DEFAULTS) };\n    this.entries.set(link, entry);\n    return entry;\n  }\n\n  private remove(link: HTMLElement): void {\n    const entry = this.entries.get(link);\n    if (!entry) return;\n    entry.ctl.destroy();\n    entry.tip.remove();\n    link.style.removeProperty('anchor-name');\n    this.entries.delete(link);\n  }\n}\n\nexport const VD_SIDEBAR = [VdSidebarLayout, VdSidebar, VdSidebarToggle] as const;\n"],"mappings":"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"}