@malva-ui/core 0.1.13 → 0.1.14

package/fesm2022/malva-ui-core-list.mjs

@@ -0,0 +1,413 @@
+import * as i0 from '@angular/core';
+import { input, ChangeDetectionStrategy, ViewEncapsulation, Component, inject, Directive, contentChild, computed, TemplateRef, model } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { RouterLinkActive } from '@angular/router';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { of } from 'rxjs';
+import * as i1 from '@angular/aria/listbox';
+import { Listbox, Option } from '@angular/aria/listbox';
+import { LucideChevronRight } from '@lucide/angular';
+import { mlvNextId } from '@malva-ui/cdk/utils';
+
+class MlvList {
+    /**
+     * WAI-ARIA role for the list host element.
+     * Override when the list is used in a context requiring a different role
+     * (e.g. `'menu'` when used as a menu panel container).
+     * Defaults to `'list'`.
+     */
+    listRole = input('list', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "listRole" }] : /* istanbul ignore next */ []));
+    /**
+     * Visual variant of the list. See {@link MlvListVariant}.
+     */
+    variant = input('plain', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /**
+     * Context-specific styling. See {@link MlvListAppearance}. Defaults to
+     * `'default'` (the standalone airy list look); every overlay panel
+     * consumer (select/combobox/autocomplete dropdown, `mlv-menu`, popup
+     * menus) sets `'menu'`.
+     */
+    appearance = input('default', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: MlvList, isStandalone: true, selector: "mlv-list", inputs: { listRole: { classPropertyName: "listRole", publicName: "listRole", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "\"mlv-list--\" + variant()", "class.mlv-list--appearance-menu": "appearance() === \"menu\"", "attr.role": "listRole()" }, classAttribute: "mlv-list" }, ngImport: i0, template: "<ng-content />\n", styles: ["@layer mlv.components{.mlv-list{--mlv-list-padding-block: var(--mlv-spacing-1);--mlv-list-padding-inline: 0;--mlv-list-gap: 0;display:flex;flex-direction:column;gap:var(--mlv-list-gap);padding:var(--mlv-list-padding-block) var(--mlv-list-padding-inline);margin:0;outline:none}.mlv-list:not(.mlv-list--inset):not(.mlv-list--appearance-menu)>.mlv-list-item+.mlv-list-item{border-top:var(--mlv-stroke-width) solid var(--mlv-border-subtle)}.mlv-list--inset{--mlv-list-padding-block: var(--mlv-spacing-2);--mlv-list-padding-inline: var(--mlv-spacing-3);--mlv-list-gap: var(--mlv-spacing-5);background-color:var(--mlv-background-sunken);border-radius:var(--mlv-radius-xl)}.mlv-list--inset>.mlv-list-item{background-color:var(--mlv-background-raised);padding-inline:var(--mlv-spacing-3)}.mlv-list--inset>.mlv-list-item:first-child{border-top-left-radius:var(--mlv-radius-l);border-top-right-radius:var(--mlv-radius-l)}.mlv-list--inset>.mlv-list-item:last-child{border-bottom-left-radius:var(--mlv-radius-l);border-bottom-right-radius:var(--mlv-radius-l)}.mlv-list--inset>.mlv-list-item+.mlv-list-item,.mlv-list--inset .mlv-list-item-group__content .mlv-list-item+.mlv-list-item{position:relative}.mlv-list--inset>.mlv-list-item+.mlv-list-item:after,.mlv-list--inset .mlv-list-item-group__content .mlv-list-item+.mlv-list-item:after{content:\"\";position:absolute;top:0;inset-inline-start:var(--mlv-list-item-divider-inset, 0);inset-inline-end:0;border-top:.0625rem solid var(--mlv-border-subtle);pointer-events:none}.mlv-list--inset>.mlv-list-item.mlv-list-item--rich+.mlv-list-item:after,.mlv-list--inset .mlv-list-item-group__content .mlv-list-item.mlv-list-item--rich+.mlv-list-item:after{--mlv-list-item-divider-inset: 3.25rem}.mlv-list--inset>.mlv-list-item--active+.mlv-list-item:after,.mlv-list--inset>.mlv-list-item[aria-selected=true]+.mlv-list-item:after,.mlv-list--inset .mlv-list-item--active+.mlv-list-item:after,.mlv-list--inset .mlv-list-item[aria-selected=true]+.mlv-list-item:after{border-top-color:transparent}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvList, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-list', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'mlv-list',
+                        '[class]': '"mlv-list--" + variant()',
+                        '[class.mlv-list--appearance-menu]': 'appearance() === "menu"',
+                        '[attr.role]': 'listRole()',
+                    }, template: "<ng-content />\n", styles: ["@layer mlv.components{.mlv-list{--mlv-list-padding-block: var(--mlv-spacing-1);--mlv-list-padding-inline: 0;--mlv-list-gap: 0;display:flex;flex-direction:column;gap:var(--mlv-list-gap);padding:var(--mlv-list-padding-block) var(--mlv-list-padding-inline);margin:0;outline:none}.mlv-list:not(.mlv-list--inset):not(.mlv-list--appearance-menu)>.mlv-list-item+.mlv-list-item{border-top:var(--mlv-stroke-width) solid var(--mlv-border-subtle)}.mlv-list--inset{--mlv-list-padding-block: var(--mlv-spacing-2);--mlv-list-padding-inline: var(--mlv-spacing-3);--mlv-list-gap: var(--mlv-spacing-5);background-color:var(--mlv-background-sunken);border-radius:var(--mlv-radius-xl)}.mlv-list--inset>.mlv-list-item{background-color:var(--mlv-background-raised);padding-inline:var(--mlv-spacing-3)}.mlv-list--inset>.mlv-list-item:first-child{border-top-left-radius:var(--mlv-radius-l);border-top-right-radius:var(--mlv-radius-l)}.mlv-list--inset>.mlv-list-item:last-child{border-bottom-left-radius:var(--mlv-radius-l);border-bottom-right-radius:var(--mlv-radius-l)}.mlv-list--inset>.mlv-list-item+.mlv-list-item,.mlv-list--inset .mlv-list-item-group__content .mlv-list-item+.mlv-list-item{position:relative}.mlv-list--inset>.mlv-list-item+.mlv-list-item:after,.mlv-list--inset .mlv-list-item-group__content .mlv-list-item+.mlv-list-item:after{content:\"\";position:absolute;top:0;inset-inline-start:var(--mlv-list-item-divider-inset, 0);inset-inline-end:0;border-top:.0625rem solid var(--mlv-border-subtle);pointer-events:none}.mlv-list--inset>.mlv-list-item.mlv-list-item--rich+.mlv-list-item:after,.mlv-list--inset .mlv-list-item-group__content .mlv-list-item.mlv-list-item--rich+.mlv-list-item:after{--mlv-list-item-divider-inset: 3.25rem}.mlv-list--inset>.mlv-list-item--active+.mlv-list-item:after,.mlv-list--inset>.mlv-list-item[aria-selected=true]+.mlv-list-item:after,.mlv-list--inset .mlv-list-item--active+.mlv-list-item:after,.mlv-list--inset .mlv-list-item[aria-selected=true]+.mlv-list-item:after{border-top-color:transparent}}\n"] }]
+        }], propDecorators: { listRole: [{ type: i0.Input, args: [{ isSignal: true, alias: "listRole", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }] } });
+
+class MlvListItemLink {
+    routerLink = inject(RouterLinkActive, { optional: true });
+    isActive = toSignal(this.routerLink?.isActiveChange ?? of(false), {
+        initialValue: false,
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvListItemLink, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: MlvListItemLink, isStandalone: true, selector: "a[mlvListItemLink]", host: { classAttribute: "mlv-list-item__link" }, ngImport: i0, template: "<ng-content />\n", styles: ["@layer mlv.components{.mlv-list-item__link{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-list-item__link *{box-sizing:border-box}.mlv-list-item__link{text-decoration:none;color:inherit;display:flex;align-items:center;justify-content:space-between;width:100%}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvListItemLink, decorators: [{
+            type: Component,
+            args: [{ selector: 'a[mlvListItemLink]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'mlv-list-item__link',
+                    }, template: "<ng-content />\n", styles: ["@layer mlv.components{.mlv-list-item__link{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-list-item__link *{box-sizing:border-box}.mlv-list-item__link{text-decoration:none;color:inherit;display:flex;align-items:center;justify-content:space-between;width:100%}}\n"] }]
+        }] });
+
+class MlvListItemActions {
+    /**
+     * When true, the actions wrapper is hidden by default and revealed on row
+     * hover, focus-within, or touch devices. Lets rows stay visually calm until
+     * the user signals intent to interact.
+     */
+    revealOnHover = input(false, { ...(ngDevMode ? { debugName: "revealOnHover" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvListItemActions, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: MlvListItemActions, isStandalone: true, selector: "[mlvListItemActions]", inputs: { revealOnHover: { classPropertyName: "revealOnHover", publicName: "revealOnHover", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "$event.stopPropagation()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvListItemActions, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvListItemActions]',
+                    host: {
+                        '(click)': '$event.stopPropagation()',
+                    },
+                }]
+        }], propDecorators: { revealOnHover: [{ type: i0.Input, args: [{ isSignal: true, alias: "revealOnHover", required: false }] }] } });
+
+class MlvListItemByline {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvListItemByline, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvListItemByline, isStandalone: true, selector: "[mlvListItemByline]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvListItemByline, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvListItemByline]',
+                }]
+        }] });
+
+class MlvListItemMedia {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvListItemMedia, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvListItemMedia, isStandalone: true, selector: "[mlvListItemMedia]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvListItemMedia, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvListItemMedia]',
+                }]
+        }] });
+
+class MlvListItemMeta {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvListItemMeta, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvListItemMeta, isStandalone: true, selector: "[mlvListItemMeta]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvListItemMeta, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvListItemMeta]',
+                }]
+        }] });
+
+class MlvListItemPrefix {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvListItemPrefix, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvListItemPrefix, isStandalone: true, selector: "[mlvListItemPrefix]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvListItemPrefix, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvListItemPrefix]',
+                }]
+        }] });
+
+class MlvListItemSuffix {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvListItemSuffix, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvListItemSuffix, isStandalone: true, selector: "[mlvListItemSuffix]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvListItemSuffix, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvListItemSuffix]',
+                }]
+        }] });
+
+class MlvListItemTitle {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvListItemTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvListItemTitle, isStandalone: true, selector: "[mlvListItemTitle]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvListItemTitle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvListItemTitle]',
+                }]
+        }] });
+
+class MlvListItem {
+    /**
+     * WAI-ARIA role for the host element.
+     * Defaults to `'listitem'`. Override to `'menuitem'`, `'option'`, or another
+     * appropriate role when the item is used inside a composite widget that
+     * requires a different ARIA role (e.g. inside a `role="menu"` container).
+     */
+    itemRole = input('listitem', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "itemRole" }] : /* istanbul ignore next */ []));
+    /**
+     * Marks the item as unread — bolds the title and shows a leading unread dot.
+     * Matches the familiar inbox/notification-center pattern.
+     */
+    unread = input(false, { ...(ngDevMode ? { debugName: "unread" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /**
+     * Optional accent color for the leading bar. Accepts semantic keys
+     * (`primary`, `positive`, `negative`, `warning`, `info`, `neutral`) or any
+     * raw CSS color value. When set, the accent bar is always rendered.
+     */
+    accent = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "accent" }] : /* istanbul ignore next */ []));
+    /** @protected Projected `a[mlvListItemLink]` child, if any — drives router-active state. */
+    _link = contentChild(MlvListItemLink, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_link" }] : /* istanbul ignore next */ []));
+    /** @protected Leading rich-media slot (`[mlvListItemMedia]`). */
+    _mediaSlot = contentChild(MlvListItemMedia, { ...(ngDevMode ? { debugName: "_mediaSlot" } : /* istanbul ignore next */ {}), descendants: true });
+    /** @protected Title slot (`[mlvListItemTitle]`). */
+    _titleSlot = contentChild(MlvListItemTitle, { ...(ngDevMode ? { debugName: "_titleSlot" } : /* istanbul ignore next */ {}), descendants: true });
+    /** @protected Secondary byline slot (`[mlvListItemByline]`). */
+    _bylineSlot = contentChild(MlvListItemByline, { ...(ngDevMode ? { debugName: "_bylineSlot" } : /* istanbul ignore next */ {}), descendants: true });
+    /** @protected Inline headline meta slot (`[mlvListItemMeta]`). */
+    _metaSlot = contentChild(MlvListItemMeta, { ...(ngDevMode ? { debugName: "_metaSlot" } : /* istanbul ignore next */ {}), descendants: true });
+    /** @protected Trailing actions slot (`[mlvListItemActions]`). */
+    _actionsSlot = contentChild(MlvListItemActions, { ...(ngDevMode ? { debugName: "_actionsSlot" } : /* istanbul ignore next */ {}), descendants: true });
+    /** @protected Legacy leading prefix slot (`[mlvListItemPrefix]`). */
+    _prefixSlot = contentChild(MlvListItemPrefix, { ...(ngDevMode ? { debugName: "_prefixSlot" } : /* istanbul ignore next */ {}), descendants: true });
+    /** @protected Legacy trailing suffix slot (`[mlvListItemSuffix]`). */
+    _suffixSlot = contentChild(MlvListItemSuffix, { ...(ngDevMode ? { debugName: "_suffixSlot" } : /* istanbul ignore next */ {}), descendants: true });
+    isActive = computed(() => this._link()?.isActive() ?? false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isActive" }] : /* istanbul ignore next */ []));
+    /** @protected Whether any rich-layout slot is projected — switches the row to rich layout. */
+    _hasRichLayout = computed(() => {
+        return !!(this._mediaSlot() ||
+            this._titleSlot() ||
+            this._bylineSlot() ||
+            this._metaSlot() ||
+            this._actionsSlot());
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_hasRichLayout" }] : /* istanbul ignore next */ []));
+    /** @protected Whether a leading slot (media or legacy prefix) is projected. */
+    _hasLeadingSlot = computed(() => !!(this._mediaSlot() || this._prefixSlot()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_hasLeadingSlot" }] : /* istanbul ignore next */ []));
+    /** @protected Whether a trailing slot (actions or legacy suffix) is projected. */
+    _hasTrailingSlot = computed(() => !!(this._actionsSlot() || this._suffixSlot()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_hasTrailingSlot" }] : /* istanbul ignore next */ []));
+    /** @protected Whether the actions slot opts into reveal-on-hover behaviour. */
+    _revealActions = computed(() => !!this._actionsSlot()?.revealOnHover(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_revealActions" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected Resolves the `accent` input to a CSS color value. Semantic
+     * keys map to Malva UI tokens; any other string is returned verbatim.
+     */
+    _accentColor = computed(() => {
+        const accent = this.accent();
+        if (!accent)
+            return null;
+        switch (accent) {
+            case 'primary':
+                return 'var(--mlv-background-accent-1)';
+            case 'positive':
+                return 'var(--mlv-background-success-1)';
+            case 'negative':
+                return 'var(--mlv-background-danger-1)';
+            case 'warning':
+                return 'var(--mlv-background-warning-1)';
+            case 'info':
+                return 'var(--mlv-background-info-1)';
+            case 'neutral':
+                return 'var(--mlv-background-neutral-1-active)';
+            default:
+                return accent;
+        }
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_accentColor" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvListItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvListItem, isStandalone: true, selector: "mlv-list-item", inputs: { itemRole: { classPropertyName: "itemRole", publicName: "itemRole", isSignal: true, isRequired: false, transformFunction: null }, unread: { classPropertyName: "unread", publicName: "unread", isSignal: true, isRequired: false, transformFunction: null }, accent: { classPropertyName: "accent", publicName: "accent", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "itemRole()", "class.mlv-list-item--active": "isActive()", "class.mlv-list-item--rich": "_hasRichLayout()", "class.mlv-list-item--unread": "unread()", "class.mlv-list-item--has-accent": "!!accent()", "style.--mlv-list-item-accent": "_accentColor()" }, classAttribute: "mlv-list-item" }, queries: [{ propertyName: "_link", first: true, predicate: MlvListItemLink, descendants: true, isSignal: true }, { propertyName: "_mediaSlot", first: true, predicate: MlvListItemMedia, descendants: true, isSignal: true }, { propertyName: "_titleSlot", first: true, predicate: MlvListItemTitle, descendants: true, isSignal: true }, { propertyName: "_bylineSlot", first: true, predicate: MlvListItemByline, descendants: true, isSignal: true }, { propertyName: "_metaSlot", first: true, predicate: MlvListItemMeta, descendants: true, isSignal: true }, { propertyName: "_actionsSlot", first: true, predicate: MlvListItemActions, descendants: true, isSignal: true }, { propertyName: "_prefixSlot", first: true, predicate: MlvListItemPrefix, descendants: true, isSignal: true }, { propertyName: "_suffixSlot", first: true, predicate: MlvListItemSuffix, descendants: true, isSignal: true }], ngImport: i0, template: "<!--\n  Content projection here follows the \"conditional projection\" pattern from the\n  Angular docs: every ng-content slot (each selector, and the wildcard default)\n  appears exactly ONCE, wrapped in an ng-template, and the exclusive layout\n  branches stamp those templates where they need them. Duplicating a selector\n  across branches silently swallows content: slot assignment is static, so the\n  nodes bind to the first matching slot even when that branch never renders.\n-->\n<ng-template #leadingContent>\n  <ng-content select=\"[mlvListItemMedia], [mlvListItemPrefix]\" />\n</ng-template>\n<ng-template #defaultContent>\n  <ng-content />\n</ng-template>\n<ng-template #trailingContent>\n  <ng-content select=\"[mlvListItemActions], [mlvListItemSuffix]\" />\n</ng-template>\n\n<div class=\"mlv-list-item__surface\">\n  @if (_hasRichLayout()) { @if (_hasLeadingSlot()) {\n  <span class=\"mlv-list-item__media\">\n    <ng-container [ngTemplateOutlet]=\"leadingContent\" />\n  </span>\n  }\n\n  <div class=\"mlv-list-item__body\">\n    <div class=\"mlv-list-item__copy\">\n      <div class=\"mlv-list-item__headline\">\n        <span class=\"mlv-list-item__title\">\n          @if (_titleSlot()) {\n          <ng-content select=\"[mlvListItemTitle]\" />\n          } @else {\n          <ng-container [ngTemplateOutlet]=\"defaultContent\" />\n          }\n        </span>\n\n        @if (_metaSlot()) {\n        <span class=\"mlv-list-item__meta\">\n          <ng-content select=\"[mlvListItemMeta]\" />\n        </span>\n        }\n      </div>\n\n      @if (_bylineSlot()) {\n      <div class=\"mlv-list-item__byline\">\n        <ng-content select=\"[mlvListItemByline]\" />\n      </div>\n      }\n    </div>\n\n    @if (_hasTrailingSlot()) {\n    <div\n      class=\"mlv-list-item__actions\"\n      [class.mlv-list-item__actions--reveal-on-hover]=\"_revealActions()\"\n    >\n      <ng-container [ngTemplateOutlet]=\"trailingContent\" />\n    </div>\n    }\n  </div>\n  } @else {\n  <ng-container [ngTemplateOutlet]=\"leadingContent\" />\n  <span class=\"mlv-list-item__content\">\n    <ng-container [ngTemplateOutlet]=\"defaultContent\" />\n  </span>\n  <ng-container [ngTemplateOutlet]=\"trailingContent\" />\n  }\n</div>\n", styles: ["@layer mlv.components{.mlv-list-item{--mlv-list-item-bg: transparent;--mlv-list-item-bg-hover: var(--mlv-background-neutral-1);--mlv-list-item-bg-selected: var(--mlv-background-selected);--mlv-list-item-bg-selected-hover: var(--mlv-background-selected-hover);--mlv-list-item-color: var(--mlv-list-color, var(--mlv-text-primary));--mlv-list-item-padding-block: var(--mlv-spacing-3);--mlv-list-item-padding-inline: var(--mlv-spacing-2);--mlv-list-item-radius: 0;--mlv-list-item-accent-width: .1875rem;--mlv-list-item-accent-color: var( --mlv-list-item-accent, var(--mlv-background-accent-1) );--mlv-list-item-reveal-mask-solid: 6rem;--mlv-list-item-reveal-mask-size: 8rem}[class*=--tight] .mlv-list-item:not([class*=--compact],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-list-item[class*=--tight]{--mlv-list-item-padding-block: var(--mlv-spacing-1-5);--mlv-list-item-padding-inline: var(--mlv-spacing-1)}[class*=--compact] .mlv-list-item:not([class*=--tight],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-list-item[class*=--compact]{--mlv-list-item-padding-block: var(--mlv-spacing-2);--mlv-list-item-padding-inline: var(--mlv-spacing-1-5)}[class*=--spacious] .mlv-list-item:not([class*=--tight],[class*=--compact],[class*=--comfortable],[class*=--airy]),.mlv-list-item[class*=--spacious]{--mlv-list-item-padding-block: var(--mlv-spacing-4);--mlv-list-item-padding-inline: var(--mlv-spacing-2-5)}[class*=--airy] .mlv-list-item:not([class*=--tight],[class*=--compact],[class*=--comfortable],[class*=--spacious]),.mlv-list-item[class*=--airy]{--mlv-list-item-padding-block: var(--mlv-spacing-5);--mlv-list-item-padding-inline: var(--mlv-spacing-3)}.mlv-list--appearance-menu .mlv-list-item{--mlv-list-item-padding-block: var(--mlv-spacing-2);--mlv-list-item-radius: var(--mlv-radius-m)}.mlv-list-item{position:relative;display:flex;align-items:center;gap:var(--mlv-spacing-3);padding:var(--mlv-list-item-padding-block) var(--mlv-list-item-padding-inline);margin:0;font-size:var(--mlv-typography-body-m-size);line-height:var(--mlv-typography-body-m-line-height);color:var(--mlv-list-item-color);background-color:var(--mlv-list-item-bg);border-radius:var(--mlv-list-item-radius);transition:background-color var(--mlv-duration-fast) var(--mlv-ease-out),color var(--mlv-duration-fast) var(--mlv-ease-out),transform var(--mlv-duration-fast) var(--mlv-ease-out-strong),box-shadow var(--mlv-duration-fast) var(--mlv-ease-out);outline:none}.mlv-list-item:before{content:\"\";position:absolute;inset-inline-start:calc(var(--mlv-list-item-accent-width) * -.5);top:50%;height:60%;width:var(--mlv-list-item-accent-width);border-radius:0 var(--mlv-radius-s) var(--mlv-radius-s) 0;background-color:var(--mlv-list-item-accent-color);transform:translateY(-50%) scaleY(0);transform-origin:center;transition:transform var(--mlv-duration-normal) var(--mlv-ease-spring);pointer-events:none}.mlv-list-item--rich,.mlv-list-item[tabindex],.mlv-list-item[value],.mlv-list-item[mlvMenuItem],.mlv-list-item:has(.mlv-list-item__link),.mlv-list-item[aria-selected]{cursor:pointer}.mlv-list-item__surface{display:flex;align-items:center;gap:var(--mlv-spacing-3);width:100%;min-width:0;transform-origin:center;transition:transform var(--mlv-duration-fast) var(--mlv-ease-out-strong)}.mlv-list-item[aria-disabled=true]{cursor:not-allowed;pointer-events:none;opacity:var(--mlv-disabled-opacity)}.mlv-list-item:hover{--mlv-list-item-bg: var(--mlv-list-item-bg-hover)}.mlv-list-item:focus-visible{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:var(--mlv-focus-ring-offset);z-index:1}.mlv-list-item:active{transform:none}.mlv-list-item:active .mlv-list-item__surface{transform:scale(.985)}.mlv-list-item--active,.mlv-list-item[aria-selected=true],.mlv-list-item[aria-current]:not([aria-current=false]){--mlv-list-item-bg: var(--mlv-list-item-bg-selected);--mlv-list-item-color: var(--mlv-text-on-selected)}.mlv-list-item--active:before,.mlv-list-item[aria-selected=true]:before,.mlv-list-item[aria-current]:not([aria-current=false]):before{transform:translateY(-50%) scaleY(1)}.mlv-list-item--active:hover,.mlv-list-item[aria-selected=true]:hover,.mlv-list-item[aria-current]:not([aria-current=false]):hover{--mlv-list-item-bg: var(--mlv-list-item-bg-selected-hover)}.mlv-list-item--has-accent:before{transform:translateY(-50%) scaleY(1)}.mlv-list-item__content{display:flex;align-items:center;gap:var(--mlv-spacing-1);width:100%;min-width:0}.mlv-list-item__media{display:flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--mlv-text-secondary)}.mlv-list-item__body{display:flex;align-items:center;gap:var(--mlv-spacing-3);flex:1 1 auto;min-width:0}.mlv-list-item__copy{display:flex;flex-direction:column;gap:.125rem;flex:1 1 auto;min-width:0}.mlv-list-item__headline{display:flex;align-items:center;gap:var(--mlv-spacing-2);min-width:0}.mlv-list-item__title{color:var(--mlv-text-primary);font-size:var(--mlv-typography-body-m-size);font-weight:var(--mlv-font-weight-medium);line-height:1.3;flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:font-weight var(--mlv-duration-fast) var(--mlv-ease-out)}.mlv-list-item__byline{color:var(--mlv-text-secondary);font-size:var(--mlv-typography-body-s-size);line-height:1.4;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.mlv-list-item__meta{color:var(--mlv-text-secondary);font-size:var(--mlv-typography-body-s-size);line-height:1.3;flex:0 0 auto;white-space:nowrap}.mlv-list-item__actions{display:flex;align-items:center;gap:var(--mlv-spacing-1);flex:0 0 auto;margin-inline-start:auto;transition:opacity var(--mlv-duration-normal) var(--mlv-ease-out),transform var(--mlv-duration-normal) var(--mlv-ease-out)}.mlv-list-item__actions--reveal-on-hover{position:absolute;top:50%;inset-inline-end:var(--mlv-list-item-padding-inline);transform:translate(.375rem,-50%);margin-inline-start:0;opacity:0;pointer-events:none}.mlv-list-item:hover .mlv-list-item__actions--reveal-on-hover,.mlv-list-item:focus-within .mlv-list-item__actions--reveal-on-hover,.mlv-list-item--active .mlv-list-item__actions--reveal-on-hover,.mlv-list-item[aria-selected=true] .mlv-list-item__actions--reveal-on-hover{opacity:1;transform:translateY(-50%);pointer-events:auto}.mlv-list-item:hover:has(.mlv-list-item__actions--reveal-on-hover) .mlv-list-item__copy,.mlv-list-item:focus-within:has(.mlv-list-item__actions--reveal-on-hover) .mlv-list-item__copy,.mlv-list-item--active:has(.mlv-list-item__actions--reveal-on-hover) .mlv-list-item__copy,.mlv-list-item[aria-selected=true]:has(.mlv-list-item__actions--reveal-on-hover) .mlv-list-item__copy{mask-image:linear-gradient(to left,transparent 0,transparent var(--mlv-list-item-reveal-mask-solid),#000 var(--mlv-list-item-reveal-mask-size));-webkit-mask-image:linear-gradient(to left,transparent 0,transparent var(--mlv-list-item-reveal-mask-solid),#000 var(--mlv-list-item-reveal-mask-size))}@media(hover:none){.mlv-list-item__actions--reveal-on-hover{position:static;transform:none;margin-inline-start:auto;opacity:1;pointer-events:auto}}.mlv-list-item--unread .mlv-list-item__title{font-weight:var(--mlv-font-weight-semibold);color:var(--mlv-text-primary)}.mlv-list-item--unread .mlv-list-item__headline:before{content:\"\";flex:0 0 auto;width:.5rem;height:.5rem;border-radius:var(--mlv-radius-full);background-color:var(--mlv-background-accent-1);box-shadow:0 0 0 .125rem color-mix(in srgb,var(--mlv-background-accent-1) 25%,transparent)}@media(prefers-reduced-motion:reduce){.mlv-list-item,.mlv-list-item *,.mlv-list-item:before,.mlv-list-item:after,[class^=mlv-list-item__],[class*=\" mlv-list-item__\"],[class^=mlv-list-item--],[class*=\" mlv-list-item--\"]{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:var(--mlv-duration-instant)!important}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvListItem, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-list-item', imports: [NgTemplateOutlet], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'mlv-list-item',
+                        '[attr.role]': 'itemRole()',
+                        '[class.mlv-list-item--active]': 'isActive()',
+                        '[class.mlv-list-item--rich]': '_hasRichLayout()',
+                        '[class.mlv-list-item--unread]': 'unread()',
+                        '[class.mlv-list-item--has-accent]': '!!accent()',
+                        '[style.--mlv-list-item-accent]': '_accentColor()',
+                    }, template: "<!--\n  Content projection here follows the \"conditional projection\" pattern from the\n  Angular docs: every ng-content slot (each selector, and the wildcard default)\n  appears exactly ONCE, wrapped in an ng-template, and the exclusive layout\n  branches stamp those templates where they need them. Duplicating a selector\n  across branches silently swallows content: slot assignment is static, so the\n  nodes bind to the first matching slot even when that branch never renders.\n-->\n<ng-template #leadingContent>\n  <ng-content select=\"[mlvListItemMedia], [mlvListItemPrefix]\" />\n</ng-template>\n<ng-template #defaultContent>\n  <ng-content />\n</ng-template>\n<ng-template #trailingContent>\n  <ng-content select=\"[mlvListItemActions], [mlvListItemSuffix]\" />\n</ng-template>\n\n<div class=\"mlv-list-item__surface\">\n  @if (_hasRichLayout()) { @if (_hasLeadingSlot()) {\n  <span class=\"mlv-list-item__media\">\n    <ng-container [ngTemplateOutlet]=\"leadingContent\" />\n  </span>\n  }\n\n  <div class=\"mlv-list-item__body\">\n    <div class=\"mlv-list-item__copy\">\n      <div class=\"mlv-list-item__headline\">\n        <span class=\"mlv-list-item__title\">\n          @if (_titleSlot()) {\n          <ng-content select=\"[mlvListItemTitle]\" />\n          } @else {\n          <ng-container [ngTemplateOutlet]=\"defaultContent\" />\n          }\n        </span>\n\n        @if (_metaSlot()) {\n        <span class=\"mlv-list-item__meta\">\n          <ng-content select=\"[mlvListItemMeta]\" />\n        </span>\n        }\n      </div>\n\n      @if (_bylineSlot()) {\n      <div class=\"mlv-list-item__byline\">\n        <ng-content select=\"[mlvListItemByline]\" />\n      </div>\n      }\n    </div>\n\n    @if (_hasTrailingSlot()) {\n    <div\n      class=\"mlv-list-item__actions\"\n      [class.mlv-list-item__actions--reveal-on-hover]=\"_revealActions()\"\n    >\n      <ng-container [ngTemplateOutlet]=\"trailingContent\" />\n    </div>\n    }\n  </div>\n  } @else {\n  <ng-container [ngTemplateOutlet]=\"leadingContent\" />\n  <span class=\"mlv-list-item__content\">\n    <ng-container [ngTemplateOutlet]=\"defaultContent\" />\n  </span>\n  <ng-container [ngTemplateOutlet]=\"trailingContent\" />\n  }\n</div>\n", styles: ["@layer mlv.components{.mlv-list-item{--mlv-list-item-bg: transparent;--mlv-list-item-bg-hover: var(--mlv-background-neutral-1);--mlv-list-item-bg-selected: var(--mlv-background-selected);--mlv-list-item-bg-selected-hover: var(--mlv-background-selected-hover);--mlv-list-item-color: var(--mlv-list-color, var(--mlv-text-primary));--mlv-list-item-padding-block: var(--mlv-spacing-3);--mlv-list-item-padding-inline: var(--mlv-spacing-2);--mlv-list-item-radius: 0;--mlv-list-item-accent-width: .1875rem;--mlv-list-item-accent-color: var( --mlv-list-item-accent, var(--mlv-background-accent-1) );--mlv-list-item-reveal-mask-solid: 6rem;--mlv-list-item-reveal-mask-size: 8rem}[class*=--tight] .mlv-list-item:not([class*=--compact],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-list-item[class*=--tight]{--mlv-list-item-padding-block: var(--mlv-spacing-1-5);--mlv-list-item-padding-inline: var(--mlv-spacing-1)}[class*=--compact] .mlv-list-item:not([class*=--tight],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-list-item[class*=--compact]{--mlv-list-item-padding-block: var(--mlv-spacing-2);--mlv-list-item-padding-inline: var(--mlv-spacing-1-5)}[class*=--spacious] .mlv-list-item:not([class*=--tight],[class*=--compact],[class*=--comfortable],[class*=--airy]),.mlv-list-item[class*=--spacious]{--mlv-list-item-padding-block: var(--mlv-spacing-4);--mlv-list-item-padding-inline: var(--mlv-spacing-2-5)}[class*=--airy] .mlv-list-item:not([class*=--tight],[class*=--compact],[class*=--comfortable],[class*=--spacious]),.mlv-list-item[class*=--airy]{--mlv-list-item-padding-block: var(--mlv-spacing-5);--mlv-list-item-padding-inline: var(--mlv-spacing-3)}.mlv-list--appearance-menu .mlv-list-item{--mlv-list-item-padding-block: var(--mlv-spacing-2);--mlv-list-item-radius: var(--mlv-radius-m)}.mlv-list-item{position:relative;display:flex;align-items:center;gap:var(--mlv-spacing-3);padding:var(--mlv-list-item-padding-block) var(--mlv-list-item-padding-inline);margin:0;font-size:var(--mlv-typography-body-m-size);line-height:var(--mlv-typography-body-m-line-height);color:var(--mlv-list-item-color);background-color:var(--mlv-list-item-bg);border-radius:var(--mlv-list-item-radius);transition:background-color var(--mlv-duration-fast) var(--mlv-ease-out),color var(--mlv-duration-fast) var(--mlv-ease-out),transform var(--mlv-duration-fast) var(--mlv-ease-out-strong),box-shadow var(--mlv-duration-fast) var(--mlv-ease-out);outline:none}.mlv-list-item:before{content:\"\";position:absolute;inset-inline-start:calc(var(--mlv-list-item-accent-width) * -.5);top:50%;height:60%;width:var(--mlv-list-item-accent-width);border-radius:0 var(--mlv-radius-s) var(--mlv-radius-s) 0;background-color:var(--mlv-list-item-accent-color);transform:translateY(-50%) scaleY(0);transform-origin:center;transition:transform var(--mlv-duration-normal) var(--mlv-ease-spring);pointer-events:none}.mlv-list-item--rich,.mlv-list-item[tabindex],.mlv-list-item[value],.mlv-list-item[mlvMenuItem],.mlv-list-item:has(.mlv-list-item__link),.mlv-list-item[aria-selected]{cursor:pointer}.mlv-list-item__surface{display:flex;align-items:center;gap:var(--mlv-spacing-3);width:100%;min-width:0;transform-origin:center;transition:transform var(--mlv-duration-fast) var(--mlv-ease-out-strong)}.mlv-list-item[aria-disabled=true]{cursor:not-allowed;pointer-events:none;opacity:var(--mlv-disabled-opacity)}.mlv-list-item:hover{--mlv-list-item-bg: var(--mlv-list-item-bg-hover)}.mlv-list-item:focus-visible{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:var(--mlv-focus-ring-offset);z-index:1}.mlv-list-item:active{transform:none}.mlv-list-item:active .mlv-list-item__surface{transform:scale(.985)}.mlv-list-item--active,.mlv-list-item[aria-selected=true],.mlv-list-item[aria-current]:not([aria-current=false]){--mlv-list-item-bg: var(--mlv-list-item-bg-selected);--mlv-list-item-color: var(--mlv-text-on-selected)}.mlv-list-item--active:before,.mlv-list-item[aria-selected=true]:before,.mlv-list-item[aria-current]:not([aria-current=false]):before{transform:translateY(-50%) scaleY(1)}.mlv-list-item--active:hover,.mlv-list-item[aria-selected=true]:hover,.mlv-list-item[aria-current]:not([aria-current=false]):hover{--mlv-list-item-bg: var(--mlv-list-item-bg-selected-hover)}.mlv-list-item--has-accent:before{transform:translateY(-50%) scaleY(1)}.mlv-list-item__content{display:flex;align-items:center;gap:var(--mlv-spacing-1);width:100%;min-width:0}.mlv-list-item__media{display:flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--mlv-text-secondary)}.mlv-list-item__body{display:flex;align-items:center;gap:var(--mlv-spacing-3);flex:1 1 auto;min-width:0}.mlv-list-item__copy{display:flex;flex-direction:column;gap:.125rem;flex:1 1 auto;min-width:0}.mlv-list-item__headline{display:flex;align-items:center;gap:var(--mlv-spacing-2);min-width:0}.mlv-list-item__title{color:var(--mlv-text-primary);font-size:var(--mlv-typography-body-m-size);font-weight:var(--mlv-font-weight-medium);line-height:1.3;flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:font-weight var(--mlv-duration-fast) var(--mlv-ease-out)}.mlv-list-item__byline{color:var(--mlv-text-secondary);font-size:var(--mlv-typography-body-s-size);line-height:1.4;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.mlv-list-item__meta{color:var(--mlv-text-secondary);font-size:var(--mlv-typography-body-s-size);line-height:1.3;flex:0 0 auto;white-space:nowrap}.mlv-list-item__actions{display:flex;align-items:center;gap:var(--mlv-spacing-1);flex:0 0 auto;margin-inline-start:auto;transition:opacity var(--mlv-duration-normal) var(--mlv-ease-out),transform var(--mlv-duration-normal) var(--mlv-ease-out)}.mlv-list-item__actions--reveal-on-hover{position:absolute;top:50%;inset-inline-end:var(--mlv-list-item-padding-inline);transform:translate(.375rem,-50%);margin-inline-start:0;opacity:0;pointer-events:none}.mlv-list-item:hover .mlv-list-item__actions--reveal-on-hover,.mlv-list-item:focus-within .mlv-list-item__actions--reveal-on-hover,.mlv-list-item--active .mlv-list-item__actions--reveal-on-hover,.mlv-list-item[aria-selected=true] .mlv-list-item__actions--reveal-on-hover{opacity:1;transform:translateY(-50%);pointer-events:auto}.mlv-list-item:hover:has(.mlv-list-item__actions--reveal-on-hover) .mlv-list-item__copy,.mlv-list-item:focus-within:has(.mlv-list-item__actions--reveal-on-hover) .mlv-list-item__copy,.mlv-list-item--active:has(.mlv-list-item__actions--reveal-on-hover) .mlv-list-item__copy,.mlv-list-item[aria-selected=true]:has(.mlv-list-item__actions--reveal-on-hover) .mlv-list-item__copy{mask-image:linear-gradient(to left,transparent 0,transparent var(--mlv-list-item-reveal-mask-solid),#000 var(--mlv-list-item-reveal-mask-size));-webkit-mask-image:linear-gradient(to left,transparent 0,transparent var(--mlv-list-item-reveal-mask-solid),#000 var(--mlv-list-item-reveal-mask-size))}@media(hover:none){.mlv-list-item__actions--reveal-on-hover{position:static;transform:none;margin-inline-start:auto;opacity:1;pointer-events:auto}}.mlv-list-item--unread .mlv-list-item__title{font-weight:var(--mlv-font-weight-semibold);color:var(--mlv-text-primary)}.mlv-list-item--unread .mlv-list-item__headline:before{content:\"\";flex:0 0 auto;width:.5rem;height:.5rem;border-radius:var(--mlv-radius-full);background-color:var(--mlv-background-accent-1);box-shadow:0 0 0 .125rem color-mix(in srgb,var(--mlv-background-accent-1) 25%,transparent)}@media(prefers-reduced-motion:reduce){.mlv-list-item,.mlv-list-item *,.mlv-list-item:before,.mlv-list-item:after,[class^=mlv-list-item__],[class*=\" mlv-list-item__\"],[class^=mlv-list-item--],[class*=\" mlv-list-item--\"]{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:var(--mlv-duration-instant)!important}}}\n"] }]
+        }], propDecorators: { itemRole: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemRole", required: false }] }], unread: [{ type: i0.Input, args: [{ isSignal: true, alias: "unread", required: false }] }], accent: [{ type: i0.Input, args: [{ isSignal: true, alias: "accent", required: false }] }], _link: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvListItemLink), { isSignal: true }] }], _mediaSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvListItemMedia), { ...{
+                            descendants: true,
+                        }, isSignal: true }] }], _titleSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvListItemTitle), { ...{
+                            descendants: true,
+                        }, isSignal: true }] }], _bylineSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvListItemByline), { ...{
+                            descendants: true,
+                        }, isSignal: true }] }], _metaSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvListItemMeta), { ...{
+                            descendants: true,
+                        }, isSignal: true }] }], _actionsSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvListItemActions), { ...{
+                            descendants: true,
+                        }, isSignal: true }] }], _prefixSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvListItemPrefix), { ...{
+                            descendants: true,
+                        }, isSignal: true }] }], _suffixSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvListItemSuffix), { ...{
+                            descendants: true,
+                        }, isSignal: true }] }] } });
+
+class MlvListItemTemplate {
+    templateRef = inject((TemplateRef));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvListItemTemplate, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvListItemTemplate, isStandalone: true, selector: "[mlvListItemTemplate]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvListItemTemplate, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvListItemTemplate]',
+                }]
+        }] });
+
+/**
+ * Turns a `mlv-list` into a single- or multi-select listbox, backed by
+ * `@angular/aria`'s headless `ngListbox` pattern.
+ *
+ * The `Listbox` directive is applied as a host directive so the public
+ * `mlv-list[selectable]` selector, `multiple`/`value` inputs and `valueChange`
+ * output are unchanged. The aria pattern's selection/navigation knobs are
+ * re-exposed as inputs so consumers (and the shared dropdown panel) can pin
+ * them:
+ *
+ * - `selectionMode` (default aria `follow`) — set `"explicit"` to reproduce the
+ *   previous `CdkListbox` behaviour where selection only changes on
+ *   click / Space / Enter, never on arrow-key focus movement. The shared
+ *   `mlv-dropdown-panel` (and therefore `mlv-select` / `mlv-combobox`) pins
+ *   this to `"explicit"`.
+ * - `softDisabled` (default aria `true`) — set `false` to skip disabled options
+ *   during keyboard navigation, matching the previous `CdkListbox` behaviour.
+ *
+ * - `focusMode` (default aria `roving`) — set `"activedescendant"` so DOM focus
+ *   stays on an owning combobox trigger/input while the active option is tracked
+ *   via `aria-activedescendant`. The shared `mlv-dropdown-panel` re-exposes this
+ *   so `mlv-combobox` can keep keyboard focus in its text input.
+ *
+ * `wrap` and text typeahead keep aria's defaults, which already match the
+ * previous configuration (typeahead reads each option's `label`; see
+ * {@link MlvListItemSelectable}).
+ *
+ * The aria `Listbox`'s own `id` input is re-exposed publicly as `listboxId`. The
+ * pattern binds `[attr.id]="id()"` on the host and, when left unset, generates a
+ * `ng-listbox-*` id that would otherwise override any `[id]` template binding —
+ * dangling the `aria-controls` reference of a wrapping `mlv-select` /
+ * `mlv-combobox` trigger. Forwarding a consumer-provided id through the aria
+ * input keeps the rendered DOM id under the consumer's control (the shared
+ * `mlv-dropdown-panel` wires this from its `listboxId` input). A host
+ * directive's exposed inputs cannot be set from this wrapper's own `host`
+ * metadata, so `listboxId` is bound where the `<mlv-list>` element is used.
+ */
+class MlvListSelectable {
+    /** @protected The host `ngListbox` pattern instance. */
+    _listbox = inject(Listbox);
+    /**
+     * Moves keyboard focus to the first option in the list. Used by the
+     * dropdown panel when a parent select/combobox opens the popup.
+     */
+    focusFirst() {
+        this._listbox.gotoFirst();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvListSelectable, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvListSelectable, isStandalone: true, selector: "mlv-list[selectable]", hostDirectives: [{ directive: i1.Listbox, inputs: ["value", "value", "multi", "multiple", "orientation", "orientation", "wrap", "wrap", "disabled", "disabled", "readonly", "readonly", "selectionMode", "selectionMode", "softDisabled", "softDisabled", "focusMode", "focusMode", "id", "listboxId"], outputs: ["valueChange", "valueChange"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvListSelectable, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'mlv-list[selectable]',
+                    hostDirectives: [
+                        {
+                            directive: Listbox,
+                            inputs: [
+                                'value',
+                                'multi: multiple',
+                                'orientation',
+                                'wrap',
+                                'disabled',
+                                'readonly',
+                                'selectionMode',
+                                'softDisabled',
+                                'focusMode',
+                                'id: listboxId',
+                            ],
+                            outputs: ['valueChange'],
+                        },
+                    ],
+                }]
+        }] });
+/**
+ * Marks a `mlv-list-item` as a selectable option inside a
+ * `mlv-list[selectable]`, backed by `@angular/aria`'s `ngOption`.
+ *
+ * The required `value`, optional `disabled`, optional typeahead `label`, and
+ * optional `optionId` inputs are forwarded to the host `Option` directive.
+ * Provide `label` (the visible option text) so type-to-select works — aria's
+ * typeahead reads the explicit `label` input and defaults to an empty search
+ * term otherwise. The shared `mlv-dropdown-panel` sets this automatically from
+ * the option label.
+ *
+ * `optionId` re-exposes aria's `ngOption` `id` input (rendered as the option
+ * element's `[attr.id]`). Forwarding a deterministic id lets an owning combobox
+ * point its input's `aria-activedescendant` at the active option element (the
+ * activedescendant focus model). Left unset, aria mints its own id.
+ */
+class MlvListItemSelectable {
+    /** @protected The host `ngOption` pattern instance. */
+    option = inject(Option, { self: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvListItemSelectable, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvListItemSelectable, isStandalone: true, selector: "mlv-list-item[value]", exportAs: ["uiListItemSelectable"], hostDirectives: [{ directive: i1.Option, inputs: ["value", "value", "disabled", "disabled", "label", "label", "id", "optionId"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvListItemSelectable, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'mlv-list-item[value]',
+                    exportAs: 'uiListItemSelectable',
+                    hostDirectives: [
+                        {
+                            directive: Option,
+                            inputs: ['value', 'disabled', 'label', 'id: optionId'],
+                        },
+                    ],
+                }]
+        }] });
+
+class MlvListItemGroup {
+    label = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    open = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    /** @protected Unique ID for the collapsible content region. */
+    _contentId = mlvNextId('mlv-list-group-content');
+    toggle() {
+        this.open.update((value) => !value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvListItemGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: MlvListItemGroup, isStandalone: true, selector: "mlv-list-item-group", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange" }, host: { properties: { "class.mlv-list-item-group--toggled": "open()" }, classAttribute: "mlv-list-item-group" }, ngImport: i0, template: "<button\n  class=\"mlv-list-item-group__toggler\"\n  type=\"button\"\n  [attr.aria-expanded]=\"!!open()\"\n  [attr.aria-controls]=\"_contentId\"\n  (click)=\"toggle()\"\n>\n  <svg class=\"mlv-list-item-group__arrow\" size=\"16\" lucideChevronRight></svg>\n  <span>{{ label() }}</span>\n</button>\n<div class=\"mlv-list-item-group__content\" [id]=\"_contentId\">\n  <div>\n    <div>\n      <ng-content />\n    </div>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";@layer mlv.components{.mlv-list-item-group{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-list-item-group *{box-sizing:border-box}.mlv-list-item-group{--mlv-transform: rotate(0);position:relative;display:block}.mlv-list-item-group__toggler{display:flex;gap:.25rem;align-items:center;width:100%;padding:var(--mlv-padding-s);border:none;font-size:var(--mlv-font-size-l);color:var(--mlv-list-color, var(--mlv-text-primary));appearance:none;background:transparent;cursor:pointer;transition:background-color var(--mlv-duration-fast) var(--mlv-ease-out)}.mlv-list-item-group__toggler:hover{background-color:var(--mlv-background-neutral-1)}.mlv-list-item-group__toggler:focus-visible{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:calc(var(--mlv-focus-ring-offset) * -1);border-radius:var(--mlv-radius-s)}.mlv-list-item-group__arrow{display:block;transform:var(--mlv-transform);will-change:transform;transition:transform var(--mlv-duration-normal) var(--mlv-ease-default)}.mlv-list-item-group__content{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--mlv-duration-normal) var(--mlv-ease-default)}.mlv-list-item-group__content>div{transition:padding var(--mlv-duration-normal) var(--mlv-ease-default),opacity var(--mlv-duration-slow) var(--mlv-ease-default);overflow:hidden;min-height:0;opacity:0;padding:0 var(--mlv-spacing-3);padding-inline-start:var(--mlv-spacing-6)}.mlv-list-item-group__content>div>div{border-inline-start:.0625rem solid var(--mlv-border-normal);padding-inline-start:var(--mlv-spacing-4)}.mlv-list-item-group--toggled{--mlv-transform: rotate(90deg)}.mlv-list-item-group--toggled .mlv-list-item-group__content{grid-template-rows:1fr}.mlv-list-item-group--toggled .mlv-list-item-group__content>div{opacity:1;padding:var(--mlv-padding-s);padding-inline-start:var(--mlv-spacing-6)}@media(prefers-reduced-motion:reduce){.mlv-list-item-group,.mlv-list-item-group *,.mlv-list-item-group:before,.mlv-list-item-group:after,[class^=mlv-list-item-group__],[class*=\" mlv-list-item-group__\"],[class^=mlv-list-item-group--],[class*=\" mlv-list-item-group--\"]{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:var(--mlv-duration-instant)!important}}.mlv-list--inset .mlv-list-item-group{display:flex;flex-direction:column;gap:var(--mlv-spacing-1)}.mlv-list--inset .mlv-list-item-group__toggler{position:sticky;top:0;z-index:2;padding:var(--mlv-spacing-1-5) var(--mlv-spacing-1);margin:0;font-size:var(--mlv-typography-body-s-size);font-weight:var(--mlv-font-weight-semibold);line-height:var(--mlv-typography-body-s-line-height);color:var(--mlv-text-secondary);text-transform:uppercase;letter-spacing:.06em;background-color:color-mix(in srgb,var(--mlv-background-sunken) 85%,transparent);backdrop-filter:saturate(1.4) blur(.5rem);-webkit-backdrop-filter:saturate(1.4) blur(.5rem);cursor:default;pointer-events:none}.mlv-list--inset .mlv-list-item-group__arrow{display:none}.mlv-list--inset .mlv-list-item-group__content{grid-template-rows:1fr}.mlv-list--inset .mlv-list-item-group__content>div{padding:0;opacity:1;overflow:visible}.mlv-list--inset .mlv-list-item-group__content>div>div{padding:0;border-inline-start:none;background-color:var(--mlv-background-raised);border-radius:var(--mlv-radius-l);overflow:hidden}.mlv-list--inset .mlv-list-item-group__content .mlv-list-item{--mlv-list-item-radius: 0;padding-inline:var(--mlv-spacing-3)}}\n"], dependencies: [{ kind: "component", type: LucideChevronRight, selector: "svg[lucideChevronRight]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvListItemGroup, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-list-item-group', imports: [LucideChevronRight], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'mlv-list-item-group',
+                        '[class.mlv-list-item-group--toggled]': 'open()',
+                    }, template: "<button\n  class=\"mlv-list-item-group__toggler\"\n  type=\"button\"\n  [attr.aria-expanded]=\"!!open()\"\n  [attr.aria-controls]=\"_contentId\"\n  (click)=\"toggle()\"\n>\n  <svg class=\"mlv-list-item-group__arrow\" size=\"16\" lucideChevronRight></svg>\n  <span>{{ label() }}</span>\n</button>\n<div class=\"mlv-list-item-group__content\" [id]=\"_contentId\">\n  <div>\n    <div>\n      <ng-content />\n    </div>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";@layer mlv.components{.mlv-list-item-group{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-list-item-group *{box-sizing:border-box}.mlv-list-item-group{--mlv-transform: rotate(0);position:relative;display:block}.mlv-list-item-group__toggler{display:flex;gap:.25rem;align-items:center;width:100%;padding:var(--mlv-padding-s);border:none;font-size:var(--mlv-font-size-l);color:var(--mlv-list-color, var(--mlv-text-primary));appearance:none;background:transparent;cursor:pointer;transition:background-color var(--mlv-duration-fast) var(--mlv-ease-out)}.mlv-list-item-group__toggler:hover{background-color:var(--mlv-background-neutral-1)}.mlv-list-item-group__toggler:focus-visible{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:calc(var(--mlv-focus-ring-offset) * -1);border-radius:var(--mlv-radius-s)}.mlv-list-item-group__arrow{display:block;transform:var(--mlv-transform);will-change:transform;transition:transform var(--mlv-duration-normal) var(--mlv-ease-default)}.mlv-list-item-group__content{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--mlv-duration-normal) var(--mlv-ease-default)}.mlv-list-item-group__content>div{transition:padding var(--mlv-duration-normal) var(--mlv-ease-default),opacity var(--mlv-duration-slow) var(--mlv-ease-default);overflow:hidden;min-height:0;opacity:0;padding:0 var(--mlv-spacing-3);padding-inline-start:var(--mlv-spacing-6)}.mlv-list-item-group__content>div>div{border-inline-start:.0625rem solid var(--mlv-border-normal);padding-inline-start:var(--mlv-spacing-4)}.mlv-list-item-group--toggled{--mlv-transform: rotate(90deg)}.mlv-list-item-group--toggled .mlv-list-item-group__content{grid-template-rows:1fr}.mlv-list-item-group--toggled .mlv-list-item-group__content>div{opacity:1;padding:var(--mlv-padding-s);padding-inline-start:var(--mlv-spacing-6)}@media(prefers-reduced-motion:reduce){.mlv-list-item-group,.mlv-list-item-group *,.mlv-list-item-group:before,.mlv-list-item-group:after,[class^=mlv-list-item-group__],[class*=\" mlv-list-item-group__\"],[class^=mlv-list-item-group--],[class*=\" mlv-list-item-group--\"]{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:var(--mlv-duration-instant)!important}}.mlv-list--inset .mlv-list-item-group{display:flex;flex-direction:column;gap:var(--mlv-spacing-1)}.mlv-list--inset .mlv-list-item-group__toggler{position:sticky;top:0;z-index:2;padding:var(--mlv-spacing-1-5) var(--mlv-spacing-1);margin:0;font-size:var(--mlv-typography-body-s-size);font-weight:var(--mlv-font-weight-semibold);line-height:var(--mlv-typography-body-s-line-height);color:var(--mlv-text-secondary);text-transform:uppercase;letter-spacing:.06em;background-color:color-mix(in srgb,var(--mlv-background-sunken) 85%,transparent);backdrop-filter:saturate(1.4) blur(.5rem);-webkit-backdrop-filter:saturate(1.4) blur(.5rem);cursor:default;pointer-events:none}.mlv-list--inset .mlv-list-item-group__arrow{display:none}.mlv-list--inset .mlv-list-item-group__content{grid-template-rows:1fr}.mlv-list--inset .mlv-list-item-group__content>div{padding:0;opacity:1;overflow:visible}.mlv-list--inset .mlv-list-item-group__content>div>div{padding:0;border-inline-start:none;background-color:var(--mlv-background-raised);border-radius:var(--mlv-radius-l);overflow:hidden}.mlv-list--inset .mlv-list-item-group__content .mlv-list-item{--mlv-list-item-radius: 0;padding-inline:var(--mlv-spacing-3)}}\n"] }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MlvList, MlvListItem, MlvListItemActions, MlvListItemByline, MlvListItemGroup, MlvListItemLink, MlvListItemMedia, MlvListItemMeta, MlvListItemPrefix, MlvListItemSelectable, MlvListItemSuffix, MlvListItemTemplate, MlvListItemTitle, MlvListSelectable };
+//# sourceMappingURL=malva-ui-core-list.mjs.map

package/fesm2022/malva-ui-core-list.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-list.mjs","sources":["../../../../libs/core/list/src/lib/list/list.ts","../../../../libs/core/list/src/lib/list/list.html","../../../../libs/core/list/src/lib/list-item-link/list-item-link.ts","../../../../libs/core/list/src/lib/list-item-link/list-item-link.html","../../../../libs/core/list/src/lib/list-item-actions.ts","../../../../libs/core/list/src/lib/list-item-byline.ts","../../../../libs/core/list/src/lib/list-item-media.ts","../../../../libs/core/list/src/lib/list-item-meta.ts","../../../../libs/core/list/src/lib/list-item-prefix.ts","../../../../libs/core/list/src/lib/list-item-suffix.ts","../../../../libs/core/list/src/lib/list-item-title.ts","../../../../libs/core/list/src/lib/list-item/list-item.ts","../../../../libs/core/list/src/lib/list-item/list-item.html","../../../../libs/core/list/src/lib/list-item-template.ts","../../../../libs/core/list/src/lib/list-selectable.ts","../../../../libs/core/list/src/lib/list-item-group/list-item-group.ts","../../../../libs/core/list/src/lib/list-item-group/list-item-group.html","../../../../libs/core/list/src/malva-ui-core-list.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * Visual variant of the list container.\n *\n * - `plain` — spaced rows with no container styling (default).\n * - `inset` — grouped, elevated appearance: rows sit on a raised surface\n *   inside a sunken background, connected by inset dividers and topped with\n *   sticky group headers. The iOS/Apple Settings look.\n */\nexport type MlvListVariant = 'plain' | 'inset';\n\n/**\n * Context-specific styling for the list. `mlv-list` is a shared primitive\n * used both as a standalone content list and as the panel container inside\n * overlays (select/combobox/autocomplete dropdowns, popover menus) — the two\n * contexts want different row rhythm, so `appearance` (orthogonal to\n * {@link MlvListVariant}) picks which one applies.\n *\n * - `default` — the airy standalone-list look: hairline separators between\n *   rows, taller row padding, square row corners (SL-R5).\n * - `menu` — compact overlay look: no hairline separators, tighter row\n *   padding, and rounded row corners for the hover/selection pill. Matches\n *   the pre-harmonization dropdown/menu rhythm. Set this on every `mlv-list`\n *   rendered inside an overlay panel.\n */\nexport type MlvListAppearance = 'default' | 'menu';\n\n@Component({\n  selector: 'mlv-list',\n  templateUrl: './list.html',\n  styleUrl: './list.css',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-list',\n    '[class]': '\"mlv-list--\" + variant()',\n    '[class.mlv-list--appearance-menu]': 'appearance() === \"menu\"',\n    '[attr.role]': 'listRole()',\n  },\n})\nexport class MlvList {\n  /**\n   * WAI-ARIA role for the list host element.\n   * Override when the list is used in a context requiring a different role\n   * (e.g. `'menu'` when used as a menu panel container).\n   * Defaults to `'list'`.\n   */\n  readonly listRole = input<string>('list');\n\n  /**\n   * Visual variant of the list. See {@link MlvListVariant}.\n   */\n  readonly variant = input<MlvListVariant>('plain');\n\n  /**\n   * Context-specific styling. See {@link MlvListAppearance}. Defaults to\n   * `'default'` (the standalone airy list look); every overlay panel\n   * consumer (select/combobox/autocomplete dropdown, `mlv-menu`, popup\n   * menus) sets `'menu'`.\n   */\n  readonly appearance = input<MlvListAppearance>('default');\n}\n","<ng-content />\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  inject,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { RouterLinkActive } from '@angular/router';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { of } from 'rxjs';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'a[mlvListItemLink]',\n  templateUrl: './list-item-link.html',\n  styleUrl: './list-item-link.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-list-item__link',\n  },\n})\nexport class MlvListItemLink {\n  readonly routerLink = inject(RouterLinkActive, { optional: true });\n\n  readonly isActive = toSignal(this.routerLink?.isActiveChange ?? of(false), {\n    initialValue: false,\n  });\n}\n","<ng-content />\n","import { Directive, input } from '@angular/core';\nimport type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\n\n@Directive({\n  selector: '[mlvListItemActions]',\n  host: {\n    '(click)': '$event.stopPropagation()',\n  },\n})\nexport class MlvListItemActions {\n  /**\n   * When true, the actions wrapper is hidden by default and revealed on row\n   * hover, focus-within, or touch devices. Lets rows stay visually calm until\n   * the user signals intent to interact.\n   */\n  readonly revealOnHover = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[mlvListItemByline]',\n})\nexport class MlvListItemByline {}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[mlvListItemMedia]',\n})\nexport class MlvListItemMedia {}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[mlvListItemMeta]',\n})\nexport class MlvListItemMeta {}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[mlvListItemPrefix]',\n})\nexport class MlvListItemPrefix {}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[mlvListItemSuffix]',\n})\nexport class MlvListItemSuffix {}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[mlvListItemTitle]',\n})\nexport class MlvListItemTitle {}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { MlvListItemLink } from '../list-item-link/list-item-link';\nimport { MlvListItemActions } from '../list-item-actions';\nimport { MlvListItemByline } from '../list-item-byline';\nimport { MlvListItemMedia } from '../list-item-media';\nimport { MlvListItemMeta } from '../list-item-meta';\nimport { MlvListItemPrefix } from '../list-item-prefix';\nimport { MlvListItemSuffix } from '../list-item-suffix';\nimport { MlvListItemTitle } from '../list-item-title';\n\n/**\n * Semantic accent key used to tint the leading accent bar of a list item.\n * Any other string is treated as a raw CSS color value.\n */\nexport type MlvListItemAccent =\n  | 'neutral'\n  | 'primary'\n  | 'positive'\n  | 'negative'\n  | 'warning'\n  | 'info'\n  | (string & {});\n\n@Component({\n  selector: 'mlv-list-item',\n  templateUrl: './list-item.html',\n  styleUrl: './list-item.scss',\n  imports: [NgTemplateOutlet],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-list-item',\n    '[attr.role]': 'itemRole()',\n    '[class.mlv-list-item--active]': 'isActive()',\n    '[class.mlv-list-item--rich]': '_hasRichLayout()',\n    '[class.mlv-list-item--unread]': 'unread()',\n    '[class.mlv-list-item--has-accent]': '!!accent()',\n    '[style.--mlv-list-item-accent]': '_accentColor()',\n  },\n})\nexport class MlvListItem {\n  /**\n   * WAI-ARIA role for the host element.\n   * Defaults to `'listitem'`. Override to `'menuitem'`, `'option'`, or another\n   * appropriate role when the item is used inside a composite widget that\n   * requires a different ARIA role (e.g. inside a `role=\"menu\"` container).\n   */\n  readonly itemRole = input<string>('listitem');\n\n  /**\n   * Marks the item as unread — bolds the title and shows a leading unread dot.\n   * Matches the familiar inbox/notification-center pattern.\n   */\n  readonly unread = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * Optional accent color for the leading bar. Accepts semantic keys\n   * (`primary`, `positive`, `negative`, `warning`, `info`, `neutral`) or any\n   * raw CSS color value. When set, the accent bar is always rendered.\n   */\n  readonly accent = input<MlvListItemAccent | undefined>(undefined);\n\n  /** @protected Projected `a[mlvListItemLink]` child, if any — drives router-active state. */\n  protected readonly _link = contentChild(MlvListItemLink);\n  /** @protected Leading rich-media slot (`[mlvListItemMedia]`). */\n  protected readonly _mediaSlot = contentChild(MlvListItemMedia, {\n    descendants: true,\n  });\n  /** @protected Title slot (`[mlvListItemTitle]`). */\n  protected readonly _titleSlot = contentChild(MlvListItemTitle, {\n    descendants: true,\n  });\n  /** @protected Secondary byline slot (`[mlvListItemByline]`). */\n  protected readonly _bylineSlot = contentChild(MlvListItemByline, {\n    descendants: true,\n  });\n  /** @protected Inline headline meta slot (`[mlvListItemMeta]`). */\n  protected readonly _metaSlot = contentChild(MlvListItemMeta, {\n    descendants: true,\n  });\n  /** @protected Trailing actions slot (`[mlvListItemActions]`). */\n  protected readonly _actionsSlot = contentChild(MlvListItemActions, {\n    descendants: true,\n  });\n  /** @protected Legacy leading prefix slot (`[mlvListItemPrefix]`). */\n  protected readonly _prefixSlot = contentChild(MlvListItemPrefix, {\n    descendants: true,\n  });\n  /** @protected Legacy trailing suffix slot (`[mlvListItemSuffix]`). */\n  protected readonly _suffixSlot = contentChild(MlvListItemSuffix, {\n    descendants: true,\n  });\n\n  readonly isActive = computed(() => this._link()?.isActive() ?? false);\n  /** @protected Whether any rich-layout slot is projected — switches the row to rich layout. */\n  protected readonly _hasRichLayout = computed(() => {\n    return !!(\n      this._mediaSlot() ||\n      this._titleSlot() ||\n      this._bylineSlot() ||\n      this._metaSlot() ||\n      this._actionsSlot()\n    );\n  });\n  /** @protected Whether a leading slot (media or legacy prefix) is projected. */\n  protected readonly _hasLeadingSlot = computed(\n    () => !!(this._mediaSlot() || this._prefixSlot()),\n  );\n  /** @protected Whether a trailing slot (actions or legacy suffix) is projected. */\n  protected readonly _hasTrailingSlot = computed(\n    () => !!(this._actionsSlot() || this._suffixSlot()),\n  );\n  /** @protected Whether the actions slot opts into reveal-on-hover behaviour. */\n  protected readonly _revealActions = computed(\n    () => !!this._actionsSlot()?.revealOnHover(),\n  );\n\n  /**\n   * @protected Resolves the `accent` input to a CSS color value. Semantic\n   * keys map to Malva UI tokens; any other string is returned verbatim.\n   */\n  protected readonly _accentColor = computed<string | null>(() => {\n    const accent = this.accent();\n    if (!accent) return null;\n    switch (accent) {\n      case 'primary':\n        return 'var(--mlv-background-accent-1)';\n      case 'positive':\n        return 'var(--mlv-background-success-1)';\n      case 'negative':\n        return 'var(--mlv-background-danger-1)';\n      case 'warning':\n        return 'var(--mlv-background-warning-1)';\n      case 'info':\n        return 'var(--mlv-background-info-1)';\n      case 'neutral':\n        return 'var(--mlv-background-neutral-1-active)';\n      default:\n        return accent;\n    }\n  });\n}\n","<!--\n  Content projection here follows the \"conditional projection\" pattern from the\n  Angular docs: every ng-content slot (each selector, and the wildcard default)\n  appears exactly ONCE, wrapped in an ng-template, and the exclusive layout\n  branches stamp those templates where they need them. Duplicating a selector\n  across branches silently swallows content: slot assignment is static, so the\n  nodes bind to the first matching slot even when that branch never renders.\n-->\n<ng-template #leadingContent>\n  <ng-content select=\"[mlvListItemMedia], [mlvListItemPrefix]\" />\n</ng-template>\n<ng-template #defaultContent>\n  <ng-content />\n</ng-template>\n<ng-template #trailingContent>\n  <ng-content select=\"[mlvListItemActions], [mlvListItemSuffix]\" />\n</ng-template>\n\n<div class=\"mlv-list-item__surface\">\n  @if (_hasRichLayout()) { @if (_hasLeadingSlot()) {\n  <span class=\"mlv-list-item__media\">\n    <ng-container [ngTemplateOutlet]=\"leadingContent\" />\n  </span>\n  }\n\n  <div class=\"mlv-list-item__body\">\n    <div class=\"mlv-list-item__copy\">\n      <div class=\"mlv-list-item__headline\">\n        <span class=\"mlv-list-item__title\">\n          @if (_titleSlot()) {\n          <ng-content select=\"[mlvListItemTitle]\" />\n          } @else {\n          <ng-container [ngTemplateOutlet]=\"defaultContent\" />\n          }\n        </span>\n\n        @if (_metaSlot()) {\n        <span class=\"mlv-list-item__meta\">\n          <ng-content select=\"[mlvListItemMeta]\" />\n        </span>\n        }\n      </div>\n\n      @if (_bylineSlot()) {\n      <div class=\"mlv-list-item__byline\">\n        <ng-content select=\"[mlvListItemByline]\" />\n      </div>\n      }\n    </div>\n\n    @if (_hasTrailingSlot()) {\n    <div\n      class=\"mlv-list-item__actions\"\n      [class.mlv-list-item__actions--reveal-on-hover]=\"_revealActions()\"\n    >\n      <ng-container [ngTemplateOutlet]=\"trailingContent\" />\n    </div>\n    }\n  </div>\n  } @else {\n  <ng-container [ngTemplateOutlet]=\"leadingContent\" />\n  <span class=\"mlv-list-item__content\">\n    <ng-container [ngTemplateOutlet]=\"defaultContent\" />\n  </span>\n  <ng-container [ngTemplateOutlet]=\"trailingContent\" />\n  }\n</div>\n","import { Directive, TemplateRef, inject } from '@angular/core';\n\nexport interface MlvListItemTemplateContext<T = unknown> {\n  $implicit: T;\n}\n\n@Directive({\n  selector: '[mlvListItemTemplate]',\n})\nexport class MlvListItemTemplate<T = unknown> {\n  readonly templateRef = inject(TemplateRef<MlvListItemTemplateContext<T>>);\n}\n","import { Directive, inject } from '@angular/core';\nimport { Listbox, Option } from '@angular/aria/listbox';\n\n/**\n * Turns a `mlv-list` into a single- or multi-select listbox, backed by\n * `@angular/aria`'s headless `ngListbox` pattern.\n *\n * The `Listbox` directive is applied as a host directive so the public\n * `mlv-list[selectable]` selector, `multiple`/`value` inputs and `valueChange`\n * output are unchanged. The aria pattern's selection/navigation knobs are\n * re-exposed as inputs so consumers (and the shared dropdown panel) can pin\n * them:\n *\n * - `selectionMode` (default aria `follow`) — set `\"explicit\"` to reproduce the\n *   previous `CdkListbox` behaviour where selection only changes on\n *   click / Space / Enter, never on arrow-key focus movement. The shared\n *   `mlv-dropdown-panel` (and therefore `mlv-select` / `mlv-combobox`) pins\n *   this to `\"explicit\"`.\n * - `softDisabled` (default aria `true`) — set `false` to skip disabled options\n *   during keyboard navigation, matching the previous `CdkListbox` behaviour.\n *\n * - `focusMode` (default aria `roving`) — set `\"activedescendant\"` so DOM focus\n *   stays on an owning combobox trigger/input while the active option is tracked\n *   via `aria-activedescendant`. The shared `mlv-dropdown-panel` re-exposes this\n *   so `mlv-combobox` can keep keyboard focus in its text input.\n *\n * `wrap` and text typeahead keep aria's defaults, which already match the\n * previous configuration (typeahead reads each option's `label`; see\n * {@link MlvListItemSelectable}).\n *\n * The aria `Listbox`'s own `id` input is re-exposed publicly as `listboxId`. The\n * pattern binds `[attr.id]=\"id()\"` on the host and, when left unset, generates a\n * `ng-listbox-*` id that would otherwise override any `[id]` template binding —\n * dangling the `aria-controls` reference of a wrapping `mlv-select` /\n * `mlv-combobox` trigger. Forwarding a consumer-provided id through the aria\n * input keeps the rendered DOM id under the consumer's control (the shared\n * `mlv-dropdown-panel` wires this from its `listboxId` input). A host\n * directive's exposed inputs cannot be set from this wrapper's own `host`\n * metadata, so `listboxId` is bound where the `<mlv-list>` element is used.\n */\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: 'mlv-list[selectable]',\n  hostDirectives: [\n    {\n      directive: Listbox,\n      inputs: [\n        'value',\n        'multi: multiple',\n        'orientation',\n        'wrap',\n        'disabled',\n        'readonly',\n        'selectionMode',\n        'softDisabled',\n        'focusMode',\n        'id: listboxId',\n      ],\n      outputs: ['valueChange'],\n    },\n  ],\n})\nexport class MlvListSelectable<T> {\n  /** @protected The host `ngListbox` pattern instance. */\n  protected readonly _listbox = inject<Listbox<T>>(Listbox);\n\n  /**\n   * Moves keyboard focus to the first option in the list. Used by the\n   * dropdown panel when a parent select/combobox opens the popup.\n   */\n  focusFirst(): void {\n    this._listbox.gotoFirst();\n  }\n}\n\n/**\n * Marks a `mlv-list-item` as a selectable option inside a\n * `mlv-list[selectable]`, backed by `@angular/aria`'s `ngOption`.\n *\n * The required `value`, optional `disabled`, optional typeahead `label`, and\n * optional `optionId` inputs are forwarded to the host `Option` directive.\n * Provide `label` (the visible option text) so type-to-select works — aria's\n * typeahead reads the explicit `label` input and defaults to an empty search\n * term otherwise. The shared `mlv-dropdown-panel` sets this automatically from\n * the option label.\n *\n * `optionId` re-exposes aria's `ngOption` `id` input (rendered as the option\n * element's `[attr.id]`). Forwarding a deterministic id lets an owning combobox\n * point its input's `aria-activedescendant` at the active option element (the\n * activedescendant focus model). Left unset, aria mints its own id.\n */\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: 'mlv-list-item[value]',\n  exportAs: 'uiListItemSelectable',\n  hostDirectives: [\n    {\n      directive: Option,\n      inputs: ['value', 'disabled', 'label', 'id: optionId'],\n    },\n  ],\n})\nexport class MlvListItemSelectable {\n  /** @protected The host `ngOption` pattern instance. */\n  protected readonly option = inject(Option, { self: true });\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  input,\n  model,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { LucideChevronRight } from '@lucide/angular';\nimport type { BooleanInput } from '@angular/cdk/coercion';\nimport { mlvNextId } from '@malva-ui/cdk/utils';\n\n@Component({\n  selector: 'mlv-list-item-group',\n  imports: [LucideChevronRight],\n  templateUrl: './list-item-group.html',\n  styleUrl: './list-item-group.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-list-item-group',\n    '[class.mlv-list-item-group--toggled]': 'open()',\n  },\n})\nexport class MlvListItemGroup {\n  readonly label = input.required<string>();\n\n  readonly open = model<BooleanInput>(false);\n\n  /** @protected Unique ID for the collapsible content region. */\n  protected readonly _contentId = mlvNextId('mlv-list-group-content');\n\n  toggle(): void {\n    this.open.update((value) => !value);\n  }\n}\n","<button\n  class=\"mlv-list-item-group__toggler\"\n  type=\"button\"\n  [attr.aria-expanded]=\"!!open()\"\n  [attr.aria-controls]=\"_contentId\"\n  (click)=\"toggle()\"\n>\n  <svg class=\"mlv-list-item-group__arrow\" size=\"16\" lucideChevronRight></svg>\n  <span>{{ label() }}</span>\n</button>\n<div class=\"mlv-list-item-group__content\" [id]=\"_contentId\">\n  <div>\n    <div>\n      <ng-content />\n    </div>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;MA8Ca,OAAO,CAAA;AAClB;;;;;AAKG;IACM,QAAQ,GAAG,KAAK,CAAS,MAAM;iFAAC;AAEzC;;AAEG;IACM,OAAO,GAAG,KAAK,CAAiB,OAAO;gFAAC;AAEjD;;;;;AAKG;IACM,UAAU,GAAG,KAAK,CAAoB,SAAS;mFAAC;uGApB9C,OAAO,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAP,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,OAAO,8oBC9CpB,kBACA,EAAA,MAAA,EAAA,CAAA,0+DAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FD6Ca,OAAO,EAAA,UAAA,EAAA,CAAA;kBAbnB,SAAS;+BACE,UAAU,EAAA,aAAA,EAGL,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,KAAK,EAAE,UAAU;AACjB,wBAAA,SAAS,EAAE,0BAA0B;AACrC,wBAAA,mCAAmC,EAAE,yBAAyB;AAC9D,wBAAA,aAAa,EAAE,YAAY;AAC5B,qBAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,0+DAAA,CAAA,EAAA;;;MEvBU,eAAe,CAAA;IACjB,UAAU,GAAG,MAAM,CAAC,gBAAgB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAEzD,IAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,UAAU,EAAE,cAAc,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE;AACzE,QAAA,YAAY,EAAE,KAAK;AACpB,KAAA,CAAC;uGALS,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,+HCrB5B,kBACA,EAAA,MAAA,EAAA,CAAA,sVAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FDoBa,eAAe,EAAA,UAAA,EAAA,CAAA;kBAX3B,SAAS;+BAEE,oBAAoB,EAAA,aAAA,EAGf,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,KAAK,EAAE,qBAAqB;AAC7B,qBAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,sVAAA,CAAA,EAAA;;;METU,kBAAkB,CAAA;AAC7B;;;;AAIG;IACM,aAAa,GAAG,KAAK,CAAwB,KAAK,qFACzD,SAAS,EAAE,qBAAqB,EAAA,CAChC;uGARS,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,0BAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,0BAA0B;AACtC,qBAAA;AACF,iBAAA;;;MCJY,iBAAiB,CAAA;uGAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAH7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qBAAqB;AAChC,iBAAA;;;MCCY,gBAAgB,CAAA;uGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAH5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;AAC/B,iBAAA;;;MCCY,eAAe,CAAA;uGAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAH3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;AAC9B,iBAAA;;;MCCY,iBAAiB,CAAA;uGAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAH7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qBAAqB;AAChC,iBAAA;;;MCCY,iBAAiB,CAAA;uGAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAH7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qBAAqB;AAChC,iBAAA;;;MCCY,gBAAgB,CAAA;uGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAH5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;AAC/B,iBAAA;;;MC8CY,WAAW,CAAA;AACtB;;;;;AAKG;IACM,QAAQ,GAAG,KAAK,CAAS,UAAU;iFAAC;AAE7C;;;AAGG;IACM,MAAM,GAAG,KAAK,CAAwB,KAAK,8EAClD,SAAS,EAAE,qBAAqB,EAAA,CAChC;AAEF;;;;AAIG;IACM,MAAM,GAAG,KAAK,CAAgC,SAAS;+EAAC;;IAG9C,KAAK,GAAG,YAAY,CAAC,eAAe;8EAAC;;IAErC,UAAU,GAAG,YAAY,CAAC,gBAAgB,kFAC3D,WAAW,EAAE,IAAI,EAAA,CACjB;;IAEiB,UAAU,GAAG,YAAY,CAAC,gBAAgB,kFAC3D,WAAW,EAAE,IAAI,EAAA,CACjB;;IAEiB,WAAW,GAAG,YAAY,CAAC,iBAAiB,mFAC7D,WAAW,EAAE,IAAI,EAAA,CACjB;;IAEiB,SAAS,GAAG,YAAY,CAAC,eAAe,iFACzD,WAAW,EAAE,IAAI,EAAA,CACjB;;IAEiB,YAAY,GAAG,YAAY,CAAC,kBAAkB,oFAC/D,WAAW,EAAE,IAAI,EAAA,CACjB;;IAEiB,WAAW,GAAG,YAAY,CAAC,iBAAiB,mFAC7D,WAAW,EAAE,IAAI,EAAA,CACjB;;IAEiB,WAAW,GAAG,YAAY,CAAC,iBAAiB,mFAC7D,WAAW,EAAE,IAAI,EAAA,CACjB;AAEO,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,KAAK;iFAAC;;AAElD,IAAA,cAAc,GAAG,QAAQ,CAAC,MAAK;AAChD,QAAA,OAAO,CAAC,EACN,IAAI,CAAC,UAAU,EAAE;YACjB,IAAI,CAAC,UAAU,EAAE;YACjB,IAAI,CAAC,WAAW,EAAE;YAClB,IAAI,CAAC,SAAS,EAAE;AAChB,YAAA,IAAI,CAAC,YAAY,EAAE,CACpB;IACH,CAAC;uFAAC;;AAEiB,IAAA,eAAe,GAAG,QAAQ,CAC3C,MAAM,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;wFAClD;;AAEkB,IAAA,gBAAgB,GAAG,QAAQ,CAC5C,MAAM,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;yFACpD;;AAEkB,IAAA,cAAc,GAAG,QAAQ,CAC1C,MAAM,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,aAAa,EAAE;uFAC7C;AAED;;;AAGG;AACgB,IAAA,YAAY,GAAG,QAAQ,CAAgB,MAAK;AAC7D,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE;AAC5B,QAAA,IAAI,CAAC,MAAM;AAAE,YAAA,OAAO,IAAI;QACxB,QAAQ,MAAM;AACZ,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,gCAAgC;AACzC,YAAA,KAAK,UAAU;AACb,gBAAA,OAAO,iCAAiC;AAC1C,YAAA,KAAK,UAAU;AACb,gBAAA,OAAO,gCAAgC;AACzC,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,iCAAiC;AAC1C,YAAA,KAAK,MAAM;AACT,gBAAA,OAAO,8BAA8B;AACvC,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,wCAAwC;AACjD,YAAA;AACE,gBAAA,OAAO,MAAM;;IAEnB,CAAC;qFAAC;uGAtGS,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,izBAyBkB,eAAe,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,YAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAEV,gBAAgB,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,YAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAIhB,gBAAgB,8FAIf,iBAAiB,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAInB,eAAe,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAIZ,kBAAkB,8FAInB,iBAAiB,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,aAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAIjB,iBAAiB,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECrGjE,isEAmEA,01PD9BY,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAaf,WAAW,EAAA,UAAA,EAAA,CAAA;kBAjBvB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAAA,OAAA,EAGhB,CAAC,gBAAgB,CAAC,EAAA,aAAA,EACZ,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,KAAK,EAAE,eAAe;AACtB,wBAAA,aAAa,EAAE,YAAY;AAC3B,wBAAA,+BAA+B,EAAE,YAAY;AAC7C,wBAAA,6BAA6B,EAAE,kBAAkB;AACjD,wBAAA,+BAA+B,EAAE,UAAU;AAC3C,wBAAA,mCAAmC,EAAE,YAAY;AACjD,wBAAA,gCAAgC,EAAE,gBAAgB;AACnD,qBAAA,EAAA,QAAA,EAAA,isEAAA,EAAA,MAAA,EAAA,CAAA,kyPAAA,CAAA,EAAA;kXA2BuC,eAAe,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MAEV,gBAAgB,CAAA,EAAA,EAAA,GAAE;AAC7D,4BAAA,WAAW,EAAE,IAAI;AAClB,yBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MAE4C,gBAAgB,CAAA,EAAA,EAAA,GAAE;AAC7D,4BAAA,WAAW,EAAE,IAAI;AAClB,yBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MAE6C,iBAAiB,CAAA,EAAA,EAAA,GAAE;AAC/D,4BAAA,WAAW,EAAE,IAAI;AAClB,yBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,SAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MAE2C,eAAe,CAAA,EAAA,EAAA,GAAE;AAC3D,4BAAA,WAAW,EAAE,IAAI;AAClB,yBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MAE8C,kBAAkB,CAAA,EAAA,EAAA,GAAE;AACjE,4BAAA,WAAW,EAAE,IAAI;AAClB,yBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MAE6C,iBAAiB,CAAA,EAAA,EAAA,GAAE;AAC/D,4BAAA,WAAW,EAAE,IAAI;AAClB,yBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MAE6C,iBAAiB,CAAA,EAAA,EAAA,GAAE;AAC/D,4BAAA,WAAW,EAAE,IAAI;AAClB,yBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;ME9FU,mBAAmB,CAAA;AACrB,IAAA,WAAW,GAAG,MAAM,EAAC,WAA0C,EAAC;uGAD9D,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAH/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uBAAuB;AAClC,iBAAA;;;ACLD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCG;MAuBU,iBAAiB,CAAA;;AAET,IAAA,QAAQ,GAAG,MAAM,CAAa,OAAO,CAAC;AAEzD;;;AAGG;IACH,UAAU,GAAA;AACR,QAAA,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE;IAC3B;uGAVW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,OAAA,EAAA,UAAA,EAAA,aAAA,EAAA,aAAA,EAAA,MAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,eAAA,EAAA,eAAA,EAAA,cAAA,EAAA,cAAA,EAAA,WAAA,EAAA,WAAA,EAAA,IAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,EAAA,aAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAtB7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;;AAET,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,cAAc,EAAE;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,OAAO;AAClB,4BAAA,MAAM,EAAE;gCACN,OAAO;gCACP,iBAAiB;gCACjB,aAAa;gCACb,MAAM;gCACN,UAAU;gCACV,UAAU;gCACV,eAAe;gCACf,cAAc;gCACd,WAAW;gCACX,eAAe;AAChB,6BAAA;4BACD,OAAO,EAAE,CAAC,aAAa,CAAC;AACzB,yBAAA;AACF,qBAAA;AACF,iBAAA;;AAcD;;;;;;;;;;;;;;;AAeG;MAYU,qBAAqB,CAAA;;IAEb,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;uGAF/C,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,QAAA,EAAA,CAAA,sBAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,EAAA,OAAA,EAAA,OAAA,EAAA,IAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAXjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;;AAET,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,cAAc,EAAE;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,MAAM;4BACjB,MAAM,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,CAAC;AACvD,yBAAA;AACF,qBAAA;AACF,iBAAA;;;MC9EY,gBAAgB,CAAA;IAClB,KAAK,GAAG,KAAK,CAAC,QAAQ;8EAAU;IAEhC,IAAI,GAAG,KAAK,CAAe,KAAK;6EAAC;;AAGvB,IAAA,UAAU,GAAG,SAAS,CAAC,wBAAwB,CAAC;IAEnE,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC;IACrC;uGAVW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oCAAA,EAAA,QAAA,EAAA,EAAA,cAAA,EAAA,qBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvB7B,qbAiBA,EAAA,MAAA,EAAA,CAAA,0/GAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDJY,kBAAkB,EAAA,QAAA,EAAA,yBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAUjB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAZ5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EAAA,OAAA,EACtB,CAAC,kBAAkB,CAAC,EAAA,aAAA,EAGd,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,KAAK,EAAE,qBAAqB;AAC5B,wBAAA,sCAAsC,EAAE,QAAQ;AACjD,qBAAA,EAAA,QAAA,EAAA,qbAAA,EAAA,MAAA,EAAA,CAAA,0/GAAA,CAAA,EAAA;;;AErBH;;AAEG;;;;"}