@skdx/web-components 0.26.0 → 0.28.0

package/dist/command/primitives.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Primitives for command (built from these with groups). Use when anatomy's structure doesn't
+ * fit. Imports from this path; tags are global.
+ *
+ * @example
+ * ```ts
+ * import * as Command from '@skdx/web-components/primitives/command';
+ * ```
+ * ```html
+ * <skdx-command>
+ *   <skdx-command-input placeholder="Search…"></skdx-command-input>
+ *   <skdx-command-list aria-label="Commands">
+ *     <skdx-command-group heading="Pages">
+ *       <skdx-command-item value="profile">Profile</skdx-command-item>
+ *     </skdx-command-group>
+ *   </skdx-command-list>
+ *   <skdx-command-empty>No results found.</skdx-command-empty>
+ * </skdx-command>
+ * ```
+ */
+export { SkdxCommand } from './Command.js';
+export { SkdxCommandInput } from './CommandInput.js';
+export { SkdxCommandList } from './CommandList.js';
+export { SkdxCommandEmpty } from './CommandEmpty.js';
+export { SkdxCommandLoading } from './CommandLoading.js';
+export { SkdxCommandGroup } from './CommandGroup.js';
+export { SkdxCommandItem } from './CommandItem.js';
+export { SkdxCommandSeparator } from './CommandSeparator.js';

package/dist/command/primitives.js

@@ -0,0 +1 @@
+import{SkdxCommand as r}from"./Command.js";import{SkdxCommandInput as x}from"./CommandInput.js";import{SkdxCommandList as p}from"./CommandList.js";import{SkdxCommandEmpty as e}from"./CommandEmpty.js";import{SkdxCommandLoading as S}from"./CommandLoading.js";import{SkdxCommandGroup as k}from"./CommandGroup.js";import{SkdxCommandItem as i}from"./CommandItem.js";import{SkdxCommandSeparator as I}from"./CommandSeparator.js";export{r as SkdxCommand,e as SkdxCommandEmpty,k as SkdxCommandGroup,x as SkdxCommandInput,i as SkdxCommandItem,p as SkdxCommandList,S as SkdxCommandLoading,I as SkdxCommandSeparator};

package/dist/command/types.cjs

@@ -0,0 +1 @@
+"use strict";var n=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var s=(r,e,a,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of i(e))!l.call(r,o)&&o!==a&&n(r,o,{get:()=>e[o],enumerable:!(t=d(e,o))||t.enumerable});return r};var m=r=>s(n({},"__esModule",{value:!0}),r);var c={};module.exports=m(c);

package/dist/command/types.d.cts

@@ -0,0 +1,20 @@
+/** One command in a `<skdx-command>` group. */
+export interface SkdxCommandItemDescriptor {
+    /** Text. */
+    label: string;
+    /** Filter/select target. @default label */
+    value?: string;
+    /** Extra filter strings. */
+    keywords?: readonly string[];
+    /** Exclude from navigation. @default false */
+    disabled?: boolean;
+    /** Run hook, before `item-select`. */
+    onSelect?: () => void;
+}
+/** One section in `<skdx-command>`'s `groups`. */
+export interface SkdxCommandGroupDescriptor {
+    /** Accessible name and heading. @default none — no wrapper */
+    label?: string;
+    /** Commands. */
+    items: readonly SkdxCommandItemDescriptor[];
+}

package/dist/command/types.d.ts

@@ -0,0 +1,20 @@
+/** One command in a `<skdx-command>` group. */
+export interface SkdxCommandItemDescriptor {
+    /** Text. */
+    label: string;
+    /** Filter/select target. @default label */
+    value?: string;
+    /** Extra filter strings. */
+    keywords?: readonly string[];
+    /** Exclude from navigation. @default false */
+    disabled?: boolean;
+    /** Run hook, before `item-select`. */
+    onSelect?: () => void;
+}
+/** One section in `<skdx-command>`'s `groups`. */
+export interface SkdxCommandGroupDescriptor {
+    /** Accessible name and heading. @default none — no wrapper */
+    label?: string;
+    /** Commands. */
+    items: readonly SkdxCommandItemDescriptor[];
+}

package/dist/context-menu/ContextMenu.cjs

@@ -1,5 +1 @@
-"use strict";var a=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var C=(n,t)=>{for(var e in t)a(n,e,{get:t[e],enumerable:!0})},O=(n,t,e,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of E(t))!g.call(n,o)&&o!==e&&a(n,o,{get:()=>t[o],enumerable:!(i=m(t,o))||i.enumerable});return n};var y=n=>O(a({},"__esModule",{value:!0}),n),p=(n,t,e,i)=>{for(var o=i>1?void 0:i?m(t,e):t,l=n.length-1,d;l>=0;l--)(d=n[l])&&(o=(i?d(t,e,o):d(o))||o);return i&&o&&a(t,e,o),o};var w={};C(w,{ITEM_SELECTOR:()=>b.ITEM_SELECTOR,SkdxContextMenu:()=>s});module.exports=y(w);var r=require("lit"),c=require("lit/decorators.js"),h=require("../internal/define.cjs"),u=require("../internal/ids.cjs"),f=require("../internal/open-change-complete.cjs"),v=require("../internal/styles.cjs"),b=require("../internal/menu-sub.cjs");var s=class extends r.LitElement{constructor(){super(...arguments);this.open=!1;this.defaultOpen=!1;this.contentId=(0,u.nextId)("skdx-context-menu-content");this.point={x:0,y:0};this.triggerEl=null;this.hasUpdatedOnce=!1}connectedCallback(){super.connectedCallback(),this.defaultOpen&&!this.hasAttribute("open")&&(this.open=!0)}disconnectedCallback(){this.teardownOpenChangeComplete?.(),super.disconnectedCallback()}updated(e){let i=!this.hasUpdatedOnce;this.hasUpdatedOnce=!0,e.has("open")&&!i&&this.dispatchEvent(new CustomEvent("open-change",{detail:this.open,bubbles:!0,composed:!0})),e.size>0&&this.dispatchEvent(new CustomEvent("skdx-context-menu-internal-update")),e.has("open")&&!i&&(this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=(0,f.notifyOpenChangeComplete)(()=>this.querySelector("skdx-context-menu-content"),this.open,o=>this.dispatchEvent(new CustomEvent("open-change-complete",{detail:o,bubbles:!0,composed:!0}))))}setOpen(e){this.open!==e&&(this.open=e)}setPoint(e){this.point=e}focusTrigger(){this.triggerEl?.focus()}render(){return r.html`<slot></slot>`}};s.styles=[v.hiddenHostStyles,r.css`
-      :host {
-        display: contents;
-      }
-    `],p([(0,c.property)({type:Boolean,reflect:!0})],s.prototype,"open",2),p([(0,c.property)({type:Boolean,attribute:"default-open"})],s.prototype,"defaultOpen",2),s=p([(0,h.customElement)("skdx-context-menu")],s);0&&(module.exports={ITEM_SELECTOR,SkdxContextMenu});
+"use strict";var m=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var A=Object.prototype.hasOwnProperty;var M=(o,e)=>{for(var r in e)m(o,r,{get:e[r],enumerable:!0})},v=(o,e,r,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of x(e))!A.call(o,t)&&t!==r&&m(o,t,{get:()=>e[t],enumerable:!(i=f(e,t))||i.enumerable});return o};var C=o=>v(m({},"__esModule",{value:!0}),o),s=(o,e,r,i)=>{for(var t=i>1?void 0:i?f(e,r):e,l=o.length-1,p;l>=0;l--)(p=o[l])&&(t=(i?p(e,r,t):p(t))||t);return i&&t&&m(e,r,t),t};var E={};M(E,{SkdxContextMenu:()=>n});module.exports=C(E);var c=require("lit"),d=require("lit/decorators.js"),y=require("../internal/authored.cjs"),u=require("../internal/define.cjs"),a=require("./ContextMenuAnatomy.cjs"),h=require("./ContextMenuRoot.cjs");var n=class extends h.SkdxContextMenuRoot{constructor(){super(...arguments);this.disabled=!1;this.fillAnatomy=()=>{this.items!==this._anatomyItemsRef||!(0,y.hasGeneratedContent)(this,a.CONTEXT_MENU_ANATOMY_GENERATED)?(this._anatomyItemsRef=this.items,(0,a.fillContextMenuAnatomy)(this)):(0,a.refreshContextMenuAnatomy)(this)}}connectedCallback(){super.connectedCallback(),queueMicrotask(this.fillAnatomy)}updated(r){this.fillAnatomy(),super.updated(r)}render(){return c.html`<slot @slotchange=${this.fillAnatomy}></slot>`}};s([(0,d.property)({attribute:!1})],n.prototype,"items",2),s([(0,d.property)({type:Boolean,reflect:!0})],n.prototype,"disabled",2),n=s([(0,u.customElement)("skdx-context-menu")],n);0&&(module.exports={SkdxContextMenu});

package/dist/context-menu/ContextMenu.d.cts

@@ -1,74 +1,42 @@
-import { LitElement } from 'lit';
-/** @internal Selects focusable, non-disabled menu items within the content for roving-focus navigation. */
-export { ITEM_SELECTOR } from '../internal/menu-sub.cjs';
-/** @internal Viewport coordinates of the triggering `contextmenu` event. */
-export interface Point {
-    x: number;
-    y: number;
-}
+import { SkdxContextMenuRoot } from './ContextMenuRoot.cjs';
+import type { SkdxContextMenuItemDescriptor } from './types.cjs';
+export type { Point } from './ContextMenuRoot.cjs';
 /**
- * `<skdx-context-menu>` — the Web Components implementation of the shared
- * ContextMenu contract (see `@skdx/shared`'s `contextMenuContract`). Owns
- * the open state and the triggering pointer position, and hands both down
- * to `<skdx-context-menu-trigger>` / `<skdx-context-menu-content>` / item
- * parts, which look it up via `closest('skdx-context-menu')` and re-render on
- * the `skdx-context-menu-internal-update` event this element dispatches
- * whenever `open` changes — the same shared-state pattern `<skdx-select>`
- * uses.
- *
- * Unlike `<skdx-dropdown-menu>`, `<skdx-context-menu-content>` positions itself
- * at the pointer's coordinates rather than anchored to a trigger element, so
- * a menu opened via `default-open` (rather than by a `contextmenu` event on
- * `<skdx-context-menu-trigger>`) has no pointer to sit at and lands at the
- * viewport's top-left corner.
- *
- * Renders only a `<slot>`.
+ * `<skdx-context-menu>` — Web Components implementation of the shared ContextMenu contract. Renders the canonical anatomy: a `<skdx-context-menu-trigger>` wrapping this element's children as the right-clickable region, and a `<skdx-context-menu-content>` with one derived part per `items` entry. Children are the region, never the parts; hand composition uses `<skdx-context-menu-root>`.
  *
  * @example
  * ```html
- * <skdx-context-menu>
- *   <skdx-context-menu-trigger>Right-click this area</skdx-context-menu-trigger>
- *   <skdx-context-menu-content>
- *     <skdx-context-menu-item>Copy</skdx-context-menu-item>
- *     <skdx-context-menu-separator></skdx-context-menu-separator>
- *     <skdx-context-menu-item>Delete</skdx-context-menu-item>
- *   </skdx-context-menu-content>
- * </skdx-context-menu>
+ * <skdx-context-menu>Right-click this area</skdx-context-menu>
+ * ```
+ * ```ts
+ * menu.items = [{ label: 'Copy', onSelect: copy }, { type: 'separator' }, { label: 'Delete' }];
  * ```
  *
  * @fires open-change - Fired with the new open state whenever it changes, controlled or not.
- * @fires open-change-complete - Fired with the new open state once `<skdx-context-menu-content>`'s enter or exit animation has finished — immediately, when it declares no animation. Not cancelable: the change has already happened.
+ * @fires open-change-complete - Fired with the new open state once `<skdx-context-menu-content>`'s enter or exit animation finishes. Not cancelable.
+ * @fires item-select - Fired with the `items` entry that was activated, after that entry's `onSelect`.
+ *
+ * @slot item - Per-item content for the derived anatomy, addressed by `data-value`.
  */
-export declare class SkdxContextMenu extends LitElement {
-    static styles: import("lit").CSSResult[];
+export declare class SkdxContextMenu extends SkdxContextMenuRoot {
     /**
-     * Whether the context menu is currently open and visible.
-     * @default false
+     * The menu's entries. A plain action item carries no `type`; separators,
+     * checkbox items, radio groups, submenus and groups are the tagged variants.
+     * @default undefined — an empty menu.
      */
-    open: boolean;
+    items?: readonly SkdxContextMenuItemDescriptor[];
     /**
-     * Initial open state, for uncontrolled usage. Applied once, on connect,
-     * and only if `open` wasn't already set. The menu has no pointer event to
-     * position itself at, so it opens at the viewport's top-left corner.
+     * Disables the derived `<skdx-context-menu-trigger>`, letting the native
+     * browser context menu through for this region.
      * @default false
      */
-    defaultOpen: boolean;
-    readonly contentId: string;
-    /** @internal Viewport coordinates of the triggering `contextmenu` event, set by `<skdx-context-menu-trigger>`. */
-    point: Point;
-    /** @internal The `<skdx-context-menu-trigger>` element, so closing the menu can return focus to it. */
-    triggerEl: HTMLElement | null;
-    private hasUpdatedOnce;
-    private teardownOpenChangeComplete?;
+    disabled: boolean;
+    /** The `items` reference the generated anatomy was last built for. */
+    private _anatomyItemsRef?;
     connectedCallback(): void;
-    disconnectedCallback(): void;
+    /** Gated on `items` reference, which changes anatomy shape; `disabled` refreshes in place. */
+    private readonly fillAnatomy;
     protected updated(changed: Map<string, unknown>): void;
-    /** @internal */
-    setOpen(next: boolean): void;
-    /** @internal */
-    setPoint(point: Point): void;
-    /** @internal Returns focus to `<skdx-context-menu-trigger>`, mirroring `<skdx-dropdown-menu>`. */
-    focusTrigger(): void;
     render(): import("lit").TemplateResult<1>;
 }
 declare global {

package/dist/context-menu/ContextMenu.d.ts

@@ -1,74 +1,42 @@
-import { LitElement } from 'lit';
-/** @internal Selects focusable, non-disabled menu items within the content for roving-focus navigation. */
-export { ITEM_SELECTOR } from '../internal/menu-sub.js';
-/** @internal Viewport coordinates of the triggering `contextmenu` event. */
-export interface Point {
-    x: number;
-    y: number;
-}
+import { SkdxContextMenuRoot } from './ContextMenuRoot.js';
+import type { SkdxContextMenuItemDescriptor } from './types.js';
+export type { Point } from './ContextMenuRoot.js';
 /**
- * `<skdx-context-menu>` — the Web Components implementation of the shared
- * ContextMenu contract (see `@skdx/shared`'s `contextMenuContract`). Owns
- * the open state and the triggering pointer position, and hands both down
- * to `<skdx-context-menu-trigger>` / `<skdx-context-menu-content>` / item
- * parts, which look it up via `closest('skdx-context-menu')` and re-render on
- * the `skdx-context-menu-internal-update` event this element dispatches
- * whenever `open` changes — the same shared-state pattern `<skdx-select>`
- * uses.
- *
- * Unlike `<skdx-dropdown-menu>`, `<skdx-context-menu-content>` positions itself
- * at the pointer's coordinates rather than anchored to a trigger element, so
- * a menu opened via `default-open` (rather than by a `contextmenu` event on
- * `<skdx-context-menu-trigger>`) has no pointer to sit at and lands at the
- * viewport's top-left corner.
- *
- * Renders only a `<slot>`.
+ * `<skdx-context-menu>` — Web Components implementation of the shared ContextMenu contract. Renders the canonical anatomy: a `<skdx-context-menu-trigger>` wrapping this element's children as the right-clickable region, and a `<skdx-context-menu-content>` with one derived part per `items` entry. Children are the region, never the parts; hand composition uses `<skdx-context-menu-root>`.
  *
  * @example
  * ```html
- * <skdx-context-menu>
- *   <skdx-context-menu-trigger>Right-click this area</skdx-context-menu-trigger>
- *   <skdx-context-menu-content>
- *     <skdx-context-menu-item>Copy</skdx-context-menu-item>
- *     <skdx-context-menu-separator></skdx-context-menu-separator>
- *     <skdx-context-menu-item>Delete</skdx-context-menu-item>
- *   </skdx-context-menu-content>
- * </skdx-context-menu>
+ * <skdx-context-menu>Right-click this area</skdx-context-menu>
+ * ```
+ * ```ts
+ * menu.items = [{ label: 'Copy', onSelect: copy }, { type: 'separator' }, { label: 'Delete' }];
  * ```
  *
  * @fires open-change - Fired with the new open state whenever it changes, controlled or not.
- * @fires open-change-complete - Fired with the new open state once `<skdx-context-menu-content>`'s enter or exit animation has finished — immediately, when it declares no animation. Not cancelable: the change has already happened.
+ * @fires open-change-complete - Fired with the new open state once `<skdx-context-menu-content>`'s enter or exit animation finishes. Not cancelable.
+ * @fires item-select - Fired with the `items` entry that was activated, after that entry's `onSelect`.
+ *
+ * @slot item - Per-item content for the derived anatomy, addressed by `data-value`.
  */
-export declare class SkdxContextMenu extends LitElement {
-    static styles: import("lit").CSSResult[];
+export declare class SkdxContextMenu extends SkdxContextMenuRoot {
     /**
-     * Whether the context menu is currently open and visible.
-     * @default false
+     * The menu's entries. A plain action item carries no `type`; separators,
+     * checkbox items, radio groups, submenus and groups are the tagged variants.
+     * @default undefined — an empty menu.
      */
-    open: boolean;
+    items?: readonly SkdxContextMenuItemDescriptor[];
     /**
-     * Initial open state, for uncontrolled usage. Applied once, on connect,
-     * and only if `open` wasn't already set. The menu has no pointer event to
-     * position itself at, so it opens at the viewport's top-left corner.
+     * Disables the derived `<skdx-context-menu-trigger>`, letting the native
+     * browser context menu through for this region.
      * @default false
      */
-    defaultOpen: boolean;
-    readonly contentId: string;
-    /** @internal Viewport coordinates of the triggering `contextmenu` event, set by `<skdx-context-menu-trigger>`. */
-    point: Point;
-    /** @internal The `<skdx-context-menu-trigger>` element, so closing the menu can return focus to it. */
-    triggerEl: HTMLElement | null;
-    private hasUpdatedOnce;
-    private teardownOpenChangeComplete?;
+    disabled: boolean;
+    /** The `items` reference the generated anatomy was last built for. */
+    private _anatomyItemsRef?;
     connectedCallback(): void;
-    disconnectedCallback(): void;
+    /** Gated on `items` reference, which changes anatomy shape; `disabled` refreshes in place. */
+    private readonly fillAnatomy;
     protected updated(changed: Map<string, unknown>): void;
-    /** @internal */
-    setOpen(next: boolean): void;
-    /** @internal */
-    setPoint(point: Point): void;
-    /** @internal Returns focus to `<skdx-context-menu-trigger>`, mirroring `<skdx-dropdown-menu>`. */
-    focusTrigger(): void;
     render(): import("lit").TemplateResult<1>;
 }
 declare global {

package/dist/context-menu/ContextMenu.js

@@ -1,5 +1 @@
-var d=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var s=(r,i,e,o)=>{for(var t=o>1?void 0:o?c(i,e):i,a=r.length-1,p;a>=0;a--)(p=r[a])&&(t=(o?p(i,e,t):p(t))||t);return o&&t&&d(i,e,t),t};import{css as m,html as h,LitElement as u}from"lit";import{property as l}from"lit/decorators.js";import{customElement as f}from"../internal/define.js";import{nextId as v}from"../internal/ids.js";import{notifyOpenChangeComplete as b}from"../internal/open-change-complete.js";import{hiddenHostStyles as E}from"../internal/styles.js";import{ITEM_SELECTOR as L}from"../internal/menu-sub.js";var n=class extends u{constructor(){super(...arguments);this.open=!1;this.defaultOpen=!1;this.contentId=v("skdx-context-menu-content");this.point={x:0,y:0};this.triggerEl=null;this.hasUpdatedOnce=!1}connectedCallback(){super.connectedCallback(),this.defaultOpen&&!this.hasAttribute("open")&&(this.open=!0)}disconnectedCallback(){this.teardownOpenChangeComplete?.(),super.disconnectedCallback()}updated(e){let o=!this.hasUpdatedOnce;this.hasUpdatedOnce=!0,e.has("open")&&!o&&this.dispatchEvent(new CustomEvent("open-change",{detail:this.open,bubbles:!0,composed:!0})),e.size>0&&this.dispatchEvent(new CustomEvent("skdx-context-menu-internal-update")),e.has("open")&&!o&&(this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=b(()=>this.querySelector("skdx-context-menu-content"),this.open,t=>this.dispatchEvent(new CustomEvent("open-change-complete",{detail:t,bubbles:!0,composed:!0}))))}setOpen(e){this.open!==e&&(this.open=e)}setPoint(e){this.point=e}focusTrigger(){this.triggerEl?.focus()}render(){return h`<slot></slot>`}};n.styles=[E,m`
-      :host {
-        display: contents;
-      }
-    `],s([l({type:Boolean,reflect:!0})],n.prototype,"open",2),s([l({type:Boolean,attribute:"default-open"})],n.prototype,"defaultOpen",2),n=s([f("skdx-context-menu")],n);export{L as ITEM_SELECTOR,n as SkdxContextMenu};
+var p=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var n=(a,o,r,i)=>{for(var e=i>1?void 0:i?d(o,r):o,m=a.length-1,s;m>=0;m--)(s=a[m])&&(e=(i?s(o,r,e):s(e))||e);return i&&e&&p(o,r,e),e};import{html as f}from"lit";import{property as l}from"lit/decorators.js";import{hasGeneratedContent as c}from"../internal/authored.js";import{customElement as y}from"../internal/define.js";import{CONTEXT_MENU_ANATOMY_GENERATED as u,fillContextMenuAnatomy as h,refreshContextMenuAnatomy as x}from"./ContextMenuAnatomy.js";import{SkdxContextMenuRoot as A}from"./ContextMenuRoot.js";var t=class extends A{constructor(){super(...arguments);this.disabled=!1;this.fillAnatomy=()=>{this.items!==this._anatomyItemsRef||!c(this,u)?(this._anatomyItemsRef=this.items,h(this)):x(this)}}connectedCallback(){super.connectedCallback(),queueMicrotask(this.fillAnatomy)}updated(r){this.fillAnatomy(),super.updated(r)}render(){return f`<slot @slotchange=${this.fillAnatomy}></slot>`}};n([l({attribute:!1})],t.prototype,"items",2),n([l({type:Boolean,reflect:!0})],t.prototype,"disabled",2),t=n([y("skdx-context-menu")],t);export{t as SkdxContextMenu};

package/dist/context-menu/ContextMenuAnatomy.cjs

@@ -0,0 +1 @@
+"use strict";var s=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var l=(t,e)=>{for(var o in e)s(t,o,{get:e[o],enumerable:!0})},g=(t,e,o,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of a(e))!k.call(t,n)&&n!==o&&s(t,n,{get:()=>e[n],enumerable:!(i=p(e,n))||i.enumerable});return t};var b=t=>g(s({},"__esModule",{value:!0}),t);var E={};l(E,{CONTEXT_MENU_ANATOMY_GENERATED:()=>r,CONTEXT_MENU_RENDER_SLOTS:()=>C,fillContextMenuAnatomy:()=>S,refreshContextMenuAnatomy:()=>f});module.exports=b(E);var u=require("../internal/host-attributes.cjs"),d=require("../internal/menu-items.cjs"),x=require("../internal/options.cjs"),T=require("./ContextMenuTrigger.cjs"),y=require("./ContextMenuContent.cjs"),N=require("./ContextMenuItem.cjs"),h=require("./ContextMenuCheckboxItem.cjs"),I=require("./ContextMenuRadioGroup.cjs"),_=require("./ContextMenuRadioItem.cjs"),v=require("./ContextMenuItemIndicator.cjs"),D=require("./ContextMenuGroup.cjs"),O=require("./ContextMenuLabel.cjs"),G=require("./ContextMenuSeparator.cjs"),R=require("./ContextMenuShortcut.cjs"),q=require("./ContextMenuSub.cjs"),r="data-skdx-context-menu-generated",C=["item"],M={item:"skdx-context-menu-item",checkboxItem:"skdx-context-menu-checkbox-item",radioGroup:"skdx-context-menu-radio-group",radioItem:"skdx-context-menu-radio-item",itemIndicator:"skdx-context-menu-item-indicator",group:"skdx-context-menu-group",label:"skdx-context-menu-label",separator:"skdx-context-menu-separator",shortcut:"skdx-context-menu-shortcut",sub:"skdx-context-menu-sub",subTrigger:"skdx-context-menu-sub-trigger",subContent:"skdx-context-menu-sub-content"};function S(t){let e=(0,x.renderSlotContent)(t,"item"),o=t.querySelector(`:scope > skdx-context-menu-trigger[${r}]`),i=Array.from(o?o.childNodes:t.childNodes),n=document.createElement("skdx-context-menu-trigger");n.setAttribute(r,""),t.disabled&&n.setAttribute("disabled",""),n.append(...i);let m=document.createElement("skdx-context-menu-content");m.setAttribute(r,""),(0,u.forwardHostAttributesToContent)(t,m),m.append(...(0,d.buildMenuItemElements)(t.items??[],M,{itemContent:e,onSelect:c=>t.dispatchEvent(new CustomEvent("item-select",{detail:c,bubbles:!0,composed:!0}))})),t.replaceChildren(n,m)}function f(t){let e=t.querySelector(`:scope > skdx-context-menu-trigger[${r}]`);e&&e.toggleAttribute("disabled",t.disabled)}0&&(module.exports={CONTEXT_MENU_ANATOMY_GENERATED,CONTEXT_MENU_RENDER_SLOTS,fillContextMenuAnatomy,refreshContextMenuAnatomy});

package/dist/context-menu/ContextMenuAnatomy.d.cts

@@ -0,0 +1,33 @@
+import type { SkdxContextMenu } from './ContextMenu.cjs';
+import './ContextMenuTrigger.cjs';
+import './ContextMenuContent.cjs';
+import './ContextMenuItem.cjs';
+import './ContextMenuCheckboxItem.cjs';
+import './ContextMenuRadioGroup.cjs';
+import './ContextMenuRadioItem.cjs';
+import './ContextMenuItemIndicator.cjs';
+import './ContextMenuGroup.cjs';
+import './ContextMenuLabel.cjs';
+import './ContextMenuSeparator.cjs';
+import './ContextMenuShortcut.cjs';
+import './ContextMenuSub.cjs';
+/** @internal Marks a direct child of `<skdx-context-menu>` this module generated. */
+export declare const CONTEXT_MENU_ANATOMY_GENERATED = "data-skdx-context-menu-generated";
+/** @internal The named slots the derived anatomy consumes — see `renderSlotContent`. */
+export declare const CONTEXT_MENU_RENDER_SLOTS: readonly ["item"];
+/**
+ * Builds the anatomy — a `<skdx-context-menu-trigger>` wrapping the root's
+ * children (the right-clickable region) and a `<skdx-context-menu-content>`
+ * holding one derived part per `items` entry — as light-DOM children of `root`.
+ *
+ * `slot="item"` supplies per-item content, keyed by `data-value`. The host's
+ * `id`/`class`/`style`/`data-*`/`aria-*` move onto the Content panel.
+ * @internal
+ */
+export declare function fillContextMenuAnatomy(root: SkdxContextMenu): void;
+/**
+ * Refreshes the generated Trigger's `disabled` in place — the only part of the
+ * anatomy that changes without a structural rebuild.
+ * @internal
+ */
+export declare function refreshContextMenuAnatomy(root: SkdxContextMenu): void;

package/dist/context-menu/ContextMenuAnatomy.d.ts

@@ -0,0 +1,33 @@
+import type { SkdxContextMenu } from './ContextMenu.js';
+import './ContextMenuTrigger.js';
+import './ContextMenuContent.js';
+import './ContextMenuItem.js';
+import './ContextMenuCheckboxItem.js';
+import './ContextMenuRadioGroup.js';
+import './ContextMenuRadioItem.js';
+import './ContextMenuItemIndicator.js';
+import './ContextMenuGroup.js';
+import './ContextMenuLabel.js';
+import './ContextMenuSeparator.js';
+import './ContextMenuShortcut.js';
+import './ContextMenuSub.js';
+/** @internal Marks a direct child of `<skdx-context-menu>` this module generated. */
+export declare const CONTEXT_MENU_ANATOMY_GENERATED = "data-skdx-context-menu-generated";
+/** @internal The named slots the derived anatomy consumes — see `renderSlotContent`. */
+export declare const CONTEXT_MENU_RENDER_SLOTS: readonly ["item"];
+/**
+ * Builds the anatomy — a `<skdx-context-menu-trigger>` wrapping the root's
+ * children (the right-clickable region) and a `<skdx-context-menu-content>`
+ * holding one derived part per `items` entry — as light-DOM children of `root`.
+ *
+ * `slot="item"` supplies per-item content, keyed by `data-value`. The host's
+ * `id`/`class`/`style`/`data-*`/`aria-*` move onto the Content panel.
+ * @internal
+ */
+export declare function fillContextMenuAnatomy(root: SkdxContextMenu): void;
+/**
+ * Refreshes the generated Trigger's `disabled` in place — the only part of the
+ * anatomy that changes without a structural rebuild.
+ * @internal
+ */
+export declare function refreshContextMenuAnatomy(root: SkdxContextMenu): void;

package/dist/context-menu/ContextMenuAnatomy.js

@@ -0,0 +1 @@
+import{forwardHostAttributesToContent as u}from"../internal/host-attributes.js";import{buildMenuItemElements as d}from"../internal/menu-items.js";import{renderSlotContent as x}from"../internal/options.js";import"./ContextMenuTrigger.js";import"./ContextMenuContent.js";import"./ContextMenuItem.js";import"./ContextMenuCheckboxItem.js";import"./ContextMenuRadioGroup.js";import"./ContextMenuRadioItem.js";import"./ContextMenuItemIndicator.js";import"./ContextMenuGroup.js";import"./ContextMenuLabel.js";import"./ContextMenuSeparator.js";import"./ContextMenuShortcut.js";import"./ContextMenuSub.js";var r="data-skdx-context-menu-generated",h=["item"],c={item:"skdx-context-menu-item",checkboxItem:"skdx-context-menu-checkbox-item",radioGroup:"skdx-context-menu-radio-group",radioItem:"skdx-context-menu-radio-item",itemIndicator:"skdx-context-menu-item-indicator",group:"skdx-context-menu-group",label:"skdx-context-menu-label",separator:"skdx-context-menu-separator",shortcut:"skdx-context-menu-shortcut",sub:"skdx-context-menu-sub",subTrigger:"skdx-context-menu-sub-trigger",subContent:"skdx-context-menu-sub-content"};function I(t){let e=x(t,"item"),i=t.querySelector(`:scope > skdx-context-menu-trigger[${r}]`),m=Array.from(i?i.childNodes:t.childNodes),n=document.createElement("skdx-context-menu-trigger");n.setAttribute(r,""),t.disabled&&n.setAttribute("disabled",""),n.append(...m);let o=document.createElement("skdx-context-menu-content");o.setAttribute(r,""),u(t,o),o.append(...d(t.items??[],c,{itemContent:e,onSelect:s=>t.dispatchEvent(new CustomEvent("item-select",{detail:s,bubbles:!0,composed:!0}))})),t.replaceChildren(n,o)}function _(t){let e=t.querySelector(`:scope > skdx-context-menu-trigger[${r}]`);e&&e.toggleAttribute("disabled",t.disabled)}export{r as CONTEXT_MENU_ANATOMY_GENERATED,h as CONTEXT_MENU_RENDER_SLOTS,I as fillContextMenuAnatomy,_ as refreshContextMenuAnatomy};

package/dist/context-menu/ContextMenuCheckboxItem.cjs

@@ -1 +1 @@
-"use strict";var o=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var v=(c,e)=>{for(var r in e)o(c,r,{get:e[r],enumerable:!0})},b=(c,e,r,d)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of u(e))!k.call(c,t)&&t!==r&&o(c,t,{get:()=>e[t],enumerable:!(d=h(e,t))||d.enumerable});return c};var f=c=>b(o({},"__esModule",{value:!0}),c),n=(c,e,r,d)=>{for(var t=d>1?void 0:d?h(e,r):e,s=c.length-1,a;s>=0;s--)(a=c[s])&&(t=(d?a(e,r,t):a(t))||t);return d&&t&&o(e,r,t),t};var y={};v(y,{SkdxContextMenuCheckboxItem:()=>i});module.exports=f(y);var p=require("lit/decorators.js"),l=require("../internal/define.cjs"),m=require("./ContextMenuItem.cjs");var i=class extends m.SkdxContextMenuItem{constructor(){super(...arguments);this.checked=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menuitemcheckbox"),this.syncCheckedState()}updated(r){super.updated(r),r.has("checked")&&this.syncCheckedState()}syncCheckedState(){this.setAttribute("aria-checked",String(this.checked)),this.setAttribute("data-state",this.checked?"checked":"unchecked")}beforeSelect(){this.dispatchEvent(new CustomEvent("checked-change",{detail:!this.checked,bubbles:!0,composed:!0}))}onSelected(){}};n([(0,p.property)({type:Boolean,reflect:!0})],i.prototype,"checked",2),i=n([(0,l.customElement)("skdx-context-menu-checkbox-item","context-menu","checkbox-item")],i);0&&(module.exports={SkdxContextMenuCheckboxItem});
+"use strict";var i=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var b=(c,e)=>{for(var o in e)i(c,o,{get:e[o],enumerable:!0})},v=(c,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of u(e))!k.call(c,t)&&t!==o&&i(c,t,{get:()=>e[t],enumerable:!(r=h(e,t))||r.enumerable});return c};var f=c=>v(i({},"__esModule",{value:!0}),c),n=(c,e,o,r)=>{for(var t=r>1?void 0:r?h(e,o):e,s=c.length-1,a;s>=0;s--)(a=c[s])&&(t=(r?a(e,o,t):a(t))||t);return r&&t&&i(e,o,t),t};var y={};b(y,{SkdxContextMenuCheckboxItem:()=>d});module.exports=f(y);var l=require("lit/decorators.js"),p=require("../internal/define.cjs"),m=require("./ContextMenuItem.cjs");var d=class extends m.SkdxContextMenuItem{constructor(){super(...arguments);this.checked=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menuitemcheckbox"),this.syncCheckedState()}updated(o){super.updated(o),o.has("checked")&&this.syncCheckedState()}syncCheckedState(){this.setAttribute("aria-checked",String(this.checked)),this.setAttribute("data-state",this.checked?"checked":"unchecked")}beforeSelect(){this.dispatchEvent(new CustomEvent("checked-change",{detail:!this.checked,bubbles:!0,composed:!0}))}onSelected(){}};n([(0,l.property)({type:Boolean,reflect:!0})],d.prototype,"checked",2),d=n([(0,p.customElement)("skdx-context-menu-checkbox-item","context-menu","checkbox-item")],d);0&&(module.exports={SkdxContextMenuCheckboxItem});

package/dist/context-menu/ContextMenuCheckboxItem.d.cts

@@ -1,17 +1,14 @@
 import { SkdxContextMenuItem } from './ContextMenuItem.cjs';
 /**
- * `<skdx-context-menu-checkbox-item>` — a toggleable menu item:
- * `role="menuitemcheckbox"` with `aria-checked` and `data-state`
- * (`checked`/`unchecked`) reflecting `checked`. Selecting it (click or
- * Enter/Space) fires a cancelable `select` event and a `checked-change`
- * event with the new value; unlike `<skdx-context-menu-item>`, it always
- * keeps the menu open (the consumer is responsible for writing `checked`
- * back in response to `checked-change`). Nest an
- * `<skdx-context-menu-item-indicator>` inside it to render a check glyph
- * only when checked.
+ * Toggleable menu item with `role="menuitemcheckbox"`, `aria-checked`, and
+ * `data-state` (checked/unchecked). Fires cancelable `select` and
+ * `checked-change` (with new state as detail). Unlike regular items, always
+ * keeps the menu open — the consumer writes `checked` back in response to
+ * `checked-change`. Nest `<skdx-context-menu-item-indicator>` to show a
+ * check glyph when checked.
  *
- * @fires select - The item was activated. Preventable, though selection never closes the menu regardless.
- * @fires checked-change - The item was activated, with the new checked state as `detail`.
+ * @fires select - Item was activated. Preventable, though menu stays open.
+ * @fires checked-change - Item was activated, new checked state as `detail`.
  */
 export declare class SkdxContextMenuCheckboxItem extends SkdxContextMenuItem {
     /** Whether the item is checked, mirroring the checkbox's checked/unchecked visual state. */

package/dist/context-menu/ContextMenuCheckboxItem.d.ts

@@ -1,17 +1,14 @@
 import { SkdxContextMenuItem } from './ContextMenuItem.js';
 /**
- * `<skdx-context-menu-checkbox-item>` — a toggleable menu item:
- * `role="menuitemcheckbox"` with `aria-checked` and `data-state`
- * (`checked`/`unchecked`) reflecting `checked`. Selecting it (click or
- * Enter/Space) fires a cancelable `select` event and a `checked-change`
- * event with the new value; unlike `<skdx-context-menu-item>`, it always
- * keeps the menu open (the consumer is responsible for writing `checked`
- * back in response to `checked-change`). Nest an
- * `<skdx-context-menu-item-indicator>` inside it to render a check glyph
- * only when checked.
+ * Toggleable menu item with `role="menuitemcheckbox"`, `aria-checked`, and
+ * `data-state` (checked/unchecked). Fires cancelable `select` and
+ * `checked-change` (with new state as detail). Unlike regular items, always
+ * keeps the menu open — the consumer writes `checked` back in response to
+ * `checked-change`. Nest `<skdx-context-menu-item-indicator>` to show a
+ * check glyph when checked.
  *
- * @fires select - The item was activated. Preventable, though selection never closes the menu regardless.
- * @fires checked-change - The item was activated, with the new checked state as `detail`.
+ * @fires select - Item was activated. Preventable, though menu stays open.
+ * @fires checked-change - Item was activated, new checked state as `detail`.
  */
 export declare class SkdxContextMenuCheckboxItem extends SkdxContextMenuItem {
     /** Whether the item is checked, mirroring the checkbox's checked/unchecked visual state. */

package/dist/context-menu/ContextMenuCheckboxItem.js

@@ -1 +1 @@
-var n=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var a=(i,c,t,d)=>{for(var e=d>1?void 0:d?h(c,t):c,o=i.length-1,s;o>=0;o--)(s=i[o])&&(e=(d?s(c,t,e):s(e))||e);return d&&e&&n(c,t,e),e};import{property as p}from"lit/decorators.js";import{customElement as l}from"../internal/define.js";import{SkdxContextMenuItem as m}from"./ContextMenuItem.js";var r=class extends m{constructor(){super(...arguments);this.checked=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menuitemcheckbox"),this.syncCheckedState()}updated(t){super.updated(t),t.has("checked")&&this.syncCheckedState()}syncCheckedState(){this.setAttribute("aria-checked",String(this.checked)),this.setAttribute("data-state",this.checked?"checked":"unchecked")}beforeSelect(){this.dispatchEvent(new CustomEvent("checked-change",{detail:!this.checked,bubbles:!0,composed:!0}))}onSelected(){}};a([p({type:Boolean,reflect:!0})],r.prototype,"checked",2),r=a([l("skdx-context-menu-checkbox-item","context-menu","checkbox-item")],r);export{r as SkdxContextMenuCheckboxItem};
+var n=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var a=(d,c,t,r)=>{for(var e=r>1?void 0:r?h(c,t):c,i=d.length-1,s;i>=0;i--)(s=d[i])&&(e=(r?s(c,t,e):s(e))||e);return r&&e&&n(c,t,e),e};import{property as l}from"lit/decorators.js";import{customElement as p}from"../internal/define.js";import{SkdxContextMenuItem as m}from"./ContextMenuItem.js";var o=class extends m{constructor(){super(...arguments);this.checked=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menuitemcheckbox"),this.syncCheckedState()}updated(t){super.updated(t),t.has("checked")&&this.syncCheckedState()}syncCheckedState(){this.setAttribute("aria-checked",String(this.checked)),this.setAttribute("data-state",this.checked?"checked":"unchecked")}beforeSelect(){this.dispatchEvent(new CustomEvent("checked-change",{detail:!this.checked,bubbles:!0,composed:!0}))}onSelected(){}};a([l({type:Boolean,reflect:!0})],o.prototype,"checked",2),o=a([p("skdx-context-menu-checkbox-item","context-menu","checkbox-item")],o);export{o as SkdxContextMenuCheckboxItem};

package/dist/context-menu/ContextMenuContent.cjs

@@ -1,5 +1,5 @@
-"use strict";var l=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var O=Object.getOwnPropertyNames;var w=Object.prototype.hasOwnProperty;var k=(s,i)=>{for(var t in i)l(s,t,{get:i[t],enumerable:!0})},x=(s,i,t,e)=>{if(i&&typeof i=="object"||typeof i=="function")for(let o of O(i))!w.call(s,o)&&o!==t&&l(s,o,{get:()=>i[o],enumerable:!(e=f(i,o))||e.enumerable});return s};var b=s=>x(l({},"__esModule",{value:!0}),s),h=(s,i,t,e)=>{for(var o=e>1?void 0:e?f(i,t):i,d=s.length-1,r;d>=0;d--)(r=s[d])&&(o=(e?r(i,t,o):r(o))||o);return e&&o&&l(i,t,o),o};var D={};k(D,{SkdxContextMenuContent:()=>a});module.exports=b(D);var c=require("lit"),p=require("lit/decorators.js"),y=require("../internal/closest.cjs"),v=require("../internal/define.cjs"),n=require("../internal/dismiss.cjs"),m=require("../internal/menu-sub.cjs"),u=require("../internal/positioning.cjs"),g=require("../internal/styles.cjs"),E=require("../internal/typeahead.cjs");var P=1e3,a=class extends c.LitElement{constructor(){super(...arguments);this.loop=!0;this.collisionPadding=8;this.root=null;this.onRootUpdate=()=>this.syncHostState();this.typeahead="";this.handleOutsidePointerDown=t=>{if(!this.root?.open)return;let e=t.target;this.contains(e)||(0,n.dispatchOutside)(this,"pointer-down-outside",t)&&this.root.setOpen(!1)};this.handleOutsideFocus=t=>{if(!this.root?.open)return;let e=(0,n.focusOutsideTarget)(t);!e||this.contains(e)||(0,n.dispatchOutside)(this,"focus-outside",t)&&this.root.setOpen(!1)};this.handleKeyDown=t=>{let e=(0,m.menuItems)(this),o=e.indexOf(document.activeElement);if(t.key==="Escape"){t.preventDefault(),(0,n.dispatchEscapeKeyDown)(this,t)&&(this.root?.setOpen(!1),this.root?.focusTrigger());return}if(t.key==="Tab"){t.preventDefault(),this.root?.setOpen(!1),this.root?.focusTrigger();return}if(t.key==="ArrowDown"||t.key==="ArrowUp"){if(t.preventDefault(),e.length===0)return;let d=t.key==="ArrowDown"?1:-1,r=o+d;r>=e.length?r=this.loop?0:e.length-1:r<0&&(r=this.loop?e.length-1:0),e[r]?.focus();return}if(t.key==="Home"){t.preventDefault(),e[0]?.focus();return}if(t.key==="End"){t.preventDefault(),e[e.length-1]?.focus();return}t.key.length===1&&!t.ctrlKey&&!t.metaKey&&!t.altKey&&(this.typeahead+=t.key.toLowerCase(),clearTimeout(this.typeaheadTimer),this.typeaheadTimer=setTimeout(()=>this.typeahead="",P),[...e.slice(o+1),...e.slice(0,o+1)].find(T=>(0,E.itemText)(T).trim().toLowerCase().startsWith(this.typeahead))?.focus())}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menu"),this.setAttribute("aria-orientation","vertical"),this.tabIndex=-1,this.root=(0,y.closestThroughPortal)(this,"skdx-context-menu"),this.root?.addEventListener("skdx-context-menu-internal-update",this.onRootUpdate),this.addEventListener("keydown",this.handleKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.root&&(this.id=this.root.contentId),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener("skdx-context-menu-internal-update",this.onRootUpdate),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.cleanupPosition?.(),clearTimeout(this.typeaheadTimer),super.disconnectedCallback()}syncHostState(){let t=this.root?.open??!1;this.setAttribute("data-state",t?"open":"closed"),this.hidden=!t,t?this.activate():this.deactivate()}activate(){if(this.cleanupPosition||!this.root)return;let{point:t}=this.root,e={getBoundingClientRect:()=>({x:t.x,y:t.y,width:0,height:0,top:t.y,left:t.x,right:t.x,bottom:t.y})};this.cleanupPosition=(0,u.positionFloating)(e,this,{side:"bottom",align:"start",sideOffset:0,avoidCollisions:!0,collisionPadding:this.collisionPadding}),requestAnimationFrame(()=>(0,n.focusOnOpen)(()=>{((0,m.menuItems)(this)[0]??this).focus()}))}deactivate(){this.cleanupPosition?.(),this.cleanupPosition=void 0}render(){return c.html`<slot></slot>`}};a.styles=[g.hiddenHostStyles,c.css`
+"use strict";var c=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var O=Object.prototype.hasOwnProperty;var w=(s,i)=>{for(var t in i)c(s,t,{get:i[t],enumerable:!0})},L=(s,i,t,e)=>{if(i&&typeof i=="object"||typeof i=="function")for(let o of b(i))!O.call(s,o)&&o!==t&&c(s,o,{get:()=>i[o],enumerable:!(e=g(i,o))||e.enumerable});return s};var P=s=>L(c({},"__esModule",{value:!0}),s),h=(s,i,t,e)=>{for(var o=e>1?void 0:e?g(i,t):i,a=s.length-1,r;a>=0;a--)(r=s[a])&&(o=(e?r(i,t,o):r(o))||o);return e&&o&&c(i,t,o),o};var D={};w(D,{SkdxContextMenuContent:()=>l});module.exports=P(D);var d=require("lit"),m=require("lit/decorators.js"),u=require("../internal/body-scroll-lock.cjs"),v=require("../internal/closest.cjs"),k=require("../internal/define.cjs"),n=require("../internal/dismiss.cjs"),f=require("../internal/menu-sub.cjs"),y=require("../internal/outsideInert.cjs"),p=require("../internal/positioning.cjs"),E=require("../internal/styles.cjs"),x=require("../internal/typeahead.cjs");var A=1e3,l=class extends d.LitElement{constructor(){super(...arguments);this.loop=!0;this.collisionPadding=8;this.root=null;this.onRootUpdate=()=>this.syncHostState();this.typeahead="";this.scrollLocked=!1;this.handleOutsidePointerDown=t=>{if(!this.root?.open)return;let e=t.target;this.contains(e)||(0,n.dispatchOutside)(this,"pointer-down-outside",t)&&this.root.setOpen(!1)};this.handleOutsideFocus=t=>{if(!this.root?.open)return;let e=(0,n.focusOutsideTarget)(t);!e||this.contains(e)||(0,n.dispatchOutside)(this,"focus-outside",t)&&this.root.setOpen(!1)};this.handleKeyDown=t=>{let e=(0,f.menuItems)(this).filter(a=>a.closest('[role="menu"]')===this),o=e.indexOf(document.activeElement);if(t.key==="Escape"){t.preventDefault(),(0,n.dispatchEscapeKeyDown)(this,t)&&(this.root?.setOpen(!1),this.root?.focusTrigger());return}if(t.key==="Tab"){this.root?.setOpen(!1),this.root?.focusTrigger();return}if(t.key==="ArrowDown"||t.key==="ArrowUp"){if(t.preventDefault(),e.length===0)return;let a=t.key==="ArrowDown"?1:-1,r=o+a;r>=e.length?r=this.loop?0:e.length-1:r<0&&(r=this.loop?e.length-1:0),e[r]?.focus();return}if(t.key==="Home"){t.preventDefault(),e[0]?.focus();return}if(t.key==="End"){t.preventDefault(),e[e.length-1]?.focus();return}t.key.length===1&&!t.ctrlKey&&!t.metaKey&&!t.altKey&&(t.key!==" "||this.typeahead!=="")&&(this.typeahead+=t.key.toLowerCase(),clearTimeout(this.typeaheadTimer),this.typeaheadTimer=setTimeout(()=>this.typeahead="",A),[...e.slice(o+1),...e.slice(0,o+1)].find(T=>(0,x.itemText)(T).trim().toLowerCase().startsWith(this.typeahead))?.focus())}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menu"),this.setAttribute("aria-orientation","vertical"),this.tabIndex=-1,this.root=(0,v.closestThroughPortal)(this,"skdx-context-menu, skdx-context-menu-root"),this.root?.addEventListener("skdx-context-menu-internal-update",this.onRootUpdate),this.addEventListener("keydown",this.handleKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.root&&(this.root.contentEl=this,this.id?(this.root.contentId=this.id,this.root.triggerEl?.setAttribute("aria-controls",this.id)):this.id=this.root.contentId,this.hasAttribute("aria-label")||this.setAttribute("aria-labelledby",this.root.triggerId)),this.syncHostState()}disconnectedCallback(){this.root?.contentEl===this&&(this.root.contentEl=null),this.root?.removeEventListener("skdx-context-menu-internal-update",this.onRootUpdate),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.cleanupPosition?.(),clearTimeout(this.typeaheadTimer),(0,y.setOutsideInert)(this,!1),this.setBodyScrollLock(!1),super.disconnectedCallback()}syncHostState(){let t=this.root?.open??!1;this.setAttribute("data-state",t?"open":"closed"),this.hidden=!t,(0,y.setOutsideInert)(this,t&&(this.root?.modal??!1)),this.setBodyScrollLock(t&&(this.root?.modal??!1)),t?this.activate():this.deactivate()}setBodyScrollLock(t){t!==this.scrollLocked&&(this.scrollLocked=t,t?(0,u.lockBodyScroll)():(0,u.unlockBodyScroll)())}activate(){if(this.cleanupPosition||!this.root)return;let t=this.root.getPoint(),e={getBoundingClientRect:()=>({x:t.x,y:t.y,width:0,height:0,top:t.y,left:t.x,right:t.x,bottom:t.y})};this.cleanupPosition=(0,p.positionFloating)(e,this,{side:"bottom",align:"start",sideOffset:0,avoidCollisions:!0,collisionPadding:this.collisionPadding}),requestAnimationFrame(()=>(0,n.focusOnOpen)(()=>{((0,f.menuItems)(this)[0]??this).focus()}))}deactivate(){this.cleanupPosition?.(),this.cleanupPosition=void 0}render(){return d.html`<slot></slot>`}};l.styles=[E.hiddenHostStyles,d.css`
       :host {
         display: block;
       }
-    `],h([(0,p.property)({converter:u.optOutBoolean})],a.prototype,"loop",2),h([(0,p.property)({type:Number,attribute:"collision-padding"})],a.prototype,"collisionPadding",2),a=h([(0,v.customElement)("skdx-context-menu-content","context-menu","content")],a);0&&(module.exports={SkdxContextMenuContent});
+    `],h([(0,m.property)({converter:p.optOutBoolean})],l.prototype,"loop",2),h([(0,m.property)({type:Number,attribute:"collision-padding"})],l.prototype,"collisionPadding",2),l=h([(0,k.customElement)("skdx-context-menu-content","context-menu","content")],l);0&&(module.exports={SkdxContextMenuContent});

package/dist/context-menu/ContextMenuContent.d.cts

@@ -1,27 +1,18 @@
 import { LitElement } from 'lit';
 /**
- * `<skdx-context-menu-content>` — the menu's panel for the closest ancestor
- * `<skdx-context-menu>`. Positions itself with `position: fixed` at the
- * triggering pointer's coordinates via `@floating-ui/dom`, passing a
- * zero-size "virtual element" anchored at `root.point` instead of a real
- * anchor element — floating-ui's flip/shift middleware then clamps it to
- * stay inside the viewport by `collision-padding`, since a context menu has
- * no anchor element to float against. `role`, `aria-orientation`, `id`, and
- * `data-state` are set directly on this host element (not inside shadow
- * DOM).
+ * Menu panel for a context menu, positioned at the triggering pointer via
+ * floating-ui with a zero-size virtual element. Roving Up/Down/Home/End/
+ * typeahead navigation. Closes on Escape (returns focus to trigger), Tab
+ * (returns focus), outside interaction (pointer-down or focus outside).
  *
- * Provides roving-focus Up/Down/Home/End navigation (wrapping unless `loop`
- * is `false`) with typeahead, focuses the first item on open, and closes on
- * Escape, an outside interaction (pointer-down outside or focus moving
- * outside, each announced first as `interact-outside` and then as the
- * specific event, so one `preventDefault()` vetoes either path), or Tab —
- * returning focus to `<skdx-context-menu-trigger>` on the Escape and Tab
- * paths, as `<skdx-dropdown-menu-content>` does.
+ * When modal, everything outside is inert and body scroll is locked. Focus
+ * is not trapped (see `<skdx-context-menu>`'s `modal` prop).
  *
- * @fires escape-key-down - Escape was pressed while open. Preventable.
- * @fires pointer-down-outside - A pointer-down landed outside this content while open. Preventable.
- * @fires focus-outside - Focus moved to an element outside this content while open (detail: the original focusin). Preventable.
- * @fires interact-outside - Either kind of outside interaction, fired immediately before the specific event so one handler can veto both. Preventable.
+ * @fires escape-key-down - Fires when Escape is pressed while open; preventDefault() stops it from closing.
+ * @fires pointer-down-outside - Fires on pointer-down outside the content while open; preventDefault() keeps it open.
+ * @fires focus-outside - Focus moved outside (detail: focusin event). Preventable.
+ * @fires interact-outside - Either outside interaction; fires before the specific event.
+ * @fires close-auto-focus - Before focus returns to trigger on close. Preventable.
  */
 export declare class SkdxContextMenuContent extends LitElement {
     static styles: import("lit").CSSResult[];
@@ -34,9 +25,11 @@ export declare class SkdxContextMenuContent extends LitElement {
     private typeahead;
     private typeaheadTimer?;
     private cleanupPosition?;
+    private scrollLocked;
     connectedCallback(): void;
     disconnectedCallback(): void;
     private syncHostState;
+    private setBodyScrollLock;
     private activate;
     private deactivate;
     private readonly handleOutsidePointerDown;