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

package/fesm2022/slotted-angular-navigation-menu.mjs

@@ -0,0 +1,770 @@
+import { createDismissableLayer } from '@slotted/core/dismissable-layer';
+import { navigationMenuMessages } from '@slotted/core/i18n';
+import { createHoverIntent, motionBetween, measureViewport, writeGeometry, focusTarget } from '@slotted/core/navigation-menu';
+import { createControllable } from '@slotted/core/state';
+import { injectMessages } from '@slotted/angular/i18n';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, Injectable, booleanAttribute, numberAttribute, model, input, output, HostAttributeToken, ElementRef, computed, signal, DestroyRef, effect, untracked, afterNextRender, afterRenderEffect, Directive, ViewEncapsulation, ChangeDetectionStrategy, Component, forwardRef } from '@angular/core';
+import { createPresence } from '@slotted/core/presence';
+import { SlGlyph, SlIcon } from '@slotted/angular/icon';
+
+/** The contract's defaults. */
+const NAVIGATION_MENU_FALLBACK = {
+    arrow: false,
+    closeDelay: 300,
+    closeOnSelect: true,
+    openDelay: 200,
+    size: 'md',
+};
+const NAVIGATION_MENU_DEFAULTS = new InjectionToken('slotted navigation-menu defaults', { providedIn: 'root', factory: () => NAVIGATION_MENU_FALLBACK });
+/**
+ * An application decides once how its navigation menus behave — the hover
+ * delays, whether following a link closes the panel, the size, the arrow —
+ * rather than on every instance. An instance that states any of them still
+ * wins. Its words come from the language in force (`provideSlotted`).
+ */
+function provideNavigationMenuDefaults(defaults) {
+    return {
+        provide: NAVIGATION_MENU_DEFAULTS,
+        useFactory: () => ({ ...NAVIGATION_MENU_FALLBACK, ...defaults }),
+    };
+}
+/** What a navigation menu renders as here, before it states anything of its own. */
+function injectNavigationMenuDefaults() {
+    return inject(NAVIGATION_MENU_DEFAULTS);
+}
+/**
+ * Application-scoped rather than module-scoped, for the reason `field` records:
+ * a module-level counter produces colliding sequences when two applications
+ * render in one server process, and the server and the client sequences must
+ * match for hydration.
+ */
+class SlNavigationMenuIdFactory {
+    count = 0;
+    next() {
+        this.count += 1;
+        return `slotted-navigation-menu-${this.count}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuIdFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuIdFactory, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuIdFactory, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+function toggle(element, name, on) {
+    if (on)
+        element.setAttribute(name, '');
+    else
+        element.removeAttribute(name);
+}
+const NAVIGATION_MENU_SECTION = new InjectionToken('slotted navigation-menu section');
+/** Provided by a panel, so a root inside one knows it is a second level. */
+const NAVIGATION_MENU_PANEL = new InjectionToken('slotted navigation-menu panel');
+/** The gap the surface keeps from the window's edges when it is moved to fit. */
+const GUTTER = 8;
+const SECTION = ':scope > [data-part="list"] > [data-part="item"]';
+function optionalBoolean(state) {
+    return state === undefined ? undefined : booleanAttribute(state);
+}
+function optionalNumber(state) {
+    return state === undefined ? undefined : numberAttribute(state);
+}
+/**
+ * The sections of a site or an application, each a button that shows a panel
+ * of links under the row — or beside the column — with direct links beside
+ * them.
+ *
+ * The directive goes on the consumer's own element: `<nav slNavigationMenu>`
+ * on its own, `<div slNavigationMenu>` inside another one's panel, where it is
+ * a second level — vertical, with no surface of its own, switching inside the
+ * outer panel. It is a directive rather than a component so that another
+ * family can carry it on its own part — `top-navigation`'s nav does, as a host
+ * directive — and it appends the one surface after the consumer's list
+ * itself. The stylesheet comes with the list and the trigger, the two parts
+ * every menu has.
+ *
+ * **One value.** `value` is the open section, two-way; every way it moves
+ * asks through `valueChangeRequest` with its reason.
+ *
+ * **The panel stays in its item.** Each panel follows its trigger in the
+ * DOM, which is the disclosure example's structure and what lets Tab reach
+ * it. The root writes the open panel's measured size and place on itself
+ * (`@slotted/core/navigation-menu`); the stylesheet lays the panel over the
+ * surface and moves both on one interpolation.
+ */
+class SlNavigationMenu {
+    /** The open section's value, or null. Two-way, so a template may bind it directly. */
+    value = model(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    size = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** A row or a column. Unstated, a second level is a column and a first level a row. */
+    orientation = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    /** Draws the mark on the surface's edge that points at the open trigger. */
+    arrow = input(undefined, { ...(ngDevMode ? { debugName: "arrow" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    /** Milliseconds a pointer rests on a trigger before its section opens. */
+    openDelay = input(undefined, { ...(ngDevMode ? { debugName: "openDelay" } : /* istanbul ignore next */ {}), transform: optionalNumber });
+    /** Milliseconds a pointer leaving the root waits before the section closes. */
+    closeDelay = input(undefined, { ...(ngDevMode ? { debugName: "closeDelay" } : /* istanbul ignore next */ {}), transform: optionalNumber });
+    /** A link inside a panel closes the panel when it is followed. A link's own input wins. */
+    closeOnSelect = input(undefined, { ...(ngDevMode ? { debugName: "closeOnSelect" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    /** Words laid over the catalog of the language in force. A static `aria-label` still wins. */
+    messages = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
+    /** One output for one transition, carrying the reason and the event. */
+    valueChangeRequest = output();
+    defaults = injectNavigationMenuDefaults();
+    writtenLabel = inject(new HostAttributeToken('aria-label'), { optional: true });
+    outer = inject(SlNavigationMenu, { optional: true, skipSelf: true });
+    nested = this.outer !== null && inject(NAVIGATION_MENU_PANEL, { optional: true }) === true;
+    host = inject(ElementRef).nativeElement;
+    resolvedSize = computed(() => this.size() ?? this.defaults.size, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedSize" }] : /* istanbul ignore next */ []));
+    resolvedOrientation = computed(() => this.orientation() ?? (this.nested ? 'vertical' : 'horizontal'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedOrientation" }] : /* istanbul ignore next */ []));
+    resolvedArrow = computed(() => this.arrow() ?? this.defaults.arrow, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedArrow" }] : /* istanbul ignore next */ []));
+    resolvedOpenDelay = computed(() => this.openDelay() ?? this.defaults.openDelay, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedOpenDelay" }] : /* istanbul ignore next */ []));
+    resolvedCloseDelay = computed(() => this.closeDelay() ?? this.defaults.closeDelay, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedCloseDelay" }] : /* istanbul ignore next */ []));
+    resolvedCloseOnSelect = computed(() => this.closeOnSelect() ?? this.defaults.closeOnSelect, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedCloseOnSelect" }] : /* istanbul ignore next */ []));
+    t = injectMessages(navigationMenuMessages, this.messages);
+    ariaLabel = computed(() => this.nested ? null : (this.writtenLabel ?? this.t('navigation')), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    /** The crossing between the section that left and the one that arrived. */
+    motion = signal({
+        from: null,
+        to: null,
+        enter: null,
+        exit: null,
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "motion" }] : /* istanbul ignore next */ []));
+    positioned = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "positioned" }] : /* istanbul ignore next */ []));
+    /** Whether the open section stands in this root's list, where the surface can reach it. */
+    surfaced = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "surfaced" }] : /* istanbul ignore next */ []));
+    /** Each section's panel id, by value: a section another family moved out of the list keeps one. */
+    panels = new Map();
+    tick = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tick" }] : /* istanbul ignore next */ []));
+    opened = false;
+    /** The pointer: a delay to open, a switch without one, a delay to close. */
+    intent = createHoverIntent({
+        openDelay: () => this.resolvedOpenDelay(),
+        closeDelay: () => this.resolvedCloseDelay(),
+        isOpen: () => this.value() !== null,
+        open: (next) => this.request(next, 'pointer'),
+        close: () => this.request(null, 'pointer'),
+    });
+    constructor() {
+        const destroyRef = inject(DestroyRef);
+        destroyRef.onDestroy(() => this.intent.destroy());
+        let previous = this.value();
+        effect(() => {
+            const current = this.value();
+            untracked(() => {
+                if (current === previous)
+                    return;
+                const order = [...this.host.querySelectorAll(SECTION)].map((item) => item.getAttribute('data-value') ?? '');
+                this.motion.set({
+                    from: previous,
+                    to: current,
+                    ...motionBetween(order, previous, current),
+                });
+                previous = current;
+            });
+        });
+        /* The surface, after the consumer's list. A second level has none. */
+        if (!this.nested) {
+            const document = this.host.ownerDocument;
+            const viewport = document.createElement('div');
+            viewport.setAttribute('data-part', 'viewport');
+            const arrow = document.createElement('span');
+            arrow.setAttribute('data-part', 'arrow');
+            arrow.setAttribute('aria-hidden', 'true');
+            afterNextRender(() => this.host.appendChild(viewport));
+            effect(() => {
+                toggle(viewport, 'data-open', this.value() !== null && this.surfaced());
+                toggle(viewport, 'data-positioned', this.positioned());
+                if (this.resolvedArrow())
+                    viewport.appendChild(arrow);
+                else
+                    arrow.remove();
+            });
+            destroyRef.onDestroy(() => viewport.remove());
+        }
+        afterRenderEffect(() => {
+            this.value();
+            this.tick();
+            this.resolvedOrientation();
+            untracked(() => this.measure());
+        });
+        /* Escape and a press outside the root close the open section. */
+        effect((onCleanup) => {
+            const open = this.value();
+            if (open === null || this.nested)
+                return;
+            const away = untracked(() => this.openPanel());
+            const layer = createDismissableLayer(this.host, {
+                ...(away !== null && !this.host.contains(away) ? { branches: [away] } : {}),
+                escape: true,
+                focusOutside: false,
+                modal: false,
+                outsidePress: true,
+                scrollLock: false,
+                onDismiss: (dismissal) => {
+                    const reason = dismissal.reason === 'escape' ? 'escape' : 'outsidePress';
+                    const trigger = this.host.querySelector(`${SECTION}[data-value="${CSS.escape(open)}"] > [data-part="trigger"]`);
+                    this.request(null, reason, dismissal.source);
+                    if (reason === 'escape')
+                        trigger?.focus();
+                },
+            });
+            onCleanup(() => layer.destroy());
+        });
+        /* A panel that grows, a window that narrows, fonts that arrive: measure again. */
+        afterNextRender(() => {
+            if (typeof ResizeObserver === 'undefined')
+                return;
+            const observer = new ResizeObserver(() => this.remeasure());
+            observer.observe(this.host);
+            for (const content of this.host.querySelectorAll(`${SECTION} > [data-part="content"]`)) {
+                observer.observe(content);
+            }
+            const view = this.host.ownerDocument.defaultView;
+            const onResize = () => this.remeasure();
+            view?.addEventListener('resize', onResize);
+            destroyRef.onDestroy(() => {
+                observer.disconnect();
+                view?.removeEventListener('resize', onResize);
+            });
+        });
+    }
+    /** A section says where its panel is, wherever another family moves it. */
+    register(value, contentId) {
+        this.panels.set(value, contentId);
+        return () => {
+            if (this.panels.get(value) === contentId)
+                this.panels.delete(value);
+        };
+    }
+    /** The open section's panel, wherever it stands in the document. */
+    openPanel() {
+        const open = this.value();
+        const id = open === null ? undefined : this.panels.get(open);
+        return id === undefined ? null : this.host.ownerDocument.getElementById(id);
+    }
+    /** Asks the open section to move. */
+    request(next, reason, source) {
+        const state = createControllable({
+            initial: this.value(),
+            onRequest: (change) => this.valueChangeRequest.emit(change),
+        });
+        if (state.request(next, reason, source))
+            this.value.set(next);
+    }
+    /** A panel link was followed: every level closes, with the reason `select`. */
+    select(source) {
+        if (this.nested && this.outer !== null)
+            this.outer.select(source);
+        else
+            this.request(null, 'select', source);
+    }
+    /** The pointer entered a trigger. */
+    hover(value, pointerType) {
+        this.intent.enter(value, pointerType);
+    }
+    /** Measures the open panel again on the next render. */
+    remeasure() {
+        this.tick.update((value) => value + 1);
+    }
+    /** Opens one section, with the reason `programmatic`. */
+    open(value) {
+        this.request(value, 'programmatic');
+    }
+    /** Closes the open section, with the reason `programmatic`. */
+    close() {
+        this.request(null, 'programmatic');
+    }
+    /** Focuses one section's trigger, or the first top-level control. */
+    focus(value) {
+        const selector = value === undefined
+            ? `${SECTION} > :is([data-part="trigger"], [data-part="link"])`
+            : `${SECTION}[data-value="${CSS.escape(value)}"] > :is([data-part="trigger"], [data-part="link"])`;
+        this.host.querySelector(selector)?.focus();
+    }
+    /** The surface, measured from the open panel and placed under (or beside) its trigger. */
+    measure() {
+        const current = this.value();
+        if (current === null) {
+            this.opened = false;
+            return;
+        }
+        const item = this.host.querySelector(`${SECTION}[data-value="${CSS.escape(current)}"]`);
+        const trigger = item?.querySelector(':scope > [data-part="trigger"]');
+        const content = item?.querySelector(':scope > [data-part="content"]');
+        /* A section moved out of the list — folded into another family's panel —
+           opens where it stands, and the surface stays away. */
+        this.surfaced.set(Boolean(trigger && content));
+        if (!trigger || !content || content.hidden) {
+            if (!trigger || !content)
+                this.opened = false;
+            return;
+        }
+        const geometry = measureViewport(this.host, trigger, content, this.resolvedOrientation(), GUTTER);
+        if (this.nested) {
+            const list = this.host.querySelector(':scope > [data-part="list"]');
+            geometry.blockSize = Math.max(geometry.blockSize, list?.offsetHeight ?? 0);
+        }
+        /* A first open writes its numbers while nothing transitions, then lets
+           the stylesheet's transition back in for the next change of section. */
+        const first = !this.opened;
+        if (first)
+            this.host.style.setProperty('transition', 'none');
+        writeGeometry(this.host, geometry);
+        if (first) {
+            void this.host.offsetWidth;
+            this.host.style.removeProperty('transition');
+        }
+        this.opened = true;
+        this.positioned.set(true);
+        if (this.nested)
+            this.outer?.remeasure();
+    }
+    onPointerLeave(event) {
+        if (!this.nested && event.pointerType !== 'touch')
+            this.intent.leave();
+    }
+    onFocusOut(event) {
+        if (this.nested)
+            return;
+        const next = event.relatedTarget;
+        if (next !== null && (this.host.contains(next) || this.openPanel()?.contains(next)))
+            return;
+        if (this.value() !== null)
+            this.request(null, 'blur', event);
+    }
+    onKeyDown(event) {
+        if (event.defaultPrevented)
+            return;
+        const target = event.target;
+        const level = target.closest('[data-ui="navigation-menu"]');
+        const owner = target.closest('[data-part="content"]')?.closest('[data-ui="navigation-menu"]');
+        if (level !== this.host && owner !== this.host)
+            return;
+        const next = focusTarget(this.host, target, event.key, {
+            orientation: this.resolvedOrientation(),
+            dir: getComputedStyle(this.host).direction === 'rtl' ? 'rtl' : 'ltr',
+        });
+        if (next === null)
+            return;
+        event.preventDefault();
+        next.focus();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenu, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlNavigationMenu, isStandalone: true, selector: "[slNavigationMenu]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, arrow: { classPropertyName: "arrow", publicName: "arrow", isSignal: true, isRequired: false, transformFunction: null }, openDelay: { classPropertyName: "openDelay", publicName: "openDelay", isSignal: true, isRequired: false, transformFunction: null }, closeDelay: { classPropertyName: "closeDelay", publicName: "closeDelay", isSignal: true, isRequired: false, transformFunction: null }, closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", valueChangeRequest: "valueChangeRequest" }, host: { attributes: { "data-ui": "navigation-menu", "data-part": "root" }, listeners: { "focusout": "onFocusOut($event)", "keydown": "onKeyDown($event)", "pointerenter": "intent.stay()", "pointerleave": "onPointerLeave($event)" }, properties: { "attr.aria-label": "ariaLabel()", "attr.data-nested": "nested ? '' : null", "attr.data-orientation": "resolvedOrientation()", "attr.data-size": "resolvedSize()" } }, exportAs: ["slNavigationMenu"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenu, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slNavigationMenu]',
+                    standalone: true,
+                    exportAs: 'slNavigationMenu',
+                    host: {
+                        'data-ui': 'navigation-menu',
+                        'data-part': 'root',
+                        '[attr.aria-label]': 'ariaLabel()',
+                        '[attr.data-nested]': "nested ? '' : null",
+                        '[attr.data-orientation]': 'resolvedOrientation()',
+                        '[attr.data-size]': 'resolvedSize()',
+                        '(focusout)': 'onFocusOut($event)',
+                        '(keydown)': 'onKeyDown($event)',
+                        '(pointerenter)': 'intent.stay()',
+                        '(pointerleave)': 'onPointerLeave($event)',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], arrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "arrow", required: false }] }], openDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "openDelay", required: false }] }], closeDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeDelay", required: false }] }], closeOnSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnSelect", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], valueChangeRequest: [{ type: i0.Output, args: ["valueChangeRequest"] }] } });
+
+/** A click synthesised by the keyboard reports no detail; a real one reports the count. */
+function activationReason(event) {
+    return event.detail === 0 ? 'keyboard' : 'pointer';
+}
+/**
+ * The sections and the top-level links, in a row or a column. A component
+ * for one reason: it brings the family's stylesheet, which the root — a
+ * directive another family may carry — cannot.
+ */
+class SlNavigationMenuList {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlNavigationMenuList, isStandalone: true, selector: "ul[slNavigationMenuList]", host: { attributes: { "data-part": "list" } }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@property --slotted-navigation-menu-viewport-inline-size{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-viewport-block-size{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-viewport-inline-start{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-viewport-block-start{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-arrow-offset{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@layer slotted.components{[data-ui=navigation-menu]{--_control-height: var(--slotted-control-height-md, 34px);--_control-padding: var(--slotted-control-padding-inline-md, 13px);--_control-font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-sm, 6px);--_list-gap: var(--slotted-space-1, .125rem);--_radius: var(--slotted-navigation-menu-radius, var(--slotted-control-radius, 4px));--_surface: var(--slotted-navigation-menu-surface, var(--slotted-surface-raised, Canvas));--_border-color: var( --slotted-navigation-menu-border-color, var(--slotted-border-subtle, ButtonBorder) );--_border-width: var(--slotted-border-width-thin, 1px);--_shadow: var(--slotted-navigation-menu-shadow, var(--slotted-shadow-md));--_viewport-radius: var( --slotted-navigation-menu-viewport-radius, var(--slotted-radius-lg, 8px) );--_offset: var(--slotted-navigation-menu-offset, var(--slotted-space-2, .25rem));--_inset: var(--slotted-space-2, .25rem);--_column-size: var(--slotted-navigation-menu-column-size, 15rem);--_column-gap: var(--slotted-space-2, .25rem);--_group-min: 10rem;--_gutter: var(--slotted-space-4, .5rem);--_font-size: var(--slotted-control-font-size-md, 13px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_leading: round(up, calc(var(--_font-size) * var(--slotted-line-height-md, 1.5)), 1px);--_secondary-leading: round( up, calc(var(--_secondary-font-size) * var(--slotted-line-height-sm, 1.45)), 1px );--_link-inset-inline: calc(var(--_control-padding) - var(--_border-width) - var(--_inset));--_link-inset-block: var(--slotted-space-4, .5rem);--_color: var(--slotted-navigation-menu-color, var(--slotted-text, CanvasText));--_muted-color: var(--slotted-navigation-menu-muted-color, var(--slotted-text-muted, GrayText));--_hover-background: var( --slotted-navigation-menu-hover-background, var(--slotted-tone-secondary-subtle-hover) );--_active-background: var( --slotted-navigation-menu-active-background, var(--slotted-tone-secondary-subtle-active) );--_current-color: var(--slotted-navigation-menu-current-color, var(--slotted-tone-accent-text));--_current-background: var( --slotted-navigation-menu-current-background, var(--slotted-tone-accent-surface) );--_current-edge: var( --slotted-navigation-menu-current-edge, var(--slotted-current-edge, transparent) );--_disabled-color: var(--slotted-disabled-foreground, GrayText);--_duration: var(--slotted-control-transition-duration, var(--slotted-duration-short));--_easing: var(--slotted-control-transition-easing, var(--slotted-easing-standard));--_enter-distance: var(--slotted-space-2, .25rem);--_slide-distance: var(--slotted-space-6, 1rem);--_inline-sign: 1;--_arrow-size: var(--slotted-space-4, .5rem);box-sizing:border-box;color:var(--_color);display:flex;font-family:var(--slotted-control-font-family, inherit);font-size:var(--_control-font-size);position:relative}[data-ui=navigation-menu]:dir(rtl){--_inline-sign: -1}[data-ui=navigation-menu]:has(>[data-part=list]>[data-part=item]>[data-part=content][data-open]){z-index:var(--slotted-z-index-popover, 1100)}[data-ui=navigation-menu]:has(>[data-part=viewport][data-open]){transition:--slotted-navigation-menu-viewport-inline-size var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-viewport-block-size var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-viewport-inline-start var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-viewport-block-start var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-arrow-offset var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui=navigation-menu][data-size=sm]{--_control-height: var(--slotted-control-height-sm, 30px);--_control-padding: var(--slotted-control-padding-inline-sm, 10px);--_control-font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=navigation-menu][data-size=lg]{--_control-height: var(--slotted-control-height-lg, 38px);--_control-padding: var(--slotted-control-padding-inline-lg, 16px);--_control-font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-md, 8px)}[data-ui=navigation-menu]>[data-part=list]{align-items:center;display:flex;gap:var(--_list-gap);list-style:none;margin:0;padding:0}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]{display:flex}:where([data-ui=navigation-menu]>[data-part=list]>[data-part=item])>:is([data-part=trigger],[data-part=link]){align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--_radius);box-sizing:border-box;color:var(--_color);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--_gap);line-height:var(--slotted-control-line-height, 1);margin:0;min-block-size:var(--_control-height);padding-block:0;padding-inline:var(--_control-padding);text-decoration:none;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing);white-space:nowrap}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]:not([data-disabled])>[data-part=trigger]:enabled:hover,[data-ui=navigation-menu]>[data-part=list]>[data-part=item]:not([data-disabled])>[data-part=link]:not([data-disabled],[data-current],[aria-current=page]):hover{background-color:var(--_hover-background)}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]:not([data-disabled])>[data-part=trigger]:enabled:active,[data-ui=navigation-menu]>[data-part=list]>[data-part=item]:not([data-disabled])>[data-part=link]:not([data-disabled],[data-current],[aria-current=page]):active{background-color:var(--_active-background);transition-duration:var(--slotted-duration-instant)}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=trigger][data-open]:enabled{background-color:var(--_hover-background)}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=trigger][data-current]:enabled{color:var(--_current-color)}[data-ui=navigation-menu] [data-part=link]:is([data-current],[aria-current=page]){background-color:var(--_current-background);box-shadow:inset 0 0 0 var(--_border-width) var(--_current-edge);color:var(--_current-color)}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=link]:is([data-current],[aria-current=page]){font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=navigation-menu] [data-part=trigger]:disabled,[data-ui=navigation-menu] [data-part=link][data-disabled],[data-ui=navigation-menu] [data-part=content] [data-part=link][data-disabled]{color:var(--_disabled-color);cursor:not-allowed}[data-ui=navigation-menu] :is([data-part=trigger],[data-part=link]):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=navigation-menu] [data-part=indicator]{--slotted-icon-size: var(--_icon-size);display:flex;flex:0 0 auto;margin-inline-end:calc(-1 * var(--slotted-space-2, .25rem))}[data-ui=navigation-menu] [data-part=indicator]>[data-ui=icon]{transition:rotate var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui=navigation-menu]:not([data-orientation=vertical])>[data-part=list]>[data-part=item]>[data-part=trigger][data-open]>[data-part=indicator]>[data-ui=icon]{rotate:.5turn}[data-ui=navigation-menu]>[data-part=viewport]{background-color:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_viewport-radius);box-shadow:var(--_shadow);box-sizing:border-box;display:none;block-size:var(--slotted-navigation-menu-viewport-block-size, 0px);inline-size:var(--slotted-navigation-menu-viewport-inline-size, 0px);inset-block-start:calc(100% + var(--_offset));inset-inline-start:var(--slotted-navigation-menu-viewport-inline-start, 0px);opacity:0;pointer-events:none;position:absolute;translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=navigation-menu]>[data-part=viewport][data-positioned]{display:block}[data-ui=navigation-menu]>[data-part=viewport][data-open]{opacity:1;pointer-events:auto;translate:0 0;transition:none}[data-ui=navigation-menu]>[data-part=viewport][data-open][data-positioned]{animation:slotted-navigation-menu-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=navigation-menu]>[data-part=viewport]:before{content:\"\";inset-block-end:100%;inset-inline:0;block-size:calc(var(--_offset) + var(--_border-width));position:absolute}@keyframes slotted-navigation-menu-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-navigation-menu-enter-from-start{0%{opacity:0;translate:calc(-1 * var(--_inline-sign) * var(--_enter-distance)) 0}}@keyframes slotted-navigation-menu-fade{0%{opacity:0}}[data-ui=navigation-menu]>[data-part=viewport]>[data-part=arrow]{background-color:var(--_surface);border-block-start:var(--_border-width) solid var(--_border-color);border-inline-start:var(--_border-width) solid var(--_border-color);border-start-start-radius:var(--slotted-radius-xs, 2px);box-sizing:border-box;block-size:var(--_arrow-size);inline-size:var(--_arrow-size);inset-block-start:calc(var(--_arrow-size) / -2 - var(--_border-width) / 2);inset-inline-start:calc(var(--slotted-navigation-menu-arrow-offset, 50%) - var(--_arrow-size) / 2);position:absolute;rotate:calc(var(--_inline-sign) * 45deg)}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=content]{--_columns: 1;--_content-size: calc( var(--_columns) * var(--_column-size) + (var(--_columns) - 1) * var(--_column-gap) + 2 * (var(--_inset) + var(--_border-width)) );border:var(--_border-width) solid transparent;border-radius:var(--_viewport-radius);box-sizing:border-box;color:var(--_color);column-gap:var(--_column-gap);container-name:slotted-navigation-menu-content;container-type:inline-size;display:grid;font-size:var(--_font-size);grid-template-columns:repeat(auto-fit,minmax(max(var(--_group-min),calc((100% - (var(--_columns) - 1) * var(--_column-gap)) / var(--_columns))),1fr));inline-size:min(var(--_content-size),var(--slotted-navigation-menu-available-inline-size, calc(100vw - 2 * var(--_gutter))));inset-block-start:calc(100% + var(--_offset));inset-inline-start:var(--slotted-navigation-menu-viewport-inline-start, 0px);line-height:var(--_leading);opacity:0;padding:var(--_inset);position:absolute;row-gap:var(--_inset);clip-path:inset(0 max(0px,calc(100% - var(--slotted-navigation-menu-viewport-inline-size))) max(0px,calc(100% - var(--slotted-navigation-menu-viewport-block-size))) 0 round var(--_viewport-radius));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);z-index:1}[data-ui=navigation-menu]:dir(rtl)>[data-part=list]>[data-part=item]>[data-part=content]{clip-path:inset(0 0 max(0px,calc(100% - var(--slotted-navigation-menu-viewport-block-size))) max(0px,calc(100% - var(--slotted-navigation-menu-viewport-inline-size))) round var(--_viewport-radius))}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=content][data-columns=\"2\"]{--_columns: 2}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=content][data-columns=\"3\"]{--_columns: 3}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=content][hidden]{display:none}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=content][data-open]{opacity:1;transition:none}[data-ui=navigation-menu]:not([data-nested]):not(:has(>[data-part=viewport][data-positioned]))>[data-part=list]>[data-part=item]>[data-part=content]{background-color:var(--_surface);border-color:var(--_border-color);box-shadow:var(--_shadow);clip-path:none}[data-ui=navigation-menu] [data-part=content][data-motion=from-end]{animation:slotted-navigation-menu-from-end var(--slotted-duration-medium) var(--slotted-easing-enter) both}[data-ui=navigation-menu] [data-part=content][data-motion=from-start]{animation:slotted-navigation-menu-from-start var(--slotted-duration-medium) var(--slotted-easing-enter) both}[data-ui=navigation-menu] [data-part=content][data-motion=to-end]{animation:slotted-navigation-menu-to-end var(--slotted-duration-short) var(--slotted-easing-exit) both}[data-ui=navigation-menu] [data-part=content][data-motion=to-start]{animation:slotted-navigation-menu-to-start var(--slotted-duration-short) var(--slotted-easing-exit) both}@keyframes slotted-navigation-menu-from-end{0%{opacity:0;translate:calc(var(--_inline-sign) * var(--_slide-distance)) 0}}@keyframes slotted-navigation-menu-from-start{0%{opacity:0;translate:calc(-1 * var(--_inline-sign) * var(--_slide-distance)) 0}}@keyframes slotted-navigation-menu-to-end{to{opacity:0;translate:calc(var(--_inline-sign) * var(--_slide-distance)) 0}}@keyframes slotted-navigation-menu-to-start{to{opacity:0;translate:calc(-1 * var(--_inline-sign) * var(--_slide-distance)) 0}}[data-ui=navigation-menu] [data-part=content]>:is([data-part=links],[data-part=footer]){grid-column:1 / -1}[data-ui=navigation-menu] [data-part=links]{display:grid;gap:var(--_column-gap);grid-template-columns:repeat(var(--_columns, 1),minmax(0,1fr));list-style:none;margin:0;padding:0}[data-ui=navigation-menu] [data-part=group]>[data-part=links]{grid-template-columns:minmax(0,1fr)}@container slotted-navigation-menu-content (inline-size < 480px){[data-ui=navigation-menu] [data-part=links]{grid-template-columns:minmax(0,1fr)}}[data-ui=navigation-menu] [data-part=group]{display:flex;flex-direction:column;gap:var(--slotted-space-1, .125rem);min-inline-size:0}[data-ui=navigation-menu] [data-part=group-label]{color:var(--_muted-color);font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--_secondary-leading);padding-block:var(--slotted-space-3, .375rem) var(--slotted-space-2, .25rem);padding-inline:var(--_link-inset-inline)}[data-ui=navigation-menu] [data-part=content] [data-part=link]{border-radius:var(--_radius);box-sizing:border-box;color:var(--_color);display:grid;font-weight:var(--slotted-font-weight-regular, 400);grid-template-areas:\"icon label\" \"icon description\";grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;line-height:var(--_leading);min-block-size:var(--_control-height);outline-offset:0;padding-block:var(--_link-inset-block);padding-inline:var(--_link-inset-inline);row-gap:var(--slotted-space-1, .125rem);text-decoration:none;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing)}[data-ui=navigation-menu] [data-part=content] [data-part=link]:not(:has([data-part=label])){align-content:center;display:grid;grid-template-areas:none;grid-template-columns:minmax(0,1fr);padding-block:0}[data-ui=navigation-menu] [data-part=content] [data-part=link]:not([data-disabled],[data-current],[aria-current=page]):hover{background-color:var(--_hover-background)}[data-ui=navigation-menu] [data-part=content] [data-part=link]:not([data-disabled],[data-current],[aria-current=page]):active{background-color:var(--_active-background);transition-duration:var(--slotted-duration-instant)}[data-ui=navigation-menu] [data-part=content] [data-part=link]:is([data-current],[aria-current=page]){color:var(--_current-color)}[data-ui=navigation-menu] [data-part=content] [data-part=link]:is([data-current],[aria-current=page])>[data-part=description]{color:inherit}[data-ui=navigation-menu] [data-part=content] [data-part=link]:focus-visible{outline-offset:0}[data-ui=navigation-menu] [data-part=link]>[data-part=icon]{--slotted-icon-size: var(--_icon-size);color:var(--_muted-color);grid-area:icon;line-height:var(--_leading);margin-inline-end:var(--slotted-control-gap-md, 8px);transition:color var(--_duration) var(--_easing)}[data-ui=navigation-menu] [data-part=link]>[data-part=icon]>[data-ui=icon]{display:inline-block;vertical-align:calc((1cap + 1ex) / 4 - var(--_icon-size) / 2)}[data-ui=navigation-menu] [data-part=link]:not([data-disabled],[data-current],[aria-current=page]):hover>[data-part=icon]{color:var(--_color)}[data-ui=navigation-menu] [data-part=link]:is([data-current],[aria-current=page],[data-disabled])>[data-part=icon]{color:inherit}[data-ui=navigation-menu] [data-part=link]>[data-part=label]{font-weight:var(--slotted-font-weight-medium, 500);grid-area:label;min-inline-size:0}[data-ui=navigation-menu] [data-part=link]>[data-part=description]{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--_muted-color);display:-webkit-box;font-size:var(--_secondary-font-size);grid-area:description;line-clamp:2;line-height:var(--_secondary-leading);min-inline-size:0;overflow:hidden}[data-ui=navigation-menu] [data-part=link][data-disabled]>[data-part=description]{color:inherit}[data-ui=navigation-menu] [data-part=footer]{align-items:center;border-block-start:var(--_border-width) solid var(--_border-color);display:flex;gap:var(--slotted-control-gap-md, 8px);justify-content:space-between;margin-inline:calc(-1 * var(--_inset));padding-block:var(--_inset) 0;padding-inline:calc(var(--_inset) + var(--_link-inset-inline)) var(--_inset)}[data-ui=navigation-menu][data-orientation=vertical]>[data-part=list]{align-items:stretch;flex-direction:column;inline-size:100%}[data-ui=navigation-menu][data-orientation=vertical]>[data-part=list]>[data-part=item]>:is([data-part=trigger],[data-part=link]){flex:1 1 auto;justify-content:space-between}[data-ui=navigation-menu][data-orientation=vertical]>[data-part=viewport],[data-ui=navigation-menu][data-orientation=vertical]>[data-part=list]>[data-part=item]>[data-part=content]{inset-block-start:var(--slotted-navigation-menu-viewport-block-start, 0px);inset-inline-start:calc(var(--slotted-navigation-menu-viewport-inline-start, 100%) + var(--_offset))}[data-ui=navigation-menu][data-orientation=vertical]:not([data-nested]):not(:has(>[data-part=viewport][data-positioned]))>[data-part=list]>[data-part=item]>[data-part=content]{inset-inline-start:calc(100% + var(--_offset))}[data-ui=navigation-menu][data-orientation=vertical][data-placement=below]:not([data-nested])>[data-part=viewport],[data-ui=navigation-menu][data-orientation=vertical][data-placement=below]:not([data-nested])>[data-part=list]>[data-part=item]>[data-part=content]{inset-block-start:calc(var(--slotted-navigation-menu-viewport-block-start, 100%) + var(--_offset));inset-inline-start:var(--slotted-navigation-menu-viewport-inline-start, 0px)}[data-ui=navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part=viewport]{translate:calc(-1 * var(--_inline-sign) * var(--_enter-distance)) 0}[data-ui=navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part=viewport][data-open]{translate:0 0}[data-ui=navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part=viewport][data-open][data-positioned]{animation-name:slotted-navigation-menu-enter-from-start}[data-ui=navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part=viewport]:before{block-size:auto;inline-size:calc(var(--_offset) + var(--_border-width));inset-block:0;inset-inline:auto 100%}[data-ui=navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part=viewport]>[data-part=arrow]{inset-block-start:calc(var(--slotted-navigation-menu-arrow-offset, 50%) - var(--_arrow-size) / 2);inset-inline-start:calc(var(--_arrow-size) / -2 - var(--_border-width) / 2);rotate:calc(var(--_inline-sign) * -45deg)}[data-ui=navigation-menu][data-orientation=vertical][data-placement=below]:not([data-nested])>[data-part=list]>[data-part=item]>[data-part=trigger][data-open]>[data-part=indicator]>[data-ui=icon]{rotate:calc(var(--_inline-sign) * .25turn)}[data-ui=navigation-menu][data-nested]{--_nested-list-size: var(--slotted-navigation-menu-nested-list-size, 11rem);grid-column:1 / -1;min-block-size:var(--slotted-navigation-menu-viewport-block-size, auto)}[data-ui=navigation-menu][data-nested]:before{background-color:var(--_border-color);content:\"\";inline-size:var(--_border-width);inset-block:0;inset-inline-start:calc(var(--_nested-list-size) + var(--_inset) / 2);position:absolute}[data-ui=navigation-menu][data-nested]>[data-part=list]{align-self:flex-start;inline-size:var(--_nested-list-size)}[data-ui=navigation-menu][data-nested]>[data-part=viewport]{display:none}[data-ui=navigation-menu][data-nested]>[data-part=list]>[data-part=item]>[data-part=content]{border:0;border-radius:0;clip-path:none;inline-size:calc(100% - var(--_nested-list-size) - var(--_inset));inset-block-start:0;inset-inline-start:calc(var(--_nested-list-size) + var(--_inset));padding-block:0;padding-inline:var(--_inset) 0}@media(prefers-reduced-motion:reduce){[data-ui=navigation-menu]>[data-part=viewport],[data-ui=navigation-menu][data-orientation=vertical]>[data-part=viewport]{translate:0 0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=navigation-menu]>[data-part=viewport][data-open][data-positioned],[data-ui=navigation-menu][data-orientation=vertical]>[data-part=viewport][data-open][data-positioned]{animation-name:slotted-navigation-menu-fade}[data-ui=navigation-menu] [data-part=content]:is([data-motion=from-end],[data-motion=from-start]){animation-name:slotted-navigation-menu-fade}[data-ui=navigation-menu] [data-part=content]:is([data-motion=to-end],[data-motion=to-start]){animation:none;opacity:0}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuList, decorators: [{
+            type: Component,
+            args: [{ selector: 'ul[slNavigationMenuList]', standalone: true, template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { 'data-part': 'list' }, styles: ["@property --slotted-navigation-menu-viewport-inline-size{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-viewport-block-size{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-viewport-inline-start{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-viewport-block-start{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-arrow-offset{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@layer slotted.components{[data-ui=navigation-menu]{--_control-height: var(--slotted-control-height-md, 34px);--_control-padding: var(--slotted-control-padding-inline-md, 13px);--_control-font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-sm, 6px);--_list-gap: var(--slotted-space-1, .125rem);--_radius: var(--slotted-navigation-menu-radius, var(--slotted-control-radius, 4px));--_surface: var(--slotted-navigation-menu-surface, var(--slotted-surface-raised, Canvas));--_border-color: var( --slotted-navigation-menu-border-color, var(--slotted-border-subtle, ButtonBorder) );--_border-width: var(--slotted-border-width-thin, 1px);--_shadow: var(--slotted-navigation-menu-shadow, var(--slotted-shadow-md));--_viewport-radius: var( --slotted-navigation-menu-viewport-radius, var(--slotted-radius-lg, 8px) );--_offset: var(--slotted-navigation-menu-offset, var(--slotted-space-2, .25rem));--_inset: var(--slotted-space-2, .25rem);--_column-size: var(--slotted-navigation-menu-column-size, 15rem);--_column-gap: var(--slotted-space-2, .25rem);--_group-min: 10rem;--_gutter: var(--slotted-space-4, .5rem);--_font-size: var(--slotted-control-font-size-md, 13px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_leading: round(up, calc(var(--_font-size) * var(--slotted-line-height-md, 1.5)), 1px);--_secondary-leading: round( up, calc(var(--_secondary-font-size) * var(--slotted-line-height-sm, 1.45)), 1px );--_link-inset-inline: calc(var(--_control-padding) - var(--_border-width) - var(--_inset));--_link-inset-block: var(--slotted-space-4, .5rem);--_color: var(--slotted-navigation-menu-color, var(--slotted-text, CanvasText));--_muted-color: var(--slotted-navigation-menu-muted-color, var(--slotted-text-muted, GrayText));--_hover-background: var( --slotted-navigation-menu-hover-background, var(--slotted-tone-secondary-subtle-hover) );--_active-background: var( --slotted-navigation-menu-active-background, var(--slotted-tone-secondary-subtle-active) );--_current-color: var(--slotted-navigation-menu-current-color, var(--slotted-tone-accent-text));--_current-background: var( --slotted-navigation-menu-current-background, var(--slotted-tone-accent-surface) );--_current-edge: var( --slotted-navigation-menu-current-edge, var(--slotted-current-edge, transparent) );--_disabled-color: var(--slotted-disabled-foreground, GrayText);--_duration: var(--slotted-control-transition-duration, var(--slotted-duration-short));--_easing: var(--slotted-control-transition-easing, var(--slotted-easing-standard));--_enter-distance: var(--slotted-space-2, .25rem);--_slide-distance: var(--slotted-space-6, 1rem);--_inline-sign: 1;--_arrow-size: var(--slotted-space-4, .5rem);box-sizing:border-box;color:var(--_color);display:flex;font-family:var(--slotted-control-font-family, inherit);font-size:var(--_control-font-size);position:relative}[data-ui=navigation-menu]:dir(rtl){--_inline-sign: -1}[data-ui=navigation-menu]:has(>[data-part=list]>[data-part=item]>[data-part=content][data-open]){z-index:var(--slotted-z-index-popover, 1100)}[data-ui=navigation-menu]:has(>[data-part=viewport][data-open]){transition:--slotted-navigation-menu-viewport-inline-size var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-viewport-block-size var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-viewport-inline-start var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-viewport-block-start var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-arrow-offset var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui=navigation-menu][data-size=sm]{--_control-height: var(--slotted-control-height-sm, 30px);--_control-padding: var(--slotted-control-padding-inline-sm, 10px);--_control-font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=navigation-menu][data-size=lg]{--_control-height: var(--slotted-control-height-lg, 38px);--_control-padding: var(--slotted-control-padding-inline-lg, 16px);--_control-font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-md, 8px)}[data-ui=navigation-menu]>[data-part=list]{align-items:center;display:flex;gap:var(--_list-gap);list-style:none;margin:0;padding:0}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]{display:flex}:where([data-ui=navigation-menu]>[data-part=list]>[data-part=item])>:is([data-part=trigger],[data-part=link]){align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--_radius);box-sizing:border-box;color:var(--_color);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--_gap);line-height:var(--slotted-control-line-height, 1);margin:0;min-block-size:var(--_control-height);padding-block:0;padding-inline:var(--_control-padding);text-decoration:none;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing);white-space:nowrap}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]:not([data-disabled])>[data-part=trigger]:enabled:hover,[data-ui=navigation-menu]>[data-part=list]>[data-part=item]:not([data-disabled])>[data-part=link]:not([data-disabled],[data-current],[aria-current=page]):hover{background-color:var(--_hover-background)}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]:not([data-disabled])>[data-part=trigger]:enabled:active,[data-ui=navigation-menu]>[data-part=list]>[data-part=item]:not([data-disabled])>[data-part=link]:not([data-disabled],[data-current],[aria-current=page]):active{background-color:var(--_active-background);transition-duration:var(--slotted-duration-instant)}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=trigger][data-open]:enabled{background-color:var(--_hover-background)}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=trigger][data-current]:enabled{color:var(--_current-color)}[data-ui=navigation-menu] [data-part=link]:is([data-current],[aria-current=page]){background-color:var(--_current-background);box-shadow:inset 0 0 0 var(--_border-width) var(--_current-edge);color:var(--_current-color)}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=link]:is([data-current],[aria-current=page]){font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=navigation-menu] [data-part=trigger]:disabled,[data-ui=navigation-menu] [data-part=link][data-disabled],[data-ui=navigation-menu] [data-part=content] [data-part=link][data-disabled]{color:var(--_disabled-color);cursor:not-allowed}[data-ui=navigation-menu] :is([data-part=trigger],[data-part=link]):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=navigation-menu] [data-part=indicator]{--slotted-icon-size: var(--_icon-size);display:flex;flex:0 0 auto;margin-inline-end:calc(-1 * var(--slotted-space-2, .25rem))}[data-ui=navigation-menu] [data-part=indicator]>[data-ui=icon]{transition:rotate var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui=navigation-menu]:not([data-orientation=vertical])>[data-part=list]>[data-part=item]>[data-part=trigger][data-open]>[data-part=indicator]>[data-ui=icon]{rotate:.5turn}[data-ui=navigation-menu]>[data-part=viewport]{background-color:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_viewport-radius);box-shadow:var(--_shadow);box-sizing:border-box;display:none;block-size:var(--slotted-navigation-menu-viewport-block-size, 0px);inline-size:var(--slotted-navigation-menu-viewport-inline-size, 0px);inset-block-start:calc(100% + var(--_offset));inset-inline-start:var(--slotted-navigation-menu-viewport-inline-start, 0px);opacity:0;pointer-events:none;position:absolute;translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=navigation-menu]>[data-part=viewport][data-positioned]{display:block}[data-ui=navigation-menu]>[data-part=viewport][data-open]{opacity:1;pointer-events:auto;translate:0 0;transition:none}[data-ui=navigation-menu]>[data-part=viewport][data-open][data-positioned]{animation:slotted-navigation-menu-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=navigation-menu]>[data-part=viewport]:before{content:\"\";inset-block-end:100%;inset-inline:0;block-size:calc(var(--_offset) + var(--_border-width));position:absolute}@keyframes slotted-navigation-menu-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-navigation-menu-enter-from-start{0%{opacity:0;translate:calc(-1 * var(--_inline-sign) * var(--_enter-distance)) 0}}@keyframes slotted-navigation-menu-fade{0%{opacity:0}}[data-ui=navigation-menu]>[data-part=viewport]>[data-part=arrow]{background-color:var(--_surface);border-block-start:var(--_border-width) solid var(--_border-color);border-inline-start:var(--_border-width) solid var(--_border-color);border-start-start-radius:var(--slotted-radius-xs, 2px);box-sizing:border-box;block-size:var(--_arrow-size);inline-size:var(--_arrow-size);inset-block-start:calc(var(--_arrow-size) / -2 - var(--_border-width) / 2);inset-inline-start:calc(var(--slotted-navigation-menu-arrow-offset, 50%) - var(--_arrow-size) / 2);position:absolute;rotate:calc(var(--_inline-sign) * 45deg)}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=content]{--_columns: 1;--_content-size: calc( var(--_columns) * var(--_column-size) + (var(--_columns) - 1) * var(--_column-gap) + 2 * (var(--_inset) + var(--_border-width)) );border:var(--_border-width) solid transparent;border-radius:var(--_viewport-radius);box-sizing:border-box;color:var(--_color);column-gap:var(--_column-gap);container-name:slotted-navigation-menu-content;container-type:inline-size;display:grid;font-size:var(--_font-size);grid-template-columns:repeat(auto-fit,minmax(max(var(--_group-min),calc((100% - (var(--_columns) - 1) * var(--_column-gap)) / var(--_columns))),1fr));inline-size:min(var(--_content-size),var(--slotted-navigation-menu-available-inline-size, calc(100vw - 2 * var(--_gutter))));inset-block-start:calc(100% + var(--_offset));inset-inline-start:var(--slotted-navigation-menu-viewport-inline-start, 0px);line-height:var(--_leading);opacity:0;padding:var(--_inset);position:absolute;row-gap:var(--_inset);clip-path:inset(0 max(0px,calc(100% - var(--slotted-navigation-menu-viewport-inline-size))) max(0px,calc(100% - var(--slotted-navigation-menu-viewport-block-size))) 0 round var(--_viewport-radius));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);z-index:1}[data-ui=navigation-menu]:dir(rtl)>[data-part=list]>[data-part=item]>[data-part=content]{clip-path:inset(0 0 max(0px,calc(100% - var(--slotted-navigation-menu-viewport-block-size))) max(0px,calc(100% - var(--slotted-navigation-menu-viewport-inline-size))) round var(--_viewport-radius))}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=content][data-columns=\"2\"]{--_columns: 2}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=content][data-columns=\"3\"]{--_columns: 3}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=content][hidden]{display:none}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=content][data-open]{opacity:1;transition:none}[data-ui=navigation-menu]:not([data-nested]):not(:has(>[data-part=viewport][data-positioned]))>[data-part=list]>[data-part=item]>[data-part=content]{background-color:var(--_surface);border-color:var(--_border-color);box-shadow:var(--_shadow);clip-path:none}[data-ui=navigation-menu] [data-part=content][data-motion=from-end]{animation:slotted-navigation-menu-from-end var(--slotted-duration-medium) var(--slotted-easing-enter) both}[data-ui=navigation-menu] [data-part=content][data-motion=from-start]{animation:slotted-navigation-menu-from-start var(--slotted-duration-medium) var(--slotted-easing-enter) both}[data-ui=navigation-menu] [data-part=content][data-motion=to-end]{animation:slotted-navigation-menu-to-end var(--slotted-duration-short) var(--slotted-easing-exit) both}[data-ui=navigation-menu] [data-part=content][data-motion=to-start]{animation:slotted-navigation-menu-to-start var(--slotted-duration-short) var(--slotted-easing-exit) both}@keyframes slotted-navigation-menu-from-end{0%{opacity:0;translate:calc(var(--_inline-sign) * var(--_slide-distance)) 0}}@keyframes slotted-navigation-menu-from-start{0%{opacity:0;translate:calc(-1 * var(--_inline-sign) * var(--_slide-distance)) 0}}@keyframes slotted-navigation-menu-to-end{to{opacity:0;translate:calc(var(--_inline-sign) * var(--_slide-distance)) 0}}@keyframes slotted-navigation-menu-to-start{to{opacity:0;translate:calc(-1 * var(--_inline-sign) * var(--_slide-distance)) 0}}[data-ui=navigation-menu] [data-part=content]>:is([data-part=links],[data-part=footer]){grid-column:1 / -1}[data-ui=navigation-menu] [data-part=links]{display:grid;gap:var(--_column-gap);grid-template-columns:repeat(var(--_columns, 1),minmax(0,1fr));list-style:none;margin:0;padding:0}[data-ui=navigation-menu] [data-part=group]>[data-part=links]{grid-template-columns:minmax(0,1fr)}@container slotted-navigation-menu-content (inline-size < 480px){[data-ui=navigation-menu] [data-part=links]{grid-template-columns:minmax(0,1fr)}}[data-ui=navigation-menu] [data-part=group]{display:flex;flex-direction:column;gap:var(--slotted-space-1, .125rem);min-inline-size:0}[data-ui=navigation-menu] [data-part=group-label]{color:var(--_muted-color);font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--_secondary-leading);padding-block:var(--slotted-space-3, .375rem) var(--slotted-space-2, .25rem);padding-inline:var(--_link-inset-inline)}[data-ui=navigation-menu] [data-part=content] [data-part=link]{border-radius:var(--_radius);box-sizing:border-box;color:var(--_color);display:grid;font-weight:var(--slotted-font-weight-regular, 400);grid-template-areas:\"icon label\" \"icon description\";grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;line-height:var(--_leading);min-block-size:var(--_control-height);outline-offset:0;padding-block:var(--_link-inset-block);padding-inline:var(--_link-inset-inline);row-gap:var(--slotted-space-1, .125rem);text-decoration:none;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing)}[data-ui=navigation-menu] [data-part=content] [data-part=link]:not(:has([data-part=label])){align-content:center;display:grid;grid-template-areas:none;grid-template-columns:minmax(0,1fr);padding-block:0}[data-ui=navigation-menu] [data-part=content] [data-part=link]:not([data-disabled],[data-current],[aria-current=page]):hover{background-color:var(--_hover-background)}[data-ui=navigation-menu] [data-part=content] [data-part=link]:not([data-disabled],[data-current],[aria-current=page]):active{background-color:var(--_active-background);transition-duration:var(--slotted-duration-instant)}[data-ui=navigation-menu] [data-part=content] [data-part=link]:is([data-current],[aria-current=page]){color:var(--_current-color)}[data-ui=navigation-menu] [data-part=content] [data-part=link]:is([data-current],[aria-current=page])>[data-part=description]{color:inherit}[data-ui=navigation-menu] [data-part=content] [data-part=link]:focus-visible{outline-offset:0}[data-ui=navigation-menu] [data-part=link]>[data-part=icon]{--slotted-icon-size: var(--_icon-size);color:var(--_muted-color);grid-area:icon;line-height:var(--_leading);margin-inline-end:var(--slotted-control-gap-md, 8px);transition:color var(--_duration) var(--_easing)}[data-ui=navigation-menu] [data-part=link]>[data-part=icon]>[data-ui=icon]{display:inline-block;vertical-align:calc((1cap + 1ex) / 4 - var(--_icon-size) / 2)}[data-ui=navigation-menu] [data-part=link]:not([data-disabled],[data-current],[aria-current=page]):hover>[data-part=icon]{color:var(--_color)}[data-ui=navigation-menu] [data-part=link]:is([data-current],[aria-current=page],[data-disabled])>[data-part=icon]{color:inherit}[data-ui=navigation-menu] [data-part=link]>[data-part=label]{font-weight:var(--slotted-font-weight-medium, 500);grid-area:label;min-inline-size:0}[data-ui=navigation-menu] [data-part=link]>[data-part=description]{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--_muted-color);display:-webkit-box;font-size:var(--_secondary-font-size);grid-area:description;line-clamp:2;line-height:var(--_secondary-leading);min-inline-size:0;overflow:hidden}[data-ui=navigation-menu] [data-part=link][data-disabled]>[data-part=description]{color:inherit}[data-ui=navigation-menu] [data-part=footer]{align-items:center;border-block-start:var(--_border-width) solid var(--_border-color);display:flex;gap:var(--slotted-control-gap-md, 8px);justify-content:space-between;margin-inline:calc(-1 * var(--_inset));padding-block:var(--_inset) 0;padding-inline:calc(var(--_inset) + var(--_link-inset-inline)) var(--_inset)}[data-ui=navigation-menu][data-orientation=vertical]>[data-part=list]{align-items:stretch;flex-direction:column;inline-size:100%}[data-ui=navigation-menu][data-orientation=vertical]>[data-part=list]>[data-part=item]>:is([data-part=trigger],[data-part=link]){flex:1 1 auto;justify-content:space-between}[data-ui=navigation-menu][data-orientation=vertical]>[data-part=viewport],[data-ui=navigation-menu][data-orientation=vertical]>[data-part=list]>[data-part=item]>[data-part=content]{inset-block-start:var(--slotted-navigation-menu-viewport-block-start, 0px);inset-inline-start:calc(var(--slotted-navigation-menu-viewport-inline-start, 100%) + var(--_offset))}[data-ui=navigation-menu][data-orientation=vertical]:not([data-nested]):not(:has(>[data-part=viewport][data-positioned]))>[data-part=list]>[data-part=item]>[data-part=content]{inset-inline-start:calc(100% + var(--_offset))}[data-ui=navigation-menu][data-orientation=vertical][data-placement=below]:not([data-nested])>[data-part=viewport],[data-ui=navigation-menu][data-orientation=vertical][data-placement=below]:not([data-nested])>[data-part=list]>[data-part=item]>[data-part=content]{inset-block-start:calc(var(--slotted-navigation-menu-viewport-block-start, 100%) + var(--_offset));inset-inline-start:var(--slotted-navigation-menu-viewport-inline-start, 0px)}[data-ui=navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part=viewport]{translate:calc(-1 * var(--_inline-sign) * var(--_enter-distance)) 0}[data-ui=navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part=viewport][data-open]{translate:0 0}[data-ui=navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part=viewport][data-open][data-positioned]{animation-name:slotted-navigation-menu-enter-from-start}[data-ui=navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part=viewport]:before{block-size:auto;inline-size:calc(var(--_offset) + var(--_border-width));inset-block:0;inset-inline:auto 100%}[data-ui=navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part=viewport]>[data-part=arrow]{inset-block-start:calc(var(--slotted-navigation-menu-arrow-offset, 50%) - var(--_arrow-size) / 2);inset-inline-start:calc(var(--_arrow-size) / -2 - var(--_border-width) / 2);rotate:calc(var(--_inline-sign) * -45deg)}[data-ui=navigation-menu][data-orientation=vertical][data-placement=below]:not([data-nested])>[data-part=list]>[data-part=item]>[data-part=trigger][data-open]>[data-part=indicator]>[data-ui=icon]{rotate:calc(var(--_inline-sign) * .25turn)}[data-ui=navigation-menu][data-nested]{--_nested-list-size: var(--slotted-navigation-menu-nested-list-size, 11rem);grid-column:1 / -1;min-block-size:var(--slotted-navigation-menu-viewport-block-size, auto)}[data-ui=navigation-menu][data-nested]:before{background-color:var(--_border-color);content:\"\";inline-size:var(--_border-width);inset-block:0;inset-inline-start:calc(var(--_nested-list-size) + var(--_inset) / 2);position:absolute}[data-ui=navigation-menu][data-nested]>[data-part=list]{align-self:flex-start;inline-size:var(--_nested-list-size)}[data-ui=navigation-menu][data-nested]>[data-part=viewport]{display:none}[data-ui=navigation-menu][data-nested]>[data-part=list]>[data-part=item]>[data-part=content]{border:0;border-radius:0;clip-path:none;inline-size:calc(100% - var(--_nested-list-size) - var(--_inset));inset-block-start:0;inset-inline-start:calc(var(--_nested-list-size) + var(--_inset));padding-block:0;padding-inline:var(--_inset) 0}@media(prefers-reduced-motion:reduce){[data-ui=navigation-menu]>[data-part=viewport],[data-ui=navigation-menu][data-orientation=vertical]>[data-part=viewport]{translate:0 0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=navigation-menu]>[data-part=viewport][data-open][data-positioned],[data-ui=navigation-menu][data-orientation=vertical]>[data-part=viewport][data-open][data-positioned]{animation-name:slotted-navigation-menu-fade}[data-ui=navigation-menu] [data-part=content]:is([data-motion=from-end],[data-motion=from-start]){animation-name:slotted-navigation-menu-fade}[data-ui=navigation-menu] [data-part=content]:is([data-motion=to-end],[data-motion=to-start]){animation:none;opacity:0}}}\n"] }]
+        }] });
+/**
+ * One section — a trigger followed by its panel — or one top-level link. It
+ * carries `data-open` while its panel is shown, and knows whether a link
+ * inside the panel is the current page.
+ */
+class SlNavigationMenuItem {
+    /** The item's identity: what the root's `value` names it by. */
+    value = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** The section or the top-level link refuses interaction. */
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    navigation = inject(SlNavigationMenu);
+    contentId = `${inject(SlNavigationMenuIdFactory).next()}-content`;
+    open = computed(() => this.navigation.value() === this.value(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    currents = signal(new Set(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currents" }] : /* istanbul ignore next */ []));
+    /** Whether a link inside this item's panel is the current page. */
+    hasCurrent = computed(() => this.currents().size > 0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasCurrent" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const destroyRef = inject(DestroyRef);
+        let release = null;
+        effect(() => {
+            release?.();
+            release = this.navigation.register(this.value(), this.contentId);
+        });
+        destroyRef.onDestroy(() => release?.());
+        /* A second level holding the current page marks the outer section too. */
+        const outer = inject(NAVIGATION_MENU_SECTION, { optional: true, skipSelf: true });
+        if (outer !== null) {
+            effect(() => outer.reportCurrent(this, this.hasCurrent()));
+            destroyRef.onDestroy(() => outer.reportCurrent(this, false));
+        }
+    }
+    /** A link inside the panel says whether it is the current page. */
+    reportCurrent(link, current) {
+        this.currents.update((set) => {
+            if (set.has(link) === current)
+                return set;
+            const next = new Set(set);
+            if (current)
+                next.add(link);
+            else
+                next.delete(link);
+            return next;
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlNavigationMenuItem, isStandalone: true, selector: "li[slNavigationMenuItem]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "item" }, properties: { "attr.data-value": "value()", "attr.data-open": "open() ? '' : null", "attr.data-disabled": "disabled() ? '' : null" } }, providers: [
+            { provide: NAVIGATION_MENU_SECTION, useExisting: forwardRef(() => SlNavigationMenuItem) },
+        ], exportAs: ["slNavigationMenuItem"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'li[slNavigationMenuItem]',
+                    standalone: true,
+                    exportAs: 'slNavigationMenuItem',
+                    providers: [
+                        { provide: NAVIGATION_MENU_SECTION, useExisting: forwardRef(() => SlNavigationMenuItem) },
+                    ],
+                    host: {
+                        'data-part': 'item',
+                        '[attr.data-value]': 'value()',
+                        '[attr.data-open]': "open() ? '' : null",
+                        '[attr.data-disabled]': "disabled() ? '' : null",
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
+/**
+ * What makes a button a section's trigger: `aria-expanded` and
+ * `aria-controls` toward its panel, `data-open` and `data-current`, a press
+ * and a resting pointer. A host directive, so another family's trigger —
+ * `top-navigation`'s — is wired by the same lines.
+ */
+class SlNavigationMenuTriggerWiring {
+    section = inject(NAVIGATION_MENU_SECTION);
+    navigation = inject(SlNavigationMenu);
+    onClick(event) {
+        if (event.defaultPrevented || this.section.disabled())
+            return;
+        this.navigation.request(this.section.open() ? null : this.section.value(), activationReason(event), event);
+    }
+    onPointerEnter(event) {
+        if (event.defaultPrevented || this.section.disabled())
+            return;
+        /* A trigger another family moved out of the row — into an overflow panel —
+           opens on a press, never on a resting pointer. */
+        if (!this.navigation.host.contains(event.currentTarget))
+            return;
+        this.navigation.hover(this.section.value(), event.pointerType);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuTriggerWiring, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlNavigationMenuTriggerWiring, isStandalone: true, selector: "[slNavigationMenuTriggerWiring]", host: { attributes: { "data-part": "trigger", "type": "button" }, listeners: { "click": "onClick($event)", "pointerenter": "onPointerEnter($event)" }, properties: { "attr.aria-controls": "section.contentId", "attr.aria-expanded": "section.open()", "attr.data-open": "section.open() ? '' : null", "attr.data-current": "section.hasCurrent() ? '' : null", "attr.disabled": "section.disabled() ? '' : null" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuTriggerWiring, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slNavigationMenuTriggerWiring]',
+                    standalone: true,
+                    host: {
+                        'data-part': 'trigger',
+                        type: 'button',
+                        '[attr.aria-controls]': 'section.contentId',
+                        '[attr.aria-expanded]': 'section.open()',
+                        '[attr.data-open]': "section.open() ? '' : null",
+                        '[attr.data-current]': "section.hasCurrent() ? '' : null",
+                        '[attr.disabled]': "section.disabled() ? '' : null",
+                        '(click)': 'onClick($event)',
+                        '(pointerenter)': 'onPointerEnter($event)',
+                    },
+                }]
+        }] });
+/**
+ * The section's button: always a native `button`, because it owns
+ * `aria-expanded` and `aria-controls` and the family wires both. The chevron
+ * is the family's own mark.
+ */
+class SlNavigationMenuTrigger {
+    navigation = inject(SlNavigationMenu);
+    vertical = computed(() => this.navigation.resolvedOrientation() === 'vertical', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "vertical" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuTrigger, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlNavigationMenuTrigger, isStandalone: true, selector: "button[slNavigationMenuTrigger]", exportAs: ["slNavigationMenuTrigger"], hostDirectives: [{ directive: SlNavigationMenuTriggerWiring }], ngImport: i0, template: `<ng-content />
+    <span data-part="indicator" aria-hidden="true"
+      ><span slIcon [directional]="vertical()"
+        ><svg slGlyph [name]="vertical() ? 'chevron-right' : 'chevron-down'"></svg></span
+    ></span>`, isInline: true, styles: ["@property --slotted-navigation-menu-viewport-inline-size{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-viewport-block-size{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-viewport-inline-start{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-viewport-block-start{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-arrow-offset{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@layer slotted.components{[data-ui=navigation-menu]{--_control-height: var(--slotted-control-height-md, 34px);--_control-padding: var(--slotted-control-padding-inline-md, 13px);--_control-font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-sm, 6px);--_list-gap: var(--slotted-space-1, .125rem);--_radius: var(--slotted-navigation-menu-radius, var(--slotted-control-radius, 4px));--_surface: var(--slotted-navigation-menu-surface, var(--slotted-surface-raised, Canvas));--_border-color: var( --slotted-navigation-menu-border-color, var(--slotted-border-subtle, ButtonBorder) );--_border-width: var(--slotted-border-width-thin, 1px);--_shadow: var(--slotted-navigation-menu-shadow, var(--slotted-shadow-md));--_viewport-radius: var( --slotted-navigation-menu-viewport-radius, var(--slotted-radius-lg, 8px) );--_offset: var(--slotted-navigation-menu-offset, var(--slotted-space-2, .25rem));--_inset: var(--slotted-space-2, .25rem);--_column-size: var(--slotted-navigation-menu-column-size, 15rem);--_column-gap: var(--slotted-space-2, .25rem);--_group-min: 10rem;--_gutter: var(--slotted-space-4, .5rem);--_font-size: var(--slotted-control-font-size-md, 13px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_leading: round(up, calc(var(--_font-size) * var(--slotted-line-height-md, 1.5)), 1px);--_secondary-leading: round( up, calc(var(--_secondary-font-size) * var(--slotted-line-height-sm, 1.45)), 1px );--_link-inset-inline: calc(var(--_control-padding) - var(--_border-width) - var(--_inset));--_link-inset-block: var(--slotted-space-4, .5rem);--_color: var(--slotted-navigation-menu-color, var(--slotted-text, CanvasText));--_muted-color: var(--slotted-navigation-menu-muted-color, var(--slotted-text-muted, GrayText));--_hover-background: var( --slotted-navigation-menu-hover-background, var(--slotted-tone-secondary-subtle-hover) );--_active-background: var( --slotted-navigation-menu-active-background, var(--slotted-tone-secondary-subtle-active) );--_current-color: var(--slotted-navigation-menu-current-color, var(--slotted-tone-accent-text));--_current-background: var( --slotted-navigation-menu-current-background, var(--slotted-tone-accent-surface) );--_current-edge: var( --slotted-navigation-menu-current-edge, var(--slotted-current-edge, transparent) );--_disabled-color: var(--slotted-disabled-foreground, GrayText);--_duration: var(--slotted-control-transition-duration, var(--slotted-duration-short));--_easing: var(--slotted-control-transition-easing, var(--slotted-easing-standard));--_enter-distance: var(--slotted-space-2, .25rem);--_slide-distance: var(--slotted-space-6, 1rem);--_inline-sign: 1;--_arrow-size: var(--slotted-space-4, .5rem);box-sizing:border-box;color:var(--_color);display:flex;font-family:var(--slotted-control-font-family, inherit);font-size:var(--_control-font-size);position:relative}[data-ui=navigation-menu]:dir(rtl){--_inline-sign: -1}[data-ui=navigation-menu]:has(>[data-part=list]>[data-part=item]>[data-part=content][data-open]){z-index:var(--slotted-z-index-popover, 1100)}[data-ui=navigation-menu]:has(>[data-part=viewport][data-open]){transition:--slotted-navigation-menu-viewport-inline-size var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-viewport-block-size var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-viewport-inline-start var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-viewport-block-start var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-arrow-offset var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui=navigation-menu][data-size=sm]{--_control-height: var(--slotted-control-height-sm, 30px);--_control-padding: var(--slotted-control-padding-inline-sm, 10px);--_control-font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=navigation-menu][data-size=lg]{--_control-height: var(--slotted-control-height-lg, 38px);--_control-padding: var(--slotted-control-padding-inline-lg, 16px);--_control-font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-md, 8px)}[data-ui=navigation-menu]>[data-part=list]{align-items:center;display:flex;gap:var(--_list-gap);list-style:none;margin:0;padding:0}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]{display:flex}:where([data-ui=navigation-menu]>[data-part=list]>[data-part=item])>:is([data-part=trigger],[data-part=link]){align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--_radius);box-sizing:border-box;color:var(--_color);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--_gap);line-height:var(--slotted-control-line-height, 1);margin:0;min-block-size:var(--_control-height);padding-block:0;padding-inline:var(--_control-padding);text-decoration:none;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing);white-space:nowrap}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]:not([data-disabled])>[data-part=trigger]:enabled:hover,[data-ui=navigation-menu]>[data-part=list]>[data-part=item]:not([data-disabled])>[data-part=link]:not([data-disabled],[data-current],[aria-current=page]):hover{background-color:var(--_hover-background)}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]:not([data-disabled])>[data-part=trigger]:enabled:active,[data-ui=navigation-menu]>[data-part=list]>[data-part=item]:not([data-disabled])>[data-part=link]:not([data-disabled],[data-current],[aria-current=page]):active{background-color:var(--_active-background);transition-duration:var(--slotted-duration-instant)}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=trigger][data-open]:enabled{background-color:var(--_hover-background)}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=trigger][data-current]:enabled{color:var(--_current-color)}[data-ui=navigation-menu] [data-part=link]:is([data-current],[aria-current=page]){background-color:var(--_current-background);box-shadow:inset 0 0 0 var(--_border-width) var(--_current-edge);color:var(--_current-color)}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=link]:is([data-current],[aria-current=page]){font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=navigation-menu] [data-part=trigger]:disabled,[data-ui=navigation-menu] [data-part=link][data-disabled],[data-ui=navigation-menu] [data-part=content] [data-part=link][data-disabled]{color:var(--_disabled-color);cursor:not-allowed}[data-ui=navigation-menu] :is([data-part=trigger],[data-part=link]):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=navigation-menu] [data-part=indicator]{--slotted-icon-size: var(--_icon-size);display:flex;flex:0 0 auto;margin-inline-end:calc(-1 * var(--slotted-space-2, .25rem))}[data-ui=navigation-menu] [data-part=indicator]>[data-ui=icon]{transition:rotate var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui=navigation-menu]:not([data-orientation=vertical])>[data-part=list]>[data-part=item]>[data-part=trigger][data-open]>[data-part=indicator]>[data-ui=icon]{rotate:.5turn}[data-ui=navigation-menu]>[data-part=viewport]{background-color:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_viewport-radius);box-shadow:var(--_shadow);box-sizing:border-box;display:none;block-size:var(--slotted-navigation-menu-viewport-block-size, 0px);inline-size:var(--slotted-navigation-menu-viewport-inline-size, 0px);inset-block-start:calc(100% + var(--_offset));inset-inline-start:var(--slotted-navigation-menu-viewport-inline-start, 0px);opacity:0;pointer-events:none;position:absolute;translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=navigation-menu]>[data-part=viewport][data-positioned]{display:block}[data-ui=navigation-menu]>[data-part=viewport][data-open]{opacity:1;pointer-events:auto;translate:0 0;transition:none}[data-ui=navigation-menu]>[data-part=viewport][data-open][data-positioned]{animation:slotted-navigation-menu-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=navigation-menu]>[data-part=viewport]:before{content:\"\";inset-block-end:100%;inset-inline:0;block-size:calc(var(--_offset) + var(--_border-width));position:absolute}@keyframes slotted-navigation-menu-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-navigation-menu-enter-from-start{0%{opacity:0;translate:calc(-1 * var(--_inline-sign) * var(--_enter-distance)) 0}}@keyframes slotted-navigation-menu-fade{0%{opacity:0}}[data-ui=navigation-menu]>[data-part=viewport]>[data-part=arrow]{background-color:var(--_surface);border-block-start:var(--_border-width) solid var(--_border-color);border-inline-start:var(--_border-width) solid var(--_border-color);border-start-start-radius:var(--slotted-radius-xs, 2px);box-sizing:border-box;block-size:var(--_arrow-size);inline-size:var(--_arrow-size);inset-block-start:calc(var(--_arrow-size) / -2 - var(--_border-width) / 2);inset-inline-start:calc(var(--slotted-navigation-menu-arrow-offset, 50%) - var(--_arrow-size) / 2);position:absolute;rotate:calc(var(--_inline-sign) * 45deg)}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=content]{--_columns: 1;--_content-size: calc( var(--_columns) * var(--_column-size) + (var(--_columns) - 1) * var(--_column-gap) + 2 * (var(--_inset) + var(--_border-width)) );border:var(--_border-width) solid transparent;border-radius:var(--_viewport-radius);box-sizing:border-box;color:var(--_color);column-gap:var(--_column-gap);container-name:slotted-navigation-menu-content;container-type:inline-size;display:grid;font-size:var(--_font-size);grid-template-columns:repeat(auto-fit,minmax(max(var(--_group-min),calc((100% - (var(--_columns) - 1) * var(--_column-gap)) / var(--_columns))),1fr));inline-size:min(var(--_content-size),var(--slotted-navigation-menu-available-inline-size, calc(100vw - 2 * var(--_gutter))));inset-block-start:calc(100% + var(--_offset));inset-inline-start:var(--slotted-navigation-menu-viewport-inline-start, 0px);line-height:var(--_leading);opacity:0;padding:var(--_inset);position:absolute;row-gap:var(--_inset);clip-path:inset(0 max(0px,calc(100% - var(--slotted-navigation-menu-viewport-inline-size))) max(0px,calc(100% - var(--slotted-navigation-menu-viewport-block-size))) 0 round var(--_viewport-radius));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);z-index:1}[data-ui=navigation-menu]:dir(rtl)>[data-part=list]>[data-part=item]>[data-part=content]{clip-path:inset(0 0 max(0px,calc(100% - var(--slotted-navigation-menu-viewport-block-size))) max(0px,calc(100% - var(--slotted-navigation-menu-viewport-inline-size))) round var(--_viewport-radius))}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=content][data-columns=\"2\"]{--_columns: 2}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=content][data-columns=\"3\"]{--_columns: 3}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=content][hidden]{display:none}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=content][data-open]{opacity:1;transition:none}[data-ui=navigation-menu]:not([data-nested]):not(:has(>[data-part=viewport][data-positioned]))>[data-part=list]>[data-part=item]>[data-part=content]{background-color:var(--_surface);border-color:var(--_border-color);box-shadow:var(--_shadow);clip-path:none}[data-ui=navigation-menu] [data-part=content][data-motion=from-end]{animation:slotted-navigation-menu-from-end var(--slotted-duration-medium) var(--slotted-easing-enter) both}[data-ui=navigation-menu] [data-part=content][data-motion=from-start]{animation:slotted-navigation-menu-from-start var(--slotted-duration-medium) var(--slotted-easing-enter) both}[data-ui=navigation-menu] [data-part=content][data-motion=to-end]{animation:slotted-navigation-menu-to-end var(--slotted-duration-short) var(--slotted-easing-exit) both}[data-ui=navigation-menu] [data-part=content][data-motion=to-start]{animation:slotted-navigation-menu-to-start var(--slotted-duration-short) var(--slotted-easing-exit) both}@keyframes slotted-navigation-menu-from-end{0%{opacity:0;translate:calc(var(--_inline-sign) * var(--_slide-distance)) 0}}@keyframes slotted-navigation-menu-from-start{0%{opacity:0;translate:calc(-1 * var(--_inline-sign) * var(--_slide-distance)) 0}}@keyframes slotted-navigation-menu-to-end{to{opacity:0;translate:calc(var(--_inline-sign) * var(--_slide-distance)) 0}}@keyframes slotted-navigation-menu-to-start{to{opacity:0;translate:calc(-1 * var(--_inline-sign) * var(--_slide-distance)) 0}}[data-ui=navigation-menu] [data-part=content]>:is([data-part=links],[data-part=footer]){grid-column:1 / -1}[data-ui=navigation-menu] [data-part=links]{display:grid;gap:var(--_column-gap);grid-template-columns:repeat(var(--_columns, 1),minmax(0,1fr));list-style:none;margin:0;padding:0}[data-ui=navigation-menu] [data-part=group]>[data-part=links]{grid-template-columns:minmax(0,1fr)}@container slotted-navigation-menu-content (inline-size < 480px){[data-ui=navigation-menu] [data-part=links]{grid-template-columns:minmax(0,1fr)}}[data-ui=navigation-menu] [data-part=group]{display:flex;flex-direction:column;gap:var(--slotted-space-1, .125rem);min-inline-size:0}[data-ui=navigation-menu] [data-part=group-label]{color:var(--_muted-color);font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--_secondary-leading);padding-block:var(--slotted-space-3, .375rem) var(--slotted-space-2, .25rem);padding-inline:var(--_link-inset-inline)}[data-ui=navigation-menu] [data-part=content] [data-part=link]{border-radius:var(--_radius);box-sizing:border-box;color:var(--_color);display:grid;font-weight:var(--slotted-font-weight-regular, 400);grid-template-areas:\"icon label\" \"icon description\";grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;line-height:var(--_leading);min-block-size:var(--_control-height);outline-offset:0;padding-block:var(--_link-inset-block);padding-inline:var(--_link-inset-inline);row-gap:var(--slotted-space-1, .125rem);text-decoration:none;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing)}[data-ui=navigation-menu] [data-part=content] [data-part=link]:not(:has([data-part=label])){align-content:center;display:grid;grid-template-areas:none;grid-template-columns:minmax(0,1fr);padding-block:0}[data-ui=navigation-menu] [data-part=content] [data-part=link]:not([data-disabled],[data-current],[aria-current=page]):hover{background-color:var(--_hover-background)}[data-ui=navigation-menu] [data-part=content] [data-part=link]:not([data-disabled],[data-current],[aria-current=page]):active{background-color:var(--_active-background);transition-duration:var(--slotted-duration-instant)}[data-ui=navigation-menu] [data-part=content] [data-part=link]:is([data-current],[aria-current=page]){color:var(--_current-color)}[data-ui=navigation-menu] [data-part=content] [data-part=link]:is([data-current],[aria-current=page])>[data-part=description]{color:inherit}[data-ui=navigation-menu] [data-part=content] [data-part=link]:focus-visible{outline-offset:0}[data-ui=navigation-menu] [data-part=link]>[data-part=icon]{--slotted-icon-size: var(--_icon-size);color:var(--_muted-color);grid-area:icon;line-height:var(--_leading);margin-inline-end:var(--slotted-control-gap-md, 8px);transition:color var(--_duration) var(--_easing)}[data-ui=navigation-menu] [data-part=link]>[data-part=icon]>[data-ui=icon]{display:inline-block;vertical-align:calc((1cap + 1ex) / 4 - var(--_icon-size) / 2)}[data-ui=navigation-menu] [data-part=link]:not([data-disabled],[data-current],[aria-current=page]):hover>[data-part=icon]{color:var(--_color)}[data-ui=navigation-menu] [data-part=link]:is([data-current],[aria-current=page],[data-disabled])>[data-part=icon]{color:inherit}[data-ui=navigation-menu] [data-part=link]>[data-part=label]{font-weight:var(--slotted-font-weight-medium, 500);grid-area:label;min-inline-size:0}[data-ui=navigation-menu] [data-part=link]>[data-part=description]{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--_muted-color);display:-webkit-box;font-size:var(--_secondary-font-size);grid-area:description;line-clamp:2;line-height:var(--_secondary-leading);min-inline-size:0;overflow:hidden}[data-ui=navigation-menu] [data-part=link][data-disabled]>[data-part=description]{color:inherit}[data-ui=navigation-menu] [data-part=footer]{align-items:center;border-block-start:var(--_border-width) solid var(--_border-color);display:flex;gap:var(--slotted-control-gap-md, 8px);justify-content:space-between;margin-inline:calc(-1 * var(--_inset));padding-block:var(--_inset) 0;padding-inline:calc(var(--_inset) + var(--_link-inset-inline)) var(--_inset)}[data-ui=navigation-menu][data-orientation=vertical]>[data-part=list]{align-items:stretch;flex-direction:column;inline-size:100%}[data-ui=navigation-menu][data-orientation=vertical]>[data-part=list]>[data-part=item]>:is([data-part=trigger],[data-part=link]){flex:1 1 auto;justify-content:space-between}[data-ui=navigation-menu][data-orientation=vertical]>[data-part=viewport],[data-ui=navigation-menu][data-orientation=vertical]>[data-part=list]>[data-part=item]>[data-part=content]{inset-block-start:var(--slotted-navigation-menu-viewport-block-start, 0px);inset-inline-start:calc(var(--slotted-navigation-menu-viewport-inline-start, 100%) + var(--_offset))}[data-ui=navigation-menu][data-orientation=vertical]:not([data-nested]):not(:has(>[data-part=viewport][data-positioned]))>[data-part=list]>[data-part=item]>[data-part=content]{inset-inline-start:calc(100% + var(--_offset))}[data-ui=navigation-menu][data-orientation=vertical][data-placement=below]:not([data-nested])>[data-part=viewport],[data-ui=navigation-menu][data-orientation=vertical][data-placement=below]:not([data-nested])>[data-part=list]>[data-part=item]>[data-part=content]{inset-block-start:calc(var(--slotted-navigation-menu-viewport-block-start, 100%) + var(--_offset));inset-inline-start:var(--slotted-navigation-menu-viewport-inline-start, 0px)}[data-ui=navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part=viewport]{translate:calc(-1 * var(--_inline-sign) * var(--_enter-distance)) 0}[data-ui=navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part=viewport][data-open]{translate:0 0}[data-ui=navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part=viewport][data-open][data-positioned]{animation-name:slotted-navigation-menu-enter-from-start}[data-ui=navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part=viewport]:before{block-size:auto;inline-size:calc(var(--_offset) + var(--_border-width));inset-block:0;inset-inline:auto 100%}[data-ui=navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part=viewport]>[data-part=arrow]{inset-block-start:calc(var(--slotted-navigation-menu-arrow-offset, 50%) - var(--_arrow-size) / 2);inset-inline-start:calc(var(--_arrow-size) / -2 - var(--_border-width) / 2);rotate:calc(var(--_inline-sign) * -45deg)}[data-ui=navigation-menu][data-orientation=vertical][data-placement=below]:not([data-nested])>[data-part=list]>[data-part=item]>[data-part=trigger][data-open]>[data-part=indicator]>[data-ui=icon]{rotate:calc(var(--_inline-sign) * .25turn)}[data-ui=navigation-menu][data-nested]{--_nested-list-size: var(--slotted-navigation-menu-nested-list-size, 11rem);grid-column:1 / -1;min-block-size:var(--slotted-navigation-menu-viewport-block-size, auto)}[data-ui=navigation-menu][data-nested]:before{background-color:var(--_border-color);content:\"\";inline-size:var(--_border-width);inset-block:0;inset-inline-start:calc(var(--_nested-list-size) + var(--_inset) / 2);position:absolute}[data-ui=navigation-menu][data-nested]>[data-part=list]{align-self:flex-start;inline-size:var(--_nested-list-size)}[data-ui=navigation-menu][data-nested]>[data-part=viewport]{display:none}[data-ui=navigation-menu][data-nested]>[data-part=list]>[data-part=item]>[data-part=content]{border:0;border-radius:0;clip-path:none;inline-size:calc(100% - var(--_nested-list-size) - var(--_inset));inset-block-start:0;inset-inline-start:calc(var(--_nested-list-size) + var(--_inset));padding-block:0;padding-inline:var(--_inset) 0}@media(prefers-reduced-motion:reduce){[data-ui=navigation-menu]>[data-part=viewport],[data-ui=navigation-menu][data-orientation=vertical]>[data-part=viewport]{translate:0 0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=navigation-menu]>[data-part=viewport][data-open][data-positioned],[data-ui=navigation-menu][data-orientation=vertical]>[data-part=viewport][data-open][data-positioned]{animation-name:slotted-navigation-menu-fade}[data-ui=navigation-menu] [data-part=content]:is([data-motion=from-end],[data-motion=from-start]){animation-name:slotted-navigation-menu-fade}[data-ui=navigation-menu] [data-part=content]:is([data-motion=to-end],[data-motion=to-start]){animation:none;opacity:0}}}\n"], dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuTrigger, decorators: [{
+            type: Component,
+            args: [{ selector: 'button[slNavigationMenuTrigger]', standalone: true, exportAs: 'slNavigationMenuTrigger', imports: [SlGlyph, SlIcon], template: `<ng-content />
+    <span data-part="indicator" aria-hidden="true"
+      ><span slIcon [directional]="vertical()"
+        ><svg slGlyph [name]="vertical() ? 'chevron-right' : 'chevron-down'"></svg></span
+    ></span>`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [SlNavigationMenuTriggerWiring], styles: ["@property --slotted-navigation-menu-viewport-inline-size{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-viewport-block-size{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-viewport-inline-start{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-viewport-block-start{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@property --slotted-navigation-menu-arrow-offset{syntax: \"<length>\"; inherits: true; initial-value: 0px;}@layer slotted.components{[data-ui=navigation-menu]{--_control-height: var(--slotted-control-height-md, 34px);--_control-padding: var(--slotted-control-padding-inline-md, 13px);--_control-font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-sm, 6px);--_list-gap: var(--slotted-space-1, .125rem);--_radius: var(--slotted-navigation-menu-radius, var(--slotted-control-radius, 4px));--_surface: var(--slotted-navigation-menu-surface, var(--slotted-surface-raised, Canvas));--_border-color: var( --slotted-navigation-menu-border-color, var(--slotted-border-subtle, ButtonBorder) );--_border-width: var(--slotted-border-width-thin, 1px);--_shadow: var(--slotted-navigation-menu-shadow, var(--slotted-shadow-md));--_viewport-radius: var( --slotted-navigation-menu-viewport-radius, var(--slotted-radius-lg, 8px) );--_offset: var(--slotted-navigation-menu-offset, var(--slotted-space-2, .25rem));--_inset: var(--slotted-space-2, .25rem);--_column-size: var(--slotted-navigation-menu-column-size, 15rem);--_column-gap: var(--slotted-space-2, .25rem);--_group-min: 10rem;--_gutter: var(--slotted-space-4, .5rem);--_font-size: var(--slotted-control-font-size-md, 13px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_leading: round(up, calc(var(--_font-size) * var(--slotted-line-height-md, 1.5)), 1px);--_secondary-leading: round( up, calc(var(--_secondary-font-size) * var(--slotted-line-height-sm, 1.45)), 1px );--_link-inset-inline: calc(var(--_control-padding) - var(--_border-width) - var(--_inset));--_link-inset-block: var(--slotted-space-4, .5rem);--_color: var(--slotted-navigation-menu-color, var(--slotted-text, CanvasText));--_muted-color: var(--slotted-navigation-menu-muted-color, var(--slotted-text-muted, GrayText));--_hover-background: var( --slotted-navigation-menu-hover-background, var(--slotted-tone-secondary-subtle-hover) );--_active-background: var( --slotted-navigation-menu-active-background, var(--slotted-tone-secondary-subtle-active) );--_current-color: var(--slotted-navigation-menu-current-color, var(--slotted-tone-accent-text));--_current-background: var( --slotted-navigation-menu-current-background, var(--slotted-tone-accent-surface) );--_current-edge: var( --slotted-navigation-menu-current-edge, var(--slotted-current-edge, transparent) );--_disabled-color: var(--slotted-disabled-foreground, GrayText);--_duration: var(--slotted-control-transition-duration, var(--slotted-duration-short));--_easing: var(--slotted-control-transition-easing, var(--slotted-easing-standard));--_enter-distance: var(--slotted-space-2, .25rem);--_slide-distance: var(--slotted-space-6, 1rem);--_inline-sign: 1;--_arrow-size: var(--slotted-space-4, .5rem);box-sizing:border-box;color:var(--_color);display:flex;font-family:var(--slotted-control-font-family, inherit);font-size:var(--_control-font-size);position:relative}[data-ui=navigation-menu]:dir(rtl){--_inline-sign: -1}[data-ui=navigation-menu]:has(>[data-part=list]>[data-part=item]>[data-part=content][data-open]){z-index:var(--slotted-z-index-popover, 1100)}[data-ui=navigation-menu]:has(>[data-part=viewport][data-open]){transition:--slotted-navigation-menu-viewport-inline-size var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-viewport-block-size var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-viewport-inline-start var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-viewport-block-start var(--slotted-duration-medium) var(--slotted-easing-standard),--slotted-navigation-menu-arrow-offset var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui=navigation-menu][data-size=sm]{--_control-height: var(--slotted-control-height-sm, 30px);--_control-padding: var(--slotted-control-padding-inline-sm, 10px);--_control-font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=navigation-menu][data-size=lg]{--_control-height: var(--slotted-control-height-lg, 38px);--_control-padding: var(--slotted-control-padding-inline-lg, 16px);--_control-font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-md, 8px)}[data-ui=navigation-menu]>[data-part=list]{align-items:center;display:flex;gap:var(--_list-gap);list-style:none;margin:0;padding:0}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]{display:flex}:where([data-ui=navigation-menu]>[data-part=list]>[data-part=item])>:is([data-part=trigger],[data-part=link]){align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--_radius);box-sizing:border-box;color:var(--_color);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--_gap);line-height:var(--slotted-control-line-height, 1);margin:0;min-block-size:var(--_control-height);padding-block:0;padding-inline:var(--_control-padding);text-decoration:none;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing);white-space:nowrap}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]:not([data-disabled])>[data-part=trigger]:enabled:hover,[data-ui=navigation-menu]>[data-part=list]>[data-part=item]:not([data-disabled])>[data-part=link]:not([data-disabled],[data-current],[aria-current=page]):hover{background-color:var(--_hover-background)}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]:not([data-disabled])>[data-part=trigger]:enabled:active,[data-ui=navigation-menu]>[data-part=list]>[data-part=item]:not([data-disabled])>[data-part=link]:not([data-disabled],[data-current],[aria-current=page]):active{background-color:var(--_active-background);transition-duration:var(--slotted-duration-instant)}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=trigger][data-open]:enabled{background-color:var(--_hover-background)}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=trigger][data-current]:enabled{color:var(--_current-color)}[data-ui=navigation-menu] [data-part=link]:is([data-current],[aria-current=page]){background-color:var(--_current-background);box-shadow:inset 0 0 0 var(--_border-width) var(--_current-edge);color:var(--_current-color)}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=link]:is([data-current],[aria-current=page]){font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=navigation-menu] [data-part=trigger]:disabled,[data-ui=navigation-menu] [data-part=link][data-disabled],[data-ui=navigation-menu] [data-part=content] [data-part=link][data-disabled]{color:var(--_disabled-color);cursor:not-allowed}[data-ui=navigation-menu] :is([data-part=trigger],[data-part=link]):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=navigation-menu] [data-part=indicator]{--slotted-icon-size: var(--_icon-size);display:flex;flex:0 0 auto;margin-inline-end:calc(-1 * var(--slotted-space-2, .25rem))}[data-ui=navigation-menu] [data-part=indicator]>[data-ui=icon]{transition:rotate var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui=navigation-menu]:not([data-orientation=vertical])>[data-part=list]>[data-part=item]>[data-part=trigger][data-open]>[data-part=indicator]>[data-ui=icon]{rotate:.5turn}[data-ui=navigation-menu]>[data-part=viewport]{background-color:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_viewport-radius);box-shadow:var(--_shadow);box-sizing:border-box;display:none;block-size:var(--slotted-navigation-menu-viewport-block-size, 0px);inline-size:var(--slotted-navigation-menu-viewport-inline-size, 0px);inset-block-start:calc(100% + var(--_offset));inset-inline-start:var(--slotted-navigation-menu-viewport-inline-start, 0px);opacity:0;pointer-events:none;position:absolute;translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=navigation-menu]>[data-part=viewport][data-positioned]{display:block}[data-ui=navigation-menu]>[data-part=viewport][data-open]{opacity:1;pointer-events:auto;translate:0 0;transition:none}[data-ui=navigation-menu]>[data-part=viewport][data-open][data-positioned]{animation:slotted-navigation-menu-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=navigation-menu]>[data-part=viewport]:before{content:\"\";inset-block-end:100%;inset-inline:0;block-size:calc(var(--_offset) + var(--_border-width));position:absolute}@keyframes slotted-navigation-menu-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-navigation-menu-enter-from-start{0%{opacity:0;translate:calc(-1 * var(--_inline-sign) * var(--_enter-distance)) 0}}@keyframes slotted-navigation-menu-fade{0%{opacity:0}}[data-ui=navigation-menu]>[data-part=viewport]>[data-part=arrow]{background-color:var(--_surface);border-block-start:var(--_border-width) solid var(--_border-color);border-inline-start:var(--_border-width) solid var(--_border-color);border-start-start-radius:var(--slotted-radius-xs, 2px);box-sizing:border-box;block-size:var(--_arrow-size);inline-size:var(--_arrow-size);inset-block-start:calc(var(--_arrow-size) / -2 - var(--_border-width) / 2);inset-inline-start:calc(var(--slotted-navigation-menu-arrow-offset, 50%) - var(--_arrow-size) / 2);position:absolute;rotate:calc(var(--_inline-sign) * 45deg)}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=content]{--_columns: 1;--_content-size: calc( var(--_columns) * var(--_column-size) + (var(--_columns) - 1) * var(--_column-gap) + 2 * (var(--_inset) + var(--_border-width)) );border:var(--_border-width) solid transparent;border-radius:var(--_viewport-radius);box-sizing:border-box;color:var(--_color);column-gap:var(--_column-gap);container-name:slotted-navigation-menu-content;container-type:inline-size;display:grid;font-size:var(--_font-size);grid-template-columns:repeat(auto-fit,minmax(max(var(--_group-min),calc((100% - (var(--_columns) - 1) * var(--_column-gap)) / var(--_columns))),1fr));inline-size:min(var(--_content-size),var(--slotted-navigation-menu-available-inline-size, calc(100vw - 2 * var(--_gutter))));inset-block-start:calc(100% + var(--_offset));inset-inline-start:var(--slotted-navigation-menu-viewport-inline-start, 0px);line-height:var(--_leading);opacity:0;padding:var(--_inset);position:absolute;row-gap:var(--_inset);clip-path:inset(0 max(0px,calc(100% - var(--slotted-navigation-menu-viewport-inline-size))) max(0px,calc(100% - var(--slotted-navigation-menu-viewport-block-size))) 0 round var(--_viewport-radius));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);z-index:1}[data-ui=navigation-menu]:dir(rtl)>[data-part=list]>[data-part=item]>[data-part=content]{clip-path:inset(0 0 max(0px,calc(100% - var(--slotted-navigation-menu-viewport-block-size))) max(0px,calc(100% - var(--slotted-navigation-menu-viewport-inline-size))) round var(--_viewport-radius))}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=content][data-columns=\"2\"]{--_columns: 2}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=content][data-columns=\"3\"]{--_columns: 3}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=content][hidden]{display:none}[data-ui=navigation-menu]>[data-part=list]>[data-part=item]>[data-part=content][data-open]{opacity:1;transition:none}[data-ui=navigation-menu]:not([data-nested]):not(:has(>[data-part=viewport][data-positioned]))>[data-part=list]>[data-part=item]>[data-part=content]{background-color:var(--_surface);border-color:var(--_border-color);box-shadow:var(--_shadow);clip-path:none}[data-ui=navigation-menu] [data-part=content][data-motion=from-end]{animation:slotted-navigation-menu-from-end var(--slotted-duration-medium) var(--slotted-easing-enter) both}[data-ui=navigation-menu] [data-part=content][data-motion=from-start]{animation:slotted-navigation-menu-from-start var(--slotted-duration-medium) var(--slotted-easing-enter) both}[data-ui=navigation-menu] [data-part=content][data-motion=to-end]{animation:slotted-navigation-menu-to-end var(--slotted-duration-short) var(--slotted-easing-exit) both}[data-ui=navigation-menu] [data-part=content][data-motion=to-start]{animation:slotted-navigation-menu-to-start var(--slotted-duration-short) var(--slotted-easing-exit) both}@keyframes slotted-navigation-menu-from-end{0%{opacity:0;translate:calc(var(--_inline-sign) * var(--_slide-distance)) 0}}@keyframes slotted-navigation-menu-from-start{0%{opacity:0;translate:calc(-1 * var(--_inline-sign) * var(--_slide-distance)) 0}}@keyframes slotted-navigation-menu-to-end{to{opacity:0;translate:calc(var(--_inline-sign) * var(--_slide-distance)) 0}}@keyframes slotted-navigation-menu-to-start{to{opacity:0;translate:calc(-1 * var(--_inline-sign) * var(--_slide-distance)) 0}}[data-ui=navigation-menu] [data-part=content]>:is([data-part=links],[data-part=footer]){grid-column:1 / -1}[data-ui=navigation-menu] [data-part=links]{display:grid;gap:var(--_column-gap);grid-template-columns:repeat(var(--_columns, 1),minmax(0,1fr));list-style:none;margin:0;padding:0}[data-ui=navigation-menu] [data-part=group]>[data-part=links]{grid-template-columns:minmax(0,1fr)}@container slotted-navigation-menu-content (inline-size < 480px){[data-ui=navigation-menu] [data-part=links]{grid-template-columns:minmax(0,1fr)}}[data-ui=navigation-menu] [data-part=group]{display:flex;flex-direction:column;gap:var(--slotted-space-1, .125rem);min-inline-size:0}[data-ui=navigation-menu] [data-part=group-label]{color:var(--_muted-color);font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--_secondary-leading);padding-block:var(--slotted-space-3, .375rem) var(--slotted-space-2, .25rem);padding-inline:var(--_link-inset-inline)}[data-ui=navigation-menu] [data-part=content] [data-part=link]{border-radius:var(--_radius);box-sizing:border-box;color:var(--_color);display:grid;font-weight:var(--slotted-font-weight-regular, 400);grid-template-areas:\"icon label\" \"icon description\";grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;line-height:var(--_leading);min-block-size:var(--_control-height);outline-offset:0;padding-block:var(--_link-inset-block);padding-inline:var(--_link-inset-inline);row-gap:var(--slotted-space-1, .125rem);text-decoration:none;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing)}[data-ui=navigation-menu] [data-part=content] [data-part=link]:not(:has([data-part=label])){align-content:center;display:grid;grid-template-areas:none;grid-template-columns:minmax(0,1fr);padding-block:0}[data-ui=navigation-menu] [data-part=content] [data-part=link]:not([data-disabled],[data-current],[aria-current=page]):hover{background-color:var(--_hover-background)}[data-ui=navigation-menu] [data-part=content] [data-part=link]:not([data-disabled],[data-current],[aria-current=page]):active{background-color:var(--_active-background);transition-duration:var(--slotted-duration-instant)}[data-ui=navigation-menu] [data-part=content] [data-part=link]:is([data-current],[aria-current=page]){color:var(--_current-color)}[data-ui=navigation-menu] [data-part=content] [data-part=link]:is([data-current],[aria-current=page])>[data-part=description]{color:inherit}[data-ui=navigation-menu] [data-part=content] [data-part=link]:focus-visible{outline-offset:0}[data-ui=navigation-menu] [data-part=link]>[data-part=icon]{--slotted-icon-size: var(--_icon-size);color:var(--_muted-color);grid-area:icon;line-height:var(--_leading);margin-inline-end:var(--slotted-control-gap-md, 8px);transition:color var(--_duration) var(--_easing)}[data-ui=navigation-menu] [data-part=link]>[data-part=icon]>[data-ui=icon]{display:inline-block;vertical-align:calc((1cap + 1ex) / 4 - var(--_icon-size) / 2)}[data-ui=navigation-menu] [data-part=link]:not([data-disabled],[data-current],[aria-current=page]):hover>[data-part=icon]{color:var(--_color)}[data-ui=navigation-menu] [data-part=link]:is([data-current],[aria-current=page],[data-disabled])>[data-part=icon]{color:inherit}[data-ui=navigation-menu] [data-part=link]>[data-part=label]{font-weight:var(--slotted-font-weight-medium, 500);grid-area:label;min-inline-size:0}[data-ui=navigation-menu] [data-part=link]>[data-part=description]{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--_muted-color);display:-webkit-box;font-size:var(--_secondary-font-size);grid-area:description;line-clamp:2;line-height:var(--_secondary-leading);min-inline-size:0;overflow:hidden}[data-ui=navigation-menu] [data-part=link][data-disabled]>[data-part=description]{color:inherit}[data-ui=navigation-menu] [data-part=footer]{align-items:center;border-block-start:var(--_border-width) solid var(--_border-color);display:flex;gap:var(--slotted-control-gap-md, 8px);justify-content:space-between;margin-inline:calc(-1 * var(--_inset));padding-block:var(--_inset) 0;padding-inline:calc(var(--_inset) + var(--_link-inset-inline)) var(--_inset)}[data-ui=navigation-menu][data-orientation=vertical]>[data-part=list]{align-items:stretch;flex-direction:column;inline-size:100%}[data-ui=navigation-menu][data-orientation=vertical]>[data-part=list]>[data-part=item]>:is([data-part=trigger],[data-part=link]){flex:1 1 auto;justify-content:space-between}[data-ui=navigation-menu][data-orientation=vertical]>[data-part=viewport],[data-ui=navigation-menu][data-orientation=vertical]>[data-part=list]>[data-part=item]>[data-part=content]{inset-block-start:var(--slotted-navigation-menu-viewport-block-start, 0px);inset-inline-start:calc(var(--slotted-navigation-menu-viewport-inline-start, 100%) + var(--_offset))}[data-ui=navigation-menu][data-orientation=vertical]:not([data-nested]):not(:has(>[data-part=viewport][data-positioned]))>[data-part=list]>[data-part=item]>[data-part=content]{inset-inline-start:calc(100% + var(--_offset))}[data-ui=navigation-menu][data-orientation=vertical][data-placement=below]:not([data-nested])>[data-part=viewport],[data-ui=navigation-menu][data-orientation=vertical][data-placement=below]:not([data-nested])>[data-part=list]>[data-part=item]>[data-part=content]{inset-block-start:calc(var(--slotted-navigation-menu-viewport-block-start, 100%) + var(--_offset));inset-inline-start:var(--slotted-navigation-menu-viewport-inline-start, 0px)}[data-ui=navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part=viewport]{translate:calc(-1 * var(--_inline-sign) * var(--_enter-distance)) 0}[data-ui=navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part=viewport][data-open]{translate:0 0}[data-ui=navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part=viewport][data-open][data-positioned]{animation-name:slotted-navigation-menu-enter-from-start}[data-ui=navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part=viewport]:before{block-size:auto;inline-size:calc(var(--_offset) + var(--_border-width));inset-block:0;inset-inline:auto 100%}[data-ui=navigation-menu][data-orientation=vertical]:not([data-placement=below])>[data-part=viewport]>[data-part=arrow]{inset-block-start:calc(var(--slotted-navigation-menu-arrow-offset, 50%) - var(--_arrow-size) / 2);inset-inline-start:calc(var(--_arrow-size) / -2 - var(--_border-width) / 2);rotate:calc(var(--_inline-sign) * -45deg)}[data-ui=navigation-menu][data-orientation=vertical][data-placement=below]:not([data-nested])>[data-part=list]>[data-part=item]>[data-part=trigger][data-open]>[data-part=indicator]>[data-ui=icon]{rotate:calc(var(--_inline-sign) * .25turn)}[data-ui=navigation-menu][data-nested]{--_nested-list-size: var(--slotted-navigation-menu-nested-list-size, 11rem);grid-column:1 / -1;min-block-size:var(--slotted-navigation-menu-viewport-block-size, auto)}[data-ui=navigation-menu][data-nested]:before{background-color:var(--_border-color);content:\"\";inline-size:var(--_border-width);inset-block:0;inset-inline-start:calc(var(--_nested-list-size) + var(--_inset) / 2);position:absolute}[data-ui=navigation-menu][data-nested]>[data-part=list]{align-self:flex-start;inline-size:var(--_nested-list-size)}[data-ui=navigation-menu][data-nested]>[data-part=viewport]{display:none}[data-ui=navigation-menu][data-nested]>[data-part=list]>[data-part=item]>[data-part=content]{border:0;border-radius:0;clip-path:none;inline-size:calc(100% - var(--_nested-list-size) - var(--_inset));inset-block-start:0;inset-inline-start:calc(var(--_nested-list-size) + var(--_inset));padding-block:0;padding-inline:var(--_inset) 0}@media(prefers-reduced-motion:reduce){[data-ui=navigation-menu]>[data-part=viewport],[data-ui=navigation-menu][data-orientation=vertical]>[data-part=viewport]{translate:0 0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=navigation-menu]>[data-part=viewport][data-open][data-positioned],[data-ui=navigation-menu][data-orientation=vertical]>[data-part=viewport][data-open][data-positioned]{animation-name:slotted-navigation-menu-fade}[data-ui=navigation-menu] [data-part=content]:is([data-motion=from-end],[data-motion=from-start]){animation-name:slotted-navigation-menu-fade}[data-ui=navigation-menu] [data-part=content]:is([data-motion=to-end],[data-motion=to-start]){animation:none;opacity:0}}}\n"] }]
+        }] });
+/**
+ * The section's panel, after its trigger in the same item. It stays in the
+ * document while it leaves — `@slotted/core/presence` holds it for the exit —
+ * and is `hidden` otherwise, so the tab sequence, a static render and a search
+ * engine read every destination. It tells a root rendered inside it that it is
+ * a second level.
+ */
+class SlNavigationMenuContent {
+    /** How many columns of links or groups the panel lays out. */
+    columns = input(1, { ...(ngDevMode ? { debugName: "columns" } : /* istanbul ignore next */ {}), transform: (value) => Number(value) });
+    item = inject(NAVIGATION_MENU_SECTION);
+    navigation = inject(SlNavigationMenu);
+    status = signal('unmounted', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
+    crossing = computed(() => {
+        const motion = this.navigation.motion();
+        const value = this.item.value();
+        if (this.item.open())
+            return motion.to === value ? motion.enter : null;
+        return this.status() === 'exiting' && motion.from === value ? motion.exit : null;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "crossing" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const presence = createPresence({
+            present: false,
+            onStatusChange: (status) => this.status.set(status),
+        });
+        presence.setNode(inject(ElementRef).nativeElement);
+        effect(() => presence.sync(this.item.open()));
+        inject(DestroyRef).onDestroy(() => presence.destroy());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlNavigationMenuContent, isStandalone: true, selector: "[slNavigationMenuContent]", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "content" }, properties: { "attr.id": "item.contentId", "attr.data-columns": "columns()", "attr.data-open": "item.open() ? '' : null", "attr.data-motion": "crossing()", "hidden": "!item.open() && status() === \"unmounted\"" } }, providers: [{ provide: NAVIGATION_MENU_PANEL, useValue: true }], exportAs: ["slNavigationMenuContent"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slNavigationMenuContent]',
+                    standalone: true,
+                    exportAs: 'slNavigationMenuContent',
+                    providers: [{ provide: NAVIGATION_MENU_PANEL, useValue: true }],
+                    host: {
+                        'data-part': 'content',
+                        '[attr.id]': 'item.contentId',
+                        '[attr.data-columns]': 'columns()',
+                        '[attr.data-open]': "item.open() ? '' : null",
+                        '[attr.data-motion]': 'crossing()',
+                        '[hidden]': '!item.open() && status() === "unmounted"',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }] } });
+/**
+ * A destination, at the top level or inside a panel. `current` — or the
+ * `aria-current` a router writes — marks the page the reader is on and tells
+ * the section's trigger. Inside a panel, following it closes every level.
+ */
+class SlNavigationMenuLink {
+    /** This link is the page the reader is on. Unstated, a router's `aria-current` is read. */
+    current = input(undefined, { ...(ngDevMode ? { debugName: "current" } : /* istanbul ignore next */ {}), transform: (state) => (state === undefined ? undefined : booleanAttribute(state)) });
+    /** The destination is unavailable: the click is refused and the `href` kept. */
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Following this link closes the panel. Wins over the root's `closeOnSelect`. */
+    closeOnSelect = input(undefined, { ...(ngDevMode ? { debugName: "closeOnSelect" } : /* istanbul ignore next */ {}), transform: (state) => (state === undefined ? undefined : booleanAttribute(state)) });
+    navigation = inject(SlNavigationMenu);
+    item = inject(NAVIGATION_MENU_SECTION, { optional: true });
+    inPanel = inject(NAVIGATION_MENU_PANEL, { optional: true }) === true;
+    writtenCurrent = inject(new HostAttributeToken('aria-current'), {
+        optional: true,
+    });
+    resolvedCurrent = computed(() => {
+        const stated = this.current();
+        if (stated !== undefined)
+            return stated;
+        return this.writtenCurrent !== null && this.writtenCurrent !== 'false';
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedCurrent" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const item = this.item;
+        if (this.inPanel && item !== null) {
+            effect(() => item.reportCurrent(this, this.resolvedCurrent()));
+            inject(DestroyRef).onDestroy(() => item.reportCurrent(this, false));
+        }
+    }
+    onClick(event) {
+        if (this.disabled()) {
+            event.preventDefault();
+            return;
+        }
+        if (event.defaultPrevented || !this.inPanel)
+            return;
+        if (this.closeOnSelect() ?? this.navigation.resolvedCloseOnSelect()) {
+            this.navigation.select(event);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuLink, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlNavigationMenuLink, isStandalone: true, selector: "a[slNavigationMenuLink]", inputs: { current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "link" }, listeners: { "click": "onClick($event)" }, properties: { "attr.aria-current": "resolvedCurrent() ? 'page' : null", "attr.data-current": "resolvedCurrent() ? '' : null", "attr.aria-disabled": "disabled() ? 'true' : null", "attr.data-disabled": "disabled() ? '' : null" } }, exportAs: ["slNavigationMenuLink"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuLink, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'a[slNavigationMenuLink]',
+                    standalone: true,
+                    exportAs: 'slNavigationMenuLink',
+                    host: {
+                        'data-part': 'link',
+                        '[attr.aria-current]': "resolvedCurrent() ? 'page' : null",
+                        '[attr.data-current]': "resolvedCurrent() ? '' : null",
+                        '[attr.aria-disabled]': "disabled() ? 'true' : null",
+                        '[attr.data-disabled]': "disabled() ? '' : null",
+                        '(click)': 'onClick($event)',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { current: [{ type: i0.Input, args: [{ isSignal: true, alias: "current", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], closeOnSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnSelect", required: false }] }] } });
+/** A grid of links inside a panel or a group. */
+class SlNavigationMenuLinks {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuLinks, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlNavigationMenuLinks, isStandalone: true, selector: "ul[slNavigationMenuLinks]", host: { attributes: { "data-part": "links" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuLinks, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ul[slNavigationMenuLinks]',
+                    standalone: true,
+                    host: { 'data-part': 'links' },
+                }]
+        }] });
+/** A column of a panel with a title that names the links under it. */
+class SlNavigationMenuGroup {
+    labelId = `${inject(SlNavigationMenuIdFactory).next()}-group-label`;
+    labelledBy = inject(new HostAttributeToken('aria-labelledby'), {
+        optional: true,
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlNavigationMenuGroup, isStandalone: true, selector: "[slNavigationMenuGroup]", host: { attributes: { "data-part": "group", "role": "group" }, properties: { "attr.aria-labelledby": "labelledBy ?? labelId" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slNavigationMenuGroup]',
+                    standalone: true,
+                    host: {
+                        'data-part': 'group',
+                        role: 'group',
+                        '[attr.aria-labelledby]': 'labelledBy ?? labelId',
+                    },
+                }]
+        }] });
+/** The group's title. */
+class SlNavigationMenuGroupLabel {
+    id = inject(new HostAttributeToken('id'), { optional: true }) ??
+        inject(SlNavigationMenuGroup, { optional: true })?.labelId ??
+        null;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuGroupLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlNavigationMenuGroupLabel, isStandalone: true, selector: "[slNavigationMenuGroupLabel]", host: { attributes: { "data-part": "group-label" }, properties: { "attr.id": "id" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuGroupLabel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slNavigationMenuGroupLabel]',
+                    standalone: true,
+                    host: { 'data-part': 'group-label', '[attr.id]': 'id' },
+                }]
+        }] });
+/** The panel's last row, under a rule: the consumer's call to action. */
+class SlNavigationMenuFooter {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlNavigationMenuFooter, isStandalone: true, selector: "[slNavigationMenuFooter]", host: { attributes: { "data-part": "footer" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuFooter, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slNavigationMenuFooter]',
+                    standalone: true,
+                    host: { 'data-part': 'footer' },
+                }]
+        }] });
+/** A rich link's mark, aligned to the text of its label. */
+class SlNavigationMenuIcon {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlNavigationMenuIcon, isStandalone: true, selector: "[slNavigationMenuIcon]", host: { attributes: { "data-part": "icon", "aria-hidden": "true" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuIcon, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slNavigationMenuIcon]',
+                    standalone: true,
+                    host: { 'data-part': 'icon', 'aria-hidden': 'true' },
+                }]
+        }] });
+/** A rich link's title. */
+class SlNavigationMenuLabel {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlNavigationMenuLabel, isStandalone: true, selector: "[slNavigationMenuLabel]", host: { attributes: { "data-part": "label" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuLabel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slNavigationMenuLabel]',
+                    standalone: true,
+                    host: { 'data-part': 'label' },
+                }]
+        }] });
+/** A rich link's description: two lines to the eye, whole in the DOM. */
+class SlNavigationMenuDescription {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlNavigationMenuDescription, isStandalone: true, selector: "[slNavigationMenuDescription]", host: { attributes: { "data-part": "description" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlNavigationMenuDescription, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slNavigationMenuDescription]',
+                    standalone: true,
+                    host: { 'data-part': 'description' },
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NAVIGATION_MENU_DEFAULTS, NAVIGATION_MENU_FALLBACK, NAVIGATION_MENU_PANEL, NAVIGATION_MENU_SECTION, SlNavigationMenu, SlNavigationMenuContent, SlNavigationMenuDescription, SlNavigationMenuFooter, SlNavigationMenuGroup, SlNavigationMenuGroupLabel, SlNavigationMenuIcon, SlNavigationMenuIdFactory, SlNavigationMenuItem, SlNavigationMenuLabel, SlNavigationMenuLink, SlNavigationMenuLinks, SlNavigationMenuList, SlNavigationMenuTrigger, SlNavigationMenuTriggerWiring, injectNavigationMenuDefaults, provideNavigationMenuDefaults };
+//# sourceMappingURL=slotted-angular-navigation-menu.mjs.map