@slotted/angular 0.0.0-stage → 0.1.0-beta.0

package/fesm2022/slotted-angular-list-item.mjs

@@ -0,0 +1,367 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, input, booleanAttribute, HostAttributeToken, computed, ElementRef, DestroyRef, ViewEncapsulation, ChangeDetectionStrategy, Component, Directive } from '@angular/core';
+import { SlList } from '@slotted/angular/list';
+import { SlGlyph, SlIcon } from '@slotted/angular/icon';
+
+const FALLBACK = {
+    align: 'center',
+    inset: false,
+    size: 'md',
+    tone: 'secondary',
+    truncate: false,
+};
+const LIST_ITEM_DEFAULTS = new InjectionToken('slotted list item defaults', { providedIn: 'root', factory: () => FALLBACK });
+/**
+ * An application decides once how its rows are aligned, how far they are inset
+ * and whether a title the row cannot grow for is clipped. A row that states any
+ * of them itself still wins, and so does the list between the two.
+ */
+function provideListItemDefaults(defaults) {
+    return {
+        provide: LIST_ITEM_DEFAULTS,
+        useFactory: () => ({
+            align: defaults.align ?? FALLBACK.align,
+            inset: defaults.inset ?? FALLBACK.inset,
+            size: defaults.size ?? FALLBACK.size,
+            tone: defaults.tone ?? FALLBACK.tone,
+            truncate: defaults.truncate ?? FALLBACK.truncate,
+        }),
+    };
+}
+/** What a row renders as here, before the list or the row states anything. */
+function injectListItemDefaults() {
+    return inject(LIST_ITEM_DEFAULTS);
+}
+
+/**
+ * One entry of a `slList`: the `li`, and every state the row paints. The box
+ * that is read, hovered, focused and sometimes activated is `slListItemContent`
+ * on the element the page chose, and `slListItemActions` is that box's sibling
+ * — interactive content may not nest inside `a` or `button`.
+ *
+ * Four values come from the list when the row does not state them: `variant`,
+ * `size`, `marker` and `inset`. Everything else is a fact about this row.
+ *
+ * **No state attribute the roles model forbids reaches the `li`.** ARIA 1.2
+ * deprecates `aria-disabled` on `listitem`, so `disabled` is painted from
+ * `data-disabled` and the attribute that means it is written on the box.
+ * `aria-current` is inherited by the role and is not deprecated, so `current`
+ * is announced here.
+ */
+class SlListItem {
+    /** How the rows are told apart. Falls back to the list, then to `plain`. */
+    variant = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** The room the row gets. Falls back to the list, then the token, then `md`. */
+    size = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** What is painted in the marker column. Falls back to the list, then `none`. */
+    marker = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "marker" }] : /* istanbul ignore next */ []));
+    /** Where the leading visual sits against a row of more than one line. */
+    align = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    /** The row's ink and the wash under the pointer. Falls back to `secondary`. */
+    tone = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tone" }] : /* istanbul ignore next */ []));
+    /** Takes the row's inline padding away. Falls back to the list, then the token. */
+    inset = input(undefined, { ...(ngDevMode ? { debugName: "inset" } : /* istanbul ignore next */ {}), transform: (state) => (state === undefined ? undefined : booleanAttribute(state)) });
+    /** Clips the title and the lines under it to one line each. The string stays. */
+    truncate = input(undefined, { ...(ngDevMode ? { debugName: "truncate" } : /* istanbul ignore next */ {}), transform: (state) => (state === undefined ? undefined : booleanAttribute(state)) });
+    /**
+     * Mirrors a selection the page owns. `aria-selected` is not valid on
+     * `listitem`, so the row paints it and the control the page puts in
+     * `slListItemStart` — a `slCheckbox` — is what announces it.
+     */
+    selected = input(false, { ...(ngDevMode ? { debugName: "selected" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * The row the reader is on. `true` writes `aria-current="true"`; a token
+     * writes that token, and `page` is what a navigation list wants.
+     */
+    current = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "current" }] : /* istanbul ignore next */ []));
+    /**
+     * The row dims and stops answering the pointer. The attribute that means it
+     * goes on the box inside and never on this `li`, which ARIA 1.2 forbids.
+     */
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * `aria-busy` on the box, and the activation withdrawn so the command cannot
+     * run twice. The row keeps its width and its accessible name; what stands in
+     * for the content is `slSkeleton`, composed by the page.
+     */
+    loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * The row's place in a set only part of which is in the document — a page of
+     * results, a filtered list. ARIA 1.2 is explicit that it is unnecessary while
+     * every row is present, so it is written only when stated.
+     */
+    position = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+    /** How many rows the set holds, when only part of it is in the document. */
+    setSize = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "setSize" }] : /* istanbul ignore next */ []));
+    defaults = injectListItemDefaults();
+    list = inject(SlList, { optional: true });
+    /** An `aria-current` the consumer wrote is never replaced by the family's. */
+    writtenCurrent = inject(new HostAttributeToken('aria-current'), {
+        optional: true,
+    });
+    resolvedVariant = computed(() => this.variant() ?? this.list?.resolvedVariant() ?? 'plain', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedVariant" }] : /* istanbul ignore next */ []));
+    resolvedSize = computed(() => this.size() ?? this.list?.resolvedSize() ?? this.defaults.size, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedSize" }] : /* istanbul ignore next */ []));
+    resolvedMarker = computed(() => this.marker() ?? this.list?.resolvedMarker() ?? 'none', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedMarker" }] : /* istanbul ignore next */ []));
+    resolvedAlign = computed(() => this.align() ?? this.defaults.align, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedAlign" }] : /* istanbul ignore next */ []));
+    resolvedTone = computed(() => this.tone() ?? this.defaults.tone, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedTone" }] : /* istanbul ignore next */ []));
+    resolvedInset = computed(() => (this.inset() ?? this.list?.resolvedInset() ?? this.defaults.inset) === true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedInset" }] : /* istanbul ignore next */ []));
+    resolvedTruncate = computed(() => (this.truncate() ?? this.defaults.truncate) === true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedTruncate" }] : /* istanbul ignore next */ []));
+    /** The two states the box inside has to answer, and the only pair it reads. */
+    blocked = computed(() => this.disabled() || this.loading(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "blocked" }] : /* istanbul ignore next */ []));
+    constructor() {
+        /**
+         * The refusal, and it lives here rather than on the box because this is the
+         * only place the DOM guarantees it runs first.
+         *
+         * A directive's host listener and a `(click)` the page wrote on the same
+         * element are both listeners on the event's target, and at the target the
+         * DOM invokes listeners in registration order — the capture flag decides
+         * nothing there. The page's binding was registered first, so a refusal on
+         * the box arrived after the handler it was meant to stop. A capture
+         * listener on an *ancestor* has no such tie: it always runs before any
+         * listener on a descendant.
+         *
+         * It refuses only what is inside `content`. A control the page put in
+         * `slListItemActions` is the page's own to disable, which is the rule
+         * `card` states for the same shape.
+         */
+        const host = inject(ElementRef).nativeElement;
+        const refuse = (event) => {
+            if (!this.blocked())
+                return;
+            const target = event.target;
+            if (target?.closest('[data-part="content"]') == null)
+                return;
+            event.preventDefault();
+            event.stopImmediatePropagation();
+        };
+        host.addEventListener('click', refuse, { capture: true });
+        inject(DestroyRef).onDestroy(() => host.removeEventListener('click', refuse, { capture: true }));
+    }
+    ariaCurrent = computed(() => {
+        if (this.writtenCurrent !== null)
+            return this.writtenCurrent;
+        const current = this.current();
+        if (current === false)
+            return null;
+        return current === true ? 'true' : current;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaCurrent" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlListItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlListItem, isStandalone: true, selector: "li[slListItem]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, marker: { classPropertyName: "marker", publicName: "marker", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, inset: { classPropertyName: "inset", publicName: "inset", isSignal: true, isRequired: false, transformFunction: null }, truncate: { classPropertyName: "truncate", publicName: "truncate", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, setSize: { classPropertyName: "setSize", publicName: "setSize", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-ui": "list-item", "data-part": "root" }, properties: { "attr.data-variant": "resolvedVariant()", "attr.data-size": "resolvedSize()", "attr.data-marker": "resolvedMarker()", "attr.data-align": "resolvedAlign()", "attr.data-tone": "resolvedTone()", "attr.data-inset": "resolvedInset() ? '' : null", "attr.data-truncate": "resolvedTruncate() ? '' : null", "attr.data-selected": "selected() ? '' : null", "attr.data-current": "current() === false ? null : ''", "attr.data-disabled": "disabled() ? '' : null", "attr.data-loading": "loading() ? '' : null", "attr.aria-current": "ariaCurrent()", "attr.aria-posinset": "position() ?? null", "attr.aria-setsize": "setSize() ?? null" } }, exportAs: ["slListItem"], ngImport: i0, template: `@if (resolvedMarker() === 'bullet') {
+      <span data-part="marker" aria-hidden="true"
+        ><span slIcon><svg slGlyph name="dot"></svg></span
+      ></span>
+    }
+    <ng-content></ng-content>`, isInline: true, styles: ["@layer slotted.components{[data-ui=list-item][data-part=root]{--_min-block: var(--slotted-list-item-min-block-size, var(--slotted-control-height-md, 34px));--_font-size: var(--slotted-list-item-font-size, var(--slotted-control-font-size-md, 13px));--_icon-size: var(--slotted-list-item-icon-size, var(--slotted-control-icon-size-md, 16px));--_control-size: var(--slotted-list-item-control-size, var(--slotted-selection-size-md, 16px));--_gap: var(--slotted-list-item-gap, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-list-item-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_pad-block: var( --slotted-list-item-padding-block, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) );--_radius: var(--slotted-list-item-radius, var(--slotted-radius-md, 6px));--_text: var(--slotted-list-item-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-list-item-color-muted, var(--slotted-text-muted, GrayText));--_subtle-hover: var(--slotted-tone-secondary-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-secondary-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-secondary-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-secondary-solid-active, ButtonFace);--_surface: var(--slotted-tone-secondary-surface, Canvas);--_hover: var(--slotted-list-item-background-hover, var(--_subtle-hover));--_active: var(--slotted-list-item-background-active, var(--_subtle-active));--_selected-edge: var(--slotted-tone-accent-border, ButtonBorder);--_selected-surface: var( --slotted-list-item-background-selected, var(--slotted-tone-accent-surface, Canvas) );--_selected-text: var(--slotted-tone-accent-text, CanvasText);--_selected-hover: var(--slotted-tone-accent-subtle-hover, ButtonFace);--_selected-active: var(--slotted-tone-accent-subtle-active, ButtonFace);--_current-surface: var( --slotted-list-item-background-current, var(--slotted-tone-secondary-surface, Canvas) );--_current-edge: var(--slotted-tone-secondary-border, ButtonBorder);--_rule: var(--slotted-list-item-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-width: var(--slotted-list-item-border-width, var(--slotted-border-width-thin, 1px));--_marker-size: calc(var(--_icon-size) * .75);box-sizing:border-box;--_fill: transparent;--_rule-shadow: 0 0 0 0 transparent;--_edge-shadow: 0 0 0 0 transparent;background-color:var(--_fill);border-radius:var(--_radius);box-shadow:var(--_rule-shadow),var(--_edge-shadow);counter-increment:slotted-list-item;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),box-shadow var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard));container-name:slotted-list-item;container-type:inline-size;display:flex;align-items:stretch;flex-wrap:wrap;list-style:none;min-inline-size:0}[data-ui=list-item][data-size=sm]{--_min-block: var( --slotted-list-item-min-block-size-sm, var(--slotted-control-height-sm, 30px) );--_font-size: var(--slotted-list-item-font-size-sm, var(--slotted-control-font-size-sm, 12px));--_icon-size: var(--slotted-list-item-icon-size-sm, var(--slotted-control-icon-size-sm, 14px));--_control-size: var( --slotted-list-item-control-size-sm, var(--slotted-selection-size-sm, 14px) );--_gap: var(--slotted-list-item-gap-sm, var(--slotted-control-gap-sm, 6px));--_pad-inline: var( --slotted-list-item-padding-inline-sm, var(--slotted-control-padding-inline-sm, 10px) );--_pad-block: var( --slotted-list-item-padding-block-sm, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) )}[data-ui=list-item][data-size=lg]{--_min-block: var( --slotted-list-item-min-block-size-lg, var(--slotted-control-height-lg, 38px) );--_font-size: var(--slotted-list-item-font-size-lg, var(--slotted-control-font-size-lg, 14px));--_icon-size: var(--slotted-list-item-icon-size-lg, var(--slotted-control-icon-size-lg, 18px));--_control-size: var( --slotted-list-item-control-size-lg, var(--slotted-selection-size-lg, 18px) );--_gap: var(--slotted-list-item-gap-lg, var(--slotted-control-gap-lg, 8px));--_pad-inline: var( --slotted-list-item-padding-inline-lg, var(--slotted-control-padding-inline-lg, 16px) );--_pad-block: var( --slotted-list-item-padding-block-lg, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) )}[data-ui=list-item][data-tone=accent]{--_text: var(--slotted-tone-accent-text, CanvasText);--_subtle-hover: var(--slotted-tone-accent-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-accent-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-accent-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-accent-solid-active, ButtonFace);--_surface: var(--slotted-tone-accent-surface, Canvas);--_selected-edge: var(--slotted-tone-accent-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-accent-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-tone=success]{--_text: var(--slotted-tone-success-text, CanvasText);--_subtle-hover: var(--slotted-tone-success-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-success-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-success-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-success-solid-active, ButtonFace);--_surface: var(--slotted-tone-success-surface, Canvas);--_selected-edge: var(--slotted-tone-success-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-success-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-tone=warning]{--_text: var(--slotted-tone-warning-text, CanvasText);--_subtle-hover: var(--slotted-tone-warning-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-warning-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-warning-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-warning-solid-active, ButtonFace);--_surface: var(--slotted-tone-warning-surface, Canvas);--_selected-edge: var(--slotted-tone-warning-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-warning-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-tone=danger]{--_text: var(--slotted-tone-danger-text, CanvasText);--_subtle-hover: var(--slotted-tone-danger-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-danger-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-danger-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-danger-solid-active, ButtonFace);--_surface: var(--slotted-tone-danger-surface, Canvas);--_selected-edge: var(--slotted-tone-danger-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-danger-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-marker=bullet]>[data-part=marker],[data-ui=list-item][data-marker=number]:before{align-items:start;block-size:calc(var(--_pad-block) * 2 + var(--_font-size) * var(--slotted-line-height-md, 1.5));box-sizing:border-box;color:var(--_text);display:flex;flex:none;font-size:var(--_font-size);font-variant-numeric:tabular-nums;inline-size:var(--_icon-size);line-height:var(--slotted-line-height-md, 1.5);margin-inline-end:var(--_gap);margin-inline-start:var(--_pad-inline);padding-block-start:var(--_pad-block)}[data-ui=list-item][data-marker=bullet]>[data-part=marker]{--slotted-icon-size: var(--_marker-size);justify-content:center}[data-ui=list-item][data-marker=bullet]>[data-part=marker]>[data-ui=icon]{margin-block-start:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5) * .5 - var(--_marker-size) * .5)}[data-ui=list-item][data-marker=number]:before{content:counter(slotted-list-item) \".\";justify-content:end}[data-ui=list-item]:is([data-marker=bullet],[data-marker=number])>[data-part=content]{padding-inline-start:0}[data-ui=list-item][data-inset][data-marker=bullet]>[data-part=marker],[data-ui=list-item][data-inset][data-marker=number]:before{margin-inline-start:0}[data-ui=list-item]>[data-part=content]{appearance:none;background-color:transparent;border:none;border-radius:inherit;box-sizing:border-box;color:var(--_text);display:grid;flex:1 1 0%;font:inherit;font-size:var(--_font-size);grid-template-areas:\"start body end\";grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-block-size:var(--_min-block);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start;text-decoration:none;transition:color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=list-item]:is([data-variant=ruled],[data-variant=framed]){border-radius:0}[data-ui=list-item]:not([data-disabled])>:is(a,button)[data-part=content]:not(:disabled){cursor:pointer}[data-ui=list-item][data-inset]>[data-part=content]{padding-inline:0}[data-ui=list-item][data-align=start]>[data-part=content]{align-items:start}[data-ui=list-item]>[data-part=content]>[data-part=start]{align-items:center;color:var(--_text);display:flex;flex:none;grid-area:start;margin-inline-end:var(--_gap);min-inline-size:var(--_icon-size)}[data-ui=list-item]>[data-part=content]>[data-part=start]:has(>[data-ui=checkbox]){align-items:start;inline-size:var(--_control-size);min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui=list-item][data-align=start]>[data-part=content]>[data-part=start]{min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui=list-item]>[data-part=content]>[data-part=body]{display:flex;flex-direction:column;grid-area:body;min-inline-size:0;row-gap:var(--slotted-list-item-body-gap, var(--slotted-space-1, .125rem))}[data-ui=list-item]>[data-part=content]>[data-part=body]>[data-part=label]{color:inherit;font-size:var(--_font-size);font-weight:var(--slotted-list-item-font-weight, var(--slotted-font-weight-regular, 400));line-height:var(--slotted-line-height-md, 1.5);margin-block:0;min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui=list-item]>[data-part=content]>[data-part=body]>[data-part=description]{color:var(--_muted);font-size:var(--slotted-list-item-description-font-size, var(--slotted-font-size-xs, .75rem));line-height:var(--slotted-line-height-sm, 1.45);margin-block:0;min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui=list-item][data-truncate]>[data-part=content]>[data-part=body]>:is([data-part=label],[data-part=description]){overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap}[data-ui=list-item]>[data-part=content]>[data-part=end]{align-items:center;color:var(--_muted);display:flex;flex:none;gap:var(--_gap);grid-area:end;margin-inline-start:var(--_gap)}[data-ui=list-item]>[data-part=actions]{align-items:center;box-sizing:border-box;display:flex;flex:none;gap:var(--_gap);padding-inline-end:var(--_pad-inline);position:relative}[data-ui=list-item][data-inset]>[data-part=actions]{padding-inline-end:0}[data-ui=list-item][data-align=start]>[data-part=actions]{align-items:start;padding-block-start:var(--_pad-block)}[data-ui=list-item]:is([data-variant=ruled],[data-variant=framed]):not(:first-child){--_rule-shadow: 0 calc(var(--_rule-width) * -1) 0 0 var(--_rule)}[data-ui=list-item][data-variant=separated]{--_fill: var(--slotted-list-item-background, var(--slotted-surface-raised, Canvas));border:var(--_rule-width) solid var(--_rule)}[data-ui=list-item][data-variant=separated]{overflow:clip}[data-ui=list-item]:not([data-disabled]):not([data-loading]):has(>:is(a,button)[data-part=content]:not(:disabled):hover){--_fill: var(--_hover)}[data-ui=list-item]:not([data-disabled]):not([data-loading]):has(>:is(a,button)[data-part=content]:not(:disabled):active){--_fill: var(--_active)}[data-ui=list-item]>[data-part=content]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=list-item][data-current]{--_fill: var(--_current-surface);--_edge-shadow: inset 0 0 0 var(--_rule-width) var(--_current-edge)}[data-ui=list-item][data-selected]{--_hover: var(--_selected-hover);--_active: var(--_selected-active)}[data-ui=list-item][data-selected]{--_fill: var(--_selected-surface);--_edge-shadow: inset 0 0 0 var(--_rule-width) var(--_selected-edge)}[data-ui=list-item]:is([data-selected],[data-current]):not(:first-child),[data-ui=list-item]:is([data-selected],[data-current])+[data-ui=list-item]{--_rule-shadow: 0 0 0 0 transparent}[data-ui=list-item][data-selected]+[data-ui=list-item][data-selected]{--_edge-shadow: inset 0 calc(var(--_rule-width) * -1) 0 0 var(--_selected-edge), inset var(--_rule-width) 0 0 0 var(--_selected-edge), inset calc(var(--_rule-width) * -1) 0 0 0 var(--_selected-edge)}[data-ui=list-item][data-selected]>[data-part=content]{color:var(--_selected-text);font-weight:var( --slotted-list-item-font-weight-selected, var(--slotted-font-weight-medium, 500) )}[data-ui=list-item][data-current]>[data-part=content]{font-weight:var( --slotted-list-item-font-weight-current, var(--slotted-font-weight-medium, 500) )}[data-ui=list-item][data-loading]{--_text: var(--_muted)}[data-ui=list-item][data-loading]>[data-part=content]{cursor:progress}[data-ui=list-item][data-disabled]{--_disabled-ink: var( --slotted-list-item-color-disabled, var(--slotted-disabled-foreground, GrayText) );--_text: var(--_disabled-ink);--_muted: var(--_disabled-ink)}[data-ui=list-item][data-disabled]>[data-part=content]{cursor:default}[data-ui=list-item][data-disabled][data-variant=separated]{--_fill: var(--slotted-surface-sunken, Canvas);border-color:var(--slotted-disabled-border, GrayText)}@container slotted-list-item (max-inline-size: 22rem){[data-ui=list-item]>[data-part=content]{grid-template-areas:\"start body\" \"start end\";grid-template-columns:auto minmax(0,1fr)}[data-ui=list-item]>[data-part=content]>[data-part=end]{justify-content:start;margin-block-start:var(--slotted-list-item-body-gap, var(--slotted-space-1, .125rem));margin-inline-start:0}[data-ui=list-item]>[data-part=content]>[data-part=start]{align-self:start;min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui=list-item]>[data-part=actions]{flex-basis:100%;justify-content:flex-end;padding-block-end:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=list-item][data-inset]>[data-part=actions]{padding-inline:0}[data-ui=list-item]>[data-part=actions]:not(:has(>:not([data-shape]))){flex-basis:auto;padding-block-end:0;padding-inline:0 var(--_pad-inline)}[data-ui=list-item][data-inset]>[data-part=actions]:not(:has(>:not([data-shape]))){padding-inline-end:0}}@media(forced-colors:active){[data-ui=list-item][data-selected]{background-color:Highlight}[data-ui=list-item][data-selected]>[data-part=content]{color:HighlightText}[data-ui=list-item][data-current]:not([data-selected]){outline:var(--slotted-border-width-thin, 1px) solid Highlight;outline-offset:calc(-1 * var(--slotted-border-width-thin, 1px))}}}\n"], dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlListItem, decorators: [{
+            type: Component,
+            args: [{ selector: 'li[slListItem]', standalone: true, exportAs: 'slListItem', imports: [SlGlyph, SlIcon], template: `@if (resolvedMarker() === 'bullet') {
+      <span data-part="marker" aria-hidden="true"
+        ><span slIcon><svg slGlyph name="dot"></svg></span
+      ></span>
+    }
+    <ng-content></ng-content>`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        'data-ui': 'list-item',
+                        'data-part': 'root',
+                        '[attr.data-variant]': 'resolvedVariant()',
+                        '[attr.data-size]': 'resolvedSize()',
+                        '[attr.data-marker]': 'resolvedMarker()',
+                        '[attr.data-align]': 'resolvedAlign()',
+                        '[attr.data-tone]': 'resolvedTone()',
+                        '[attr.data-inset]': "resolvedInset() ? '' : null",
+                        '[attr.data-truncate]': "resolvedTruncate() ? '' : null",
+                        '[attr.data-selected]': "selected() ? '' : null",
+                        '[attr.data-current]': "current() === false ? null : ''",
+                        '[attr.data-disabled]': "disabled() ? '' : null",
+                        '[attr.data-loading]': "loading() ? '' : null",
+                        '[attr.aria-current]': 'ariaCurrent()',
+                        '[attr.aria-posinset]': 'position() ?? null',
+                        '[attr.aria-setsize]': 'setSize() ?? null',
+                    }, styles: ["@layer slotted.components{[data-ui=list-item][data-part=root]{--_min-block: var(--slotted-list-item-min-block-size, var(--slotted-control-height-md, 34px));--_font-size: var(--slotted-list-item-font-size, var(--slotted-control-font-size-md, 13px));--_icon-size: var(--slotted-list-item-icon-size, var(--slotted-control-icon-size-md, 16px));--_control-size: var(--slotted-list-item-control-size, var(--slotted-selection-size-md, 16px));--_gap: var(--slotted-list-item-gap, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-list-item-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_pad-block: var( --slotted-list-item-padding-block, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) );--_radius: var(--slotted-list-item-radius, var(--slotted-radius-md, 6px));--_text: var(--slotted-list-item-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-list-item-color-muted, var(--slotted-text-muted, GrayText));--_subtle-hover: var(--slotted-tone-secondary-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-secondary-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-secondary-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-secondary-solid-active, ButtonFace);--_surface: var(--slotted-tone-secondary-surface, Canvas);--_hover: var(--slotted-list-item-background-hover, var(--_subtle-hover));--_active: var(--slotted-list-item-background-active, var(--_subtle-active));--_selected-edge: var(--slotted-tone-accent-border, ButtonBorder);--_selected-surface: var( --slotted-list-item-background-selected, var(--slotted-tone-accent-surface, Canvas) );--_selected-text: var(--slotted-tone-accent-text, CanvasText);--_selected-hover: var(--slotted-tone-accent-subtle-hover, ButtonFace);--_selected-active: var(--slotted-tone-accent-subtle-active, ButtonFace);--_current-surface: var( --slotted-list-item-background-current, var(--slotted-tone-secondary-surface, Canvas) );--_current-edge: var(--slotted-tone-secondary-border, ButtonBorder);--_rule: var(--slotted-list-item-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-width: var(--slotted-list-item-border-width, var(--slotted-border-width-thin, 1px));--_marker-size: calc(var(--_icon-size) * .75);box-sizing:border-box;--_fill: transparent;--_rule-shadow: 0 0 0 0 transparent;--_edge-shadow: 0 0 0 0 transparent;background-color:var(--_fill);border-radius:var(--_radius);box-shadow:var(--_rule-shadow),var(--_edge-shadow);counter-increment:slotted-list-item;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),box-shadow var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard));container-name:slotted-list-item;container-type:inline-size;display:flex;align-items:stretch;flex-wrap:wrap;list-style:none;min-inline-size:0}[data-ui=list-item][data-size=sm]{--_min-block: var( --slotted-list-item-min-block-size-sm, var(--slotted-control-height-sm, 30px) );--_font-size: var(--slotted-list-item-font-size-sm, var(--slotted-control-font-size-sm, 12px));--_icon-size: var(--slotted-list-item-icon-size-sm, var(--slotted-control-icon-size-sm, 14px));--_control-size: var( --slotted-list-item-control-size-sm, var(--slotted-selection-size-sm, 14px) );--_gap: var(--slotted-list-item-gap-sm, var(--slotted-control-gap-sm, 6px));--_pad-inline: var( --slotted-list-item-padding-inline-sm, var(--slotted-control-padding-inline-sm, 10px) );--_pad-block: var( --slotted-list-item-padding-block-sm, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) )}[data-ui=list-item][data-size=lg]{--_min-block: var( --slotted-list-item-min-block-size-lg, var(--slotted-control-height-lg, 38px) );--_font-size: var(--slotted-list-item-font-size-lg, var(--slotted-control-font-size-lg, 14px));--_icon-size: var(--slotted-list-item-icon-size-lg, var(--slotted-control-icon-size-lg, 18px));--_control-size: var( --slotted-list-item-control-size-lg, var(--slotted-selection-size-lg, 18px) );--_gap: var(--slotted-list-item-gap-lg, var(--slotted-control-gap-lg, 8px));--_pad-inline: var( --slotted-list-item-padding-inline-lg, var(--slotted-control-padding-inline-lg, 16px) );--_pad-block: var( --slotted-list-item-padding-block-lg, max( var(--slotted-space-2, .25rem), calc((var(--_min-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) )}[data-ui=list-item][data-tone=accent]{--_text: var(--slotted-tone-accent-text, CanvasText);--_subtle-hover: var(--slotted-tone-accent-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-accent-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-accent-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-accent-solid-active, ButtonFace);--_surface: var(--slotted-tone-accent-surface, Canvas);--_selected-edge: var(--slotted-tone-accent-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-accent-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-tone=success]{--_text: var(--slotted-tone-success-text, CanvasText);--_subtle-hover: var(--slotted-tone-success-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-success-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-success-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-success-solid-active, ButtonFace);--_surface: var(--slotted-tone-success-surface, Canvas);--_selected-edge: var(--slotted-tone-success-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-success-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-tone=warning]{--_text: var(--slotted-tone-warning-text, CanvasText);--_subtle-hover: var(--slotted-tone-warning-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-warning-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-warning-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-warning-solid-active, ButtonFace);--_surface: var(--slotted-tone-warning-surface, Canvas);--_selected-edge: var(--slotted-tone-warning-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-warning-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-tone=danger]{--_text: var(--slotted-tone-danger-text, CanvasText);--_subtle-hover: var(--slotted-tone-danger-subtle-hover, ButtonFace);--_subtle-active: var(--slotted-tone-danger-subtle-active, ButtonFace);--_solid-hover: var(--slotted-tone-danger-solid-hover, ButtonFace);--_solid-active: var(--slotted-tone-danger-solid-active, ButtonFace);--_surface: var(--slotted-tone-danger-surface, Canvas);--_selected-edge: var(--slotted-tone-danger-border, ButtonBorder);--_selected-surface: var(--slotted-list-item-background-selected, var(--_surface));--_selected-text: var(--slotted-tone-danger-text, CanvasText);--_selected-hover: var(--_subtle-hover);--_selected-active: var(--_subtle-active)}[data-ui=list-item][data-marker=bullet]>[data-part=marker],[data-ui=list-item][data-marker=number]:before{align-items:start;block-size:calc(var(--_pad-block) * 2 + var(--_font-size) * var(--slotted-line-height-md, 1.5));box-sizing:border-box;color:var(--_text);display:flex;flex:none;font-size:var(--_font-size);font-variant-numeric:tabular-nums;inline-size:var(--_icon-size);line-height:var(--slotted-line-height-md, 1.5);margin-inline-end:var(--_gap);margin-inline-start:var(--_pad-inline);padding-block-start:var(--_pad-block)}[data-ui=list-item][data-marker=bullet]>[data-part=marker]{--slotted-icon-size: var(--_marker-size);justify-content:center}[data-ui=list-item][data-marker=bullet]>[data-part=marker]>[data-ui=icon]{margin-block-start:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5) * .5 - var(--_marker-size) * .5)}[data-ui=list-item][data-marker=number]:before{content:counter(slotted-list-item) \".\";justify-content:end}[data-ui=list-item]:is([data-marker=bullet],[data-marker=number])>[data-part=content]{padding-inline-start:0}[data-ui=list-item][data-inset][data-marker=bullet]>[data-part=marker],[data-ui=list-item][data-inset][data-marker=number]:before{margin-inline-start:0}[data-ui=list-item]>[data-part=content]{appearance:none;background-color:transparent;border:none;border-radius:inherit;box-sizing:border-box;color:var(--_text);display:grid;flex:1 1 0%;font:inherit;font-size:var(--_font-size);grid-template-areas:\"start body end\";grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-block-size:var(--_min-block);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start;text-decoration:none;transition:color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=list-item]:is([data-variant=ruled],[data-variant=framed]){border-radius:0}[data-ui=list-item]:not([data-disabled])>:is(a,button)[data-part=content]:not(:disabled){cursor:pointer}[data-ui=list-item][data-inset]>[data-part=content]{padding-inline:0}[data-ui=list-item][data-align=start]>[data-part=content]{align-items:start}[data-ui=list-item]>[data-part=content]>[data-part=start]{align-items:center;color:var(--_text);display:flex;flex:none;grid-area:start;margin-inline-end:var(--_gap);min-inline-size:var(--_icon-size)}[data-ui=list-item]>[data-part=content]>[data-part=start]:has(>[data-ui=checkbox]){align-items:start;inline-size:var(--_control-size);min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui=list-item][data-align=start]>[data-part=content]>[data-part=start]{min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui=list-item]>[data-part=content]>[data-part=body]{display:flex;flex-direction:column;grid-area:body;min-inline-size:0;row-gap:var(--slotted-list-item-body-gap, var(--slotted-space-1, .125rem))}[data-ui=list-item]>[data-part=content]>[data-part=body]>[data-part=label]{color:inherit;font-size:var(--_font-size);font-weight:var(--slotted-list-item-font-weight, var(--slotted-font-weight-regular, 400));line-height:var(--slotted-line-height-md, 1.5);margin-block:0;min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui=list-item]>[data-part=content]>[data-part=body]>[data-part=description]{color:var(--_muted);font-size:var(--slotted-list-item-description-font-size, var(--slotted-font-size-xs, .75rem));line-height:var(--slotted-line-height-sm, 1.45);margin-block:0;min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:plaintext}[data-ui=list-item][data-truncate]>[data-part=content]>[data-part=body]>:is([data-part=label],[data-part=description]){overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap}[data-ui=list-item]>[data-part=content]>[data-part=end]{align-items:center;color:var(--_muted);display:flex;flex:none;gap:var(--_gap);grid-area:end;margin-inline-start:var(--_gap)}[data-ui=list-item]>[data-part=actions]{align-items:center;box-sizing:border-box;display:flex;flex:none;gap:var(--_gap);padding-inline-end:var(--_pad-inline);position:relative}[data-ui=list-item][data-inset]>[data-part=actions]{padding-inline-end:0}[data-ui=list-item][data-align=start]>[data-part=actions]{align-items:start;padding-block-start:var(--_pad-block)}[data-ui=list-item]:is([data-variant=ruled],[data-variant=framed]):not(:first-child){--_rule-shadow: 0 calc(var(--_rule-width) * -1) 0 0 var(--_rule)}[data-ui=list-item][data-variant=separated]{--_fill: var(--slotted-list-item-background, var(--slotted-surface-raised, Canvas));border:var(--_rule-width) solid var(--_rule)}[data-ui=list-item][data-variant=separated]{overflow:clip}[data-ui=list-item]:not([data-disabled]):not([data-loading]):has(>:is(a,button)[data-part=content]:not(:disabled):hover){--_fill: var(--_hover)}[data-ui=list-item]:not([data-disabled]):not([data-loading]):has(>:is(a,button)[data-part=content]:not(:disabled):active){--_fill: var(--_active)}[data-ui=list-item]>[data-part=content]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=list-item][data-current]{--_fill: var(--_current-surface);--_edge-shadow: inset 0 0 0 var(--_rule-width) var(--_current-edge)}[data-ui=list-item][data-selected]{--_hover: var(--_selected-hover);--_active: var(--_selected-active)}[data-ui=list-item][data-selected]{--_fill: var(--_selected-surface);--_edge-shadow: inset 0 0 0 var(--_rule-width) var(--_selected-edge)}[data-ui=list-item]:is([data-selected],[data-current]):not(:first-child),[data-ui=list-item]:is([data-selected],[data-current])+[data-ui=list-item]{--_rule-shadow: 0 0 0 0 transparent}[data-ui=list-item][data-selected]+[data-ui=list-item][data-selected]{--_edge-shadow: inset 0 calc(var(--_rule-width) * -1) 0 0 var(--_selected-edge), inset var(--_rule-width) 0 0 0 var(--_selected-edge), inset calc(var(--_rule-width) * -1) 0 0 0 var(--_selected-edge)}[data-ui=list-item][data-selected]>[data-part=content]{color:var(--_selected-text);font-weight:var( --slotted-list-item-font-weight-selected, var(--slotted-font-weight-medium, 500) )}[data-ui=list-item][data-current]>[data-part=content]{font-weight:var( --slotted-list-item-font-weight-current, var(--slotted-font-weight-medium, 500) )}[data-ui=list-item][data-loading]{--_text: var(--_muted)}[data-ui=list-item][data-loading]>[data-part=content]{cursor:progress}[data-ui=list-item][data-disabled]{--_disabled-ink: var( --slotted-list-item-color-disabled, var(--slotted-disabled-foreground, GrayText) );--_text: var(--_disabled-ink);--_muted: var(--_disabled-ink)}[data-ui=list-item][data-disabled]>[data-part=content]{cursor:default}[data-ui=list-item][data-disabled][data-variant=separated]{--_fill: var(--slotted-surface-sunken, Canvas);border-color:var(--slotted-disabled-border, GrayText)}@container slotted-list-item (max-inline-size: 22rem){[data-ui=list-item]>[data-part=content]{grid-template-areas:\"start body\" \"start end\";grid-template-columns:auto minmax(0,1fr)}[data-ui=list-item]>[data-part=content]>[data-part=end]{justify-content:start;margin-block-start:var(--slotted-list-item-body-gap, var(--slotted-space-1, .125rem));margin-inline-start:0}[data-ui=list-item]>[data-part=content]>[data-part=start]{align-self:start;min-block-size:calc(var(--_font-size) * var(--slotted-line-height-md, 1.5))}[data-ui=list-item]>[data-part=actions]{flex-basis:100%;justify-content:flex-end;padding-block-end:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=list-item][data-inset]>[data-part=actions]{padding-inline:0}[data-ui=list-item]>[data-part=actions]:not(:has(>:not([data-shape]))){flex-basis:auto;padding-block-end:0;padding-inline:0 var(--_pad-inline)}[data-ui=list-item][data-inset]>[data-part=actions]:not(:has(>:not([data-shape]))){padding-inline-end:0}}@media(forced-colors:active){[data-ui=list-item][data-selected]{background-color:Highlight}[data-ui=list-item][data-selected]>[data-part=content]{color:HighlightText}[data-ui=list-item][data-current]:not([data-selected]){outline:var(--slotted-border-width-thin, 1px) solid Highlight;outline-offset:calc(-1 * var(--slotted-border-width-thin, 1px))}}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], marker: [{ type: i0.Input, args: [{ isSignal: true, alias: "marker", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }], truncate: [{ type: i0.Input, args: [{ isSignal: true, alias: "truncate", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], current: [{ type: i0.Input, args: [{ isSignal: true, alias: "current", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], setSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "setSize", required: false }] }] } });
+
+/**
+ * The box that is read, and sometimes activated. One directive on the element
+ * the page wrote, which is what this ecosystem composes with: `<a
+ * slListItemContent [routerLink]>` is a real destination and `<button
+ * slListItemContent>` a real command, and the router link, the form ownership
+ * and the modified click a browser gives an anchor all stay the page's.
+ *
+ * React exports three components instead, because there the component owns the
+ * tag and a string that picked between three accessibility trees would turn a
+ * typo into a `div` no reader can reach. Both bindings reach the same tree.
+ *
+ * How an interaction is refused depends on the element, because the platform
+ * gives each element a different way to say so:
+ *
+ * - a `button` takes the native `disabled`, which removes it from the tab order
+ *   and stops the activation at the platform;
+ * - an `a` takes `aria-disabled="true"` and keeps its destination, because that
+ *   attribute means perceivable but not operable and leaves the element
+ *   focusable — a reader can still reach the row and hear why it is
+ *   unavailable. The activation is refused by `SlListItem`, which is also the
+ *   only place the refusal can be made to run first;
+ * - anything else takes neither, and any control the page put in
+ *   `slListItemActions` is the page's own to disable.
+ */
+class SlListItemContent {
+    row = inject(SlListItem, { optional: true });
+    tag = inject(ElementRef).nativeElement.tagName;
+    loading = computed(() => this.row?.loading() ?? false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    blocked = computed(() => this.row?.blocked() ?? false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "blocked" }] : /* istanbul ignore next */ []));
+    nativeDisabled = computed(() => this.tag === 'BUTTON' && this.blocked() ? '' : null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "nativeDisabled" }] : /* istanbul ignore next */ []));
+    ariaDisabled = computed(() => this.tag === 'A' && this.blocked() ? 'true' : null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaDisabled" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlListItemContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlListItemContent, isStandalone: true, selector: "[slListItemContent]", host: { attributes: { "data-part": "content" }, properties: { "attr.disabled": "nativeDisabled()", "attr.aria-disabled": "ariaDisabled()", "attr.aria-busy": "loading() ? 'true' : null" } }, exportAs: ["slListItemContent"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlListItemContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slListItemContent]',
+                    standalone: true,
+                    exportAs: 'slListItemContent',
+                    host: {
+                        'data-part': 'content',
+                        '[attr.disabled]': 'nativeDisabled()',
+                        '[attr.aria-disabled]': 'ariaDisabled()',
+                        '[attr.aria-busy]': "loading() ? 'true' : null",
+                    },
+                }]
+        }] });
+
+/**
+ * The leading column: an icon, an avatar, a `slCheckbox`. The column is the
+ * control glyph's own width, so whatever stands in it lands on the same line as
+ * every other row's.
+ *
+ * It is the slot and not the control. A row that drew its own check would be a
+ * second answer to the question `checkbox` already owns, and a chooser here is
+ * also what announces a selection the row only paints.
+ */
+class SlListItemStart {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlListItemStart, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlListItemStart, isStandalone: true, selector: "[slListItemStart]", host: { attributes: { "data-part": "start" } }, exportAs: ["slListItemStart"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlListItemStart, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slListItemStart]',
+                    standalone: true,
+                    exportAs: 'slListItemStart',
+                    host: { 'data-part': 'start' },
+                }]
+        }] });
+/** The text column, and the one box in the row that may shrink. */
+class SlListItemBody {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlListItemBody, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlListItemBody, isStandalone: true, selector: "[slListItemBody]", host: { attributes: { "data-part": "body" } }, exportAs: ["slListItemBody"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlListItemBody, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slListItemBody]',
+                    standalone: true,
+                    exportAs: 'slListItemBody',
+                    host: { 'data-part': 'body' },
+                }]
+        }] });
+/**
+ * The title. It clips under `truncate`, isolates its own direction so a title
+ * in another script leaves the row around it alone, and breaks a single
+ * unbroken token — a URL, a commit hash — rather than pushing the metadata out.
+ */
+class SlListItemLabel {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlListItemLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlListItemLabel, isStandalone: true, selector: "[slListItemLabel]", host: { attributes: { "data-part": "label" } }, exportAs: ["slListItemLabel"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlListItemLabel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slListItemLabel]',
+                    standalone: true,
+                    exportAs: 'slListItemLabel',
+                    host: { 'data-part': 'label' },
+                }]
+        }] });
+/** The lines under the title. They clip with it, never instead of it. */
+class SlListItemDescription {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlListItemDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlListItemDescription, isStandalone: true, selector: "[slListItemDescription]", host: { attributes: { "data-part": "description" } }, exportAs: ["slListItemDescription"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlListItemDescription, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slListItemDescription]',
+                    standalone: true,
+                    exportAs: 'slListItemDescription',
+                    host: { 'data-part': 'description' },
+                }]
+        }] });
+/**
+ * Trailing metadata that is part of what the row says — a timestamp, a count, a
+ * `slBadge`. It is inside the box, so it is part of the row's own name for a
+ * reader and part of its target for a pointer. Anything that acts is
+ * `slListItemActions`.
+ */
+class SlListItemEnd {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlListItemEnd, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlListItemEnd, isStandalone: true, selector: "[slListItemEnd]", host: { attributes: { "data-part": "end" } }, exportAs: ["slListItemEnd"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlListItemEnd, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slListItemEnd]',
+                    standalone: true,
+                    exportAs: 'slListItemEnd',
+                    host: { 'data-part': 'end' },
+                }]
+        }] });
+/**
+ * Independent targets, and a **sibling** of the box rather than its child.
+ * Interactive content may not nest inside `a` or `button`, so a row that
+ * navigates and also deletes has to put its two controls side by side. Every
+ * surveyed implementation lets a consumer nest them instead and produces HTML
+ * no browser can make focusable.
+ */
+class SlListItemActions {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlListItemActions, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlListItemActions, isStandalone: true, selector: "[slListItemActions]", host: { attributes: { "data-part": "actions" } }, exportAs: ["slListItemActions"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlListItemActions, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slListItemActions]',
+                    standalone: true,
+                    exportAs: 'slListItemActions',
+                    host: { 'data-part': 'actions' },
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LIST_ITEM_DEFAULTS, SlListItem, SlListItemActions, SlListItemBody, SlListItemContent, SlListItemDescription, SlListItemEnd, SlListItemLabel, SlListItemStart, injectListItemDefaults, provideListItemDefaults };
+//# sourceMappingURL=slotted-angular-list-item.mjs.map

package/fesm2022/slotted-angular-list-item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slotted-angular-list-item.mjs","sources":["../../list-item/src/list-item-defaults.ts","../../list-item/src/list-item.ts","../../list-item/src/list-item-content.ts","../../list-item/src/list-item-parts.ts","../../list-item/src/slotted-angular-list-item.ts"],"sourcesContent":["import { inject, InjectionToken } from '@angular/core';\n\n/** The five the theme carries. `secondary` is the library's neutral. */\nexport type ListItemTone = 'secondary' | 'accent' | 'success' | 'warning' | 'danger';\n\n/** The room the row gets. Density is the application's choice; this is not. */\nexport type ListItemSize = 'sm' | 'md' | 'lg';\n\n/**\n * Where the leading visual and the trailing metadata sit against a row of more\n * than one line: on the middle of the block, or on the title's own line.\n */\nexport type ListItemAlign = 'center' | 'start';\n\n/**\n * What the row is the current one *of*. ARIA 1.2 lists `aria-current` as\n * inherited by `listitem` and does not deprecate it, which makes this the one\n * selection-shaped state a static list may announce for itself.\n */\nexport type ListItemCurrent = boolean | 'page' | 'step' | 'location' | 'date' | 'time';\n\nexport interface ListItemDefaults {\n  align: ListItemAlign;\n  inset: boolean;\n  size: ListItemSize;\n  tone: ListItemTone;\n  truncate: boolean;\n}\n\nconst FALLBACK: ListItemDefaults = {\n  align: 'center',\n  inset: false,\n  size: 'md',\n  tone: 'secondary',\n  truncate: false,\n};\n\nexport const LIST_ITEM_DEFAULTS = new InjectionToken<ListItemDefaults>(\n  'slotted list item defaults',\n  { providedIn: 'root', factory: () => FALLBACK },\n);\n\n/**\n * An application decides once how its rows are aligned, how far they are inset\n * and whether a title the row cannot grow for is clipped. A row that states any\n * of them itself still wins, and so does the list between the two.\n */\nexport function provideListItemDefaults(defaults: Partial<ListItemDefaults>) {\n  return {\n    provide: LIST_ITEM_DEFAULTS,\n    useFactory: (): ListItemDefaults => ({\n      align: defaults.align ?? FALLBACK.align,\n      inset: defaults.inset ?? FALLBACK.inset,\n      size: defaults.size ?? FALLBACK.size,\n      tone: defaults.tone ?? FALLBACK.tone,\n      truncate: defaults.truncate ?? FALLBACK.truncate,\n    }),\n  };\n}\n\n/** What a row renders as here, before the list or the row states anything. */\nexport function injectListItemDefaults(): ListItemDefaults {\n  return inject(LIST_ITEM_DEFAULTS);\n}\n","import { SlList } from '@slotted/angular/list';\nimport type { ListMarker, ListVariant } from '@slotted/angular/list';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  ElementRef,\n  HostAttributeToken,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { SlGlyph, SlIcon } from '@slotted/angular/icon';\n\nimport { injectListItemDefaults } from './list-item-defaults';\nimport type {\n  ListItemAlign,\n  ListItemCurrent,\n  ListItemSize,\n  ListItemTone,\n} from './list-item-defaults';\n\nexport type {\n  ListItemAlign,\n  ListItemCurrent,\n  ListItemSize,\n  ListItemTone,\n} from './list-item-defaults';\n\n/**\n * One entry of a `slList`: the `li`, and every state the row paints. The box\n * that is read, hovered, focused and sometimes activated is `slListItemContent`\n * on the element the page chose, and `slListItemActions` is that box's sibling\n * — interactive content may not nest inside `a` or `button`.\n *\n * Four values come from the list when the row does not state them: `variant`,\n * `size`, `marker` and `inset`. Everything else is a fact about this row.\n *\n * **No state attribute the roles model forbids reaches the `li`.** ARIA 1.2\n * deprecates `aria-disabled` on `listitem`, so `disabled` is painted from\n * `data-disabled` and the attribute that means it is written on the box.\n * `aria-current` is inherited by the role and is not deprecated, so `current`\n * is announced here.\n */\n@Component({\n  selector: 'li[slListItem]',\n  standalone: true,\n  exportAs: 'slListItem',\n  imports: [SlGlyph, SlIcon],\n  /* The bullet is the dot glyph in a part of its own before the row's content;\n     the number is a counter the stylesheet writes, because it is text rather\n     than an icon. */\n  template: `@if (resolvedMarker() === 'bullet') {\n      <span data-part=\"marker\" aria-hidden=\"true\"\n        ><span slIcon><svg slGlyph name=\"dot\"></svg></span\n      ></span>\n    }\n    <ng-content></ng-content>`,\n  styleUrl: '../../../styles/src/list-item/list-item.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    'data-ui': 'list-item',\n    'data-part': 'root',\n    '[attr.data-variant]': 'resolvedVariant()',\n    '[attr.data-size]': 'resolvedSize()',\n    '[attr.data-marker]': 'resolvedMarker()',\n    '[attr.data-align]': 'resolvedAlign()',\n    '[attr.data-tone]': 'resolvedTone()',\n    '[attr.data-inset]': \"resolvedInset() ? '' : null\",\n    '[attr.data-truncate]': \"resolvedTruncate() ? '' : null\",\n    '[attr.data-selected]': \"selected() ? '' : null\",\n    '[attr.data-current]': \"current() === false ? null : ''\",\n    '[attr.data-disabled]': \"disabled() ? '' : null\",\n    '[attr.data-loading]': \"loading() ? '' : null\",\n    '[attr.aria-current]': 'ariaCurrent()',\n    '[attr.aria-posinset]': 'position() ?? null',\n    '[attr.aria-setsize]': 'setSize() ?? null',\n  },\n})\nexport class SlListItem {\n  /** How the rows are told apart. Falls back to the list, then to `plain`. */\n  readonly variant = input<ListVariant | undefined>(undefined);\n  /** The room the row gets. Falls back to the list, then the token, then `md`. */\n  readonly size = input<ListItemSize | undefined>(undefined);\n  /** What is painted in the marker column. Falls back to the list, then `none`. */\n  readonly marker = input<ListMarker | undefined>(undefined);\n  /** Where the leading visual sits against a row of more than one line. */\n  readonly align = input<ListItemAlign | undefined>(undefined);\n  /** The row's ink and the wash under the pointer. Falls back to `secondary`. */\n  readonly tone = input<ListItemTone | undefined>(undefined);\n  /** Takes the row's inline padding away. Falls back to the list, then the token. */\n  readonly inset = input<boolean | undefined, boolean | string | undefined>(undefined, {\n    transform: (state) => (state === undefined ? undefined : booleanAttribute(state)),\n  });\n  /** Clips the title and the lines under it to one line each. The string stays. */\n  readonly truncate = input<boolean | undefined, boolean | string | undefined>(undefined, {\n    transform: (state) => (state === undefined ? undefined : booleanAttribute(state)),\n  });\n  /**\n   * Mirrors a selection the page owns. `aria-selected` is not valid on\n   * `listitem`, so the row paints it and the control the page puts in\n   * `slListItemStart` — a `slCheckbox` — is what announces it.\n   */\n  readonly selected = input(false, { transform: booleanAttribute });\n  /**\n   * The row the reader is on. `true` writes `aria-current=\"true\"`; a token\n   * writes that token, and `page` is what a navigation list wants.\n   */\n  readonly current = input<ListItemCurrent>(false);\n  /**\n   * The row dims and stops answering the pointer. The attribute that means it\n   * goes on the box inside and never on this `li`, which ARIA 1.2 forbids.\n   */\n  readonly disabled = input(false, { transform: booleanAttribute });\n  /**\n   * `aria-busy` on the box, and the activation withdrawn so the command cannot\n   * run twice. The row keeps its width and its accessible name; what stands in\n   * for the content is `slSkeleton`, composed by the page.\n   */\n  readonly loading = input(false, { transform: booleanAttribute });\n  /**\n   * The row's place in a set only part of which is in the document — a page of\n   * results, a filtered list. ARIA 1.2 is explicit that it is unnecessary while\n   * every row is present, so it is written only when stated.\n   */\n  readonly position = input<number | undefined>(undefined);\n  /** How many rows the set holds, when only part of it is in the document. */\n  readonly setSize = input<number | undefined>(undefined);\n\n  private readonly defaults = injectListItemDefaults();\n  private readonly list = inject(SlList, { optional: true });\n  /** An `aria-current` the consumer wrote is never replaced by the family's. */\n  private readonly writtenCurrent = inject(new HostAttributeToken('aria-current'), {\n    optional: true,\n  });\n\n  readonly resolvedVariant = computed(\n    () => this.variant() ?? this.list?.resolvedVariant() ?? 'plain',\n  );\n  readonly resolvedSize = computed(\n    () => this.size() ?? this.list?.resolvedSize() ?? this.defaults.size,\n  );\n  readonly resolvedMarker = computed(() => this.marker() ?? this.list?.resolvedMarker() ?? 'none');\n  readonly resolvedAlign = computed(() => this.align() ?? this.defaults.align);\n  readonly resolvedTone = computed(() => this.tone() ?? this.defaults.tone);\n  readonly resolvedInset = computed(\n    () => (this.inset() ?? this.list?.resolvedInset() ?? this.defaults.inset) === true,\n  );\n  readonly resolvedTruncate = computed(() => (this.truncate() ?? this.defaults.truncate) === true);\n\n  /** The two states the box inside has to answer, and the only pair it reads. */\n  readonly blocked = computed(() => this.disabled() || this.loading());\n\n  constructor() {\n    /**\n     * The refusal, and it lives here rather than on the box because this is the\n     * only place the DOM guarantees it runs first.\n     *\n     * A directive's host listener and a `(click)` the page wrote on the same\n     * element are both listeners on the event's target, and at the target the\n     * DOM invokes listeners in registration order — the capture flag decides\n     * nothing there. The page's binding was registered first, so a refusal on\n     * the box arrived after the handler it was meant to stop. A capture\n     * listener on an *ancestor* has no such tie: it always runs before any\n     * listener on a descendant.\n     *\n     * It refuses only what is inside `content`. A control the page put in\n     * `slListItemActions` is the page's own to disable, which is the rule\n     * `card` states for the same shape.\n     */\n    const host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n    const refuse = (event: Event) => {\n      if (!this.blocked()) return;\n      const target = event.target as Element | null;\n      if (target?.closest('[data-part=\"content\"]') == null) return;\n      event.preventDefault();\n      event.stopImmediatePropagation();\n    };\n\n    host.addEventListener('click', refuse, { capture: true });\n    inject(DestroyRef).onDestroy(() =>\n      host.removeEventListener('click', refuse, { capture: true }),\n    );\n  }\n\n  protected readonly ariaCurrent = computed(() => {\n    if (this.writtenCurrent !== null) return this.writtenCurrent;\n    const current = this.current();\n    if (current === false) return null;\n    return current === true ? 'true' : current;\n  });\n}\n","import { computed, Directive, ElementRef, inject } from '@angular/core';\n\nimport { SlListItem } from './list-item';\n\n/**\n * The box that is read, and sometimes activated. One directive on the element\n * the page wrote, which is what this ecosystem composes with: `<a\n * slListItemContent [routerLink]>` is a real destination and `<button\n * slListItemContent>` a real command, and the router link, the form ownership\n * and the modified click a browser gives an anchor all stay the page's.\n *\n * React exports three components instead, because there the component owns the\n * tag and a string that picked between three accessibility trees would turn a\n * typo into a `div` no reader can reach. Both bindings reach the same tree.\n *\n * How an interaction is refused depends on the element, because the platform\n * gives each element a different way to say so:\n *\n * - a `button` takes the native `disabled`, which removes it from the tab order\n *   and stops the activation at the platform;\n * - an `a` takes `aria-disabled=\"true\"` and keeps its destination, because that\n *   attribute means perceivable but not operable and leaves the element\n *   focusable — a reader can still reach the row and hear why it is\n *   unavailable. The activation is refused by `SlListItem`, which is also the\n *   only place the refusal can be made to run first;\n * - anything else takes neither, and any control the page put in\n *   `slListItemActions` is the page's own to disable.\n */\n@Directive({\n  selector: '[slListItemContent]',\n  standalone: true,\n  exportAs: 'slListItemContent',\n  host: {\n    'data-part': 'content',\n    '[attr.disabled]': 'nativeDisabled()',\n    '[attr.aria-disabled]': 'ariaDisabled()',\n    '[attr.aria-busy]': \"loading() ? 'true' : null\",\n  },\n})\nexport class SlListItemContent {\n  private readonly row = inject(SlListItem, { optional: true });\n  private readonly tag = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement.tagName;\n\n  readonly loading = computed(() => this.row?.loading() ?? false);\n\n  private readonly blocked = computed(() => this.row?.blocked() ?? false);\n\n  protected readonly nativeDisabled = computed(() =>\n    this.tag === 'BUTTON' && this.blocked() ? '' : null,\n  );\n\n  protected readonly ariaDisabled = computed(() =>\n    this.tag === 'A' && this.blocked() ? 'true' : null,\n  );\n}\n","import { Directive } from '@angular/core';\n\n/**\n * The leading column: an icon, an avatar, a `slCheckbox`. The column is the\n * control glyph's own width, so whatever stands in it lands on the same line as\n * every other row's.\n *\n * It is the slot and not the control. A row that drew its own check would be a\n * second answer to the question `checkbox` already owns, and a chooser here is\n * also what announces a selection the row only paints.\n */\n@Directive({\n  selector: '[slListItemStart]',\n  standalone: true,\n  exportAs: 'slListItemStart',\n  host: { 'data-part': 'start' },\n})\nexport class SlListItemStart {}\n\n/** The text column, and the one box in the row that may shrink. */\n@Directive({\n  selector: '[slListItemBody]',\n  standalone: true,\n  exportAs: 'slListItemBody',\n  host: { 'data-part': 'body' },\n})\nexport class SlListItemBody {}\n\n/**\n * The title. It clips under `truncate`, isolates its own direction so a title\n * in another script leaves the row around it alone, and breaks a single\n * unbroken token — a URL, a commit hash — rather than pushing the metadata out.\n */\n@Directive({\n  selector: '[slListItemLabel]',\n  standalone: true,\n  exportAs: 'slListItemLabel',\n  host: { 'data-part': 'label' },\n})\nexport class SlListItemLabel {}\n\n/** The lines under the title. They clip with it, never instead of it. */\n@Directive({\n  selector: '[slListItemDescription]',\n  standalone: true,\n  exportAs: 'slListItemDescription',\n  host: { 'data-part': 'description' },\n})\nexport class SlListItemDescription {}\n\n/**\n * Trailing metadata that is part of what the row says — a timestamp, a count, a\n * `slBadge`. It is inside the box, so it is part of the row's own name for a\n * reader and part of its target for a pointer. Anything that acts is\n * `slListItemActions`.\n */\n@Directive({\n  selector: '[slListItemEnd]',\n  standalone: true,\n  exportAs: 'slListItemEnd',\n  host: { 'data-part': 'end' },\n})\nexport class SlListItemEnd {}\n\n/**\n * Independent targets, and a **sibling** of the box rather than its child.\n * Interactive content may not nest inside `a` or `button`, so a row that\n * navigates and also deletes has to put its two controls side by side. Every\n * surveyed implementation lets a consumer nest them instead and produces HTML\n * no browser can make focusable.\n */\n@Directive({\n  selector: '[slListItemActions]',\n  standalone: true,\n  exportAs: 'slListItemActions',\n  host: { 'data-part': 'actions' },\n})\nexport class SlListItemActions {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}