@malva-ui/core 0.1.13 → 0.1.14

package/dropdown/lib/options-adapter.d.ts

@@ -1,142 +0,0 @@
-import type { Signal } from '@angular/core';
-import type { Observable } from 'rxjs';
-import { MlvDataSource } from '@malva-ui/cdk/data-source';
-/**
- * A function producing option items for a query. May return a synchronous
- * array, a `Promise`, or an `Observable`. Async results drive the loading
- * affordance; a newer query supersedes an in-flight one.
- */
-export type MlvOptionsSearchFn<T> = (query: string) => T[] | Promise<T[]> | Observable<T[]>;
-/** Everything an option control accepts as its `options` input. */
-export type MlvOptionsInput<T> = readonly T[] | Observable<readonly T[]> | MlvDataSource<T> | null | undefined;
-/**
- * `'local'` — the consumer filters `items` itself (arrays / observables).
- * `'remote'` — the source owns filtering; the consumer calls `search()` and
- * renders `items` as-is (`MlvDataSource` / `searchFn`).
- */
-export type MlvOptionsMode = 'local' | 'remote';
-/**
- * Everything `MlvOptionsAdapter` reads from its owner. Every field is a
- * `Signal`, so an option control passes its own `input()`s straight through and
- * the adapter reacts to each of them — a swapped `source` reconnects, a swapped
- * `searchFn` re-arms the lazy gate, and `debounce` / `eager` are read at the
- * moment they matter rather than captured at construction.
- */
-export interface MlvOptionsAdapterConfig<T> {
-    /** The control's `options` input. */
-    source: Signal<MlvOptionsInput<T>>;
-    /** Optional remote search function; when set it supersedes `source`. */
-    searchFn: Signal<MlvOptionsSearchFn<T> | null | undefined>;
-    /** Debounce (ms) applied to remote searches only. */
-    debounce: Signal<number>;
-    /** When `true`, a `searchFn` runs `searchFn('')` on construction instead of lazily. */
-    eager: Signal<boolean>;
-}
-/**
- * Normalises `T[] | Observable<T[]> | MlvDataSource<T>` (+ optional
- * `searchFn`) into one reactive shape shared by `mlv-select`, `mlv-combobox`
- * and `[mlvAutocomplete]`. Construct it inside an injection context (a
- * component field initialiser or constructor) — it uses `effect()` and
- * `DestroyRef`.
- *
- * Paging (`MlvDataSource` only): `connect()` emits the current page's slice and
- * the adapter accumulates, tracking the **applied page** — the page whose slice
- * is currently in `items` — alongside the items accumulated before it:
- *
- * - `page <= 1` → the slice replaces `items` and accumulation restarts.
- * - `page === appliedPage` → the source re-emitted the page already shown (a
- *   backing array changed, a refetch landed): its **tail is replaced**, never
- *   appended, so rows are not duplicated.
- * - `page > appliedPage` → the slice is appended.
- * - A run where the slice reference has not changed (a `page` bump whose data
- *   has not arrived yet) applies nothing.
- *
- * `loadMore()` is therefore a no-op while a page is pending — a scroll sentinel
- * firing repeatedly cannot skip a page.
- *
- * Swapping the `searchFn` **only re-arms the lazy gate** (the next
- * `ensureLoaded()` calls the new function): the in-flight call is left running
- * and `items` / `ready` / `loading` are untouched, so results stay on screen
- * until the new function answers and a control bound to an inline arrow — a
- * fresh reference on every change detection run — is not reset on every pass.
- */
-export declare class MlvOptionsAdapter<T> {
-    private readonly _config;
-    /** @private Lifetime for the in-flight `searchFn` subscription / debounce timer. */
-    private readonly _destroyRef;
-    /** @private Which branch the current inputs select. `searchFn` wins over the source. */
-    private readonly _kind;
-    /** @private Latest emission of the observable source. */
-    private readonly _obsItems;
-    /** @private Whether the observable source has emitted at least once. */
-    private readonly _obsReady;
-    /** @private The connected source and its (memoised) `connect()` signal. */
-    private readonly _connected;
-    /** @private Accumulated pages. */
-    private readonly _dsItems;
-    /** @private Whether the source has been observed not-loading at least once since connect. */
-    private readonly _dsReady;
-    /** @private Last slice reference applied — a `page` bump whose slice has not arrived yet must not append. */
-    private _dsLastSlice;
-    /** @private The page whose slice is currently applied (`0` = none yet). Distinguishes an append from a re-emit of the page already shown. */
-    private _dsAppliedPage;
-    /** @private Items accumulated *before* the applied page — the prefix a re-emit of that page is re-appended to. */
-    private _dsBase;
-    /** @private Last `searchFn` result. */
-    private readonly _fnItems;
-    /** @private Whether a `searchFn` call is in flight. */
-    private readonly _fnLoading;
-    /** @private Whether `searchFn` has produced (or failed) at least once. */
-    private readonly _fnReady;
-    /** @private Whether `searchFn` has been invoked at least once (lazy-load gate). */
-    private _fnStarted;
-    /**
-     * @private The `searchFn` reference the swap effect last observed, normalised
-     * to `null` when unset. Stays `undefined` until that effect's first run, which
-     * is how `undefined → fn` at construction is told apart from a genuine swap.
-     */
-    private _fnSeen;
-    /** @private In-flight `searchFn` subscription (superseded by a newer query). */
-    private _fnSub;
-    /** @private Monotonic token discarding stale `searchFn` results. */
-    private _fnToken;
-    /** @private Pending debounce timer for remote searches. */
-    private _debounceTimer;
-    /** @private Last query handed to `search()`; replayed by `ensureLoaded()`. */
-    private _lastQuery;
-    /** `'local'` for arrays / observables (consumer filters); `'remote'` for a data source or `searchFn`. */
-    readonly mode: Signal<MlvOptionsMode>;
-    /** The current raw items (accumulated pages for a data source). */
-    readonly items: Signal<readonly T[]>;
-    /** Source-owned "first page / search in flight" flag (drives the top spinner row). */
-    readonly loading: Signal<boolean>;
-    /** A page beyond the first is in flight (drives the bottom spinner row). Data source only. */
-    readonly loadingMore: Signal<boolean>;
-    /** The first payload has arrived — arrays immediately, observables on first emit, data sources once observed not-loading, `searchFn` after its first result. */
-    readonly ready: Signal<boolean>;
-    /** More pages exist (`items.length < totalItems`). Data source only. */
-    readonly hasMore: Signal<boolean>;
-    constructor(_config: MlvOptionsAdapterConfig<T>);
-    /**
-     * Remote-mode search entry point (debounced). Data source → `setSearch({ query, keys: [] })`
-     * (or `null` for a blank query); `searchFn` → invoked with the query. No-op in local mode.
-     */
-    search(query: string): void;
-    /** Runs the initial `searchFn` load if it has not run yet (data sources connect eagerly; local modes need nothing). */
-    ensureLoaded(): void;
-    /**
-     * Requests the next data-source page. No-op unless `hasMore()`, nothing is in
-     * flight, and the source's current page is the one already applied — a page
-     * requested but not yet accumulated (or a search that reset the source to page
-     * one) blocks the next bump, so a scroll sentinel cannot skip a page.
-     */
-    loadMore(): void;
-    /** @private Clears every accumulation bookkeeping field — on connect, and when a source is disconnected. */
-    private _resetDataSource;
-    /** @private Schedules `run` after `debounce` ms (immediately when 0), cancelling a pending one. */
-    private _debounced;
-    /** @private Forwards a query to the connected data source using the option-control contract (`keys: []`). */
-    private _searchDataSource;
-    /** @private Invokes `searchFn`, superseding any in-flight call; keeps stale items until the result. */
-    private _runSearchFn;
-}

package/dropdown/lib/options-result.d.ts

@@ -1,6 +0,0 @@
-import { type Observable } from 'rxjs';
-/**
- * Normalises every supported search result into a one-shot observable. Shared
- * by `MlvOptionsAdapter` and `[mlvAutocomplete]`.
- */
-export declare function toOptionsResult<T>(result: T[] | Promise<T[]> | Observable<T[]>): Observable<T[]>;

package/dropdown/lib/reconciliation.d.ts

@@ -1,19 +0,0 @@
-/**
- * `@angular/aria`'s `ngListbox` reconciles its `value` model against the
- * currently **rendered** options and re-emits `valueChange` whenever the
- * rendered set changes — not only on user interaction. These helpers let an
- * owning control tell that noise apart from a genuine selection.
- */
-/**
- * Whether an incoming listbox `valueChange` is pure aria reconciliation: it
- * (a) adds no value that is not already committed and (b) only removes values
- * whose option is currently not rendered (`visible`). An emit that exactly
- * restates the committed selection is reconciliation too.
- */
-export declare function isReconciliationEmit<T>(incoming: readonly T[], committed: readonly T[], visible: readonly T[], compare: (a: T, b: T) => boolean): boolean;
-/**
- * Committed values that aria dropped only because their option is not
- * rendered (not in `visible`) and that are not in `incoming`. Re-add them to
- * a genuine multi-select pick so earlier selections survive filtering.
- */
-export declare function filteredOutCommitted<T>(incoming: readonly T[], committed: readonly T[], visible: readonly T[], compare: (a: T, b: T) => boolean): T[];

package/dropdown/lib/select-data-source.d.ts

@@ -1,18 +0,0 @@
-import type { Signal } from '@angular/core';
-import { MlvArrayDataSource } from '@malva-ui/cdk/data-source';
-/**
- * In-memory data source for option controls (`mlv-select`, `mlv-combobox`,
- * `[mlvAutocomplete]`). Identical to `MlvArrayDataSource` except that it is
- * **unpaged** (`perPage = Infinity`) so the whole list renders; the shared
- * natural-field search (`setSearch({ query, keys: [] })`) and sorting are
- * inherited. Reach for it when you want a data-source-shaped API over an
- * in-memory array (e.g. to swap for a remote subclass later); a plain `T[]`
- * remains the simplest input.
- */
-export declare class MlvSelectDataSource<T> extends MlvArrayDataSource<T> {
-    /**
-     * @param data A plain array (wrapped in a signal automatically) or a
-     * `Signal<T[]>` to track reactively.
-     */
-    constructor(data: Signal<T[]> | T[]);
-}

package/dropdown/lib/select-option.d.ts

@@ -1,37 +0,0 @@
-export interface MlvSelectOption<T = unknown> {
-    label: string;
-    value: T;
-    /**
-     * Optional group label. When one or more options in an array carry a
-     * (non-empty) `group`, the dropdown panel clusters consecutive options that
-     * share the same `group` value under a sticky, **non-selectable** section
-     * header bearing this text (APG listbox grouping: `role="group"` +
-     * `aria-labelledby`).
-     *
-     * Group headers are purely presentational. They are:
-     * - skipped by keyboard navigation and type-ahead (they are not aria options);
-     * - excluded from a combobox's filtered result set — a header shows only when
-     *   at least one of its options matches the current filter;
-     * - never part of the control's value (a header is not a `MlvSelectOption`).
-     *
-     * Only honoured for `MlvSelectOption`-shaped options. Plain primitive arrays go
-     * through {@link defaultOptionTransform}, never carry a `group`, and therefore
-     * render exactly as an ungrouped list. Options without a `group` (or with an
-     * empty string) render ungrouped.
-     */
-    group?: string;
-}
-export type MlvSelectOptionTransform<T> = (item: T) => MlvSelectOption<T>;
-export declare function defaultOptionTransform<T>(item: T): MlvSelectOption<T>;
-export declare function isSelectOption<T>(value: unknown): value is MlvSelectOption<T>;
-/**
- * Type-guard predicate: whether an array of resolved options is "grouped",
- * i.e. at least one option carries a non-empty {@link MlvSelectOption.group} label.
- *
- * The dropdown panel uses this to decide whether to render sticky group headers.
- * Returns `false` for empty arrays and for arrays where no option declares a
- * group, so ungrouped `MlvSelectOption` arrays (and plain primitive arrays) render
- * exactly as before.
- */
-export declare function hasOptionGroups<T>(options: readonly MlvSelectOption<T>[]): boolean;
-export declare function resolveOptions<T>(items: T[], transform: MlvSelectOptionTransform<T>): MlvSelectOption<T>[];

package/dropdown/malva-ui-core-dropdown.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@malva-ui/core/dropdown" />
-export * from './index';

package/empty-state/index.d.ts

@@ -1 +0,0 @@
-export * from './lib/empty-state/empty-state';

package/empty-state/lib/empty-state/empty-state.d.ts

@@ -1,34 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * Empty state component for displaying a placeholder when there is no content
- * to show. Provides content projection slots for an icon or illustration,
- * a title, a description, and one or more action buttons.
- *
- * All slots are optional — compose only the ones your use-case requires.
- *
- * @example Basic
- * ```html
- * <mlv-empty-state>
- *   <ng-container mlvEmptyStateIcon>
- *     <svg lucideInbox [size]="48" />
- *   </ng-container>
- *   <span mlvEmptyStateTitle>No items found</span>
- * </mlv-empty-state>
- * ```
- *
- * @example With action
- * ```html
- * <mlv-empty-state>
- *   <ng-container mlvEmptyStateIcon><svg lucideFolder [size]="48" /></ng-container>
- *   <span mlvEmptyStateTitle>No projects</span>
- *   <span mlvEmptyStateDescription>Create your first project to get started.</span>
- *   <ng-container mlvEmptyStateActions>
- *     <button mlvButton>Create project</button>
- *   </ng-container>
- * </mlv-empty-state>
- * ```
- */
-export declare class MlvEmptyState {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MlvEmptyState, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MlvEmptyState, "mlv-empty-state", never, {}, {}, never, ["[mlvEmptyStateIcon]", "[mlvEmptyStateTitle]", "[mlvEmptyStateDescription]", "[mlvEmptyStateActions]"], true, never>;
-}

package/empty-state/malva-ui-core-empty-state.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@malva-ui/core/empty-state" />
-export * from './index';

package/esm2022/accordion/index.js

@@ -1,4 +0,0 @@
-export * from './lib/accordion/accordion';
-export * from './lib/accordion-item/accordion-item';
-export * from './lib/accordion-item/accordion-header';
-//# sourceMappingURL=index.js.map

package/esm2022/accordion/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/accordion/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC","sourcesContent":["export * from './lib/accordion/accordion';\nexport * from './lib/accordion-item/accordion-item';\nexport * from './lib/accordion-item/accordion-header';\n"]}

package/esm2022/accordion/lib/accordion/accordion.js

@@ -1,65 +0,0 @@
-import { ChangeDetectionStrategy, Component, inject, ViewEncapsulation, } from '@angular/core';
-import { AccordionGroup } from '@angular/aria/accordion';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/aria/accordion";
-/**
- * Vertical accordion container built on the `@angular/aria` `AccordionGroup`
- * headless pattern. Projects one or more `mlv-accordion-item` children and
- * coordinates their expand/collapse behaviour, single- vs multi-expand mode,
- * and roving keyboard navigation (Arrow Up/Down, Home, End) across the item
- * headers.
- *
- * The `@angular/aria` `AccordionGroup` is applied as a host directive so the
- * `ACCORDION_GROUP` DI token it provides is visible to the triggers rendered
- * inside each projected `mlv-accordion-item`. Its inputs are re-exposed
- * verbatim on `<mlv-accordion>` — the aria directive owns the roles, keyboard
- * event listeners, roving tabindex, and `aria-*` wiring.
- *
- * @example Single-expand (default aria behaviour is multi-expand)
- * ```html
- * <mlv-accordion [multiExpandable]="false">
- *   <mlv-accordion-item header="Shipping">…</mlv-accordion-item>
- *   <mlv-accordion-item header="Returns">…</mlv-accordion-item>
- * </mlv-accordion>
- * ```
- *
- * @example Programmatic expand/collapse all
- * ```html
- * <mlv-accordion #acc [multiExpandable]="true">…</mlv-accordion>
- * <button (click)="acc.expandAll()">Expand all</button>
- * <button (click)="acc.collapseAll()">Collapse all</button>
- * ```
- */
-export class MlvAccordion {
-    /**
-     * @private The host `@angular/aria` `AccordionGroup` directive instance,
-     * used to delegate the imperative `expandAll()` / `collapseAll()` calls.
-     */
-    _group = inject(AccordionGroup);
-    /**
-     * Expands every accordion item. Only has an effect when `multiExpandable`
-     * is `true`; in single-expand mode the aria pattern keeps at most one panel
-     * open.
-     */
-    expandAll() {
-        this._group.expandAll();
-    }
-    /** Collapses every accordion item. */
-    collapseAll() {
-        this._group.collapseAll();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvAccordion, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: MlvAccordion, isStandalone: true, selector: "mlv-accordion", host: { classAttribute: "mlv-accordion" }, hostDirectives: [{ directive: i1.AccordionGroup, inputs: ["multiExpandable", "multiExpandable", "disabled", "disabled", "softDisabled", "softDisabled", "wrap", "wrap"] }], ngImport: i0, template: '<ng-content />', isInline: true, styles: [".mlv-accordion{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-typography-body-m-size)}.mlv-accordion *{box-sizing:border-box}.mlv-accordion{display:block;border:var(--mlv-stroke-width) solid var(--mlv-border-normal);border-radius:var(--mlv-radius-card);overflow:hidden;background-color:var(--mlv-background-raised)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvAccordion, decorators: [{
-            type: Component,
-            args: [{ selector: 'mlv-accordion', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
-                        {
-                            directive: AccordionGroup,
-                            inputs: ['multiExpandable', 'disabled', 'softDisabled', 'wrap'],
-                        },
-                    ], host: {
-                        class: 'mlv-accordion',
-                    }, styles: [".mlv-accordion{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-typography-body-m-size)}.mlv-accordion *{box-sizing:border-box}.mlv-accordion{display:block;border:var(--mlv-stroke-width) solid var(--mlv-border-normal);border-radius:var(--mlv-radius-card);overflow:hidden;background-color:var(--mlv-background-raised)}\n"] }]
-        }] });
-//# sourceMappingURL=accordion.js.map

package/esm2022/accordion/lib/accordion/accordion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../../../../../libs/core/accordion/src/lib/accordion/accordion.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,MAAM,EACN,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;;;AAEzD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAiBH,MAAM,OAAO,YAAY;IACvB;;;OAGG;IACc,MAAM,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;IAEjD;;;;OAIG;IACH,SAAS;QACP,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC;IAED,sCAAsC;IACtC,WAAW;QACT,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;IAC5B,CAAC;uGAnBU,YAAY;2FAAZ,YAAY,gSAdb,gBAAgB;;2FAcf,YAAY;kBAhBxB,SAAS;+BACE,eAAe,YACf,gBAAgB,iBAEX,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,kBAC/B;wBACd;4BACE,SAAS,EAAE,cAAc;4BACzB,MAAM,EAAE,CAAC,iBAAiB,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,CAAC;yBAChE;qBACF,QACK;wBACJ,KAAK,EAAE,eAAe;qBACvB","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  inject,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AccordionGroup } from '@angular/aria/accordion';\n\n/**\n * Vertical accordion container built on the `@angular/aria` `AccordionGroup`\n * headless pattern. Projects one or more `mlv-accordion-item` children and\n * coordinates their expand/collapse behaviour, single- vs multi-expand mode,\n * and roving keyboard navigation (Arrow Up/Down, Home, End) across the item\n * headers.\n *\n * The `@angular/aria` `AccordionGroup` is applied as a host directive so the\n * `ACCORDION_GROUP` DI token it provides is visible to the triggers rendered\n * inside each projected `mlv-accordion-item`. Its inputs are re-exposed\n * verbatim on `<mlv-accordion>` — the aria directive owns the roles, keyboard\n * event listeners, roving tabindex, and `aria-*` wiring.\n *\n * @example Single-expand (default aria behaviour is multi-expand)\n * ```html\n * <mlv-accordion [multiExpandable]=\"false\">\n *   <mlv-accordion-item header=\"Shipping\">…</mlv-accordion-item>\n *   <mlv-accordion-item header=\"Returns\">…</mlv-accordion-item>\n * </mlv-accordion>\n * ```\n *\n * @example Programmatic expand/collapse all\n * ```html\n * <mlv-accordion #acc [multiExpandable]=\"true\">…</mlv-accordion>\n * <button (click)=\"acc.expandAll()\">Expand all</button>\n * <button (click)=\"acc.collapseAll()\">Collapse all</button>\n * ```\n */\n@Component({\n  selector: 'mlv-accordion',\n  template: '<ng-content />',\n  styleUrl: './accordion.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: AccordionGroup,\n      inputs: ['multiExpandable', 'disabled', 'softDisabled', 'wrap'],\n    },\n  ],\n  host: {\n    class: 'mlv-accordion',\n  },\n})\nexport class MlvAccordion {\n  /**\n   * @private The host `@angular/aria` `AccordionGroup` directive instance,\n   * used to delegate the imperative `expandAll()` / `collapseAll()` calls.\n   */\n  private readonly _group = inject(AccordionGroup);\n\n  /**\n   * Expands every accordion item. Only has an effect when `multiExpandable`\n   * is `true`; in single-expand mode the aria pattern keeps at most one panel\n   * open.\n   */\n  expandAll(): void {\n    this._group.expandAll();\n  }\n\n  /** Collapses every accordion item. */\n  collapseAll(): void {\n    this._group.collapseAll();\n  }\n}\n"]}

package/esm2022/accordion/lib/accordion-item/accordion-header.js

@@ -1,30 +0,0 @@
-import { Directive } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Marks projected content as the rich header of a `mlv-accordion-item`.
- *
- * Use it when the header needs more than the plain `header` string input
- * (icons, badges, multi-line markup). When present, it renders inside the
- * accordion trigger button alongside — or instead of — the `header` text.
- *
- * @example
- * ```html
- * <mlv-accordion-item>
- *   <span mlvAccordionHeader>
- *     <svg lucideFolder [size]="16" /> Documents
- *   </span>
- *   <p>Panel content…</p>
- * </mlv-accordion-item>
- * ```
- */
-export class MlvAccordionHeader {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvAccordionHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvAccordionHeader, isStandalone: true, selector: "[mlvAccordionHeader]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvAccordionHeader, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[mlvAccordionHeader]',
-                }]
-        }] });
-//# sourceMappingURL=accordion-header.js.map

package/esm2022/accordion/lib/accordion-item/accordion-header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"accordion-header.js","sourceRoot":"","sources":["../../../../../../../libs/core/accordion/src/lib/accordion-item/accordion-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;;;;;;;;;;;;;;;GAgBG;AAIH,MAAM,OAAO,kBAAkB;uGAAlB,kBAAkB;2FAAlB,kBAAkB;;2FAAlB,kBAAkB;kBAH9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;iBACjC","sourcesContent":["import { Directive } from '@angular/core';\n\n/**\n * Marks projected content as the rich header of a `mlv-accordion-item`.\n *\n * Use it when the header needs more than the plain `header` string input\n * (icons, badges, multi-line markup). When present, it renders inside the\n * accordion trigger button alongside — or instead of — the `header` text.\n *\n * @example\n * ```html\n * <mlv-accordion-item>\n *   <span mlvAccordionHeader>\n *     <svg lucideFolder [size]=\"16\" /> Documents\n *   </span>\n *   <p>Panel content…</p>\n * </mlv-accordion-item>\n * ```\n */\n@Directive({\n  selector: '[mlvAccordionHeader]',\n})\nexport class MlvAccordionHeader {}\n"]}

package/esm2022/accordion/lib/accordion-item/accordion-item.js

@@ -1,70 +0,0 @@
-import { ChangeDetectionStrategy, Component, input, model, ViewEncapsulation, } from '@angular/core';
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import { AccordionContent, AccordionPanel, AccordionTrigger, } from '@angular/aria/accordion';
-import { MlvExpand } from '@malva-ui/core/expand';
-import { LucideChevronDown } from '@lucide/angular';
-import * as i0 from "@angular/core";
-/**
- * A single expandable section of a `mlv-accordion`.
- *
- * Renders a header button (the `@angular/aria` `AccordionTrigger`) and a
- * lazily-rendered content region (`AccordionPanel` + `AccordionContent`). The
- * visual open/close animation is provided by wrapping the panel content in
- * `mlv-expand`; the aria directives own the `role`, `aria-expanded`,
- * `aria-controls`/`aria-labelledby` linkage, `inert`, and keyboard handling.
- *
- * Panel content is rendered lazily on first expand via aria's `DeferredContent`
- * and then kept mounted (`preserveContent`) so the `mlv-expand`
- * grid-row animation is never torn down mid-transition — the collapse hides the
- * content through `mlv-expand`'s own `@if`, not by unmounting the panel.
- *
- * @example
- * ```html
- * <mlv-accordion>
- *   <mlv-accordion-item header="Billing" [(expanded)]="billingOpen">
- *     <p>Manage your billing details…</p>
- *   </mlv-accordion-item>
- * </mlv-accordion>
- * ```
- */
-export class MlvAccordionItem {
-    /**
-     * Plain-text header shown in the trigger button. For rich header content
-     * (icons, badges) project an element marked with the `mlvAccordionHeader`
-     * directive instead.
-     */
-    header = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "header" }] : /* istanbul ignore next */ []));
-    /**
-     * Disables this item: the trigger becomes non-interactive and gets
-     * `aria-disabled="true"`. Whether it stays keyboard-focusable is governed by
-     * the parent `mlv-accordion`'s `softDisabled` input (aria default: focusable).
-     * Supports attribute syntax: `<mlv-accordion-item disabled>`.
-     */
-    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
-    /**
-     * Two-way bindable expanded state of this item. Bind with
-     * `[(expanded)]="mySignal"`, or observe changes with
-     * `(expandedChange)="onToggle($event)"`. Kept in sync with the aria
-     * `AccordionTrigger` expansion model.
-     */
-    expanded = model(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvAccordionItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: MlvAccordionItem, isStandalone: true, selector: "mlv-accordion-item", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, host: { properties: { "class.mlv-accordion-item--open": "expanded()", "class.mlv-accordion-item--disabled": "disabled()" }, classAttribute: "mlv-accordion-item" }, ngImport: i0, template: "<h3 class=\"mlv-accordion-item__heading\">\n  <button\n    type=\"button\"\n    ngAccordionTrigger\n    class=\"mlv-accordion-item__trigger\"\n    [panel]=\"panel\"\n    [disabled]=\"disabled()\"\n    [(expanded)]=\"expanded\"\n  >\n    <span class=\"mlv-accordion-item__title\">\n      {{ header() }}<ng-content select=\"[mlvAccordionHeader]\" />\n    </span>\n    <svg\n      lucideChevronDown\n      class=\"mlv-accordion-item__icon\"\n      [size]=\"18\"\n      aria-hidden=\"true\"\n    ></svg>\n  </button>\n</h3>\n\n<div\n  ngAccordionPanel\n  #panel=\"ngAccordionPanel\"\n  class=\"mlv-accordion-item__panel\"\n  [preserveContent]=\"true\"\n>\n  <ng-template ngAccordionContent>\n    <mlv-expand [opened]=\"expanded()\">\n      <div class=\"mlv-accordion-item__content\">\n        <ng-content />\n      </div>\n    </mlv-expand>\n  </ng-template>\n</div>\n", styles: [".mlv-accordion-item{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-typography-body-m-size)}.mlv-accordion-item *{box-sizing:border-box}.mlv-accordion-item{display:block}.mlv-accordion-item+.mlv-accordion-item{border-top:var(--mlv-stroke-width) solid var(--mlv-border-normal)}.mlv-accordion-item__heading{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit}.mlv-accordion-item__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--mlv-spacing-3);width:100%;padding:var(--mlv-padding-l);border:none;background:transparent;color:var(--mlv-text-primary);font-family:inherit;font-size:var(--mlv-typography-heading-h3-size);font-weight:var(--mlv-typography-heading-h3-weight);line-height:var(--mlv-typography-heading-h3-line-height);text-align:start;cursor:pointer;transition:background-color var(--mlv-duration-fast) var(--mlv-ease-default)}.mlv-accordion-item__trigger:hover,.mlv-accordion-item__trigger[aria-expanded=true]{--mlv-accordion-icon-opacity: 1}.mlv-accordion-item__trigger:focus-visible{outline:var(--mlv-stroke-width) solid var(--mlv-border-focus);outline-offset:calc(var(--mlv-stroke-width) * -2)}.mlv-accordion-item__trigger[aria-disabled=true]{cursor:not-allowed;color:var(--mlv-text-disabled)}.mlv-accordion-item__title{display:inline-flex;align-items:center;gap:var(--mlv-spacing-3);min-width:0}.mlv-accordion-item__icon{flex:none;color:var(--mlv-text-secondary);transition:transform var(--mlv-duration-normal) var(--mlv-ease-default),opacity var(--mlv-duration-normal) var(--mlv-ease-default);opacity:var(--mlv-accordion-icon-opacity, .5)}@media(prefers-reduced-motion:reduce){.mlv-accordion-item__icon{transition:none}}.mlv-accordion-item__content{padding:var(--mlv-padding-l);color:var(--mlv-text-secondary)}.mlv-accordion-item--open .mlv-accordion-item__icon{transform:rotate(180deg)}.mlv-accordion-item--disabled{opacity:var(--mlv-disabled-opacity)}\n"], dependencies: [{ kind: "directive", type: AccordionTrigger, selector: "[ngAccordionTrigger]", inputs: ["panel", "id", "disabled", "expanded"], outputs: ["expandedChange"], exportAs: ["ngAccordionTrigger"] }, { kind: "directive", type: AccordionPanel, selector: "[ngAccordionPanel]", inputs: ["id"], exportAs: ["ngAccordionPanel"] }, { kind: "directive", type: AccordionContent, selector: "ng-template[ngAccordionContent]" }, { kind: "component", type: MlvExpand, selector: "mlv-expand", inputs: ["opened", "disabled", "ariaLabel", "ariaLabelledBy"], outputs: ["openedChange"] }, { kind: "component", type: LucideChevronDown, selector: "svg[lucideChevronDown]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvAccordionItem, decorators: [{
-            type: Component,
-            args: [{ selector: 'mlv-accordion-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        AccordionTrigger,
-                        AccordionPanel,
-                        AccordionContent,
-                        MlvExpand,
-                        LucideChevronDown,
-                    ], host: {
-                        class: 'mlv-accordion-item',
-                        '[class.mlv-accordion-item--open]': 'expanded()',
-                        '[class.mlv-accordion-item--disabled]': 'disabled()',
-                    }, template: "<h3 class=\"mlv-accordion-item__heading\">\n  <button\n    type=\"button\"\n    ngAccordionTrigger\n    class=\"mlv-accordion-item__trigger\"\n    [panel]=\"panel\"\n    [disabled]=\"disabled()\"\n    [(expanded)]=\"expanded\"\n  >\n    <span class=\"mlv-accordion-item__title\">\n      {{ header() }}<ng-content select=\"[mlvAccordionHeader]\" />\n    </span>\n    <svg\n      lucideChevronDown\n      class=\"mlv-accordion-item__icon\"\n      [size]=\"18\"\n      aria-hidden=\"true\"\n    ></svg>\n  </button>\n</h3>\n\n<div\n  ngAccordionPanel\n  #panel=\"ngAccordionPanel\"\n  class=\"mlv-accordion-item__panel\"\n  [preserveContent]=\"true\"\n>\n  <ng-template ngAccordionContent>\n    <mlv-expand [opened]=\"expanded()\">\n      <div class=\"mlv-accordion-item__content\">\n        <ng-content />\n      </div>\n    </mlv-expand>\n  </ng-template>\n</div>\n", styles: [".mlv-accordion-item{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-typography-body-m-size)}.mlv-accordion-item *{box-sizing:border-box}.mlv-accordion-item{display:block}.mlv-accordion-item+.mlv-accordion-item{border-top:var(--mlv-stroke-width) solid var(--mlv-border-normal)}.mlv-accordion-item__heading{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit}.mlv-accordion-item__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--mlv-spacing-3);width:100%;padding:var(--mlv-padding-l);border:none;background:transparent;color:var(--mlv-text-primary);font-family:inherit;font-size:var(--mlv-typography-heading-h3-size);font-weight:var(--mlv-typography-heading-h3-weight);line-height:var(--mlv-typography-heading-h3-line-height);text-align:start;cursor:pointer;transition:background-color var(--mlv-duration-fast) var(--mlv-ease-default)}.mlv-accordion-item__trigger:hover,.mlv-accordion-item__trigger[aria-expanded=true]{--mlv-accordion-icon-opacity: 1}.mlv-accordion-item__trigger:focus-visible{outline:var(--mlv-stroke-width) solid var(--mlv-border-focus);outline-offset:calc(var(--mlv-stroke-width) * -2)}.mlv-accordion-item__trigger[aria-disabled=true]{cursor:not-allowed;color:var(--mlv-text-disabled)}.mlv-accordion-item__title{display:inline-flex;align-items:center;gap:var(--mlv-spacing-3);min-width:0}.mlv-accordion-item__icon{flex:none;color:var(--mlv-text-secondary);transition:transform var(--mlv-duration-normal) var(--mlv-ease-default),opacity var(--mlv-duration-normal) var(--mlv-ease-default);opacity:var(--mlv-accordion-icon-opacity, .5)}@media(prefers-reduced-motion:reduce){.mlv-accordion-item__icon{transition:none}}.mlv-accordion-item__content{padding:var(--mlv-padding-l);color:var(--mlv-text-secondary)}.mlv-accordion-item--open .mlv-accordion-item__icon{transform:rotate(180deg)}.mlv-accordion-item--disabled{opacity:var(--mlv-disabled-opacity)}\n"] }]
-        }], propDecorators: { header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }] } });
-//# sourceMappingURL=accordion-item.js.map

package/esm2022/accordion/lib/accordion-item/accordion-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"accordion-item.js","sourceRoot":"","sources":["../../../../../../../libs/core/accordion/src/lib/accordion-item/accordion-item.ts","../../../../../../../libs/core/accordion/src/lib/accordion-item/accordion-item.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,KAAK,EACL,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,gBAAgB,GACjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;;AAEpD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAoBH,MAAM,OAAO,gBAAgB;IAC3B;;;;OAIG;IACM,MAAM,GAAG,KAAK,CAAS,EAAE;+EAAC,CAAC;IAEpC;;;;;OAKG;IACM,QAAQ,GAAG,KAAK,CAAwB,KAAK,gFACpD,SAAS,EAAE,qBAAqB,GAChC,CAAC;IAEH;;;;;OAKG;IACM,QAAQ,GAAG,KAAK,CAAU,KAAK;iFAAC,CAAC;uGAxB/B,gBAAgB;2FAAhB,gBAAgB,oqBC3D7B,k2BAmCA,8+DDYI,gBAAgB,iLAChB,cAAc,+GACd,gBAAgB,4EAChB,SAAS,iJACT,iBAAiB;;2FAQR,gBAAgB;kBAnB5B,SAAS;+BACE,oBAAoB,iBAGf,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,WACtC;wBACP,gBAAgB;wBAChB,cAAc;wBACd,gBAAgB;wBAChB,SAAS;wBACT,iBAAiB;qBAClB,QACK;wBACJ,KAAK,EAAE,oBAAoB;wBAC3B,kCAAkC,EAAE,YAAY;wBAChD,sCAAsC,EAAE,YAAY;qBACrD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  input,\n  model,\n  ViewEncapsulation,\n} from '@angular/core';\nimport type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n  AccordionContent,\n  AccordionPanel,\n  AccordionTrigger,\n} from '@angular/aria/accordion';\nimport { MlvExpand } from '@malva-ui/core/expand';\nimport { LucideChevronDown } from '@lucide/angular';\n\n/**\n * A single expandable section of a `mlv-accordion`.\n *\n * Renders a header button (the `@angular/aria` `AccordionTrigger`) and a\n * lazily-rendered content region (`AccordionPanel` + `AccordionContent`). The\n * visual open/close animation is provided by wrapping the panel content in\n * `mlv-expand`; the aria directives own the `role`, `aria-expanded`,\n * `aria-controls`/`aria-labelledby` linkage, `inert`, and keyboard handling.\n *\n * Panel content is rendered lazily on first expand via aria's `DeferredContent`\n * and then kept mounted (`preserveContent`) so the `mlv-expand`\n * grid-row animation is never torn down mid-transition — the collapse hides the\n * content through `mlv-expand`'s own `@if`, not by unmounting the panel.\n *\n * @example\n * ```html\n * <mlv-accordion>\n *   <mlv-accordion-item header=\"Billing\" [(expanded)]=\"billingOpen\">\n *     <p>Manage your billing details…</p>\n *   </mlv-accordion-item>\n * </mlv-accordion>\n * ```\n */\n@Component({\n  selector: 'mlv-accordion-item',\n  templateUrl: './accordion-item.html',\n  styleUrl: './accordion-item.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    AccordionTrigger,\n    AccordionPanel,\n    AccordionContent,\n    MlvExpand,\n    LucideChevronDown,\n  ],\n  host: {\n    class: 'mlv-accordion-item',\n    '[class.mlv-accordion-item--open]': 'expanded()',\n    '[class.mlv-accordion-item--disabled]': 'disabled()',\n  },\n})\nexport class MlvAccordionItem {\n  /**\n   * Plain-text header shown in the trigger button. For rich header content\n   * (icons, badges) project an element marked with the `mlvAccordionHeader`\n   * directive instead.\n   */\n  readonly header = input<string>('');\n\n  /**\n   * Disables this item: the trigger becomes non-interactive and gets\n   * `aria-disabled=\"true\"`. Whether it stays keyboard-focusable is governed by\n   * the parent `mlv-accordion`'s `softDisabled` input (aria default: focusable).\n   * Supports attribute syntax: `<mlv-accordion-item disabled>`.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * Two-way bindable expanded state of this item. Bind with\n   * `[(expanded)]=\"mySignal\"`, or observe changes with\n   * `(expandedChange)=\"onToggle($event)\"`. Kept in sync with the aria\n   * `AccordionTrigger` expansion model.\n   */\n  readonly expanded = model<boolean>(false);\n}\n","<h3 class=\"mlv-accordion-item__heading\">\n  <button\n    type=\"button\"\n    ngAccordionTrigger\n    class=\"mlv-accordion-item__trigger\"\n    [panel]=\"panel\"\n    [disabled]=\"disabled()\"\n    [(expanded)]=\"expanded\"\n  >\n    <span class=\"mlv-accordion-item__title\">\n      {{ header() }}<ng-content select=\"[mlvAccordionHeader]\" />\n    </span>\n    <svg\n      lucideChevronDown\n      class=\"mlv-accordion-item__icon\"\n      [size]=\"18\"\n      aria-hidden=\"true\"\n    ></svg>\n  </button>\n</h3>\n\n<div\n  ngAccordionPanel\n  #panel=\"ngAccordionPanel\"\n  class=\"mlv-accordion-item__panel\"\n  [preserveContent]=\"true\"\n>\n  <ng-template ngAccordionContent>\n    <mlv-expand [opened]=\"expanded()\">\n      <div class=\"mlv-accordion-item__content\">\n        <ng-content />\n      </div>\n    </mlv-expand>\n  </ng-template>\n</div>\n"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"malva-ui-core-accordion.js","sourceRoot":"","sources":["../../../../../libs/core/accordion/src/malva-ui-core-accordion.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/action-bar/index.js

@@ -1,5 +0,0 @@
-export * from './lib/action-bar/action-bar';
-export * from './lib/action-bar/components/action-bar-actions';
-export * from './lib/action-bar/components/action-bar-logo';
-export * from './lib/action-bar/components/action-bar-spacer';
-//# sourceMappingURL=index.js.map

package/esm2022/action-bar/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/action-bar/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gDAAgD,CAAC;AAC/D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+CAA+C,CAAC","sourcesContent":["export * from './lib/action-bar/action-bar';\nexport * from './lib/action-bar/components/action-bar-actions';\nexport * from './lib/action-bar/components/action-bar-logo';\nexport * from './lib/action-bar/components/action-bar-spacer';\n"]}

package/esm2022/action-bar/lib/action-bar/action-bar.js

@@ -1,64 +0,0 @@
-import { ChangeDetectionStrategy, Component, input, ViewEncapsulation, } from '@angular/core';
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import * as i0 from "@angular/core";
-export class MlvActionBar {
-    /**
-     * Applies `position: sticky` so the bar stays pinned while its scroll
-     * container scrolls past it.
-     */
-    sticky = input(false, { ...(ngDevMode ? { debugName: "sticky" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
-    /**
-     * Applies `position: fixed` so the bar stays pinned to the viewport. When
-     * combined with `shape="pill"`, the bar is auto-centered horizontally.
-     */
-    fixed = input(false, { ...(ngDevMode ? { debugName: "fixed" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
-    /**
-     * Vertical placement of the bar. Used as the anchor edge when combined with
-     * `fixed` or `sticky`, and as the enter/leave animation direction.
-     * Defaults to `'top'`.
-     */
-    position = input('top', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
-    /**
-     * Visual shape. See {@link MlvActionBarShape}. Defaults to `'default'`.
-     */
-    shape = input('default', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "shape" }] : /* istanbul ignore next */ []));
-    /**
-     * Lets the bar's content flow onto further lines once it no longer fits on
-     * one, instead of overflowing its container.
-     *
-     * Off by default, so an application navigation bar keeps its single-row
-     * geometry and relies on `[mlvActionBarActions]` to shed controls at narrow
-     * widths. Turn it on for content-heavy bars — for example a workflow toolbar
-     * projected into `mlv-page-dock` — that must stay fully reachable on a
-     * narrow canvas. On a wide viewport nothing wraps and the look is unchanged.
-     */
-    wrap = input(false, { ...(ngDevMode ? { debugName: "wrap" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
-    /**
-     * Renders the bar on a dark, inverted surface so it stands out from the
-     * surrounding content. On the light theme the bar becomes a distinctive
-     * near-black surface; on the dark theme it flips to a contrasting lighter
-     * surface. Child controls automatically adapt their text / icon color so
-     * they remain readable on the inverted background.
-     */
-    contrast = input(false, { ...(ngDevMode ? { debugName: "contrast" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvActionBar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: MlvActionBar, isStandalone: true, selector: "[mlvActionBar]", inputs: { sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null }, fixed: { classPropertyName: "fixed", publicName: "fixed", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, contrast: { classPropertyName: "contrast", publicName: "contrast", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "animate.enter": "mlv-action-bar--enter", "animate.leave": "mlv-action-bar--leave" }, properties: { "class.mlv-action-bar--fixed": "fixed()", "class.mlv-action-bar--sticky": "sticky()", "class.mlv-action-bar--pos-top": "position() === \"top\"", "class.mlv-action-bar--pos-bottom": "position() === \"bottom\"", "class.mlv-action-bar--shape-pill": "shape() === \"pill\"", "class.mlv-action-bar--wrap": "wrap()", "class.mlv-action-bar--contrast": "contrast()" }, classAttribute: "mlv-action-bar" }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["@charset \"UTF-8\";.mlv-action-bar{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-action-bar *{box-sizing:border-box}.mlv-action-bar{--mlv-action-bar-translate-x: 0;--mlv-action-bar-bg: color-mix( in srgb, var(--mlv-elevation-bg-3), transparent 50% );--mlv-action-bar-fg: var(--mlv-text-primary);--mlv-action-bar-border: var(--mlv-border-subtle);--mlv-action-bar-shadow: var(--mlv-shadow-1);display:flex;align-items:center;gap:var(--mlv-spacing-1);width:100%;padding:.75rem;background-color:var(--mlv-action-bar-bg);color:var(--mlv-action-bar-fg);box-shadow:var(--mlv-action-bar-shadow);border-bottom:.0625rem solid var(--mlv-action-bar-border);backdrop-filter:blur(1.25rem);-webkit-backdrop-filter:blur(1.25rem);transition:background-color var(--mlv-duration-fast) var(--mlv-ease-out),color var(--mlv-duration-fast) var(--mlv-ease-out),box-shadow var(--mlv-duration-fast) var(--mlv-ease-out),border-color var(--mlv-duration-fast) var(--mlv-ease-out)}@media(max-width:767.98px){.mlv-action-bar__actions{display:none}}.mlv-action-bar--pos-top{top:0;left:0;right:0}.mlv-action-bar--pos-bottom{inset:auto 0 0;border-top:.0625rem solid var(--mlv-action-bar-border);border-bottom:none}.mlv-action-bar--fixed{position:fixed;z-index:var(--mlv-z-sticky, 200)}.mlv-action-bar--sticky{position:sticky}.mlv-action-bar--wrap{flex-wrap:wrap}.mlv-action-bar--shape-pill{width:auto;max-width:calc(100% - 2rem);padding:.375rem .5rem .375rem .75rem;gap:var(--mlv-spacing-1);border:none;border-radius:var(--mlv-radius-full);box-shadow:0 1rem 2.25rem color-mix(in srgb,black 22%,transparent),0 .125rem .5rem color-mix(in srgb,black 14%,transparent)}.mlv-action-bar--shape-pill.mlv-action-bar--fixed{--mlv-action-bar-translate-x: -50%;left:50%;right:auto;transform:translate(-50%)}.mlv-action-bar--shape-pill.mlv-action-bar--fixed.mlv-action-bar--pos-top{top:var(--mlv-spacing-3)}.mlv-action-bar--shape-pill.mlv-action-bar--fixed.mlv-action-bar--pos-bottom{top:auto;bottom:var(--mlv-spacing-4)}.mlv-action-bar--contrast{--mlv-action-bar-bg: color-mix( in srgb, var(--mlv-palette-neutral-800) 62%, transparent );--mlv-action-bar-fg: var(--mlv-palette-neutral-50);--mlv-action-bar-border: color-mix( in srgb, var(--mlv-palette-neutral-50) 18%, transparent );--mlv-action-bar-shadow: 0 1rem 2.25rem color-mix(in srgb, black 22%, transparent), 0 .125rem .5rem color-mix(in srgb, black 12%, transparent);background-color:var(--mlv-action-bar-bg);color:var(--mlv-action-bar-fg);border-color:var(--mlv-action-bar-border);backdrop-filter:saturate(1.4) blur(1.25rem);-webkit-backdrop-filter:saturate(1.4) blur(1.25rem)}.mlv-action-bar--contrast .mlv-button{--mlv-btn-text-color: var(--mlv-action-bar-fg);--mlv-btn-bg-hover: color-mix( in srgb, var(--mlv-action-bar-fg) 14%, transparent );--mlv-btn-bg-active: color-mix( in srgb, var(--mlv-action-bar-fg) 22%, transparent )}.mlv-action-bar--contrast .mlv-button--variant-primary{--mlv-btn-bg: var(--mlv-action-bar-fg);--mlv-btn-bg-hover: color-mix( in srgb, var(--mlv-action-bar-fg) 85%, var(--mlv-action-bar-bg) );--mlv-btn-bg-active: color-mix( in srgb, var(--mlv-action-bar-fg) 70%, var(--mlv-action-bar-bg) );--mlv-btn-text-color: var(--mlv-action-bar-bg)}.mlv-action-bar--contrast .mlv-action-bar__logo,.mlv-action-bar--contrast .mlv-link{color:var(--mlv-action-bar-fg)}.mlv-action-bar--contrast .mlv-form-control-wrapper{--container-background-color: color-mix( in srgb, var(--mlv-action-bar-fg) 10%, transparent );--container-border-color: color-mix( in srgb, var(--mlv-action-bar-fg) 22%, transparent );--container-side-content-color: var(--mlv-action-bar-fg);--container-action-color: color-mix( in srgb, var(--mlv-action-bar-fg) 70%, transparent );color:var(--mlv-action-bar-fg)}.mlv-action-bar--contrast .mlv-form-control-wrapper input,.mlv-action-bar--contrast .mlv-form-control-wrapper textarea,.mlv-action-bar--contrast .mlv-form-control-wrapper select{color:var(--mlv-action-bar-fg);caret-color:var(--mlv-action-bar-fg)}.mlv-action-bar--contrast .mlv-form-control-wrapper input::placeholder,.mlv-action-bar--contrast .mlv-form-control-wrapper textarea::placeholder,.mlv-action-bar--contrast .mlv-form-control-wrapper select::placeholder{color:color-mix(in srgb,var(--mlv-action-bar-fg) 55%,transparent)}[mlvTheme=dark] .mlv-action-bar--contrast{--mlv-action-bar-bg: color-mix( in srgb, var(--mlv-palette-neutral-700) 68%, transparent );--mlv-action-bar-fg: var(--mlv-palette-neutral-50);--mlv-action-bar-border: color-mix( in srgb, var(--mlv-palette-neutral-50) 20%, transparent );--mlv-action-bar-shadow: 0 1rem 2.25rem color-mix(in srgb, black 45%, transparent), 0 .125rem .5rem color-mix(in srgb, black 30%, transparent)}.mlv-action-bar--enter{animation:mlv-action-bar-enter-top var(--mlv-duration-normal) var(--mlv-ease-out-strong) both}.mlv-action-bar--leave{animation:mlv-action-bar-leave-top var(--mlv-duration-fast) var(--mlv-ease-in) both}.mlv-action-bar--pos-bottom.mlv-action-bar--enter{animation-name:mlv-action-bar-enter-bottom}.mlv-action-bar--pos-bottom.mlv-action-bar--leave{animation-name:mlv-action-bar-leave-bottom}@media(prefers-reduced-motion:reduce){.mlv-action-bar--enter,.mlv-action-bar--leave{animation-duration:1ms}}@keyframes mlv-action-bar-enter-top{0%{opacity:0;transform:translate(var(--mlv-action-bar-translate-x),-.75rem)}to{opacity:1;transform:translate(var(--mlv-action-bar-translate-x))}}@keyframes mlv-action-bar-leave-top{0%{opacity:1;transform:translate(var(--mlv-action-bar-translate-x))}to{opacity:0;transform:translate(var(--mlv-action-bar-translate-x),-.75rem)}}@keyframes mlv-action-bar-enter-bottom{0%{opacity:0;transform:translate(var(--mlv-action-bar-translate-x),1.25rem) scale(.96)}to{opacity:1;transform:translate(var(--mlv-action-bar-translate-x)) scale(1)}}@keyframes mlv-action-bar-leave-bottom{0%{opacity:1;transform:translate(var(--mlv-action-bar-translate-x)) scale(1)}to{opacity:0;transform:translate(var(--mlv-action-bar-translate-x),1.25rem) scale(.96)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvActionBar, decorators: [{
-            type: Component,
-            args: [{ selector: '[mlvActionBar]', imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        class: 'mlv-action-bar',
-                        '[class.mlv-action-bar--fixed]': 'fixed()',
-                        '[class.mlv-action-bar--sticky]': 'sticky()',
-                        '[class.mlv-action-bar--pos-top]': 'position() === "top"',
-                        '[class.mlv-action-bar--pos-bottom]': 'position() === "bottom"',
-                        '[class.mlv-action-bar--shape-pill]': 'shape() === "pill"',
-                        '[class.mlv-action-bar--wrap]': 'wrap()',
-                        '[class.mlv-action-bar--contrast]': 'contrast()',
-                        'animate.enter': 'mlv-action-bar--enter',
-                        'animate.leave': 'mlv-action-bar--leave',
-                    }, template: "<ng-content></ng-content>\n", styles: ["@charset \"UTF-8\";.mlv-action-bar{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-action-bar *{box-sizing:border-box}.mlv-action-bar{--mlv-action-bar-translate-x: 0;--mlv-action-bar-bg: color-mix( in srgb, var(--mlv-elevation-bg-3), transparent 50% );--mlv-action-bar-fg: var(--mlv-text-primary);--mlv-action-bar-border: var(--mlv-border-subtle);--mlv-action-bar-shadow: var(--mlv-shadow-1);display:flex;align-items:center;gap:var(--mlv-spacing-1);width:100%;padding:.75rem;background-color:var(--mlv-action-bar-bg);color:var(--mlv-action-bar-fg);box-shadow:var(--mlv-action-bar-shadow);border-bottom:.0625rem solid var(--mlv-action-bar-border);backdrop-filter:blur(1.25rem);-webkit-backdrop-filter:blur(1.25rem);transition:background-color var(--mlv-duration-fast) var(--mlv-ease-out),color var(--mlv-duration-fast) var(--mlv-ease-out),box-shadow var(--mlv-duration-fast) var(--mlv-ease-out),border-color var(--mlv-duration-fast) var(--mlv-ease-out)}@media(max-width:767.98px){.mlv-action-bar__actions{display:none}}.mlv-action-bar--pos-top{top:0;left:0;right:0}.mlv-action-bar--pos-bottom{inset:auto 0 0;border-top:.0625rem solid var(--mlv-action-bar-border);border-bottom:none}.mlv-action-bar--fixed{position:fixed;z-index:var(--mlv-z-sticky, 200)}.mlv-action-bar--sticky{position:sticky}.mlv-action-bar--wrap{flex-wrap:wrap}.mlv-action-bar--shape-pill{width:auto;max-width:calc(100% - 2rem);padding:.375rem .5rem .375rem .75rem;gap:var(--mlv-spacing-1);border:none;border-radius:var(--mlv-radius-full);box-shadow:0 1rem 2.25rem color-mix(in srgb,black 22%,transparent),0 .125rem .5rem color-mix(in srgb,black 14%,transparent)}.mlv-action-bar--shape-pill.mlv-action-bar--fixed{--mlv-action-bar-translate-x: -50%;left:50%;right:auto;transform:translate(-50%)}.mlv-action-bar--shape-pill.mlv-action-bar--fixed.mlv-action-bar--pos-top{top:var(--mlv-spacing-3)}.mlv-action-bar--shape-pill.mlv-action-bar--fixed.mlv-action-bar--pos-bottom{top:auto;bottom:var(--mlv-spacing-4)}.mlv-action-bar--contrast{--mlv-action-bar-bg: color-mix( in srgb, var(--mlv-palette-neutral-800) 62%, transparent );--mlv-action-bar-fg: var(--mlv-palette-neutral-50);--mlv-action-bar-border: color-mix( in srgb, var(--mlv-palette-neutral-50) 18%, transparent );--mlv-action-bar-shadow: 0 1rem 2.25rem color-mix(in srgb, black 22%, transparent), 0 .125rem .5rem color-mix(in srgb, black 12%, transparent);background-color:var(--mlv-action-bar-bg);color:var(--mlv-action-bar-fg);border-color:var(--mlv-action-bar-border);backdrop-filter:saturate(1.4) blur(1.25rem);-webkit-backdrop-filter:saturate(1.4) blur(1.25rem)}.mlv-action-bar--contrast .mlv-button{--mlv-btn-text-color: var(--mlv-action-bar-fg);--mlv-btn-bg-hover: color-mix( in srgb, var(--mlv-action-bar-fg) 14%, transparent );--mlv-btn-bg-active: color-mix( in srgb, var(--mlv-action-bar-fg) 22%, transparent )}.mlv-action-bar--contrast .mlv-button--variant-primary{--mlv-btn-bg: var(--mlv-action-bar-fg);--mlv-btn-bg-hover: color-mix( in srgb, var(--mlv-action-bar-fg) 85%, var(--mlv-action-bar-bg) );--mlv-btn-bg-active: color-mix( in srgb, var(--mlv-action-bar-fg) 70%, var(--mlv-action-bar-bg) );--mlv-btn-text-color: var(--mlv-action-bar-bg)}.mlv-action-bar--contrast .mlv-action-bar__logo,.mlv-action-bar--contrast .mlv-link{color:var(--mlv-action-bar-fg)}.mlv-action-bar--contrast .mlv-form-control-wrapper{--container-background-color: color-mix( in srgb, var(--mlv-action-bar-fg) 10%, transparent );--container-border-color: color-mix( in srgb, var(--mlv-action-bar-fg) 22%, transparent );--container-side-content-color: var(--mlv-action-bar-fg);--container-action-color: color-mix( in srgb, var(--mlv-action-bar-fg) 70%, transparent );color:var(--mlv-action-bar-fg)}.mlv-action-bar--contrast .mlv-form-control-wrapper input,.mlv-action-bar--contrast .mlv-form-control-wrapper textarea,.mlv-action-bar--contrast .mlv-form-control-wrapper select{color:var(--mlv-action-bar-fg);caret-color:var(--mlv-action-bar-fg)}.mlv-action-bar--contrast .mlv-form-control-wrapper input::placeholder,.mlv-action-bar--contrast .mlv-form-control-wrapper textarea::placeholder,.mlv-action-bar--contrast .mlv-form-control-wrapper select::placeholder{color:color-mix(in srgb,var(--mlv-action-bar-fg) 55%,transparent)}[mlvTheme=dark] .mlv-action-bar--contrast{--mlv-action-bar-bg: color-mix( in srgb, var(--mlv-palette-neutral-700) 68%, transparent );--mlv-action-bar-fg: var(--mlv-palette-neutral-50);--mlv-action-bar-border: color-mix( in srgb, var(--mlv-palette-neutral-50) 20%, transparent );--mlv-action-bar-shadow: 0 1rem 2.25rem color-mix(in srgb, black 45%, transparent), 0 .125rem .5rem color-mix(in srgb, black 30%, transparent)}.mlv-action-bar--enter{animation:mlv-action-bar-enter-top var(--mlv-duration-normal) var(--mlv-ease-out-strong) both}.mlv-action-bar--leave{animation:mlv-action-bar-leave-top var(--mlv-duration-fast) var(--mlv-ease-in) both}.mlv-action-bar--pos-bottom.mlv-action-bar--enter{animation-name:mlv-action-bar-enter-bottom}.mlv-action-bar--pos-bottom.mlv-action-bar--leave{animation-name:mlv-action-bar-leave-bottom}@media(prefers-reduced-motion:reduce){.mlv-action-bar--enter,.mlv-action-bar--leave{animation-duration:1ms}}@keyframes mlv-action-bar-enter-top{0%{opacity:0;transform:translate(var(--mlv-action-bar-translate-x),-.75rem)}to{opacity:1;transform:translate(var(--mlv-action-bar-translate-x))}}@keyframes mlv-action-bar-leave-top{0%{opacity:1;transform:translate(var(--mlv-action-bar-translate-x))}to{opacity:0;transform:translate(var(--mlv-action-bar-translate-x),-.75rem)}}@keyframes mlv-action-bar-enter-bottom{0%{opacity:0;transform:translate(var(--mlv-action-bar-translate-x),1.25rem) scale(.96)}to{opacity:1;transform:translate(var(--mlv-action-bar-translate-x)) scale(1)}}@keyframes mlv-action-bar-leave-bottom{0%{opacity:1;transform:translate(var(--mlv-action-bar-translate-x)) scale(1)}to{opacity:0;transform:translate(var(--mlv-action-bar-translate-x),1.25rem) scale(.96)}}\n"] }]
-        }], propDecorators: { sticky: [{ type: i0.Input, args: [{ isSignal: true, alias: "sticky", required: false }] }], fixed: [{ type: i0.Input, args: [{ isSignal: true, alias: "fixed", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], wrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrap", required: false }] }], contrast: [{ type: i0.Input, args: [{ isSignal: true, alias: "contrast", required: false }] }] } });
-//# sourceMappingURL=action-bar.js.map