@yuuvis/client-components 3.1.0 → 3.2.1

package/fesm2022/yuuvis-client-components-list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"yuuvis-client-components-list.mjs","sources":["../../../../../libs/yuuvis/client-components/list/src/lib/list-item.directive.ts","../../../../../libs/yuuvis/client-components/list/src/lib/list.component.ts","../../../../../libs/yuuvis/client-components/list/src/lib/list-tile/list-tile.component.ts","../../../../../libs/yuuvis/client-components/list/src/lib/list-tile/list-tile.component.html","../../../../../libs/yuuvis/client-components/list/src/lib/list.module.ts","../../../../../libs/yuuvis/client-components/list/src/yuuvis-client-components-list.ts"],"sourcesContent":["import { Highlightable } from '@angular/cdk/a11y';\nimport { AfterViewInit, Directive, ElementRef, inject, input, Input, linkedSignal } from '@angular/core';\nimport { Utils } from '@yuuvis/client-core';\n\n/**\n * Directive for list items. It is used in the `yuvList` component\n * to keep track of active and selected items. Every element with this\n * directive will be treated as a list item and can be selected and focused.\n *\n *```html\n * <yuv-list (itemSelect)=\"itemSelected($event)\">\n *   <div yuvListItem>Entry #1</div>\n *   <div yuvListItem>Entry #2</div>\n * </yuv-list>\n * ```\n */\n@Directive({\n  selector: '[yuvListItem]',\n  standalone: true,\n  host: {\n    '[attr.aria-current]': 'activeInput()',\n    '[attr.aria-selected]': 'selectedInput()',\n    '(click)': 'onHostClick($event)'\n  }\n})\nexport class ListItemDirective implements Highlightable, AfterViewInit {\n  #elRef = inject(ElementRef);\n\n  onClick?: (evt: MouseEvent) => void;\n\n  // TO SATISFY THE HIGHLIGHTABLE INTERFACE\n  @Input() disabled?: boolean | undefined;\n\n  /**\n   * Whether the item is active or not.\n   */\n  active = input<boolean>(false);\n  /**\n   * Whether the item is selected or not.\n   */\n  selected = input<boolean>(false);\n\n  selectedInput = linkedSignal({\n    source: this.selected,\n    computation: (newOptions: any, previous: any) => (newOptions !== previous ? newOptions : previous)\n  });\n\n  activeInput = linkedSignal({\n    source: this.active,\n    computation: (newOptions: any, previous: any) => (newOptions !== previous ? newOptions : previous)\n  });\n\n  focusableChildren: Element[] = [];\n  focusedIndex = -1;\n\n  onHostClick(evt: MouseEvent) {\n    if (!this.disabled && this.onClick) {\n      this.#elRef.nativeElement.parentElement.focus();\n      this.onClick(evt);\n    }\n  }\n\n  setActiveStyles(): void {\n    this.activeInput.set(true);\n    this.#scrollIntoView();\n  }\n\n  setInactiveStyles(): void {\n    this.activeInput.set(false);\n  }\n\n  focusNext() {}\n\n  focusPrevious() {}\n\n  #scrollIntoView() {\n    const el = this.#elRef.nativeElement as HTMLElement;\n    const { bottom, top, left, right } = el.getBoundingClientRect();\n    const containerRect = this.#elRef.nativeElement.parentElement.getBoundingClientRect();\n\n    const offsetY =\n      top <= containerRect.top\n        ? containerRect.top - top > 0\n          ? (containerRect.top - top) * -1\n          : 0\n        : bottom - containerRect.bottom > 0\n          ? bottom - containerRect.bottom\n          : 0;\n    const offsetX =\n      left <= containerRect.left\n        ? containerRect.left - left > 0\n          ? (containerRect.left - left) * -1\n          : 0\n        : right - containerRect.right > 0\n          ? right - containerRect.right\n          : 0;\n\n    if (offsetX || offsetY) (this.#elRef.nativeElement.parentElement as HTMLElement).scrollBy(offsetX, offsetY);\n  }\n\n  ngAfterViewInit(): void {\n    // get all focusable elements and set tabindex to -1\n    this.focusableChildren = Utils.getFocusableChildren(this.#elRef.nativeElement);\n    this.focusableChildren.forEach((el) => el.setAttribute('tabindex', '-1'));\n  }\n}\n","import { A11yModule, ActiveDescendantKeyManager } from '@angular/cdk/a11y';\nimport { Directionality } from '@angular/cdk/bidi';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\n\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  HostAttributeToken,\n  OnDestroy,\n  ViewEncapsulation,\n  contentChildren,\n  effect,\n  inject,\n  input,\n  output,\n  untracked\n} from '@angular/core';\nimport { ListItemDirective } from './list-item.directive';\n\n/**\n * Accessible list component with keyboard navigation, single- and multi-selection,\n * and flexible delegation of click- and selection-handling to the parent.\n *\n * The component renders as an ARIA `listbox` and delegates keyboard focus tracking\n * to Angular CDK's `ActiveDescendantKeyManager`. Content is projected via\n * `[yuvListItem]`-attributed children (see `ListItemDirective`).\n *\n * **Key Features:**\n * - Single and multi-selection (with Shift / Ctrl modifier support)\n * - Full keyboard navigation (Arrow keys, Space, Enter, Escape)\n * - Horizontal and vertical layout via the `horizontal` host attribute\n * - Auto-selection on initialization via the `autoSelect` input\n * - Selection guarding via `preventChangeUntil` callback\n * - Optional delegation of click and selection handling to the parent component\n * - Accessible: `role=\"listbox\"`, active-descendant focus management, `aria-selected` on items\n *\n * **Basic usage:**\n * ```html\n * <yuv-list (itemSelect)=\"onItemSelect($event)\">\n *   <div yuvListItem>Entry #1</div>\n *   <div yuvListItem>Entry #2</div>\n * </yuv-list>\n * ```\n *\n * **Multi-selection with Shift/Ctrl:**\n * ```html\n * <yuv-list [multiselect]=\"true\" (itemSelect)=\"onSelect($event)\">\n *   @for (item of items; track item.id) {\n *     <div yuvListItem>{{ item.label }}</div>\n *   }\n * </yuv-list>\n * ```\n *\n * **Host Attributes (set declaratively in the template):**\n * - `selectOnEnter` — treat the Enter key as a selection trigger (in addition to Space)\n * - `horizontal` — switch key navigation to left/right arrows instead of up/down\n *\n * @example\n * ```html\n * <!-- Horizontal list, Enter key selects -->\n * <yuv-list horizontal selectOnEnter (itemSelect)=\"onSelect($event)\">\n *   <button yuvListItem>A</button>\n *   <button yuvListItem>B</button>\n * </yuv-list>\n * ```\n */\n@Component({\n  selector: 'yuv-list',\n  standalone: true,\n  imports: [A11yModule],\n  template: '<ng-content />',\n  styleUrl: './list.component.scss',\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    role: 'listbox',\n    tabindex: '0',\n    '[class.self-handle-selection]': 'selfHandleSelection()',\n    '(focus)': 'onFocus()',\n    '(keydown)': 'onKeydown($event)'\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ListComponent implements OnDestroy {\n  //#region Dependencies\n\n  #dir = inject(Directionality);\n  #elRef = inject(ElementRef);\n\n  //#endregion\n\n  //#region Angular Stuff\n\n  /**\n   * All `[yuvListItem]` children projected into this list.\n   *\n   * Queried reactively via `contentChildren` — every time the projected content\n   * changes (items added, removed, or reordered), the `#itemsEffect` re-runs,\n   * rebuilds the key manager, and re-attaches click handlers.\n   */\n  items = contentChildren(ListItemDirective);\n  /**\n   * Guard function that temporarily blocks all selection changes.\n   *\n   * Provide a factory that returns a predicate; as long as that predicate\n   * returns `true`, any attempt to change the selection (via click, keyboard,\n   * or programmatic API) is silently ignored. Useful when the parent has\n   * unsaved changes tied to the current selection and needs to prevent the user\n   * from accidentally navigating away.\n   *\n   * @example\n   * ```ts\n   * // Block selection while a save is in progress\n   * preventChangeUntil = () => () => this.isSaving();\n   * ```\n   *\n   * @default () => false  (never prevents)\n   */\n  preventChangeUntil = input<() => boolean>(() => false);\n  /**\n   * Enables multi-selection mode.\n   *\n   * When `true`, the user can hold **Shift** to range-select items between the last\n   * selected item and the clicked one, or hold **Ctrl** to toggle individual items\n   * in and out of the selection. The programmatic `multiSelect()` method is also\n   * only effective when this input is `true`.\n   *\n   * @default false\n   */\n  multiselect = input<boolean>(false);\n  /**\n   * Delegates visual selection and focus state rendering to the parent component.\n   *\n   * When `false` (default), `yuv-list` applies `.selected` and `.active` CSS classes\n   * to items via `ListItemDirective` signals, so the list stylesheet controls the look.\n   * When `true`, those signals are still updated but the host gets the\n   * `self-handle-selection` CSS class, which the parent can use to opt into its own\n   * visual treatment — useful when item templates have custom selected/focused styling.\n   *\n   * @default false\n   */\n  selfHandleSelection = input<boolean>(false);\n  /**\n   * Disables the built-in click-to-select behavior, letting the parent component\n   * decide when `select()` is called.\n   *\n   * By default the list attaches an `onClick` handler to every `ListItemDirective`\n   * that calls `select()` with the correct Shift/Ctrl modifier flags. Set this\n   * input to `true` to suppress that wiring — the parent must then call `select()`\n   * imperatively in response to whatever interaction it chooses (e.g. a single-click\n   * that is distinguished from a double-click by `ClickDoubleDirective`).\n   *\n   * @default false\n   */\n  selfHandleClick = input<boolean>(false);\n  /**\n   * Automatically selects an item when the list is first rendered.\n   *\n   * The selection logic runs once per content-children change (see `#itemsEffect`)\n   * and follows this priority order:\n   * 1. The first non-disabled item that already carries the `selected` attribute.\n   * 2. If no such item exists and `autoSelect` is `true`, the item at index 0.\n   *\n   * Accepts any truthy string value in addition to a real boolean because the\n   * input is also consumable as a plain HTML attribute (`<yuv-list autoSelect>`).\n   *\n   * @default false\n   */\n  autoSelect = input<boolean, BooleanInput>(false, {\n    transform: (value: BooleanInput) => coerceBooleanProperty(value)\n  });\n  /**\n   * Emits the current selection as an array of zero-based item indices whenever\n   * the selection changes — via click, keyboard, or programmatic API calls.\n   *\n   * An empty array signals that the selection has been cleared.\n   *\n   * @example\n   * ```ts\n   * onItemSelect(indices: number[]): void {\n   *   this.selectedItems = indices.map(i => this.items[i]);\n   * }\n   * ```\n   */\n  itemSelect = output<number[]>();\n\n  /**\n   * Emits the zero-based index of the item that received keyboard focus\n   * (i.e. the active descendant managed by `ActiveDescendantKeyManager`).\n   *\n   * Note that focus and selection are independent: navigating with arrow keys\n   * moves focus without changing the selection until Space (or Enter when\n   * `selectOnEnter` is set) is pressed.\n   */\n  itemFocus = output<number>();\n\n  /**\n   * Puts the list into a display-only mode where no item can be selected.\n   *\n   * When `true`, all selection paths are blocked: clicks, keyboard shortcuts\n   * (`Space`, `Enter`, `Escape`), and programmatic calls to `select()`,\n   * `multiSelect()`, and `clear()` are all no-ops. The list still renders\n   * normally and keyboard navigation still moves the focus indicator.\n   *\n   * @default false\n   */\n  disableSelection = input<boolean>(false);\n\n  //#endregion\n\n  //#region Properties\n\n  /**\n   * When `true`, pressing **Enter** triggers item selection in addition to **Space**.\n   *\n   * Resolved once at construction time from the static `selectOnEnter` host attribute.\n   * Useful in contexts where Enter has a conventional \"confirm\" meaning (e.g. search\n   * result lists, command palettes).\n   *\n   * Set declaratively in the template: `<yuv-list selectOnEnter>`.\n   */\n  selectOnEnter: boolean = (inject(new HostAttributeToken('selectOnEnter'), { optional: true }) || 'false') === 'true';\n\n  /**\n   * When `true`, switches the `ActiveDescendantKeyManager` to horizontal mode so that\n   * the **Left** / **Right** arrow keys navigate between items instead of **Up** / **Down**.\n   *\n   * Resolved once at construction time from the static `horizontal` host attribute.\n   * The text direction of the document is respected automatically (RTL-aware via CDK\n   * `Directionality`).\n   *\n   * Set declaratively in the template: `<yuv-list horizontal>`.\n   */\n  horizontal: boolean = (inject(new HostAttributeToken('horizontal'), { optional: true }) || 'false') === 'true';\n\n  #keyManager!: ActiveDescendantKeyManager<ListItemDirective>;\n  #selection: number[] = [];\n  #lastSelection?: number;\n\n  //#endregion\n\n  //#region Lifecycle Hooks\n\n  constructor() {\n    effect(this.#itemsEffect);\n  }\n\n  ngOnDestroy(): void {\n    this.#keyManager.destroy();\n  }\n\n  //#endregion\n\n  //#region Public\n\n  /**\n   * Moves keyboard focus to the item at the given index and selects it.\n   *\n   * Combines three operations in one call: updating the CDK key manager's active\n   * descendant (which drives the ARIA active-descendant attribute and the visual focus ring),\n   * selecting the item, and transferring DOM focus to the list host element so that\n   * subsequent keyboard events are processed correctly.\n   *\n   * Safe to call before the key manager is initialized — the guard at the top of\n   * the method prevents errors during early lifecycle phases.\n   *\n   * @param index Zero-based index of the item to activate.\n   */\n  setActiveItem(index: number): void {\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    if (this.#keyManager) {\n      this.#keyManager.setActiveItem(index);\n      this.#select(index);\n      this.focus();\n    }\n  }\n\n  /**\n   * Transfers DOM focus to the list host element.\n   *\n   * Calling this ensures that subsequent keyboard events (arrow keys, Space, etc.)\n   * are routed to the list's `(keydown)` handler. Called internally by\n   * `setActiveItem()`, but also useful from the parent when programmatic focus\n   * management is needed (e.g. after closing a dialog that was triggered from a\n   * list item).\n   */\n  focus(): void {\n    this.#elRef.nativeElement.focus();\n  }\n\n  /**\n   * Smoothly scrolls the list container back to the top.\n   *\n   * Useful after programmatically refreshing the list contents when the user may\n   * have scrolled far down and the new result set should be shown from the beginning.\n   */\n  scrollToTop(): void {\n    this.#elRef.nativeElement.scrollTo({ top: 0, behavior: 'smooth' });\n  }\n\n  /**\n   * Shifts all selected and focused item indices by the given offset.\n   *\n   * Use this when items are prepended or inserted at the beginning of the list so\n   * that the existing selection and keyboard-focus position stay attached to the\n   * same logical items after the index space shifts. A positive offset moves\n   * indices forward (items were inserted before the selection); a negative offset\n   * moves them backward (items were removed before the selection).\n   *\n   * Does **not** emit `itemSelect` — the selection indices change structurally,\n   * not because the user chose different items.\n   *\n   * @param offset Number of positions to shift every selected index by.\n   */\n  shiftSelectionBy(offset: number): void {\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    if (this.#keyManager?.activeItemIndex !== null && this.#keyManager?.activeItemIndex !== undefined) {\n      this.#keyManager.setActiveItem(this.#keyManager.activeItemIndex + offset);\n    }\n    this.#selection = this.#selection.map((i) => i + offset);\n    if (this.#lastSelection !== undefined) this.#lastSelection += offset;\n    this.items().forEach((item: ListItemDirective, i: number) => item.selectedInput.set(this.#selection.includes(i)));\n  }\n\n  /**\n   * Programmatically replaces the entire selection with the given indices.\n   *\n   * Only effective when `multiselect` is `true` and `disableSelection` is `false`.\n   * Out-of-range indices are silently discarded. The resulting selection is sorted\n   * ascending before being applied and emitted.\n   *\n   * Use this when the parent needs to restore a previously saved multi-selection\n   * state, e.g. after navigation or on component re-initialization.\n   *\n   * @param index Array of zero-based item indices to select.\n   */\n  multiSelect(index: number[]): void {\n    if (this.#preventEmit()) return;\n    if (!this.multiselect() || this.disableSelection()) return;\n    this.#selection = index.filter((i) => i >= 0 && i < this.items().length);\n    this.#selection.sort();\n\n    this.items().forEach((item: ListItemDirective, i: number) => item.selectedInput.set(this.#selection.includes(i)));\n    this.#emitSelection();\n  }\n\n  /**\n   * Selects the item at the given index, optionally extending or toggling\n   * the existing selection using modifier-key semantics.\n   *\n   * - **No modifiers** (default): replaces the current selection with the single item.\n   * - **`shiftKey = true`** (`multiselect` only): range-selects all items between the\n   *   last selected index and `index` (inclusive of neither endpoint, matching typical\n   *   OS list behavior).\n   * - **`ctrlKey = true`** (`multiselect` only): toggles `index` in the selection\n   *   without affecting the rest.\n   *\n   * Index is clamped to `[0, items.length - 1]`. Negative values and calls while\n   * `disableSelection` is `true` are ignored. The `preventChangeUntil` guard is\n   * also respected.\n   *\n   * Emits `itemSelect` after updating the visual state.\n   *\n   * @param index    Zero-based index of the item to select.\n   * @param shiftKey Extend the selection from the last selected item to `index`.\n   * @param ctrlKey  Toggle `index` in or out of the current selection.\n   */\n  select(index: number, shiftKey = false, ctrlKey = false): void {\n    if (this.#preventEmit()) return;\n    if (this.disableSelection() || index < 0) return;\n    if (index >= this.items().length) index = this.items().length - 1;\n\n    this.#select(index, shiftKey, ctrlKey);\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    if (this.#keyManager) this.#keyManager.setActiveItem(index);\n    this.#emitSelection();\n  }\n\n  /**\n   * Clears the current selection and resets the active keyboard-focus index.\n   *\n   * If the selection is already empty, the method is a no-op (no event emitted,\n   * no state update). The `preventChangeUntil` guard is respected — if the guard\n   * returns `true`, the clear is blocked entirely.\n   *\n   * Also triggered internally when the user presses **Escape**.\n   *\n   * @param silent When `true`, skips emitting `itemSelect` after clearing. Use this\n   *               when the parent needs to reset state programmatically without\n   *               triggering downstream reactions.\n   */\n  clear(silent = false): void {\n    if (this.#preventEmit()) return;\n    if (this.#selection.length !== 0) {\n      this.#select(-1);\n      this.#keyManager.setActiveItem(-1);\n      if (!silent) this.#emitSelection();\n    }\n  }\n\n  //#endregion\n\n  //#region UI Methods\n\n  /**\n   * Host `keydown` handler — routes keyboard events to selection or navigation logic.\n   *\n   * Handled keys:\n   * - **Escape**: clears the selection.\n   * - **Space** (always) / **Enter** (when `selectOnEnter` is set): selects the\n   *   currently focused item. `preventDefault()` is called to stop the browser\n   *   from scrolling the container when Space is pressed.\n   * - **All other keys**: forwarded to `ActiveDescendantKeyManager` so arrow keys,\n   *   Home, End, etc. move the focus indicator without changing the selection.\n   *\n   * When `disableSelection` is `true`, only navigation keys are forwarded to the\n   * key manager — selection keys (Space, Enter, Escape) are suppressed.\n   *\n   * Bound via the `host` metadata as `(keydown)`.\n   *\n   * @param event The keyboard event originating from the list host element.\n   */\n  protected onKeydown(event: KeyboardEvent): void {\n    if (this.disableSelection()) {\n      this.#keyManager?.onKeydown(event);\n      return;\n    }\n    if (event.code === 'Escape') {\n      this.clear();\n    }\n\n    if (event.code === 'Space' || (this.selectOnEnter && event.code === 'Enter')) {\n      // prevent default behavior of space in scroll environments\n      if (this.#preventEmit()) return;\n      event.preventDefault();\n      const aii: number = this.#keyManager.activeItemIndex !== null ? this.#keyManager.activeItemIndex : -1;\n      if (aii >= 0) {\n        this.#select(aii);\n        this.#emitSelection();\n      }\n      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    } else this.#keyManager?.onKeydown(event);\n  }\n\n  /**\n   * Host `focus` handler — restores a sensible focus position when the list\n   * host element receives DOM focus without an item already being active.\n   *\n   * The logic runs inside a 300 ms timeout so that focus events triggered by\n   * an item being clicked (which also bubbles a focus event up to the host)\n   * have already resolved their own active-item state before this handler acts.\n   * If an active item already exists when the timeout fires, nothing happens.\n   *\n   * Focus target priority:\n   * 1. The first index in the current selection (so the user lands back on the\n   *    previously selected item when tabbing into the list).\n   * 2. Index 0 as the fallback when there is no selection.\n   *\n   * Bound via the `host` metadata as `(focus)`.\n   */\n  protected onFocus(): void {\n    // set timeout to check if the focus is coming from an item being clicked\n    setTimeout(() => {\n      // if there already is an active item, we do not want to set the focus again\n      if (this.#keyManager.activeItemIndex === -1 && this.items().length > 0) {\n        const indexToFocus = this.#selection.length > 0 ? this.#selection[0] : 0;\n        this.#keyManager.setActiveItem(indexToFocus);\n        this.itemFocus.emit(indexToFocus);\n        this.#updateActiveItemState();\n      }\n      // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n    }, 300);\n  }\n\n  //#endregion\n\n  //#region Utilities\n\n  #preventEmit(): boolean {\n    const preventUntilIsTrue = this.preventChangeUntil();\n    return preventUntilIsTrue();\n  }\n\n  #select(index: number, shiftKey = false, ctrlKey = false): void {\n    if (index === -1) this.#selection = [];\n    else {\n      if (this.multiselect()) {\n        this.#selection = this.#selection.filter((i) => i !== index);\n        if (ctrlKey) {\n          this.#selection.push(index);\n        } else if (shiftKey) {\n          if (this.#lastSelection) {\n            for (\n              let i = this.#lastSelection < index ? this.#lastSelection : index;\n              i < (this.#lastSelection > index ? this.#lastSelection : index);\n              i++\n            ) {\n              this.#selection.push(i);\n            }\n          } else {\n            this.#selection = [index];\n          }\n        } else {\n          this.#selection = [index];\n        }\n      } else this.#selection = [index];\n    }\n    this.#lastSelection = this.#selection.length === 0 ? undefined : index;\n    this.#selection.sort();\n\n    this.items().forEach((item: ListItemDirective, i: number) => item.selectedInput.set(this.#selection.includes(i)));\n  }\n\n  #updateActiveItemState(): void {\n    const activeIndex = this.#keyManager.activeItemIndex;\n    this.items().forEach((item: ListItemDirective, i: number) => {\n      item.activeInput.set(i === activeIndex);\n    });\n  }\n\n  #emitSelection(): void {\n    this.itemSelect.emit(this.#selection);\n  }\n\n  #preselectItem(): void {\n    if (this.#selection.length > 0) return; // if there is already a selection, do not preselect\n    const items = this.items();\n    const autoSelect = this.autoSelect();\n    let itemIndexToSelect = -1;\n\n    // If the list has no items, do nothing.\n    if (items.length < 1) return;\n\n    // Find the first item that has the \"selected\"-attribute and is not disabled\n    itemIndexToSelect = items.findIndex((item) => item.selected() && !item.disabled);\n\n    // If no valid item index is given, but autoSelect is true, select the first item\n    if (itemIndexToSelect === -1 && autoSelect) {\n      itemIndexToSelect = 0;\n    }\n\n    // If there is a valid item index, select that item, otherwise do nothing\n    if (itemIndexToSelect !== -1) {\n      this.select(itemIndexToSelect);\n    }\n  }\n\n  //#endregion\n\n  //#region Effects\n\n  readonly #itemsEffect = (): void => {\n    const items = this.items();\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    if (this.#keyManager) this.#keyManager.destroy();\n    untracked(() => {\n      this.#keyManager = this.horizontal\n        ? new ActiveDescendantKeyManager(items).withWrap().withHorizontalOrientation(this.#dir.value)\n        : new ActiveDescendantKeyManager(items).withWrap();\n\n      this.#keyManager.change.subscribe((activeIndex) => {\n        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n        if (activeIndex !== null) {\n          this.#updateActiveItemState();\n          this.itemFocus.emit(activeIndex);\n        }\n      });\n\n      if (!this.selfHandleClick()) {\n        items.forEach((item, index) => {\n          item.onClick = (evt: MouseEvent): void => {\n            this.select(index, evt.shiftKey, evt.ctrlKey);\n          };\n          item.activeInput.set(false);\n        });\n      }\n      if (this.#lastSelection !== undefined && this.#lastSelection <= items.length) {\n        this.select(this.#lastSelection);\n      }\n      this.#preselectItem();\n    });\n  };\n\n  //#endregion\n}\n","import { Component, contentChild, TemplateRef, viewChild } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ListItemDirective } from '../list-item.directive';\n\n@Component({\n  selector: 'yuv-list-tile',\n  imports: [CommonModule],\n  templateUrl: './list-tile.component.html',\n  styleUrl: './list-tile.component.scss',\n  // hostDirectives: [ListItemDirective]\n})\nexport class ListTileComponent {\n  iconSlot = contentChild<TemplateRef<any>>('iconSlot', {\n    descendants: true\n  });\n  titleSlot = contentChild<TemplateRef<any>>('titleSlot');\n  descriptionSlot = contentChild<TemplateRef<any>>('descriptionSlot');\n  asideSlot = contentChild<TemplateRef<any>>('asideSlot');\n  actionsSlot = contentChild<TemplateRef<any>>('actionsSlot', {\n    descendants: true\n  });\n  badgesSlot = contentChild<TemplateRef<any>>('badgesSlot');\n  metaSlot = contentChild<TemplateRef<any>>('metaSlot');\n  extensionSlot = contentChild<TemplateRef<any>>('extensionSlot');\n}\n","<ng-content></ng-content>\n<div class=\"tile\">\n  <div data-slot=\"icon\">\n    <ng-container *ngTemplateOutlet=\"iconSlot() || null\"></ng-container>\n  </div>\n  <div class=\"slots\">\n    <div data-slot=\"title-description\">\n      <div data-slot=\"title\">\n        <ng-container *ngTemplateOutlet=\"titleSlot() || null\"></ng-container>\n      </div>\n      <div data-slot=\"description\">\n        <ng-container *ngTemplateOutlet=\"descriptionSlot() || null\"></ng-container>\n      </div>\n    </div>\n    <div data-slot=\"actions\">\n      <ng-container *ngTemplateOutlet=\"actionsSlot() || null\"></ng-container>\n    </div>\n    <div data-slot=\"aside\">\n      <ng-container *ngTemplateOutlet=\"asideSlot() || null\"></ng-container>\n    </div>\n    <div data-slot=\"meta\">\n      <ng-container *ngTemplateOutlet=\"metaSlot() || null\"></ng-container>\n    </div>\n    <div data-slot=\"badges\">\n      <ng-container *ngTemplateOutlet=\"badgesSlot() || null\"></ng-container>\n    </div>\n    <div class=\"extension\">\n      <ng-container *ngTemplateOutlet=\"extensionSlot() || null\"></ng-container>\n    </div>\n  </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { ListItemDirective } from './list-item.directive';\nimport { ListComponent } from './list.component';\nimport { ListTileComponent } from './list-tile/list-tile.component';\n\n@NgModule({\n  imports: [ListComponent, ListItemDirective, ListTileComponent],\n  exports: [ListComponent, ListItemDirective, ListTileComponent]\n})\nexport class YuvListModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"yuuvis-client-components-list.mjs","sources":["../../../../../libs/yuuvis/client-components/list/src/lib/list-item.directive.ts","../../../../../libs/yuuvis/client-components/list/src/lib/list.component.ts","../../../../../libs/yuuvis/client-components/list/src/lib/list-tile/list-tile.component.ts","../../../../../libs/yuuvis/client-components/list/src/lib/list-tile/list-tile.component.html","../../../../../libs/yuuvis/client-components/list/src/lib/list.module.ts","../../../../../libs/yuuvis/client-components/list/src/yuuvis-client-components-list.ts"],"sourcesContent":["import { Highlightable } from '@angular/cdk/a11y';\nimport { AfterViewInit, Directive, ElementRef, inject, input, Input, linkedSignal } from '@angular/core';\nimport { Utils } from '@yuuvis/client-core';\n\n/**\n * Directive for list items. It is used in the `yuvList` component\n * to keep track of active and selected items. Every element with this\n * directive will be treated as a list item and can be selected and focused.\n *\n *```html\n * <yuv-list (itemSelect)=\"itemSelected($event)\">\n *   <div yuvListItem>Entry #1</div>\n *   <div yuvListItem>Entry #2</div>\n * </yuv-list>\n * ```\n */\n@Directive({\n  selector: '[yuvListItem]',\n  standalone: true,\n  host: {\n    '[attr.aria-current]': 'activeInput()',\n    '[attr.aria-selected]': 'selectedInput()',\n    '(click)': 'onHostClick($event)'\n  }\n})\nexport class ListItemDirective implements Highlightable, AfterViewInit {\n  #elRef = inject(ElementRef);\n\n  onClick?: (evt: MouseEvent) => void;\n\n  // TO SATISFY THE HIGHLIGHTABLE INTERFACE\n  @Input() disabled?: boolean | undefined;\n\n  /**\n   * Whether the item is active or not.\n   */\n  active = input<boolean>(false);\n  /**\n   * Whether the item is selected or not.\n   */\n  selected = input<boolean>(false);\n\n  selectedInput = linkedSignal({\n    source: this.selected,\n    computation: (newOptions: any, previous: any) => (newOptions !== previous ? newOptions : previous)\n  });\n\n  activeInput = linkedSignal({\n    source: this.active,\n    computation: (newOptions: any, previous: any) => (newOptions !== previous ? newOptions : previous)\n  });\n\n  focusableChildren: Element[] = [];\n  focusedIndex = -1;\n\n  onHostClick(evt: MouseEvent): void {\n    if (!this.disabled && this.onClick) {\n      this.#elRef.nativeElement.parentElement.focus();\n      this.onClick(evt);\n    }\n  }\n\n  setActiveStyles(): void {\n    this.activeInput.set(true);\n    this.#scrollIntoView();\n  }\n\n  setInactiveStyles(): void {\n    this.activeInput.set(false);\n  }\n\n  focusNext(): void {}\n\n  focusPrevious(): void {}\n\n  ngAfterViewInit(): void {\n    // get all focusable elements and set tabindex to -1\n    this.focusableChildren = Utils.getFocusableChildren(this.#elRef.nativeElement);\n    this.focusableChildren.forEach((element) => element.setAttribute('tabindex', '-1'));\n  }\n\n  #scrollIntoView(): void {\n    const element = this.#elRef.nativeElement as HTMLElement;\n    const { bottom, top, left, right } = element.getBoundingClientRect();\n    const containerRect = this.#elRef.nativeElement.parentElement.getBoundingClientRect();\n\n    const offsetY =\n      top <= containerRect.top\n        ? containerRect.top - top > 0\n          ? (containerRect.top - top) * -1\n          : 0\n        : bottom - containerRect.bottom > 0\n          ? bottom - containerRect.bottom\n          : 0;\n    const offsetX =\n      left <= containerRect.left\n        ? containerRect.left - left > 0\n          ? (containerRect.left - left) * -1\n          : 0\n        : right - containerRect.right > 0\n          ? right - containerRect.right\n          : 0;\n\n    if (offsetX || offsetY) (this.#elRef.nativeElement.parentElement as HTMLElement).scrollBy(offsetX, offsetY);\n  }\n}\n","import { A11yModule, ActiveDescendantKeyManager } from '@angular/cdk/a11y';\nimport { Directionality } from '@angular/cdk/bidi';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\n\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  HostAttributeToken,\n  OnDestroy,\n  ViewEncapsulation,\n  contentChildren,\n  effect,\n  inject,\n  input,\n  output,\n  untracked\n} from '@angular/core';\nimport { ListItemDirective } from './list-item.directive';\n\n/**\n * Accessible list component with keyboard navigation, single- and multi-selection,\n * and flexible delegation of click- and selection-handling to the parent.\n *\n * The component renders as an ARIA `listbox` and delegates keyboard focus tracking\n * to Angular CDK's `ActiveDescendantKeyManager`. Content is projected via\n * `[yuvListItem]`-attributed children (see `ListItemDirective`).\n *\n * **Key Features:**\n * - Single and multi-selection (with Shift / Ctrl modifier support)\n * - Full keyboard navigation (Arrow keys, Space, Enter, Escape)\n * - Horizontal and vertical layout via the `horizontal` host attribute\n * - Auto-selection on initialization via the `autoSelect` input\n * - Selection guarding via `preventChangeUntil` callback\n * - Optional delegation of click and selection handling to the parent component\n * - Accessible: `role=\"listbox\"`, active-descendant focus management, `aria-selected` on items\n *\n * **Basic usage:**\n * ```html\n * <yuv-list (itemSelect)=\"onItemSelect($event)\">\n *   <div yuvListItem>Entry #1</div>\n *   <div yuvListItem>Entry #2</div>\n * </yuv-list>\n * ```\n *\n * **Multi-selection with Shift/Ctrl:**\n * ```html\n * <yuv-list [multiselect]=\"true\" (itemSelect)=\"onSelect($event)\">\n *   @for (item of items; track item.id) {\n *     <div yuvListItem>{{ item.label }}</div>\n *   }\n * </yuv-list>\n * ```\n *\n * **Host Attributes (set declaratively in the template):**\n * - `selectOnEnter` — treat the Enter key as a selection trigger (in addition to Space)\n * - `horizontal` — switch key navigation to left/right arrows instead of up/down\n *\n * @example\n * ```html\n * <!-- Horizontal list, Enter key selects -->\n * <yuv-list horizontal selectOnEnter (itemSelect)=\"onSelect($event)\">\n *   <button yuvListItem>A</button>\n *   <button yuvListItem>B</button>\n * </yuv-list>\n * ```\n */\n@Component({\n  selector: 'yuv-list',\n  standalone: true,\n  imports: [A11yModule],\n  template: '<ng-content />',\n  styleUrl: './list.component.scss',\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    role: 'listbox',\n    tabindex: '0',\n    '[class.self-handle-selection]': 'selfHandleSelection()',\n    '(focus)': 'onFocus()',\n    '(keydown)': 'onKeydown($event)'\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ListComponent implements OnDestroy {\n  //#region Dependencies\n\n  #dir = inject(Directionality);\n  #elRef = inject(ElementRef);\n\n  //#endregion\n\n  //#region Angular Stuff\n\n  /**\n   * All `[yuvListItem]` children projected into this list.\n   *\n   * Queried reactively via `contentChildren` — every time the projected content\n   * changes (items added, removed, or reordered), the `#itemsEffect` re-runs,\n   * rebuilds the key manager, and re-attaches click handlers.\n   */\n  items = contentChildren(ListItemDirective);\n  /**\n   * Guard function that temporarily blocks all selection changes.\n   *\n   * Provide a factory that returns a predicate; as long as that predicate\n   * returns `true`, any attempt to change the selection (via click, keyboard,\n   * or programmatic API) is silently ignored. Useful when the parent has\n   * unsaved changes tied to the current selection and needs to prevent the user\n   * from accidentally navigating away.\n   *\n   * @example\n   * ```ts\n   * // Block selection while a save is in progress\n   * preventChangeUntil = () => () => this.isSaving();\n   * ```\n   *\n   * @default () => false  (never prevents)\n   */\n  preventChangeUntil = input<() => boolean>(() => false);\n  /**\n   * Enables multi-selection mode.\n   *\n   * When `true`, the user can hold **Shift** to range-select items between the last\n   * selected item and the clicked one, or hold **Ctrl** to toggle individual items\n   * in and out of the selection. The programmatic `multiSelect()` method is also\n   * only effective when this input is `true`.\n   *\n   * @default false\n   */\n  multiselect = input<boolean>(false);\n  /**\n   * Delegates visual selection and focus state rendering to the parent component.\n   *\n   * When `false` (default), `yuv-list` applies `.selected` and `.active` CSS classes\n   * to items via `ListItemDirective` signals, so the list stylesheet controls the look.\n   * When `true`, those signals are still updated but the host gets the\n   * `self-handle-selection` CSS class, which the parent can use to opt into its own\n   * visual treatment — useful when item templates have custom selected/focused styling.\n   *\n   * @default false\n   */\n  selfHandleSelection = input<boolean>(false);\n  /**\n   * Disables the built-in click-to-select behavior, letting the parent component\n   * decide when `select()` is called.\n   *\n   * By default the list attaches an `onClick` handler to every `ListItemDirective`\n   * that calls `select()` with the correct Shift/Ctrl modifier flags. Set this\n   * input to `true` to suppress that wiring — the parent must then call `select()`\n   * imperatively in response to whatever interaction it chooses (e.g. a single-click\n   * that is distinguished from a double-click by `ClickDoubleDirective`).\n   *\n   * @default false\n   */\n  selfHandleClick = input<boolean>(false);\n  /**\n   * Automatically selects an item when the list is first rendered.\n   *\n   * The selection logic runs once per content-children change (see `#itemsEffect`)\n   * and follows this priority order:\n   * 1. The first non-disabled item that already carries the `selected` attribute.\n   * 2. If no such item exists and `autoSelect` is `true`, the item at index 0.\n   *\n   * Accepts any truthy string value in addition to a real boolean because the\n   * input is also consumable as a plain HTML attribute (`<yuv-list autoSelect>`).\n   *\n   * @default false\n   */\n  autoSelect = input<boolean, BooleanInput>(false, {\n    transform: (value: BooleanInput) => coerceBooleanProperty(value)\n  });\n  /**\n   * Emits the current selection as an array of zero-based item indices whenever\n   * the selection changes — via click, keyboard, or programmatic API calls.\n   *\n   * An empty array signals that the selection has been cleared.\n   *\n   * @example\n   * ```ts\n   * onItemSelect(indices: number[]): void {\n   *   this.selectedItems = indices.map(i => this.items[i]);\n   * }\n   * ```\n   */\n  itemSelect = output<number[]>();\n\n  /**\n   * Emits the zero-based index of the item that received keyboard focus\n   * (i.e. the active descendant managed by `ActiveDescendantKeyManager`).\n   *\n   * Note that focus and selection are independent: navigating with arrow keys\n   * moves focus without changing the selection until Space (or Enter when\n   * `selectOnEnter` is set) is pressed.\n   */\n  itemFocus = output<number>();\n\n  /**\n   * Puts the list into a display-only mode where no item can be selected.\n   *\n   * When `true`, all selection paths are blocked: clicks, keyboard shortcuts\n   * (`Space`, `Enter`, `Escape`), and programmatic calls to `select()`,\n   * `multiSelect()`, and `clear()` are all no-ops. The list still renders\n   * normally and keyboard navigation still moves the focus indicator.\n   *\n   * @default false\n   */\n  disableSelection = input<boolean>(false);\n\n  //#endregion\n\n  //#region Properties\n\n  /**\n   * When `true`, pressing **Enter** triggers item selection in addition to **Space**.\n   *\n   * Resolved once at construction time from the static `selectOnEnter` host attribute.\n   * Useful in contexts where Enter has a conventional \"confirm\" meaning (e.g. search\n   * result lists, command palettes).\n   *\n   * Set declaratively in the template: `<yuv-list selectOnEnter>`.\n   */\n  selectOnEnter: boolean = (inject(new HostAttributeToken('selectOnEnter'), { optional: true }) || 'false') === 'true';\n\n  /**\n   * When `true`, switches the `ActiveDescendantKeyManager` to horizontal mode so that\n   * the **Left** / **Right** arrow keys navigate between items instead of **Up** / **Down**.\n   *\n   * Resolved once at construction time from the static `horizontal` host attribute.\n   * The text direction of the document is respected automatically (RTL-aware via CDK\n   * `Directionality`).\n   *\n   * Set declaratively in the template: `<yuv-list horizontal>`.\n   */\n  horizontal: boolean = (inject(new HostAttributeToken('horizontal'), { optional: true }) || 'false') === 'true';\n\n  #keyManager!: ActiveDescendantKeyManager<ListItemDirective>;\n  #selection: number[] = [];\n  #lastSelection?: number;\n\n  //#endregion\n\n  //#region Lifecycle Hooks\n\n  constructor() {\n    effect(this.#itemsEffect);\n  }\n\n  ngOnDestroy(): void {\n    this.#keyManager.destroy();\n  }\n\n  //#endregion\n\n  //#region Public\n\n  /**\n   * Moves keyboard focus to the item at the given index and selects it.\n   *\n   * Combines three operations in one call: updating the CDK key manager's active\n   * descendant (which drives the ARIA active-descendant attribute and the visual focus ring),\n   * selecting the item, and transferring DOM focus to the list host element so that\n   * subsequent keyboard events are processed correctly.\n   *\n   * Safe to call before the key manager is initialized — the guard at the top of\n   * the method prevents errors during early lifecycle phases.\n   *\n   * @param index Zero-based index of the item to activate.\n   */\n  setActiveItem(index: number): void {\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    if (this.#keyManager) {\n      this.#keyManager.setActiveItem(index);\n      this.#select(index);\n      this.focus();\n    }\n  }\n\n  /**\n   * Transfers DOM focus to the list host element.\n   *\n   * Calling this ensures that subsequent keyboard events (arrow keys, Space, etc.)\n   * are routed to the list's `(keydown)` handler. Called internally by\n   * `setActiveItem()`, but also useful from the parent when programmatic focus\n   * management is needed (e.g. after closing a dialog that was triggered from a\n   * list item).\n   */\n  focus(): void {\n    this.#elRef.nativeElement.focus();\n  }\n\n  /**\n   * Smoothly scrolls the list container back to the top.\n   *\n   * Useful after programmatically refreshing the list contents when the user may\n   * have scrolled far down and the new result set should be shown from the beginning.\n   */\n  scrollToTop(): void {\n    this.#elRef.nativeElement.scrollTo({ top: 0, behavior: 'smooth' });\n  }\n\n  /**\n   * Shifts all selected and focused item indices by the given offset.\n   *\n   * Use this when items are prepended or inserted at the beginning of the list so\n   * that the existing selection and keyboard-focus position stay attached to the\n   * same logical items after the index space shifts. A positive offset moves\n   * indices forward (items were inserted before the selection); a negative offset\n   * moves them backward (items were removed before the selection).\n   *\n   * Does **not** emit `itemSelect` — the selection indices change structurally,\n   * not because the user chose different items.\n   *\n   * @param offset Number of positions to shift every selected index by.\n   */\n  shiftSelectionBy(offset: number): void {\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    if (this.#keyManager?.activeItemIndex !== null && this.#keyManager?.activeItemIndex !== undefined) {\n      this.#keyManager.setActiveItem(this.#keyManager.activeItemIndex + offset);\n    }\n    this.#selection = this.#selection.map((i) => i + offset);\n    if (this.#lastSelection !== undefined) this.#lastSelection += offset;\n    this.items().forEach((item: ListItemDirective, i: number) => item.selectedInput.set(this.#selection.includes(i)));\n  }\n\n  /**\n   * Programmatically replaces the entire selection with the given indices.\n   *\n   * Only effective when `multiselect` is `true` and `disableSelection` is `false`.\n   * Out-of-range indices are silently discarded. The resulting selection is sorted\n   * ascending before being applied and emitted.\n   *\n   * Use this when the parent needs to restore a previously saved multi-selection\n   * state, e.g. after navigation or on component re-initialization.\n   *\n   * @param index Array of zero-based item indices to select.\n   */\n  multiSelect(index: number[]): void {\n    if (this.#preventEmit()) return;\n    if (!this.multiselect() || this.disableSelection()) return;\n    this.#selection = index.filter((i) => i >= 0 && i < this.items().length);\n    this.#selection.sort();\n\n    this.items().forEach((item: ListItemDirective, i: number) => item.selectedInput.set(this.#selection.includes(i)));\n    this.#emitSelection();\n  }\n\n  /**\n   * Selects the item at the given index, optionally extending or toggling\n   * the existing selection using modifier-key semantics.\n   *\n   * - **No modifiers** (default): replaces the current selection with the single item.\n   * - **`shiftKey = true`** (`multiselect` only): range-selects all items between the\n   *   last selected index and `index` (inclusive of neither endpoint, matching typical\n   *   OS list behavior).\n   * - **`ctrlKey = true`** (`multiselect` only): toggles `index` in the selection\n   *   without affecting the rest.\n   *\n   * Index is clamped to `[0, items.length - 1]`. Negative values and calls while\n   * `disableSelection` is `true` are ignored. The `preventChangeUntil` guard is\n   * also respected.\n   *\n   * Emits `itemSelect` after updating the visual state.\n   *\n   * @param index    Zero-based index of the item to select.\n   * @param shiftKey Extend the selection from the last selected item to `index`.\n   * @param ctrlKey  Toggle `index` in or out of the current selection.\n   */\n  select(index: number, shiftKey = false, ctrlKey = false): void {\n    if (this.#preventEmit()) return;\n    if (this.disableSelection() || index < 0) return;\n    if (index >= this.items().length) index = this.items().length - 1;\n\n    this.#select(index, shiftKey, ctrlKey);\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    if (this.#keyManager) this.#keyManager.setActiveItem(index);\n    this.#emitSelection();\n  }\n\n  /**\n   * Clears the current selection and resets the active keyboard-focus index.\n   *\n   * If the selection is already empty, the method is a no-op (no event emitted,\n   * no state update). The `preventChangeUntil` guard is respected — if the guard\n   * returns `true`, the clear is blocked entirely.\n   *\n   * Also triggered internally when the user presses **Escape**.\n   *\n   * @param silent When `true`, skips emitting `itemSelect` after clearing. Use this\n   *               when the parent needs to reset state programmatically without\n   *               triggering downstream reactions.\n   */\n  clear(silent = false): void {\n    if (this.#preventEmit()) return;\n    if (this.#selection.length !== 0) {\n      this.#select(-1);\n      this.#keyManager.setActiveItem(-1);\n      if (!silent) this.#emitSelection();\n    }\n  }\n\n  //#endregion\n\n  //#region UI Methods\n\n  /**\n   * Host `keydown` handler — routes keyboard events to selection or navigation logic.\n   *\n   * Handled keys:\n   * - **Escape**: clears the selection.\n   * - **Space** (always) / **Enter** (when `selectOnEnter` is set): selects the\n   *   currently focused item. `preventDefault()` is called to stop the browser\n   *   from scrolling the container when Space is pressed.\n   * - **All other keys**: forwarded to `ActiveDescendantKeyManager` so arrow keys,\n   *   Home, End, etc. move the focus indicator without changing the selection.\n   *\n   * When `disableSelection` is `true`, only navigation keys are forwarded to the\n   * key manager — selection keys (Space, Enter, Escape) are suppressed.\n   *\n   * Bound via the `host` metadata as `(keydown)`.\n   *\n   * @param event The keyboard event originating from the list host element.\n   */\n  protected onKeydown(event: KeyboardEvent): void {\n    if (this.disableSelection()) {\n      this.#keyManager?.onKeydown(event);\n      return;\n    }\n    if (event.code === 'Escape') {\n      this.clear();\n    }\n\n    if (event.code === 'Space' || (this.selectOnEnter && event.code === 'Enter')) {\n      // prevent default behavior of space in scroll environments\n      if (this.#preventEmit()) return;\n      event.preventDefault();\n      const aii: number = this.#keyManager.activeItemIndex !== null ? this.#keyManager.activeItemIndex : -1;\n      if (aii >= 0) {\n        this.#select(aii);\n        this.#emitSelection();\n      }\n      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    } else this.#keyManager?.onKeydown(event);\n  }\n\n  /**\n   * Host `focus` handler — restores a sensible focus position when the list\n   * host element receives DOM focus without an item already being active.\n   *\n   * The logic runs inside a 300 ms timeout so that focus events triggered by\n   * an item being clicked (which also bubbles a focus event up to the host)\n   * have already resolved their own active-item state before this handler acts.\n   * If an active item already exists when the timeout fires, nothing happens.\n   *\n   * Focus target priority:\n   * 1. The first index in the current selection (so the user lands back on the\n   *    previously selected item when tabbing into the list).\n   * 2. Index 0 as the fallback when there is no selection.\n   *\n   * Bound via the `host` metadata as `(focus)`.\n   */\n  protected onFocus(): void {\n    // set timeout to check if the focus is coming from an item being clicked\n    setTimeout(() => {\n      // if there already is an active item, we do not want to set the focus again\n      if (this.#keyManager.activeItemIndex === -1 && this.items().length > 0) {\n        const indexToFocus = this.#selection.length > 0 ? this.#selection[0] : 0;\n        this.#keyManager.setActiveItem(indexToFocus);\n        this.itemFocus.emit(indexToFocus);\n        this.#updateActiveItemState();\n      }\n      // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n    }, 300);\n  }\n\n  //#endregion\n\n  //#region Utilities\n\n  #preventEmit(): boolean {\n    const preventUntilIsTrue = this.preventChangeUntil();\n    return preventUntilIsTrue();\n  }\n\n  #select(index: number, shiftKey = false, ctrlKey = false): void {\n    if (index === -1) this.#selection = [];\n    else {\n      if (this.multiselect()) {\n        this.#selection = this.#selection.filter((i) => i !== index);\n        if (ctrlKey) {\n          this.#selection.push(index);\n        } else if (shiftKey) {\n          if (this.#lastSelection) {\n            for (\n              let i = this.#lastSelection < index ? this.#lastSelection : index;\n              i < (this.#lastSelection > index ? this.#lastSelection : index);\n              i++\n            ) {\n              this.#selection.push(i);\n            }\n          } else {\n            this.#selection = [index];\n          }\n        } else {\n          this.#selection = [index];\n        }\n      } else this.#selection = [index];\n    }\n    this.#lastSelection = this.#selection.length === 0 ? undefined : index;\n    this.#selection.sort();\n\n    this.items().forEach((item: ListItemDirective, i: number) => item.selectedInput.set(this.#selection.includes(i)));\n  }\n\n  #updateActiveItemState(): void {\n    const activeIndex = this.#keyManager.activeItemIndex;\n    this.items().forEach((item: ListItemDirective, i: number) => {\n      item.activeInput.set(i === activeIndex);\n    });\n  }\n\n  #emitSelection(): void {\n    this.itemSelect.emit(this.#selection);\n  }\n\n  #preselectItem(): void {\n    if (this.#selection.length > 0) return; // if there is already a selection, do not preselect\n    const items = this.items();\n    const autoSelect = this.autoSelect();\n    let itemIndexToSelect = -1;\n\n    // If the list has no items, do nothing.\n    if (items.length < 1) return;\n\n    // Find the first item that has the \"selected\"-attribute and is not disabled\n    itemIndexToSelect = items.findIndex((item) => item.selected() && !item.disabled);\n\n    // If no valid item index is given, but autoSelect is true, select the first item\n    if (itemIndexToSelect === -1 && autoSelect) {\n      itemIndexToSelect = 0;\n    }\n\n    // If there is a valid item index, select that item, otherwise do nothing\n    if (itemIndexToSelect !== -1) {\n      this.select(itemIndexToSelect);\n    }\n  }\n\n  //#endregion\n\n  //#region Effects\n\n  readonly #itemsEffect = (): void => {\n    const items = this.items();\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    if (this.#keyManager) this.#keyManager.destroy();\n    untracked(() => {\n      this.#keyManager = this.horizontal\n        ? new ActiveDescendantKeyManager(items).withWrap().withHorizontalOrientation(this.#dir.value)\n        : new ActiveDescendantKeyManager(items).withWrap();\n\n      this.#keyManager.change.subscribe((activeIndex) => {\n        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n        if (activeIndex !== null) {\n          this.#updateActiveItemState();\n          this.itemFocus.emit(activeIndex);\n        }\n      });\n\n      if (!this.selfHandleClick()) {\n        items.forEach((item, index) => {\n          item.onClick = (evt: MouseEvent): void => {\n            this.select(index, evt.shiftKey, evt.ctrlKey);\n          };\n          item.activeInput.set(false);\n        });\n      }\n      if (this.#lastSelection !== undefined && this.#lastSelection <= items.length) {\n        this.select(this.#lastSelection);\n      }\n      this.#preselectItem();\n    });\n  };\n\n  //#endregion\n}\n","import { CommonModule } from '@angular/common';\nimport { Component, contentChild, TemplateRef } from '@angular/core';\n\n@Component({\n  selector: 'yuv-list-tile',\n  imports: [CommonModule],\n  templateUrl: './list-tile.component.html',\n  styleUrl: './list-tile.component.scss'\n  // hostDirectives: [ListItemDirective]\n})\nexport class ListTileComponent {\n  iconSlot = contentChild<TemplateRef<unknown>>('iconSlot', {\n    descendants: true\n  });\n  titleSlot = contentChild<TemplateRef<unknown>>('titleSlot');\n  descriptionSlot = contentChild<TemplateRef<unknown>>('descriptionSlot');\n  asideSlot = contentChild<TemplateRef<unknown>>('asideSlot');\n  actionsSlot = contentChild<TemplateRef<unknown>>('actionsSlot', {\n    descendants: true\n  });\n  badgesSlot = contentChild<TemplateRef<unknown>>('badgesSlot');\n  metaSlot = contentChild<TemplateRef<unknown>>('metaSlot');\n  extensionSlot = contentChild<TemplateRef<unknown>>('extensionSlot');\n}\n","<ng-content />\n<div class=\"tile\">\n  <div data-slot=\"icon\">\n    <ng-container *ngTemplateOutlet=\"iconSlot() || null\" />\n  </div>\n  <div class=\"slots\">\n    <div data-slot=\"title-description\">\n      <div data-slot=\"title\">\n        <ng-container *ngTemplateOutlet=\"titleSlot() || null\" />\n      </div>\n      <div data-slot=\"description\">\n        <ng-container *ngTemplateOutlet=\"descriptionSlot() || null\" />\n      </div>\n    </div>\n    <div data-slot=\"actions\">\n      <ng-container *ngTemplateOutlet=\"actionsSlot() || null\" />\n    </div>\n    <div data-slot=\"aside\">\n      <ng-container *ngTemplateOutlet=\"asideSlot() || null\" />\n    </div>\n    <div data-slot=\"meta\">\n      <ng-container *ngTemplateOutlet=\"metaSlot() || null\" />\n    </div>\n    <div data-slot=\"badges\">\n      <ng-container *ngTemplateOutlet=\"badgesSlot() || null\" />\n    </div>\n    <div class=\"extension\">\n      <ng-container *ngTemplateOutlet=\"extensionSlot() || null\" />\n    </div>\n  </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { ListItemDirective } from './list-item.directive';\nimport { ListComponent } from './list.component';\nimport { ListTileComponent } from './list-tile/list-tile.component';\n\n@NgModule({\n  imports: [ListComponent, ListItemDirective, ListTileComponent],\n  exports: [ListComponent, ListItemDirective, ListTileComponent]\n})\nexport class YuvListModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/yuuvis-client-components-master-details.mjs

@@ -102,10 +102,10 @@ class YuvMasterDetailsComponent {
             console.error('MasterDetailsComponent is supposed to contain a master and a details pane.');
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: YuvMasterDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: YuvMasterDetailsComponent, isStandalone: true, selector: "yuv-master-details", inputs: { detailsActive: { classPropertyName: "detailsActive", publicName: "detailsActive", isSignal: true, isRequired: false, transformFunction: null }, layoutSettingsID: { classPropertyName: "layoutSettingsID", publicName: "layoutSettingsID", isSignal: true, isRequired: false, transformFunction: null }, layoutOptions: { classPropertyName: "layoutOptions", publicName: "layoutOptions", isSignal: false, isRequired: false, transformFunction: null }, undockableDetails: { classPropertyName: "undockableDetails", publicName: "undockableDetails", isSignal: true, isRequired: false, transformFunction: null }, panelStyle: { classPropertyName: "panelStyle", publicName: "panelStyle", isSignal: true, isRequired: false, transformFunction: null }, gutterSize: { classPropertyName: "gutterSize", publicName: "gutterSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { detailsActive: "detailsActiveChange" }, host: { attributes: { "class.detailsActive": "detailsActive()" } }, queries: [{ propertyName: "masterPane", first: true, predicate: ["yuvMasterPane"], descendants: true, isSignal: true }, { propertyName: "detailsPane", first: true, predicate: ["yuvDetailsPane"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "detailsPaneTplateRef", first: true, predicate: ["tplDetailsPanel"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (!smallScreenLayout()) {\n  <yuv-split-view [disabled]=\"!layoutOptions.resizable\" [gutterSize]=\"gutterSize() || 1\" [layoutSettingsID]=\"layoutSettingsID()\">\n    <ng-template yuvSplitArea [size]=\"layoutOptions.masterSize\" [minSize]=\"layoutOptions.masterMinSize\">\n      <div class=\"yuv-md-panel master\" [ngStyle]=\"panelStyle()\">\n        <ng-container *ngTemplateOutlet=\"masterPane()\"></ng-container>\n      </div>\n    </ng-template>\n    <ng-template yuvSplitArea [size]=\"layoutOptions.detailsSize\" [minSize]=\"layoutOptions.detailsMinSize\" [visible]=\"detailsActive()\">\n      <div class=\"yuv-md-panel details\" [ngStyle]=\"panelStyle()\">\n        @if (undockableDetails()) {\n          <yuv-popout (popIn)=\"onPopIn()\" (popOut)=\"detailsActive.set(false)\"><ng-container *ngTemplateOutlet=\"tplDetailsPanel\"></ng-container></yuv-popout>\n        } @else {\n          <ng-container *ngTemplateOutlet=\"tplDetailsPanel\"></ng-container>\n        }\n      </div>\n    </ng-template>\n  </yuv-split-view>\n} @else {\n  <div class=\"yuvMasterPane\"><ng-container *ngTemplateOutlet=\"masterPane()\"></ng-container></div>\n}\n\n<ng-template #tplDetailsPanel>\n  <ng-container *ngTemplateOutlet=\"detailsPane()\"></ng-container>\n</ng-template>\n", styles: [":host{display:grid;grid-template-rows:1fr;grid-template-columns:1fr}:host ::ng-deep .yuv-md-panel{height:100%;box-sizing:border-box;overflow:auto}:host ::ng-deep .yuv-md-panel>yuv-popout .popoutWrapper,:host ::ng-deep .yuv-md-panel>yuv-popout .innerWrapper{height:100%}:host[data-mode=ontop].detailsActive .yuvMasterPane{display:none}:host[data-mode=ontop] .yuvMasterPane,:host[data-mode=ontop] .yuvDetailsPane{grid-row:1;grid-column:1;overflow:hidden;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: YuvSplitViewModule }, { kind: "directive", type: i2.SplitAreaDirective, selector: "[yuvSplitArea]", inputs: ["size", "minSize", "maxSize", "panelClass", "visible", "lockSize"] }, { kind: "component", type: i2.SplitViewComponent, selector: "yuv-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "ngmodule", type: YuvPopoutModule }, { kind: "component", type: i3.PopoutComponent, selector: "yuv-popout", inputs: ["triggerPosition", "triggerIcon", "triggerTooltip", "popoutWindowConfig", "disabled"], outputs: ["popOut", "popIn"], exportAs: ["yuvPopout"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: YuvMasterDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: YuvMasterDetailsComponent, isStandalone: true, selector: "yuv-master-details", inputs: { detailsActive: { classPropertyName: "detailsActive", publicName: "detailsActive", isSignal: true, isRequired: false, transformFunction: null }, layoutSettingsID: { classPropertyName: "layoutSettingsID", publicName: "layoutSettingsID", isSignal: true, isRequired: false, transformFunction: null }, layoutOptions: { classPropertyName: "layoutOptions", publicName: "layoutOptions", isSignal: false, isRequired: false, transformFunction: null }, undockableDetails: { classPropertyName: "undockableDetails", publicName: "undockableDetails", isSignal: true, isRequired: false, transformFunction: null }, panelStyle: { classPropertyName: "panelStyle", publicName: "panelStyle", isSignal: true, isRequired: false, transformFunction: null }, gutterSize: { classPropertyName: "gutterSize", publicName: "gutterSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { detailsActive: "detailsActiveChange" }, host: { attributes: { "class.detailsActive": "detailsActive()" } }, queries: [{ propertyName: "masterPane", first: true, predicate: ["yuvMasterPane"], descendants: true, isSignal: true }, { propertyName: "detailsPane", first: true, predicate: ["yuvDetailsPane"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "detailsPaneTplateRef", first: true, predicate: ["tplDetailsPanel"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (!smallScreenLayout()) {\n  <yuv-split-view [disabled]=\"!layoutOptions.resizable\" [gutterSize]=\"gutterSize() || 1\" [layoutSettingsID]=\"layoutSettingsID()\">\n    <ng-template yuvSplitArea [size]=\"layoutOptions.masterSize\" [minSize]=\"layoutOptions.masterMinSize\">\n      <div class=\"yuv-md-panel master\" [ngStyle]=\"panelStyle()\">\n        <ng-container *ngTemplateOutlet=\"masterPane()\"></ng-container>\n      </div>\n    </ng-template>\n    <ng-template yuvSplitArea [size]=\"layoutOptions.detailsSize\" [minSize]=\"layoutOptions.detailsMinSize\" [visible]=\"detailsActive()\">\n      <div class=\"yuv-md-panel details\" [ngStyle]=\"panelStyle()\">\n        @if (undockableDetails()) {\n          <yuv-popout (popIn)=\"onPopIn()\" (popOut)=\"detailsActive.set(false)\"><ng-container *ngTemplateOutlet=\"tplDetailsPanel\"></ng-container></yuv-popout>\n        } @else {\n          <ng-container *ngTemplateOutlet=\"tplDetailsPanel\"></ng-container>\n        }\n      </div>\n    </ng-template>\n  </yuv-split-view>\n} @else {\n  <div class=\"yuvMasterPane\"><ng-container *ngTemplateOutlet=\"masterPane()\"></ng-container></div>\n}\n\n<ng-template #tplDetailsPanel>\n  <ng-container *ngTemplateOutlet=\"detailsPane()\"></ng-container>\n</ng-template>\n", styles: [":host{display:grid;grid-template-rows:1fr;grid-template-columns:1fr}:host ::ng-deep .yuv-md-panel{height:100%;box-sizing:border-box;overflow:auto}:host ::ng-deep .yuv-md-panel>yuv-popout .popoutWrapper,:host ::ng-deep .yuv-md-panel>yuv-popout .innerWrapper{height:100%}:host[data-mode=ontop].detailsActive .yuvMasterPane{display:none}:host[data-mode=ontop] .yuvMasterPane,:host[data-mode=ontop] .yuvDetailsPane{grid-row:1;grid-column:1;overflow:hidden;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: YuvSplitViewModule }, { kind: "directive", type: i2.SplitAreaDirective, selector: "[yuvSplitArea]", inputs: ["size", "minSize", "maxSize", "panelClass", "visible", "lockSize"] }, { kind: "component", type: i2.SplitViewComponent, selector: "yuv-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "ngmodule", type: YuvPopoutModule }, { kind: "component", type: i3.PopoutComponent, selector: "yuv-popout", inputs: ["triggerPosition", "triggerIcon", "triggerTooltip", "popoutWindowConfig", "disabled"], outputs: ["popOut", "popIn"], exportAs: ["yuvPopout"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: YuvMasterDetailsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: YuvMasterDetailsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'yuv-master-details', standalone: true, imports: [CommonModule, YuvSplitViewModule, YuvPopoutModule], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         'class.detailsActive': 'detailsActive()'
@@ -116,11 +116,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 
 const cmd = [YuvMasterDetailsComponent];
 class YuvMasterDetailsModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: YuvMasterDetailsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: YuvMasterDetailsModule, imports: [YuvMasterDetailsComponent], exports: [YuvMasterDetailsComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: YuvMasterDetailsModule, imports: [cmd] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: YuvMasterDetailsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.12", ngImport: i0, type: YuvMasterDetailsModule, imports: [YuvMasterDetailsComponent], exports: [YuvMasterDetailsComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: YuvMasterDetailsModule, imports: [cmd] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: YuvMasterDetailsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: YuvMasterDetailsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [cmd],

package/fesm2022/yuuvis-client-components-master-details.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"yuuvis-client-components-master-details.mjs","sources":["../../../../../libs/yuuvis/client-components/master-details/src/lib/master-details.component.ts","../../../../../libs/yuuvis/client-components/master-details/src/lib/master-details.component.html","../../../../../libs/yuuvis/client-components/master-details/src/lib/master-details.module.ts","../../../../../libs/yuuvis/client-components/master-details/src/yuuvis-client-components-master-details.ts"],"sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  contentChild,\n  effect,\n  inject,\n  input,\n  Input,\n  model,\n  TemplateRef,\n  untracked,\n  viewChild\n} from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\nimport { MatDialog, MatDialogRef } from '@angular/material/dialog';\nimport { YuvPopoutModule } from '@yuuvis/client-components/popout';\nimport { YuvSplitViewModule } from '@yuuvis/client-components/split-view';\nimport { DeviceService } from '@yuuvis/material';\nimport { MasterDetailsLayoutOptions } from './master-details.interface';\n\n/**\n * Component rendering a master/details view.\n *\n * @example\n * <yuv-master-details [(detailsActive)]=\"detailsActive\">\n *   <ng-template #yuvMasterPane>Main Pane</ng-template>\n *   <ng-template #yuvDetailsPane>Details Pane</ng-template>\n * </yuv-master-details>\n */\n@Component({\n  selector: 'yuv-master-details',\n  templateUrl: './master-details.component.html',\n  styleUrls: ['./master-details.component.scss'],\n  standalone: true,\n  imports: [CommonModule, YuvSplitViewModule, YuvPopoutModule],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'class.detailsActive': 'detailsActive()'\n  }\n})\nexport class YuvMasterDetailsComponent implements AfterViewInit {\n  #device = inject(DeviceService);\n  #dialog = inject(MatDialog);\n  #cd = inject(ChangeDetectorRef);\n\n  masterPane = contentChild.required<TemplateRef<any>>('yuvMasterPane');\n  detailsPane = contentChild.required<TemplateRef<any>>('yuvDetailsPane');\n  detailsPaneTplateRef = viewChild.required<TemplateRef<any>>('tplDetailsPanel');\n  #detailsPaneDialogRef: MatDialogRef<any> | null = null;\n\n  private _defaultLayoutOptions: MasterDetailsLayoutOptions = {\n    masterSize: 80,\n    masterMinSize: undefined,\n    detailsSize: 20,\n    detailsMinSize: undefined,\n    resizable: true\n  };\n  /**\n   * Enable/disable details pane (also use as two-way-bound variable: [(detailsActive)])\n   */\n  detailsActive = model<boolean>(false);\n  #detailsActiveEffect = effect(() => {\n    const da = this.detailsActive();\n    untracked(() => {\n      if (this.#detailsPaneDialogRef) this.#detailsPaneDialogRef.close();\n      if (this.smallScreenLayout() && da) {\n        this.#detailsPaneDialogRef = this.#dialog.open(this.detailsPaneTplateRef(), {\n          width: '90vw',\n          height: '95vh'\n        });\n        this.#detailsPaneDialogRef.afterClosed().subscribe((silent: boolean) => {\n          if (!silent) {\n            this.detailsActive.set(false);\n          }\n          this.#detailsPaneDialogRef = null;\n        });\n      }\n    });\n  });\n\n  smallScreenLayout = this.#device.smallScreenLayout;\n  #smallScreenLayoutEffect = effect(() => {\n    const ssl = this.smallScreenLayout();\n    if (this.#detailsPaneDialogRef) this.#detailsPaneDialogRef.close(true);\n    untracked(() => {\n      const da = this.detailsActive();\n      if (ssl && da) this.detailsActive.set(false);\n    });\n  });\n\n  /**\n   * Layout settings is the state of the master details that could be persisted.\n   * Setting a `layoutSettingsID` will save the current state (details area visibilkity and\n   * split area sizes etc.) to the local storage. If the component is created, it will load\n   * those settings and re-apply them.\n   */\n  readonly layoutSettingsID = input<string | undefined>(undefined);\n  private _layoutOptions: MasterDetailsLayoutOptions = this._defaultLayoutOptions;\n  /**\n   * Layout options to be applied.\n   */\n  @Input() set layoutOptions(lo: Partial<MasterDetailsLayoutOptions>) {\n    this._layoutOptions = lo ? { ...this._defaultLayoutOptions, ...lo } : this._defaultLayoutOptions;\n  }\n  get layoutOptions(): MasterDetailsLayoutOptions {\n    return this._layoutOptions;\n  }\n  undockableDetails = input<boolean>(false);\n  /**\n   * Styles tp be applied to the panels\n   */\n  panelStyle = input<{ [key: string]: string } | undefined>(undefined);\n  /**\n   * Size of the gutter in Pixel.\n   */\n  gutterSize = input<number | undefined>(undefined);\n\n  onPopIn() {\n    this.detailsActive.set(true);\n    this.#cd.detectChanges();\n  }\n\n  ngAfterViewInit() {\n    if (!this.masterPane() || !this.detailsPane()) {\n      console.error('MasterDetailsComponent is supposed to contain a master and a details pane.');\n    }\n  }\n}\n","@if (!smallScreenLayout()) {\n  <yuv-split-view [disabled]=\"!layoutOptions.resizable\" [gutterSize]=\"gutterSize() || 1\" [layoutSettingsID]=\"layoutSettingsID()\">\n    <ng-template yuvSplitArea [size]=\"layoutOptions.masterSize\" [minSize]=\"layoutOptions.masterMinSize\">\n      <div class=\"yuv-md-panel master\" [ngStyle]=\"panelStyle()\">\n        <ng-container *ngTemplateOutlet=\"masterPane()\"></ng-container>\n      </div>\n    </ng-template>\n    <ng-template yuvSplitArea [size]=\"layoutOptions.detailsSize\" [minSize]=\"layoutOptions.detailsMinSize\" [visible]=\"detailsActive()\">\n      <div class=\"yuv-md-panel details\" [ngStyle]=\"panelStyle()\">\n        @if (undockableDetails()) {\n          <yuv-popout (popIn)=\"onPopIn()\" (popOut)=\"detailsActive.set(false)\"><ng-container *ngTemplateOutlet=\"tplDetailsPanel\"></ng-container></yuv-popout>\n        } @else {\n          <ng-container *ngTemplateOutlet=\"tplDetailsPanel\"></ng-container>\n        }\n      </div>\n    </ng-template>\n  </yuv-split-view>\n} @else {\n  <div class=\"yuvMasterPane\"><ng-container *ngTemplateOutlet=\"masterPane()\"></ng-container></div>\n}\n\n<ng-template #tplDetailsPanel>\n  <ng-container *ngTemplateOutlet=\"detailsPane()\"></ng-container>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { YuvMasterDetailsComponent } from './master-details.component';\n\nconst cmd = [YuvMasterDetailsComponent];\n@NgModule({\n  imports: [cmd],\n  exports: [cmd]\n})\nexport class YuvMasterDetailsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"yuuvis-client-components-master-details.mjs","sources":["../../../../../libs/yuuvis/client-components/master-details/src/lib/master-details.component.ts","../../../../../libs/yuuvis/client-components/master-details/src/lib/master-details.component.html","../../../../../libs/yuuvis/client-components/master-details/src/lib/master-details.module.ts","../../../../../libs/yuuvis/client-components/master-details/src/yuuvis-client-components-master-details.ts"],"sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  contentChild,\n  effect,\n  inject,\n  input,\n  Input,\n  model,\n  TemplateRef,\n  untracked,\n  viewChild\n} from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\nimport { MatDialog, MatDialogRef } from '@angular/material/dialog';\nimport { YuvPopoutModule } from '@yuuvis/client-components/popout';\nimport { YuvSplitViewModule } from '@yuuvis/client-components/split-view';\nimport { DeviceService } from '@yuuvis/material';\nimport { MasterDetailsLayoutOptions } from './master-details.interface';\n\n/**\n * Component rendering a master/details view.\n *\n * @example\n * <yuv-master-details [(detailsActive)]=\"detailsActive\">\n *   <ng-template #yuvMasterPane>Main Pane</ng-template>\n *   <ng-template #yuvDetailsPane>Details Pane</ng-template>\n * </yuv-master-details>\n */\n@Component({\n  selector: 'yuv-master-details',\n  templateUrl: './master-details.component.html',\n  styleUrls: ['./master-details.component.scss'],\n  standalone: true,\n  imports: [CommonModule, YuvSplitViewModule, YuvPopoutModule],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'class.detailsActive': 'detailsActive()'\n  }\n})\nexport class YuvMasterDetailsComponent implements AfterViewInit {\n  #device = inject(DeviceService);\n  #dialog = inject(MatDialog);\n  #cd = inject(ChangeDetectorRef);\n\n  masterPane = contentChild.required<TemplateRef<any>>('yuvMasterPane');\n  detailsPane = contentChild.required<TemplateRef<any>>('yuvDetailsPane');\n  detailsPaneTplateRef = viewChild.required<TemplateRef<any>>('tplDetailsPanel');\n  #detailsPaneDialogRef: MatDialogRef<any> | null = null;\n\n  private _defaultLayoutOptions: MasterDetailsLayoutOptions = {\n    masterSize: 80,\n    masterMinSize: undefined,\n    detailsSize: 20,\n    detailsMinSize: undefined,\n    resizable: true\n  };\n  /**\n   * Enable/disable details pane (also use as two-way-bound variable: [(detailsActive)])\n   */\n  detailsActive = model<boolean>(false);\n  #detailsActiveEffect = effect(() => {\n    const da = this.detailsActive();\n    untracked(() => {\n      if (this.#detailsPaneDialogRef) this.#detailsPaneDialogRef.close();\n      if (this.smallScreenLayout() && da) {\n        this.#detailsPaneDialogRef = this.#dialog.open(this.detailsPaneTplateRef(), {\n          width: '90vw',\n          height: '95vh'\n        });\n        this.#detailsPaneDialogRef.afterClosed().subscribe((silent: boolean) => {\n          if (!silent) {\n            this.detailsActive.set(false);\n          }\n          this.#detailsPaneDialogRef = null;\n        });\n      }\n    });\n  });\n\n  smallScreenLayout = this.#device.smallScreenLayout;\n  #smallScreenLayoutEffect = effect(() => {\n    const ssl = this.smallScreenLayout();\n    if (this.#detailsPaneDialogRef) this.#detailsPaneDialogRef.close(true);\n    untracked(() => {\n      const da = this.detailsActive();\n      if (ssl && da) this.detailsActive.set(false);\n    });\n  });\n\n  /**\n   * Layout settings is the state of the master details that could be persisted.\n   * Setting a `layoutSettingsID` will save the current state (details area visibilkity and\n   * split area sizes etc.) to the local storage. If the component is created, it will load\n   * those settings and re-apply them.\n   */\n  readonly layoutSettingsID = input<string | undefined>(undefined);\n  private _layoutOptions: MasterDetailsLayoutOptions = this._defaultLayoutOptions;\n  /**\n   * Layout options to be applied.\n   */\n  @Input() set layoutOptions(lo: Partial<MasterDetailsLayoutOptions>) {\n    this._layoutOptions = lo ? { ...this._defaultLayoutOptions, ...lo } : this._defaultLayoutOptions;\n  }\n  get layoutOptions(): MasterDetailsLayoutOptions {\n    return this._layoutOptions;\n  }\n  undockableDetails = input<boolean>(false);\n  /**\n   * Styles tp be applied to the panels\n   */\n  panelStyle = input<{ [key: string]: string } | undefined>(undefined);\n  /**\n   * Size of the gutter in Pixel.\n   */\n  gutterSize = input<number | undefined>(undefined);\n\n  onPopIn() {\n    this.detailsActive.set(true);\n    this.#cd.detectChanges();\n  }\n\n  ngAfterViewInit() {\n    if (!this.masterPane() || !this.detailsPane()) {\n      console.error('MasterDetailsComponent is supposed to contain a master and a details pane.');\n    }\n  }\n}\n","@if (!smallScreenLayout()) {\n  <yuv-split-view [disabled]=\"!layoutOptions.resizable\" [gutterSize]=\"gutterSize() || 1\" [layoutSettingsID]=\"layoutSettingsID()\">\n    <ng-template yuvSplitArea [size]=\"layoutOptions.masterSize\" [minSize]=\"layoutOptions.masterMinSize\">\n      <div class=\"yuv-md-panel master\" [ngStyle]=\"panelStyle()\">\n        <ng-container *ngTemplateOutlet=\"masterPane()\"></ng-container>\n      </div>\n    </ng-template>\n    <ng-template yuvSplitArea [size]=\"layoutOptions.detailsSize\" [minSize]=\"layoutOptions.detailsMinSize\" [visible]=\"detailsActive()\">\n      <div class=\"yuv-md-panel details\" [ngStyle]=\"panelStyle()\">\n        @if (undockableDetails()) {\n          <yuv-popout (popIn)=\"onPopIn()\" (popOut)=\"detailsActive.set(false)\"><ng-container *ngTemplateOutlet=\"tplDetailsPanel\"></ng-container></yuv-popout>\n        } @else {\n          <ng-container *ngTemplateOutlet=\"tplDetailsPanel\"></ng-container>\n        }\n      </div>\n    </ng-template>\n  </yuv-split-view>\n} @else {\n  <div class=\"yuvMasterPane\"><ng-container *ngTemplateOutlet=\"masterPane()\"></ng-container></div>\n}\n\n<ng-template #tplDetailsPanel>\n  <ng-container *ngTemplateOutlet=\"detailsPane()\"></ng-container>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { YuvMasterDetailsComponent } from './master-details.component';\n\nconst cmd = [YuvMasterDetailsComponent];\n@NgModule({\n  imports: [cmd],\n  exports: [cmd]\n})\nexport class YuvMasterDetailsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/yuuvis-client-components-overflow-hidden.mjs

@@ -77,10 +77,10 @@ class OverflowHiddenComponent {
         if (this.#contentObserver)
             this.#contentObserver.disconnect();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: OverflowHiddenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: OverflowHiddenComponent, isStandalone: true, selector: "yuv-overflow-hidden", host: { properties: { "class.overflowing": "overflow()" } }, queries: [{ propertyName: "defaultSlot", first: true, predicate: ["yuvDefaultSlot"], descendants: true, isSignal: true }, { propertyName: "overflowSlot", first: true, predicate: ["yuvOverflowSlot"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"default\">\n  <ng-container *ngTemplateOutlet=\"defaultSlot()\"></ng-container>\n</div>\n@let os = overflowSlot();\n@if (os) {\n  <div class=\"overflow\">\n    <ng-container *ngTemplateOutlet=\"os\"></ng-container>\n  </div>\n}\n", styles: [":host{display:grid;grid-template-columns:auto;grid-template-rows:auto;align-items:center;overflow:hidden}:host.overflowing .default{opacity:0;z-index:0}:host.overflowing .overflow{opacity:1;z-index:1}:host .default,:host .overflow{grid-column:1;grid-row:1;z-index:1}:host .overflow{opacity:0;z-index:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: OverflowHiddenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: OverflowHiddenComponent, isStandalone: true, selector: "yuv-overflow-hidden", host: { properties: { "class.overflowing": "overflow()" } }, queries: [{ propertyName: "defaultSlot", first: true, predicate: ["yuvDefaultSlot"], descendants: true, isSignal: true }, { propertyName: "overflowSlot", first: true, predicate: ["yuvOverflowSlot"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"default\">\n  <ng-container *ngTemplateOutlet=\"defaultSlot()\"></ng-container>\n</div>\n@let os = overflowSlot();\n@if (os) {\n  <div class=\"overflow\">\n    <ng-container *ngTemplateOutlet=\"os\"></ng-container>\n  </div>\n}\n", styles: [":host{display:grid;grid-template-columns:auto;grid-template-rows:auto;align-items:center;overflow:hidden}:host.overflowing .default{opacity:0;z-index:0}:host.overflowing .overflow{opacity:1;z-index:1}:host .default,:host .overflow{grid-column:1;grid-row:1;z-index:1}:host .overflow{opacity:0;z-index:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: OverflowHiddenComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: OverflowHiddenComponent, decorators: [{
             type: Component,
             args: [{ selector: 'yuv-overflow-hidden', imports: [CommonModule], host: {
                         '[class.overflowing]': 'overflow()'
@@ -89,11 +89,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 
 const cmp = [OverflowHiddenComponent];
 class YuvOverflowHiddenModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: YuvOverflowHiddenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: YuvOverflowHiddenModule, imports: [OverflowHiddenComponent], exports: [OverflowHiddenComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: YuvOverflowHiddenModule, imports: [cmp] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: YuvOverflowHiddenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.12", ngImport: i0, type: YuvOverflowHiddenModule, imports: [OverflowHiddenComponent], exports: [OverflowHiddenComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: YuvOverflowHiddenModule, imports: [cmp] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: YuvOverflowHiddenModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: YuvOverflowHiddenModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: cmp,

package/fesm2022/yuuvis-client-components-overflow-hidden.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"yuuvis-client-components-overflow-hidden.mjs","sources":["../../../../../libs/yuuvis/client-components/overflow-hidden/src/lib/overflow-hidden.component.ts","../../../../../libs/yuuvis/client-components/overflow-hidden/src/lib/overflow-hidden.component.html","../../../../../libs/yuuvis/client-components/overflow-hidden/src/lib/overflow-hidden.module.ts","../../../../../libs/yuuvis/client-components/overflow-hidden/src/yuuvis-client-components-overflow-hidden.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { AfterViewInit, Component, contentChild, ElementRef, inject, OnDestroy, signal, TemplateRef } from '@angular/core';\n\n/**\n * A layout component that switches rendered content based on available space.\n *\n * @remarks\n * When there is sufficient space, the `yuvDefaultSlot` content is displayed.\n * Once the default content would overflow its container, it is hidden and the\n * optional `yuvOverflowSlot` content is shown in its place. If no overflow slot\n * is provided, the component simply disappears to free up space for surrounding\n * components.\n *\n * This can also be used to remove certain elements on small screens, making layouts more adaptive.\n *\n * Overflow detection uses an\n * {@link https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver | IntersectionObserver}\n * that watches whether the default slot is fully visible within the host element.\n * The host element receives the CSS class `overflowing` while content is hidden.\n *\n * @example\n * ```html\n * <yuv-overflow-hidden>\n *   <ng-template #yuvDefaultSlot>\n *     <my-full-component />\n *   </ng-template>\n *   <!-- optional: shown instead of the default slot when space is insufficient -->\n *   <ng-template #yuvOverflowSlot>\n *     <my-compact-component />\n *   </ng-template>\n * </yuv-overflow-hidden>\n * ```\n */\n@Component({\n  selector: 'yuv-overflow-hidden',\n  imports: [CommonModule],\n  templateUrl: './overflow-hidden.component.html',\n  styleUrl: './overflow-hidden.component.scss',\n  host: {\n    '[class.overflowing]': 'overflow()'\n  }\n})\nexport class OverflowHiddenComponent implements AfterViewInit, OnDestroy {\n  #elRef = inject(ElementRef);\n\n  /**\n   * Required content template rendered when there is sufficient space.\n   *\n   * @remarks\n   * Declare the template with the variable `#yuvDefaultSlot` inside the component's\n   * content projection area.\n   */\n  defaultSlot = contentChild.required<TemplateRef<any>>('yuvDefaultSlot');\n\n  /**\n   * Optional content template rendered when the default slot overflows.\n   *\n   * @remarks\n   * Declare the template with the variable `#yuvOverflowSlot` inside the component's\n   * content projection area. When omitted, the component becomes invisible once its\n   * default content no longer fits.\n   */\n  overflowSlot = contentChild<TemplateRef<any>>('yuvOverflowSlot');\n\n  #contentObserver?: IntersectionObserver;\n\n  /**\n   * Reactive signal indicating whether the default slot content is currently overflowing.\n   *\n   * `true` when the default content no longer fits within the host element and is hidden;\n   * `false` when the default content is fully visible.\n   */\n  overflow = signal<boolean>(false);\n\n  #initObserver() {\n    this.#contentObserver = new IntersectionObserver(\n      (entries) => {\n        const overflowContainer = entries[0];\n        this.overflow.set(overflowContainer.intersectionRatio < 1);\n      },\n      {\n        threshold: [1],\n        root: this.#elRef.nativeElement\n      }\n    );\n  }\n\n  ngAfterViewInit(): void {\n    this.#initObserver();\n    this.#contentObserver?.observe(this.#elRef.nativeElement.querySelector('.default'));\n  }\n\n  ngOnDestroy(): void {\n    if (this.#contentObserver) this.#contentObserver.disconnect();\n  }\n}\n","<div class=\"default\">\n  <ng-container *ngTemplateOutlet=\"defaultSlot()\"></ng-container>\n</div>\n@let os = overflowSlot();\n@if (os) {\n  <div class=\"overflow\">\n    <ng-container *ngTemplateOutlet=\"os\"></ng-container>\n  </div>\n}\n","import { NgModule } from '@angular/core';\n\nimport { OverflowHiddenComponent } from './overflow-hidden.component';\n\nconst cmp = [OverflowHiddenComponent];\n@NgModule({\n  imports: cmp,\n  exports: cmp\n})\nexport class YuvOverflowHiddenModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"yuuvis-client-components-overflow-hidden.mjs","sources":["../../../../../libs/yuuvis/client-components/overflow-hidden/src/lib/overflow-hidden.component.ts","../../../../../libs/yuuvis/client-components/overflow-hidden/src/lib/overflow-hidden.component.html","../../../../../libs/yuuvis/client-components/overflow-hidden/src/lib/overflow-hidden.module.ts","../../../../../libs/yuuvis/client-components/overflow-hidden/src/yuuvis-client-components-overflow-hidden.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { AfterViewInit, Component, contentChild, ElementRef, inject, OnDestroy, signal, TemplateRef } from '@angular/core';\n\n/**\n * A layout component that switches rendered content based on available space.\n *\n * @remarks\n * When there is sufficient space, the `yuvDefaultSlot` content is displayed.\n * Once the default content would overflow its container, it is hidden and the\n * optional `yuvOverflowSlot` content is shown in its place. If no overflow slot\n * is provided, the component simply disappears to free up space for surrounding\n * components.\n *\n * This can also be used to remove certain elements on small screens, making layouts more adaptive.\n *\n * Overflow detection uses an\n * {@link https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver | IntersectionObserver}\n * that watches whether the default slot is fully visible within the host element.\n * The host element receives the CSS class `overflowing` while content is hidden.\n *\n * @example\n * ```html\n * <yuv-overflow-hidden>\n *   <ng-template #yuvDefaultSlot>\n *     <my-full-component />\n *   </ng-template>\n *   <!-- optional: shown instead of the default slot when space is insufficient -->\n *   <ng-template #yuvOverflowSlot>\n *     <my-compact-component />\n *   </ng-template>\n * </yuv-overflow-hidden>\n * ```\n */\n@Component({\n  selector: 'yuv-overflow-hidden',\n  imports: [CommonModule],\n  templateUrl: './overflow-hidden.component.html',\n  styleUrl: './overflow-hidden.component.scss',\n  host: {\n    '[class.overflowing]': 'overflow()'\n  }\n})\nexport class OverflowHiddenComponent implements AfterViewInit, OnDestroy {\n  #elRef = inject(ElementRef);\n\n  /**\n   * Required content template rendered when there is sufficient space.\n   *\n   * @remarks\n   * Declare the template with the variable `#yuvDefaultSlot` inside the component's\n   * content projection area.\n   */\n  defaultSlot = contentChild.required<TemplateRef<any>>('yuvDefaultSlot');\n\n  /**\n   * Optional content template rendered when the default slot overflows.\n   *\n   * @remarks\n   * Declare the template with the variable `#yuvOverflowSlot` inside the component's\n   * content projection area. When omitted, the component becomes invisible once its\n   * default content no longer fits.\n   */\n  overflowSlot = contentChild<TemplateRef<any>>('yuvOverflowSlot');\n\n  #contentObserver?: IntersectionObserver;\n\n  /**\n   * Reactive signal indicating whether the default slot content is currently overflowing.\n   *\n   * `true` when the default content no longer fits within the host element and is hidden;\n   * `false` when the default content is fully visible.\n   */\n  overflow = signal<boolean>(false);\n\n  #initObserver() {\n    this.#contentObserver = new IntersectionObserver(\n      (entries) => {\n        const overflowContainer = entries[0];\n        this.overflow.set(overflowContainer.intersectionRatio < 1);\n      },\n      {\n        threshold: [1],\n        root: this.#elRef.nativeElement\n      }\n    );\n  }\n\n  ngAfterViewInit(): void {\n    this.#initObserver();\n    this.#contentObserver?.observe(this.#elRef.nativeElement.querySelector('.default'));\n  }\n\n  ngOnDestroy(): void {\n    if (this.#contentObserver) this.#contentObserver.disconnect();\n  }\n}\n","<div class=\"default\">\n  <ng-container *ngTemplateOutlet=\"defaultSlot()\"></ng-container>\n</div>\n@let os = overflowSlot();\n@if (os) {\n  <div class=\"overflow\">\n    <ng-container *ngTemplateOutlet=\"os\"></ng-container>\n  </div>\n}\n","import { NgModule } from '@angular/core';\n\nimport { OverflowHiddenComponent } from './overflow-hidden.component';\n\nconst cmp = [OverflowHiddenComponent];\n@NgModule({\n  imports: cmp,\n  exports: cmp\n})\nexport class YuvOverflowHiddenModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/yuuvis-client-components-overflow-menu.mjs

@@ -140,10 +140,10 @@ class OverflowMenuComponent {
         if (this.#itemObserver.observer)
             this.#itemObserver.observer.disconnect();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: OverflowMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: OverflowMenuComponent, isStandalone: true, selector: "yuv-overflow-menu", inputs: { overflowIcon: { classPropertyName: "overflowIcon", publicName: "overflowIcon", isSignal: true, isRequired: false, transformFunction: null }, groupLabels: { classPropertyName: "groupLabels", publicName: "groupLabels", isSignal: true, isRequired: false, transformFunction: null }, menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.vertical": "vertical()" } }, ngImport: i0, template: "<div class=\"overflow-wrapper\">\n  @for (group of __menuGroups(); track group.id) {\n    <section>\n      @for (item of group.items; track item.id) {\n        <button\n          mat-icon-button\n          class=\"menu-item\"\n          [disabled]=\"item.disabled\"\n          [ngClass]=\"{ active: item.active }\"\n          [matTooltip]=\"item.label\"\n          [matTooltipPosition]=\"vertical() ? 'after' : 'below'\"\n          [attr.data-item-id]=\"item.id\"\n          (click)=\"item.callback(item)\"\n        >\n          @if (item.svgIcon) {\n            <mat-icon [svgIcon]=\"item.svgIcon\"></mat-icon>\n          } @else {\n            <mat-icon>{{ item.icon }}</mat-icon>\n          }\n        </button>\n      }\n    </section>\n  }\n</div>\n\n<button class=\"overflow-trigger\" inert=\"true\" mat-icon-button [matMenuTriggerFor]=\"menu\">\n  <mat-icon>{{ overflowIcon() }}</mat-icon>\n</button>\n<mat-menu #menu=\"matMenu\">\n  @let gl = groupLabels();\n  @for (g of overflowGroups(); track g.id) {\n    @if (gl && gl[g.id]) {\n      <div class=\"group\">{{ gl[g.id] }}</div>\n    }\n    @for (item of g.items; track item.id) {\n      <div class=\"menu-item\" mat-menu-item [disabled]=\"item.disabled\" [ngStyle]=\"item.active ? activeStyles : {}\" (click)=\"item.callback(item)\">\n        @if (item.svgIcon) {\n          <mat-icon [svgIcon]=\"item.svgIcon\"></mat-icon>\n        } @else {\n          <mat-icon>{{ item.icon }}</mat-icon>\n        }\n        <span> {{ item.label }} </span>\n      </div>\n    }\n  }\n</mat-menu>\n", styles: [":host{--menu-group-divider-color: var(--ymt-outline-variant);--menu-item-gap: 2px;--menu-item-padding: var(--ymt-spacing-xs);--menu-item-icon-size: 24px;--menu-item-overflow-padding: var(--menu-item-padding);--menu-item-overflow-icon-size: var(--menu-item-icon-size);--menu-item-max-label-width: 20ch;--menu-item-flow: row;--menu-active-background: var(--ymt-primary-container);--menu-on-active: var(--ymt-on-primary-container);overflow:hidden;display:flex;align-items:center;flex-wrap:nowrap}:host.vertical{height:100%;flex-direction:column}:host.vertical .overflow-wrapper>section{flex-direction:column}:host.noLabel .menu-item span{display:none}:host .overflow-wrapper{overflow:hidden;display:flex}:host .overflow-wrapper>section{display:flex;gap:var(--menu-item-gap)}:host .overflow-wrapper>section:not(:first-child){border-inline-start:1px solid var(--menu-group-divider-color);padding-inline-start:var(--ymt-spacing-xs)}:host .menu-item{display:flex;align-items:center;border-radius:var(--ymt-corner-s)}:host .menu-item:after{content:\"\";height:var(--ymt-sizing-3xs);width:var(--ymt-sizing-xs);border-radius:var(--ymt-corner-full);position:absolute;left:50%;bottom:0;transform:translate3d(-50%,0,0);background-color:transparent;transition:background-color .1s ease-in-out}:host .menu-item.active:after{background-color:var(--menu-active-background);background-color:var(--ymt-primary);color:var(--menu-on-active)}:host .menu-item[inert=true]{opacity:0}:host .overflow-trigger{opacity:0;display:none}:host .overflow-trigger:not([inert=true]){opacity:1;display:inline}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: OverflowMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: OverflowMenuComponent, isStandalone: true, selector: "yuv-overflow-menu", inputs: { overflowIcon: { classPropertyName: "overflowIcon", publicName: "overflowIcon", isSignal: true, isRequired: false, transformFunction: null }, groupLabels: { classPropertyName: "groupLabels", publicName: "groupLabels", isSignal: true, isRequired: false, transformFunction: null }, menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.vertical": "vertical()" } }, ngImport: i0, template: "<div class=\"overflow-wrapper\">\n  @for (group of __menuGroups(); track group.id) {\n    <section>\n      @for (item of group.items; track item.id) {\n        <button\n          mat-icon-button\n          class=\"menu-item\"\n          [disabled]=\"item.disabled\"\n          [ngClass]=\"{ active: item.active }\"\n          [matTooltip]=\"item.label\"\n          [matTooltipPosition]=\"vertical() ? 'after' : 'below'\"\n          [attr.data-item-id]=\"item.id\"\n          (click)=\"item.callback(item)\"\n        >\n          @if (item.svgIcon) {\n            <mat-icon [svgIcon]=\"item.svgIcon\"></mat-icon>\n          } @else {\n            <mat-icon>{{ item.icon }}</mat-icon>\n          }\n        </button>\n      }\n    </section>\n  }\n</div>\n\n<button class=\"overflow-trigger\" inert=\"true\" mat-icon-button [matMenuTriggerFor]=\"menu\">\n  <mat-icon>{{ overflowIcon() }}</mat-icon>\n</button>\n<mat-menu #menu=\"matMenu\">\n  @let gl = groupLabels();\n  @for (g of overflowGroups(); track g.id) {\n    @if (gl && gl[g.id]) {\n      <div class=\"group\">{{ gl[g.id] }}</div>\n    }\n    @for (item of g.items; track item.id) {\n      <div class=\"menu-item\" mat-menu-item [disabled]=\"item.disabled\" [ngStyle]=\"item.active ? activeStyles : {}\" (click)=\"item.callback(item)\">\n        @if (item.svgIcon) {\n          <mat-icon [svgIcon]=\"item.svgIcon\"></mat-icon>\n        } @else {\n          <mat-icon>{{ item.icon }}</mat-icon>\n        }\n        <span> {{ item.label }} </span>\n      </div>\n    }\n  }\n</mat-menu>\n", styles: [":host{--menu-group-divider-color: var(--ymt-outline-variant);--menu-item-gap: 2px;--menu-item-padding: var(--ymt-spacing-xs);--menu-item-icon-size: 24px;--menu-item-overflow-padding: var(--menu-item-padding);--menu-item-overflow-icon-size: var(--menu-item-icon-size);--menu-item-max-label-width: 20ch;--menu-item-flow: row;--menu-active-background: var(--ymt-primary-container);--menu-on-active: var(--ymt-on-primary-container);overflow:hidden;display:flex;align-items:center;flex-wrap:nowrap}:host.vertical{height:100%;flex-direction:column}:host.vertical .overflow-wrapper>section{flex-direction:column}:host.noLabel .menu-item span{display:none}:host .overflow-wrapper{overflow:hidden;display:flex}:host .overflow-wrapper>section{display:flex;gap:var(--menu-item-gap)}:host .overflow-wrapper>section:not(:first-child){border-inline-start:1px solid var(--menu-group-divider-color);padding-inline-start:var(--ymt-spacing-xs)}:host .menu-item{display:flex;align-items:center;border-radius:var(--ymt-corner-s)}:host .menu-item:after{content:\"\";height:var(--ymt-sizing-3xs);width:var(--ymt-sizing-xs);border-radius:var(--ymt-corner-full);position:absolute;left:50%;bottom:0;transform:translate3d(-50%,0,0);background-color:transparent;transition:background-color .1s ease-in-out}:host .menu-item.active:after{background-color:var(--menu-active-background);background-color:var(--ymt-primary);color:var(--menu-on-active)}:host .menu-item[inert=true]{opacity:0}:host .overflow-trigger{opacity:0;display:none}:host .overflow-trigger:not([inert=true]){opacity:1;display:inline}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: OverflowMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: OverflowMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'yuv-overflow-menu', imports: [CommonModule, MatButtonModule, MatMenuModule, MatIconModule, MatTooltipModule], host: {
                         '[class.vertical]': 'vertical()'
@@ -151,11 +151,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         }], propDecorators: { overflowIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowIcon", required: false }] }], groupLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupLabels", required: false }] }], menuItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuItems", required: false }] }], vertical: [{ type: i0.Input, args: [{ isSignal: true, alias: "vertical", required: false }] }] } });
 
 class YuvOverflowMenuModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: YuvOverflowMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: YuvOverflowMenuModule, imports: [OverflowMenuComponent], exports: [OverflowMenuComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: YuvOverflowMenuModule, imports: [OverflowMenuComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: YuvOverflowMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.12", ngImport: i0, type: YuvOverflowMenuModule, imports: [OverflowMenuComponent], exports: [OverflowMenuComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: YuvOverflowMenuModule, imports: [OverflowMenuComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: YuvOverflowMenuModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: YuvOverflowMenuModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [OverflowMenuComponent],

package/fesm2022/yuuvis-client-components-overflow-menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"yuuvis-client-components-overflow-menu.mjs","sources":["../../../../../libs/yuuvis/client-components/overflow-menu/src/lib/overflow-menu.component.ts","../../../../../libs/yuuvis/client-components/overflow-menu/src/lib/overflow-menu.component.html","../../../../../libs/yuuvis/client-components/overflow-menu/src/lib/overflow-menu.module.ts","../../../../../libs/yuuvis/client-components/overflow-menu/src/yuuvis-client-components-overflow-menu.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n  AfterViewInit,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  OnDestroy,\n  signal\n} from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { OverflowMenuItem } from './overflow-menu.interface';\n\ntype __MenuItem = OverflowMenuItem & { overflow: boolean };\ninterface MenuGroup {\n  id: string;\n  items: __MenuItem[];\n}\n\n/**\n * A responsive toolbar component that automatically moves items that no longer\n * fit into the available horizontal (or vertical) space into an overflow menu.\n *\n * Items are rendered as icon buttons with a tooltip. When items overflow, they\n * collapse into a `MatMenu` triggered by the overflow icon button. Items that\n * share the same `group` value on {@link OverflowMenuItem} are rendered in\n * labeled sections both in the toolbar and in the overflow menu.\n *\n * @example\n * ```html\n * <yuv-overflow-menu\n *   [menuItems]=\"actions\"\n *   [groupLabels]=\"{ edit: 'Edit', view: 'View' }\"\n * />\n * ```\n *\n * @selector `yuv-overflow-menu`\n */\n@Component({\n  selector: 'yuv-overflow-menu',\n  imports: [CommonModule, MatButtonModule, MatMenuModule, MatIconModule, MatTooltipModule],\n  templateUrl: './overflow-menu.component.html',\n  styleUrl: './overflow-menu.component.scss',\n  host: {\n    '[class.vertical]': 'vertical()'\n  }\n})\nexport class OverflowMenuComponent implements AfterViewInit, OnDestroy {\n  #elRef = inject(ElementRef);\n\n  /**\n   * Material icon ligature used for the overflow trigger button.\n   * Defaults to `'more_horiz'` (three horizontal dots).\n   */\n  overflowIcon = input<string>('more_horiz');\n\n  /**\n   * Optional display labels for item groups shown in the overflow menu.\n   * The key must match the `group` property of the corresponding\n   * {@link OverflowMenuItem} entries.\n   *\n   * @example\n   * ```ts\n   * { edit: 'Edit actions', view: 'View options' }\n   * ```\n   */\n  groupLabels = input<Record<string, string>>();\n\n  /**\n   * The list of items to render in the toolbar.\n   * Items are displayed as icon buttons and overflow into a `MatMenu`\n   * when they no longer fit the available space.\n   */\n  menuItems = input<OverflowMenuItem[]>([]);\n  #menuItemsEffect = effect(() => {\n    this.#observe(this.menuItems());\n  });\n\n  /**\n   * When `true` the toolbar is laid out vertically and tooltips appear\n   * to the right of each button instead of below.\n   * The host element receives the CSS class `vertical` to allow style overrides.\n   * Defaults to `false`.\n   */\n  vertical = input<boolean>(false);\n\n  __menuGroups = computed<MenuGroup[]>(() => this.#groupItems(this.__menuItems()));\n\n  private __menuItems = computed<__MenuItem[]>(() => {\n    return this.menuItems().map((i) => ({ ...i, overflow: false }));\n  });\n\n  overflowGroups = signal<MenuGroup[]>([]);\n\n  #itemObserver: {\n    observer: IntersectionObserver | undefined;\n    observedElements: Element[];\n  } = {\n    observer: undefined,\n    observedElements: []\n  };\n\n  activeStyles = {};\n\n  #initObservers() {\n    // observe tab navigation elements to show navigation controls (arrow buttons) once\n    // the first or the last tab is not visible anymore\n    this.#itemObserver.observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((e, i) => {\n          const id = e.target.getAttribute('data-item-id');\n          const _i: __MenuItem | undefined = this.__menuItems().find((mi) => id === mi.id);\n          if (_i) _i.overflow = !e.isIntersecting;\n          const overflowTrigger = (this.#elRef.nativeElement as HTMLElement).querySelector('button.overflow-trigger');\n\n          if (overflowTrigger) {\n            !this.__menuItems().find((i) => i.overflow)\n              ? overflowTrigger.setAttribute('inert', 'true')\n              : overflowTrigger.removeAttribute('inert');\n          }\n          const intersecting = !e.isIntersecting;\n          if (intersecting) e.target.setAttribute('inert', 'true');\n          else e.target.removeAttribute('inert');\n        });\n\n        this.overflowGroups.set(this.#groupItems(this.__menuItems().filter((i) => i.overflow)));\n      },\n      {\n        threshold: 1,\n        root: this.#elRef.nativeElement.querySelector('.overflow-wrapper')\n      }\n    );\n  }\n\n  #observe(items: OverflowMenuItem[]) {\n    setTimeout(() => {\n      if (this.#itemObserver.observer) {\n        // cleanup existing observed elements\n        this.#itemObserver.observedElements.forEach((e) => this.#itemObserver.observer!.unobserve(e));\n        this.#itemObserver.observedElements = [];\n\n        if (items.length > 0) {\n          this.#itemObserver.observedElements = this.#elRef.nativeElement.querySelectorAll('.menu-item');\n          this.#itemObserver.observedElements.forEach((e) => this.#itemObserver.observer!.observe(e));\n        }\n      }\n    });\n  }\n\n  #groupItems(items: OverflowMenuItem[]): MenuGroup[] {\n    const g = this.#groupBy(items, 'group');\n    return Object.keys(g).map((id) => ({\n      id,\n      items: g[id]\n    }));\n  }\n\n  #groupBy(arr: any[], key: string): Record<string, any> {\n    return arr.reduce((rv, x) => {\n      (rv[x[key]] = rv[x[key]] || []).push(x);\n      return rv;\n    }, {});\n  }\n\n  ngAfterViewInit(): void {\n    this.#initObservers();\n    // get active styles\n    const style = window.getComputedStyle(this.#elRef.nativeElement);\n    this.activeStyles = {\n      'background-color': style.getPropertyValue('--menu-active-background'),\n      color: style.getPropertyValue('--menu-on-active')\n    };\n  }\n\n  ngOnDestroy(): void {\n    if (this.#itemObserver.observer) this.#itemObserver.observer.disconnect();\n  }\n}\n","<div class=\"overflow-wrapper\">\n  @for (group of __menuGroups(); track group.id) {\n    <section>\n      @for (item of group.items; track item.id) {\n        <button\n          mat-icon-button\n          class=\"menu-item\"\n          [disabled]=\"item.disabled\"\n          [ngClass]=\"{ active: item.active }\"\n          [matTooltip]=\"item.label\"\n          [matTooltipPosition]=\"vertical() ? 'after' : 'below'\"\n          [attr.data-item-id]=\"item.id\"\n          (click)=\"item.callback(item)\"\n        >\n          @if (item.svgIcon) {\n            <mat-icon [svgIcon]=\"item.svgIcon\"></mat-icon>\n          } @else {\n            <mat-icon>{{ item.icon }}</mat-icon>\n          }\n        </button>\n      }\n    </section>\n  }\n</div>\n\n<button class=\"overflow-trigger\" inert=\"true\" mat-icon-button [matMenuTriggerFor]=\"menu\">\n  <mat-icon>{{ overflowIcon() }}</mat-icon>\n</button>\n<mat-menu #menu=\"matMenu\">\n  @let gl = groupLabels();\n  @for (g of overflowGroups(); track g.id) {\n    @if (gl && gl[g.id]) {\n      <div class=\"group\">{{ gl[g.id] }}</div>\n    }\n    @for (item of g.items; track item.id) {\n      <div class=\"menu-item\" mat-menu-item [disabled]=\"item.disabled\" [ngStyle]=\"item.active ? activeStyles : {}\" (click)=\"item.callback(item)\">\n        @if (item.svgIcon) {\n          <mat-icon [svgIcon]=\"item.svgIcon\"></mat-icon>\n        } @else {\n          <mat-icon>{{ item.icon }}</mat-icon>\n        }\n        <span> {{ item.label }} </span>\n      </div>\n    }\n  }\n</mat-menu>\n","import { NgModule } from '@angular/core';\nimport { OverflowMenuComponent } from './overflow-menu.component';\n\n@NgModule({\n  imports: [OverflowMenuComponent],\n  exports: [OverflowMenuComponent]\n})\nexport class YuvOverflowMenuModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"yuuvis-client-components-overflow-menu.mjs","sources":["../../../../../libs/yuuvis/client-components/overflow-menu/src/lib/overflow-menu.component.ts","../../../../../libs/yuuvis/client-components/overflow-menu/src/lib/overflow-menu.component.html","../../../../../libs/yuuvis/client-components/overflow-menu/src/lib/overflow-menu.module.ts","../../../../../libs/yuuvis/client-components/overflow-menu/src/yuuvis-client-components-overflow-menu.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n  AfterViewInit,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  OnDestroy,\n  signal\n} from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { OverflowMenuItem } from './overflow-menu.interface';\n\ntype __MenuItem = OverflowMenuItem & { overflow: boolean };\ninterface MenuGroup {\n  id: string;\n  items: __MenuItem[];\n}\n\n/**\n * A responsive toolbar component that automatically moves items that no longer\n * fit into the available horizontal (or vertical) space into an overflow menu.\n *\n * Items are rendered as icon buttons with a tooltip. When items overflow, they\n * collapse into a `MatMenu` triggered by the overflow icon button. Items that\n * share the same `group` value on {@link OverflowMenuItem} are rendered in\n * labeled sections both in the toolbar and in the overflow menu.\n *\n * @example\n * ```html\n * <yuv-overflow-menu\n *   [menuItems]=\"actions\"\n *   [groupLabels]=\"{ edit: 'Edit', view: 'View' }\"\n * />\n * ```\n *\n * @selector `yuv-overflow-menu`\n */\n@Component({\n  selector: 'yuv-overflow-menu',\n  imports: [CommonModule, MatButtonModule, MatMenuModule, MatIconModule, MatTooltipModule],\n  templateUrl: './overflow-menu.component.html',\n  styleUrl: './overflow-menu.component.scss',\n  host: {\n    '[class.vertical]': 'vertical()'\n  }\n})\nexport class OverflowMenuComponent implements AfterViewInit, OnDestroy {\n  #elRef = inject(ElementRef);\n\n  /**\n   * Material icon ligature used for the overflow trigger button.\n   * Defaults to `'more_horiz'` (three horizontal dots).\n   */\n  overflowIcon = input<string>('more_horiz');\n\n  /**\n   * Optional display labels for item groups shown in the overflow menu.\n   * The key must match the `group` property of the corresponding\n   * {@link OverflowMenuItem} entries.\n   *\n   * @example\n   * ```ts\n   * { edit: 'Edit actions', view: 'View options' }\n   * ```\n   */\n  groupLabels = input<Record<string, string>>();\n\n  /**\n   * The list of items to render in the toolbar.\n   * Items are displayed as icon buttons and overflow into a `MatMenu`\n   * when they no longer fit the available space.\n   */\n  menuItems = input<OverflowMenuItem[]>([]);\n  #menuItemsEffect = effect(() => {\n    this.#observe(this.menuItems());\n  });\n\n  /**\n   * When `true` the toolbar is laid out vertically and tooltips appear\n   * to the right of each button instead of below.\n   * The host element receives the CSS class `vertical` to allow style overrides.\n   * Defaults to `false`.\n   */\n  vertical = input<boolean>(false);\n\n  __menuGroups = computed<MenuGroup[]>(() => this.#groupItems(this.__menuItems()));\n\n  private __menuItems = computed<__MenuItem[]>(() => {\n    return this.menuItems().map((i) => ({ ...i, overflow: false }));\n  });\n\n  overflowGroups = signal<MenuGroup[]>([]);\n\n  #itemObserver: {\n    observer: IntersectionObserver | undefined;\n    observedElements: Element[];\n  } = {\n    observer: undefined,\n    observedElements: []\n  };\n\n  activeStyles = {};\n\n  #initObservers() {\n    // observe tab navigation elements to show navigation controls (arrow buttons) once\n    // the first or the last tab is not visible anymore\n    this.#itemObserver.observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((e, i) => {\n          const id = e.target.getAttribute('data-item-id');\n          const _i: __MenuItem | undefined = this.__menuItems().find((mi) => id === mi.id);\n          if (_i) _i.overflow = !e.isIntersecting;\n          const overflowTrigger = (this.#elRef.nativeElement as HTMLElement).querySelector('button.overflow-trigger');\n\n          if (overflowTrigger) {\n            !this.__menuItems().find((i) => i.overflow)\n              ? overflowTrigger.setAttribute('inert', 'true')\n              : overflowTrigger.removeAttribute('inert');\n          }\n          const intersecting = !e.isIntersecting;\n          if (intersecting) e.target.setAttribute('inert', 'true');\n          else e.target.removeAttribute('inert');\n        });\n\n        this.overflowGroups.set(this.#groupItems(this.__menuItems().filter((i) => i.overflow)));\n      },\n      {\n        threshold: 1,\n        root: this.#elRef.nativeElement.querySelector('.overflow-wrapper')\n      }\n    );\n  }\n\n  #observe(items: OverflowMenuItem[]) {\n    setTimeout(() => {\n      if (this.#itemObserver.observer) {\n        // cleanup existing observed elements\n        this.#itemObserver.observedElements.forEach((e) => this.#itemObserver.observer!.unobserve(e));\n        this.#itemObserver.observedElements = [];\n\n        if (items.length > 0) {\n          this.#itemObserver.observedElements = this.#elRef.nativeElement.querySelectorAll('.menu-item');\n          this.#itemObserver.observedElements.forEach((e) => this.#itemObserver.observer!.observe(e));\n        }\n      }\n    });\n  }\n\n  #groupItems(items: OverflowMenuItem[]): MenuGroup[] {\n    const g = this.#groupBy(items, 'group');\n    return Object.keys(g).map((id) => ({\n      id,\n      items: g[id]\n    }));\n  }\n\n  #groupBy(arr: any[], key: string): Record<string, any> {\n    return arr.reduce((rv, x) => {\n      (rv[x[key]] = rv[x[key]] || []).push(x);\n      return rv;\n    }, {});\n  }\n\n  ngAfterViewInit(): void {\n    this.#initObservers();\n    // get active styles\n    const style = window.getComputedStyle(this.#elRef.nativeElement);\n    this.activeStyles = {\n      'background-color': style.getPropertyValue('--menu-active-background'),\n      color: style.getPropertyValue('--menu-on-active')\n    };\n  }\n\n  ngOnDestroy(): void {\n    if (this.#itemObserver.observer) this.#itemObserver.observer.disconnect();\n  }\n}\n","<div class=\"overflow-wrapper\">\n  @for (group of __menuGroups(); track group.id) {\n    <section>\n      @for (item of group.items; track item.id) {\n        <button\n          mat-icon-button\n          class=\"menu-item\"\n          [disabled]=\"item.disabled\"\n          [ngClass]=\"{ active: item.active }\"\n          [matTooltip]=\"item.label\"\n          [matTooltipPosition]=\"vertical() ? 'after' : 'below'\"\n          [attr.data-item-id]=\"item.id\"\n          (click)=\"item.callback(item)\"\n        >\n          @if (item.svgIcon) {\n            <mat-icon [svgIcon]=\"item.svgIcon\"></mat-icon>\n          } @else {\n            <mat-icon>{{ item.icon }}</mat-icon>\n          }\n        </button>\n      }\n    </section>\n  }\n</div>\n\n<button class=\"overflow-trigger\" inert=\"true\" mat-icon-button [matMenuTriggerFor]=\"menu\">\n  <mat-icon>{{ overflowIcon() }}</mat-icon>\n</button>\n<mat-menu #menu=\"matMenu\">\n  @let gl = groupLabels();\n  @for (g of overflowGroups(); track g.id) {\n    @if (gl && gl[g.id]) {\n      <div class=\"group\">{{ gl[g.id] }}</div>\n    }\n    @for (item of g.items; track item.id) {\n      <div class=\"menu-item\" mat-menu-item [disabled]=\"item.disabled\" [ngStyle]=\"item.active ? activeStyles : {}\" (click)=\"item.callback(item)\">\n        @if (item.svgIcon) {\n          <mat-icon [svgIcon]=\"item.svgIcon\"></mat-icon>\n        } @else {\n          <mat-icon>{{ item.icon }}</mat-icon>\n        }\n        <span> {{ item.label }} </span>\n      </div>\n    }\n  }\n</mat-menu>\n","import { NgModule } from '@angular/core';\nimport { OverflowMenuComponent } from './overflow-menu.component';\n\n@NgModule({\n  imports: [OverflowMenuComponent],\n  exports: [OverflowMenuComponent]\n})\nexport class YuvOverflowMenuModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}