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

package/fesm2022/slotted-angular-timeline.mjs

@@ -0,0 +1,928 @@
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, input, booleanAttribute, numberAttribute, output, DestroyRef, viewChild, ElementRef, Injector, signal, computed, linkedSignal, effect, untracked, afterNextRender, ViewEncapsulation, ChangeDetectionStrategy, Component, HostAttributeToken, contentChildren, forwardRef, Directive, model, contentChild } from '@angular/core';
+import { injectLocale, injectMessages } from '@slotted/angular/i18n';
+import { SlGlyph, SlIcon } from '@slotted/angular/icon';
+import { tabbables } from '@slotted/core/focus';
+import { timelineMessages } from '@slotted/core/i18n';
+import { getLiveAnnouncer } from '@slotted/core/live-announcer';
+import { createControllable } from '@slotted/core/state';
+import { revealFocusIndex, feedFocusTarget, isComplete, connectorOf, sideOf, setSizeOf, formatTimestamp } from '@slotted/core/timeline';
+
+const TIMELINE_DEFAULT_MODE = 'list';
+const TIMELINE_DEFAULT_ORIENTATION = 'vertical';
+const TIMELINE_DEFAULT_PLACEMENT = 'end';
+const TIMELINE_DEFAULT_ORDER = 'oldest-first';
+const TIMELINE_DEFAULT_VARIANT = 'subtle';
+const TIMELINE_DEFAULT_TONE = 'secondary';
+const TIMELINE_DEFAULT_SIZE = 'md';
+const TIMELINE_DEFAULT_GROWING = 'none';
+const TIMELINE_DEFAULT_TIME_FORMAT = 'absolute';
+const TIMELINE_DEFAULT_LEVEL = 3;
+const TIMELINE_DEFAULTS_TOKEN = new InjectionToken('slotted timeline defaults', { providedIn: 'root', factory: () => ({}) });
+/**
+ * An application decides once which way its timelines run, which side the
+ * events take, how a timestamp is written and in which zone, the moment a
+ * relative reading counts from. A timeline that states any of those itself
+ * still wins: an explicit input is never overridden by the token. Its words
+ * and locale come from the language in force (`provideSlotted`).
+ */
+function provideTimelineDefaults(defaults) {
+    return { provide: TIMELINE_DEFAULTS_TOKEN, useValue: defaults };
+}
+function injectTimelineDefaults() {
+    return inject(TIMELINE_DEFAULTS_TOKEN);
+}
+
+let counter = 0;
+/**
+ * An ordered list of events on one line, each with a marker, a machine
+ * timestamp and a body — and, in feed mode, the APG Feed pattern drawn the
+ * same way.
+ *
+ * **It is an `ol`, or a feed, and `mode` decides which.** The consumer writes
+ * the list element, so the mode says which one: `ol[slTimelineList]` with
+ * `li[slTimelineItem]` in list mode, `div[slTimelineList]` with
+ * `article[slTimelineItem]` in feed mode — a `li` admits no `article` role.
+ * In feed mode the list is `role="feed"`, every article carries its position,
+ * the set size and its label, the feed is busy while more is on its way, and
+ * `PageDown`, `PageUp`, `Control+End` and `Control+Home` do what the pattern
+ * says.
+ *
+ * **It never reverses the array.** `order` says what the list is, and it is
+ * what decides where `autoComplete` cuts.
+ *
+ * **It holds no events.** Loading more and revealing fresh ones are outputs
+ * with a reason and nothing to hold; the consumer owns the array. The one
+ * mutable value is whether a group is open, on `slTimelineGroup`.
+ */
+class SlTimeline {
+    mode = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+    orientation = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    placement = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "placement" }] : /* istanbul ignore next */ []));
+    order = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "order" }] : /* istanbul ignore next */ []));
+    variant = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    tone = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tone" }] : /* istanbul ignore next */ []));
+    size = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    growing = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "growing" }] : /* istanbul ignore next */ []));
+    timeFormat = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "timeFormat" }] : /* istanbul ignore next */ []));
+    /** For the timestamps; defaults to the language in force (`provideSlotted`). */
+    locale = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
+    timeZone = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "timeZone" }] : /* istanbul ignore next */ []));
+    now = input(undefined, { ...(ngDevMode ? { debugName: "now" } : /* istanbul ignore next */ {}), transform: optionalNumber });
+    level = input(undefined, { ...(ngDevMode ? { debugName: "level" } : /* istanbul ignore next */ {}), transform: optionalLevel });
+    /**
+     * Words laid over the catalog of the language in force, key by key: the
+     * more control, the waiting line, the fresh pill, the empty line, the
+     * current event's mark and a folded group's trigger.
+     */
+    messages = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
+    /** The accessible name of the list. */
+    label = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    /** The total number of events, when the application knows it. */
+    count = input(undefined, { ...(ngDevMode ? { debugName: "count" } : /* istanbul ignore next */ {}), transform: optionalNumber });
+    loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    freshCount = input(0, { ...(ngDevMode ? { debugName: "freshCount" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    autoComplete = input(false, { ...(ngDevMode ? { debugName: "autoComplete" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    reflow = input(true, { ...(ngDevMode ? { debugName: "reflow" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Asked when the reader presses the more control, or scrolls to it. */
+    loadMoreRequest = output();
+    /** Asked when the reader presses the pill that holds fresh events. */
+    revealRequest = output();
+    defaults = injectTimelineDefaults();
+    destroyRef = inject(DestroyRef);
+    moreElement = viewChild('more', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "moreElement" }] : /* istanbul ignore next */ []));
+    freshElement = viewChild('fresh', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "freshElement" }] : /* istanbul ignore next */ []));
+    host = inject(ElementRef).nativeElement;
+    injector = inject(Injector);
+    items = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    id = `slotted-timeline-${(counter += 1)}`;
+    modeValue = computed(() => this.mode() ?? this.defaults.mode ?? TIMELINE_DEFAULT_MODE, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "modeValue" }] : /* istanbul ignore next */ []));
+    orientationValue = computed(() => this.orientation() ?? this.defaults.orientation ?? TIMELINE_DEFAULT_ORIENTATION, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "orientationValue" }] : /* istanbul ignore next */ []));
+    placementValue = computed(() => this.placement() ?? this.defaults.placement ?? TIMELINE_DEFAULT_PLACEMENT, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "placementValue" }] : /* istanbul ignore next */ []));
+    orderValue = computed(() => this.order() ?? this.defaults.order ?? TIMELINE_DEFAULT_ORDER, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "orderValue" }] : /* istanbul ignore next */ []));
+    variantValue = computed(() => this.variant() ?? this.defaults.variant ?? TIMELINE_DEFAULT_VARIANT, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variantValue" }] : /* istanbul ignore next */ []));
+    toneValue = computed(() => this.tone() ?? this.defaults.tone ?? TIMELINE_DEFAULT_TONE, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "toneValue" }] : /* istanbul ignore next */ []));
+    sizeValue = computed(() => this.size() ?? this.defaults.size ?? TIMELINE_DEFAULT_SIZE, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sizeValue" }] : /* istanbul ignore next */ []));
+    growingValue = computed(() => this.growing() ?? this.defaults.growing ?? TIMELINE_DEFAULT_GROWING, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "growingValue" }] : /* istanbul ignore next */ []));
+    timeFormatValue = computed(() => this.timeFormat() ?? this.defaults.timeFormat ?? TIMELINE_DEFAULT_TIME_FORMAT, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "timeFormatValue" }] : /* istanbul ignore next */ []));
+    runtimeLocale = injectLocale();
+    localeValue = computed(() => this.locale() ?? this.runtimeLocale(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "localeValue" }] : /* istanbul ignore next */ []));
+    timeZoneValue = computed(() => this.timeZone() ?? this.defaults.timeZone, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "timeZoneValue" }] : /* istanbul ignore next */ []));
+    nowValue = computed(() => this.now() ?? this.defaults.now, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "nowValue" }] : /* istanbul ignore next */ []));
+    levelValue = computed(() => this.level() ?? this.defaults.level ?? TIMELINE_DEFAULT_LEVEL, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "levelValue" }] : /* istanbul ignore next */ []));
+    /** The family's words in the language in force, with this timeline's `messages` laid over them. */
+    t = injectMessages(timelineMessages, this.messages);
+    feed = computed(() => this.modeValue() === 'feed', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "feed" }] : /* istanbul ignore next */ []));
+    /**
+     * The pill's last count, kept past the change that drops it to zero: the
+     * pill stays mounted from its first appearance, hidden at zero with the
+     * words it had, so it can leave with a transition instead of vanishing.
+     */
+    heldCount = linkedSignal({ ...(ngDevMode ? { debugName: "heldCount" } : /* istanbul ignore next */ {}), source: this.freshCount,
+        computation: (count, previous) => (count > 0 ? count : (previous?.value ?? 0)) });
+    /** How many events the list laid out. */
+    loaded = computed(() => this.items().length, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loaded" }] : /* istanbul ignore next */ []));
+    /** The index of the event marked current, in DOM order, or -1. */
+    currentIndex = computed(() => this.items().findIndex((item) => item.current()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentIndex" }] : /* istanbul ignore next */ []));
+    constructor() {
+        /** Fresh events are announced once per change of the count, politely. */
+        effect(() => {
+            const count = this.freshCount();
+            if (count <= 0)
+                return;
+            getLiveAnnouncer().announce(untracked(() => this.t('freshItems', { count })));
+        });
+        /**
+         * A reader who pressed the pill is taken to the first event it revealed,
+         * not left on a control that is hiding. Whether focus is on the pill is
+         * read now, before the view hides it; the event is focused once the view
+         * has rendered what the reveal added.
+         */
+        let previousFresh = 0;
+        effect(() => {
+            const count = this.freshCount();
+            const revealed = previousFresh;
+            previousFresh = count;
+            if (count > 0 || revealed <= 0)
+                return;
+            const pill = untracked(() => this.freshElement())?.nativeElement;
+            if (pill === undefined || !pill.contains(pill.ownerDocument.activeElement))
+                return;
+            afterNextRender({ write: () => this.focusRevealed(revealed) }, { injector: this.injector });
+        });
+        /**
+         * `growing="scroll"` asks when the end of the loaded list enters the
+         * scrollport. Only where the observer exists: a server, or a test without
+         * one, asks for nothing and the consumer who needs a control there
+         * declares `button`.
+         */
+        effect((onCleanup) => {
+            const more = this.moreElement()?.nativeElement;
+            if (this.growingValue() !== 'scroll' || more === undefined || this.loading())
+                return;
+            if (typeof IntersectionObserver === 'undefined')
+                return;
+            const observer = new IntersectionObserver((entries) => {
+                if (entries.some((entry) => entry.isIntersecting)) {
+                    this.loadMoreRequest.emit({ reason: 'scroll' });
+                }
+            });
+            observer.observe(more);
+            onCleanup(() => observer.disconnect());
+        });
+        this.destroyRef.onDestroy(() => this.items.set([]));
+    }
+    register(items) {
+        this.items.set(items);
+    }
+    itemId(index, part) {
+        return `${this.id}-${index}-${part}`;
+    }
+    loadMore(event) {
+        const reason = event.detail === 0 ? 'keyboard' : 'pointer';
+        this.loadMoreRequest.emit({ event, reason });
+    }
+    focusRevealed(revealed) {
+        const all = [...this.host.querySelectorAll('[data-part="item"]')].filter((article) => article.closest('[data-part="group-list"][hidden]') === null);
+        const index = revealFocusIndex({ loaded: all.length, revealed, order: this.orderValue() });
+        const event = index === null ? undefined : all[index];
+        if (event === undefined)
+            return;
+        (event.hasAttribute('tabindex') ? event : tabbables(event)[0])?.focus();
+    }
+    reveal(event) {
+        const reason = event.detail === 0 ? 'keyboard' : 'pointer';
+        this.revealRequest.emit({ event, reason });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimeline, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTimeline, isStandalone: true, selector: "[slTimeline]", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, order: { classPropertyName: "order", publicName: "order", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, growing: { classPropertyName: "growing", publicName: "growing", isSignal: true, isRequired: false, transformFunction: null }, timeFormat: { classPropertyName: "timeFormat", publicName: "timeFormat", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, timeZone: { classPropertyName: "timeZone", publicName: "timeZone", isSignal: true, isRequired: false, transformFunction: null }, now: { classPropertyName: "now", publicName: "now", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, freshCount: { classPropertyName: "freshCount", publicName: "freshCount", isSignal: true, isRequired: false, transformFunction: null }, autoComplete: { classPropertyName: "autoComplete", publicName: "autoComplete", isSignal: true, isRequired: false, transformFunction: null }, reflow: { classPropertyName: "reflow", publicName: "reflow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { loadMoreRequest: "loadMoreRequest", revealRequest: "revealRequest" }, host: { attributes: { "data-ui": "timeline", "data-part": "root" }, properties: { "attr.data-mode": "modeValue()", "attr.data-orientation": "orientationValue()", "attr.data-placement": "placementValue()", "attr.data-order": "orderValue()", "attr.data-variant": "variantValue()", "attr.data-tone": "toneValue()", "attr.data-size": "sizeValue()", "attr.data-growing": "growingValue()", "attr.data-loading": "loading() ? \"\" : null", "attr.data-reflow": "reflow() ? null : \"false\"" } }, viewQueries: [{ propertyName: "moreElement", first: true, predicate: ["more"], descendants: true, isSignal: true }, { propertyName: "freshElement", first: true, predicate: ["fresh"], descendants: true, isSignal: true }], exportAs: ["slTimeline"], ngImport: i0, template: `
+    @if (heldCount() > 0) {
+      <button
+        #fresh
+        data-part="fresh"
+        type="button"
+        [hidden]="freshCount() <= 0"
+        (click)="reveal($event)"
+      >
+        {{ t('freshItems', { count: heldCount() }) }}
+      </button>
+    }
+    <ng-content></ng-content>
+    @if (growingValue() !== 'none') {
+      @if (loading()) {
+        <div #more aria-live="polite" data-part="more">
+          <span aria-hidden="true" data-part="root" data-ui="spinner"></span>
+          {{ t('loading') }}
+        </div>
+      } @else if (growingValue() === 'button') {
+        <button #more data-part="more" type="button" (click)="loadMore($event)">
+          {{ t('loadMore') }}
+        </button>
+      } @else {
+        <div #more data-part="more"></div>
+      }
+    }
+    @if (loaded() === 0 && !loading()) {
+      <div data-part="empty">
+        <ng-content select="[slTimelineEmpty]">{{ t('empty') }}</ng-content>
+      </div>
+    }
+  `, isInline: true, styles: ["@layer slotted.components{[data-ui=timeline]{--_icon: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-md, 13px));--_meta-size: var(--slotted-timeline-meta-font-size, var(--_font-size));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph: calc(var(--_icon) - 2 * var(--slotted-space-1, .125rem));--_dot: calc(var(--_rule) + round(up, var(--_glyph) - var(--_rule), 2px));--_core: calc( var(--_rule) + round(nearest, var(--_dot) * var(--slotted-timeline-core-ratio, .4) - var(--_rule), 2px) );--_badge: calc( var(--_rule) + round(up, var(--_icon) + 2 * var(--slotted-space-1, .125rem) - var(--_rule), 2px) );--_avatar: calc( var(--_rule) + round(up, var(--slotted-avatar-size-xs, 24px) - var(--_rule), 2px) );--_rail: var(--_dot);--_rule: var(--slotted-timeline-connector-thickness, var(--slotted-border-width-thin, 1px));--_edge: var(--slotted-border-width-medium, 1.5px);--_reach: calc(var(--_edge) + var(--slotted-border-width-thick, 2px));--_item-gap: var( --slotted-timeline-item-gap, calc(var(--_gap) + var(--slotted-space-2, .25rem)) );--_line-gap: var(--slotted-timeline-line-gap, var(--slotted-space-1, .125rem));--_opposite: var(--slotted-timeline-opposite-size, 8rem);--_line-height: var(--slotted-timeline-line-height, var(--slotted-line-height-md, 1.5));--_leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_muted: var(--slotted-timeline-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-timeline-color, var(--slotted-text, CanvasText));--_line: var(--slotted-timeline-connector-color, var(--slotted-border-subtle, GrayText));--_ring: var( --slotted-timeline-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_surface: var(--slotted-timeline-marker-surface, var(--slotted-surface, Canvas));color:var(--_strong);container-name:slotted-timeline;container-type:inline-size;display:block;font-family:var(--slotted-timeline-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui=timeline][data-size=sm]{--_icon: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-sm, 12px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-sm, 6px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline][data-size=lg]{--_icon: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-lg, 14px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-lg, 8px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline]:has([data-part=marker]>:not([data-ui=spinner],[data-check])){--_rail: var(--_badge)}[data-ui=timeline]:has([data-part=marker]>[data-ui=avatar]){--_rail: max(var(--_badge), var(--_avatar))}[data-ui=timeline],[data-ui=timeline] [data-tone=secondary]{--_tone-solid: var(--slotted-tone-secondary-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-secondary-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-secondary-surface, Canvas);--_tone-border: var(--slotted-tone-secondary-border, ButtonBorder);--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-mark: var(--slotted-border-strong, GrayText)}[data-ui=timeline][data-tone=accent],[data-ui=timeline] [data-tone=accent]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-on-solid: var(--slotted-tone-accent-on-solid, HighlightText);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-mark: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight)}[data-ui=timeline][data-tone=success],[data-ui=timeline] [data-tone=success]{--_tone-solid: var(--slotted-tone-success-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-success-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-success-surface, Canvas);--_tone-border: var(--slotted-tone-success-border, ButtonBorder);--_tone-mark: var(--slotted-tone-success-border, ButtonBorder);--_tone-text: var(--slotted-tone-success-text, CanvasText)}[data-ui=timeline][data-tone=warning],[data-ui=timeline] [data-tone=warning]{--_tone-solid: var(--slotted-tone-warning-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-warning-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-warning-surface, Canvas);--_tone-border: var(--slotted-tone-warning-border, ButtonBorder);--_tone-mark: var(--slotted-tone-warning-border, ButtonBorder);--_tone-text: var(--slotted-tone-warning-text, CanvasText)}[data-ui=timeline][data-tone=danger],[data-ui=timeline] [data-tone=danger]{--_tone-solid: var(--slotted-tone-danger-solid, Mark);--_tone-on-solid: var(--slotted-tone-danger-on-solid, MarkText);--_tone-surface: var(--slotted-tone-danger-surface, Canvas);--_tone-border: var(--slotted-tone-danger-border, Mark);--_tone-mark: var(--slotted-tone-danger-border, Mark);--_tone-text: var(--slotted-tone-danger-text, MarkText)}[data-ui=timeline] :is([data-part=list],[data-part=group-list]){display:flex;flex-direction:column;list-style:none;margin:0;padding:0}[data-ui=timeline] [data-part=list]:has([data-part=opposite]){--_opposite-column: var(--_opposite)}[data-ui=timeline] [data-part=item]{align-items:stretch;column-gap:var(--_gap);display:grid;grid-template-columns:[opposite] var(--_opposite-column, 0) [rail] var(--_rail) [content] minmax(0,1fr);position:relative}[data-ui=timeline] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline] [data-part=item]{margin-block-end:var(--_item-gap)}[data-ui=timeline] [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline] [data-part=content]{align-self:baseline;grid-column:content;grid-row:1;min-inline-size:0}[data-ui=timeline] [data-part=opposite]{align-self:baseline;color:var(--_muted);grid-column:opposite;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;text-align:end}[data-ui=timeline] [data-part=rail]{align-items:center;display:flex;flex-direction:column;grid-column:rail;grid-row:1;line-height:var(--_leading);position:relative}[data-ui=timeline] [data-part=marker]{--_marker: var(--_dot);--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);--_tint: color-mix(in srgb, var(--_tone-mark) 16%, var(--_surface));align-items:center;background-color:var(--_tint);block-size:var(--_marker);border:0 solid transparent;border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_line-gap) var(--_surface);box-sizing:border-box;color:var(--_muted);display:inline-flex;flex:none;inline-size:var(--_marker);justify-content:center;margin-block-start:var(--_lift);overflow:hidden;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui=timeline] [data-part=marker]:empty:after{background-color:var(--_tone-mark);border-radius:inherit;content:\"\";inset:calc((var(--_marker) - var(--_core)) / 2);position:absolute}[data-ui=timeline] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){--_marker: var(--_badge);background-color:var(--_surface);border-color:var(--_ring);border-width:var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=marker]>[data-ui=icon]{--slotted-icon-size: calc( var(--_badge) - 2 * round(down, (var(--_badge) - var(--_glyph)) / 2, 1px) );color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=spinner]{--slotted-spinner-size: var(--_dot);color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=avatar]{--slotted-avatar-size: var(--_avatar)}[data-ui=timeline] [data-part=marker]:has(>[data-ui=avatar]){--_marker: var(--_avatar);background-color:transparent;border-width:0}[data-ui=timeline] [data-variant=outline] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:var(--_tone-mark);border-width:var(--_edge)}[data-ui=timeline] [data-variant=outline] [data-part=marker]:empty:after,[data-ui=timeline] [data-variant=solid] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-variant=solid] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:transparent;box-shadow:none}[data-ui=timeline] [data-variant=outline] [data-part=marker]:not(:empty,:has(>[data-check])){color:var(--_tone-mark)}[data-ui=timeline] [data-variant=outline][data-tone]:not([data-tone=secondary]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){border-color:var(--_tone-border)}[data-ui=timeline] [data-variant=solid] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-variant=subtle] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:not(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:transparent;color:var(--_tone-mark)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:has(>[data-check]){background-color:var(--_tone-mark);border-width:0}[data-ui=timeline] [data-current] [data-part=marker]:empty{background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-current] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{--slotted-icon-size: calc(var(--_marker) - 2 * var(--slotted-space-1, .125rem));color:var(--_surface)}[data-ui=timeline] [data-current] [data-part=marker]{box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface),0 0 0 var(--_reach) var(--_tone-mark),0 0 0 calc(var(--_reach) + var(--_line-gap)) var(--_surface)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])),[data-ui=timeline] [data-current] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-loading][data-variant] [data-part=marker]{background-color:var(--_surface);border-color:transparent;box-shadow:0 0 0 var(--_line-gap) var(--_surface);color:var(--_tone-mark)}[data-ui=timeline] [data-loading]>[data-part=content]{color:var(--_muted)}[data-ui=timeline] [data-part=connector]{border-block-start:0 solid var(--_line);border-inline-start:var(--_rule) solid var(--_line);display:block;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-start:calc(50% - var(--_rule) / 2);position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-connector=dashed] [data-part=connector]{border-block-start-style:dashed;border-inline-start-style:dashed}[data-ui=timeline] [data-connector=none] [data-part=connector],[data-ui=timeline] [data-part=item]:last-child [data-part=connector]{display:none}[data-ui=timeline] [data-complete] [data-part=connector]{border-color:var(--_tone-mark)}[data-ui=timeline] [data-part=content]{column-gap:0;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:0}[data-ui=timeline] [data-part=content]>:not([data-part=title],[data-part=time]){grid-column:1 / -1}[data-ui=timeline] [data-part=content]>:is([data-part=actor],[data-part=description]){margin-block-start:var(--slotted-timeline-content-gap, var(--slotted-space-2, .25rem))}[data-ui=timeline] [data-part=title]{color:var(--_strong);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));grid-column:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=content]>[data-part=time]{grid-column:2;grid-row:1;margin-inline-start:var(--_gap)}[data-ui=timeline] [data-part=time]{color:var(--_muted);font-size:var(--slotted-timeline-time-font-size, var(--slotted-font-size-xs, .75rem));font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=timeline] [data-part=actor]{align-items:center;color:var(--_muted);column-gap:var(--slotted-space-3, .375rem);display:flex;font-size:var(--_meta-size);min-inline-size:0}[data-ui=timeline] [data-part=description]{color:var(--_muted);font-size:var(--_meta-size);min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=actions]{column-gap:var(--_gap);display:flex;flex-wrap:wrap;margin-block-start:var(--slotted-space-4, .5rem);row-gap:var(--slotted-space-2, .25rem)}[data-ui=timeline] [data-part=item][tabindex]:focus-visible{border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=group]{display:block}[data-ui=timeline] [data-part=group]+[data-part=group]{margin-block-start:var(--_item-gap)}[data-ui=timeline] [data-part=group-label]{align-items:center;color:var(--_muted);display:flex;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-group-weight, var(--slotted-font-weight-semibold, 600));line-height:var(--_leading);margin:0 0 var(--slotted-timeline-group-gap, var(--slotted-space-4, .5rem))}[data-ui=timeline] [data-part=group-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--slotted-space-2, .25rem);cursor:pointer;display:inline-flex;font:inherit;min-block-size:var(--slotted-target-min, 24px);padding:0;text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=group-trigger]:enabled:hover{color:var(--_strong)}[data-ui=timeline] [data-part=group-trigger]:enabled:active{color:var(--_strong);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=group-trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=group-indicator]{--slotted-icon-size: var(--_icon);display:inline-flex;flex:none}[data-ui=timeline] [data-part=group]{--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=timeline] [data-part=group-indicator]>[data-ui=icon]{rotate:-90deg;transition:rotate var(--_fold)}[data-ui=timeline] [data-open]>[data-part=group-label] [data-part=group-indicator]>[data-ui=icon]{rotate:0deg}[data-ui=timeline] [data-part=group-list]{interpolate-size:allow-keywords;opacity:1;overflow:clip;overflow-clip-margin:max(round(up,var(--_reach),1px),calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px)));transition:block-size var(--_fold),opacity var(--_fold),visibility var(--_fold)}[data-ui=timeline] [data-part=group-list][hidden]{block-size:0;display:flex;opacity:0;visibility:hidden}[data-ui=timeline] [data-part=group-label]{transition:margin-block-end var(--_fold)}[data-ui=timeline] [data-part=group-label]:has(+[data-part=group-list][hidden]){margin-block-end:0}[data-ui=timeline] [data-part=fresh],[data-ui=timeline] button[data-part=more]{align-items:center;appearance:none;background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_ring);border-radius:var(--slotted-radius-full, 9999px);color:var(--_strong);column-gap:var(--_gap);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=fresh]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight);--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text);interpolate-size:allow-keywords;margin-block-end:var(--_item-gap);opacity:1;overflow:clip;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--_fold),min-block-size var(--_fold),border-block-width var(--_fold),margin-block-end var(--_fold),opacity var(--_fold),display var(--_fold) allow-discrete}@starting-style{[data-ui=timeline] [data-part=fresh]:not([hidden]){block-size:0;border-block-width:0;margin-block-end:0;min-block-size:0;opacity:0}}[data-ui=timeline] [data-part=fresh][hidden]{block-size:0;border-block-width:0;display:none;margin-block-end:0;min-block-size:0;opacity:0;pointer-events:none}[data-ui=timeline] [data-part=fresh]:enabled:hover{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-hover, 8%))}[data-ui=timeline] [data-part=fresh]:enabled:active{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-active, 14%))}[data-ui=timeline] button[data-part=more]:enabled:hover{background-color:var(--slotted-tone-secondary-subtle-hover, Canvas)}[data-ui=timeline] button[data-part=more]:enabled:active{background-color:var(--slotted-tone-secondary-subtle-active, Canvas)}[data-ui=timeline] :is([data-part=fresh],button[data-part=more]):enabled:active{transition-duration:var(--slotted-duration-instant)}[data-ui=timeline] [data-part=fresh]:focus-visible,[data-ui=timeline] button[data-part=more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_opposite-column, 0px) + var(--_rail) + var(--_gap))}[data-ui=timeline] [data-part=list]:has([data-part=opposite])~[data-part=more]{margin-inline-start:calc(var(--_opposite) + var(--_rail) + 2 * var(--_gap))}[data-ui=timeline] div[data-part=more]{align-items:center;color:var(--_muted);column-gap:var(--_gap);display:flex;font-size:var(--_meta-size);min-block-size:var(--slotted-control-height-sm, 30px)}[data-ui=timeline] [data-part=more]>[data-ui=spinner]{--slotted-spinner-size: var(--_icon)}[data-ui=timeline] [data-part=empty]{color:var(--_muted);padding-block:var(--_item-gap);text-align:center}[data-ui=timeline][data-placement=start] [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail) [opposite] var(--_opposite-column, 0)}[data-ui=timeline][data-placement=start] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail)}[data-ui=timeline][data-placement=start] [data-part=content]{text-align:end}[data-ui=timeline][data-placement=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=start] [data-part=opposite]{text-align:start}[data-ui=timeline][data-placement=start] [data-part=more]{margin-inline-start:0}[data-ui=timeline][data-placement=alternate] [data-part=item]{grid-template-columns:[before] round(down,calc((100% - var(--_rail)) / 2 - var(--_gap)),1px) [rail] var(--_rail) [after] minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=content]{grid-column:after}[data-ui=timeline][data-placement=alternate] [data-part=opposite]{grid-column:before}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=opposite]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=content]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=opposite]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=title],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=time],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) :is([data-part=actor],[data-part=actions]),[data-ui=timeline][data-placement=alternate] [data-side=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=alternate] [data-part=more]{margin-inline-start:calc(50% + var(--_rail) / 2 + var(--_gap))}[data-ui=timeline][data-orientation=horizontal] [data-part=list]{display:grid;grid-auto-columns:minmax(var(--slotted-timeline-track-min, var(--slotted-space-12, 4rem)),1fr);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding-block:round(up,var(--_reach),1px) var(--slotted-space-2, .25rem);padding-inline:round(up,var(--_reach),1px)}[data-ui=timeline][data-orientation=horizontal] [data-part=item]{align-content:start;align-items:start;column-gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:[before] auto [rail] auto [after] auto;margin-block-end:0;padding-inline-end:var(--_item-gap);row-gap:0}[data-ui=timeline][data-orientation=horizontal] [data-part=item]:last-child{padding-inline-end:0}[data-ui=timeline][data-orientation=horizontal] [data-part=rail]{align-items:start;align-self:start;block-size:var(--_rail);grid-column:1;grid-row:rail;justify-content:center}[data-ui=timeline][data-orientation=horizontal] [data-part=marker]{--_lift: 0px;margin-inline-start:calc((var(--_rail) - var(--_marker)) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=connector]{border-block-start-width:var(--_rule);border-inline-start-width:0;block-size:0;inline-size:auto;inset-block-end:auto;inset-block-start:calc(50% - var(--_rule) / 2);inset-inline-end:calc(-1 * var(--_item-gap) - var(--_rail) / 2);inset-inline-start:calc(var(--_rail) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{align-self:start;grid-column:1;grid-row:after;margin-block:var(--_gap) 0;text-align:start}[data-ui=timeline][data-orientation=horizontal] [data-part=opposite]{align-self:start;grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=content],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]{grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=opposite],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite]{grid-column:1;grid-row:after;margin-block:var(--_gap) 0}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=horizontal] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=horizontal] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal] [data-part=more]{margin-block-start:var(--_gap);margin-inline-start:0}@container slotted-timeline (max-width: 20rem){[data-ui=timeline][data-orientation=vertical] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=vertical] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=list] [data-part=item]:nth-child(n){grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{grid-column:content;grid-row:1;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n) :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@container slotted-timeline (max-width: 30rem){[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=list]{display:flex;flex-direction:column;overflow-x:visible;padding:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr);grid-template-rows:none;margin-block-end:var(--_item-gap);padding-inline-end:0;row-gap:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=rail]{align-items:center;align-self:stretch;block-size:auto;grid-column:rail;grid-row:1 / 3;justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=marker]{--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);margin-inline-start:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=connector]{border-block-start-width:0;border-inline-start-width:var(--_rule);block-size:auto;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-end:auto;inset-inline-start:calc(50% - var(--_rule) / 2)}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{align-self:baseline;grid-column:content;grid-row:1;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{align-self:baseline;grid-column:content;grid-row:auto;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_rail) + var(--_gap))}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=content],[data-part=opposite]){grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] [data-part=opposite]{grid-row:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]{grid-template-columns:minmax(0,1fr) auto}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=title]{grid-column:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=time]{grid-column:2;margin-inline:var(--_gap) 0}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@media(forced-colors:active){[data-ui=timeline] [data-part=marker]:empty:after{background-color:currentColor;forced-color-adjust:none}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{color:inherit}[data-ui=timeline] [data-current]:not([data-loading]) [data-part=marker]{outline:var(--_edge) solid CanvasText;outline-offset:var(--slotted-border-width-thick, 2px)}}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimeline, decorators: [{
+            type: Component,
+            args: [{ selector: '[slTimeline]', standalone: true, template: `
+    @if (heldCount() > 0) {
+      <button
+        #fresh
+        data-part="fresh"
+        type="button"
+        [hidden]="freshCount() <= 0"
+        (click)="reveal($event)"
+      >
+        {{ t('freshItems', { count: heldCount() }) }}
+      </button>
+    }
+    <ng-content></ng-content>
+    @if (growingValue() !== 'none') {
+      @if (loading()) {
+        <div #more aria-live="polite" data-part="more">
+          <span aria-hidden="true" data-part="root" data-ui="spinner"></span>
+          {{ t('loading') }}
+        </div>
+      } @else if (growingValue() === 'button') {
+        <button #more data-part="more" type="button" (click)="loadMore($event)">
+          {{ t('loadMore') }}
+        </button>
+      } @else {
+        <div #more data-part="more"></div>
+      }
+    }
+    @if (loaded() === 0 && !loading()) {
+      <div data-part="empty">
+        <ng-content select="[slTimelineEmpty]">{{ t('empty') }}</ng-content>
+      </div>
+    }
+  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slTimeline', host: {
+                        'data-ui': 'timeline',
+                        'data-part': 'root',
+                        '[attr.data-mode]': 'modeValue()',
+                        '[attr.data-orientation]': 'orientationValue()',
+                        '[attr.data-placement]': 'placementValue()',
+                        '[attr.data-order]': 'orderValue()',
+                        '[attr.data-variant]': 'variantValue()',
+                        '[attr.data-tone]': 'toneValue()',
+                        '[attr.data-size]': 'sizeValue()',
+                        '[attr.data-growing]': 'growingValue()',
+                        '[attr.data-loading]': 'loading() ? "" : null',
+                        '[attr.data-reflow]': 'reflow() ? null : "false"',
+                    }, styles: ["@layer slotted.components{[data-ui=timeline]{--_icon: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-md, 13px));--_meta-size: var(--slotted-timeline-meta-font-size, var(--_font-size));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph: calc(var(--_icon) - 2 * var(--slotted-space-1, .125rem));--_dot: calc(var(--_rule) + round(up, var(--_glyph) - var(--_rule), 2px));--_core: calc( var(--_rule) + round(nearest, var(--_dot) * var(--slotted-timeline-core-ratio, .4) - var(--_rule), 2px) );--_badge: calc( var(--_rule) + round(up, var(--_icon) + 2 * var(--slotted-space-1, .125rem) - var(--_rule), 2px) );--_avatar: calc( var(--_rule) + round(up, var(--slotted-avatar-size-xs, 24px) - var(--_rule), 2px) );--_rail: var(--_dot);--_rule: var(--slotted-timeline-connector-thickness, var(--slotted-border-width-thin, 1px));--_edge: var(--slotted-border-width-medium, 1.5px);--_reach: calc(var(--_edge) + var(--slotted-border-width-thick, 2px));--_item-gap: var( --slotted-timeline-item-gap, calc(var(--_gap) + var(--slotted-space-2, .25rem)) );--_line-gap: var(--slotted-timeline-line-gap, var(--slotted-space-1, .125rem));--_opposite: var(--slotted-timeline-opposite-size, 8rem);--_line-height: var(--slotted-timeline-line-height, var(--slotted-line-height-md, 1.5));--_leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_muted: var(--slotted-timeline-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-timeline-color, var(--slotted-text, CanvasText));--_line: var(--slotted-timeline-connector-color, var(--slotted-border-subtle, GrayText));--_ring: var( --slotted-timeline-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_surface: var(--slotted-timeline-marker-surface, var(--slotted-surface, Canvas));color:var(--_strong);container-name:slotted-timeline;container-type:inline-size;display:block;font-family:var(--slotted-timeline-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui=timeline][data-size=sm]{--_icon: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-sm, 12px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-sm, 6px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline][data-size=lg]{--_icon: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-lg, 14px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-lg, 8px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline]:has([data-part=marker]>:not([data-ui=spinner],[data-check])){--_rail: var(--_badge)}[data-ui=timeline]:has([data-part=marker]>[data-ui=avatar]){--_rail: max(var(--_badge), var(--_avatar))}[data-ui=timeline],[data-ui=timeline] [data-tone=secondary]{--_tone-solid: var(--slotted-tone-secondary-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-secondary-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-secondary-surface, Canvas);--_tone-border: var(--slotted-tone-secondary-border, ButtonBorder);--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-mark: var(--slotted-border-strong, GrayText)}[data-ui=timeline][data-tone=accent],[data-ui=timeline] [data-tone=accent]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-on-solid: var(--slotted-tone-accent-on-solid, HighlightText);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-mark: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight)}[data-ui=timeline][data-tone=success],[data-ui=timeline] [data-tone=success]{--_tone-solid: var(--slotted-tone-success-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-success-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-success-surface, Canvas);--_tone-border: var(--slotted-tone-success-border, ButtonBorder);--_tone-mark: var(--slotted-tone-success-border, ButtonBorder);--_tone-text: var(--slotted-tone-success-text, CanvasText)}[data-ui=timeline][data-tone=warning],[data-ui=timeline] [data-tone=warning]{--_tone-solid: var(--slotted-tone-warning-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-warning-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-warning-surface, Canvas);--_tone-border: var(--slotted-tone-warning-border, ButtonBorder);--_tone-mark: var(--slotted-tone-warning-border, ButtonBorder);--_tone-text: var(--slotted-tone-warning-text, CanvasText)}[data-ui=timeline][data-tone=danger],[data-ui=timeline] [data-tone=danger]{--_tone-solid: var(--slotted-tone-danger-solid, Mark);--_tone-on-solid: var(--slotted-tone-danger-on-solid, MarkText);--_tone-surface: var(--slotted-tone-danger-surface, Canvas);--_tone-border: var(--slotted-tone-danger-border, Mark);--_tone-mark: var(--slotted-tone-danger-border, Mark);--_tone-text: var(--slotted-tone-danger-text, MarkText)}[data-ui=timeline] :is([data-part=list],[data-part=group-list]){display:flex;flex-direction:column;list-style:none;margin:0;padding:0}[data-ui=timeline] [data-part=list]:has([data-part=opposite]){--_opposite-column: var(--_opposite)}[data-ui=timeline] [data-part=item]{align-items:stretch;column-gap:var(--_gap);display:grid;grid-template-columns:[opposite] var(--_opposite-column, 0) [rail] var(--_rail) [content] minmax(0,1fr);position:relative}[data-ui=timeline] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline] [data-part=item]{margin-block-end:var(--_item-gap)}[data-ui=timeline] [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline] [data-part=content]{align-self:baseline;grid-column:content;grid-row:1;min-inline-size:0}[data-ui=timeline] [data-part=opposite]{align-self:baseline;color:var(--_muted);grid-column:opposite;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;text-align:end}[data-ui=timeline] [data-part=rail]{align-items:center;display:flex;flex-direction:column;grid-column:rail;grid-row:1;line-height:var(--_leading);position:relative}[data-ui=timeline] [data-part=marker]{--_marker: var(--_dot);--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);--_tint: color-mix(in srgb, var(--_tone-mark) 16%, var(--_surface));align-items:center;background-color:var(--_tint);block-size:var(--_marker);border:0 solid transparent;border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_line-gap) var(--_surface);box-sizing:border-box;color:var(--_muted);display:inline-flex;flex:none;inline-size:var(--_marker);justify-content:center;margin-block-start:var(--_lift);overflow:hidden;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui=timeline] [data-part=marker]:empty:after{background-color:var(--_tone-mark);border-radius:inherit;content:\"\";inset:calc((var(--_marker) - var(--_core)) / 2);position:absolute}[data-ui=timeline] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){--_marker: var(--_badge);background-color:var(--_surface);border-color:var(--_ring);border-width:var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=marker]>[data-ui=icon]{--slotted-icon-size: calc( var(--_badge) - 2 * round(down, (var(--_badge) - var(--_glyph)) / 2, 1px) );color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=spinner]{--slotted-spinner-size: var(--_dot);color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=avatar]{--slotted-avatar-size: var(--_avatar)}[data-ui=timeline] [data-part=marker]:has(>[data-ui=avatar]){--_marker: var(--_avatar);background-color:transparent;border-width:0}[data-ui=timeline] [data-variant=outline] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:var(--_tone-mark);border-width:var(--_edge)}[data-ui=timeline] [data-variant=outline] [data-part=marker]:empty:after,[data-ui=timeline] [data-variant=solid] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-variant=solid] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:transparent;box-shadow:none}[data-ui=timeline] [data-variant=outline] [data-part=marker]:not(:empty,:has(>[data-check])){color:var(--_tone-mark)}[data-ui=timeline] [data-variant=outline][data-tone]:not([data-tone=secondary]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){border-color:var(--_tone-border)}[data-ui=timeline] [data-variant=solid] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-variant=subtle] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:not(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:transparent;color:var(--_tone-mark)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:has(>[data-check]){background-color:var(--_tone-mark);border-width:0}[data-ui=timeline] [data-current] [data-part=marker]:empty{background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-current] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{--slotted-icon-size: calc(var(--_marker) - 2 * var(--slotted-space-1, .125rem));color:var(--_surface)}[data-ui=timeline] [data-current] [data-part=marker]{box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface),0 0 0 var(--_reach) var(--_tone-mark),0 0 0 calc(var(--_reach) + var(--_line-gap)) var(--_surface)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])),[data-ui=timeline] [data-current] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-loading][data-variant] [data-part=marker]{background-color:var(--_surface);border-color:transparent;box-shadow:0 0 0 var(--_line-gap) var(--_surface);color:var(--_tone-mark)}[data-ui=timeline] [data-loading]>[data-part=content]{color:var(--_muted)}[data-ui=timeline] [data-part=connector]{border-block-start:0 solid var(--_line);border-inline-start:var(--_rule) solid var(--_line);display:block;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-start:calc(50% - var(--_rule) / 2);position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-connector=dashed] [data-part=connector]{border-block-start-style:dashed;border-inline-start-style:dashed}[data-ui=timeline] [data-connector=none] [data-part=connector],[data-ui=timeline] [data-part=item]:last-child [data-part=connector]{display:none}[data-ui=timeline] [data-complete] [data-part=connector]{border-color:var(--_tone-mark)}[data-ui=timeline] [data-part=content]{column-gap:0;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:0}[data-ui=timeline] [data-part=content]>:not([data-part=title],[data-part=time]){grid-column:1 / -1}[data-ui=timeline] [data-part=content]>:is([data-part=actor],[data-part=description]){margin-block-start:var(--slotted-timeline-content-gap, var(--slotted-space-2, .25rem))}[data-ui=timeline] [data-part=title]{color:var(--_strong);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));grid-column:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=content]>[data-part=time]{grid-column:2;grid-row:1;margin-inline-start:var(--_gap)}[data-ui=timeline] [data-part=time]{color:var(--_muted);font-size:var(--slotted-timeline-time-font-size, var(--slotted-font-size-xs, .75rem));font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=timeline] [data-part=actor]{align-items:center;color:var(--_muted);column-gap:var(--slotted-space-3, .375rem);display:flex;font-size:var(--_meta-size);min-inline-size:0}[data-ui=timeline] [data-part=description]{color:var(--_muted);font-size:var(--_meta-size);min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=actions]{column-gap:var(--_gap);display:flex;flex-wrap:wrap;margin-block-start:var(--slotted-space-4, .5rem);row-gap:var(--slotted-space-2, .25rem)}[data-ui=timeline] [data-part=item][tabindex]:focus-visible{border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=group]{display:block}[data-ui=timeline] [data-part=group]+[data-part=group]{margin-block-start:var(--_item-gap)}[data-ui=timeline] [data-part=group-label]{align-items:center;color:var(--_muted);display:flex;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-group-weight, var(--slotted-font-weight-semibold, 600));line-height:var(--_leading);margin:0 0 var(--slotted-timeline-group-gap, var(--slotted-space-4, .5rem))}[data-ui=timeline] [data-part=group-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--slotted-space-2, .25rem);cursor:pointer;display:inline-flex;font:inherit;min-block-size:var(--slotted-target-min, 24px);padding:0;text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=group-trigger]:enabled:hover{color:var(--_strong)}[data-ui=timeline] [data-part=group-trigger]:enabled:active{color:var(--_strong);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=group-trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=group-indicator]{--slotted-icon-size: var(--_icon);display:inline-flex;flex:none}[data-ui=timeline] [data-part=group]{--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=timeline] [data-part=group-indicator]>[data-ui=icon]{rotate:-90deg;transition:rotate var(--_fold)}[data-ui=timeline] [data-open]>[data-part=group-label] [data-part=group-indicator]>[data-ui=icon]{rotate:0deg}[data-ui=timeline] [data-part=group-list]{interpolate-size:allow-keywords;opacity:1;overflow:clip;overflow-clip-margin:max(round(up,var(--_reach),1px),calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px)));transition:block-size var(--_fold),opacity var(--_fold),visibility var(--_fold)}[data-ui=timeline] [data-part=group-list][hidden]{block-size:0;display:flex;opacity:0;visibility:hidden}[data-ui=timeline] [data-part=group-label]{transition:margin-block-end var(--_fold)}[data-ui=timeline] [data-part=group-label]:has(+[data-part=group-list][hidden]){margin-block-end:0}[data-ui=timeline] [data-part=fresh],[data-ui=timeline] button[data-part=more]{align-items:center;appearance:none;background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_ring);border-radius:var(--slotted-radius-full, 9999px);color:var(--_strong);column-gap:var(--_gap);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=fresh]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight);--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text);interpolate-size:allow-keywords;margin-block-end:var(--_item-gap);opacity:1;overflow:clip;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--_fold),min-block-size var(--_fold),border-block-width var(--_fold),margin-block-end var(--_fold),opacity var(--_fold),display var(--_fold) allow-discrete}@starting-style{[data-ui=timeline] [data-part=fresh]:not([hidden]){block-size:0;border-block-width:0;margin-block-end:0;min-block-size:0;opacity:0}}[data-ui=timeline] [data-part=fresh][hidden]{block-size:0;border-block-width:0;display:none;margin-block-end:0;min-block-size:0;opacity:0;pointer-events:none}[data-ui=timeline] [data-part=fresh]:enabled:hover{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-hover, 8%))}[data-ui=timeline] [data-part=fresh]:enabled:active{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-active, 14%))}[data-ui=timeline] button[data-part=more]:enabled:hover{background-color:var(--slotted-tone-secondary-subtle-hover, Canvas)}[data-ui=timeline] button[data-part=more]:enabled:active{background-color:var(--slotted-tone-secondary-subtle-active, Canvas)}[data-ui=timeline] :is([data-part=fresh],button[data-part=more]):enabled:active{transition-duration:var(--slotted-duration-instant)}[data-ui=timeline] [data-part=fresh]:focus-visible,[data-ui=timeline] button[data-part=more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_opposite-column, 0px) + var(--_rail) + var(--_gap))}[data-ui=timeline] [data-part=list]:has([data-part=opposite])~[data-part=more]{margin-inline-start:calc(var(--_opposite) + var(--_rail) + 2 * var(--_gap))}[data-ui=timeline] div[data-part=more]{align-items:center;color:var(--_muted);column-gap:var(--_gap);display:flex;font-size:var(--_meta-size);min-block-size:var(--slotted-control-height-sm, 30px)}[data-ui=timeline] [data-part=more]>[data-ui=spinner]{--slotted-spinner-size: var(--_icon)}[data-ui=timeline] [data-part=empty]{color:var(--_muted);padding-block:var(--_item-gap);text-align:center}[data-ui=timeline][data-placement=start] [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail) [opposite] var(--_opposite-column, 0)}[data-ui=timeline][data-placement=start] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail)}[data-ui=timeline][data-placement=start] [data-part=content]{text-align:end}[data-ui=timeline][data-placement=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=start] [data-part=opposite]{text-align:start}[data-ui=timeline][data-placement=start] [data-part=more]{margin-inline-start:0}[data-ui=timeline][data-placement=alternate] [data-part=item]{grid-template-columns:[before] round(down,calc((100% - var(--_rail)) / 2 - var(--_gap)),1px) [rail] var(--_rail) [after] minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=content]{grid-column:after}[data-ui=timeline][data-placement=alternate] [data-part=opposite]{grid-column:before}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=opposite]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=content]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=opposite]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=title],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=time],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) :is([data-part=actor],[data-part=actions]),[data-ui=timeline][data-placement=alternate] [data-side=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=alternate] [data-part=more]{margin-inline-start:calc(50% + var(--_rail) / 2 + var(--_gap))}[data-ui=timeline][data-orientation=horizontal] [data-part=list]{display:grid;grid-auto-columns:minmax(var(--slotted-timeline-track-min, var(--slotted-space-12, 4rem)),1fr);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding-block:round(up,var(--_reach),1px) var(--slotted-space-2, .25rem);padding-inline:round(up,var(--_reach),1px)}[data-ui=timeline][data-orientation=horizontal] [data-part=item]{align-content:start;align-items:start;column-gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:[before] auto [rail] auto [after] auto;margin-block-end:0;padding-inline-end:var(--_item-gap);row-gap:0}[data-ui=timeline][data-orientation=horizontal] [data-part=item]:last-child{padding-inline-end:0}[data-ui=timeline][data-orientation=horizontal] [data-part=rail]{align-items:start;align-self:start;block-size:var(--_rail);grid-column:1;grid-row:rail;justify-content:center}[data-ui=timeline][data-orientation=horizontal] [data-part=marker]{--_lift: 0px;margin-inline-start:calc((var(--_rail) - var(--_marker)) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=connector]{border-block-start-width:var(--_rule);border-inline-start-width:0;block-size:0;inline-size:auto;inset-block-end:auto;inset-block-start:calc(50% - var(--_rule) / 2);inset-inline-end:calc(-1 * var(--_item-gap) - var(--_rail) / 2);inset-inline-start:calc(var(--_rail) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{align-self:start;grid-column:1;grid-row:after;margin-block:var(--_gap) 0;text-align:start}[data-ui=timeline][data-orientation=horizontal] [data-part=opposite]{align-self:start;grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=content],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]{grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=opposite],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite]{grid-column:1;grid-row:after;margin-block:var(--_gap) 0}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=horizontal] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=horizontal] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal] [data-part=more]{margin-block-start:var(--_gap);margin-inline-start:0}@container slotted-timeline (max-width: 20rem){[data-ui=timeline][data-orientation=vertical] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=vertical] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=list] [data-part=item]:nth-child(n){grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{grid-column:content;grid-row:1;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n) :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@container slotted-timeline (max-width: 30rem){[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=list]{display:flex;flex-direction:column;overflow-x:visible;padding:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr);grid-template-rows:none;margin-block-end:var(--_item-gap);padding-inline-end:0;row-gap:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=rail]{align-items:center;align-self:stretch;block-size:auto;grid-column:rail;grid-row:1 / 3;justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=marker]{--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);margin-inline-start:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=connector]{border-block-start-width:0;border-inline-start-width:var(--_rule);block-size:auto;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-end:auto;inset-inline-start:calc(50% - var(--_rule) / 2)}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{align-self:baseline;grid-column:content;grid-row:1;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{align-self:baseline;grid-column:content;grid-row:auto;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_rail) + var(--_gap))}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=content],[data-part=opposite]){grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] [data-part=opposite]{grid-row:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]{grid-template-columns:minmax(0,1fr) auto}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=title]{grid-column:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=time]{grid-column:2;margin-inline:var(--_gap) 0}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@media(forced-colors:active){[data-ui=timeline] [data-part=marker]:empty:after{background-color:currentColor;forced-color-adjust:none}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{color:inherit}[data-ui=timeline] [data-current]:not([data-loading]) [data-part=marker]{outline:var(--_edge) solid CanvasText;outline-offset:var(--slotted-border-width-thick, 2px)}}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], order: [{ type: i0.Input, args: [{ isSignal: true, alias: "order", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], growing: [{ type: i0.Input, args: [{ isSignal: true, alias: "growing", required: false }] }], timeFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeFormat", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], timeZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeZone", required: false }] }], now: [{ type: i0.Input, args: [{ isSignal: true, alias: "now", required: false }] }], level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], freshCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "freshCount", required: false }] }], autoComplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoComplete", required: false }] }], reflow: [{ type: i0.Input, args: [{ isSignal: true, alias: "reflow", required: false }] }], loadMoreRequest: [{ type: i0.Output, args: ["loadMoreRequest"] }], revealRequest: [{ type: i0.Output, args: ["revealRequest"] }], moreElement: [{ type: i0.ViewChild, args: ['more', { isSignal: true }] }], freshElement: [{ type: i0.ViewChild, args: ['fresh', { isSignal: true }] }] } });
+/**
+ * Every event that lays out under a list, in DOM order, is indexed by the one
+ * list that sees them all; the last event of each list — the root's or a
+ * group's — is told so by the list it is a direct child of, because it draws
+ * no connector.
+ */
+function assignLast(items) {
+    for (const [index, item] of items.entries()) {
+        item.last.set(index === items.length - 1);
+    }
+}
+/**
+ * The list: an `ol`, or a `div` that is a feed. It carries the name, the busy
+ * state and the feed keys, and it is the one part that sees every event, so
+ * it is what numbers them.
+ */
+class SlTimelineList {
+    timeline = inject(SlTimeline);
+    element = inject(ElementRef).nativeElement;
+    ownLabel = inject(new HostAttributeToken('aria-label'), { optional: true });
+    ownLabelledBy = inject(new HostAttributeToken('aria-labelledby'), {
+        optional: true,
+    });
+    all = contentChildren(forwardRef(() => SlTimelineItem), { ...(ngDevMode ? { debugName: "all" } : /* istanbul ignore next */ {}), descendants: true });
+    own = contentChildren(forwardRef(() => SlTimelineItem), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "own" }] : /* istanbul ignore next */ []));
+    accessibleLabel = computed(() => this.ownLabel !== null || this.ownLabelledBy !== null ? null : (this.timeline.label() ?? null), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "accessibleLabel" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            const items = this.all();
+            this.timeline.register(items);
+            for (const [index, item] of items.entries())
+                item.index.set(index);
+        });
+        effect(() => assignLast(this.own()));
+    }
+    /** The articles a key can reach: every one not inside a folded group. */
+    articles() {
+        return [...this.element.querySelectorAll('[data-part="item"]')].filter((article) => article.closest('[data-part="group-list"][hidden]') === null);
+    }
+    focusItem(index) {
+        this.articles()[index]?.focus();
+    }
+    onKeydown(raw) {
+        const event = raw;
+        if (event.defaultPrevented || !this.timeline.feed())
+            return;
+        const all = this.articles();
+        const from = all.findIndex((article) => article.contains(event.target));
+        const target = feedFocusTarget({
+            count: all.length,
+            ctrlKey: event.ctrlKey,
+            from,
+            key: event.key,
+            metaKey: event.metaKey,
+        });
+        if (target === null)
+            return;
+        event.preventDefault();
+        if (typeof target === 'number') {
+            all[target]?.focus();
+            return;
+        }
+        const list = this.element;
+        const page = tabbables(list.ownerDocument.body);
+        const outside = target === 'after'
+            ? page.find((candidate) => list.compareDocumentPosition(candidate) & Node.DOCUMENT_POSITION_FOLLOWING &&
+                !list.contains(candidate))
+            : [...page]
+                .reverse()
+                .find((candidate) => list.compareDocumentPosition(candidate) & Node.DOCUMENT_POSITION_PRECEDING &&
+                !list.contains(candidate));
+        outside?.focus();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.7", type: SlTimelineList, isStandalone: true, selector: "ol[slTimelineList], div[slTimelineList]", host: { attributes: { "data-part": "list" }, listeners: { "keydown": "onKeydown($event)" }, properties: { "attr.id": "timeline.id", "attr.role": "timeline.feed() ? \"feed\" : null", "attr.aria-label": "accessibleLabel()", "attr.aria-busy": "timeline.feed() && timeline.loading() ? \"true\" : null" } }, queries: [{ propertyName: "all", predicate: i0.forwardRef(() => SlTimelineItem), descendants: true, isSignal: true }, { propertyName: "own", predicate: i0.forwardRef(() => SlTimelineItem), isSignal: true }], exportAs: ["slTimelineList"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineList, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ol[slTimelineList], div[slTimelineList]',
+                    standalone: true,
+                    exportAs: 'slTimelineList',
+                    host: {
+                        'data-part': 'list',
+                        '[attr.id]': 'timeline.id',
+                        '[attr.role]': 'timeline.feed() ? "feed" : null',
+                        '[attr.aria-label]': 'accessibleLabel()',
+                        '[attr.aria-busy]': 'timeline.feed() && timeline.loading() ? "true" : null',
+                        '(keydown)': 'onKeydown($event)',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { all: [{ type: i0.ContentChildren, args: [forwardRef(() => SlTimelineItem), { ...{ descendants: true }, isSignal: true }] }], own: [{ type: i0.ContentChildren, args: [forwardRef(() => SlTimelineItem), { isSignal: true }] }] } });
+/**
+ * A period: a heading and its own list of events. `collapsible` makes the
+ * heading a disclosure — a `button` with `aria-expanded` and `aria-controls`
+ * — and the list takes `hidden` when it is closed rather than leaving the
+ * DOM. `open` is the family's one mutable value: `[(open)]` for the value,
+ * `(openRequest)` for the request that carries the reason and can be
+ * cancelled.
+ */
+class SlTimelineGroup {
+    timeline = inject(SlTimeline);
+    /** The period's name, as the heading. */
+    label = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    level = input(undefined, { ...(ngDevMode ? { debugName: "level" } : /* istanbul ignore next */ {}), transform: optionalLevel });
+    collapsible = input(false, { ...(ngDevMode ? { debugName: "collapsible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Present means controlled, for the life of the group. */
+    open = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    /** Where an uncontrolled group starts, read once. */
+    defaultOpen = input(true, { ...(ngDevMode ? { debugName: "defaultOpen" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Emitted before the group moves, with the request that carries the reason. */
+    openRequest = output();
+    own = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "own" }] : /* istanbul ignore next */ []));
+    listId = `${this.timeline.id}-group-${(counter += 1)}`;
+    levelValue = computed(() => this.level() ?? this.timeline.levelValue(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "levelValue" }] : /* istanbul ignore next */ []));
+    isOpen = computed(() => !this.collapsible() || (this.open() ?? this.own() ?? this.defaultOpen()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    toggle(event) {
+        const reason = event.detail === 0 ? 'keyboard' : 'pointer';
+        this.setOpen(!this.isOpen(), reason, event);
+    }
+    setOpen(next, reason = 'programmatic', source) {
+        const state = createControllable({
+            controlled: untracked(() => this.open()),
+            initial: untracked(() => this.isOpen()),
+            onRequest: (request) => this.openRequest.emit(request),
+        });
+        if (state.request(next, reason, source)) {
+            this.own.set(next);
+            this.open.set(next);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTimelineGroup, isStandalone: true, selector: "li[slTimelineGroup], div[slTimelineGroup]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", openRequest: "openRequest" }, host: { attributes: { "data-part": "group" }, properties: { "attr.data-open": "isOpen() ? \"\" : null" } }, exportAs: ["slTimelineGroup"], ngImport: i0, template: `
+    @switch (levelValue()) {
+      @case (2) {
+        <h2 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h2>
+      }
+      @case (4) {
+        <h4 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h4>
+      }
+      @case (5) {
+        <h5 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h5>
+      }
+      @case (6) {
+        <h6 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h6>
+      }
+      @default {
+        <h3 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h3>
+      }
+    }
+    <ng-content></ng-content>
+
+    <ng-template #heading>
+      @if (collapsible()) {
+        <button
+          [attr.aria-controls]="listId"
+          [attr.aria-expanded]="isOpen()"
+          data-part="group-trigger"
+          type="button"
+          (click)="toggle($event)"
+        >
+          <span aria-hidden="true" data-part="group-indicator"
+            ><span slIcon><svg slGlyph name="chevron-down"></svg></span
+          ></span>
+          {{ label()
+          }}<span data-ui="visually-hidden">{{
+            isOpen() ? timeline.t('collapse') : timeline.t('expand')
+          }}</span>
+        </button>
+      } @else {
+        {{ label() }}
+      }
+    </ng-template>
+  `, isInline: true, styles: ["@layer slotted.components{[data-ui=timeline]{--_icon: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-md, 13px));--_meta-size: var(--slotted-timeline-meta-font-size, var(--_font-size));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph: calc(var(--_icon) - 2 * var(--slotted-space-1, .125rem));--_dot: calc(var(--_rule) + round(up, var(--_glyph) - var(--_rule), 2px));--_core: calc( var(--_rule) + round(nearest, var(--_dot) * var(--slotted-timeline-core-ratio, .4) - var(--_rule), 2px) );--_badge: calc( var(--_rule) + round(up, var(--_icon) + 2 * var(--slotted-space-1, .125rem) - var(--_rule), 2px) );--_avatar: calc( var(--_rule) + round(up, var(--slotted-avatar-size-xs, 24px) - var(--_rule), 2px) );--_rail: var(--_dot);--_rule: var(--slotted-timeline-connector-thickness, var(--slotted-border-width-thin, 1px));--_edge: var(--slotted-border-width-medium, 1.5px);--_reach: calc(var(--_edge) + var(--slotted-border-width-thick, 2px));--_item-gap: var( --slotted-timeline-item-gap, calc(var(--_gap) + var(--slotted-space-2, .25rem)) );--_line-gap: var(--slotted-timeline-line-gap, var(--slotted-space-1, .125rem));--_opposite: var(--slotted-timeline-opposite-size, 8rem);--_line-height: var(--slotted-timeline-line-height, var(--slotted-line-height-md, 1.5));--_leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_muted: var(--slotted-timeline-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-timeline-color, var(--slotted-text, CanvasText));--_line: var(--slotted-timeline-connector-color, var(--slotted-border-subtle, GrayText));--_ring: var( --slotted-timeline-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_surface: var(--slotted-timeline-marker-surface, var(--slotted-surface, Canvas));color:var(--_strong);container-name:slotted-timeline;container-type:inline-size;display:block;font-family:var(--slotted-timeline-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui=timeline][data-size=sm]{--_icon: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-sm, 12px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-sm, 6px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline][data-size=lg]{--_icon: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-lg, 14px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-lg, 8px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline]:has([data-part=marker]>:not([data-ui=spinner],[data-check])){--_rail: var(--_badge)}[data-ui=timeline]:has([data-part=marker]>[data-ui=avatar]){--_rail: max(var(--_badge), var(--_avatar))}[data-ui=timeline],[data-ui=timeline] [data-tone=secondary]{--_tone-solid: var(--slotted-tone-secondary-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-secondary-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-secondary-surface, Canvas);--_tone-border: var(--slotted-tone-secondary-border, ButtonBorder);--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-mark: var(--slotted-border-strong, GrayText)}[data-ui=timeline][data-tone=accent],[data-ui=timeline] [data-tone=accent]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-on-solid: var(--slotted-tone-accent-on-solid, HighlightText);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-mark: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight)}[data-ui=timeline][data-tone=success],[data-ui=timeline] [data-tone=success]{--_tone-solid: var(--slotted-tone-success-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-success-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-success-surface, Canvas);--_tone-border: var(--slotted-tone-success-border, ButtonBorder);--_tone-mark: var(--slotted-tone-success-border, ButtonBorder);--_tone-text: var(--slotted-tone-success-text, CanvasText)}[data-ui=timeline][data-tone=warning],[data-ui=timeline] [data-tone=warning]{--_tone-solid: var(--slotted-tone-warning-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-warning-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-warning-surface, Canvas);--_tone-border: var(--slotted-tone-warning-border, ButtonBorder);--_tone-mark: var(--slotted-tone-warning-border, ButtonBorder);--_tone-text: var(--slotted-tone-warning-text, CanvasText)}[data-ui=timeline][data-tone=danger],[data-ui=timeline] [data-tone=danger]{--_tone-solid: var(--slotted-tone-danger-solid, Mark);--_tone-on-solid: var(--slotted-tone-danger-on-solid, MarkText);--_tone-surface: var(--slotted-tone-danger-surface, Canvas);--_tone-border: var(--slotted-tone-danger-border, Mark);--_tone-mark: var(--slotted-tone-danger-border, Mark);--_tone-text: var(--slotted-tone-danger-text, MarkText)}[data-ui=timeline] :is([data-part=list],[data-part=group-list]){display:flex;flex-direction:column;list-style:none;margin:0;padding:0}[data-ui=timeline] [data-part=list]:has([data-part=opposite]){--_opposite-column: var(--_opposite)}[data-ui=timeline] [data-part=item]{align-items:stretch;column-gap:var(--_gap);display:grid;grid-template-columns:[opposite] var(--_opposite-column, 0) [rail] var(--_rail) [content] minmax(0,1fr);position:relative}[data-ui=timeline] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline] [data-part=item]{margin-block-end:var(--_item-gap)}[data-ui=timeline] [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline] [data-part=content]{align-self:baseline;grid-column:content;grid-row:1;min-inline-size:0}[data-ui=timeline] [data-part=opposite]{align-self:baseline;color:var(--_muted);grid-column:opposite;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;text-align:end}[data-ui=timeline] [data-part=rail]{align-items:center;display:flex;flex-direction:column;grid-column:rail;grid-row:1;line-height:var(--_leading);position:relative}[data-ui=timeline] [data-part=marker]{--_marker: var(--_dot);--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);--_tint: color-mix(in srgb, var(--_tone-mark) 16%, var(--_surface));align-items:center;background-color:var(--_tint);block-size:var(--_marker);border:0 solid transparent;border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_line-gap) var(--_surface);box-sizing:border-box;color:var(--_muted);display:inline-flex;flex:none;inline-size:var(--_marker);justify-content:center;margin-block-start:var(--_lift);overflow:hidden;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui=timeline] [data-part=marker]:empty:after{background-color:var(--_tone-mark);border-radius:inherit;content:\"\";inset:calc((var(--_marker) - var(--_core)) / 2);position:absolute}[data-ui=timeline] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){--_marker: var(--_badge);background-color:var(--_surface);border-color:var(--_ring);border-width:var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=marker]>[data-ui=icon]{--slotted-icon-size: calc( var(--_badge) - 2 * round(down, (var(--_badge) - var(--_glyph)) / 2, 1px) );color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=spinner]{--slotted-spinner-size: var(--_dot);color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=avatar]{--slotted-avatar-size: var(--_avatar)}[data-ui=timeline] [data-part=marker]:has(>[data-ui=avatar]){--_marker: var(--_avatar);background-color:transparent;border-width:0}[data-ui=timeline] [data-variant=outline] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:var(--_tone-mark);border-width:var(--_edge)}[data-ui=timeline] [data-variant=outline] [data-part=marker]:empty:after,[data-ui=timeline] [data-variant=solid] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-variant=solid] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:transparent;box-shadow:none}[data-ui=timeline] [data-variant=outline] [data-part=marker]:not(:empty,:has(>[data-check])){color:var(--_tone-mark)}[data-ui=timeline] [data-variant=outline][data-tone]:not([data-tone=secondary]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){border-color:var(--_tone-border)}[data-ui=timeline] [data-variant=solid] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-variant=subtle] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:not(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:transparent;color:var(--_tone-mark)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:has(>[data-check]){background-color:var(--_tone-mark);border-width:0}[data-ui=timeline] [data-current] [data-part=marker]:empty{background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-current] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{--slotted-icon-size: calc(var(--_marker) - 2 * var(--slotted-space-1, .125rem));color:var(--_surface)}[data-ui=timeline] [data-current] [data-part=marker]{box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface),0 0 0 var(--_reach) var(--_tone-mark),0 0 0 calc(var(--_reach) + var(--_line-gap)) var(--_surface)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])),[data-ui=timeline] [data-current] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-loading][data-variant] [data-part=marker]{background-color:var(--_surface);border-color:transparent;box-shadow:0 0 0 var(--_line-gap) var(--_surface);color:var(--_tone-mark)}[data-ui=timeline] [data-loading]>[data-part=content]{color:var(--_muted)}[data-ui=timeline] [data-part=connector]{border-block-start:0 solid var(--_line);border-inline-start:var(--_rule) solid var(--_line);display:block;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-start:calc(50% - var(--_rule) / 2);position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-connector=dashed] [data-part=connector]{border-block-start-style:dashed;border-inline-start-style:dashed}[data-ui=timeline] [data-connector=none] [data-part=connector],[data-ui=timeline] [data-part=item]:last-child [data-part=connector]{display:none}[data-ui=timeline] [data-complete] [data-part=connector]{border-color:var(--_tone-mark)}[data-ui=timeline] [data-part=content]{column-gap:0;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:0}[data-ui=timeline] [data-part=content]>:not([data-part=title],[data-part=time]){grid-column:1 / -1}[data-ui=timeline] [data-part=content]>:is([data-part=actor],[data-part=description]){margin-block-start:var(--slotted-timeline-content-gap, var(--slotted-space-2, .25rem))}[data-ui=timeline] [data-part=title]{color:var(--_strong);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));grid-column:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=content]>[data-part=time]{grid-column:2;grid-row:1;margin-inline-start:var(--_gap)}[data-ui=timeline] [data-part=time]{color:var(--_muted);font-size:var(--slotted-timeline-time-font-size, var(--slotted-font-size-xs, .75rem));font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=timeline] [data-part=actor]{align-items:center;color:var(--_muted);column-gap:var(--slotted-space-3, .375rem);display:flex;font-size:var(--_meta-size);min-inline-size:0}[data-ui=timeline] [data-part=description]{color:var(--_muted);font-size:var(--_meta-size);min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=actions]{column-gap:var(--_gap);display:flex;flex-wrap:wrap;margin-block-start:var(--slotted-space-4, .5rem);row-gap:var(--slotted-space-2, .25rem)}[data-ui=timeline] [data-part=item][tabindex]:focus-visible{border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=group]{display:block}[data-ui=timeline] [data-part=group]+[data-part=group]{margin-block-start:var(--_item-gap)}[data-ui=timeline] [data-part=group-label]{align-items:center;color:var(--_muted);display:flex;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-group-weight, var(--slotted-font-weight-semibold, 600));line-height:var(--_leading);margin:0 0 var(--slotted-timeline-group-gap, var(--slotted-space-4, .5rem))}[data-ui=timeline] [data-part=group-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--slotted-space-2, .25rem);cursor:pointer;display:inline-flex;font:inherit;min-block-size:var(--slotted-target-min, 24px);padding:0;text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=group-trigger]:enabled:hover{color:var(--_strong)}[data-ui=timeline] [data-part=group-trigger]:enabled:active{color:var(--_strong);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=group-trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=group-indicator]{--slotted-icon-size: var(--_icon);display:inline-flex;flex:none}[data-ui=timeline] [data-part=group]{--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=timeline] [data-part=group-indicator]>[data-ui=icon]{rotate:-90deg;transition:rotate var(--_fold)}[data-ui=timeline] [data-open]>[data-part=group-label] [data-part=group-indicator]>[data-ui=icon]{rotate:0deg}[data-ui=timeline] [data-part=group-list]{interpolate-size:allow-keywords;opacity:1;overflow:clip;overflow-clip-margin:max(round(up,var(--_reach),1px),calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px)));transition:block-size var(--_fold),opacity var(--_fold),visibility var(--_fold)}[data-ui=timeline] [data-part=group-list][hidden]{block-size:0;display:flex;opacity:0;visibility:hidden}[data-ui=timeline] [data-part=group-label]{transition:margin-block-end var(--_fold)}[data-ui=timeline] [data-part=group-label]:has(+[data-part=group-list][hidden]){margin-block-end:0}[data-ui=timeline] [data-part=fresh],[data-ui=timeline] button[data-part=more]{align-items:center;appearance:none;background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_ring);border-radius:var(--slotted-radius-full, 9999px);color:var(--_strong);column-gap:var(--_gap);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=fresh]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight);--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text);interpolate-size:allow-keywords;margin-block-end:var(--_item-gap);opacity:1;overflow:clip;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--_fold),min-block-size var(--_fold),border-block-width var(--_fold),margin-block-end var(--_fold),opacity var(--_fold),display var(--_fold) allow-discrete}@starting-style{[data-ui=timeline] [data-part=fresh]:not([hidden]){block-size:0;border-block-width:0;margin-block-end:0;min-block-size:0;opacity:0}}[data-ui=timeline] [data-part=fresh][hidden]{block-size:0;border-block-width:0;display:none;margin-block-end:0;min-block-size:0;opacity:0;pointer-events:none}[data-ui=timeline] [data-part=fresh]:enabled:hover{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-hover, 8%))}[data-ui=timeline] [data-part=fresh]:enabled:active{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-active, 14%))}[data-ui=timeline] button[data-part=more]:enabled:hover{background-color:var(--slotted-tone-secondary-subtle-hover, Canvas)}[data-ui=timeline] button[data-part=more]:enabled:active{background-color:var(--slotted-tone-secondary-subtle-active, Canvas)}[data-ui=timeline] :is([data-part=fresh],button[data-part=more]):enabled:active{transition-duration:var(--slotted-duration-instant)}[data-ui=timeline] [data-part=fresh]:focus-visible,[data-ui=timeline] button[data-part=more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_opposite-column, 0px) + var(--_rail) + var(--_gap))}[data-ui=timeline] [data-part=list]:has([data-part=opposite])~[data-part=more]{margin-inline-start:calc(var(--_opposite) + var(--_rail) + 2 * var(--_gap))}[data-ui=timeline] div[data-part=more]{align-items:center;color:var(--_muted);column-gap:var(--_gap);display:flex;font-size:var(--_meta-size);min-block-size:var(--slotted-control-height-sm, 30px)}[data-ui=timeline] [data-part=more]>[data-ui=spinner]{--slotted-spinner-size: var(--_icon)}[data-ui=timeline] [data-part=empty]{color:var(--_muted);padding-block:var(--_item-gap);text-align:center}[data-ui=timeline][data-placement=start] [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail) [opposite] var(--_opposite-column, 0)}[data-ui=timeline][data-placement=start] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail)}[data-ui=timeline][data-placement=start] [data-part=content]{text-align:end}[data-ui=timeline][data-placement=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=start] [data-part=opposite]{text-align:start}[data-ui=timeline][data-placement=start] [data-part=more]{margin-inline-start:0}[data-ui=timeline][data-placement=alternate] [data-part=item]{grid-template-columns:[before] round(down,calc((100% - var(--_rail)) / 2 - var(--_gap)),1px) [rail] var(--_rail) [after] minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=content]{grid-column:after}[data-ui=timeline][data-placement=alternate] [data-part=opposite]{grid-column:before}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=opposite]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=content]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=opposite]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=title],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=time],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) :is([data-part=actor],[data-part=actions]),[data-ui=timeline][data-placement=alternate] [data-side=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=alternate] [data-part=more]{margin-inline-start:calc(50% + var(--_rail) / 2 + var(--_gap))}[data-ui=timeline][data-orientation=horizontal] [data-part=list]{display:grid;grid-auto-columns:minmax(var(--slotted-timeline-track-min, var(--slotted-space-12, 4rem)),1fr);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding-block:round(up,var(--_reach),1px) var(--slotted-space-2, .25rem);padding-inline:round(up,var(--_reach),1px)}[data-ui=timeline][data-orientation=horizontal] [data-part=item]{align-content:start;align-items:start;column-gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:[before] auto [rail] auto [after] auto;margin-block-end:0;padding-inline-end:var(--_item-gap);row-gap:0}[data-ui=timeline][data-orientation=horizontal] [data-part=item]:last-child{padding-inline-end:0}[data-ui=timeline][data-orientation=horizontal] [data-part=rail]{align-items:start;align-self:start;block-size:var(--_rail);grid-column:1;grid-row:rail;justify-content:center}[data-ui=timeline][data-orientation=horizontal] [data-part=marker]{--_lift: 0px;margin-inline-start:calc((var(--_rail) - var(--_marker)) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=connector]{border-block-start-width:var(--_rule);border-inline-start-width:0;block-size:0;inline-size:auto;inset-block-end:auto;inset-block-start:calc(50% - var(--_rule) / 2);inset-inline-end:calc(-1 * var(--_item-gap) - var(--_rail) / 2);inset-inline-start:calc(var(--_rail) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{align-self:start;grid-column:1;grid-row:after;margin-block:var(--_gap) 0;text-align:start}[data-ui=timeline][data-orientation=horizontal] [data-part=opposite]{align-self:start;grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=content],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]{grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=opposite],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite]{grid-column:1;grid-row:after;margin-block:var(--_gap) 0}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=horizontal] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=horizontal] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal] [data-part=more]{margin-block-start:var(--_gap);margin-inline-start:0}@container slotted-timeline (max-width: 20rem){[data-ui=timeline][data-orientation=vertical] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=vertical] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=list] [data-part=item]:nth-child(n){grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{grid-column:content;grid-row:1;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n) :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@container slotted-timeline (max-width: 30rem){[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=list]{display:flex;flex-direction:column;overflow-x:visible;padding:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr);grid-template-rows:none;margin-block-end:var(--_item-gap);padding-inline-end:0;row-gap:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=rail]{align-items:center;align-self:stretch;block-size:auto;grid-column:rail;grid-row:1 / 3;justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=marker]{--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);margin-inline-start:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=connector]{border-block-start-width:0;border-inline-start-width:var(--_rule);block-size:auto;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-end:auto;inset-inline-start:calc(50% - var(--_rule) / 2)}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{align-self:baseline;grid-column:content;grid-row:1;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{align-self:baseline;grid-column:content;grid-row:auto;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_rail) + var(--_gap))}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=content],[data-part=opposite]){grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] [data-part=opposite]{grid-row:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]{grid-template-columns:minmax(0,1fr) auto}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=title]{grid-column:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=time]{grid-column:2;margin-inline:var(--_gap) 0}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@media(forced-colors:active){[data-ui=timeline] [data-part=marker]:empty:after{background-color:currentColor;forced-color-adjust:none}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{color:inherit}[data-ui=timeline] [data-current]:not([data-loading]) [data-part=marker]{outline:var(--_edge) solid CanvasText;outline-offset:var(--slotted-border-width-thick, 2px)}}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: SlTimelineGroup, decorators: [{
+            type: Component,
+            args: [{ selector: 'li[slTimelineGroup], div[slTimelineGroup]', standalone: true, template: `
+    @switch (levelValue()) {
+      @case (2) {
+        <h2 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h2>
+      }
+      @case (4) {
+        <h4 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h4>
+      }
+      @case (5) {
+        <h5 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h5>
+      }
+      @case (6) {
+        <h6 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h6>
+      }
+      @default {
+        <h3 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h3>
+      }
+    }
+    <ng-content></ng-content>
+
+    <ng-template #heading>
+      @if (collapsible()) {
+        <button
+          [attr.aria-controls]="listId"
+          [attr.aria-expanded]="isOpen()"
+          data-part="group-trigger"
+          type="button"
+          (click)="toggle($event)"
+        >
+          <span aria-hidden="true" data-part="group-indicator"
+            ><span slIcon><svg slGlyph name="chevron-down"></svg></span
+          ></span>
+          {{ label()
+          }}<span data-ui="visually-hidden">{{
+            isOpen() ? timeline.t('collapse') : timeline.t('expand')
+          }}</span>
+        </button>
+      } @else {
+        {{ label() }}
+      }
+    </ng-template>
+  `, imports: [NgTemplateOutlet, SlGlyph, SlIcon], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slTimelineGroup', host: {
+                        'data-part': 'group',
+                        '[attr.data-open]': 'isOpen() ? "" : null',
+                    }, styles: ["@layer slotted.components{[data-ui=timeline]{--_icon: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-md, 13px));--_meta-size: var(--slotted-timeline-meta-font-size, var(--_font-size));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph: calc(var(--_icon) - 2 * var(--slotted-space-1, .125rem));--_dot: calc(var(--_rule) + round(up, var(--_glyph) - var(--_rule), 2px));--_core: calc( var(--_rule) + round(nearest, var(--_dot) * var(--slotted-timeline-core-ratio, .4) - var(--_rule), 2px) );--_badge: calc( var(--_rule) + round(up, var(--_icon) + 2 * var(--slotted-space-1, .125rem) - var(--_rule), 2px) );--_avatar: calc( var(--_rule) + round(up, var(--slotted-avatar-size-xs, 24px) - var(--_rule), 2px) );--_rail: var(--_dot);--_rule: var(--slotted-timeline-connector-thickness, var(--slotted-border-width-thin, 1px));--_edge: var(--slotted-border-width-medium, 1.5px);--_reach: calc(var(--_edge) + var(--slotted-border-width-thick, 2px));--_item-gap: var( --slotted-timeline-item-gap, calc(var(--_gap) + var(--slotted-space-2, .25rem)) );--_line-gap: var(--slotted-timeline-line-gap, var(--slotted-space-1, .125rem));--_opposite: var(--slotted-timeline-opposite-size, 8rem);--_line-height: var(--slotted-timeline-line-height, var(--slotted-line-height-md, 1.5));--_leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_muted: var(--slotted-timeline-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-timeline-color, var(--slotted-text, CanvasText));--_line: var(--slotted-timeline-connector-color, var(--slotted-border-subtle, GrayText));--_ring: var( --slotted-timeline-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_surface: var(--slotted-timeline-marker-surface, var(--slotted-surface, Canvas));color:var(--_strong);container-name:slotted-timeline;container-type:inline-size;display:block;font-family:var(--slotted-timeline-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui=timeline][data-size=sm]{--_icon: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-sm, 12px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-sm, 6px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline][data-size=lg]{--_icon: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-lg, 14px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-lg, 8px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline]:has([data-part=marker]>:not([data-ui=spinner],[data-check])){--_rail: var(--_badge)}[data-ui=timeline]:has([data-part=marker]>[data-ui=avatar]){--_rail: max(var(--_badge), var(--_avatar))}[data-ui=timeline],[data-ui=timeline] [data-tone=secondary]{--_tone-solid: var(--slotted-tone-secondary-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-secondary-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-secondary-surface, Canvas);--_tone-border: var(--slotted-tone-secondary-border, ButtonBorder);--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-mark: var(--slotted-border-strong, GrayText)}[data-ui=timeline][data-tone=accent],[data-ui=timeline] [data-tone=accent]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-on-solid: var(--slotted-tone-accent-on-solid, HighlightText);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-mark: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight)}[data-ui=timeline][data-tone=success],[data-ui=timeline] [data-tone=success]{--_tone-solid: var(--slotted-tone-success-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-success-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-success-surface, Canvas);--_tone-border: var(--slotted-tone-success-border, ButtonBorder);--_tone-mark: var(--slotted-tone-success-border, ButtonBorder);--_tone-text: var(--slotted-tone-success-text, CanvasText)}[data-ui=timeline][data-tone=warning],[data-ui=timeline] [data-tone=warning]{--_tone-solid: var(--slotted-tone-warning-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-warning-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-warning-surface, Canvas);--_tone-border: var(--slotted-tone-warning-border, ButtonBorder);--_tone-mark: var(--slotted-tone-warning-border, ButtonBorder);--_tone-text: var(--slotted-tone-warning-text, CanvasText)}[data-ui=timeline][data-tone=danger],[data-ui=timeline] [data-tone=danger]{--_tone-solid: var(--slotted-tone-danger-solid, Mark);--_tone-on-solid: var(--slotted-tone-danger-on-solid, MarkText);--_tone-surface: var(--slotted-tone-danger-surface, Canvas);--_tone-border: var(--slotted-tone-danger-border, Mark);--_tone-mark: var(--slotted-tone-danger-border, Mark);--_tone-text: var(--slotted-tone-danger-text, MarkText)}[data-ui=timeline] :is([data-part=list],[data-part=group-list]){display:flex;flex-direction:column;list-style:none;margin:0;padding:0}[data-ui=timeline] [data-part=list]:has([data-part=opposite]){--_opposite-column: var(--_opposite)}[data-ui=timeline] [data-part=item]{align-items:stretch;column-gap:var(--_gap);display:grid;grid-template-columns:[opposite] var(--_opposite-column, 0) [rail] var(--_rail) [content] minmax(0,1fr);position:relative}[data-ui=timeline] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline] [data-part=item]{margin-block-end:var(--_item-gap)}[data-ui=timeline] [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline] [data-part=content]{align-self:baseline;grid-column:content;grid-row:1;min-inline-size:0}[data-ui=timeline] [data-part=opposite]{align-self:baseline;color:var(--_muted);grid-column:opposite;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;text-align:end}[data-ui=timeline] [data-part=rail]{align-items:center;display:flex;flex-direction:column;grid-column:rail;grid-row:1;line-height:var(--_leading);position:relative}[data-ui=timeline] [data-part=marker]{--_marker: var(--_dot);--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);--_tint: color-mix(in srgb, var(--_tone-mark) 16%, var(--_surface));align-items:center;background-color:var(--_tint);block-size:var(--_marker);border:0 solid transparent;border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_line-gap) var(--_surface);box-sizing:border-box;color:var(--_muted);display:inline-flex;flex:none;inline-size:var(--_marker);justify-content:center;margin-block-start:var(--_lift);overflow:hidden;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui=timeline] [data-part=marker]:empty:after{background-color:var(--_tone-mark);border-radius:inherit;content:\"\";inset:calc((var(--_marker) - var(--_core)) / 2);position:absolute}[data-ui=timeline] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){--_marker: var(--_badge);background-color:var(--_surface);border-color:var(--_ring);border-width:var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=marker]>[data-ui=icon]{--slotted-icon-size: calc( var(--_badge) - 2 * round(down, (var(--_badge) - var(--_glyph)) / 2, 1px) );color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=spinner]{--slotted-spinner-size: var(--_dot);color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=avatar]{--slotted-avatar-size: var(--_avatar)}[data-ui=timeline] [data-part=marker]:has(>[data-ui=avatar]){--_marker: var(--_avatar);background-color:transparent;border-width:0}[data-ui=timeline] [data-variant=outline] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:var(--_tone-mark);border-width:var(--_edge)}[data-ui=timeline] [data-variant=outline] [data-part=marker]:empty:after,[data-ui=timeline] [data-variant=solid] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-variant=solid] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:transparent;box-shadow:none}[data-ui=timeline] [data-variant=outline] [data-part=marker]:not(:empty,:has(>[data-check])){color:var(--_tone-mark)}[data-ui=timeline] [data-variant=outline][data-tone]:not([data-tone=secondary]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){border-color:var(--_tone-border)}[data-ui=timeline] [data-variant=solid] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-variant=subtle] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:not(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:transparent;color:var(--_tone-mark)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:has(>[data-check]){background-color:var(--_tone-mark);border-width:0}[data-ui=timeline] [data-current] [data-part=marker]:empty{background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-current] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{--slotted-icon-size: calc(var(--_marker) - 2 * var(--slotted-space-1, .125rem));color:var(--_surface)}[data-ui=timeline] [data-current] [data-part=marker]{box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface),0 0 0 var(--_reach) var(--_tone-mark),0 0 0 calc(var(--_reach) + var(--_line-gap)) var(--_surface)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])),[data-ui=timeline] [data-current] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-loading][data-variant] [data-part=marker]{background-color:var(--_surface);border-color:transparent;box-shadow:0 0 0 var(--_line-gap) var(--_surface);color:var(--_tone-mark)}[data-ui=timeline] [data-loading]>[data-part=content]{color:var(--_muted)}[data-ui=timeline] [data-part=connector]{border-block-start:0 solid var(--_line);border-inline-start:var(--_rule) solid var(--_line);display:block;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-start:calc(50% - var(--_rule) / 2);position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-connector=dashed] [data-part=connector]{border-block-start-style:dashed;border-inline-start-style:dashed}[data-ui=timeline] [data-connector=none] [data-part=connector],[data-ui=timeline] [data-part=item]:last-child [data-part=connector]{display:none}[data-ui=timeline] [data-complete] [data-part=connector]{border-color:var(--_tone-mark)}[data-ui=timeline] [data-part=content]{column-gap:0;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:0}[data-ui=timeline] [data-part=content]>:not([data-part=title],[data-part=time]){grid-column:1 / -1}[data-ui=timeline] [data-part=content]>:is([data-part=actor],[data-part=description]){margin-block-start:var(--slotted-timeline-content-gap, var(--slotted-space-2, .25rem))}[data-ui=timeline] [data-part=title]{color:var(--_strong);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));grid-column:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=content]>[data-part=time]{grid-column:2;grid-row:1;margin-inline-start:var(--_gap)}[data-ui=timeline] [data-part=time]{color:var(--_muted);font-size:var(--slotted-timeline-time-font-size, var(--slotted-font-size-xs, .75rem));font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=timeline] [data-part=actor]{align-items:center;color:var(--_muted);column-gap:var(--slotted-space-3, .375rem);display:flex;font-size:var(--_meta-size);min-inline-size:0}[data-ui=timeline] [data-part=description]{color:var(--_muted);font-size:var(--_meta-size);min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=actions]{column-gap:var(--_gap);display:flex;flex-wrap:wrap;margin-block-start:var(--slotted-space-4, .5rem);row-gap:var(--slotted-space-2, .25rem)}[data-ui=timeline] [data-part=item][tabindex]:focus-visible{border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=group]{display:block}[data-ui=timeline] [data-part=group]+[data-part=group]{margin-block-start:var(--_item-gap)}[data-ui=timeline] [data-part=group-label]{align-items:center;color:var(--_muted);display:flex;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-group-weight, var(--slotted-font-weight-semibold, 600));line-height:var(--_leading);margin:0 0 var(--slotted-timeline-group-gap, var(--slotted-space-4, .5rem))}[data-ui=timeline] [data-part=group-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--slotted-space-2, .25rem);cursor:pointer;display:inline-flex;font:inherit;min-block-size:var(--slotted-target-min, 24px);padding:0;text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=group-trigger]:enabled:hover{color:var(--_strong)}[data-ui=timeline] [data-part=group-trigger]:enabled:active{color:var(--_strong);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=group-trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=group-indicator]{--slotted-icon-size: var(--_icon);display:inline-flex;flex:none}[data-ui=timeline] [data-part=group]{--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=timeline] [data-part=group-indicator]>[data-ui=icon]{rotate:-90deg;transition:rotate var(--_fold)}[data-ui=timeline] [data-open]>[data-part=group-label] [data-part=group-indicator]>[data-ui=icon]{rotate:0deg}[data-ui=timeline] [data-part=group-list]{interpolate-size:allow-keywords;opacity:1;overflow:clip;overflow-clip-margin:max(round(up,var(--_reach),1px),calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px)));transition:block-size var(--_fold),opacity var(--_fold),visibility var(--_fold)}[data-ui=timeline] [data-part=group-list][hidden]{block-size:0;display:flex;opacity:0;visibility:hidden}[data-ui=timeline] [data-part=group-label]{transition:margin-block-end var(--_fold)}[data-ui=timeline] [data-part=group-label]:has(+[data-part=group-list][hidden]){margin-block-end:0}[data-ui=timeline] [data-part=fresh],[data-ui=timeline] button[data-part=more]{align-items:center;appearance:none;background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_ring);border-radius:var(--slotted-radius-full, 9999px);color:var(--_strong);column-gap:var(--_gap);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=fresh]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight);--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text);interpolate-size:allow-keywords;margin-block-end:var(--_item-gap);opacity:1;overflow:clip;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--_fold),min-block-size var(--_fold),border-block-width var(--_fold),margin-block-end var(--_fold),opacity var(--_fold),display var(--_fold) allow-discrete}@starting-style{[data-ui=timeline] [data-part=fresh]:not([hidden]){block-size:0;border-block-width:0;margin-block-end:0;min-block-size:0;opacity:0}}[data-ui=timeline] [data-part=fresh][hidden]{block-size:0;border-block-width:0;display:none;margin-block-end:0;min-block-size:0;opacity:0;pointer-events:none}[data-ui=timeline] [data-part=fresh]:enabled:hover{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-hover, 8%))}[data-ui=timeline] [data-part=fresh]:enabled:active{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-active, 14%))}[data-ui=timeline] button[data-part=more]:enabled:hover{background-color:var(--slotted-tone-secondary-subtle-hover, Canvas)}[data-ui=timeline] button[data-part=more]:enabled:active{background-color:var(--slotted-tone-secondary-subtle-active, Canvas)}[data-ui=timeline] :is([data-part=fresh],button[data-part=more]):enabled:active{transition-duration:var(--slotted-duration-instant)}[data-ui=timeline] [data-part=fresh]:focus-visible,[data-ui=timeline] button[data-part=more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_opposite-column, 0px) + var(--_rail) + var(--_gap))}[data-ui=timeline] [data-part=list]:has([data-part=opposite])~[data-part=more]{margin-inline-start:calc(var(--_opposite) + var(--_rail) + 2 * var(--_gap))}[data-ui=timeline] div[data-part=more]{align-items:center;color:var(--_muted);column-gap:var(--_gap);display:flex;font-size:var(--_meta-size);min-block-size:var(--slotted-control-height-sm, 30px)}[data-ui=timeline] [data-part=more]>[data-ui=spinner]{--slotted-spinner-size: var(--_icon)}[data-ui=timeline] [data-part=empty]{color:var(--_muted);padding-block:var(--_item-gap);text-align:center}[data-ui=timeline][data-placement=start] [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail) [opposite] var(--_opposite-column, 0)}[data-ui=timeline][data-placement=start] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail)}[data-ui=timeline][data-placement=start] [data-part=content]{text-align:end}[data-ui=timeline][data-placement=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=start] [data-part=opposite]{text-align:start}[data-ui=timeline][data-placement=start] [data-part=more]{margin-inline-start:0}[data-ui=timeline][data-placement=alternate] [data-part=item]{grid-template-columns:[before] round(down,calc((100% - var(--_rail)) / 2 - var(--_gap)),1px) [rail] var(--_rail) [after] minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=content]{grid-column:after}[data-ui=timeline][data-placement=alternate] [data-part=opposite]{grid-column:before}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=opposite]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=content]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=opposite]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=title],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=time],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) :is([data-part=actor],[data-part=actions]),[data-ui=timeline][data-placement=alternate] [data-side=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=alternate] [data-part=more]{margin-inline-start:calc(50% + var(--_rail) / 2 + var(--_gap))}[data-ui=timeline][data-orientation=horizontal] [data-part=list]{display:grid;grid-auto-columns:minmax(var(--slotted-timeline-track-min, var(--slotted-space-12, 4rem)),1fr);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding-block:round(up,var(--_reach),1px) var(--slotted-space-2, .25rem);padding-inline:round(up,var(--_reach),1px)}[data-ui=timeline][data-orientation=horizontal] [data-part=item]{align-content:start;align-items:start;column-gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:[before] auto [rail] auto [after] auto;margin-block-end:0;padding-inline-end:var(--_item-gap);row-gap:0}[data-ui=timeline][data-orientation=horizontal] [data-part=item]:last-child{padding-inline-end:0}[data-ui=timeline][data-orientation=horizontal] [data-part=rail]{align-items:start;align-self:start;block-size:var(--_rail);grid-column:1;grid-row:rail;justify-content:center}[data-ui=timeline][data-orientation=horizontal] [data-part=marker]{--_lift: 0px;margin-inline-start:calc((var(--_rail) - var(--_marker)) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=connector]{border-block-start-width:var(--_rule);border-inline-start-width:0;block-size:0;inline-size:auto;inset-block-end:auto;inset-block-start:calc(50% - var(--_rule) / 2);inset-inline-end:calc(-1 * var(--_item-gap) - var(--_rail) / 2);inset-inline-start:calc(var(--_rail) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{align-self:start;grid-column:1;grid-row:after;margin-block:var(--_gap) 0;text-align:start}[data-ui=timeline][data-orientation=horizontal] [data-part=opposite]{align-self:start;grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=content],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]{grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=opposite],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite]{grid-column:1;grid-row:after;margin-block:var(--_gap) 0}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=horizontal] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=horizontal] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal] [data-part=more]{margin-block-start:var(--_gap);margin-inline-start:0}@container slotted-timeline (max-width: 20rem){[data-ui=timeline][data-orientation=vertical] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=vertical] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=list] [data-part=item]:nth-child(n){grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{grid-column:content;grid-row:1;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n) :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@container slotted-timeline (max-width: 30rem){[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=list]{display:flex;flex-direction:column;overflow-x:visible;padding:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr);grid-template-rows:none;margin-block-end:var(--_item-gap);padding-inline-end:0;row-gap:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=rail]{align-items:center;align-self:stretch;block-size:auto;grid-column:rail;grid-row:1 / 3;justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=marker]{--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);margin-inline-start:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=connector]{border-block-start-width:0;border-inline-start-width:var(--_rule);block-size:auto;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-end:auto;inset-inline-start:calc(50% - var(--_rule) / 2)}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{align-self:baseline;grid-column:content;grid-row:1;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{align-self:baseline;grid-column:content;grid-row:auto;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_rail) + var(--_gap))}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=content],[data-part=opposite]){grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] [data-part=opposite]{grid-row:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]{grid-template-columns:minmax(0,1fr) auto}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=title]{grid-column:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=time]{grid-column:2;margin-inline:var(--_gap) 0}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@media(forced-colors:active){[data-ui=timeline] [data-part=marker]:empty:after{background-color:currentColor;forced-color-adjust:none}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{color:inherit}[data-ui=timeline] [data-current]:not([data-loading]) [data-part=marker]{outline:var(--_edge) solid CanvasText;outline-offset:var(--slotted-border-width-thick, 2px)}}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }], collapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], defaultOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpen", required: false }] }], openRequest: [{ type: i0.Output, args: ["openRequest"] }] } });
+/** The list inside a group: hidden while the group is folded. */
+class SlTimelineGroupList {
+    group = inject(SlTimelineGroup);
+    own = contentChildren(forwardRef(() => SlTimelineItem), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "own" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => assignLast(this.own()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineGroupList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.7", type: SlTimelineGroupList, isStandalone: true, selector: "ol[slTimelineGroupList], div[slTimelineGroupList]", host: { attributes: { "data-part": "group-list" }, properties: { "attr.id": "group.listId", "hidden": "!group.isOpen()" } }, queries: [{ propertyName: "own", predicate: i0.forwardRef(() => SlTimelineItem), isSignal: true }], exportAs: ["slTimelineGroupList"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineGroupList, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ol[slTimelineGroupList], div[slTimelineGroupList]',
+                    standalone: true,
+                    exportAs: 'slTimelineGroupList',
+                    host: {
+                        'data-part': 'group-list',
+                        '[attr.id]': 'group.listId',
+                        '[hidden]': '!group.isOpen()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { own: [{ type: i0.ContentChildren, args: [forwardRef(() => SlTimelineItem), { isSignal: true }] }] } });
+/**
+ * One event: its marker on the rail, the line to the next one, and its body.
+ * The body's parts are inputs for the plain case — `title`, `description`,
+ * `actor`, `time` — and projected content for the rich one, each under its
+ * own directive, so a title can be a link and an actor an avatar.
+ *
+ * In feed mode it is an `article` and a tab stop, labelled by its title, its
+ * actor and its time and described by its description, with its position in
+ * the set.
+ */
+class SlTimelineItem {
+    timeline = inject(SlTimeline);
+    ownTabindex = inject(new HostAttributeToken('tabindex'), { optional: true });
+    title = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+    description = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
+    actor = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "actor" }] : /* istanbul ignore next */ []));
+    /** When it happened. Written to `datetime` and formatted for the reader. */
+    time = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "time" }] : /* istanbul ignore next */ []));
+    /** What the reader sees in place of the formatted time. */
+    timeLabel = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "timeLabel" }] : /* istanbul ignore next */ []));
+    current = input(false, { ...(ngDevMode ? { debugName: "current" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Whether this event is finished. Outranks the derivation. */
+    complete = input(undefined, { ...(ngDevMode ? { debugName: "complete" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** The line after this event; `dashed` is derived for the future side. */
+    connector = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "connector" }] : /* istanbul ignore next */ []));
+    /** Which side the body takes in `alternate`; parity otherwise. */
+    side = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "side" }] : /* istanbul ignore next */ []));
+    tone = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tone" }] : /* istanbul ignore next */ []));
+    variant = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** Written by the list that sees every event. */
+    index = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []));
+    /** Written by the list this event is a direct child of. */
+    last = signal(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "last" }] : /* istanbul ignore next */ []));
+    projectedTitle = contentChild(forwardRef(() => SlTimelineTitle), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "projectedTitle" }] : /* istanbul ignore next */ []));
+    projectedActor = contentChild(forwardRef(() => SlTimelineActor), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "projectedActor" }] : /* istanbul ignore next */ []));
+    projectedDescription = contentChild(forwardRef(() => SlTimelineDescription), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "projectedDescription" }] : /* istanbul ignore next */ []));
+    finished = computed(() => isComplete({
+        autoComplete: this.timeline.autoComplete(),
+        complete: this.complete(),
+        currentIndex: this.timeline.currentIndex(),
+        index: this.index(),
+        order: this.timeline.orderValue(),
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "finished" }] : /* istanbul ignore next */ []));
+    line = computed(() => connectorOf({
+        autoComplete: this.timeline.autoComplete(),
+        connector: this.connector(),
+        currentIndex: this.timeline.currentIndex(),
+        index: this.index(),
+        order: this.timeline.orderValue(),
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "line" }] : /* istanbul ignore next */ []));
+    sideValue = computed(() => this.timeline.placementValue() === 'alternate' || this.side() !== undefined
+        ? sideOf(this.timeline.placementValue(), this.index(), this.side())
+        : null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sideValue" }] : /* istanbul ignore next */ []));
+    setSize = computed(() => setSizeOf({
+        count: this.timeline.count(),
+        growing: this.timeline.growingValue(),
+        loaded: this.timeline.loaded(),
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "setSize" }] : /* istanbul ignore next */ []));
+    labelledBy = computed(() => {
+        const ids = [
+            this.title() !== undefined || this.projectedTitle() !== undefined
+                ? this.partId('title')
+                : null,
+            this.current() ? this.partId('current') : null,
+            this.actor() !== undefined || this.projectedActor() !== undefined
+                ? this.partId('actor')
+                : null,
+            this.time() !== undefined ? this.partId('time') : null,
+        ].filter((id) => id !== null);
+        return ids.length === 0 ? null : ids.join(' ');
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "labelledBy" }] : /* istanbul ignore next */ []));
+    describedBy = computed(() => this.description() !== undefined || this.projectedDescription() !== undefined
+        ? this.partId('description')
+        : null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "describedBy" }] : /* istanbul ignore next */ []));
+    partId(part) {
+        return this.timeline.itemId(this.index(), part);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTimelineItem, isStandalone: true, selector: "li[slTimelineItem], article[slTimelineItem]", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, actor: { classPropertyName: "actor", publicName: "actor", isSignal: true, isRequired: false, transformFunction: null }, time: { classPropertyName: "time", publicName: "time", isSignal: true, isRequired: false, transformFunction: null }, timeLabel: { classPropertyName: "timeLabel", publicName: "timeLabel", isSignal: true, isRequired: false, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, complete: { classPropertyName: "complete", publicName: "complete", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, connector: { classPropertyName: "connector", publicName: "connector", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "item" }, properties: { "attr.role": "timeline.feed() ? \"article\" : null", "attr.tabindex": "timeline.feed() ? (ownTabindex ?? \"0\") : null", "attr.aria-posinset": "timeline.feed() ? index() + 1 : null", "attr.aria-setsize": "timeline.feed() ? setSize() : null", "attr.aria-labelledby": "timeline.feed() ? labelledBy() : null", "attr.aria-describedby": "timeline.feed() ? describedBy() : null", "attr.aria-current": "current() ? \"true\" : null", "attr.aria-busy": "loading() ? \"true\" : null", "attr.data-current": "current() ? \"\" : null", "attr.data-complete": "finished() && !current() ? \"\" : null", "attr.data-loading": "loading() ? \"\" : null", "attr.data-connector": "line() === \"solid\" ? null : line()", "attr.data-side": "sideValue()", "attr.data-tone": "tone() ?? timeline.toneValue()", "attr.data-variant": "variant() ?? timeline.variantValue()" } }, queries: [{ propertyName: "projectedTitle", first: true, predicate: i0.forwardRef(() => SlTimelineTitle), descendants: true, isSignal: true }, { propertyName: "projectedActor", first: true, predicate: i0.forwardRef(() => SlTimelineActor), descendants: true, isSignal: true }, { propertyName: "projectedDescription", first: true, predicate: i0.forwardRef(() => SlTimelineDescription), descendants: true, isSignal: true }], exportAs: ["slTimelineItem"], ngImport: i0, template: `
+    <ng-content select="[slTimelineOpposite]"></ng-content>
+    <div data-part="rail">
+      <span data-part="marker">
+        @if (loading()) {
+          <span aria-hidden="true" data-part="root" data-ui="spinner"></span>
+        } @else {
+          <ng-content select="[slTimelineMarker]">
+            @if (finished() && !current()) {
+              <span slIcon data-check=""><svg slGlyph name="check"></svg></span>
+            }
+          </ng-content>
+        }
+      </span>
+      @if (!last()) {
+        <span aria-hidden="true" data-part="connector"></span>
+      }
+    </div>
+    <div data-part="content">
+      @if (title() !== undefined) {
+        <div data-part="title" [id]="partId('title')">{{ title() }}</div>
+      }
+      <ng-content select="[slTimelineTitle]"></ng-content>
+      @if (current()) {
+        <span data-ui="visually-hidden" [id]="partId('current')">{{ timeline.t('current') }}</span>
+      }
+      @if (time() !== undefined) {
+        @if (timeLabel() !== undefined) {
+          <time slTimelineTime [id]="partId('time')" [value]="time()!">{{ timeLabel() }}</time>
+        } @else {
+          <time slTimelineTime [id]="partId('time')" [value]="time()!"></time>
+        }
+      }
+      @if (actor() !== undefined) {
+        <div data-part="actor" [id]="partId('actor')">{{ actor() }}</div>
+      }
+      <ng-content select="[slTimelineActor]"></ng-content>
+      @if (description() !== undefined) {
+        <div data-part="description" [id]="partId('description')">{{ description() }}</div>
+      }
+      <ng-content select="[slTimelineDescription]"></ng-content>
+      <ng-content></ng-content>
+      <ng-content select="[slTimelineActions]"></ng-content>
+    </div>
+  `, isInline: true, styles: ["@layer slotted.components{[data-ui=timeline]{--_icon: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-md, 13px));--_meta-size: var(--slotted-timeline-meta-font-size, var(--_font-size));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph: calc(var(--_icon) - 2 * var(--slotted-space-1, .125rem));--_dot: calc(var(--_rule) + round(up, var(--_glyph) - var(--_rule), 2px));--_core: calc( var(--_rule) + round(nearest, var(--_dot) * var(--slotted-timeline-core-ratio, .4) - var(--_rule), 2px) );--_badge: calc( var(--_rule) + round(up, var(--_icon) + 2 * var(--slotted-space-1, .125rem) - var(--_rule), 2px) );--_avatar: calc( var(--_rule) + round(up, var(--slotted-avatar-size-xs, 24px) - var(--_rule), 2px) );--_rail: var(--_dot);--_rule: var(--slotted-timeline-connector-thickness, var(--slotted-border-width-thin, 1px));--_edge: var(--slotted-border-width-medium, 1.5px);--_reach: calc(var(--_edge) + var(--slotted-border-width-thick, 2px));--_item-gap: var( --slotted-timeline-item-gap, calc(var(--_gap) + var(--slotted-space-2, .25rem)) );--_line-gap: var(--slotted-timeline-line-gap, var(--slotted-space-1, .125rem));--_opposite: var(--slotted-timeline-opposite-size, 8rem);--_line-height: var(--slotted-timeline-line-height, var(--slotted-line-height-md, 1.5));--_leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_muted: var(--slotted-timeline-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-timeline-color, var(--slotted-text, CanvasText));--_line: var(--slotted-timeline-connector-color, var(--slotted-border-subtle, GrayText));--_ring: var( --slotted-timeline-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_surface: var(--slotted-timeline-marker-surface, var(--slotted-surface, Canvas));color:var(--_strong);container-name:slotted-timeline;container-type:inline-size;display:block;font-family:var(--slotted-timeline-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui=timeline][data-size=sm]{--_icon: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-sm, 12px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-sm, 6px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline][data-size=lg]{--_icon: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-lg, 14px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-lg, 8px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline]:has([data-part=marker]>:not([data-ui=spinner],[data-check])){--_rail: var(--_badge)}[data-ui=timeline]:has([data-part=marker]>[data-ui=avatar]){--_rail: max(var(--_badge), var(--_avatar))}[data-ui=timeline],[data-ui=timeline] [data-tone=secondary]{--_tone-solid: var(--slotted-tone-secondary-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-secondary-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-secondary-surface, Canvas);--_tone-border: var(--slotted-tone-secondary-border, ButtonBorder);--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-mark: var(--slotted-border-strong, GrayText)}[data-ui=timeline][data-tone=accent],[data-ui=timeline] [data-tone=accent]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-on-solid: var(--slotted-tone-accent-on-solid, HighlightText);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-mark: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight)}[data-ui=timeline][data-tone=success],[data-ui=timeline] [data-tone=success]{--_tone-solid: var(--slotted-tone-success-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-success-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-success-surface, Canvas);--_tone-border: var(--slotted-tone-success-border, ButtonBorder);--_tone-mark: var(--slotted-tone-success-border, ButtonBorder);--_tone-text: var(--slotted-tone-success-text, CanvasText)}[data-ui=timeline][data-tone=warning],[data-ui=timeline] [data-tone=warning]{--_tone-solid: var(--slotted-tone-warning-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-warning-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-warning-surface, Canvas);--_tone-border: var(--slotted-tone-warning-border, ButtonBorder);--_tone-mark: var(--slotted-tone-warning-border, ButtonBorder);--_tone-text: var(--slotted-tone-warning-text, CanvasText)}[data-ui=timeline][data-tone=danger],[data-ui=timeline] [data-tone=danger]{--_tone-solid: var(--slotted-tone-danger-solid, Mark);--_tone-on-solid: var(--slotted-tone-danger-on-solid, MarkText);--_tone-surface: var(--slotted-tone-danger-surface, Canvas);--_tone-border: var(--slotted-tone-danger-border, Mark);--_tone-mark: var(--slotted-tone-danger-border, Mark);--_tone-text: var(--slotted-tone-danger-text, MarkText)}[data-ui=timeline] :is([data-part=list],[data-part=group-list]){display:flex;flex-direction:column;list-style:none;margin:0;padding:0}[data-ui=timeline] [data-part=list]:has([data-part=opposite]){--_opposite-column: var(--_opposite)}[data-ui=timeline] [data-part=item]{align-items:stretch;column-gap:var(--_gap);display:grid;grid-template-columns:[opposite] var(--_opposite-column, 0) [rail] var(--_rail) [content] minmax(0,1fr);position:relative}[data-ui=timeline] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline] [data-part=item]{margin-block-end:var(--_item-gap)}[data-ui=timeline] [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline] [data-part=content]{align-self:baseline;grid-column:content;grid-row:1;min-inline-size:0}[data-ui=timeline] [data-part=opposite]{align-self:baseline;color:var(--_muted);grid-column:opposite;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;text-align:end}[data-ui=timeline] [data-part=rail]{align-items:center;display:flex;flex-direction:column;grid-column:rail;grid-row:1;line-height:var(--_leading);position:relative}[data-ui=timeline] [data-part=marker]{--_marker: var(--_dot);--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);--_tint: color-mix(in srgb, var(--_tone-mark) 16%, var(--_surface));align-items:center;background-color:var(--_tint);block-size:var(--_marker);border:0 solid transparent;border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_line-gap) var(--_surface);box-sizing:border-box;color:var(--_muted);display:inline-flex;flex:none;inline-size:var(--_marker);justify-content:center;margin-block-start:var(--_lift);overflow:hidden;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui=timeline] [data-part=marker]:empty:after{background-color:var(--_tone-mark);border-radius:inherit;content:\"\";inset:calc((var(--_marker) - var(--_core)) / 2);position:absolute}[data-ui=timeline] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){--_marker: var(--_badge);background-color:var(--_surface);border-color:var(--_ring);border-width:var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=marker]>[data-ui=icon]{--slotted-icon-size: calc( var(--_badge) - 2 * round(down, (var(--_badge) - var(--_glyph)) / 2, 1px) );color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=spinner]{--slotted-spinner-size: var(--_dot);color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=avatar]{--slotted-avatar-size: var(--_avatar)}[data-ui=timeline] [data-part=marker]:has(>[data-ui=avatar]){--_marker: var(--_avatar);background-color:transparent;border-width:0}[data-ui=timeline] [data-variant=outline] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:var(--_tone-mark);border-width:var(--_edge)}[data-ui=timeline] [data-variant=outline] [data-part=marker]:empty:after,[data-ui=timeline] [data-variant=solid] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-variant=solid] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:transparent;box-shadow:none}[data-ui=timeline] [data-variant=outline] [data-part=marker]:not(:empty,:has(>[data-check])){color:var(--_tone-mark)}[data-ui=timeline] [data-variant=outline][data-tone]:not([data-tone=secondary]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){border-color:var(--_tone-border)}[data-ui=timeline] [data-variant=solid] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-variant=subtle] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:not(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:transparent;color:var(--_tone-mark)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:has(>[data-check]){background-color:var(--_tone-mark);border-width:0}[data-ui=timeline] [data-current] [data-part=marker]:empty{background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-current] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{--slotted-icon-size: calc(var(--_marker) - 2 * var(--slotted-space-1, .125rem));color:var(--_surface)}[data-ui=timeline] [data-current] [data-part=marker]{box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface),0 0 0 var(--_reach) var(--_tone-mark),0 0 0 calc(var(--_reach) + var(--_line-gap)) var(--_surface)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])),[data-ui=timeline] [data-current] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-loading][data-variant] [data-part=marker]{background-color:var(--_surface);border-color:transparent;box-shadow:0 0 0 var(--_line-gap) var(--_surface);color:var(--_tone-mark)}[data-ui=timeline] [data-loading]>[data-part=content]{color:var(--_muted)}[data-ui=timeline] [data-part=connector]{border-block-start:0 solid var(--_line);border-inline-start:var(--_rule) solid var(--_line);display:block;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-start:calc(50% - var(--_rule) / 2);position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-connector=dashed] [data-part=connector]{border-block-start-style:dashed;border-inline-start-style:dashed}[data-ui=timeline] [data-connector=none] [data-part=connector],[data-ui=timeline] [data-part=item]:last-child [data-part=connector]{display:none}[data-ui=timeline] [data-complete] [data-part=connector]{border-color:var(--_tone-mark)}[data-ui=timeline] [data-part=content]{column-gap:0;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:0}[data-ui=timeline] [data-part=content]>:not([data-part=title],[data-part=time]){grid-column:1 / -1}[data-ui=timeline] [data-part=content]>:is([data-part=actor],[data-part=description]){margin-block-start:var(--slotted-timeline-content-gap, var(--slotted-space-2, .25rem))}[data-ui=timeline] [data-part=title]{color:var(--_strong);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));grid-column:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=content]>[data-part=time]{grid-column:2;grid-row:1;margin-inline-start:var(--_gap)}[data-ui=timeline] [data-part=time]{color:var(--_muted);font-size:var(--slotted-timeline-time-font-size, var(--slotted-font-size-xs, .75rem));font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=timeline] [data-part=actor]{align-items:center;color:var(--_muted);column-gap:var(--slotted-space-3, .375rem);display:flex;font-size:var(--_meta-size);min-inline-size:0}[data-ui=timeline] [data-part=description]{color:var(--_muted);font-size:var(--_meta-size);min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=actions]{column-gap:var(--_gap);display:flex;flex-wrap:wrap;margin-block-start:var(--slotted-space-4, .5rem);row-gap:var(--slotted-space-2, .25rem)}[data-ui=timeline] [data-part=item][tabindex]:focus-visible{border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=group]{display:block}[data-ui=timeline] [data-part=group]+[data-part=group]{margin-block-start:var(--_item-gap)}[data-ui=timeline] [data-part=group-label]{align-items:center;color:var(--_muted);display:flex;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-group-weight, var(--slotted-font-weight-semibold, 600));line-height:var(--_leading);margin:0 0 var(--slotted-timeline-group-gap, var(--slotted-space-4, .5rem))}[data-ui=timeline] [data-part=group-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--slotted-space-2, .25rem);cursor:pointer;display:inline-flex;font:inherit;min-block-size:var(--slotted-target-min, 24px);padding:0;text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=group-trigger]:enabled:hover{color:var(--_strong)}[data-ui=timeline] [data-part=group-trigger]:enabled:active{color:var(--_strong);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=group-trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=group-indicator]{--slotted-icon-size: var(--_icon);display:inline-flex;flex:none}[data-ui=timeline] [data-part=group]{--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=timeline] [data-part=group-indicator]>[data-ui=icon]{rotate:-90deg;transition:rotate var(--_fold)}[data-ui=timeline] [data-open]>[data-part=group-label] [data-part=group-indicator]>[data-ui=icon]{rotate:0deg}[data-ui=timeline] [data-part=group-list]{interpolate-size:allow-keywords;opacity:1;overflow:clip;overflow-clip-margin:max(round(up,var(--_reach),1px),calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px)));transition:block-size var(--_fold),opacity var(--_fold),visibility var(--_fold)}[data-ui=timeline] [data-part=group-list][hidden]{block-size:0;display:flex;opacity:0;visibility:hidden}[data-ui=timeline] [data-part=group-label]{transition:margin-block-end var(--_fold)}[data-ui=timeline] [data-part=group-label]:has(+[data-part=group-list][hidden]){margin-block-end:0}[data-ui=timeline] [data-part=fresh],[data-ui=timeline] button[data-part=more]{align-items:center;appearance:none;background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_ring);border-radius:var(--slotted-radius-full, 9999px);color:var(--_strong);column-gap:var(--_gap);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=fresh]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight);--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text);interpolate-size:allow-keywords;margin-block-end:var(--_item-gap);opacity:1;overflow:clip;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--_fold),min-block-size var(--_fold),border-block-width var(--_fold),margin-block-end var(--_fold),opacity var(--_fold),display var(--_fold) allow-discrete}@starting-style{[data-ui=timeline] [data-part=fresh]:not([hidden]){block-size:0;border-block-width:0;margin-block-end:0;min-block-size:0;opacity:0}}[data-ui=timeline] [data-part=fresh][hidden]{block-size:0;border-block-width:0;display:none;margin-block-end:0;min-block-size:0;opacity:0;pointer-events:none}[data-ui=timeline] [data-part=fresh]:enabled:hover{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-hover, 8%))}[data-ui=timeline] [data-part=fresh]:enabled:active{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-active, 14%))}[data-ui=timeline] button[data-part=more]:enabled:hover{background-color:var(--slotted-tone-secondary-subtle-hover, Canvas)}[data-ui=timeline] button[data-part=more]:enabled:active{background-color:var(--slotted-tone-secondary-subtle-active, Canvas)}[data-ui=timeline] :is([data-part=fresh],button[data-part=more]):enabled:active{transition-duration:var(--slotted-duration-instant)}[data-ui=timeline] [data-part=fresh]:focus-visible,[data-ui=timeline] button[data-part=more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_opposite-column, 0px) + var(--_rail) + var(--_gap))}[data-ui=timeline] [data-part=list]:has([data-part=opposite])~[data-part=more]{margin-inline-start:calc(var(--_opposite) + var(--_rail) + 2 * var(--_gap))}[data-ui=timeline] div[data-part=more]{align-items:center;color:var(--_muted);column-gap:var(--_gap);display:flex;font-size:var(--_meta-size);min-block-size:var(--slotted-control-height-sm, 30px)}[data-ui=timeline] [data-part=more]>[data-ui=spinner]{--slotted-spinner-size: var(--_icon)}[data-ui=timeline] [data-part=empty]{color:var(--_muted);padding-block:var(--_item-gap);text-align:center}[data-ui=timeline][data-placement=start] [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail) [opposite] var(--_opposite-column, 0)}[data-ui=timeline][data-placement=start] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail)}[data-ui=timeline][data-placement=start] [data-part=content]{text-align:end}[data-ui=timeline][data-placement=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=start] [data-part=opposite]{text-align:start}[data-ui=timeline][data-placement=start] [data-part=more]{margin-inline-start:0}[data-ui=timeline][data-placement=alternate] [data-part=item]{grid-template-columns:[before] round(down,calc((100% - var(--_rail)) / 2 - var(--_gap)),1px) [rail] var(--_rail) [after] minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=content]{grid-column:after}[data-ui=timeline][data-placement=alternate] [data-part=opposite]{grid-column:before}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=opposite]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=content]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=opposite]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=title],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=time],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) :is([data-part=actor],[data-part=actions]),[data-ui=timeline][data-placement=alternate] [data-side=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=alternate] [data-part=more]{margin-inline-start:calc(50% + var(--_rail) / 2 + var(--_gap))}[data-ui=timeline][data-orientation=horizontal] [data-part=list]{display:grid;grid-auto-columns:minmax(var(--slotted-timeline-track-min, var(--slotted-space-12, 4rem)),1fr);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding-block:round(up,var(--_reach),1px) var(--slotted-space-2, .25rem);padding-inline:round(up,var(--_reach),1px)}[data-ui=timeline][data-orientation=horizontal] [data-part=item]{align-content:start;align-items:start;column-gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:[before] auto [rail] auto [after] auto;margin-block-end:0;padding-inline-end:var(--_item-gap);row-gap:0}[data-ui=timeline][data-orientation=horizontal] [data-part=item]:last-child{padding-inline-end:0}[data-ui=timeline][data-orientation=horizontal] [data-part=rail]{align-items:start;align-self:start;block-size:var(--_rail);grid-column:1;grid-row:rail;justify-content:center}[data-ui=timeline][data-orientation=horizontal] [data-part=marker]{--_lift: 0px;margin-inline-start:calc((var(--_rail) - var(--_marker)) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=connector]{border-block-start-width:var(--_rule);border-inline-start-width:0;block-size:0;inline-size:auto;inset-block-end:auto;inset-block-start:calc(50% - var(--_rule) / 2);inset-inline-end:calc(-1 * var(--_item-gap) - var(--_rail) / 2);inset-inline-start:calc(var(--_rail) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{align-self:start;grid-column:1;grid-row:after;margin-block:var(--_gap) 0;text-align:start}[data-ui=timeline][data-orientation=horizontal] [data-part=opposite]{align-self:start;grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=content],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]{grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=opposite],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite]{grid-column:1;grid-row:after;margin-block:var(--_gap) 0}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=horizontal] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=horizontal] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal] [data-part=more]{margin-block-start:var(--_gap);margin-inline-start:0}@container slotted-timeline (max-width: 20rem){[data-ui=timeline][data-orientation=vertical] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=vertical] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=list] [data-part=item]:nth-child(n){grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{grid-column:content;grid-row:1;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n) :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@container slotted-timeline (max-width: 30rem){[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=list]{display:flex;flex-direction:column;overflow-x:visible;padding:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr);grid-template-rows:none;margin-block-end:var(--_item-gap);padding-inline-end:0;row-gap:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=rail]{align-items:center;align-self:stretch;block-size:auto;grid-column:rail;grid-row:1 / 3;justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=marker]{--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);margin-inline-start:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=connector]{border-block-start-width:0;border-inline-start-width:var(--_rule);block-size:auto;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-end:auto;inset-inline-start:calc(50% - var(--_rule) / 2)}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{align-self:baseline;grid-column:content;grid-row:1;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{align-self:baseline;grid-column:content;grid-row:auto;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_rail) + var(--_gap))}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=content],[data-part=opposite]){grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] [data-part=opposite]{grid-row:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]{grid-template-columns:minmax(0,1fr) auto}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=title]{grid-column:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=time]{grid-column:2;margin-inline:var(--_gap) 0}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@media(forced-colors:active){[data-ui=timeline] [data-part=marker]:empty:after{background-color:currentColor;forced-color-adjust:none}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{color:inherit}[data-ui=timeline] [data-current]:not([data-loading]) [data-part=marker]{outline:var(--_edge) solid CanvasText;outline-offset:var(--slotted-border-width-thick, 2px)}}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], dependencies: [{ kind: "component", type: i0.forwardRef(() => SlTimelineTime), selector: "time[slTimelineTime]", inputs: ["value", "format", "locale", "timeZone", "now"], exportAs: ["slTimelineTime"] }, { kind: "component", type: i0.forwardRef(() => SlGlyph), selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: i0.forwardRef(() => 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: SlTimelineItem, decorators: [{
+            type: Component,
+            args: [{ selector: 'li[slTimelineItem], article[slTimelineItem]', standalone: true, imports: [forwardRef(() => SlTimelineTime), SlGlyph, SlIcon], template: `
+    <ng-content select="[slTimelineOpposite]"></ng-content>
+    <div data-part="rail">
+      <span data-part="marker">
+        @if (loading()) {
+          <span aria-hidden="true" data-part="root" data-ui="spinner"></span>
+        } @else {
+          <ng-content select="[slTimelineMarker]">
+            @if (finished() && !current()) {
+              <span slIcon data-check=""><svg slGlyph name="check"></svg></span>
+            }
+          </ng-content>
+        }
+      </span>
+      @if (!last()) {
+        <span aria-hidden="true" data-part="connector"></span>
+      }
+    </div>
+    <div data-part="content">
+      @if (title() !== undefined) {
+        <div data-part="title" [id]="partId('title')">{{ title() }}</div>
+      }
+      <ng-content select="[slTimelineTitle]"></ng-content>
+      @if (current()) {
+        <span data-ui="visually-hidden" [id]="partId('current')">{{ timeline.t('current') }}</span>
+      }
+      @if (time() !== undefined) {
+        @if (timeLabel() !== undefined) {
+          <time slTimelineTime [id]="partId('time')" [value]="time()!">{{ timeLabel() }}</time>
+        } @else {
+          <time slTimelineTime [id]="partId('time')" [value]="time()!"></time>
+        }
+      }
+      @if (actor() !== undefined) {
+        <div data-part="actor" [id]="partId('actor')">{{ actor() }}</div>
+      }
+      <ng-content select="[slTimelineActor]"></ng-content>
+      @if (description() !== undefined) {
+        <div data-part="description" [id]="partId('description')">{{ description() }}</div>
+      }
+      <ng-content select="[slTimelineDescription]"></ng-content>
+      <ng-content></ng-content>
+      <ng-content select="[slTimelineActions]"></ng-content>
+    </div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slTimelineItem', host: {
+                        'data-part': 'item',
+                        '[attr.role]': 'timeline.feed() ? "article" : null',
+                        '[attr.tabindex]': 'timeline.feed() ? (ownTabindex ?? "0") : null',
+                        '[attr.aria-posinset]': 'timeline.feed() ? index() + 1 : null',
+                        '[attr.aria-setsize]': 'timeline.feed() ? setSize() : null',
+                        '[attr.aria-labelledby]': 'timeline.feed() ? labelledBy() : null',
+                        '[attr.aria-describedby]': 'timeline.feed() ? describedBy() : null',
+                        '[attr.aria-current]': 'current() ? "true" : null',
+                        '[attr.aria-busy]': 'loading() ? "true" : null',
+                        '[attr.data-current]': 'current() ? "" : null',
+                        '[attr.data-complete]': 'finished() && !current() ? "" : null',
+                        '[attr.data-loading]': 'loading() ? "" : null',
+                        '[attr.data-connector]': 'line() === "solid" ? null : line()',
+                        '[attr.data-side]': 'sideValue()',
+                        '[attr.data-tone]': 'tone() ?? timeline.toneValue()',
+                        '[attr.data-variant]': 'variant() ?? timeline.variantValue()',
+                    }, styles: ["@layer slotted.components{[data-ui=timeline]{--_icon: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-md, 13px));--_meta-size: var(--slotted-timeline-meta-font-size, var(--_font-size));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph: calc(var(--_icon) - 2 * var(--slotted-space-1, .125rem));--_dot: calc(var(--_rule) + round(up, var(--_glyph) - var(--_rule), 2px));--_core: calc( var(--_rule) + round(nearest, var(--_dot) * var(--slotted-timeline-core-ratio, .4) - var(--_rule), 2px) );--_badge: calc( var(--_rule) + round(up, var(--_icon) + 2 * var(--slotted-space-1, .125rem) - var(--_rule), 2px) );--_avatar: calc( var(--_rule) + round(up, var(--slotted-avatar-size-xs, 24px) - var(--_rule), 2px) );--_rail: var(--_dot);--_rule: var(--slotted-timeline-connector-thickness, var(--slotted-border-width-thin, 1px));--_edge: var(--slotted-border-width-medium, 1.5px);--_reach: calc(var(--_edge) + var(--slotted-border-width-thick, 2px));--_item-gap: var( --slotted-timeline-item-gap, calc(var(--_gap) + var(--slotted-space-2, .25rem)) );--_line-gap: var(--slotted-timeline-line-gap, var(--slotted-space-1, .125rem));--_opposite: var(--slotted-timeline-opposite-size, 8rem);--_line-height: var(--slotted-timeline-line-height, var(--slotted-line-height-md, 1.5));--_leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_muted: var(--slotted-timeline-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-timeline-color, var(--slotted-text, CanvasText));--_line: var(--slotted-timeline-connector-color, var(--slotted-border-subtle, GrayText));--_ring: var( --slotted-timeline-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_surface: var(--slotted-timeline-marker-surface, var(--slotted-surface, Canvas));color:var(--_strong);container-name:slotted-timeline;container-type:inline-size;display:block;font-family:var(--slotted-timeline-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui=timeline][data-size=sm]{--_icon: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-sm, 12px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-sm, 6px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline][data-size=lg]{--_icon: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-lg, 14px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-lg, 8px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline]:has([data-part=marker]>:not([data-ui=spinner],[data-check])){--_rail: var(--_badge)}[data-ui=timeline]:has([data-part=marker]>[data-ui=avatar]){--_rail: max(var(--_badge), var(--_avatar))}[data-ui=timeline],[data-ui=timeline] [data-tone=secondary]{--_tone-solid: var(--slotted-tone-secondary-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-secondary-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-secondary-surface, Canvas);--_tone-border: var(--slotted-tone-secondary-border, ButtonBorder);--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-mark: var(--slotted-border-strong, GrayText)}[data-ui=timeline][data-tone=accent],[data-ui=timeline] [data-tone=accent]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-on-solid: var(--slotted-tone-accent-on-solid, HighlightText);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-mark: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight)}[data-ui=timeline][data-tone=success],[data-ui=timeline] [data-tone=success]{--_tone-solid: var(--slotted-tone-success-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-success-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-success-surface, Canvas);--_tone-border: var(--slotted-tone-success-border, ButtonBorder);--_tone-mark: var(--slotted-tone-success-border, ButtonBorder);--_tone-text: var(--slotted-tone-success-text, CanvasText)}[data-ui=timeline][data-tone=warning],[data-ui=timeline] [data-tone=warning]{--_tone-solid: var(--slotted-tone-warning-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-warning-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-warning-surface, Canvas);--_tone-border: var(--slotted-tone-warning-border, ButtonBorder);--_tone-mark: var(--slotted-tone-warning-border, ButtonBorder);--_tone-text: var(--slotted-tone-warning-text, CanvasText)}[data-ui=timeline][data-tone=danger],[data-ui=timeline] [data-tone=danger]{--_tone-solid: var(--slotted-tone-danger-solid, Mark);--_tone-on-solid: var(--slotted-tone-danger-on-solid, MarkText);--_tone-surface: var(--slotted-tone-danger-surface, Canvas);--_tone-border: var(--slotted-tone-danger-border, Mark);--_tone-mark: var(--slotted-tone-danger-border, Mark);--_tone-text: var(--slotted-tone-danger-text, MarkText)}[data-ui=timeline] :is([data-part=list],[data-part=group-list]){display:flex;flex-direction:column;list-style:none;margin:0;padding:0}[data-ui=timeline] [data-part=list]:has([data-part=opposite]){--_opposite-column: var(--_opposite)}[data-ui=timeline] [data-part=item]{align-items:stretch;column-gap:var(--_gap);display:grid;grid-template-columns:[opposite] var(--_opposite-column, 0) [rail] var(--_rail) [content] minmax(0,1fr);position:relative}[data-ui=timeline] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline] [data-part=item]{margin-block-end:var(--_item-gap)}[data-ui=timeline] [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline] [data-part=content]{align-self:baseline;grid-column:content;grid-row:1;min-inline-size:0}[data-ui=timeline] [data-part=opposite]{align-self:baseline;color:var(--_muted);grid-column:opposite;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;text-align:end}[data-ui=timeline] [data-part=rail]{align-items:center;display:flex;flex-direction:column;grid-column:rail;grid-row:1;line-height:var(--_leading);position:relative}[data-ui=timeline] [data-part=marker]{--_marker: var(--_dot);--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);--_tint: color-mix(in srgb, var(--_tone-mark) 16%, var(--_surface));align-items:center;background-color:var(--_tint);block-size:var(--_marker);border:0 solid transparent;border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_line-gap) var(--_surface);box-sizing:border-box;color:var(--_muted);display:inline-flex;flex:none;inline-size:var(--_marker);justify-content:center;margin-block-start:var(--_lift);overflow:hidden;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui=timeline] [data-part=marker]:empty:after{background-color:var(--_tone-mark);border-radius:inherit;content:\"\";inset:calc((var(--_marker) - var(--_core)) / 2);position:absolute}[data-ui=timeline] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){--_marker: var(--_badge);background-color:var(--_surface);border-color:var(--_ring);border-width:var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=marker]>[data-ui=icon]{--slotted-icon-size: calc( var(--_badge) - 2 * round(down, (var(--_badge) - var(--_glyph)) / 2, 1px) );color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=spinner]{--slotted-spinner-size: var(--_dot);color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=avatar]{--slotted-avatar-size: var(--_avatar)}[data-ui=timeline] [data-part=marker]:has(>[data-ui=avatar]){--_marker: var(--_avatar);background-color:transparent;border-width:0}[data-ui=timeline] [data-variant=outline] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:var(--_tone-mark);border-width:var(--_edge)}[data-ui=timeline] [data-variant=outline] [data-part=marker]:empty:after,[data-ui=timeline] [data-variant=solid] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-variant=solid] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:transparent;box-shadow:none}[data-ui=timeline] [data-variant=outline] [data-part=marker]:not(:empty,:has(>[data-check])){color:var(--_tone-mark)}[data-ui=timeline] [data-variant=outline][data-tone]:not([data-tone=secondary]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){border-color:var(--_tone-border)}[data-ui=timeline] [data-variant=solid] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-variant=subtle] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:not(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:transparent;color:var(--_tone-mark)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:has(>[data-check]){background-color:var(--_tone-mark);border-width:0}[data-ui=timeline] [data-current] [data-part=marker]:empty{background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-current] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{--slotted-icon-size: calc(var(--_marker) - 2 * var(--slotted-space-1, .125rem));color:var(--_surface)}[data-ui=timeline] [data-current] [data-part=marker]{box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface),0 0 0 var(--_reach) var(--_tone-mark),0 0 0 calc(var(--_reach) + var(--_line-gap)) var(--_surface)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])),[data-ui=timeline] [data-current] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-loading][data-variant] [data-part=marker]{background-color:var(--_surface);border-color:transparent;box-shadow:0 0 0 var(--_line-gap) var(--_surface);color:var(--_tone-mark)}[data-ui=timeline] [data-loading]>[data-part=content]{color:var(--_muted)}[data-ui=timeline] [data-part=connector]{border-block-start:0 solid var(--_line);border-inline-start:var(--_rule) solid var(--_line);display:block;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-start:calc(50% - var(--_rule) / 2);position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-connector=dashed] [data-part=connector]{border-block-start-style:dashed;border-inline-start-style:dashed}[data-ui=timeline] [data-connector=none] [data-part=connector],[data-ui=timeline] [data-part=item]:last-child [data-part=connector]{display:none}[data-ui=timeline] [data-complete] [data-part=connector]{border-color:var(--_tone-mark)}[data-ui=timeline] [data-part=content]{column-gap:0;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:0}[data-ui=timeline] [data-part=content]>:not([data-part=title],[data-part=time]){grid-column:1 / -1}[data-ui=timeline] [data-part=content]>:is([data-part=actor],[data-part=description]){margin-block-start:var(--slotted-timeline-content-gap, var(--slotted-space-2, .25rem))}[data-ui=timeline] [data-part=title]{color:var(--_strong);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));grid-column:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=content]>[data-part=time]{grid-column:2;grid-row:1;margin-inline-start:var(--_gap)}[data-ui=timeline] [data-part=time]{color:var(--_muted);font-size:var(--slotted-timeline-time-font-size, var(--slotted-font-size-xs, .75rem));font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=timeline] [data-part=actor]{align-items:center;color:var(--_muted);column-gap:var(--slotted-space-3, .375rem);display:flex;font-size:var(--_meta-size);min-inline-size:0}[data-ui=timeline] [data-part=description]{color:var(--_muted);font-size:var(--_meta-size);min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=actions]{column-gap:var(--_gap);display:flex;flex-wrap:wrap;margin-block-start:var(--slotted-space-4, .5rem);row-gap:var(--slotted-space-2, .25rem)}[data-ui=timeline] [data-part=item][tabindex]:focus-visible{border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=group]{display:block}[data-ui=timeline] [data-part=group]+[data-part=group]{margin-block-start:var(--_item-gap)}[data-ui=timeline] [data-part=group-label]{align-items:center;color:var(--_muted);display:flex;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-group-weight, var(--slotted-font-weight-semibold, 600));line-height:var(--_leading);margin:0 0 var(--slotted-timeline-group-gap, var(--slotted-space-4, .5rem))}[data-ui=timeline] [data-part=group-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--slotted-space-2, .25rem);cursor:pointer;display:inline-flex;font:inherit;min-block-size:var(--slotted-target-min, 24px);padding:0;text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=group-trigger]:enabled:hover{color:var(--_strong)}[data-ui=timeline] [data-part=group-trigger]:enabled:active{color:var(--_strong);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=group-trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=group-indicator]{--slotted-icon-size: var(--_icon);display:inline-flex;flex:none}[data-ui=timeline] [data-part=group]{--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=timeline] [data-part=group-indicator]>[data-ui=icon]{rotate:-90deg;transition:rotate var(--_fold)}[data-ui=timeline] [data-open]>[data-part=group-label] [data-part=group-indicator]>[data-ui=icon]{rotate:0deg}[data-ui=timeline] [data-part=group-list]{interpolate-size:allow-keywords;opacity:1;overflow:clip;overflow-clip-margin:max(round(up,var(--_reach),1px),calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px)));transition:block-size var(--_fold),opacity var(--_fold),visibility var(--_fold)}[data-ui=timeline] [data-part=group-list][hidden]{block-size:0;display:flex;opacity:0;visibility:hidden}[data-ui=timeline] [data-part=group-label]{transition:margin-block-end var(--_fold)}[data-ui=timeline] [data-part=group-label]:has(+[data-part=group-list][hidden]){margin-block-end:0}[data-ui=timeline] [data-part=fresh],[data-ui=timeline] button[data-part=more]{align-items:center;appearance:none;background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_ring);border-radius:var(--slotted-radius-full, 9999px);color:var(--_strong);column-gap:var(--_gap);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=fresh]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight);--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text);interpolate-size:allow-keywords;margin-block-end:var(--_item-gap);opacity:1;overflow:clip;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--_fold),min-block-size var(--_fold),border-block-width var(--_fold),margin-block-end var(--_fold),opacity var(--_fold),display var(--_fold) allow-discrete}@starting-style{[data-ui=timeline] [data-part=fresh]:not([hidden]){block-size:0;border-block-width:0;margin-block-end:0;min-block-size:0;opacity:0}}[data-ui=timeline] [data-part=fresh][hidden]{block-size:0;border-block-width:0;display:none;margin-block-end:0;min-block-size:0;opacity:0;pointer-events:none}[data-ui=timeline] [data-part=fresh]:enabled:hover{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-hover, 8%))}[data-ui=timeline] [data-part=fresh]:enabled:active{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-active, 14%))}[data-ui=timeline] button[data-part=more]:enabled:hover{background-color:var(--slotted-tone-secondary-subtle-hover, Canvas)}[data-ui=timeline] button[data-part=more]:enabled:active{background-color:var(--slotted-tone-secondary-subtle-active, Canvas)}[data-ui=timeline] :is([data-part=fresh],button[data-part=more]):enabled:active{transition-duration:var(--slotted-duration-instant)}[data-ui=timeline] [data-part=fresh]:focus-visible,[data-ui=timeline] button[data-part=more]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_opposite-column, 0px) + var(--_rail) + var(--_gap))}[data-ui=timeline] [data-part=list]:has([data-part=opposite])~[data-part=more]{margin-inline-start:calc(var(--_opposite) + var(--_rail) + 2 * var(--_gap))}[data-ui=timeline] div[data-part=more]{align-items:center;color:var(--_muted);column-gap:var(--_gap);display:flex;font-size:var(--_meta-size);min-block-size:var(--slotted-control-height-sm, 30px)}[data-ui=timeline] [data-part=more]>[data-ui=spinner]{--slotted-spinner-size: var(--_icon)}[data-ui=timeline] [data-part=empty]{color:var(--_muted);padding-block:var(--_item-gap);text-align:center}[data-ui=timeline][data-placement=start] [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail) [opposite] var(--_opposite-column, 0)}[data-ui=timeline][data-placement=start] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail)}[data-ui=timeline][data-placement=start] [data-part=content]{text-align:end}[data-ui=timeline][data-placement=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=start] [data-part=opposite]{text-align:start}[data-ui=timeline][data-placement=start] [data-part=more]{margin-inline-start:0}[data-ui=timeline][data-placement=alternate] [data-part=item]{grid-template-columns:[before] round(down,calc((100% - var(--_rail)) / 2 - var(--_gap)),1px) [rail] var(--_rail) [after] minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=content]{grid-column:after}[data-ui=timeline][data-placement=alternate] [data-part=opposite]{grid-column:before}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=opposite]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=content]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=opposite]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=title],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=time],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) :is([data-part=actor],[data-part=actions]),[data-ui=timeline][data-placement=alternate] [data-side=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=alternate] [data-part=more]{margin-inline-start:calc(50% + var(--_rail) / 2 + var(--_gap))}[data-ui=timeline][data-orientation=horizontal] [data-part=list]{display:grid;grid-auto-columns:minmax(var(--slotted-timeline-track-min, var(--slotted-space-12, 4rem)),1fr);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding-block:round(up,var(--_reach),1px) var(--slotted-space-2, .25rem);padding-inline:round(up,var(--_reach),1px)}[data-ui=timeline][data-orientation=horizontal] [data-part=item]{align-content:start;align-items:start;column-gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:[before] auto [rail] auto [after] auto;margin-block-end:0;padding-inline-end:var(--_item-gap);row-gap:0}[data-ui=timeline][data-orientation=horizontal] [data-part=item]:last-child{padding-inline-end:0}[data-ui=timeline][data-orientation=horizontal] [data-part=rail]{align-items:start;align-self:start;block-size:var(--_rail);grid-column:1;grid-row:rail;justify-content:center}[data-ui=timeline][data-orientation=horizontal] [data-part=marker]{--_lift: 0px;margin-inline-start:calc((var(--_rail) - var(--_marker)) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=connector]{border-block-start-width:var(--_rule);border-inline-start-width:0;block-size:0;inline-size:auto;inset-block-end:auto;inset-block-start:calc(50% - var(--_rule) / 2);inset-inline-end:calc(-1 * var(--_item-gap) - var(--_rail) / 2);inset-inline-start:calc(var(--_rail) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{align-self:start;grid-column:1;grid-row:after;margin-block:var(--_gap) 0;text-align:start}[data-ui=timeline][data-orientation=horizontal] [data-part=opposite]{align-self:start;grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=content],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]{grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=opposite],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite]{grid-column:1;grid-row:after;margin-block:var(--_gap) 0}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=horizontal] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=horizontal] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal] [data-part=more]{margin-block-start:var(--_gap);margin-inline-start:0}@container slotted-timeline (max-width: 20rem){[data-ui=timeline][data-orientation=vertical] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=vertical] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=list] [data-part=item]:nth-child(n){grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{grid-column:content;grid-row:1;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n) :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@container slotted-timeline (max-width: 30rem){[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=list]{display:flex;flex-direction:column;overflow-x:visible;padding:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr);grid-template-rows:none;margin-block-end:var(--_item-gap);padding-inline-end:0;row-gap:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=rail]{align-items:center;align-self:stretch;block-size:auto;grid-column:rail;grid-row:1 / 3;justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=marker]{--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);margin-inline-start:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=connector]{border-block-start-width:0;border-inline-start-width:var(--_rule);block-size:auto;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-end:auto;inset-inline-start:calc(50% - var(--_rule) / 2)}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{align-self:baseline;grid-column:content;grid-row:1;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{align-self:baseline;grid-column:content;grid-row:auto;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_rail) + var(--_gap))}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=content],[data-part=opposite]){grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] [data-part=opposite]{grid-row:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]{grid-template-columns:minmax(0,1fr) auto}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=title]{grid-column:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=time]{grid-column:2;margin-inline:var(--_gap) 0}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@media(forced-colors:active){[data-ui=timeline] [data-part=marker]:empty:after{background-color:currentColor;forced-color-adjust:none}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{color:inherit}[data-ui=timeline] [data-current]:not([data-loading]) [data-part=marker]{outline:var(--_edge) solid CanvasText;outline-offset:var(--slotted-border-width-thick, 2px)}}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
+        }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], actor: [{ type: i0.Input, args: [{ isSignal: true, alias: "actor", required: false }] }], time: [{ type: i0.Input, args: [{ isSignal: true, alias: "time", required: false }] }], timeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeLabel", required: false }] }], current: [{ type: i0.Input, args: [{ isSignal: true, alias: "current", required: false }] }], complete: [{ type: i0.Input, args: [{ isSignal: true, alias: "complete", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], connector: [{ type: i0.Input, args: [{ isSignal: true, alias: "connector", required: false }] }], side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], projectedTitle: [{ type: i0.ContentChild, args: [forwardRef(() => SlTimelineTitle), { isSignal: true }] }], projectedActor: [{ type: i0.ContentChild, args: [forwardRef(() => SlTimelineActor), { isSignal: true }] }], projectedDescription: [{ type: i0.ContentChild, args: [forwardRef(() => SlTimelineDescription), { isSignal: true }] }] } });
+/**
+ * When it happened, as the platform reads it and as the reader does. The
+ * machine value always goes to `datetime`; the text is the family's
+ * formatting unless the consumer projected their own, and a relative reading
+ * keeps the absolute one in `title`. Outside a timeline it still works, from
+ * the locale in force and the runtime's zone.
+ */
+class SlTimelineTime {
+    timeline = inject(SlTimeline, { optional: true });
+    runtimeLocale = injectLocale();
+    value = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    format = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "format" }] : /* istanbul ignore next */ []));
+    locale = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
+    timeZone = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "timeZone" }] : /* istanbul ignore next */ []));
+    now = input(undefined, { ...(ngDevMode ? { debugName: "now" } : /* istanbul ignore next */ {}), transform: optionalNumber });
+    formatted = computed(() => formatTimestamp(this.value(), {
+        format: this.format() ?? this.timeline?.timeFormatValue(),
+        locale: this.locale() ?? this.timeline?.localeValue() ?? this.runtimeLocale(),
+        now: this.now() ?? this.timeline?.nowValue(),
+        timeZone: this.timeZone() ?? this.timeline?.timeZoneValue(),
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "formatted" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineTime, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTimelineTime, isStandalone: true, selector: "time[slTimelineTime]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, timeZone: { classPropertyName: "timeZone", publicName: "timeZone", isSignal: true, isRequired: false, transformFunction: null }, now: { classPropertyName: "now", publicName: "now", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "time" }, properties: { "attr.datetime": "formatted().dateTime", "attr.title": "formatted().title" } }, exportAs: ["slTimelineTime"], ngImport: i0, template: '<ng-content>{{ formatted().text }}</ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineTime, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'time[slTimelineTime]',
+                    standalone: true,
+                    template: '<ng-content>{{ formatted().text }}</ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    exportAs: 'slTimelineTime',
+                    host: {
+                        'data-part': 'time',
+                        '[attr.datetime]': 'formatted().dateTime',
+                        '[attr.title]': 'formatted().title',
+                    },
+                }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], timeZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeZone", required: false }] }], now: [{ type: i0.Input, args: [{ isSignal: true, alias: "now", required: false }] }] } });
+/**
+ * The body's parts as the consumer's own elements: a title that is a link, an
+ * actor that is an avatar beside a name, a description with markup, a row of
+ * buttons, content for the other side of the rail, artwork for the marker.
+ * Each directive writes the part and the id the article is labelled by.
+ */
+class SlTimelineTitle {
+    item = inject(SlTimelineItem);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTimelineTitle, isStandalone: true, selector: "[slTimelineTitle]", host: { attributes: { "data-part": "title" }, properties: { "attr.id": "item.partId(\"title\")" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineTitle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slTimelineTitle]',
+                    standalone: true,
+                    host: { 'data-part': 'title', '[attr.id]': 'item.partId("title")' },
+                }]
+        }] });
+class SlTimelineActor {
+    item = inject(SlTimelineItem);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineActor, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTimelineActor, isStandalone: true, selector: "[slTimelineActor]", host: { attributes: { "data-part": "actor" }, properties: { "attr.id": "item.partId(\"actor\")" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineActor, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slTimelineActor]',
+                    standalone: true,
+                    host: { 'data-part': 'actor', '[attr.id]': 'item.partId("actor")' },
+                }]
+        }] });
+class SlTimelineDescription {
+    item = inject(SlTimelineItem);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTimelineDescription, isStandalone: true, selector: "[slTimelineDescription]", host: { attributes: { "data-part": "description" }, properties: { "attr.id": "item.partId(\"description\")" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineDescription, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slTimelineDescription]',
+                    standalone: true,
+                    host: { 'data-part': 'description', '[attr.id]': 'item.partId("description")' },
+                }]
+        }] });
+class SlTimelineActions {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineActions, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTimelineActions, isStandalone: true, selector: "[slTimelineActions]", host: { attributes: { "data-part": "actions" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineActions, decorators: [{
+            type: Directive,
+            args: [{ selector: '[slTimelineActions]', standalone: true, host: { 'data-part': 'actions' } }]
+        }] });
+class SlTimelineOpposite {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineOpposite, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTimelineOpposite, isStandalone: true, selector: "[slTimelineOpposite]", host: { attributes: { "data-part": "opposite" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineOpposite, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slTimelineOpposite]',
+                    standalone: true,
+                    host: { 'data-part': 'opposite' },
+                }]
+        }] });
+/** Artwork projected into the marker; the marker itself is the family's. */
+class SlTimelineMarker {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineMarker, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTimelineMarker, isStandalone: true, selector: "[slTimelineMarker]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineMarker, decorators: [{
+            type: Directive,
+            args: [{ selector: '[slTimelineMarker]', standalone: true }]
+        }] });
+/** What stands in for the list while it has no events. */
+class SlTimelineEmpty {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineEmpty, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTimelineEmpty, isStandalone: true, selector: "[slTimelineEmpty]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineEmpty, decorators: [{
+            type: Directive,
+            args: [{ selector: '[slTimelineEmpty]', standalone: true }]
+        }] });
+/** Absence has to survive the transform, so an unset input stays unset. */
+function optionalBoolean(value) {
+    return value === undefined ? undefined : booleanAttribute(value);
+}
+function optionalNumber(value) {
+    if (value === undefined || value === null || value === '')
+        return undefined;
+    const parsed = numberAttribute(value);
+    return Number.isFinite(parsed) ? parsed : undefined;
+}
+function optionalLevel(value) {
+    const parsed = optionalNumber(value);
+    return parsed === 2 || parsed === 3 || parsed === 4 || parsed === 5 || parsed === 6
+        ? parsed
+        : undefined;
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SlTimeline, SlTimelineActions, SlTimelineActor, SlTimelineDescription, SlTimelineEmpty, SlTimelineGroup, SlTimelineGroupList, SlTimelineItem, SlTimelineList, SlTimelineMarker, SlTimelineOpposite, SlTimelineTime, SlTimelineTitle, TIMELINE_DEFAULTS_TOKEN, TIMELINE_DEFAULT_GROWING, TIMELINE_DEFAULT_LEVEL, TIMELINE_DEFAULT_MODE, TIMELINE_DEFAULT_ORDER, TIMELINE_DEFAULT_ORIENTATION, TIMELINE_DEFAULT_PLACEMENT, TIMELINE_DEFAULT_SIZE, TIMELINE_DEFAULT_TIME_FORMAT, TIMELINE_DEFAULT_TONE, TIMELINE_DEFAULT_VARIANT, injectTimelineDefaults, provideTimelineDefaults };
+//# sourceMappingURL=slotted-angular-timeline.mjs.map