@malva-ui/core 0.1.12

package/esm2022/select/lib/select/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../../../../libs/core/select/src/lib/select/select.ts","../../../../../../../libs/core/select/src/lib/select/select.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  effect,\n  ElementRef,\n  forwardRef,\n  inject,\n  input,\n  model,\n  signal,\n  untracked,\n  ViewEncapsulation,\n  viewChild,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport type { ConnectedPosition } from '@angular/cdk/overlay';\nimport {\n  MlvPopup,\n  MlvPopupContent,\n  MlvPopupContainer,\n  MlvPopupPinnedContent,\n} from '@malva-ui/core/popup';\nimport type { MlvPopupMobileMode } from '@malva-ui/core/popup';\nimport type { MlvFormState, MlvFormControl } from '@malva-ui/core/form-utils';\nimport {\n  MlvDescription,\n  MlvFormControlWrapper,\n  MlvFormControlWrapperControl,\n  fromAriaValues,\n  MlvHint,\n  MlvLabel,\n  MLV_FORM_CONTROL,\n  MlvMessage,\n  MlvSelectionService,\n  toAriaValues,\n  MlvSignalFormControlBase,\n} from '@malva-ui/core/form-utils';\nimport {\n  MlvSelectItemTemplate,\n  MlvSelectSelectedTemplate,\n} from '../select-template.directives';\nimport { LucideChevronDown, LucideSearch } from '@lucide/angular';\nimport { MlvClick } from '@malva-ui/cdk/accessibility';\nimport { MlvResizeObserver } from '@malva-ui/cdk/utils';\nimport type { MlvDensity } from '@malva-ui/cdk/density';\nimport {\n  filteredOutCommitted,\n  filterOptions,\n  isReconciliationEmit,\n  MlvActiveDescendant,\n  MlvDropdownPanel,\n  MlvOptionsAdapter,\n  optionId,\n} from '@malva-ui/core/dropdown';\nimport type {\n  MlvOptionMatcher,\n  MlvOptionsInput,\n  MlvOptionsSearchFn,\n} from '@malva-ui/core/dropdown';\nimport type { MlvSelectOptionTransform } from '../select-option';\nimport { defaultOptionTransform } from '../select-option';\nimport { MlvButtonClose } from '@malva-ui/core/button';\nimport { MlvInput } from '@malva-ui/core/input';\nimport { MlvLoader } from '@malva-ui/core/loader';\nimport {\n  MLV_FORM_UTILS_I18N,\n  MLV_SELECT_I18N,\n  MlvI18nResolverService,\n} from '@malva-ui/i18n';\n\n/**\n * Visual/validation state of the select. Mirrors {@link MlvFormState}.\n */\nexport type MlvSelectState = MlvFormState;\n\n@Component({\n  selector: 'mlv-select',\n  imports: [\n    NgTemplateOutlet,\n    MlvPopup,\n    MlvPopupContent,\n    MlvPopupContainer,\n    MlvPopupPinnedContent,\n    MlvDescription,\n    MlvFormControlWrapper,\n    MlvHint,\n    MlvLabel,\n    MlvFormControlWrapperControl,\n    MlvMessage,\n    MlvClick,\n    LucideChevronDown,\n    MlvResizeObserver,\n    MlvDropdownPanel,\n    MlvButtonClose,\n    MlvInput,\n    MlvLoader,\n    LucideSearch,\n  ],\n  templateUrl: './select.html',\n  styleUrl: './select.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    MlvSelectionService,\n    {\n      provide: MLV_FORM_CONTROL,\n      useExisting: forwardRef(() => MlvSelect),\n    },\n  ],\n  host: {\n    class: 'mlv-select',\n    '[class]': '\"mlv-select--\" + resolvedState()',\n    '[class.mlv-select--disabled]': 'computedDisabled()',\n    '[class.mlv-select--open]': 'isOpen()',\n    '[class.mlv-select--loading]': '_awaitingValueLabel()',\n  },\n})\nexport class MlvSelect<T>\n  extends MlvSignalFormControlBase<T | T[] | null>\n  implements MlvFormControl\n{\n  /** The scalar, array, or null selection used by all Angular forms APIs. */\n  readonly value = model<T | T[] | null>(null);\n  /**\n   * Selectable options: a plain array, an observable of arrays, or an\n   * `MlvDataSource` (source-side search + lazy paging). Readonly arrays are\n   * accepted because options are never mutated.\n   */\n  readonly options = input<MlvOptionsInput<T>>([]);\n  /**\n   * Remote search used by the searchable dropdown:\n   * `(query) => T[] | Promise<T[]> | Observable<T[]>`. When set it supersedes\n   * {@link options} as the item source; the list is not filtered locally. Bind\n   * `[loading]` yourself for any spinner beyond the source-owned one.\n   */\n  readonly searchFn = input<MlvOptionsSearchFn<T> | null>(null);\n  /** Debounce (ms) for remote searches (`MlvDataSource` / {@link searchFn}). Local filtering stays instant. */\n  readonly searchDebounce = input<number>(200);\n  /** Enables multi-selection mode. */\n  readonly multiple = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n  /** Custom placeholder override. Falls back to the i18n-provided placeholder. */\n  readonly placeholder = input<string | undefined>(undefined);\n  readonly toOption = input<MlvSelectOptionTransform<T>>(\n    defaultOptionTransform as MlvSelectOptionTransform<T>,\n  );\n\n  /**\n   * Equality predicate used to match option values against the current\n   * selection and against values written through any forms binding. Defaults\n   * to reference equality. Provide e.g. `(a, b) => a.id === b.id` so a\n   * deserialised object value collapses onto its option instance (label and\n   * check-mark agree, and a value that arrives before its options resolves once\n   * they load).\n   */\n  readonly compareWith = input<(a: T, b: T) => boolean>((a, b) => a === b);\n\n  /**\n   * Renders a search field as the first row of the open dropdown. Local sources\n   * (array / observable) are filtered by label; remote sources (`MlvDataSource`\n   * / {@link searchFn}) search server-side through the shared adapter.\n   *\n   * While the searchable dropdown is open the combobox semantics move from the\n   * trigger onto the search input and navigation switches to the WAI-ARIA\n   * activedescendant model (DOM focus stays in the search field). A\n   * non-searchable select is untouched.\n   */\n  readonly searchable = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /** Placeholder of the in-dropdown search field. Falls back to the i18n default. */\n  readonly searchPlaceholder = input<string | undefined>(undefined);\n\n  /**\n   * Custom local-filter predicate (fuzzy / secondary-field matching). Threaded\n   * into the shared `filterOptions`, whose results are always ranked\n   * prefix-matches-first. Ignored for remote sources, which own their filtering.\n   */\n  readonly matcher = input<MlvOptionMatcher<T> | undefined>(undefined);\n\n  /**\n   * Controls whether the dropdown renders as a full-screen mobile sheet.\n   *\n   * Passed straight through to the underlying `mlv-popup`. Defaults to\n   * `'auto'` — the dropdown is full-screen below the `md` breakpoint\n   * (viewport < 768px) and trigger-anchored above it, matching the date/time\n   * pickers. Set to `'off'` to always anchor to the trigger, or `'fullscreen'`\n   * to always render the sheet (e.g. demos). Unlike `mlv-combobox` (whose\n   * search input lives outside the overlay panel), the select trigger is a plain\n   * button and its dropdown is the entire interaction surface, so full-screen\n   * mode composes cleanly.\n   */\n  readonly mobileMode = input<MlvPopupMobileMode>('auto');\n\n  /**\n   * Density applied to the dropdown's option list.\n   *\n   * The dropdown panel is portaled to the CDK overlay container, outside the\n   * component's DOM tree, so ancestor density classes cannot cascade into it.\n   * This input is forwarded to the underlying `mlv-popup`, which stamps the\n   * resolved `mlv--{density}` class on the detached panel. When omitted, the\n   * nearest ancestor `MLV_DENSITY_CONTEXT` (e.g. a `form[mlvForm]`) applies,\n   * then the global `MlvDensityService`.\n   */\n  readonly mlvDensity = input<MlvDensity | undefined>(undefined);\n\n  /**\n   * Optional visible heading rendered in the full-screen sheet's header bar.\n   * When omitted, falls back to the field's `label` (or, when unset, the\n   * resolved placeholder). Only shown while the dropdown is full-screen.\n   */\n  readonly mobileTitle = input<string | undefined>(undefined);\n\n  /**\n   * @protected Resolved full-screen sheet title: explicit `mobileTitle` input\n   * takes precedence over the field's label, then the resolved placeholder.\n   */\n  protected readonly _resolvedMobileTitle = computed(\n    () => this.mobileTitle() ?? (this.label() || this._resolvedPlaceholder()),\n  );\n\n  /** @protected The component's i18n strings signal. */\n  protected readonly _i18n = inject(MLV_SELECT_I18N);\n\n  protected readonly _formI18n = inject(MLV_FORM_UTILS_I18N);\n\n  /** @protected Resolved placeholder: explicit input takes precedence over i18n default. */\n  protected readonly _resolvedPlaceholder = computed(\n    () => this.placeholder() ?? this._i18n().placeholder,\n  );\n\n  // Override focused to also be true when the popup is open\n  override readonly focused = computed(() => this._focused() || this.isOpen());\n\n  /**\n   * @private Latches `true` the first time a **remote** source reports\n   * `ready()`, and never flips back. It gates {@link _adapter}'s `eager` flag\n   * off for good.\n   *\n   * Without the latch, a `searchFn` bound to an inline arrow — a fresh\n   * reference on every change detection run — re-arms the adapter's lazy gate\n   * on every pass; while `eager` is still `true` (a committed value the first\n   * response did not contain) each pass would fire another request, whose\n   * result triggers the next pass. The latch bounds that to exactly one eager\n   * load per mount.\n   */\n  private readonly _eagerDone = signal(false);\n\n  /**\n   * @protected Shared source adapter — arrays / observables are local, a data\n   * source or a `searchFn` is remote (the source filters and the items render\n   * as-is). Template-facing: the paging bindings (`hasMore` / `loadingMore` /\n   * `loadMore`) read straight off it.\n   *\n   * The `eager` closure reads {@link hasValue} / {@link _allValuesMatched}\n   * lazily, so declaring those below is fine — the adapter's effects run after\n   * construction. A committed value with no resolvable label is what makes a\n   * `searchFn` load without waiting for the first open. The explicit type\n   * annotation breaks the inference cycle that closure creates\n   * (`_adapter` → `eager` → `_allValuesMatched` → `resolvedOptions` → `_adapter`).\n   */\n  protected readonly _adapter: MlvOptionsAdapter<T> = new MlvOptionsAdapter<T>({\n    source: this.options,\n    searchFn: this.searchFn,\n    debounce: this.searchDebounce,\n    eager: computed(\n      () => this.hasValue() && !this._allValuesMatched() && !this._eagerDone(),\n    ),\n  });\n\n  readonly resolvedOptions = computed(() =>\n    this._adapter.items().map((item) => this.toOption()(item)),\n  );\n\n  /** @protected Whether every committed value has a matching option (by `compareWith`). */\n  protected readonly _allValuesMatched = computed(() => {\n    const compare = this.compareWith();\n    const opts = this.resolvedOptions();\n    return this.selectionService\n      .selectedValues()\n      .every((v) => opts.some((o) => compare(o.value, v)));\n  });\n\n  /** @protected First payload arrived and the consumer is not reporting `loading`. */\n  protected readonly _ready = computed(\n    () => this._adapter.ready() && !this.loading(),\n  );\n\n  /**\n   * @protected Loading variant: a value is committed but no option resolves its\n   * label yet. The trigger is inert (no open) but stays tabbable, shows a\n   * spinner instead of the chevron and the i18n loading text instead of a raw\n   * value.\n   */\n  protected readonly _awaitingValueLabel = computed(\n    () => this.hasValue() && !this._ready() && !this._allValuesMatched(),\n  );\n\n  /** @protected Panel spinner row: source-owned loading OR the consumer's `[loading]`. */\n  protected readonly _panelLoading = computed(\n    () => this._adapter.loading() || this.loading(),\n  );\n\n  readonly isOpen = signal(false);\n  readonly triggerWidth = signal(0);\n\n  /**\n   * Current text of the in-dropdown search field. Always `''` while the\n   * dropdown is closed — closing resets it (see `_onPopupClosed`).\n   */\n  readonly searchQuery = signal('');\n\n  /**\n   * The options actually rendered in the panel: locally filtered by\n   * {@link searchQuery} while searchable over a local source, the source's\n   * items as-is otherwise (a remote source filters server-side, and a\n   * non-searchable select never filters).\n   */\n  readonly filteredOptions = computed(() => {\n    const resolved = this.resolvedOptions();\n    if (!this.searchable() || this._adapter.mode() === 'remote')\n      return resolved;\n    return filterOptions(resolved, this.searchQuery(), this.matcher());\n  });\n\n  /**\n   * @private Shared activedescendant bookkeeping over {@link filteredOptions}\n   * (searchable mode only) — the same engine behind `mlv-combobox` and\n   * `[mlvAutocomplete]`. The count is read lazily, so it always reflects the\n   * live filtered list.\n   */\n  private readonly _activeDescendant = new MlvActiveDescendant(\n    () => this.filteredOptions().length,\n  );\n\n  /**\n   * @protected Active option index handed to the panel. Pinned to `-1` while\n   * not searchable so the roving-focus panel never renders an active row.\n   */\n  protected readonly _activeIndex = computed(() =>\n    this.searchable() ? this._activeDescendant.index() : -1,\n  );\n\n  /** @protected `aria-activedescendant` target of the search input, or `null`. */\n  protected readonly _activeOptionId = computed(() => {\n    const index = this._activeDescendant.index();\n    if (index < 0 || index >= this.filteredOptions().length) return null;\n    return optionId(this.listboxId(), index);\n  });\n\n  /**\n   * @protected DOM `id` of the in-dropdown search input. Distinct from the\n   * trigger's `id()` so both can coexist, and deterministic so the field can be\n   * focus-targeted by id once the popup has opened.\n   */\n  protected readonly _searchInputId = computed(() => `${this.id()}-search`);\n\n  /**\n   * @protected Whether the trigger owns the combobox semantics. `false` only\n   * while the searchable dropdown is open — the search input is the live\n   * combobox then, so exactly one `role=\"combobox\"` is ever exposed. The\n   * trigger becomes a plain `role=\"button\"` there rather than losing its role:\n   * a role-less `<div>` may carry no ARIA state at all, whereas a button that\n   * opened a popup legitimately keeps `aria-expanded` / `aria-haspopup` /\n   * `aria-controls`. Only `aria-required` (invalid on `button`) is dropped.\n   */\n  protected readonly _outerIsCombobox = computed(\n    () => !(this.searchable() && this.isOpen()),\n  );\n\n  /**\n   * @protected Matched-substring emphasis for the option rows. Only while\n   * searching a **local** source — a remote source's results need not contain\n   * the query at all.\n   */\n  protected readonly _highlightQuery = computed(() =>\n    this.searchable() && this._adapter.mode() === 'local'\n      ? this.searchQuery().trim()\n      : '',\n  );\n\n  /** @protected Resolved search placeholder: explicit input takes precedence over i18n default. */\n  protected readonly _resolvedSearchPlaceholder = computed(\n    () => this.searchPlaceholder() ?? this._i18n().searchPlaceholder,\n  );\n\n  /** @private ICU resolver for parameterised i18n strings. */\n  private readonly _resolver = inject(MlvI18nResolverService);\n\n  /**\n   * @protected Polite screen-reader announcement of the current result count.\n   * Empty unless the searchable dropdown is open, so no stale count is read out.\n   * Mirrors the visible empty-state copy rendered inside the panel.\n   */\n  protected readonly _resultsAnnouncement = computed(() => {\n    if (!this.isOpen() || !this.searchable()) return '';\n    const count = this.filteredOptions().length;\n    if (count === 0) return this._i18n().noResults;\n    return this._resolver.resolve(\n      this._i18n() as unknown as Record<string, string>,\n      'resultsAvailable',\n      { count },\n    );\n  });\n\n  /** The HTML `id` assigned to the inner listbox element for `aria-controls` linking. */\n  readonly listboxId = computed(() => `${this.id()}-listbox`);\n\n  /**\n   * The HTML `id` assigned to the visible `<mlv-label>` element. The trigger\n   * references it via `aria-labelledby` (a `<label for>` cannot name a `<div>`).\n   */\n  readonly labelId = computed(() => `${this.id()}-label`);\n\n  readonly dropdownPositions: ConnectedPosition[] = [\n    {\n      originX: 'start',\n      originY: 'bottom',\n      overlayX: 'start',\n      overlayY: 'top',\n      offsetY: 8,\n    },\n    {\n      originX: 'start',\n      originY: 'top',\n      overlayX: 'start',\n      overlayY: 'bottom',\n      offsetY: -8,\n    },\n  ];\n\n  readonly selectionService = inject(MlvSelectionService);\n\n  itemTemplate = contentChild(MlvSelectItemTemplate);\n  selectedTemplate = contentChild(MlvSelectSelectedTemplate);\n\n  /** @private Reference to the trigger element, used to restore focus after selection. */\n  private readonly _triggerElement = viewChild('trigger', { read: ElementRef });\n  /** @private Reference to the rendered dropdown panel component. */\n  private readonly _dropdownPanel = viewChild(MlvDropdownPanel);\n\n  /** @private Raw values last written through a forms binding, pre-normalisation. */\n  private _pendingValues: T[] = [];\n\n  constructor() {\n    super();\n    effect(() => {\n      this.selectionService.multiple.set(this.multiple());\n    });\n    effect(() => {\n      this.selectionService.compareWith.set(this.compareWith());\n    });\n    effect(() => {\n      this._pendingValues = toAriaValues(this.value());\n      // Reads resolvedOptions()/compareWith() → re-runs when options arrive later.\n      this._applyPendingValues();\n    });\n    // A `searchFn` is lazy: the first open is what triggers its initial load.\n    effect(() => {\n      if (this.isOpen()) untracked(() => this._adapter.ensureLoaded());\n    });\n    // Latch the eager gate off once a *remote* source has answered — see\n    // `_eagerDone`. The mode check matters: an array source is `ready()` from\n    // the first tick, so latching on readiness alone would disarm the gate\n    // before a `searchFn` bound through a signal/late input ever became the\n    // active branch.\n    effect(() => {\n      if (this._adapter.mode() === 'remote' && this._adapter.ready()) {\n        untracked(() => this._eagerDone.set(true));\n      }\n    });\n    // A remote response (or a narrowing local filter) can shrink the list out\n    // from under a stale active index. Drop it rather than leave\n    // `aria-activedescendant` pointing at a row that no longer exists — and so\n    // the next arrow press restarts from the top of the new list.\n    effect(() => {\n      const count = this.filteredOptions().length;\n      untracked(() => {\n        if (this._activeDescendant.index() >= count) {\n          this._activeDescendant.reset();\n        }\n      });\n    });\n  }\n\n  get displayValue(): string {\n    const values = this.selectionService.selectedValues();\n    if (values.length === 0) return '';\n    const transform = this.toOption();\n    if (values.length === 1) return transform(values[0]).label;\n    return `${values.length} items selected`;\n  }\n\n  /**\n   * Toggles the dropdown. Closing is always allowed — a panel opened before the\n   * control turned inert (a late `[loading]`, a value written under an open\n   * list) must stay dismissable from its own trigger; only opening is gated.\n   */\n  toggleDropdown(): void {\n    if (this.isOpen()) {\n      this.isOpen.set(false);\n      return;\n    }\n    if (this._isInert()) return;\n    this.isOpen.set(true);\n  }\n\n  setInitialFocus(): void {\n    this._triggerElement()?.nativeElement.focus();\n  }\n\n  /**\n   * Focuses the trigger and opens the dropdown. Focus moves even while merely\n   * awaiting a value's label — this is the label's click target, and a click on\n   * a field's label must always land the caret on that field; only the open is\n   * suppressed. A **disabled** field is the exception: it takes neither the\n   * caret nor the open (the trigger's `tabindex=\"-1\"` would still accept\n   * programmatic focus).\n   */\n  openDropdown(): void {\n    if (this.computedDisabled()) return;\n    this.setInitialFocus();\n    if (this._isInert()) return;\n    this.isOpen.set(true);\n  }\n\n  /**\n   * @protected Trigger keyboard open. ArrowUp / ArrowDown open the dropdown and\n   * move focus onto the first option (`focusFirst`); Home / End only open it,\n   * leaving the roving focus where the panel puts it. No-op while inert, but the\n   * default is always prevented so a still-resolving trigger never scrolls the\n   * page instead.\n   *\n   * The focus request is roving-mode only: a searchable dropdown hands focus to\n   * its search input instead (`_onPopupOpened`), and pulling it onto an option\n   * would break the activedescendant model.\n   */\n  protected _openFromKey(event: Event, focusFirst: boolean): void {\n    event.preventDefault();\n    if (this._isInert()) return;\n    this.isOpen.set(true);\n    if (focusFirst && !this.searchable()) {\n      this.selectionService.requestFocusFirst();\n    }\n  }\n\n  /**\n   * @protected Whether every open / interaction path is suppressed: the control\n   * is disabled, or a committed value's label is still resolving (the trigger\n   * stays tabbable and readable, but must not open a list that cannot yet show\n   * the current selection).\n   */\n  protected _isInert(): boolean {\n    return this.computedDisabled() || this._awaitingValueLabel();\n  }\n\n  /**\n   * Handles a selection change emitted by the aria listbox panel. The panel\n   * always emits the flat `V[]` array that `@angular/aria`'s `ngListbox`\n   * models; {@link fromAriaValues} collapses it back to the public forms value\n   * shape (`T` for single-select, `T[]` for multi-select, `null` when cleared).\n   *\n   * aria re-emits its value whenever the *rendered* option set changes (an\n   * async load landing while the panel is open, later search filtering) — those\n   * reconciliation emits are ignored via the shared guard, so they can never\n   * wipe the committed value. A genuine multi-select pick re-adds the committed\n   * values aria dropped only because their option is not rendered.\n   */\n  selectOption(values: readonly T[]): void {\n    const committed = this.selectionService.selectedValues();\n    const visible = this._visibleValues();\n    const compare = this.compareWith();\n    if (isReconciliationEmit(values, committed, visible, compare)) return;\n    const next = this.multiple()\n      ? [\n          ...values,\n          ...filteredOutCommitted(values, committed, visible, compare),\n        ]\n      : [...values];\n    this._commitSelection(next);\n  }\n\n  /**\n   * @private Writes a genuine selection — the single commit path shared by the\n   * panel's `valueChange` and the search field's Enter. Single-select closes the\n   * dropdown and returns focus to the trigger; multi-select stays open so the\n   * next option can be picked.\n   */\n  private _commitSelection(next: T[]): void {\n    if (!this.multiple()) {\n      this.isOpen.set(false);\n      this.setInitialFocus();\n    }\n    this.value.set(fromAriaValues(next, this.multiple()));\n    this.selectionService.setValues(next);\n    this._markTouched();\n  }\n\n  /**\n   * @protected Values of the options currently rendered in the panel (the\n   * reconciliation guard's \"visible\" set) — the filtered set while searching.\n   */\n  protected _visibleValues(): T[] {\n    return this.filteredOptions().map((o) => o.value);\n  }\n\n  // ─── In-dropdown search field ────────────────────────────────────────────\n\n  /**\n   * @protected Search-field input. Local sources narrow {@link filteredOptions}\n   * instantly; remote ones are asked (debounced) instead, because filtering\n   * locally as well would hide server results and empty the list while a newer\n   * query is still in flight.\n   */\n  protected _onSearchInput(event: Event): void {\n    const value = (event.target as HTMLInputElement).value;\n    this.searchQuery.set(value);\n    this._activeDescendant.reset();\n    if (this._adapter.mode() === 'remote') this._adapter.search(value);\n  }\n\n  /** @protected ArrowDown — activate the next option (wrap-around). */\n  protected _onSearchArrowDown(event: Event): void {\n    event.preventDefault();\n    this._activeDescendant.move(1);\n  }\n\n  /** @protected ArrowUp — activate the previous option (wrap-around). */\n  protected _onSearchArrowUp(event: Event): void {\n    event.preventDefault();\n    this._activeDescendant.move(-1);\n  }\n\n  /** @protected Home — activate the first option. */\n  protected _onSearchHome(event: Event): void {\n    event.preventDefault();\n    this._activeDescendant.first();\n  }\n\n  /** @protected End — activate the last option. */\n  protected _onSearchEnd(event: Event): void {\n    event.preventDefault();\n    this._activeDescendant.last();\n  }\n\n  /**\n   * @protected Enter — commit the active option (APG \"Enter selects active\").\n   * No-op when nothing is active. Multi-select toggles the option and resets the\n   * active index so the narrowed list is navigated from the top again.\n   */\n  protected _onSearchEnter(event: Event): void {\n    event.preventDefault();\n    const index = this._activeDescendant.index();\n    const opts = this.filteredOptions();\n    if (index < 0 || index >= opts.length) return;\n    const picked = opts[index].value;\n    const compare = this.compareWith();\n    const committed = this.selectionService.selectedValues();\n    const next = this.multiple()\n      ? committed.some((v) => compare(v, picked))\n        ? committed.filter((v) => !compare(v, picked))\n        : [...committed, picked]\n      : [picked];\n    this._commitSelection(next);\n    if (this.multiple()) this._activeDescendant.reset();\n  }\n\n  /** @protected Escape — closes the dropdown (the close resets the query). */\n  protected _onSearchEscape(event: Event): void {\n    event.preventDefault();\n    this.isOpen.set(false);\n  }\n\n  /**\n   * @protected Tab / Shift+Tab — closes the dropdown. The default is prevented\n   * because the search field lives in a detached overlay: letting Tab run would\n   * move focus to whatever follows the overlay in the DOM rather than to the\n   * field after the select. `_onPopupClosed` puts focus back on the trigger.\n   */\n  protected _onSearchTab(event: Event): void {\n    event.preventDefault();\n    this.isOpen.set(false);\n  }\n\n  /**\n   * @protected Panel `mousedown`. In searchable mode the default is prevented\n   * so pointing at an option (or the scrollbar) cannot blur the search input —\n   * the activedescendant model and the open state both depend on focus staying\n   * there. It must stay a **method**: an inline `searchable() && preventDefault()`\n   * expression evaluates to `false` on the non-searchable path, and Angular\n   * treats a `false` listener return as `preventDefault()`, which would swallow\n   * the default for every select dropdown (breaking roving focus transfer to a\n   * clicked option and text selection).\n   */\n  protected _onPanelMousedown(event: MouseEvent): void {\n    if (this.searchable()) event.preventDefault();\n  }\n\n  /**\n   * @protected After the popup opens: hand focus to the search field. The input\n   * is stamped inside the overlay (a detached embedded view), so it is not\n   * reachable through this component's view queries — locate it by its\n   * deterministic id, the same pattern `mlv-combobox` / `mlv-day-picker` use.\n   * The lazy first load is triggered by the `isOpen` effect, not here.\n   */\n  protected _onPopupOpened(): void {\n    if (!this.searchable()) return;\n    document.getElementById(this._searchInputId())?.focus();\n  }\n\n  /**\n   * @protected After the popup closes: restore focus to the trigger and (when\n   * searchable) drop the query, so the next open starts from the full list. A\n   * remote source is re-asked for `''` once, otherwise a blank search field\n   * would sit above a list still filtered by the previous query.\n   */\n  protected _onPopupClosed(): void {\n    this.setInitialFocus();\n    if (!this.searchable()) return;\n    this._activeDescendant.reset();\n    if (this.searchQuery() !== '') {\n      this.searchQuery.set('');\n      if (this._adapter.mode() === 'remote') this._adapter.search('');\n    }\n  }\n\n  override setFocused(isFocused = true): void {\n    this._focused.set(isFocused);\n  }\n\n  /** @protected Marks the select touched when its trigger loses focus. */\n  protected _onTriggerBlur(): void {\n    this.setFocused(false);\n    this._markTouched();\n  }\n\n  updateTriggerWidth(evt: ResizeObserverEntry[]): void {\n    this.triggerWidth.set(evt[0].target.getBoundingClientRect().width);\n  }\n\n  /** Whether the control holds a clearable value — At least one option selected. */\n  readonly hasValue = computed(\n    () => this.selectionService.selectedValues().length > 0,\n  );\n\n  /**\n   * The select renders its own clear button overlaid in the trigger row,\n   * before the chevron — the wrapper must not render its trailing copy.\n   */\n  readonly ownsClearButton = computed(() => true);\n\n  /**\n   * @protected Whether the inline clear affordance is visible: clearable, a\n   * value present, and the control interactive. Shared by the template's @if\n   * and the trigger's padding-reserve class.\n   *\n   * Deliberately **not** gated on {@link _awaitingValueLabel}: the loading\n   * variant makes every open path inert, so the clear button is the only\n   * escape hatch left when a source never answers. `onClear()` works there —\n   * dropping the value clears `hasValue()`, which ends the variant.\n   */\n  protected readonly _showClear = computed(\n    () =>\n      this.clearable() &&\n      this.hasValue() &&\n      !this.computedDisabled() &&\n      !this.readonly(),\n  );\n\n  /** Clears the selection, writes the cleared forms value, and marks touched. */\n  onClear(): void {\n    this.selectionService.clear();\n    this.value.set(fromAriaValues([], this.multiple()));\n    this._markTouched();\n  }\n\n  /**\n   * @private Syncs the selection service (the aria listbox panel's `value`\n   * source) from the values last written through a forms binding. Each pending\n   * value is matched against the current options via {@link compareWith} and\n   * replaced by the option's own instance, so the check-marks and the displayed\n   * label agree — and a value written before its options exist resolves as soon\n   * as they arrive (the caller effect tracks `resolvedOptions()`).\n   */\n  private _applyPendingValues(): void {\n    const compare = this.compareWith();\n    const opts = this.resolvedOptions();\n    const normalized = this._pendingValues.map(\n      (v) => opts.find((o) => compare(o.value, v))?.value ?? v,\n    );\n    this.selectionService.setValues(normalized);\n  }\n}\n","<mlv-form-control-wrapper>\n  @if (label() || hint()) {\n  <mlv-label\n    [id]=\"labelId()\"\n    [for]=\"id()\"\n    [required]=\"required()\"\n    (click)=\"openDropdown()\"\n  >\n    {{ label() }} @if (hint()) {\n    <mlv-hint>{{ hint() }}</mlv-hint>\n    }\n  </mlv-label>\n  }\n\n  <ng-template mlvFormControlWrapperControl>\n    <mlv-popup-container class=\"mlv-select__popup-container\">\n      <div\n        class=\"mlv-select__trigger\"\n        [class.mlv-select__trigger--with-clear]=\"_showClear()\"\n        [id]=\"id()\"\n        [hostRole]=\"_outerIsCombobox() ? 'combobox' : 'button'\"\n        [disabled]=\"computedDisabled()\"\n        [attr.aria-expanded]=\"isOpen()\"\n        [attr.aria-haspopup]=\"'listbox'\"\n        [attr.aria-controls]=\"isOpen() ? listboxId() : null\"\n        [attr.aria-disabled]=\"computedDisabled() || null\"\n        [attr.aria-labelledby]=\"label() ? labelId() : null\"\n        [attr.aria-label]=\"label() ? null : ariaLabel()\"\n        [attr.aria-required]=\"_outerIsCombobox() && required() ? true : null\"\n        [attr.aria-describedby]=\"_describedBy()\"\n        [attr.aria-busy]=\"_awaitingValueLabel() || null\"\n        mlvResizeObserver\n        #trigger\n        (resized)=\"updateTriggerWidth($event)\"\n        (mlvClick)=\"toggleDropdown()\"\n        (keydown.arrowDown)=\"_openFromKey($event, true)\"\n        (keydown.arrowUp)=\"_openFromKey($event, true)\"\n        (keydown.home)=\"_openFromKey($event, false)\"\n        (keydown.end)=\"_openFromKey($event, false)\"\n        (keydown.escape)=\"isOpen.set(false)\"\n        (focus)=\"setFocused(true)\"\n        (blur)=\"_onTriggerBlur()\"\n      >\n        <!-- While a committed value's label is still resolving the trigger shows\n             the i18n loading text instead of a raw (often unreadable) value. -->\n        @if (_awaitingValueLabel()) {\n        <span class=\"mlv-select__placeholder\">{{ _i18n().loading }}</span>\n        } @else if (displayValue) {\n        <span class=\"mlv-select__value\">\n          @if (selectedTemplate(); as templateTpl) {\n          <ng-container\n            *ngTemplateOutlet=\"templateTpl.templateRef; context: { $implicit: selectionService.selectedValues() }\"\n          />\n          } @else { {{ displayValue }} }\n        </span>\n        } @else {\n        <span class=\"mlv-select__placeholder\"\n          >{{ _resolvedPlaceholder() }}</span\n        >\n        }\n        <span class=\"mlv-select__arrow\">\n          <!-- The chevron is replaced by a spinner while the value's label\n               resolves — the trigger is inert then, so the affordance would be\n               a dead control. -->\n          @if (_awaitingValueLabel()) {\n          <mlv-loader\n            variant=\"circle\"\n            indeterminate\n            [size]=\"18\"\n            [strokeWidth]=\"2\"\n            [ariaLabel]=\"_i18n().loading\"\n          />\n          } @else {\n          <svg size=\"20\" lucideChevronDown></svg>\n          }\n        </span>\n      </div>\n\n      @if (_showClear()) {\n      <!-- DOM sibling of the role=\"combobox\" trigger (a button nested inside it\n           would trip nested-interactive); CSS overlays it just BEFORE the\n           chevron. Tab order: trigger, then clear. -->\n      <mlv-button-close\n        class=\"mlv-select__clear\"\n        (mlvClick)=\"onClear()\"\n        mlvDensity=\"tight\"\n        [ariaLabel]=\"_formI18n().clear\"\n      />\n      }\n\n      <mlv-popup\n        [(opened)]=\"isOpen\"\n        [width]=\"triggerWidth()\"\n        [hasShadow]=\"true\"\n        [flexibleDimensions]=\"true\"\n        [positions]=\"dropdownPositions\"\n        [mobileMode]=\"mobileMode()\"\n        [mobileTitle]=\"_resolvedMobileTitle()\"\n        [mlvDensity]=\"mlvDensity()\"\n        class=\"mlv-select__popup\"\n        (afterOpened)=\"_onPopupOpened()\"\n        (afterClosed)=\"_onPopupClosed()\"\n      >\n        @if (searchable()) {\n        <!-- Pinned first row of the dropdown: projected into the popup's pinned\n             slot, so it sits above the scroll region and a long option list can\n             never push it out of view. While the dropdown is open this input —\n             not the trigger — is the single exposed role=\"combobox\". -->\n        <ng-template mlvPopupPinnedContent>\n          <div class=\"mlv-select__search\">\n            <svg\n              class=\"mlv-select__search-icon\"\n              lucideSearch\n              size=\"16\"\n              aria-hidden=\"true\"\n            ></svg>\n            <mlv-input\n              bare\n              class=\"mlv-select__search-input\"\n              [id]=\"_searchInputId()\"\n              [role]=\"'combobox'\"\n              [ariaExpanded]=\"true\"\n              [ariaHasPopup]=\"'listbox'\"\n              [ariaAutocomplete]=\"'list'\"\n              [ariaControls]=\"listboxId()\"\n              [ariaActiveDescendant]=\"_activeOptionId()\"\n              [ariaLabel]=\"label() || _resolvedPlaceholder()\"\n              [required]=\"required()\"\n              [placeholder]=\"_resolvedSearchPlaceholder()\"\n              [value]=\"searchQuery()\"\n              [autocomplete]=\"'off'\"\n              (input)=\"_onSearchInput($event)\"\n              (keydown.arrowDown)=\"_onSearchArrowDown($event)\"\n              (keydown.arrowUp)=\"_onSearchArrowUp($event)\"\n              (keydown.home)=\"_onSearchHome($event)\"\n              (keydown.end)=\"_onSearchEnd($event)\"\n              (keydown.enter)=\"_onSearchEnter($event)\"\n              (keydown.escape)=\"_onSearchEscape($event)\"\n              (keydown.tab)=\"_onSearchTab($event)\"\n              (keydown.shift.tab)=\"_onSearchTab($event)\"\n            />\n          </div>\n        </ng-template>\n        }\n\n        <ng-template mlvPopupContent>\n          <!-- Keep DOM focus in the search input while pointing at options\n               (activedescendant model): prevent the mousedown from blurring it\n               so the active index and the open state survive option clicks.\n               Routed through a method, not an inline `searchable() && …`\n               expression — a `false` listener return means preventDefault() to\n               Angular, which would swallow the default on the non-searchable\n               path too. The pinned search row deliberately stays outside this\n               wrapper: swallowing its mousedown would make the input\n               unclickable. -->\n          <div\n            class=\"mlv-select__panel\"\n            (mousedown)=\"_onPanelMousedown($event)\"\n          >\n            <mlv-dropdown-panel\n              scrollMode=\"parent\"\n              [options]=\"filteredOptions()\"\n              [multiple]=\"multiple()\"\n              [selectedValues]=\"selectionService.selectedValues()\"\n              [itemTemplate]=\"itemTemplate()?.templateRef ?? null\"\n              [listboxId]=\"listboxId()\"\n              [focusMode]=\"searchable() ? 'activedescendant' : 'roving'\"\n              [activeIndex]=\"_activeIndex()\"\n              [highlightQuery]=\"_highlightQuery()\"\n              [loading]=\"_panelLoading()\"\n              [loadingText]=\"_i18n().loading\"\n              [hasMore]=\"_adapter.hasMore()\"\n              [loadingMore]=\"_adapter.loadingMore()\"\n              (loadMore)=\"_adapter.loadMore()\"\n              (valueChange)=\"selectOption($event)\"\n            >\n              @if (searchable()) {\n              <div class=\"mlv-select__empty\">{{ _i18n().noResults }}</div>\n              }\n            </mlv-dropdown-panel>\n          </div>\n        </ng-template>\n      </mlv-popup>\n    </mlv-popup-container>\n\n    <!-- Polite announcement of the current result count for screen-reader\n         users (searchable + open only). -->\n    <div class=\"mlv-select__sr-status\" aria-live=\"polite\" role=\"status\">\n      {{ _resultsAnnouncement() }}\n    </div>\n  </ng-template>\n\n  @if (description()) {\n  <mlv-description [id]=\"_descriptionId()\">{{ description() }}</mlv-description>\n  } @if (message()) {\n  <mlv-message [id]=\"_messageId()\" [state]=\"resolvedState()\">\n    {{ message() }}\n  </mlv-message>\n  }\n</mlv-form-control-wrapper>\n"]}

package/esm2022/select/lib/select-option.js

@@ -0,0 +1,2 @@
+export * from '@malva-ui/core/dropdown';
+//# sourceMappingURL=select-option.js.map

package/esm2022/select/lib/select-option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-option.js","sourceRoot":"","sources":["../../../../../../libs/core/select/src/lib/select-option.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC","sourcesContent":["export * from '@malva-ui/core/dropdown';\n"]}

package/esm2022/select/lib/select-template.directives.js

@@ -0,0 +1,34 @@
+import { Directive } from '@angular/core';
+import { MlvStructural } from '@malva-ui/cdk/utils';
+import * as i0 from "@angular/core";
+export class MlvSelectListTemplate extends MlvStructural {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvSelectListTemplate, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvSelectListTemplate, isStandalone: true, selector: "[mlvSelectListTemplate]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvSelectListTemplate, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvSelectListTemplate]',
+                }]
+        }] });
+export class MlvSelectItemTemplate extends MlvStructural {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvSelectItemTemplate, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvSelectItemTemplate, isStandalone: true, selector: "[mlvSelectItemTemplate]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvSelectItemTemplate, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvSelectItemTemplate]',
+                }]
+        }] });
+export class MlvSelectSelectedTemplate extends MlvStructural {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvSelectSelectedTemplate, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvSelectSelectedTemplate, isStandalone: true, selector: "[mlvSelectSelectedTemplate]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvSelectSelectedTemplate, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvSelectSelectedTemplate]',
+                }]
+        }] });
+//# sourceMappingURL=select-template.directives.js.map

package/esm2022/select/lib/select-template.directives.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-template.directives.js","sourceRoot":"","sources":["../../../../../../libs/core/select/src/lib/select-template.directives.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;;AAKpD,MAAM,OAAO,qBAAsB,SAAQ,aAAa;uGAA3C,qBAAqB;2FAArB,qBAAqB;;2FAArB,qBAAqB;kBAHjC,SAAS;mBAAC;oBACT,QAAQ,EAAE,yBAAyB;iBACpC;;AAMD,MAAM,OAAO,qBAAsB,SAAQ,aAAa;uGAA3C,qBAAqB;2FAArB,qBAAqB;;2FAArB,qBAAqB;kBAHjC,SAAS;mBAAC;oBACT,QAAQ,EAAE,yBAAyB;iBACpC;;AAMD,MAAM,OAAO,yBAA0B,SAAQ,aAAa;uGAA/C,yBAAyB;2FAAzB,yBAAyB;;2FAAzB,yBAAyB;kBAHrC,SAAS;mBAAC;oBACT,QAAQ,EAAE,6BAA6B;iBACxC","sourcesContent":["import { Directive } from '@angular/core';\nimport { MlvStructural } from '@malva-ui/cdk/utils';\n\n@Directive({\n  selector: '[mlvSelectListTemplate]',\n})\nexport class MlvSelectListTemplate extends MlvStructural {}\n\n@Directive({\n  selector: '[mlvSelectItemTemplate]',\n})\nexport class MlvSelectItemTemplate extends MlvStructural {}\n\n@Directive({\n  selector: '[mlvSelectSelectedTemplate]',\n})\nexport class MlvSelectSelectedTemplate extends MlvStructural {}\n"]}

package/esm2022/select/malva-ui-core-select.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=malva-ui-core-select.js.map

package/esm2022/select/malva-ui-core-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-select.js","sourceRoot":"","sources":["../../../../../libs/core/select/src/malva-ui-core-select.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2022/sidebar/index.js

@@ -0,0 +1,16 @@
+export * from './lib/sidebar/sidebar';
+export * from './lib/sidebar-group/sidebar-group';
+export * from './lib/sidebar-item/sidebar-item';
+export * from './lib/sidebar-item-icon';
+export * from './lib/sidebar-item-host';
+export * from './lib/sidebar-context';
+export * from './lib/sidebar-mode';
+export * from './lib/sidebar-header';
+export * from './lib/sidebar-footer';
+export * from './lib/sidebar-content';
+export * from './lib/sidebar-rail/sidebar-rail';
+export * from './lib/sidebar-trigger/sidebar-trigger';
+export * from './lib/sidebar-workspace/sidebar-workspace';
+export * from './lib/sidebar-workspace/sidebar-workspace.directives';
+export * from './lib/sidebar-workspace/sidebar-workspace.types';
+//# sourceMappingURL=index.js.map

package/esm2022/sidebar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/sidebar/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,mCAAmC,CAAC;AAClD,cAAc,iCAAiC,CAAC;AAChD,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,uCAAuC,CAAC;AACtD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,sDAAsD,CAAC;AACrE,cAAc,iDAAiD,CAAC","sourcesContent":["export * from './lib/sidebar/sidebar';\nexport * from './lib/sidebar-group/sidebar-group';\nexport * from './lib/sidebar-item/sidebar-item';\nexport * from './lib/sidebar-item-icon';\nexport * from './lib/sidebar-item-host';\nexport * from './lib/sidebar-context';\nexport * from './lib/sidebar-mode';\nexport * from './lib/sidebar-header';\nexport * from './lib/sidebar-footer';\nexport * from './lib/sidebar-content';\nexport * from './lib/sidebar-rail/sidebar-rail';\nexport * from './lib/sidebar-trigger/sidebar-trigger';\nexport * from './lib/sidebar-workspace/sidebar-workspace';\nexport * from './lib/sidebar-workspace/sidebar-workspace.directives';\nexport * from './lib/sidebar-workspace/sidebar-workspace.types';\n"]}

package/esm2022/sidebar/lib/sidebar/sidebar.js

@@ -0,0 +1,251 @@
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, contentChild, effect, forwardRef, inject, model, input, untracked, } from '@angular/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { clamp, MlvBreakpointService } from '@malva-ui/cdk/utils';
+import { SIDEBAR_CONTEXT } from '../sidebar-context';
+import { MlvSidebarHeader } from '../sidebar-header';
+import { MlvSidebarFooter } from '../sidebar-footer';
+import { SidebarContentDirective } from '../sidebar-content';
+import { NgTemplateOutlet } from '@angular/common';
+import { MlvDrawer, MlvDrawerContent } from '@malva-ui/core/drawer';
+import { MLV_SIDEBAR_I18N } from '@malva-ui/i18n';
+import { MlvScrollbar } from '@malva-ui/core/scrollbar';
+import * as i0 from "@angular/core";
+export class MlvSidebar {
+    /** @protected The component's i18n strings signal. */
+    _i18n = inject(MLV_SIDEBAR_I18N);
+    /**
+     * @private Signal-based viewport breakpoint service. Wraps the CDK
+     * `BreakpointObserver`, so it is SSR-safe — no direct `matchMedia` access.
+     */
+    _breakpoint = inject(MlvBreakpointService);
+    /**
+     * @private Collapsed value captured when the responsive override kicked in,
+     * so leaving the breakpoint restores what the author/user had before.
+     * `null` while no responsive override is active.
+     */
+    _collapsedBeforeAutoOffcanvas = null;
+    /**
+     * Controls expanded vs. collapsed (icon-only) mode.
+     * Accepts truthy strings via `coerceBooleanProperty`.
+     * Two-way bindable via `[(collapsed)]`.
+     */
+    collapsed = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "collapsed" }] : /* istanbul ignore next */ []));
+    /**
+     * Total width of the sidebar host when expanded, including border and padding.
+     * Two-way bindable — updated by `setWidth()` during rail drag.
+     */
+    width = model('260px', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
+    /**
+     * Total width of the sidebar host when collapsed, including border and padding.
+     */
+    collapsedWidth = input('56px', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "collapsedWidth" }] : /* istanbul ignore next */ []));
+    /**
+     * MlvLayout mode controlling how the sidebar renders and collapses.
+     * - `'icon'` — collapses to an icon-only rail (default).
+     * - `'offcanvas'` — slides off-screen when collapsed.
+     * - `'floating'` — floats over content when expanded.
+     * - `'fixed'` — always fully expanded; collapse is a no-op.
+     */
+    mode = input('icon', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+    /**
+     * Viewport breakpoint below which the sidebar automatically behaves as an
+     * `'offcanvas'` drawer, regardless of {@link mode}.
+     *
+     * `null` (the default) keeps the sidebar on {@link mode} at every width.
+     * Setting it to `'md'` makes the sidebar an overlay drawer below 768px — it
+     * closes itself on entering that range, opens from a `mlv-sidebar-trigger`,
+     * and dismisses on Escape, backdrop click, or focus leaving the drawer, like
+     * any `mode="offcanvas"` sidebar. The previous collapsed state is restored
+     * when the viewport grows back past the breakpoint.
+     *
+     * Thresholds come from `MLV_BREAKPOINT_CONFIG` (`provideMlvBreakpoints()`),
+     * so they stay in sync with the SCSS `breakpoint-*` mixins.
+     */
+    collapseBelow = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "collapseBelow" }] : /* istanbul ignore next */ []));
+    /**
+     * When true, the sidebar stretches to full viewport height.
+     * Adds the `mlv-sidebar--full-height` modifier class.
+     */
+    fullHeight = input(false, { ...(ngDevMode ? { debugName: "fullHeight" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /**
+     * Accessible name for the `navigation` landmark.
+     *
+     * Set this whenever a page renders more than one sidebar (or another
+     * `navigation` landmark) so assistive technology can tell them apart.
+     * When omitted, the localized `MLV_SIDEBAR_I18N.navigation` default is used.
+     *
+     * Note: a plain `aria-label` attribute on `<mlv-sidebar>` cannot be used for
+     * this — the host binding owns the attribute and would overwrite it.
+     */
+    ariaLabel = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    /**
+     * Minimum width in pixels the sidebar may be resized to via the drag rail.
+     */
+    minWidth = input(200, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "minWidth" }] : /* istanbul ignore next */ []));
+    /**
+     * Maximum width in pixels the sidebar may be resized to via the drag rail.
+     */
+    maxWidth = input(480, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxWidth" }] : /* istanbul ignore next */ []));
+    /**
+     * @private True when {@link collapseBelow} is set and the viewport is
+     * narrower than that breakpoint.
+     */
+    _isBelowCollapseBreakpoint = computed(() => {
+        const breakpoint = this.collapseBelow();
+        return breakpoint !== null && this._breakpoint.isDown(breakpoint)();
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_isBelowCollapseBreakpoint" }] : /* istanbul ignore next */ []));
+    /**
+     * The layout mode actually in effect.
+     *
+     * Equals {@link mode} unless {@link collapseBelow} is set and the viewport is
+     * narrower than that breakpoint, in which case it is `'offcanvas'`. Bind
+     * against this (not `mode`) when mirroring the sidebar's layout elsewhere.
+     */
+    effectiveMode = computed(() => this._isBelowCollapseBreakpoint() ? 'offcanvas' : this.mode(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "effectiveMode" }] : /* istanbul ignore next */ []));
+    /**
+     * Effective collapsed state. Always `false` in `'fixed'` mode so the sidebar
+     * never visually collapses regardless of the `collapsed` model value.
+     */
+    _effectiveCollapsed = computed(() => this.effectiveMode() !== 'fixed' && this.collapsed(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_effectiveCollapsed" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected Accessible name bound to the host `aria-label`. Prefers the
+     * author-supplied {@link ariaLabel} and falls back to the localized default.
+     */
+    _resolvedAriaLabel = computed(() => this.ariaLabel() ?? this._i18n().navigation, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_resolvedAriaLabel" }] : /* istanbul ignore next */ []));
+    /** @protected Header slot directive reference. */
+    _headerRef = contentChild(MlvSidebarHeader, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_headerRef" }] : /* istanbul ignore next */ []));
+    /** @protected Footer slot directive reference. */
+    _footerRef = contentChild(MlvSidebarFooter, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_footerRef" }] : /* istanbul ignore next */ []));
+    /** @protected Content slot directive reference. */
+    _contentRef = contentChild(SidebarContentDirective, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_contentRef" }] : /* istanbul ignore next */ []));
+    /** @protected True when at least one slot directive is projected. */
+    _hasSlots = computed(() => !!(this._headerRef() || this._footerRef() || this._contentRef()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_hasSlots" }] : /* istanbul ignore next */ []));
+    constructor() {
+        // Entering the responsive offcanvas range must start closed — an open
+        // drawer covering the page on a viewport change is never what the author
+        // asked for. Leaving the range restores the pre-override collapsed value.
+        effect(() => {
+            const below = this._isBelowCollapseBreakpoint();
+            untracked(() => {
+                if (below) {
+                    if (this._collapsedBeforeAutoOffcanvas === null) {
+                        this._collapsedBeforeAutoOffcanvas = this.collapsed();
+                        this.collapsed.set(true);
+                    }
+                    return;
+                }
+                if (this._collapsedBeforeAutoOffcanvas !== null) {
+                    this.collapsed.set(this._collapsedBeforeAutoOffcanvas);
+                    this._collapsedBeforeAutoOffcanvas = null;
+                }
+            });
+        });
+    }
+    /**
+     * Toggles the sidebar between collapsed and expanded.
+     * This is a no-op when the effective mode is `'fixed'`.
+     */
+    toggle() {
+        if (this.effectiveMode() === 'fixed')
+            return;
+        this.collapsed.update((v) => !v);
+    }
+    /** Set the sidebar width in pixels. Clamps to the [minWidth, maxWidth] range. */
+    setWidth(px) {
+        const clamped = clamp(px, this.minWidth(), this.maxWidth());
+        this.width.set(`${clamped}px`);
+    }
+    /** @protected Syncs drawer open/close back to collapsed model. */
+    _onDrawerOpenedChange(opened) {
+        this.collapsed.set(!opened);
+    }
+    /**
+     * @protected Handles `ArrowDown`/`ArrowUp` keydown events on the sidebar container
+     * to move focus between focusable sidebar items and group triggers in DOM order.
+     * Wraps around at the list boundaries and skips elements inside `.cdk-overlay-container`.
+     */
+    onContainerKeydown(event) {
+        const e = event;
+        if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp')
+            return;
+        e.preventDefault();
+        const container = e.currentTarget;
+        // Collect the focus target for each navigable row in DOM order. A
+        // `mlv-sidebar-item` may itself be focusable (button-style rows) or defer
+        // to a projected link/button (navigational rows), so resolve each to its
+        // actual focus target and de-duplicate.
+        const items = [];
+        const seen = new Set();
+        const add = (el) => {
+            if (el && !seen.has(el) && !el.closest('.cdk-overlay-container')) {
+                seen.add(el);
+                items.push(el);
+            }
+        };
+        container
+            .querySelectorAll('mlv-sidebar-item, .mlv-sidebar-group__header, .mlv-sidebar-group__icon-btn, button, a[href]')
+            .forEach((el) => {
+            if (el.tagName.toLowerCase() === 'mlv-sidebar-item') {
+                add(el.hasAttribute('tabindex')
+                    ? el
+                    : el.querySelector('a[href], button, [tabindex]'));
+                return;
+            }
+            // Focusable elements inside a sidebar item are resolved via the item above.
+            if (el.closest('mlv-sidebar-item'))
+                return;
+            add(el);
+        });
+        const idx = items.indexOf(document.activeElement);
+        if (idx === -1)
+            return;
+        if (e.key === 'ArrowDown') {
+            items[(idx + 1) % items.length]?.focus();
+        }
+        else {
+            items[(idx - 1 + items.length) % items.length]?.focus();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvSidebar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvSidebar, isStandalone: true, selector: "mlv-sidebar", inputs: { collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, collapsedWidth: { classPropertyName: "collapsedWidth", publicName: "collapsedWidth", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, collapseBelow: { classPropertyName: "collapseBelow", publicName: "collapseBelow", isSignal: true, isRequired: false, transformFunction: null }, fullHeight: { classPropertyName: "fullHeight", publicName: "fullHeight", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { collapsed: "collapsedChange", width: "widthChange" }, host: { attributes: { "role": "navigation" }, properties: { "class.mlv-sidebar--collapsed": "_effectiveCollapsed()", "class": "\"mlv-sidebar--\" + effectiveMode()", "class.mlv-sidebar--full-height": "fullHeight()", "style.--mlv-sidebar-expanded-width": "width()", "style.--mlv-sidebar-collapsed-width": "collapsedWidth()", "attr.aria-label": "_resolvedAriaLabel()" }, classAttribute: "mlv-sidebar" }, providers: [
+            {
+                provide: SIDEBAR_CONTEXT,
+                useExisting: forwardRef(() => MlvSidebar),
+            },
+        ], queries: [{ propertyName: "_headerRef", first: true, predicate: MlvSidebarHeader, descendants: true, isSignal: true }, { propertyName: "_footerRef", first: true, predicate: MlvSidebarFooter, descendants: true, isSignal: true }, { propertyName: "_contentRef", first: true, predicate: SidebarContentDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Container captured once so the single <ng-content/> projection works in\n     both the offcanvas (drawer overlay) and the inline branches. Two default\n     <ng-content> slots would leave one empty (Angular projects into the last). -->\n<ng-template #projectedContent>\n  <ng-content />\n</ng-template>\n\n<ng-template #body>\n  <div\n    class=\"mlv-sidebar__container\"\n    (keydown)=\"onContainerKeydown($event)\"\n    tabindex=\"-1\"\n  >\n    @if (_hasSlots()) {\n    <ng-container [ngTemplateOutlet]=\"projectedContent\" />\n    } @else {\n    <mlv-scrollbar class=\"mlv-sidebar__scrollbar\">\n      <ng-container [ngTemplateOutlet]=\"projectedContent\" />\n    </mlv-scrollbar>\n    }\n  </div>\n</ng-template>\n\n@if (effectiveMode() === 'offcanvas') {\n<mlv-drawer\n  [opened]=\"!_effectiveCollapsed()\"\n  position=\"left\"\n  [size]=\"width()\"\n  [hasBackdrop]=\"true\"\n  (openedChange)=\"_onDrawerOpenedChange($event)\"\n>\n  <ng-template mlvDrawerContent>\n    <ng-container [ngTemplateOutlet]=\"body\" />\n  </ng-template>\n</mlv-drawer>\n} @else {\n<ng-container [ngTemplateOutlet]=\"body\" />\n}\n", styles: ["@charset \"UTF-8\";.mlv-sidebar{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-sidebar *{box-sizing:border-box}.mlv-sidebar{--mlv-sidebar-border-width: .0625rem;--mlv-sidebar-gutter: var(--mlv-spacing-2);--mlv-sidebar-row-height: 2.25rem;--mlv-sidebar-hover-bg: var(--mlv-background-neutral-1);--mlv-sidebar-active-bg: var(--mlv-background-accent-1-pale);--mlv-sidebar-rail-color: var(--mlv-border-normal);--mlv-sidebar-icon-column-width: calc( var(--mlv-sidebar-collapsed-width, 3.5rem) - var( --mlv-sidebar-gutter ) - var(--mlv-sidebar-gutter) - var(--mlv-sidebar-border-width) - var( --mlv-sidebar-border-width ) );display:block;position:relative;width:var(--mlv-sidebar-expanded-width, 16.25rem);border:var(--mlv-sidebar-border-width) solid var(--mlv-border-subtle);border-radius:calc(var(--mlv-radius-m) + var(--mlv-spacing-2));box-shadow:var(--mlv-shadow-1);padding:var(--mlv-sidebar-gutter);background:var(--mlv-background-raised);overflow:visible;transition:width var(--mlv-duration-normal) var(--mlv-ease-in-out-strong)}.mlv-sidebar__container{display:flex;flex-direction:column;height:100%;gap:.0625rem;width:100%;overflow:hidden}.mlv-sidebar--collapsed{width:var(--mlv-sidebar-collapsed-width, 3.5rem)}.mlv-sidebar__header{flex-shrink:0;width:100%}.mlv-sidebar__content{flex:1 1 0;display:flex;overflow:hidden;min-height:0;width:100%}.mlv-sidebar__scrollbar,.mlv-sidebar__content-scrollbar{flex:1 1 auto;width:100%;min-height:0}.mlv-sidebar__scrollbar>.mlv-scrollbar__viewport>.mlv-scrollbar__content,.mlv-sidebar__content-scrollbar>.mlv-scrollbar__viewport>.mlv-scrollbar__content{display:flex;flex-direction:column;gap:.0625rem}.mlv-sidebar__scrollbar>.mlv-scrollbar__viewport,.mlv-sidebar__content-scrollbar>.mlv-scrollbar__viewport{overflow-x:hidden}.mlv-sidebar__footer{flex-shrink:0;width:100%}.mlv-sidebar--offcanvas{width:0;min-width:0;flex:0 0 auto;overflow:hidden;border:none;box-shadow:none;padding:0;background:transparent}.mlv-sidebar--floating{position:absolute;z-index:100;box-shadow:var(--mlv-shadow-3);height:100%;transition:width var(--mlv-duration-normal) var(--mlv-ease-in-out-strong),transform var(--mlv-duration-normal) var(--mlv-ease-drawer)}.mlv-sidebar--floating.mlv-sidebar--collapsed{transform:translate(-100%)}.mlv-sidebar--full-height{position:sticky;top:var(--mlv-sidebar-offset-top, 0px);height:calc(100dvh - var(--mlv-sidebar-offset-top, 0px) - var(--mlv-sidebar-offset-bottom, 0px));align-self:flex-start}.mlv-sidebar--full-height .mlv-sidebar__container{overflow:hidden}[class*=--tight] .mlv-sidebar:not([class*=--compact],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-sidebar[class*=--tight]{--mlv-sidebar-row-height: 1.875rem}[class*=--compact] .mlv-sidebar:not([class*=--tight],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-sidebar[class*=--compact]{--mlv-sidebar-row-height: var(--mlv-height-xs)}[class*=--spacious] .mlv-sidebar:not([class*=--tight],[class*=--compact],[class*=--comfortable],[class*=--airy]),.mlv-sidebar[class*=--spacious]{--mlv-sidebar-row-height: var(--mlv-height-s)}[class*=--airy] .mlv-sidebar:not([class*=--tight],[class*=--compact],[class*=--comfortable],[class*=--spacious]),.mlv-sidebar[class*=--airy]{--mlv-sidebar-row-height: var(--mlv-height-m)}@media(prefers-reduced-motion:reduce){.mlv-sidebar,.mlv-sidebar--floating{transition-duration:var(--mlv-duration-instant)}}.mlv-drawer .mlv-sidebar,.mlv-drawer .mlv-sidebar .mlv-sidebar__container{width:100%}.mlv-drawer .mlv-sidebar .mlv-sidebar-item__label{display:block;width:auto;opacity:1}\n"], dependencies: [{ kind: "component", type: MlvDrawer, selector: "mlv-drawer", inputs: ["position", "ariaLabel", "ariaLabelledBy", "size", "resizable", "snapPoints", "defaultSnap", "minSize", "maxSize"] }, { kind: "directive", type: MlvDrawerContent, selector: "[mlvDrawerContent]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MlvScrollbar, selector: "mlv-scrollbar", inputs: ["orientation", "scrollbarSize", "disabled", "ariaLabel", "viewportTabIndex"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvSidebar, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-sidebar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MlvDrawer, MlvDrawerContent, NgTemplateOutlet, MlvScrollbar], providers: [
+                        {
+                            provide: SIDEBAR_CONTEXT,
+                            useExisting: forwardRef(() => MlvSidebar),
+                        },
+                    ], host: {
+                        class: 'mlv-sidebar',
+                        '[class.mlv-sidebar--collapsed]': '_effectiveCollapsed()',
+                        '[class]': '"mlv-sidebar--" + effectiveMode()',
+                        '[class.mlv-sidebar--full-height]': 'fullHeight()',
+                        '[style.--mlv-sidebar-expanded-width]': 'width()',
+                        '[style.--mlv-sidebar-collapsed-width]': 'collapsedWidth()',
+                        role: 'navigation',
+                        '[attr.aria-label]': '_resolvedAriaLabel()',
+                    }, template: "<!-- Container captured once so the single <ng-content/> projection works in\n     both the offcanvas (drawer overlay) and the inline branches. Two default\n     <ng-content> slots would leave one empty (Angular projects into the last). -->\n<ng-template #projectedContent>\n  <ng-content />\n</ng-template>\n\n<ng-template #body>\n  <div\n    class=\"mlv-sidebar__container\"\n    (keydown)=\"onContainerKeydown($event)\"\n    tabindex=\"-1\"\n  >\n    @if (_hasSlots()) {\n    <ng-container [ngTemplateOutlet]=\"projectedContent\" />\n    } @else {\n    <mlv-scrollbar class=\"mlv-sidebar__scrollbar\">\n      <ng-container [ngTemplateOutlet]=\"projectedContent\" />\n    </mlv-scrollbar>\n    }\n  </div>\n</ng-template>\n\n@if (effectiveMode() === 'offcanvas') {\n<mlv-drawer\n  [opened]=\"!_effectiveCollapsed()\"\n  position=\"left\"\n  [size]=\"width()\"\n  [hasBackdrop]=\"true\"\n  (openedChange)=\"_onDrawerOpenedChange($event)\"\n>\n  <ng-template mlvDrawerContent>\n    <ng-container [ngTemplateOutlet]=\"body\" />\n  </ng-template>\n</mlv-drawer>\n} @else {\n<ng-container [ngTemplateOutlet]=\"body\" />\n}\n", styles: ["@charset \"UTF-8\";.mlv-sidebar{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-sidebar *{box-sizing:border-box}.mlv-sidebar{--mlv-sidebar-border-width: .0625rem;--mlv-sidebar-gutter: var(--mlv-spacing-2);--mlv-sidebar-row-height: 2.25rem;--mlv-sidebar-hover-bg: var(--mlv-background-neutral-1);--mlv-sidebar-active-bg: var(--mlv-background-accent-1-pale);--mlv-sidebar-rail-color: var(--mlv-border-normal);--mlv-sidebar-icon-column-width: calc( var(--mlv-sidebar-collapsed-width, 3.5rem) - var( --mlv-sidebar-gutter ) - var(--mlv-sidebar-gutter) - var(--mlv-sidebar-border-width) - var( --mlv-sidebar-border-width ) );display:block;position:relative;width:var(--mlv-sidebar-expanded-width, 16.25rem);border:var(--mlv-sidebar-border-width) solid var(--mlv-border-subtle);border-radius:calc(var(--mlv-radius-m) + var(--mlv-spacing-2));box-shadow:var(--mlv-shadow-1);padding:var(--mlv-sidebar-gutter);background:var(--mlv-background-raised);overflow:visible;transition:width var(--mlv-duration-normal) var(--mlv-ease-in-out-strong)}.mlv-sidebar__container{display:flex;flex-direction:column;height:100%;gap:.0625rem;width:100%;overflow:hidden}.mlv-sidebar--collapsed{width:var(--mlv-sidebar-collapsed-width, 3.5rem)}.mlv-sidebar__header{flex-shrink:0;width:100%}.mlv-sidebar__content{flex:1 1 0;display:flex;overflow:hidden;min-height:0;width:100%}.mlv-sidebar__scrollbar,.mlv-sidebar__content-scrollbar{flex:1 1 auto;width:100%;min-height:0}.mlv-sidebar__scrollbar>.mlv-scrollbar__viewport>.mlv-scrollbar__content,.mlv-sidebar__content-scrollbar>.mlv-scrollbar__viewport>.mlv-scrollbar__content{display:flex;flex-direction:column;gap:.0625rem}.mlv-sidebar__scrollbar>.mlv-scrollbar__viewport,.mlv-sidebar__content-scrollbar>.mlv-scrollbar__viewport{overflow-x:hidden}.mlv-sidebar__footer{flex-shrink:0;width:100%}.mlv-sidebar--offcanvas{width:0;min-width:0;flex:0 0 auto;overflow:hidden;border:none;box-shadow:none;padding:0;background:transparent}.mlv-sidebar--floating{position:absolute;z-index:100;box-shadow:var(--mlv-shadow-3);height:100%;transition:width var(--mlv-duration-normal) var(--mlv-ease-in-out-strong),transform var(--mlv-duration-normal) var(--mlv-ease-drawer)}.mlv-sidebar--floating.mlv-sidebar--collapsed{transform:translate(-100%)}.mlv-sidebar--full-height{position:sticky;top:var(--mlv-sidebar-offset-top, 0px);height:calc(100dvh - var(--mlv-sidebar-offset-top, 0px) - var(--mlv-sidebar-offset-bottom, 0px));align-self:flex-start}.mlv-sidebar--full-height .mlv-sidebar__container{overflow:hidden}[class*=--tight] .mlv-sidebar:not([class*=--compact],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-sidebar[class*=--tight]{--mlv-sidebar-row-height: 1.875rem}[class*=--compact] .mlv-sidebar:not([class*=--tight],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-sidebar[class*=--compact]{--mlv-sidebar-row-height: var(--mlv-height-xs)}[class*=--spacious] .mlv-sidebar:not([class*=--tight],[class*=--compact],[class*=--comfortable],[class*=--airy]),.mlv-sidebar[class*=--spacious]{--mlv-sidebar-row-height: var(--mlv-height-s)}[class*=--airy] .mlv-sidebar:not([class*=--tight],[class*=--compact],[class*=--comfortable],[class*=--spacious]),.mlv-sidebar[class*=--airy]{--mlv-sidebar-row-height: var(--mlv-height-m)}@media(prefers-reduced-motion:reduce){.mlv-sidebar,.mlv-sidebar--floating{transition-duration:var(--mlv-duration-instant)}}.mlv-drawer .mlv-sidebar,.mlv-drawer .mlv-sidebar .mlv-sidebar__container{width:100%}.mlv-drawer .mlv-sidebar .mlv-sidebar-item__label{display:block;width:auto;opacity:1}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { collapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed", required: false }] }, { type: i0.Output, args: ["collapsedChange"] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }, { type: i0.Output, args: ["widthChange"] }], collapsedWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsedWidth", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], collapseBelow: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseBelow", required: false }] }], fullHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullHeight", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], minWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "minWidth", required: false }] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], _headerRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvSidebarHeader), { isSignal: true }] }], _footerRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvSidebarFooter), { isSignal: true }] }], _contentRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SidebarContentDirective), { isSignal: true }] }] } });
+//# sourceMappingURL=sidebar.js.map

package/esm2022/sidebar/lib/sidebar/sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../../../../../../../libs/core/sidebar/src/lib/sidebar/sidebar.ts","../../../../../../../libs/core/sidebar/src/lib/sidebar/sidebar.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,UAAU,EACV,MAAM,EACN,KAAK,EACL,KAAK,EACL,SAAS,GACV,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,OAAO,EAAE,KAAK,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAElE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;;AA0BxD,MAAM,OAAO,UAAU;IACrB,sDAAsD;IACnC,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;IAEpD;;;OAGG;IACc,WAAW,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC;IAE5D;;;;OAIG;IACK,6BAA6B,GAAmB,IAAI,CAAC;IAE7D;;;;OAIG;IACM,SAAS,GAAG,KAAK,CAAU,KAAK;kFAAC,CAAC;IAE3C;;;OAGG;IACM,KAAK,GAAG,KAAK,CAAC,OAAO;8EAAC,CAAC;IAEhC;;OAEG;IACM,cAAc,GAAG,KAAK,CAAC,MAAM;uFAAC,CAAC;IAExC;;;;;;OAMG;IACM,IAAI,GAAG,KAAK,CAAiB,MAAM;6EAAC,CAAC;IAE9C;;;;;;;;;;;;;OAaG;IACM,aAAa,GAAG,KAAK,CAAuB,IAAI;sFAAC,CAAC;IAE3D;;;OAGG;IACM,UAAU,GAAG,KAAK,CAAwB,KAAK,kFACtD,SAAS,EAAE,qBAAqB,GAChC,CAAC;IAEH;;;;;;;;;OASG;IACM,SAAS,GAAG,KAAK,CAAqB,SAAS;kFAAC,CAAC;IAE1D;;OAEG;IACM,QAAQ,GAAG,KAAK,CAAS,GAAG;iFAAC,CAAC;IAEvC;;OAEG;IACM,QAAQ,GAAG,KAAK,CAAS,GAAG;iFAAC,CAAC;IAEvC;;;OAGG;IACc,0BAA0B,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC1D,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QACxC,OAAO,UAAU,KAAK,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC;IACtE,CAAC;mGAAC,CAAC;IAEH;;;;;;OAMG;IACM,aAAa,GAAG,QAAQ,CAAiB,GAAG,EAAE,CACrD,IAAI,CAAC,0BAA0B,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE;sFAC9D,CAAC;IAEF;;;OAGG;IACgB,mBAAmB,GAAG,QAAQ,CAC/C,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,OAAO,IAAI,IAAI,CAAC,SAAS,EAAE;4FAC3D,CAAC;IAEF;;;OAGG;IACgB,kBAAkB,GAAG,QAAQ,CAC9C,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,UAAU;2FAClD,CAAC;IAEF,kDAAkD;IAC/B,UAAU,GAAG,YAAY,CAAC,gBAAgB;mFAAC,CAAC;IAE/D,kDAAkD;IAC/B,UAAU,GAAG,YAAY,CAAC,gBAAgB;mFAAC,CAAC;IAE/D,mDAAmD;IAChC,WAAW,GAAG,YAAY,CAAC,uBAAuB;oFAAC,CAAC;IAEvE,qEAAqE;IAClD,SAAS,GAAG,QAAQ,CACrC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;kFACvE,CAAC;IAEF;QACE,sEAAsE;QACtE,yEAAyE;QACzE,0EAA0E;QAC1E,MAAM,CAAC,GAAG,EAAE;YACV,MAAM,KAAK,GAAG,IAAI,CAAC,0BAA0B,EAAE,CAAC;YAEhD,SAAS,CAAC,GAAG,EAAE;gBACb,IAAI,KAAK,EAAE,CAAC;oBACV,IAAI,IAAI,CAAC,6BAA6B,KAAK,IAAI,EAAE,CAAC;wBAChD,IAAI,CAAC,6BAA6B,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;wBACtD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;oBAC3B,CAAC;oBACD,OAAO;gBACT,CAAC;gBAED,IAAI,IAAI,CAAC,6BAA6B,KAAK,IAAI,EAAE,CAAC;oBAChD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;oBACvD,IAAI,CAAC,6BAA6B,GAAG,IAAI,CAAC;gBAC5C,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;;OAGG;IACH,MAAM;QACJ,IAAI,IAAI,CAAC,aAAa,EAAE,KAAK,OAAO;YAAE,OAAO;QAC7C,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACnC,CAAC;IAED,iFAAiF;IACjF,QAAQ,CAAC,EAAU;QACjB,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC5D,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,OAAO,IAAI,CAAC,CAAC;IACjC,CAAC;IAED,kEAAkE;IACxD,qBAAqB,CAAC,MAAe;QAC7C,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC;IAC9B,CAAC;IAED;;;;OAIG;IACO,kBAAkB,CAAC,KAAY;QACvC,MAAM,CAAC,GAAG,KAAsB,CAAC;QACjC,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS;YAAE,OAAO;QAEzD,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnB,MAAM,SAAS,GAAG,CAAC,CAAC,aAA4B,CAAC;QAEjD,kEAAkE;QAClE,0EAA0E;QAC1E,yEAAyE;QACzE,wCAAwC;QACxC,MAAM,KAAK,GAAkB,EAAE,CAAC;QAChC,MAAM,IAAI,GAAG,IAAI,GAAG,EAAe,CAAC;QACpC,MAAM,GAAG,GAAG,CAAC,EAAkC,EAAQ,EAAE;YACvD,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,wBAAwB,CAAC,EAAE,CAAC;gBACjE,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;gBACb,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YACjB,CAAC;QACH,CAAC,CAAC;QAEF,SAAS;aACN,gBAAgB,CACf,6FAA6F,CAC9F;aACA,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;YACd,IAAI,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,kBAAkB,EAAE,CAAC;gBACpD,GAAG,CACD,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC;oBACzB,CAAC,CAAC,EAAE;oBACJ,CAAC,CAAC,EAAE,CAAC,aAAa,CAAc,6BAA6B,CAAC,CACjE,CAAC;gBACF,OAAO;YACT,CAAC;YACD,4EAA4E;YAC5E,IAAI,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;gBAAE,OAAO;YAC3C,GAAG,CAAC,EAAE,CAAC,CAAC;QACV,CAAC,CAAC,CAAC;QAEL,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,aAA4B,CAAC,CAAC;QACjE,IAAI,GAAG,KAAK,CAAC,CAAC;YAAE,OAAO;QAEvB,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;YAC1B,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;QAC3C,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;QAC1D,CAAC;IACH,CAAC;uGA5OU,UAAU;2FAAV,UAAU,yrDAjBV;YACT;gBACE,OAAO,EAAE,eAAe;gBACxB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC;aAC1C;SACF,kEA2I4C,gBAAgB,6FAGhB,gBAAgB,8FAGf,uBAAuB,gECzLvE,mmCAsCA,4mHDJY,SAAS,oLAAE,gBAAgB,+DAAE,gBAAgB,oJAAE,YAAY;;2FAkB1D,UAAU;kBAxBtB,SAAS;+BACE,aAAa,iBAGR,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,WACtC,CAAC,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,YAAY,CAAC,aAC3D;wBACT;4BACE,OAAO,EAAE,eAAe;4BACxB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,WAAW,CAAC;yBAC1C;qBACF,QACK;wBACJ,KAAK,EAAE,aAAa;wBACpB,gCAAgC,EAAE,uBAAuB;wBACzD,SAAS,EAAE,mCAAmC;wBAC9C,kCAAkC,EAAE,cAAc;wBAClD,sCAAsC,EAAE,SAAS;wBACjD,uCAAuC,EAAE,kBAAkB;wBAC3D,IAAI,EAAE,YAAY;wBAClB,mBAAmB,EAAE,sBAAsB;qBAC5C;qkCAiI4C,gBAAgB,4FAGhB,gBAAgB,6FAGf,uBAAuB","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  contentChild,\n  effect,\n  forwardRef,\n  inject,\n  model,\n  input,\n  untracked,\n} from '@angular/core';\nimport type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport type { MlvBreakpoint } from '@malva-ui/cdk/utils';\nimport { clamp, MlvBreakpointService } from '@malva-ui/cdk/utils';\nimport type { MlvSidebarContextValue } from '../sidebar-context';\nimport { SIDEBAR_CONTEXT } from '../sidebar-context';\nimport type { MlvSidebarMode } from '../sidebar-mode';\nimport { MlvSidebarHeader } from '../sidebar-header';\nimport { MlvSidebarFooter } from '../sidebar-footer';\nimport { SidebarContentDirective } from '../sidebar-content';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { MlvDrawer, MlvDrawerContent } from '@malva-ui/core/drawer';\nimport { MLV_SIDEBAR_I18N } from '@malva-ui/i18n';\nimport { MlvScrollbar } from '@malva-ui/core/scrollbar';\n\n@Component({\n  selector: 'mlv-sidebar',\n  templateUrl: './sidebar.html',\n  styleUrl: './sidebar.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [MlvDrawer, MlvDrawerContent, NgTemplateOutlet, MlvScrollbar],\n  providers: [\n    {\n      provide: SIDEBAR_CONTEXT,\n      useExisting: forwardRef(() => MlvSidebar),\n    },\n  ],\n  host: {\n    class: 'mlv-sidebar',\n    '[class.mlv-sidebar--collapsed]': '_effectiveCollapsed()',\n    '[class]': '\"mlv-sidebar--\" + effectiveMode()',\n    '[class.mlv-sidebar--full-height]': 'fullHeight()',\n    '[style.--mlv-sidebar-expanded-width]': 'width()',\n    '[style.--mlv-sidebar-collapsed-width]': 'collapsedWidth()',\n    role: 'navigation',\n    '[attr.aria-label]': '_resolvedAriaLabel()',\n  },\n})\nexport class MlvSidebar implements MlvSidebarContextValue {\n  /** @protected The component's i18n strings signal. */\n  protected readonly _i18n = inject(MLV_SIDEBAR_I18N);\n\n  /**\n   * @private Signal-based viewport breakpoint service. Wraps the CDK\n   * `BreakpointObserver`, so it is SSR-safe — no direct `matchMedia` access.\n   */\n  private readonly _breakpoint = inject(MlvBreakpointService);\n\n  /**\n   * @private Collapsed value captured when the responsive override kicked in,\n   * so leaving the breakpoint restores what the author/user had before.\n   * `null` while no responsive override is active.\n   */\n  private _collapsedBeforeAutoOffcanvas: boolean | null = null;\n\n  /**\n   * Controls expanded vs. collapsed (icon-only) mode.\n   * Accepts truthy strings via `coerceBooleanProperty`.\n   * Two-way bindable via `[(collapsed)]`.\n   */\n  readonly collapsed = model<boolean>(false);\n\n  /**\n   * Total width of the sidebar host when expanded, including border and padding.\n   * Two-way bindable — updated by `setWidth()` during rail drag.\n   */\n  readonly width = model('260px');\n\n  /**\n   * Total width of the sidebar host when collapsed, including border and padding.\n   */\n  readonly collapsedWidth = input('56px');\n\n  /**\n   * MlvLayout mode controlling how the sidebar renders and collapses.\n   * - `'icon'` — collapses to an icon-only rail (default).\n   * - `'offcanvas'` — slides off-screen when collapsed.\n   * - `'floating'` — floats over content when expanded.\n   * - `'fixed'` — always fully expanded; collapse is a no-op.\n   */\n  readonly mode = input<MlvSidebarMode>('icon');\n\n  /**\n   * Viewport breakpoint below which the sidebar automatically behaves as an\n   * `'offcanvas'` drawer, regardless of {@link mode}.\n   *\n   * `null` (the default) keeps the sidebar on {@link mode} at every width.\n   * Setting it to `'md'` makes the sidebar an overlay drawer below 768px — it\n   * closes itself on entering that range, opens from a `mlv-sidebar-trigger`,\n   * and dismisses on Escape, backdrop click, or focus leaving the drawer, like\n   * any `mode=\"offcanvas\"` sidebar. The previous collapsed state is restored\n   * when the viewport grows back past the breakpoint.\n   *\n   * Thresholds come from `MLV_BREAKPOINT_CONFIG` (`provideMlvBreakpoints()`),\n   * so they stay in sync with the SCSS `breakpoint-*` mixins.\n   */\n  readonly collapseBelow = input<MlvBreakpoint | null>(null);\n\n  /**\n   * When true, the sidebar stretches to full viewport height.\n   * Adds the `mlv-sidebar--full-height` modifier class.\n   */\n  readonly fullHeight = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * Accessible name for the `navigation` landmark.\n   *\n   * Set this whenever a page renders more than one sidebar (or another\n   * `navigation` landmark) so assistive technology can tell them apart.\n   * When omitted, the localized `MLV_SIDEBAR_I18N.navigation` default is used.\n   *\n   * Note: a plain `aria-label` attribute on `<mlv-sidebar>` cannot be used for\n   * this — the host binding owns the attribute and would overwrite it.\n   */\n  readonly ariaLabel = input<string | undefined>(undefined);\n\n  /**\n   * Minimum width in pixels the sidebar may be resized to via the drag rail.\n   */\n  readonly minWidth = input<number>(200);\n\n  /**\n   * Maximum width in pixels the sidebar may be resized to via the drag rail.\n   */\n  readonly maxWidth = input<number>(480);\n\n  /**\n   * @private True when {@link collapseBelow} is set and the viewport is\n   * narrower than that breakpoint.\n   */\n  private readonly _isBelowCollapseBreakpoint = computed(() => {\n    const breakpoint = this.collapseBelow();\n    return breakpoint !== null && this._breakpoint.isDown(breakpoint)();\n  });\n\n  /**\n   * The layout mode actually in effect.\n   *\n   * Equals {@link mode} unless {@link collapseBelow} is set and the viewport is\n   * narrower than that breakpoint, in which case it is `'offcanvas'`. Bind\n   * against this (not `mode`) when mirroring the sidebar's layout elsewhere.\n   */\n  readonly effectiveMode = computed<MlvSidebarMode>(() =>\n    this._isBelowCollapseBreakpoint() ? 'offcanvas' : this.mode(),\n  );\n\n  /**\n   * Effective collapsed state. Always `false` in `'fixed'` mode so the sidebar\n   * never visually collapses regardless of the `collapsed` model value.\n   */\n  protected readonly _effectiveCollapsed = computed(\n    () => this.effectiveMode() !== 'fixed' && this.collapsed(),\n  );\n\n  /**\n   * @protected Accessible name bound to the host `aria-label`. Prefers the\n   * author-supplied {@link ariaLabel} and falls back to the localized default.\n   */\n  protected readonly _resolvedAriaLabel = computed(\n    () => this.ariaLabel() ?? this._i18n().navigation,\n  );\n\n  /** @protected Header slot directive reference. */\n  protected readonly _headerRef = contentChild(MlvSidebarHeader);\n\n  /** @protected Footer slot directive reference. */\n  protected readonly _footerRef = contentChild(MlvSidebarFooter);\n\n  /** @protected Content slot directive reference. */\n  protected readonly _contentRef = contentChild(SidebarContentDirective);\n\n  /** @protected True when at least one slot directive is projected. */\n  protected readonly _hasSlots = computed(\n    () => !!(this._headerRef() || this._footerRef() || this._contentRef()),\n  );\n\n  constructor() {\n    // Entering the responsive offcanvas range must start closed — an open\n    // drawer covering the page on a viewport change is never what the author\n    // asked for. Leaving the range restores the pre-override collapsed value.\n    effect(() => {\n      const below = this._isBelowCollapseBreakpoint();\n\n      untracked(() => {\n        if (below) {\n          if (this._collapsedBeforeAutoOffcanvas === null) {\n            this._collapsedBeforeAutoOffcanvas = this.collapsed();\n            this.collapsed.set(true);\n          }\n          return;\n        }\n\n        if (this._collapsedBeforeAutoOffcanvas !== null) {\n          this.collapsed.set(this._collapsedBeforeAutoOffcanvas);\n          this._collapsedBeforeAutoOffcanvas = null;\n        }\n      });\n    });\n  }\n\n  /**\n   * Toggles the sidebar between collapsed and expanded.\n   * This is a no-op when the effective mode is `'fixed'`.\n   */\n  toggle(): void {\n    if (this.effectiveMode() === 'fixed') return;\n    this.collapsed.update((v) => !v);\n  }\n\n  /** Set the sidebar width in pixels. Clamps to the [minWidth, maxWidth] range. */\n  setWidth(px: number): void {\n    const clamped = clamp(px, this.minWidth(), this.maxWidth());\n    this.width.set(`${clamped}px`);\n  }\n\n  /** @protected Syncs drawer open/close back to collapsed model. */\n  protected _onDrawerOpenedChange(opened: boolean): void {\n    this.collapsed.set(!opened);\n  }\n\n  /**\n   * @protected Handles `ArrowDown`/`ArrowUp` keydown events on the sidebar container\n   * to move focus between focusable sidebar items and group triggers in DOM order.\n   * Wraps around at the list boundaries and skips elements inside `.cdk-overlay-container`.\n   */\n  protected onContainerKeydown(event: Event): void {\n    const e = event as KeyboardEvent;\n    if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp') return;\n\n    e.preventDefault();\n\n    const container = e.currentTarget as HTMLElement;\n\n    // Collect the focus target for each navigable row in DOM order. A\n    // `mlv-sidebar-item` may itself be focusable (button-style rows) or defer\n    // to a projected link/button (navigational rows), so resolve each to its\n    // actual focus target and de-duplicate.\n    const items: HTMLElement[] = [];\n    const seen = new Set<HTMLElement>();\n    const add = (el: HTMLElement | null | undefined): void => {\n      if (el && !seen.has(el) && !el.closest('.cdk-overlay-container')) {\n        seen.add(el);\n        items.push(el);\n      }\n    };\n\n    container\n      .querySelectorAll<HTMLElement>(\n        'mlv-sidebar-item, .mlv-sidebar-group__header, .mlv-sidebar-group__icon-btn, button, a[href]',\n      )\n      .forEach((el) => {\n        if (el.tagName.toLowerCase() === 'mlv-sidebar-item') {\n          add(\n            el.hasAttribute('tabindex')\n              ? el\n              : el.querySelector<HTMLElement>('a[href], button, [tabindex]'),\n          );\n          return;\n        }\n        // Focusable elements inside a sidebar item are resolved via the item above.\n        if (el.closest('mlv-sidebar-item')) return;\n        add(el);\n      });\n\n    const idx = items.indexOf(document.activeElement as HTMLElement);\n    if (idx === -1) return;\n\n    if (e.key === 'ArrowDown') {\n      items[(idx + 1) % items.length]?.focus();\n    } else {\n      items[(idx - 1 + items.length) % items.length]?.focus();\n    }\n  }\n}\n","<!-- Container captured once so the single <ng-content/> projection works in\n     both the offcanvas (drawer overlay) and the inline branches. Two default\n     <ng-content> slots would leave one empty (Angular projects into the last). -->\n<ng-template #projectedContent>\n  <ng-content />\n</ng-template>\n\n<ng-template #body>\n  <div\n    class=\"mlv-sidebar__container\"\n    (keydown)=\"onContainerKeydown($event)\"\n    tabindex=\"-1\"\n  >\n    @if (_hasSlots()) {\n    <ng-container [ngTemplateOutlet]=\"projectedContent\" />\n    } @else {\n    <mlv-scrollbar class=\"mlv-sidebar__scrollbar\">\n      <ng-container [ngTemplateOutlet]=\"projectedContent\" />\n    </mlv-scrollbar>\n    }\n  </div>\n</ng-template>\n\n@if (effectiveMode() === 'offcanvas') {\n<mlv-drawer\n  [opened]=\"!_effectiveCollapsed()\"\n  position=\"left\"\n  [size]=\"width()\"\n  [hasBackdrop]=\"true\"\n  (openedChange)=\"_onDrawerOpenedChange($event)\"\n>\n  <ng-template mlvDrawerContent>\n    <ng-container [ngTemplateOutlet]=\"body\" />\n  </ng-template>\n</mlv-drawer>\n} @else {\n<ng-container [ngTemplateOutlet]=\"body\" />\n}\n"]}

package/esm2022/sidebar/lib/sidebar-content.js

@@ -0,0 +1,37 @@
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, } from '@angular/core';
+import { MlvScrollbar } from '@malva-ui/core/scrollbar';
+import * as i0 from "@angular/core";
+/**
+ * Marks the scrollable middle region between header and footer inside the sidebar.
+ * Gets `flex: 1 1 0` so it fills the remaining space. Intended to hold sidebar items and groups.
+ */
+export class MlvSidebarContent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvSidebarContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: MlvSidebarContent, isStandalone: true, selector: "[mlvSidebarContent]", host: { classAttribute: "mlv-sidebar__content" }, ngImport: i0, template: `
+    <mlv-scrollbar class="mlv-sidebar__content-scrollbar">
+      <ng-content />
+    </mlv-scrollbar>
+  `, isInline: true, dependencies: [{ kind: "component", type: MlvScrollbar, selector: "mlv-scrollbar", inputs: ["orientation", "scrollbarSize", "disabled", "ariaLabel", "viewportTabIndex"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvSidebarContent, decorators: [{
+            type: Component,
+            args: [{
+                    // Attribute-selector component intentionally enhances the consumer's content container.
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: '[mlvSidebarContent]',
+                    template: `
+    <mlv-scrollbar class="mlv-sidebar__content-scrollbar">
+      <ng-content />
+    </mlv-scrollbar>
+  `,
+                    imports: [MlvScrollbar],
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        class: 'mlv-sidebar__content',
+                    },
+                }]
+        }] });
+/** Backwards-compatible public name retained for existing imports. */
+export { MlvSidebarContent as SidebarContentDirective };
+//# sourceMappingURL=sidebar-content.js.map

package/esm2022/sidebar/lib/sidebar-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-content.js","sourceRoot":"","sources":["../../../../../../libs/core/sidebar/src/lib/sidebar-content.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;;AAExD;;;GAGG;AAiBH,MAAM,OAAO,iBAAiB;uGAAjB,iBAAiB;2FAAjB,iBAAiB,iIAZlB;;;;GAIT,4DACS,YAAY;;2FAOX,iBAAiB;kBAhB7B,SAAS;mBAAC;oBACT,wFAAwF;oBACxF,8DAA8D;oBAC9D,QAAQ,EAAE,qBAAqB;oBAC/B,QAAQ,EAAE;;;;GAIT;oBACD,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE;wBACJ,KAAK,EAAE,sBAAsB;qBAC9B;iBACF;;AAGD,sEAAsE;AACtE,OAAO,EAAE,iBAAiB,IAAI,uBAAuB,EAAE,CAAC","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { MlvScrollbar } from '@malva-ui/core/scrollbar';\n\n/**\n * Marks the scrollable middle region between header and footer inside the sidebar.\n * Gets `flex: 1 1 0` so it fills the remaining space. Intended to hold sidebar items and groups.\n */\n@Component({\n  // Attribute-selector component intentionally enhances the consumer's content container.\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: '[mlvSidebarContent]',\n  template: `\n    <mlv-scrollbar class=\"mlv-sidebar__content-scrollbar\">\n      <ng-content />\n    </mlv-scrollbar>\n  `,\n  imports: [MlvScrollbar],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-sidebar__content',\n  },\n})\nexport class MlvSidebarContent {}\n\n/** Backwards-compatible public name retained for existing imports. */\nexport { MlvSidebarContent as SidebarContentDirective };\n"]}

package/esm2022/sidebar/lib/sidebar-context.js

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+export const SIDEBAR_CONTEXT = new InjectionToken('SIDEBAR_CONTEXT');
+//# sourceMappingURL=sidebar-context.js.map

package/esm2022/sidebar/lib/sidebar-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-context.js","sourceRoot":"","sources":["../../../../../../libs/core/sidebar/src/lib/sidebar-context.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAuB/C,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,cAAc,CAC/C,iBAAiB,CAClB,CAAC","sourcesContent":["import type { Signal } from '@angular/core';\nimport { InjectionToken } from '@angular/core';\nimport type { MlvSidebarMode } from './sidebar-mode';\n\nexport interface MlvSidebarContextValue {\n  /** Whether the sidebar is collapsed. */\n  readonly collapsed: Signal<boolean>;\n  /** Whether the current rendering context is inside a flyout popup. */\n  readonly inFlyout?: Signal<boolean>;\n  /** The layout mode requested by the author. */\n  readonly mode: Signal<MlvSidebarMode>;\n  /**\n   * The layout mode actually in effect. Equals {@link mode} unless a\n   * responsive override (`MlvSidebar.collapseBelow`) is active, in which case\n   * it reports `'offcanvas'`. Optional so externally implemented contexts stay\n   * valid — read it as `effectiveMode?.() ?? mode()`.\n   */\n  readonly effectiveMode?: Signal<MlvSidebarMode>;\n  /** Toggle between collapsed and expanded. */\n  toggle(): void;\n  /** Set the sidebar width in pixels (used by the rail during drag). */\n  setWidth(px: number): void;\n}\n\nexport const SIDEBAR_CONTEXT = new InjectionToken<MlvSidebarContextValue>(\n  'SIDEBAR_CONTEXT',\n);\n"]}