@malva-ui/core 0.1.12

package/esm2022/list/lib/list/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../../../../libs/core/list/src/lib/list/list.ts","../../../../../../../libs/core/list/src/lib/list/list.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;;AAwBvB,MAAM,OAAO,OAAO;IAClB;;;;;OAKG;IACM,QAAQ,GAAG,KAAK,CAAS,MAAM;iFAAC,CAAC;IAE1C;;OAEG;IACM,OAAO,GAAG,KAAK,CAAiB,OAAO;gFAAC,CAAC;uGAZvC,OAAO;2FAAP,OAAO,ucC7BpB,kBACA;;2FD4Ba,OAAO;kBAZnB,SAAS;+BACE,UAAU,iBAGL,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,QACzC;wBACJ,KAAK,EAAE,UAAU;wBACjB,SAAS,EAAE,0BAA0B;wBACrC,aAAa,EAAE,YAAY;qBAC5B","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@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    '[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","<ng-content />\n"]}

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

@@ -0,0 +1,125 @@
+import { ChangeDetectionStrategy, Component, computed, contentChild, input, ViewEncapsulation, } from '@angular/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { MlvListItemLink } from '../list-item-link/list-item-link';
+import { MlvListItemActions } from '../list-item-actions';
+import { MlvListItemByline } from '../list-item-byline';
+import { MlvListItemMedia } from '../list-item-media';
+import { MlvListItemMeta } from '../list-item-meta';
+import { MlvListItemPrefix } from '../list-item-prefix';
+import { MlvListItemSuffix } from '../list-item-suffix';
+import { MlvListItemTitle } from '../list-item-title';
+import * as i0 from "@angular/core";
+export 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: "<div class=\"mlv-list-item__surface\">\n  @if (_hasRichLayout()) { @if (_hasLeadingSlot()) {\n  <span class=\"mlv-list-item__media\">\n    <ng-content select=\"[mlvListItemMedia], [mlvListItemPrefix]\" />\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-content />\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-content select=\"[mlvListItemActions], [mlvListItemSuffix]\" />\n    </div>\n    }\n  </div>\n  } @else {\n  <ng-content select=\"[mlvListItemPrefix]\" />\n  <span class=\"mlv-list-item__content\">\n    <ng-content />\n  </span>\n  <ng-content select=\"[mlvListItemSuffix]\" />\n  }\n</div>\n", styles: [".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-accent-1-pale);--mlv-list-item-bg-selected-hover: var(--mlv-background-accent-1-pale-hover);--mlv-list-item-color: var(--mlv-list-color, var(--mlv-text-primary));--mlv-list-item-padding-block: var(--mlv-spacing-2);--mlv-list-item-padding-inline: var(--mlv-spacing-2);--mlv-list-item-radius: var(--mlv-radius-m);--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);--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-1-5);--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-2-5);--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-3);--mlv-list-item-padding-inline: var(--mlv-spacing-3)}.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:.125rem solid var(--mlv-border-focus);outline-offset:.125rem;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-bg: var(--mlv-list-item-bg-selected);--mlv-list-item-color: var(--mlv-text-primary)}.mlv-list-item--active:before,.mlv-list-item[aria-selected=true]:before{transform:translateY(-50%) scaleY(1)}.mlv-list-item--active:hover,.mlv-list-item[aria-selected=true]: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-left: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-left: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-left: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"], 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', 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: "<div class=\"mlv-list-item__surface\">\n  @if (_hasRichLayout()) { @if (_hasLeadingSlot()) {\n  <span class=\"mlv-list-item__media\">\n    <ng-content select=\"[mlvListItemMedia], [mlvListItemPrefix]\" />\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-content />\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-content select=\"[mlvListItemActions], [mlvListItemSuffix]\" />\n    </div>\n    }\n  </div>\n  } @else {\n  <ng-content select=\"[mlvListItemPrefix]\" />\n  <span class=\"mlv-list-item__content\">\n    <ng-content />\n  </span>\n  <ng-content select=\"[mlvListItemSuffix]\" />\n  }\n</div>\n", styles: [".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-accent-1-pale);--mlv-list-item-bg-selected-hover: var(--mlv-background-accent-1-pale-hover);--mlv-list-item-color: var(--mlv-list-color, var(--mlv-text-primary));--mlv-list-item-padding-block: var(--mlv-spacing-2);--mlv-list-item-padding-inline: var(--mlv-spacing-2);--mlv-list-item-radius: var(--mlv-radius-m);--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);--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-1-5);--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-2-5);--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-3);--mlv-list-item-padding-inline: var(--mlv-spacing-3)}.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:.125rem solid var(--mlv-border-focus);outline-offset:.125rem;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-bg: var(--mlv-list-item-bg-selected);--mlv-list-item-color: var(--mlv-text-primary)}.mlv-list-item--active:before,.mlv-list-item[aria-selected=true]:before{transform:translateY(-50%) scaleY(1)}.mlv-list-item--active:hover,.mlv-list-item[aria-selected=true]: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-left: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-left: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-left: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 }] }] } });
+//# sourceMappingURL=list-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list-item.js","sourceRoot":"","sources":["../../../../../../../libs/core/list/src/lib/list-item/list-item.ts","../../../../../../../libs/core/list/src/lib/list-item/list-item.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;;AA+BtD,MAAM,OAAO,WAAW;IACtB;;;;;OAKG;IACM,QAAQ,GAAG,KAAK,CAAS,UAAU;iFAAC,CAAC;IAE9C;;;OAGG;IACM,MAAM,GAAG,KAAK,CAAwB,KAAK,8EAClD,SAAS,EAAE,qBAAqB,GAChC,CAAC;IAEH;;;;OAIG;IACM,MAAM,GAAG,KAAK,CAAgC,SAAS;+EAAC,CAAC;IAElE,4FAA4F;IACzE,KAAK,GAAG,YAAY,CAAC,eAAe;8EAAC,CAAC;IACzD,iEAAiE;IAC9C,UAAU,GAAG,YAAY,CAAC,gBAAgB,kFAC3D,WAAW,EAAE,IAAI,GACjB,CAAC;IACH,oDAAoD;IACjC,UAAU,GAAG,YAAY,CAAC,gBAAgB,kFAC3D,WAAW,EAAE,IAAI,GACjB,CAAC;IACH,gEAAgE;IAC7C,WAAW,GAAG,YAAY,CAAC,iBAAiB,mFAC7D,WAAW,EAAE,IAAI,GACjB,CAAC;IACH,kEAAkE;IAC/C,SAAS,GAAG,YAAY,CAAC,eAAe,iFACzD,WAAW,EAAE,IAAI,GACjB,CAAC;IACH,iEAAiE;IAC9C,YAAY,GAAG,YAAY,CAAC,kBAAkB,oFAC/D,WAAW,EAAE,IAAI,GACjB,CAAC;IACH,qEAAqE;IAClD,WAAW,GAAG,YAAY,CAAC,iBAAiB,mFAC7D,WAAW,EAAE,IAAI,GACjB,CAAC;IACH,sEAAsE;IACnD,WAAW,GAAG,YAAY,CAAC,iBAAiB,mFAC7D,WAAW,EAAE,IAAI,GACjB,CAAC;IAEM,QAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,KAAK;iFAAC,CAAC;IACtE,8FAA8F;IAC3E,cAAc,GAAG,QAAQ,CAAC,GAAG,EAAE;QAChD,OAAO,CAAC,CAAC,CACP,IAAI,CAAC,UAAU,EAAE;YACjB,IAAI,CAAC,UAAU,EAAE;YACjB,IAAI,CAAC,WAAW,EAAE;YAClB,IAAI,CAAC,SAAS,EAAE;YAChB,IAAI,CAAC,YAAY,EAAE,CACpB,CAAC;IACJ,CAAC;uFAAC,CAAC;IACH,+EAA+E;IAC5D,eAAe,GAAG,QAAQ,CAC3C,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;wFAClD,CAAC;IACF,kFAAkF;IAC/D,gBAAgB,GAAG,QAAQ,CAC5C,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;yFACpD,CAAC;IACF,+EAA+E;IAC5D,cAAc,GAAG,QAAQ,CAC1C,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,aAAa,EAAE;uFAC7C,CAAC;IAEF;;;OAGG;IACgB,YAAY,GAAG,QAAQ,CAAgB,GAAG,EAAE;QAC7D,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAC7B,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC;QACzB,QAAQ,MAAM,EAAE,CAAC;YACf,KAAK,SAAS;gBACZ,OAAO,gCAAgC,CAAC;YAC1C,KAAK,UAAU;gBACb,OAAO,iCAAiC,CAAC;YAC3C,KAAK,UAAU;gBACb,OAAO,gCAAgC,CAAC;YAC1C,KAAK,SAAS;gBACZ,OAAO,iCAAiC,CAAC;YAC3C,KAAK,MAAM;gBACT,OAAO,8BAA8B,CAAC;YACxC,KAAK,SAAS;gBACZ,OAAO,wCAAwC,CAAC;YAClD;gBACE,OAAO,MAAM,CAAC;QAClB,CAAC;IACH,CAAC;qFAAC,CAAC;uGAtGQ,WAAW;2FAAX,WAAW,izBAyBkB,eAAe,6FAEV,gBAAgB,6FAIhB,gBAAgB,8FAIf,iBAAiB,4FAInB,eAAe,+FAIZ,kBAAkB,8FAInB,iBAAiB,8FAIjB,iBAAiB,gECnGjE,81CAiDA;;2FDDa,WAAW;kBAhBvB,SAAS;+BACE,eAAe,iBAGV,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,QACzC;wBACJ,KAAK,EAAE,eAAe;wBACtB,aAAa,EAAE,YAAY;wBAC3B,+BAA+B,EAAE,YAAY;wBAC7C,6BAA6B,EAAE,kBAAkB;wBACjD,+BAA+B,EAAE,UAAU;wBAC3C,mCAAmC,EAAE,YAAY;wBACjD,gCAAgC,EAAE,gBAAgB;qBACnD;kXA2BuC,eAAe,4FAEV,gBAAgB,QAAE;4BAC7D,WAAW,EAAE,IAAI;yBAClB,yFAE4C,gBAAgB,QAAE;4BAC7D,WAAW,EAAE,IAAI;yBAClB,0FAE6C,iBAAiB,QAAE;4BAC/D,WAAW,EAAE,IAAI;yBAClB,wFAE2C,eAAe,QAAE;4BAC3D,WAAW,EAAE,IAAI;yBAClB,2FAE8C,kBAAkB,QAAE;4BACjE,WAAW,EAAE,IAAI;yBAClB,0FAE6C,iBAAiB,QAAE;4BAC/D,WAAW,EAAE,IAAI;yBAClB,0FAE6C,iBAAiB,QAAE;4BAC/D,WAAW,EAAE,IAAI;yBAClB","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\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  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","<div class=\"mlv-list-item__surface\">\n  @if (_hasRichLayout()) { @if (_hasLeadingSlot()) {\n  <span class=\"mlv-list-item__media\">\n    <ng-content select=\"[mlvListItemMedia], [mlvListItemPrefix]\" />\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-content />\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-content select=\"[mlvListItemActions], [mlvListItemSuffix]\" />\n    </div>\n    }\n  </div>\n  } @else {\n  <ng-content select=\"[mlvListItemPrefix]\" />\n  <span class=\"mlv-list-item__content\">\n    <ng-content />\n  </span>\n  <ng-content select=\"[mlvListItemSuffix]\" />\n  }\n</div>\n"]}

package/esm2022/list/lib/list-item-actions.js

@@ -0,0 +1,23 @@
+import { Directive, input } from '@angular/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i0 from "@angular/core";
+export 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 }] }] } });
+//# sourceMappingURL=list-item-actions.js.map

package/esm2022/list/lib/list-item-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-actions.js","sourceRoot":"","sources":["../../../../../../libs/core/list/src/lib/list-item-actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;;AAQ9D,MAAM,OAAO,kBAAkB;IAC7B;;;;OAIG;IACM,aAAa,GAAG,KAAK,CAAwB,KAAK,qFACzD,SAAS,EAAE,qBAAqB,GAChC,CAAC;uGARQ,kBAAkB;2FAAlB,kBAAkB;;2FAAlB,kBAAkB;kBAN9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,IAAI,EAAE;wBACJ,SAAS,EAAE,0BAA0B;qBACtC;iBACF","sourcesContent":["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"]}

package/esm2022/list/lib/list-item-byline.js

@@ -0,0 +1,13 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export 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]',
+                }]
+        }] });
+//# sourceMappingURL=list-item-byline.js.map

package/esm2022/list/lib/list-item-byline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-byline.js","sourceRoot":"","sources":["../../../../../../libs/core/list/src/lib/list-item-byline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAK1C,MAAM,OAAO,iBAAiB;uGAAjB,iBAAiB;2FAAjB,iBAAiB;;2FAAjB,iBAAiB;kBAH7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;iBAChC","sourcesContent":["import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[mlvListItemByline]',\n})\nexport class MlvListItemByline {}\n"]}

package/esm2022/list/lib/list-item-group/list-item-group.js

@@ -0,0 +1,25 @@
+import { ChangeDetectionStrategy, Component, input, model, ViewEncapsulation, } from '@angular/core';
+import { LucideChevronRight } from '@lucide/angular';
+import { mlvNextId } from '@malva-ui/cdk/utils';
+import * as i0 from "@angular/core";
+export 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\";.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:.125rem solid var(--mlv-border-focus);outline-offset:-.125rem;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-left:var(--mlv-spacing-6)}.mlv-list-item-group__content>div>div{border-left:.0625rem solid var(--mlv-border-normal);padding-left: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-left: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-left: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\";.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:.125rem solid var(--mlv-border-focus);outline-offset:-.125rem;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-left:var(--mlv-spacing-6)}.mlv-list-item-group__content>div>div{border-left:.0625rem solid var(--mlv-border-normal);padding-left: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-left: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-left: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"] }] } });
+//# sourceMappingURL=list-item-group.js.map

package/esm2022/list/lib/list-item-group/list-item-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-group.js","sourceRoot":"","sources":["../../../../../../../libs/core/list/src/lib/list-item-group/list-item-group.ts","../../../../../../../libs/core/list/src/lib/list-item-group/list-item-group.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,KAAK,EACL,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;;AAchD,MAAM,OAAO,gBAAgB;IAClB,KAAK,GAAG,KAAK,CAAC,QAAQ;8EAAU,CAAC;IAEjC,IAAI,GAAG,KAAK,CAAe,KAAK;6EAAC,CAAC;IAE3C,+DAA+D;IAC5C,UAAU,GAAG,SAAS,CAAC,wBAAwB,CAAC,CAAC;IAEpE,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;uGAVU,gBAAgB;2FAAhB,gBAAgB,ydCvB7B,qbAiBA,67GDJY,kBAAkB;;2FAUjB,gBAAgB;kBAZ5B,SAAS;+BACE,qBAAqB,WACtB,CAAC,kBAAkB,CAAC,iBAGd,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,QACzC;wBACJ,KAAK,EAAE,qBAAqB;wBAC5B,sCAAsC,EAAE,QAAQ;qBACjD","sourcesContent":["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"]}

package/esm2022/list/lib/list-item-link/list-item-link.js

@@ -0,0 +1,20 @@
+import { ChangeDetectionStrategy, Component, inject, ViewEncapsulation, } from '@angular/core';
+import { RouterLinkActive } from '@angular/router';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { of } from 'rxjs';
+import * as i0 from "@angular/core";
+export 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: [".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: [".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"] }]
+        }] });
+//# sourceMappingURL=list-item-link.js.map

package/esm2022/list/lib/list-item-link/list-item-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-link.js","sourceRoot":"","sources":["../../../../../../../libs/core/list/src/lib/list-item-link/list-item-link.ts","../../../../../../../libs/core/list/src/lib/list-item-link/list-item-link.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,MAAM,EACN,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;;AAa1B,MAAM,OAAO,eAAe;IACjB,UAAU,GAAG,MAAM,CAAC,gBAAgB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAE1D,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,UAAU,EAAE,cAAc,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE;QACzE,YAAY,EAAE,KAAK;KACpB,CAAC,CAAC;uGALQ,eAAe;2FAAf,eAAe,+HCrB5B,kBACA;;2FDoBa,eAAe;kBAX3B,SAAS;+BAEE,oBAAoB,iBAGf,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,QACzC;wBACJ,KAAK,EAAE,qBAAqB;qBAC7B","sourcesContent":["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"]}

package/esm2022/list/lib/list-item-media.js

@@ -0,0 +1,13 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export 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]',
+                }]
+        }] });
+//# sourceMappingURL=list-item-media.js.map

package/esm2022/list/lib/list-item-media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-media.js","sourceRoot":"","sources":["../../../../../../libs/core/list/src/lib/list-item-media.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAK1C,MAAM,OAAO,gBAAgB;uGAAhB,gBAAgB;2FAAhB,gBAAgB;;2FAAhB,gBAAgB;kBAH5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;iBAC/B","sourcesContent":["import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[mlvListItemMedia]',\n})\nexport class MlvListItemMedia {}\n"]}

package/esm2022/list/lib/list-item-meta.js

@@ -0,0 +1,13 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export 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]',
+                }]
+        }] });
+//# sourceMappingURL=list-item-meta.js.map

package/esm2022/list/lib/list-item-meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-meta.js","sourceRoot":"","sources":["../../../../../../libs/core/list/src/lib/list-item-meta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAK1C,MAAM,OAAO,eAAe;uGAAf,eAAe;2FAAf,eAAe;;2FAAf,eAAe;kBAH3B,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;iBAC9B","sourcesContent":["import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[mlvListItemMeta]',\n})\nexport class MlvListItemMeta {}\n"]}

package/esm2022/list/lib/list-item-prefix.js

@@ -0,0 +1,13 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export 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]',
+                }]
+        }] });
+//# sourceMappingURL=list-item-prefix.js.map

package/esm2022/list/lib/list-item-prefix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-prefix.js","sourceRoot":"","sources":["../../../../../../libs/core/list/src/lib/list-item-prefix.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAK1C,MAAM,OAAO,iBAAiB;uGAAjB,iBAAiB;2FAAjB,iBAAiB;;2FAAjB,iBAAiB;kBAH7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;iBAChC","sourcesContent":["import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[mlvListItemPrefix]',\n})\nexport class MlvListItemPrefix {}\n"]}

package/esm2022/list/lib/list-item-suffix.js

@@ -0,0 +1,13 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export 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]',
+                }]
+        }] });
+//# sourceMappingURL=list-item-suffix.js.map

package/esm2022/list/lib/list-item-suffix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-suffix.js","sourceRoot":"","sources":["../../../../../../libs/core/list/src/lib/list-item-suffix.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAK1C,MAAM,OAAO,iBAAiB;uGAAjB,iBAAiB;2FAAjB,iBAAiB;;2FAAjB,iBAAiB;kBAH7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;iBAChC","sourcesContent":["import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[mlvListItemSuffix]',\n})\nexport class MlvListItemSuffix {}\n"]}

package/esm2022/list/lib/list-item-template.js

@@ -0,0 +1,14 @@
+import { Directive, TemplateRef, inject } from '@angular/core';
+import * as i0 from "@angular/core";
+export 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]',
+                }]
+        }] });
+//# sourceMappingURL=list-item-template.js.map

package/esm2022/list/lib/list-item-template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-template.js","sourceRoot":"","sources":["../../../../../../libs/core/list/src/lib/list-item-template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;AAS/D,MAAM,OAAO,mBAAmB;IACrB,WAAW,GAAG,MAAM,CAAC,CAAA,WAA0C,CAAA,CAAC,CAAC;uGAD/D,mBAAmB;2FAAnB,mBAAmB;;2FAAnB,mBAAmB;kBAH/B,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;iBAClC","sourcesContent":["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"]}

package/esm2022/list/lib/list-item-title.js

@@ -0,0 +1,13 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export 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]',
+                }]
+        }] });
+//# sourceMappingURL=list-item-title.js.map

package/esm2022/list/lib/list-item-title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-title.js","sourceRoot":"","sources":["../../../../../../libs/core/list/src/lib/list-item-title.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAK1C,MAAM,OAAO,gBAAgB;uGAAhB,gBAAgB;2FAAhB,gBAAgB;;2FAAhB,gBAAgB;kBAH5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;iBAC/B","sourcesContent":["import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[mlvListItemTitle]',\n})\nexport class MlvListItemTitle {}\n"]}

package/esm2022/list/lib/list-selectable.js

@@ -0,0 +1,116 @@
+import { Directive, inject } from '@angular/core';
+import { Listbox, Option } from '@angular/aria/listbox';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/aria/listbox";
+/**
+ * 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.
+ */
+export 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.
+ */
+export 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'],
+                        },
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=list-selectable.js.map

package/esm2022/list/lib/list-selectable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-selectable.js","sourceRoot":"","sources":["../../../../../../libs/core/list/src/lib/list-selectable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;;;AAExD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AAuBH,MAAM,OAAO,iBAAiB;IAC5B,wDAAwD;IACrC,QAAQ,GAAG,MAAM,CAAa,OAAO,CAAC,CAAC;IAE1D;;;OAGG;IACH,UAAU;QACR,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE,CAAC;IAC5B,CAAC;uGAVU,iBAAiB;2FAAjB,iBAAiB;;2FAAjB,iBAAiB;kBAtB7B,SAAS;mBAAC;oBACT,8DAA8D;oBAC9D,QAAQ,EAAE,sBAAsB;oBAChC,cAAc,EAAE;wBACd;4BACE,SAAS,EAAE,OAAO;4BAClB,MAAM,EAAE;gCACN,OAAO;gCACP,iBAAiB;gCACjB,aAAa;gCACb,MAAM;gCACN,UAAU;gCACV,UAAU;gCACV,eAAe;gCACf,cAAc;gCACd,WAAW;gCACX,eAAe;6BAChB;4BACD,OAAO,EAAE,CAAC,aAAa,CAAC;yBACzB;qBACF;iBACF;;AAcD;;;;;;;;;;;;;;;GAeG;AAYH,MAAM,OAAO,qBAAqB;IAChC,uDAAuD;IACpC,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;uGAFhD,qBAAqB;2FAArB,qBAAqB;;2FAArB,qBAAqB;kBAXjC,SAAS;mBAAC;oBACT,8DAA8D;oBAC9D,QAAQ,EAAE,sBAAsB;oBAChC,QAAQ,EAAE,sBAAsB;oBAChC,cAAc,EAAE;wBACd;4BACE,SAAS,EAAE,MAAM;4BACjB,MAAM,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,CAAC;yBACvD;qBACF;iBACF","sourcesContent":["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"]}

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

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

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

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