@skdx/web-components 0.27.0 → 0.28.0

package/dist/navigation-menu/NavigationMenu.d.ts

@@ -1,15 +1,18 @@
 import { LitElement, type PropertyValues } from 'lit';
+import type { SkdxNavigationMenuItemDescriptor } from './types.js';
 /**
- * `<skdx-navigation-menu>` — the Web Components implementation of the shared
- * NavigationMenu contract (see `@skdx/shared`'s `navigationMenuContract`).
- * A hover/click-driven navigation menu: owns which item's content is open
+ * Hover/click-driven navigation menu: owns which item's content is open
  * and hands hover-intent timers down to descendant parts via
- * `closest('skdx-navigation-menu')`. Sets `role="navigation"` and
- * `aria-label="Main"` by default (override via `aria-label`).
+ * `closest('skdx-navigation-menu')`. Sets `role="navigation"` with
+ * consumer-supplied `aria-label` (omit for a single `<nav>` landmark).
  *
- * Opening a trigger is delayed by `delay-duration` on first hover, but once
- * one item is open, moving to a sibling trigger within `skip-delay-duration`
- * of closing switches instantly.
+ * Opening a trigger is delayed by `delay-duration` on first hover; once
+ * an item is open, moving to a sibling trigger within `skip-delay-duration`
+ * switches instantly. Uncontrolled by default — set `default-value` for
+ * an initial open state or drive from outside via `value` and `value-change`.
+ *
+ * Auto-derives a List and Indicator from `items`; hand-compose any part
+ * and the anatomy is skipped.
  *
  * @example
  * ```html
@@ -26,111 +29,120 @@ import { LitElement, type PropertyValues } from 'lit';
  * </skdx-navigation-menu>
  * ```
  *
- * @fires value-change - Fired with the `value` of the item whose content is now open, or `''` when the menu closes.
+ * @fires value-change - The item now open (its `value`), or `null` when closed.
+ *
+ * @slot item - Per-entry renderer for derived anatomy; addressed via `data-value`. Fills trigger Content bodies or link entries (never individual panel links).
  */
 export declare class SkdxNavigationMenu extends LitElement {
     static styles: import("lit").CSSResult;
-    /** Value of the currently open item's content (`""` when none are open). Listen for `value-change`. */
-    value: string;
+    /**
+     * Currently open item's `value`, or `null` when closed. Listen for `value-change`.
+     * `null` is the closed sentinel (empty string is ambiguous with an item
+     * valued `''`). Writing it re-syncs the parts without firing `value-change`
+     * (reports user-driven changes only). Reflected, so `null` removes the attribute.
+     * @default null
+     */
+    get value(): string | null;
+    set value(next: string | null);
+    private valueState;
+    /**
+     * The only signal Trigger, Content and Indicator re-sync on — they read
+     * `root.value` back off this element, so every write must raise it.
+     */
+    private notifyParts;
+    /**
+     * Initial open item for uncontrolled usage. Seeds `value` once on connect
+     * if `value` was not already set; thereafter the menu owns state and this
+     * is ignored, so a later write won't close an open panel.
+     * @default undefined
+     */
+    defaultValue?: string;
     /** Delay before hovering a trigger opens its content (ms). */
     delayDuration: number;
     /** Window after closing during which re-hovering a sibling trigger opens instantly (ms). */
     skipDelayDuration: number;
     /**
-     * Axis the menu runs along. Sets `data-orientation` on this element and on
-     * its `<skdx-navigation-menu-list>`, switches roving focus between
-     * Left/Right and Up/Down, and is what the skin keys its vertical layout off.
-     * Use `vertical` for sidebars, footer link columns and mobile drawers.
+     * Grace period after pointer leaves trigger or panel before closing (ms).
+     * Accounts for pointer travel distance between trigger and panel.
+     */
+    closeDelayDuration: number;
+    /**
+     * Whether activating a `<skdx-navigation-menu-link>` closes the open panel.
+     * `false` keeps it up while a router resolves a route transition, rather than
+     * reflowing the page mid-navigation.
+     */
+    closeOnSelect: boolean;
+    /**
+     * Layout axis. Sets `data-orientation`, switches roving focus direction
+     * (Left/Right vs Up/Down), and informs the skin's layout direction.
      */
     orientation: 'horizontal' | 'vertical';
+    /**
+     * The menu's top-level entries — a bare link, or a trigger with a panel of
+     * links.
+     * @default undefined — an empty menu.
+     */
+    items?: readonly SkdxNavigationMenuItemDescriptor[];
     private isOpenDelayed;
     private openTimer?;
     private closeTimer?;
     private skipDelayTimer?;
     connectedCallback(): void;
+    /** The `items` reference the generated anatomy was last built for. */
+    private _anatomyItemsRef?;
+    /**
+     * Auto-derives anatomy when no hand-authored parts exist. Gated on the
+     * `items` reference; a rebuild would close the open panel.
+     */
+    private readonly fillAnatomy;
     updated(changed: PropertyValues<this>): void;
     /**
-     * There is no context protocol here, so the root writes the axis onto itself
-     * and onto its list: the list reads it back off its own attribute, which
-     * keeps one source of truth whether the value is set up-front or changed
-     * later.
+     * Writes orientation to root and list; no context protocol exists.
+     * Single source of truth via attribute whether set up-front or later.
      */
     private reflectOrientation;
     disconnectedCallback(): void;
+    /** User-driven change: the setter notifies the parts, this adds the public event. */
     private setValue;
     /**
-     * Starts (or, once already delay-skipped, immediately runs) the open timer for
-     * `itemValue`.
-     *
-     * A coordination call the parts make on their root, not consumer API — the
-     * shared contract declares no public methods here. It stays `public` to the
-     * compiler because `<skdx-navigation-menu-trigger>` and `<skdx-navigation-menu-
-     * content>` reach it across instances of different classes, which `protected`
-     * cannot express.
-     *
-     * @internal
+     * @internal Open timer for `itemValue` (immediate if already delay-skipped).
+     * Part coordination call; `public` because cross-class calls cannot use `protected`.
      */
     onTriggerEnter(itemValue: string): void;
     /**
-     * Starts the close timer.
-     *
-     * A coordination call the parts make on their root, not consumer API — the
-     * shared contract declares no public methods here. It stays `public` to the
-     * compiler because `<skdx-navigation-menu-trigger>` and `<skdx-navigation-menu-
-     * content>` reach it across instances of different classes, which `protected`
-     * cannot express.
-     *
-     * @internal
+     * @internal Start close timer.
+     * Part coordination call; `public` because cross-class calls cannot use `protected`.
      */
     onTriggerLeave(): void;
     /**
-     * Cancels a pending close (pointer moved from trigger onto content).
-     *
-     * A coordination call the parts make on their root, not consumer API — the
-     * shared contract declares no public methods here. It stays `public` to the
-     * compiler because `<skdx-navigation-menu-trigger>` and `<skdx-navigation-menu-
-     * content>` reach it across instances of different classes, which `protected`
-     * cannot express.
-     *
-     * @internal
+     * @internal Cancel pending close (pointer moved to content).
+     * Part coordination call; `public` because cross-class calls cannot use `protected`.
      */
     onContentEnter(): void;
     /**
-     * Same as {@link onTriggerLeave} — restarts the close timer.
-     *
-     * A coordination call the parts make on their root, not consumer API — the
-     * shared contract declares no public methods here. It stays `public` to the
-     * compiler because `<skdx-navigation-menu-trigger>` and `<skdx-navigation-menu-
-     * content>` reach it across instances of different classes, which `protected`
-     * cannot express.
-     *
-     * @internal
+     * @internal Restart close timer (same as {@link onTriggerLeave}).
+     * Part coordination call; `public` because cross-class calls cannot use `protected`.
      */
     onContentLeave(): void;
     /**
-     * Opens `itemValue` immediately (click/keyboard selection, not hover-delayed).
-     *
-     * A coordination call the parts make on their root, not consumer API — the
-     * shared contract declares no public methods here. It stays `public` to the
-     * compiler because `<skdx-navigation-menu-trigger>` and `<skdx-navigation-menu-
-     * content>` reach it across instances of different classes, which `protected`
-     * cannot express.
-     *
-     * @internal
+     * @internal Open `itemValue` immediately (click/keyboard, not hover-delayed).
+     * Part coordination call; `public` because cross-class calls cannot use `protected`.
      */
     onItemSelect(itemValue: string): void;
     /**
-     * Closes whatever is open immediately.
-     *
-     * A coordination call the parts make on their root, not consumer API — the
-     * shared contract declares no public methods here. It stays `public` to the
-     * compiler because `<skdx-navigation-menu-trigger>` and `<skdx-navigation-menu-
-     * content>` reach it across instances of different classes, which `protected`
-     * cannot express.
-     *
-     * @internal
+     * @internal Close whatever is open immediately.
+     * Part coordination call; `public` because cross-class calls cannot use `protected`.
      */
     onClose(): void;
+    /**
+     * @internal What Link click does: closes menu if `close-on-select`.
+     */
+    onLinkSelect(): void;
+    /**
+     * Set custom properties for open trigger's offset and size so the Indicator
+     * can position and animate from CSS alone.
+     */
+    private publishIndicatorMetrics;
     render(): import("lit").TemplateResult<1>;
 }
 declare global {

package/dist/navigation-menu/NavigationMenu.js

@@ -1,5 +1,5 @@
-var m=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var r=(l,o,e,s)=>{for(var i=s>1?void 0:s?p(o,e):o,n=l.length-1,u;n>=0;n--)(u=l[n])&&(i=(s?u(o,e,i):u(i))||i);return s&&i&&m(o,e,i),i};import{css as c,html as h,LitElement as T}from"lit";import{property as a}from"lit/decorators.js";import{customElement as d}from"../internal/define.js";var v=150,t=class extends T{constructor(){super(...arguments);this.value="";this.delayDuration=200;this.skipDelayDuration=300;this.orientation="horizontal";this.isOpenDelayed=!0}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","navigation"),this.hasAttribute("aria-label")||this.setAttribute("aria-label","Main"),this.reflectOrientation()}updated(e){super.updated(e),e.has("orientation")&&this.reflectOrientation()}reflectOrientation(){this.setAttribute("data-orientation",this.orientation);for(let e of this.querySelectorAll("skdx-navigation-menu-list"))e.setAttribute("data-orientation",this.orientation)}disconnectedCallback(){clearTimeout(this.openTimer),clearTimeout(this.closeTimer),clearTimeout(this.skipDelayTimer),super.disconnectedCallback()}setValue(e){this.value=e,clearTimeout(this.skipDelayTimer),e?this.isOpenDelayed=!1:this.skipDelayTimer=setTimeout(()=>this.isOpenDelayed=!0,this.skipDelayDuration),this.dispatchEvent(new CustomEvent("value-change",{detail:e,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("skdx-navigation-menu-internal-update",{composed:!0}))}onTriggerEnter(e){clearTimeout(this.closeTimer),clearTimeout(this.openTimer),this.isOpenDelayed?this.openTimer=setTimeout(()=>this.setValue(e),this.delayDuration):this.setValue(e)}onTriggerLeave(){clearTimeout(this.openTimer),clearTimeout(this.closeTimer),this.closeTimer=setTimeout(()=>this.setValue(""),v)}onContentEnter(){clearTimeout(this.closeTimer)}onContentLeave(){this.onTriggerLeave()}onItemSelect(e){clearTimeout(this.openTimer),clearTimeout(this.closeTimer),this.setValue(e)}onClose(){clearTimeout(this.openTimer),clearTimeout(this.closeTimer),this.setValue("")}render(){return h`<slot></slot>`}};t.styles=c`
+var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var r=(u,l,t,o)=>{for(var i=o>1?void 0:o?p(l,t):l,a=u.length-1,n;a>=0;a--)(n=u[a])&&(i=(o?n(l,t,i):n(i))||i);return o&&i&&c(l,t,i),i};import{css as d,html as v,LitElement as y}from"lit";import{property as s}from"lit/decorators.js";import{hasAuthoredParts as f,hasGeneratedContent as T}from"../internal/authored.js";import{customElement as g}from"../internal/define.js";import{optOutBoolean as b}from"../internal/positioning.js";import{fillNavigationMenuAnatomy as D,NAVIGATION_MENU_ANATOMY_GENERATED as m,NAVIGATION_MENU_RENDER_SLOTS as A}from"./NavigationMenuAnatomy.js";var E=150,e=class extends y{constructor(){super(...arguments);this.valueState=null;this.delayDuration=200;this.skipDelayDuration=300;this.closeDelayDuration=E;this.closeOnSelect=!0;this.orientation="horizontal";this.isOpenDelayed=!0;this.fillAnatomy=()=>{if(f(this,m,A)){this._anatomyItemsRef=void 0;return}this.items===this._anatomyItemsRef&&T(this,m)||(this._anatomyItemsRef=this.items,D(this))}}get value(){return this.valueState}set value(t){let o=this.valueState;this.valueState=t,this.requestUpdate("value",o),this.valueState!==o&&this.notifyParts()}notifyParts(){this.dispatchEvent(new CustomEvent("skdx-navigation-menu-internal-update",{composed:!0}))}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","navigation"),this.defaultValue!==void 0&&this.value===null&&(this.value=this.defaultValue),this.reflectOrientation(),queueMicrotask(this.fillAnatomy)}updated(t){this.fillAnatomy(),super.updated(t),t.has("orientation")&&this.reflectOrientation(),(t.has("value")||t.has("orientation"))&&this.publishIndicatorMetrics()}reflectOrientation(){this.setAttribute("data-orientation",this.orientation);for(let t of this.querySelectorAll("skdx-navigation-menu-list"))t.setAttribute("data-orientation",this.orientation)}disconnectedCallback(){clearTimeout(this.openTimer),clearTimeout(this.closeTimer),clearTimeout(this.skipDelayTimer),super.disconnectedCallback()}setValue(t){this.value=t,clearTimeout(this.skipDelayTimer),t!==null?this.isOpenDelayed=!1:this.skipDelayTimer=setTimeout(()=>this.isOpenDelayed=!0,this.skipDelayDuration),this.dispatchEvent(new CustomEvent("value-change",{detail:t,bubbles:!0,composed:!0}))}onTriggerEnter(t){clearTimeout(this.closeTimer),clearTimeout(this.openTimer),this.isOpenDelayed?this.openTimer=setTimeout(()=>this.setValue(t),this.delayDuration):this.setValue(t)}onTriggerLeave(){clearTimeout(this.openTimer),clearTimeout(this.closeTimer),this.closeTimer=setTimeout(()=>this.setValue(null),this.closeDelayDuration)}onContentEnter(){clearTimeout(this.closeTimer)}onContentLeave(){this.onTriggerLeave()}onItemSelect(t){clearTimeout(this.openTimer),clearTimeout(this.closeTimer),this.setValue(t)}onClose(){clearTimeout(this.openTimer),clearTimeout(this.closeTimer),this.setValue(null)}onLinkSelect(){this.closeOnSelect&&this.onClose()}publishIndicatorMetrics(){if(this.value===null)return;let t=this.querySelector('[data-skdx-nav-trigger][data-state="open"]');if(!t)return;let o=this.getBoundingClientRect(),i=t.getBoundingClientRect(),a=this.orientation==="horizontal",n=a?i.left-o.left:i.top-o.top,h=a?i.width:i.height;this.style.setProperty("--skdx-navigation-menu-indicator-offset",`${n}px`),this.style.setProperty("--skdx-navigation-menu-indicator-size",`${h}px`)}render(){return v`<slot @slotchange=${this.fillAnatomy}></slot>`}};e.styles=d`
     :host {
       display: block;
     }
-  `,r([a({type:String,reflect:!0})],t.prototype,"value",2),r([a({type:Number,attribute:"delay-duration"})],t.prototype,"delayDuration",2),r([a({type:Number,attribute:"skip-delay-duration"})],t.prototype,"skipDelayDuration",2),r([a({type:String})],t.prototype,"orientation",2),t=r([d("skdx-navigation-menu","navigation-menu","root")],t);export{t as SkdxNavigationMenu};
+  `,r([s({type:String,reflect:!0})],e.prototype,"value",1),r([s({type:String,attribute:"default-value"})],e.prototype,"defaultValue",2),r([s({type:Number,attribute:"delay-duration"})],e.prototype,"delayDuration",2),r([s({type:Number,attribute:"skip-delay-duration"})],e.prototype,"skipDelayDuration",2),r([s({type:Number,attribute:"close-delay-duration"})],e.prototype,"closeDelayDuration",2),r([s({converter:b,attribute:"close-on-select"})],e.prototype,"closeOnSelect",2),r([s({type:String})],e.prototype,"orientation",2),r([s({attribute:!1})],e.prototype,"items",2),e=r([g("skdx-navigation-menu","navigation-menu","root")],e);export{e as SkdxNavigationMenu};

package/dist/navigation-menu/NavigationMenuAnatomy.cjs

@@ -0,0 +1 @@
+"use strict";var u=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var A=(t,e)=>{for(var i in e)u(t,i,{get:e[i],enumerable:!0})},E=(t,e,i,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of k(e))!x.call(t,n)&&n!==i&&u(t,n,{get:()=>e[n],enumerable:!(a=v(e,n))||a.enumerable});return t};var N=t=>E(u({},"__esModule",{value:!0}),t);var M={};A(M,{NAVIGATION_MENU_ANATOMY_GENERATED:()=>p,NAVIGATION_MENU_RENDER_SLOTS:()=>f,fillNavigationMenuAnatomy:()=>b});module.exports=N(M);var m=require("../internal/options.cjs"),h=require("./NavigationMenuList.cjs"),C=require("./NavigationMenuItem.cjs"),_=require("./NavigationMenuTrigger.cjs"),T=require("./NavigationMenuContent.cjs"),D=require("./NavigationMenuLink.cjs"),I=require("./NavigationMenuIndicator.cjs"),p="data-skdx-navigation-menu-generated",f=["item"];function l(t){let e=document.createElement("skdx-navigation-menu-link");return e.setAttribute("href",t.href),t.active&&e.setAttribute("active",""),e.textContent=t.label,e}function b(t){let e=(0,m.renderSlotContent)(t,"item"),i=document.createElement("skdx-navigation-menu-list");i.setAttribute(p,""),i.setAttribute("data-orientation",t.orientation),(t.items??[]).forEach((n,g)=>{let s=n.value??String(g),o=document.createElement("skdx-navigation-menu-item");o.setAttribute("value",s),o.setAttribute("data-value",s);let c=e.get(s);if("items"in n){let r=document.createElement("skdx-navigation-menu-trigger");r.textContent=n.label;let d=document.createElement("skdx-navigation-menu-content");c?d.append((0,m.stampRenderSlot)(c)):d.append(...n.items.map(l)),o.append(r,d)}else{let r=l(n);c&&r.replaceChildren((0,m.stampRenderSlot)(c)),o.append(r)}i.append(o)});let a=document.createElement("skdx-navigation-menu-indicator");a.setAttribute(p,""),t.replaceChildren(i,a)}0&&(module.exports={NAVIGATION_MENU_ANATOMY_GENERATED,NAVIGATION_MENU_RENDER_SLOTS,fillNavigationMenuAnatomy});

package/dist/navigation-menu/NavigationMenuAnatomy.d.cts

@@ -0,0 +1,23 @@
+import type { SkdxNavigationMenu } from './NavigationMenu.cjs';
+import './NavigationMenuList.cjs';
+import './NavigationMenuItem.cjs';
+import './NavigationMenuTrigger.cjs';
+import './NavigationMenuContent.cjs';
+import './NavigationMenuLink.cjs';
+import './NavigationMenuIndicator.cjs';
+/** @internal Marks a direct child of `<skdx-navigation-menu>` this module generated. */
+export declare const NAVIGATION_MENU_ANATOMY_GENERATED = "data-skdx-navigation-menu-generated";
+/** @internal The named slots the derived anatomy consumes — see `renderSlotContent`. */
+export declare const NAVIGATION_MENU_RENDER_SLOTS: readonly ["item"];
+/**
+ * Builds the anatomy — a `<skdx-navigation-menu-list>` of Items (bare Link or
+ * Trigger + Content panel), followed by the `<skdx-navigation-menu-indicator>`
+ * — as light-DOM children of `root`.
+ *
+ * `slot="item"` supplies per-entry content, keyed by `data-value`. Trigger
+ * content fills the Content panel's body; link content fills the derived Link.
+ *
+ * No attribute forwarding: this root *is* the `role="navigation"` element.
+ * @internal
+ */
+export declare function fillNavigationMenuAnatomy(root: SkdxNavigationMenu): void;

package/dist/navigation-menu/NavigationMenuAnatomy.d.ts

@@ -0,0 +1,23 @@
+import type { SkdxNavigationMenu } from './NavigationMenu.js';
+import './NavigationMenuList.js';
+import './NavigationMenuItem.js';
+import './NavigationMenuTrigger.js';
+import './NavigationMenuContent.js';
+import './NavigationMenuLink.js';
+import './NavigationMenuIndicator.js';
+/** @internal Marks a direct child of `<skdx-navigation-menu>` this module generated. */
+export declare const NAVIGATION_MENU_ANATOMY_GENERATED = "data-skdx-navigation-menu-generated";
+/** @internal The named slots the derived anatomy consumes — see `renderSlotContent`. */
+export declare const NAVIGATION_MENU_RENDER_SLOTS: readonly ["item"];
+/**
+ * Builds the anatomy — a `<skdx-navigation-menu-list>` of Items (bare Link or
+ * Trigger + Content panel), followed by the `<skdx-navigation-menu-indicator>`
+ * — as light-DOM children of `root`.
+ *
+ * `slot="item"` supplies per-entry content, keyed by `data-value`. Trigger
+ * content fills the Content panel's body; link content fills the derived Link.
+ *
+ * No attribute forwarding: this root *is* the `role="navigation"` element.
+ * @internal
+ */
+export declare function fillNavigationMenuAnatomy(root: SkdxNavigationMenu): void;

package/dist/navigation-menu/NavigationMenuAnatomy.js

@@ -0,0 +1 @@
+import{renderSlotContent as g,stampRenderSlot as d}from"../internal/options.js";import"./NavigationMenuList.js";import"./NavigationMenuItem.js";import"./NavigationMenuTrigger.js";import"./NavigationMenuContent.js";import"./NavigationMenuLink.js";import"./NavigationMenuIndicator.js";var u="data-skdx-navigation-menu-generated",b=["item"];function p(t){let e=document.createElement("skdx-navigation-menu-link");return e.setAttribute("href",t.href),t.active&&e.setAttribute("active",""),e.textContent=t.label,e}function M(t){let e=g(t,"item"),o=document.createElement("skdx-navigation-menu-list");o.setAttribute(u,""),o.setAttribute("data-orientation",t.orientation),(t.items??[]).forEach((n,l)=>{let m=n.value??String(l),i=document.createElement("skdx-navigation-menu-item");i.setAttribute("value",m),i.setAttribute("data-value",m);let r=e.get(m);if("items"in n){let a=document.createElement("skdx-navigation-menu-trigger");a.textContent=n.label;let c=document.createElement("skdx-navigation-menu-content");r?c.append(d(r)):c.append(...n.items.map(p)),i.append(a,c)}else{let a=p(n);r&&a.replaceChildren(d(r)),i.append(a)}o.append(i)});let s=document.createElement("skdx-navigation-menu-indicator");s.setAttribute(u,""),t.replaceChildren(o,s)}export{u as NAVIGATION_MENU_ANATOMY_GENERATED,b as NAVIGATION_MENU_RENDER_SLOTS,M as fillNavigationMenuAnatomy};

package/dist/navigation-menu/NavigationMenuContent.cjs

@@ -1,5 +1,5 @@
-"use strict";var a=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var y=(i,e)=>{for(var t in e)a(i,t,{get:e[t],enumerable:!0})},E=(i,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of u(e))!g.call(i,n)&&n!==t&&a(i,n,{get:()=>e[n],enumerable:!(o=m(e,n))||o.enumerable});return i};var f=i=>E(a({},"__esModule",{value:!0}),i),h=(i,e,t,o)=>{for(var n=o>1?void 0:o?m(e,t):e,d=i.length-1,l;d>=0;d--)(l=i[d])&&(n=(o?l(e,t,n):l(n))||n);return o&&n&&a(e,t,n),n};var L={};y(L,{SkdxNavigationMenuContent:()=>r});module.exports=f(L);var s=require("lit"),v=require("lit/decorators.js"),c=require("../internal/define.cjs"),p=require("../internal/styles.cjs");var r=class extends s.LitElement{constructor(){super(...arguments);this.forceMount=!1;this.root=null;this.item=null;this.onUpdate=()=>this.syncHostState();this.handlePointerEnter=()=>this.root?.onContentEnter();this.handlePointerLeave=()=>this.root?.onContentLeave();this.handleKeyDown=t=>{t.key==="Escape"&&(this.root?.onClose(),document.getElementById(this.item?.triggerId??"")?.focus())};this.handleOutsidePointerDown=t=>{if(!this.open)return;let o=t.target,n=document.getElementById(this.item?.triggerId??"");this.contains(o)||n?.contains(o)||this.root?.onClose()}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.root=this.closest("skdx-navigation-menu"),this.item=this.closest("skdx-navigation-menu-item"),this.item&&(this.id=this.item.contentId,this.setAttribute("aria-labelledby",this.item.triggerId)),this.root?.addEventListener("skdx-navigation-menu-internal-update",this.onUpdate),this.addEventListener("pointerenter",this.handlePointerEnter),this.addEventListener("pointerleave",this.handlePointerLeave),this.addEventListener("keydown",this.handleKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener("skdx-navigation-menu-internal-update",this.onUpdate),this.removeEventListener("pointerenter",this.handlePointerEnter),this.removeEventListener("pointerleave",this.handlePointerLeave),this.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),super.disconnectedCallback()}get open(){return!!this.item&&this.root?.value===this.item.value}syncHostState(){let t=this.open;this.setAttribute("data-state",t?"open":"closed"),this.hidden=!(t||this.forceMount)}render(){return s.html`<slot></slot>`}};r.styles=[p.hiddenHostStyles,s.css`
+"use strict";var a=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var f=(o,t)=>{for(var e in t)a(o,e,{get:t[e],enumerable:!0})},g=(o,t,e,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of E(t))!y.call(o,n)&&n!==e&&a(o,n,{get:()=>t[n],enumerable:!(i=u(t,n))||i.enumerable});return o};var L=o=>g(a({},"__esModule",{value:!0}),o),h=(o,t,e,i)=>{for(var n=i>1?void 0:i?u(t,e):t,d=o.length-1,l;d>=0;d--)(l=o[d])&&(n=(i?l(t,e,n):l(n))||n);return i&&n&&a(t,e,n),n};var b={};f(b,{SkdxNavigationMenuContent:()=>s});module.exports=L(b);var r=require("lit"),c=require("lit/decorators.js"),m=require("../internal/define.cjs"),v=require("../internal/dismiss.cjs"),p=require("../internal/styles.cjs");var s=class extends r.LitElement{constructor(){super(...arguments);this.forceMount=!1;this.root=null;this.item=null;this.onUpdate=()=>this.syncHostState();this.handlePointerEnter=()=>this.root?.onContentEnter();this.handlePointerLeave=()=>this.root?.onContentLeave();this.handleEscapeKeyDown=e=>{!this.open||e.key!=="Escape"||(this.root?.onClose(),document.getElementById(this.item?.triggerId??"")?.focus())};this.handleOutsidePointerDown=e=>{this.open&&this.isOutside(e.target)&&this.root?.onClose()};this.handleOutsideFocus=e=>{if(!this.open)return;let i=(0,v.focusOutsideTarget)(e);i&&this.isOutside(i)&&this.root?.onClose()}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.root=this.closest("skdx-navigation-menu"),this.item=this.closest("skdx-navigation-menu-item"),this.item&&(this.id?this.item.contentId=this.id:this.id=this.item.contentId,this.setAttribute("aria-labelledby",this.item.triggerId)),this.root?.addEventListener("skdx-navigation-menu-internal-update",this.onUpdate),this.addEventListener("pointerenter",this.handlePointerEnter),this.addEventListener("pointerleave",this.handlePointerLeave),document.addEventListener("keydown",this.handleEscapeKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener("skdx-navigation-menu-internal-update",this.onUpdate),this.removeEventListener("pointerenter",this.handlePointerEnter),this.removeEventListener("pointerleave",this.handlePointerLeave),document.removeEventListener("keydown",this.handleEscapeKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),super.disconnectedCallback()}get open(){return!!this.item&&this.root?.value===this.item.value}syncHostState(){let e=this.open;this.setAttribute("data-state",e?"open":"closed"),this.hidden=!(e||this.forceMount)}isOutside(e){if(!e)return!1;let i=document.getElementById(this.item?.triggerId??"");return!this.contains(e)&&!i?.contains(e)}render(){return r.html`<slot></slot>`}};s.styles=[p.hiddenHostStyles,r.css`
       :host {
         display: block;
       }
-    `],h([(0,v.property)({type:Boolean,attribute:"force-mount"})],r.prototype,"forceMount",2),r=h([(0,c.customElement)("skdx-navigation-menu-content","navigation-menu","content")],r);0&&(module.exports={SkdxNavigationMenuContent});
+    `],h([(0,c.property)({type:Boolean,attribute:"force-mount"})],s.prototype,"forceMount",2),s=h([(0,m.customElement)("skdx-navigation-menu-content","navigation-menu","content")],s);0&&(module.exports={SkdxNavigationMenuContent});

package/dist/navigation-menu/NavigationMenuContent.d.cts

@@ -1,11 +1,8 @@
 import { LitElement } from 'lit';
 /**
  * `<skdx-navigation-menu-content>` — content panel revealed by an
- * `<skdx-navigation-menu-trigger>`. Sets `role="region"`, `id`, and
- * `aria-labelledby` (pointing at the trigger's id) directly on this host
- * element, with `data-state`. Pointer-enter cancels the root's close timer,
- * pointer-leave restarts it, and Escape closes the menu and refocuses the
- * trigger. Also dismisses on outside pointerdown.
+ * `<skdx-navigation-menu-trigger>`. Pointer-enter/leave manage the close timer;
+ * Escape and outside focus/pointerdown dismiss and refocus the trigger.
  */
 export declare class SkdxNavigationMenuContent extends LitElement {
     static styles: import("lit").CSSResult[];
@@ -20,8 +17,11 @@ export declare class SkdxNavigationMenuContent extends LitElement {
     private syncHostState;
     private readonly handlePointerEnter;
     private readonly handlePointerLeave;
-    private readonly handleKeyDown;
+    private readonly handleEscapeKeyDown;
     private readonly handleOutsidePointerDown;
+    private readonly handleOutsideFocus;
+    /** Whether `target` is outside both this panel and the trigger that owns it. */
+    private isOutside;
     render(): import("lit").TemplateResult<1>;
 }
 declare global {

package/dist/navigation-menu/NavigationMenuContent.d.ts

@@ -1,11 +1,8 @@
 import { LitElement } from 'lit';
 /**
  * `<skdx-navigation-menu-content>` — content panel revealed by an
- * `<skdx-navigation-menu-trigger>`. Sets `role="region"`, `id`, and
- * `aria-labelledby` (pointing at the trigger's id) directly on this host
- * element, with `data-state`. Pointer-enter cancels the root's close timer,
- * pointer-leave restarts it, and Escape closes the menu and refocuses the
- * trigger. Also dismisses on outside pointerdown.
+ * `<skdx-navigation-menu-trigger>`. Pointer-enter/leave manage the close timer;
+ * Escape and outside focus/pointerdown dismiss and refocus the trigger.
  */
 export declare class SkdxNavigationMenuContent extends LitElement {
     static styles: import("lit").CSSResult[];
@@ -20,8 +17,11 @@ export declare class SkdxNavigationMenuContent extends LitElement {
     private syncHostState;
     private readonly handlePointerEnter;
     private readonly handlePointerLeave;
-    private readonly handleKeyDown;
+    private readonly handleEscapeKeyDown;
     private readonly handleOutsidePointerDown;
+    private readonly handleOutsideFocus;
+    /** Whether `target` is outside both this panel and the trigger that owns it. */
+    private isOutside;
     render(): import("lit").TemplateResult<1>;
 }
 declare global {

package/dist/navigation-menu/NavigationMenuContent.js

@@ -1,5 +1,5 @@
-var l=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var d=(r,o,e,n)=>{for(var t=n>1?void 0:n?h(o,e):o,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(n?a(o,e,t):a(t))||t);return n&&t&&l(o,e,t),t};import{css as m,html as v,LitElement as c}from"lit";import{property as p}from"lit/decorators.js";import{customElement as u}from"../internal/define.js";import{hiddenHostStyles as g}from"../internal/styles.js";var i=class extends c{constructor(){super(...arguments);this.forceMount=!1;this.root=null;this.item=null;this.onUpdate=()=>this.syncHostState();this.handlePointerEnter=()=>this.root?.onContentEnter();this.handlePointerLeave=()=>this.root?.onContentLeave();this.handleKeyDown=e=>{e.key==="Escape"&&(this.root?.onClose(),document.getElementById(this.item?.triggerId??"")?.focus())};this.handleOutsidePointerDown=e=>{if(!this.open)return;let n=e.target,t=document.getElementById(this.item?.triggerId??"");this.contains(n)||t?.contains(n)||this.root?.onClose()}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.root=this.closest("skdx-navigation-menu"),this.item=this.closest("skdx-navigation-menu-item"),this.item&&(this.id=this.item.contentId,this.setAttribute("aria-labelledby",this.item.triggerId)),this.root?.addEventListener("skdx-navigation-menu-internal-update",this.onUpdate),this.addEventListener("pointerenter",this.handlePointerEnter),this.addEventListener("pointerleave",this.handlePointerLeave),this.addEventListener("keydown",this.handleKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener("skdx-navigation-menu-internal-update",this.onUpdate),this.removeEventListener("pointerenter",this.handlePointerEnter),this.removeEventListener("pointerleave",this.handlePointerLeave),this.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),super.disconnectedCallback()}get open(){return!!this.item&&this.root?.value===this.item.value}syncHostState(){let e=this.open;this.setAttribute("data-state",e?"open":"closed"),this.hidden=!(e||this.forceMount)}render(){return v`<slot></slot>`}};i.styles=[g,m`
+var l=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var d=(s,o,e,t)=>{for(var n=t>1?void 0:t?h(o,e):o,r=s.length-1,a;r>=0;r--)(a=s[r])&&(n=(t?a(o,e,n):a(n))||n);return t&&n&&l(o,e,n),n};import{css as u,html as c,LitElement as m}from"lit";import{property as v}from"lit/decorators.js";import{customElement as p}from"../internal/define.js";import{focusOutsideTarget as E}from"../internal/dismiss.js";import{hiddenHostStyles as y}from"../internal/styles.js";var i=class extends m{constructor(){super(...arguments);this.forceMount=!1;this.root=null;this.item=null;this.onUpdate=()=>this.syncHostState();this.handlePointerEnter=()=>this.root?.onContentEnter();this.handlePointerLeave=()=>this.root?.onContentLeave();this.handleEscapeKeyDown=e=>{!this.open||e.key!=="Escape"||(this.root?.onClose(),document.getElementById(this.item?.triggerId??"")?.focus())};this.handleOutsidePointerDown=e=>{this.open&&this.isOutside(e.target)&&this.root?.onClose()};this.handleOutsideFocus=e=>{if(!this.open)return;let t=E(e);t&&this.isOutside(t)&&this.root?.onClose()}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.root=this.closest("skdx-navigation-menu"),this.item=this.closest("skdx-navigation-menu-item"),this.item&&(this.id?this.item.contentId=this.id:this.id=this.item.contentId,this.setAttribute("aria-labelledby",this.item.triggerId)),this.root?.addEventListener("skdx-navigation-menu-internal-update",this.onUpdate),this.addEventListener("pointerenter",this.handlePointerEnter),this.addEventListener("pointerleave",this.handlePointerLeave),document.addEventListener("keydown",this.handleEscapeKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener("skdx-navigation-menu-internal-update",this.onUpdate),this.removeEventListener("pointerenter",this.handlePointerEnter),this.removeEventListener("pointerleave",this.handlePointerLeave),document.removeEventListener("keydown",this.handleEscapeKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),super.disconnectedCallback()}get open(){return!!this.item&&this.root?.value===this.item.value}syncHostState(){let e=this.open;this.setAttribute("data-state",e?"open":"closed"),this.hidden=!(e||this.forceMount)}isOutside(e){if(!e)return!1;let t=document.getElementById(this.item?.triggerId??"");return!this.contains(e)&&!t?.contains(e)}render(){return c`<slot></slot>`}};i.styles=[y,u`
       :host {
         display: block;
       }
-    `],d([p({type:Boolean,attribute:"force-mount"})],i.prototype,"forceMount",2),i=d([u("skdx-navigation-menu-content","navigation-menu","content")],i);export{i as SkdxNavigationMenuContent};
+    `],d([v({type:Boolean,attribute:"force-mount"})],i.prototype,"forceMount",2),i=d([p("skdx-navigation-menu-content","navigation-menu","content")],i);export{i as SkdxNavigationMenuContent};

package/dist/navigation-menu/NavigationMenuIndicator.cjs

@@ -1,5 +1,5 @@
-"use strict";var a=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var y=(o,e)=>{for(var i in e)a(o,i,{get:e[i],enumerable:!0})},b=(o,e,i,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of h(e))!f.call(o,t)&&t!==i&&a(o,t,{get:()=>e[t],enumerable:!(n=m(e,t))||n.enumerable});return o};var k=o=>b(a({},"__esModule",{value:!0}),o),c=(o,e,i,n)=>{for(var t=n>1?void 0:n?m(e,i):e,d=o.length-1,l;d>=0;d--)(l=o[d])&&(t=(n?l(e,i,t):l(t))||t);return n&&t&&a(e,i,t),t};var g={};y(g,{SkdxNavigationMenuIndicator:()=>s});module.exports=k(g);var r=require("lit"),p=require("lit/decorators.js"),v=require("../internal/define.cjs"),u=require("../internal/styles.cjs");var s=class extends r.LitElement{constructor(){super(...arguments);this.forceMount=!1;this.root=null;this.onUpdate=()=>this.sync()}connectedCallback(){super.connectedCallback(),this.root=this.closest("skdx-navigation-menu"),this.root?.addEventListener("skdx-navigation-menu-internal-update",this.onUpdate),this.sync()}disconnectedCallback(){this.root?.removeEventListener("skdx-navigation-menu-internal-update",this.onUpdate),super.disconnectedCallback()}sync(){let i=(this.root?.value??"")!=="";this.setAttribute("data-state",i?"visible":"hidden"),this.hidden=!this.forceMount&&!i}render(){return r.html`<slot></slot>`}};s.styles=[u.hiddenHostStyles,r.css`
+"use strict";var a=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var y=(o,e)=>{for(var n in e)a(o,n,{get:e[n],enumerable:!0})},b=(o,e,n,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of h(e))!f.call(o,t)&&t!==n&&a(o,t,{get:()=>e[t],enumerable:!(i=m(e,t))||i.enumerable});return o};var k=o=>b(a({},"__esModule",{value:!0}),o),c=(o,e,n,i)=>{for(var t=i>1?void 0:i?m(e,n):e,l=o.length-1,d;l>=0;l--)(d=o[l])&&(t=(i?d(e,n,t):d(t))||t);return i&&t&&a(e,n,t),t};var g={};y(g,{SkdxNavigationMenuIndicator:()=>s});module.exports=k(g);var r=require("lit"),p=require("lit/decorators.js"),u=require("../internal/define.cjs"),v=require("../internal/styles.cjs");var s=class extends r.LitElement{constructor(){super(...arguments);this.forceMount=!1;this.root=null;this.onUpdate=()=>this.sync()}connectedCallback(){super.connectedCallback(),this.root=this.closest("skdx-navigation-menu"),this.root?.addEventListener("skdx-navigation-menu-internal-update",this.onUpdate),this.sync()}disconnectedCallback(){this.root?.removeEventListener("skdx-navigation-menu-internal-update",this.onUpdate),super.disconnectedCallback()}sync(){let n=(this.root?.value??null)!==null;this.setAttribute("data-state",n?"visible":"hidden"),this.hidden=!this.forceMount&&!n}render(){return r.html`<slot></slot>`}};s.styles=[v.hiddenHostStyles,r.css`
       :host {
         display: block;
       }
-    `],c([(0,p.property)({type:Boolean,attribute:"force-mount"})],s.prototype,"forceMount",2),s=c([(0,v.customElement)("skdx-navigation-menu-indicator","navigation-menu","indicator")],s);0&&(module.exports={SkdxNavigationMenuIndicator});
+    `],c([(0,p.property)({type:Boolean,attribute:"force-mount"})],s.prototype,"forceMount",2),s=c([(0,u.customElement)("skdx-navigation-menu-indicator","navigation-menu","indicator")],s);0&&(module.exports={SkdxNavigationMenuIndicator});

package/dist/navigation-menu/NavigationMenuIndicator.d.cts

@@ -1,10 +1,8 @@
 import { LitElement } from 'lit';
 /**
- * `<skdx-navigation-menu-indicator>` — optional visual pointer (e.g. an
- * arrow/caret) tracking whether any item is open: sets `data-state`
- * (`visible`/`hidden`) on itself, hidden while no item is open unless
- * `force-mount` is set. Sizing/positioning it under the active trigger is
- * left to your CSS.
+ * `<skdx-navigation-menu-indicator>` — optional arrow/caret tracking which item
+ * is open, sets `data-state` (`visible`/`hidden`), hidden by default unless
+ * `force-mount` is set. Position it under the active trigger with CSS.
  */
 export declare class SkdxNavigationMenuIndicator extends LitElement {
     static styles: import("lit").CSSResult[];

package/dist/navigation-menu/NavigationMenuIndicator.d.ts

@@ -1,10 +1,8 @@
 import { LitElement } from 'lit';
 /**
- * `<skdx-navigation-menu-indicator>` — optional visual pointer (e.g. an
- * arrow/caret) tracking whether any item is open: sets `data-state`
- * (`visible`/`hidden`) on itself, hidden while no item is open unless
- * `force-mount` is set. Sizing/positioning it under the active trigger is
- * left to your CSS.
+ * `<skdx-navigation-menu-indicator>` — optional arrow/caret tracking which item
+ * is open, sets `data-state` (`visible`/`hidden`), hidden by default unless
+ * `force-mount` is set. Position it under the active trigger with CSS.
  */
 export declare class SkdxNavigationMenuIndicator extends LitElement {
     static styles: import("lit").CSSResult[];

package/dist/navigation-menu/NavigationMenuIndicator.js

@@ -1,5 +1,5 @@
-var l=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var d=(s,i,t,n)=>{for(var e=n>1?void 0:n?c(i,t):i,r=s.length-1,a;r>=0;r--)(a=s[r])&&(e=(n?a(i,t,e):a(e))||e);return n&&e&&l(i,t,e),e};import{css as m,html as p,LitElement as v}from"lit";import{property as u}from"lit/decorators.js";import{customElement as h}from"../internal/define.js";import{hiddenHostStyles as f}from"../internal/styles.js";var o=class extends v{constructor(){super(...arguments);this.forceMount=!1;this.root=null;this.onUpdate=()=>this.sync()}connectedCallback(){super.connectedCallback(),this.root=this.closest("skdx-navigation-menu"),this.root?.addEventListener("skdx-navigation-menu-internal-update",this.onUpdate),this.sync()}disconnectedCallback(){this.root?.removeEventListener("skdx-navigation-menu-internal-update",this.onUpdate),super.disconnectedCallback()}sync(){let t=(this.root?.value??"")!=="";this.setAttribute("data-state",t?"visible":"hidden"),this.hidden=!this.forceMount&&!t}render(){return p`<slot></slot>`}};o.styles=[f,m`
+var d=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var l=(s,n,t,i)=>{for(var e=i>1?void 0:i?c(n,t):n,r=s.length-1,a;r>=0;r--)(a=s[r])&&(e=(i?a(n,t,e):a(e))||e);return i&&e&&d(n,t,e),e};import{css as m,html as p,LitElement as u}from"lit";import{property as v}from"lit/decorators.js";import{customElement as h}from"../internal/define.js";import{hiddenHostStyles as f}from"../internal/styles.js";var o=class extends u{constructor(){super(...arguments);this.forceMount=!1;this.root=null;this.onUpdate=()=>this.sync()}connectedCallback(){super.connectedCallback(),this.root=this.closest("skdx-navigation-menu"),this.root?.addEventListener("skdx-navigation-menu-internal-update",this.onUpdate),this.sync()}disconnectedCallback(){this.root?.removeEventListener("skdx-navigation-menu-internal-update",this.onUpdate),super.disconnectedCallback()}sync(){let t=(this.root?.value??null)!==null;this.setAttribute("data-state",t?"visible":"hidden"),this.hidden=!this.forceMount&&!t}render(){return p`<slot></slot>`}};o.styles=[f,m`
       :host {
         display: block;
       }
-    `],d([u({type:Boolean,attribute:"force-mount"})],o.prototype,"forceMount",2),o=d([h("skdx-navigation-menu-indicator","navigation-menu","indicator")],o);export{o as SkdxNavigationMenuIndicator};
+    `],l([v({type:Boolean,attribute:"force-mount"})],o.prototype,"forceMount",2),o=l([h("skdx-navigation-menu-indicator","navigation-menu","indicator")],o);export{o as SkdxNavigationMenuIndicator};

package/dist/navigation-menu/NavigationMenuItem.cjs

@@ -1,5 +1,5 @@
-"use strict";var m=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var u=(t,e)=>{for(var o in e)m(t,o,{get:e[o],enumerable:!0})},x=(t,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of y(e))!v.call(t,r)&&r!==o&&m(t,r,{get:()=>e[r],enumerable:!(n=p(e,r))||n.enumerable});return t};var E=t=>x(m({},"__esModule",{value:!0}),t),d=(t,e,o,n)=>{for(var r=n>1?void 0:n?p(e,o):e,i=t.length-1,a;i>=0;i--)(a=t[i])&&(r=(n?a(e,o,r):a(r))||r);return n&&r&&m(e,o,r),r};var b={};u(b,{SkdxNavigationMenuItem:()=>l});module.exports=E(b);var s=require("lit"),f=require("lit/decorators.js"),g=require("../internal/define.cjs"),c=require("../internal/ids.cjs");var l=class extends s.LitElement{constructor(){super(...arguments);this.value="";this.triggerId=(0,c.nextId)("skdx-nav-trigger");this.contentId=(0,c.nextId)("skdx-nav-content")}render(){return s.html`<slot></slot>`}};l.styles=s.css`
+"use strict";var d=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var v=(r,e)=>{for(var n in e)d(r,n,{get:e[n],enumerable:!0})},y=(r,e,n,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of f(e))!h.call(r,t)&&t!==n&&d(r,t,{get:()=>e[t],enumerable:!(o=g(e,t))||o.enumerable});return r};var k=r=>y(d({},"__esModule",{value:!0}),r),a=(r,e,n,o)=>{for(var t=o>1?void 0:o?g(e,n):e,c=r.length-1,l;c>=0;c--)(l=r[c])&&(t=(o?l(e,n,t):l(t))||t);return o&&t&&d(e,n,t),t};var x={};v(x,{SkdxNavigationMenuItem:()=>i});module.exports=k(x);var s=require("lit"),p=require("lit/decorators.js"),u=require("../internal/define.cjs"),m=require("../internal/ids.cjs");var i=class extends s.LitElement{constructor(){super(...arguments);this.value="";this.triggerId=(0,m.nextId)("skdx-nav-trigger");this.contentId=(0,m.nextId)("skdx-nav-content")}connectedCallback(){super.connectedCallback();let n=this.querySelector("skdx-navigation-menu-trigger")?.id;n&&(this.triggerId=n);let o=this.querySelector("skdx-navigation-menu-content")?.id;o&&(this.contentId=o)}render(){return s.html`<slot></slot>`}};i.styles=s.css`
     :host {
       display: block;
     }
-  `,d([(0,f.property)({type:String,reflect:!0})],l.prototype,"value",2),l=d([(0,g.customElement)("skdx-navigation-menu-item","navigation-menu","item")],l);0&&(module.exports={SkdxNavigationMenuItem});
+  `,a([(0,p.property)({type:String,reflect:!0})],i.prototype,"value",2),i=a([(0,u.customElement)("skdx-navigation-menu-item","navigation-menu","item")],i);0&&(module.exports={SkdxNavigationMenuItem});

package/dist/navigation-menu/NavigationMenuItem.d.cts

@@ -1,16 +1,15 @@
 import { LitElement } from 'lit';
 /**
- * `<skdx-navigation-menu-item>` — a single entry in the menu: generates the
- * ids that link its `<skdx-navigation-menu-trigger>` and
- * `<skdx-navigation-menu-content>` together, read by them via
- * `closest('skdx-navigation-menu-item')`.
+ * `<skdx-navigation-menu-item>` — a menu entry that generates ids linking its
+ * trigger and content together.
  */
 export declare class SkdxNavigationMenuItem extends LitElement {
     static styles: import("lit").CSSResult;
     /** This item's identifying value, matched against the ancestor menu's `value`. */
     value: string;
-    readonly triggerId: string;
-    readonly contentId: string;
+    triggerId: string;
+    contentId: string;
+    connectedCallback(): void;
     render(): import("lit").TemplateResult<1>;
 }
 declare global {

package/dist/navigation-menu/NavigationMenuItem.d.ts

@@ -1,16 +1,15 @@
 import { LitElement } from 'lit';
 /**
- * `<skdx-navigation-menu-item>` — a single entry in the menu: generates the
- * ids that link its `<skdx-navigation-menu-trigger>` and
- * `<skdx-navigation-menu-content>` together, read by them via
- * `closest('skdx-navigation-menu-item')`.
+ * `<skdx-navigation-menu-item>` — a menu entry that generates ids linking its
+ * trigger and content together.
  */
 export declare class SkdxNavigationMenuItem extends LitElement {
     static styles: import("lit").CSSResult;
     /** This item's identifying value, matched against the ancestor menu's `value`. */
     value: string;
-    readonly triggerId: string;
-    readonly contentId: string;
+    triggerId: string;
+    contentId: string;
+    connectedCallback(): void;
     render(): import("lit").TemplateResult<1>;
 }
 declare global {

package/dist/navigation-menu/NavigationMenuItem.js

@@ -1,5 +1,5 @@
-var d=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var i=(n,t,l,o)=>{for(var e=o>1?void 0:o?c(t,l):t,s=n.length-1,m;s>=0;s--)(m=n[s])&&(e=(o?m(t,l,e):m(e))||e);return o&&e&&d(t,l,e),e};import{css as p,html as f,LitElement as g}from"lit";import{property as y}from"lit/decorators.js";import{customElement as v}from"../internal/define.js";import{nextId as a}from"../internal/ids.js";var r=class extends g{constructor(){super(...arguments);this.value="";this.triggerId=a("skdx-nav-trigger");this.contentId=a("skdx-nav-content")}render(){return f`<slot></slot>`}};r.styles=p`
+var a=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var c=(i,o,r,e)=>{for(var t=e>1?void 0:e?m(o,r):o,s=i.length-1,d;s>=0;s--)(d=i[s])&&(t=(e?d(o,r,t):d(t))||t);return e&&t&&a(o,r,t),t};import{css as g,html as p,LitElement as u}from"lit";import{property as f}from"lit/decorators.js";import{customElement as h}from"../internal/define.js";import{nextId as l}from"../internal/ids.js";var n=class extends u{constructor(){super(...arguments);this.value="";this.triggerId=l("skdx-nav-trigger");this.contentId=l("skdx-nav-content")}connectedCallback(){super.connectedCallback();let r=this.querySelector("skdx-navigation-menu-trigger")?.id;r&&(this.triggerId=r);let e=this.querySelector("skdx-navigation-menu-content")?.id;e&&(this.contentId=e)}render(){return p`<slot></slot>`}};n.styles=g`
     :host {
       display: block;
     }
-  `,i([y({type:String,reflect:!0})],r.prototype,"value",2),r=i([v("skdx-navigation-menu-item","navigation-menu","item")],r);export{r as SkdxNavigationMenuItem};
+  `,c([f({type:String,reflect:!0})],n.prototype,"value",2),n=c([h("skdx-navigation-menu-item","navigation-menu","item")],n);export{n as SkdxNavigationMenuItem};

package/dist/navigation-menu/NavigationMenuLink.cjs

@@ -1,4 +1,4 @@
-"use strict";var s=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var u=(o,t)=>{for(var a in t)s(o,a,{get:t[a],enumerable:!0})},y=(o,t,a,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of f(t))!g.call(o,e)&&e!==a&&s(o,e,{get:()=>t[e],enumerable:!(l=d(t,e))||l.enumerable});return o};var b=o=>y(s({},"__esModule",{value:!0}),o),n=(o,t,a,l)=>{for(var e=l>1?void 0:l?d(t,a):t,h=o.length-1,m;h>=0;h--)(m=o[h])&&(e=(l?m(t,a,e):m(e))||e);return l&&e&&s(t,a,e),e};var C={};u(C,{SkdxNavigationMenuLink:()=>i});module.exports=b(C);var r=require("lit"),p=require("lit/decorators.js"),v=require("../internal/define.cjs"),c=require("../internal/styles.cjs");var i=class extends r.LitElement{constructor(){super(...arguments);this.active=!1;this.root=null;this.handleClick=()=>this.root?.onClose()}connectedCallback(){super.connectedCallback(),this.root=this.closest("skdx-navigation-menu"),this.setAttribute("data-skdx-nav-trigger","")}render(){return r.html`
+"use strict";var n=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var u=(o,t)=>{for(var a in t)n(o,a,{get:t[a],enumerable:!0})},y=(o,t,a,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of f(t))!g.call(o,e)&&e!==a&&n(o,e,{get:()=>t[e],enumerable:!(l=d(t,e))||l.enumerable});return o};var b=o=>y(n({},"__esModule",{value:!0}),o),s=(o,t,a,l)=>{for(var e=l>1?void 0:l?d(t,a):t,h=o.length-1,m;h>=0;h--)(m=o[h])&&(e=(l?m(t,a,e):m(e))||e);return l&&e&&n(t,a,e),e};var k={};u(k,{SkdxNavigationMenuLink:()=>i});module.exports=b(k);var r=require("lit"),p=require("lit/decorators.js"),v=require("../internal/define.cjs"),c=require("../internal/styles.cjs");var i=class extends r.LitElement{constructor(){super(...arguments);this.active=!1;this.root=null;this.handleClick=()=>this.root?.onLinkSelect()}connectedCallback(){super.connectedCallback(),this.root=this.closest("skdx-navigation-menu"),this.setAttribute("data-skdx-nav-trigger","")}render(){return r.html`
       <a
         part="link"
         href=${this.href??r.nothing}
@@ -16,4 +16,4 @@
         font: inherit;
         color: inherit;
       }
-    `,c.controlBoxOnHost],n([(0,p.property)({type:String})],i.prototype,"href",2),n([(0,p.property)({type:Boolean,reflect:!0})],i.prototype,"active",2),i=n([(0,v.customElement)("skdx-navigation-menu-link","navigation-menu","link")],i);0&&(module.exports={SkdxNavigationMenuLink});
+    `,c.controlBoxOnHost],s([(0,p.property)({type:String})],i.prototype,"href",2),s([(0,p.property)({type:Boolean,reflect:!0})],i.prototype,"active",2),i=s([(0,v.customElement)("skdx-navigation-menu-link","navigation-menu","link")],i);0&&(module.exports={SkdxNavigationMenuLink});

package/dist/navigation-menu/NavigationMenuLink.d.cts

@@ -1,10 +1,8 @@
 import { LitElement } from 'lit';
 /**
- * `<skdx-navigation-menu-link>` — a plain navigable link, usable both inside
- * an `<skdx-navigation-menu-list>` item (marked `data-skdx-nav-trigger` so it
- * joins roving focus) and inside an `<skdx-navigation-menu-content>` panel.
- * When `active`, sets `data-active` and `aria-current="page"`. Clicking it
- * closes the open menu.
+ * A navigable link for use inside `<skdx-navigation-menu-list>` (joins roving focus)
+ * or `<skdx-navigation-menu-content>`. Sets `data-active` and `aria-current="page"`
+ * when `active`; closes the menu on click.
  *
  * @csspart link - The native `<a>` element inside the shadow root.
  */

package/dist/navigation-menu/NavigationMenuLink.d.ts

@@ -1,10 +1,8 @@
 import { LitElement } from 'lit';
 /**
- * `<skdx-navigation-menu-link>` — a plain navigable link, usable both inside
- * an `<skdx-navigation-menu-list>` item (marked `data-skdx-nav-trigger` so it
- * joins roving focus) and inside an `<skdx-navigation-menu-content>` panel.
- * When `active`, sets `data-active` and `aria-current="page"`. Clicking it
- * closes the open menu.
+ * A navigable link for use inside `<skdx-navigation-menu-list>` (joins roving focus)
+ * or `<skdx-navigation-menu-content>`. Sets `data-active` and `aria-current="page"`
+ * when `active`; closes the menu on click.
  *
  * @csspart link - The native `<a>` element inside the shadow root.
  */

package/dist/navigation-menu/NavigationMenuLink.js

@@ -1,4 +1,4 @@
-var m=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var i=(a,o,l,r)=>{for(var e=r>1?void 0:r?p(o,l):o,s=a.length-1,n;s>=0;s--)(n=a[s])&&(e=(r?n(o,l,e):n(e))||e);return r&&e&&m(o,l,e),e};import{css as d,html as v,LitElement as f,nothing as c}from"lit";import{property as h}from"lit/decorators.js";import{customElement as g}from"../internal/define.js";import{controlBoxOnHost as u,delegatesFocusShadowRootOptions as y}from"../internal/styles.js";var t=class extends f{constructor(){super(...arguments);this.active=!1;this.root=null;this.handleClick=()=>this.root?.onClose()}connectedCallback(){super.connectedCallback(),this.root=this.closest("skdx-navigation-menu"),this.setAttribute("data-skdx-nav-trigger","")}render(){return v`
+var m=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var i=(a,o,l,r)=>{for(var e=r>1?void 0:r?p(o,l):o,n=a.length-1,s;n>=0;n--)(s=a[n])&&(e=(r?s(o,l,e):s(e))||e);return r&&e&&m(o,l,e),e};import{css as d,html as v,LitElement as f,nothing as c}from"lit";import{property as h}from"lit/decorators.js";import{customElement as g}from"../internal/define.js";import{controlBoxOnHost as u,delegatesFocusShadowRootOptions as y}from"../internal/styles.js";var t=class extends f{constructor(){super(...arguments);this.active=!1;this.root=null;this.handleClick=()=>this.root?.onLinkSelect()}connectedCallback(){super.connectedCallback(),this.root=this.closest("skdx-navigation-menu"),this.setAttribute("data-skdx-nav-trigger","")}render(){return v`
       <a
         part="link"
         href=${this.href??c}