@skdx/web-components 0.28.0 → 0.29.0

package/dist/dropdown-menu/DropdownMenuSub.d.ts

@@ -1,39 +0,0 @@
-import { SkdxMenuSub, SkdxMenuSubContent, SkdxMenuSubTrigger } from '../internal/menu-sub.js';
-/**
- * Root of a nested submenu: owns submenu's open state and provides anchor context for positioning.
- * Renders no DOM element.
- *
- * @fires open-change - The submenu opened or closed; fires with the new open state.
- *
- * @example
- * ```html
- * <skdx-dropdown-menu-sub>
- *   <skdx-dropdown-menu-sub-trigger>Share</skdx-dropdown-menu-sub-trigger>
- *   <skdx-dropdown-menu-sub-content>
- *     <skdx-dropdown-menu-item>Email</skdx-dropdown-menu-item>
- *   </skdx-dropdown-menu-sub-content>
- * </skdx-dropdown-menu-sub>
- * ```
- */
-export declare class SkdxDropdownMenuSub extends SkdxMenuSub {
-}
-/**
- * Parent-menu item opening a submenu: `role="menuitem"` with `aria-haspopup`/`aria-expanded`/`aria-controls`.
- * Opens on click/Enter/Space/ArrowRight (moving focus) or hover; never closes parent menu.
- */
-export declare class SkdxDropdownMenuSubTrigger extends SkdxMenuSubTrigger {
-}
-/**
- * Submenu's floating panel: `role="menu"`, positioned against trigger via `@floating-ui/dom` (defaults to `side="end"` / `align="start"`).
- * Renders inline (not in a portal) so parent's dismissal treats submenu clicks as inside.
- * ArrowLeft/Escape close only submenu and return focus to trigger; Tab closes whole menu.
- */
-export declare class SkdxDropdownMenuSubContent extends SkdxMenuSubContent {
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'skdx-dropdown-menu-sub': SkdxDropdownMenuSub;
-        'skdx-dropdown-menu-sub-trigger': SkdxDropdownMenuSubTrigger;
-        'skdx-dropdown-menu-sub-content': SkdxDropdownMenuSubContent;
-    }
-}

package/dist/dropdown-menu/DropdownMenuSub.js

@@ -1 +0,0 @@
-var l=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var n=(s,t,u,d)=>{for(var e=d>1?void 0:d?p(t,u):t,a=s.length-1,c;a>=0;a--)(c=s[a])&&(e=(d?c(t,u,e):c(e))||e);return d&&e&&l(t,u,e),e};import{customElement as x}from"../internal/define.js";import{SkdxMenuSub as b,SkdxMenuSubContent as g,SkdxMenuSubTrigger as i}from"../internal/menu-sub.js";var m=class extends b{};m=n([x("skdx-dropdown-menu-sub")],m);var o=class extends i{};o=n([x("skdx-dropdown-menu-sub-trigger","dropdown-menu","sub-trigger")],o);var r=class extends g{};r=n([x("skdx-dropdown-menu-sub-content","dropdown-menu","sub-content")],r);export{m as SkdxDropdownMenuSub,r as SkdxDropdownMenuSubContent,o as SkdxDropdownMenuSubTrigger};

package/dist/dropdown-menu/DropdownMenuTrigger.cjs

@@ -1,20 +0,0 @@
-"use strict";var a=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var w=(r,o)=>{for(var t in o)a(r,t,{get:o[t],enumerable:!0})},y=(r,o,t,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of b(o))!v.call(r,e)&&e!==t&&a(r,e,{get:()=>o[e],enumerable:!(s=u(o,e))||s.enumerable});return r};var k=r=>y(a({},"__esModule",{value:!0}),r),c=(r,o,t,s)=>{for(var e=s>1?void 0:s?u(o,t):o,p=r.length-1,h;p>=0;p--)(h=r[p])&&(e=(s?h(o,t,e):h(e))||e);return s&&e&&a(o,t,e),e};var R={};w(R,{SkdxDropdownMenuTrigger:()=>d});module.exports=k(R);var i=require("lit"),m=require("lit/decorators.js"),l=require("../internal/define.cjs"),f=require("../internal/part.cjs"),n=require("../internal/styles.cjs");var d=class extends i.LitElement{constructor(){super(...arguments);this.disabled=!1;this.root=null;this.onRootUpdate=()=>this.requestUpdate();this.handleClick=()=>{this.root&&(this.root.openIntent="first",this.root.setOpen(!this.root.open))};this.handleKeyDown=t=>{["ArrowDown","ArrowUp"].includes(t.key)&&(this.root&&(this.root.openIntent=t.key==="ArrowUp"?"last":"first"),t.preventDefault(),this.root?.setOpen(!0))}}connectedCallback(){super.connectedCallback(),this.root=this.closest("skdx-dropdown-menu, skdx-dropdown-menu-root"),this.root&&(0,l.whenUpgraded)(this.root,()=>{this.root&&(this.id?this.root.triggerId=this.id:this.id=this.root.triggerId)}),this.root?.addEventListener("skdx-dropdown-menu-internal-update",this.onRootUpdate)}disconnectedCallback(){this.root?.removeEventListener("skdx-dropdown-menu-internal-update",this.onRootUpdate),super.disconnectedCallback()}firstUpdated(){let t=this.shadowRoot?.querySelector("button");this.root&&t&&(this.root.triggerEl=t)}updated(){(0,f.reflectHostState)(this,{"data-disabled":this.disabled?"":null})}render(){let t=this.root;return t?i.html`
-      <button
-        part="trigger"
-        type="button"
-        aria-haspopup="menu"
-        aria-expanded=${t.open}
-        aria-controls=${t.contentId}
-        data-state=${t.open?"open":"closed"}
-        data-disabled=${this.disabled?"":i.nothing}
-        ?disabled=${this.disabled}
-        @click=${this.handleClick}
-        @keydown=${this.handleKeyDown}
-      >
-        <slot></slot>
-      </button>
-    `:i.nothing}};d.shadowRootOptions=n.delegatesFocusShadowRootOptions,d.styles=[n.resetNativeControl,i.css`
-      :host {
-        display: inline-block;
-      }
-    `,n.controlBoxOnHost],c([(0,m.property)({type:Boolean,reflect:!0})],d.prototype,"disabled",2),d=c([(0,l.customElement)("skdx-dropdown-menu-trigger","dropdown-menu","trigger")],d);0&&(module.exports={SkdxDropdownMenuTrigger});

package/dist/dropdown-menu/DropdownMenuTrigger.d.cts

@@ -1,30 +0,0 @@
-import { LitElement, nothing } from 'lit';
-/**
- * Button element that opens/closes the menu.
- * Opens on its first item via Enter/Space/ArrowDown; on the last via ArrowUp per WAI-ARIA pattern.
- *
- * @csspart trigger - The native button element.
- */
-export declare class SkdxDropdownMenuTrigger extends LitElement {
-    static shadowRootOptions: ShadowRootInit;
-    static styles: import("lit").CSSResult[];
-    /**
-     * Disables the trigger and prevents opening the menu.
-     * @default false
-     */
-    disabled: boolean;
-    private root;
-    private readonly onRootUpdate;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    firstUpdated(): void;
-    private readonly handleClick;
-    private readonly handleKeyDown;
-    protected updated(): void;
-    render(): import("lit").TemplateResult<1> | typeof nothing;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'skdx-dropdown-menu-trigger': SkdxDropdownMenuTrigger;
-    }
-}

package/dist/dropdown-menu/DropdownMenuTrigger.d.ts

@@ -1,30 +0,0 @@
-import { LitElement, nothing } from 'lit';
-/**
- * Button element that opens/closes the menu.
- * Opens on its first item via Enter/Space/ArrowDown; on the last via ArrowUp per WAI-ARIA pattern.
- *
- * @csspart trigger - The native button element.
- */
-export declare class SkdxDropdownMenuTrigger extends LitElement {
-    static shadowRootOptions: ShadowRootInit;
-    static styles: import("lit").CSSResult[];
-    /**
-     * Disables the trigger and prevents opening the menu.
-     * @default false
-     */
-    disabled: boolean;
-    private root;
-    private readonly onRootUpdate;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    firstUpdated(): void;
-    private readonly handleClick;
-    private readonly handleKeyDown;
-    protected updated(): void;
-    render(): import("lit").TemplateResult<1> | typeof nothing;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'skdx-dropdown-menu-trigger': SkdxDropdownMenuTrigger;
-    }
-}

package/dist/dropdown-menu/DropdownMenuTrigger.js

@@ -1,20 +0,0 @@
-var p=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var a=(d,r,t,i)=>{for(var o=i>1?void 0:i?h(r,t):r,s=d.length-1,n;s>=0;s--)(n=d[s])&&(o=(i?n(r,t,o):n(o))||o);return i&&o&&p(r,t,o),o};import{css as c,html as u,LitElement as m,nothing as l}from"lit";import{property as f}from"lit/decorators.js";import{customElement as b,whenUpgraded as v}from"../internal/define.js";import{reflectHostState as w}from"../internal/part.js";import{controlBoxOnHost as y,delegatesFocusShadowRootOptions as k,resetNativeControl as R}from"../internal/styles.js";var e=class extends m{constructor(){super(...arguments);this.disabled=!1;this.root=null;this.onRootUpdate=()=>this.requestUpdate();this.handleClick=()=>{this.root&&(this.root.openIntent="first",this.root.setOpen(!this.root.open))};this.handleKeyDown=t=>{["ArrowDown","ArrowUp"].includes(t.key)&&(this.root&&(this.root.openIntent=t.key==="ArrowUp"?"last":"first"),t.preventDefault(),this.root?.setOpen(!0))}}connectedCallback(){super.connectedCallback(),this.root=this.closest("skdx-dropdown-menu, skdx-dropdown-menu-root"),this.root&&v(this.root,()=>{this.root&&(this.id?this.root.triggerId=this.id:this.id=this.root.triggerId)}),this.root?.addEventListener("skdx-dropdown-menu-internal-update",this.onRootUpdate)}disconnectedCallback(){this.root?.removeEventListener("skdx-dropdown-menu-internal-update",this.onRootUpdate),super.disconnectedCallback()}firstUpdated(){let t=this.shadowRoot?.querySelector("button");this.root&&t&&(this.root.triggerEl=t)}updated(){w(this,{"data-disabled":this.disabled?"":null})}render(){let t=this.root;return t?u`
-      <button
-        part="trigger"
-        type="button"
-        aria-haspopup="menu"
-        aria-expanded=${t.open}
-        aria-controls=${t.contentId}
-        data-state=${t.open?"open":"closed"}
-        data-disabled=${this.disabled?"":l}
-        ?disabled=${this.disabled}
-        @click=${this.handleClick}
-        @keydown=${this.handleKeyDown}
-      >
-        <slot></slot>
-      </button>
-    `:l}};e.shadowRootOptions=k,e.styles=[R,c`
-      :host {
-        display: inline-block;
-      }
-    `,y],a([f({type:Boolean,reflect:!0})],e.prototype,"disabled",2),e=a([b("skdx-dropdown-menu-trigger","dropdown-menu","trigger")],e);export{e as SkdxDropdownMenuTrigger};

package/dist/dropdown-menu/index.cjs

@@ -1 +0,0 @@
-"use strict";var t=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var D=Object.prototype.hasOwnProperty;var f=(e,o)=>{for(var p in o)t(e,p,{get:o[p],enumerable:!0})},k=(e,o,p,d)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of m(o))!D.call(e,r)&&r!==p&&t(e,r,{get:()=>o[r],enumerable:!(d=x(o,r))||d.enumerable});return e};var s=e=>k(t({},"__esModule",{value:!0}),e);var u={};f(u,{SkdxDropdownMenu:()=>n.SkdxDropdownMenu});module.exports=s(u);var n=require("./DropdownMenu.cjs");0&&(module.exports={SkdxDropdownMenu});

package/dist/dropdown-menu/index.d.cts

@@ -1,2 +0,0 @@
-export { SkdxDropdownMenu } from './DropdownMenu.cjs';
-export type { SkdxDropdownMenuItemDescriptor } from './types.cjs';

package/dist/dropdown-menu/index.d.ts

@@ -1,2 +0,0 @@
-export { SkdxDropdownMenu } from './DropdownMenu.js';
-export type { SkdxDropdownMenuItemDescriptor } from './types.js';

package/dist/dropdown-menu/index.js

@@ -1 +0,0 @@
-import{SkdxDropdownMenu as r}from"./DropdownMenu.js";export{r as SkdxDropdownMenu};

package/dist/dropdown-menu/primitives.cjs

@@ -1 +0,0 @@
-"use strict";var p=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var R=Object.prototype.hasOwnProperty;var h=(r,o)=>{for(var d in o)p(r,d,{get:o[d],enumerable:!0})},l=(r,o,d,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of C(o))!R.call(r,n)&&n!==d&&p(r,n,{get:()=>o[n],enumerable:!(x=c(o,n))||x.enumerable});return r};var G=r=>l(p({},"__esModule",{value:!0}),r);var T={};h(T,{SkdxDropdownMenuArrow:()=>k.SkdxDropdownMenuArrow,SkdxDropdownMenuCheckboxItem:()=>D.SkdxDropdownMenuCheckboxItem,SkdxDropdownMenuContent:()=>m.SkdxDropdownMenuContent,SkdxDropdownMenuGroup:()=>b.SkdxDropdownMenuGroup,SkdxDropdownMenuItem:()=>w.SkdxDropdownMenuItem,SkdxDropdownMenuItemIndicator:()=>a.SkdxDropdownMenuItemIndicator,SkdxDropdownMenuLabel:()=>i.SkdxDropdownMenuLabel,SkdxDropdownMenuPortal:()=>S.SkdxDropdownMenuPortal,SkdxDropdownMenuRadioGroup:()=>M.SkdxDropdownMenuRadioGroup,SkdxDropdownMenuRadioItem:()=>f.SkdxDropdownMenuRadioItem,SkdxDropdownMenuRoot:()=>t.SkdxDropdownMenuRoot,SkdxDropdownMenuSeparator:()=>I.SkdxDropdownMenuSeparator,SkdxDropdownMenuShortcut:()=>g.SkdxDropdownMenuShortcut,SkdxDropdownMenuSub:()=>e.SkdxDropdownMenuSub,SkdxDropdownMenuSubContent:()=>e.SkdxDropdownMenuSubContent,SkdxDropdownMenuSubTrigger:()=>e.SkdxDropdownMenuSubTrigger,SkdxDropdownMenuTrigger:()=>u.SkdxDropdownMenuTrigger});module.exports=G(T);var t=require("./DropdownMenuRoot.cjs"),u=require("./DropdownMenuTrigger.cjs"),S=require("./DropdownMenuPortal.cjs"),m=require("./DropdownMenuContent.cjs"),k=require("./DropdownMenuArrow.cjs"),w=require("./DropdownMenuItem.cjs"),D=require("./DropdownMenuCheckboxItem.cjs"),M=require("./DropdownMenuRadioGroup.cjs"),f=require("./DropdownMenuRadioItem.cjs"),a=require("./DropdownMenuItemIndicator.cjs"),b=require("./DropdownMenuGroup.cjs"),i=require("./DropdownMenuLabel.cjs"),I=require("./DropdownMenuSeparator.cjs"),g=require("./DropdownMenuShortcut.cjs"),e=require("./DropdownMenuSub.cjs");0&&(module.exports={SkdxDropdownMenuArrow,SkdxDropdownMenuCheckboxItem,SkdxDropdownMenuContent,SkdxDropdownMenuGroup,SkdxDropdownMenuItem,SkdxDropdownMenuItemIndicator,SkdxDropdownMenuLabel,SkdxDropdownMenuPortal,SkdxDropdownMenuRadioGroup,SkdxDropdownMenuRadioItem,SkdxDropdownMenuRoot,SkdxDropdownMenuSeparator,SkdxDropdownMenuShortcut,SkdxDropdownMenuSub,SkdxDropdownMenuSubContent,SkdxDropdownMenuSubTrigger,SkdxDropdownMenuTrigger});

package/dist/dropdown-menu/primitives.d.cts

@@ -1,35 +0,0 @@
-/**
- * Advanced primitives for `<skdx-dropdown-menu>` — the parts the recipe
- * composes. Reach for these when the derived anatomy is not the structure
- * you need.
- *
- * @example
- * ```ts
- * import * as DropdownMenu from '@skdx/web-components/primitives/dropdown-menu';
- * ```
- * ```html
- * <skdx-dropdown-menu-root>
- *   <skdx-dropdown-menu-trigger>Options</skdx-dropdown-menu-trigger>
- *   <skdx-dropdown-menu-content>
- *     <skdx-dropdown-menu-item>Edit</skdx-dropdown-menu-item>
- *     <skdx-dropdown-menu-separator></skdx-dropdown-menu-separator>
- *     <skdx-dropdown-menu-item>Delete</skdx-dropdown-menu-item>
- *   </skdx-dropdown-menu-content>
- * </skdx-dropdown-menu-root>
- * ```
- */
-export { SkdxDropdownMenuRoot } from './DropdownMenuRoot.cjs';
-export { SkdxDropdownMenuTrigger } from './DropdownMenuTrigger.cjs';
-export { SkdxDropdownMenuPortal } from './DropdownMenuPortal.cjs';
-export { SkdxDropdownMenuContent } from './DropdownMenuContent.cjs';
-export { SkdxDropdownMenuArrow } from './DropdownMenuArrow.cjs';
-export { SkdxDropdownMenuItem } from './DropdownMenuItem.cjs';
-export { SkdxDropdownMenuCheckboxItem } from './DropdownMenuCheckboxItem.cjs';
-export { SkdxDropdownMenuRadioGroup } from './DropdownMenuRadioGroup.cjs';
-export { SkdxDropdownMenuRadioItem } from './DropdownMenuRadioItem.cjs';
-export { SkdxDropdownMenuItemIndicator } from './DropdownMenuItemIndicator.cjs';
-export { SkdxDropdownMenuGroup } from './DropdownMenuGroup.cjs';
-export { SkdxDropdownMenuLabel } from './DropdownMenuLabel.cjs';
-export { SkdxDropdownMenuSeparator } from './DropdownMenuSeparator.cjs';
-export { SkdxDropdownMenuShortcut } from './DropdownMenuShortcut.cjs';
-export { SkdxDropdownMenuSub, SkdxDropdownMenuSubTrigger, SkdxDropdownMenuSubContent, } from './DropdownMenuSub.cjs';

package/dist/dropdown-menu/primitives.d.ts

@@ -1,35 +0,0 @@
-/**
- * Advanced primitives for `<skdx-dropdown-menu>` — the parts the recipe
- * composes. Reach for these when the derived anatomy is not the structure
- * you need.
- *
- * @example
- * ```ts
- * import * as DropdownMenu from '@skdx/web-components/primitives/dropdown-menu';
- * ```
- * ```html
- * <skdx-dropdown-menu-root>
- *   <skdx-dropdown-menu-trigger>Options</skdx-dropdown-menu-trigger>
- *   <skdx-dropdown-menu-content>
- *     <skdx-dropdown-menu-item>Edit</skdx-dropdown-menu-item>
- *     <skdx-dropdown-menu-separator></skdx-dropdown-menu-separator>
- *     <skdx-dropdown-menu-item>Delete</skdx-dropdown-menu-item>
- *   </skdx-dropdown-menu-content>
- * </skdx-dropdown-menu-root>
- * ```
- */
-export { SkdxDropdownMenuRoot } from './DropdownMenuRoot.js';
-export { SkdxDropdownMenuTrigger } from './DropdownMenuTrigger.js';
-export { SkdxDropdownMenuPortal } from './DropdownMenuPortal.js';
-export { SkdxDropdownMenuContent } from './DropdownMenuContent.js';
-export { SkdxDropdownMenuArrow } from './DropdownMenuArrow.js';
-export { SkdxDropdownMenuItem } from './DropdownMenuItem.js';
-export { SkdxDropdownMenuCheckboxItem } from './DropdownMenuCheckboxItem.js';
-export { SkdxDropdownMenuRadioGroup } from './DropdownMenuRadioGroup.js';
-export { SkdxDropdownMenuRadioItem } from './DropdownMenuRadioItem.js';
-export { SkdxDropdownMenuItemIndicator } from './DropdownMenuItemIndicator.js';
-export { SkdxDropdownMenuGroup } from './DropdownMenuGroup.js';
-export { SkdxDropdownMenuLabel } from './DropdownMenuLabel.js';
-export { SkdxDropdownMenuSeparator } from './DropdownMenuSeparator.js';
-export { SkdxDropdownMenuShortcut } from './DropdownMenuShortcut.js';
-export { SkdxDropdownMenuSub, SkdxDropdownMenuSubTrigger, SkdxDropdownMenuSubContent, } from './DropdownMenuSub.js';

package/dist/dropdown-menu/primitives.js

@@ -1 +0,0 @@
-import{SkdxDropdownMenuRoot as e}from"./DropdownMenuRoot.js";import{SkdxDropdownMenuTrigger as d}from"./DropdownMenuTrigger.js";import{SkdxDropdownMenuPortal as x}from"./DropdownMenuPortal.js";import{SkdxDropdownMenuContent as u}from"./DropdownMenuContent.js";import{SkdxDropdownMenuArrow as m}from"./DropdownMenuArrow.js";import{SkdxDropdownMenuItem as w}from"./DropdownMenuItem.js";import{SkdxDropdownMenuCheckboxItem as M}from"./DropdownMenuCheckboxItem.js";import{SkdxDropdownMenuRadioGroup as a}from"./DropdownMenuRadioGroup.js";import{SkdxDropdownMenuRadioItem as i}from"./DropdownMenuRadioItem.js";import{SkdxDropdownMenuItemIndicator as g}from"./DropdownMenuItemIndicator.js";import{SkdxDropdownMenuGroup as C}from"./DropdownMenuGroup.js";import{SkdxDropdownMenuLabel as h}from"./DropdownMenuLabel.js";import{SkdxDropdownMenuSeparator as G}from"./DropdownMenuSeparator.js";import{SkdxDropdownMenuShortcut as A}from"./DropdownMenuShortcut.js";import{SkdxDropdownMenuSub as P,SkdxDropdownMenuSubTrigger as j,SkdxDropdownMenuSubContent as q}from"./DropdownMenuSub.js";export{m as SkdxDropdownMenuArrow,M as SkdxDropdownMenuCheckboxItem,u as SkdxDropdownMenuContent,C as SkdxDropdownMenuGroup,w as SkdxDropdownMenuItem,g as SkdxDropdownMenuItemIndicator,h as SkdxDropdownMenuLabel,x as SkdxDropdownMenuPortal,a as SkdxDropdownMenuRadioGroup,i as SkdxDropdownMenuRadioItem,e as SkdxDropdownMenuRoot,G as SkdxDropdownMenuSeparator,A as SkdxDropdownMenuShortcut,P as SkdxDropdownMenuSub,q as SkdxDropdownMenuSubContent,j as SkdxDropdownMenuSubTrigger,d as SkdxDropdownMenuTrigger};

package/dist/dropdown-menu/types.cjs

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

package/dist/dropdown-menu/types.d.cts

@@ -1,60 +0,0 @@
-/**
- * One entry in `<skdx-dropdown-menu>`'s `items`. Plain action items have no `type`; narrow others with `'type' in item`. Mirrors Menubar and ContextMenu structure; declared per family for part-name differences.
- */
-export type SkdxDropdownMenuItemDescriptor = {
-    /** Text rendered in the item. */
-    label: string;
-    /** Called when the item is activated, before the root's `item-select`. */
-    onSelect?: () => void;
-    /** Keyboard hint at trailing edge, `aria-hidden` (e.g., "⌘K"). */
-    shortcut?: string;
-    /** Marks `aria-disabled`, blocks selection; stays in roving order. */
-    disabled?: boolean;
-    /** Typeahead text; overrides rendered text. */
-    textValue?: string;
-} | {
-    type: 'separator';
-} | {
-    type: 'checkbox';
-    /** Text rendered in the item. */
-    label: string;
-    /** Checked state, externally controlled; write it back from `onCheckedChange`. */
-    checked?: boolean;
-    /** Called with new checked state on activation. */
-    onCheckedChange?: (checked: boolean) => void;
-    /** Keyboard hint at trailing edge, `aria-hidden`. */
-    shortcut?: string;
-    /** Marks `aria-disabled`, blocks selection. */
-    disabled?: boolean;
-    /** Typeahead text; overrides rendered text. */
-    textValue?: string;
-} | {
-    type: 'radio-group';
-    /** Selected option value, externally controlled. */
-    value?: string;
-    /** Called with newly selected value. */
-    onValueChange?: (value: string) => void;
-    /** The mutually-exclusive options. */
-    items: readonly {
-        label: string;
-        value: string;
-        disabled?: boolean;
-        textValue?: string;
-    }[];
-} | {
-    type: 'submenu';
-    /** Text in the parent item that opens the submenu. */
-    label: string;
-    /** Submenu entries; the union recurses, allowing nested submenus. */
-    items: readonly SkdxDropdownMenuItemDescriptor[];
-    /** Marks sub-trigger `aria-disabled`, blocks opening. */
-    disabled?: boolean;
-    /** Typeahead text; overrides sub-trigger's rendered text. */
-    textValue?: string;
-} | {
-    type: 'group';
-    /** Heading text; the group names itself after it. Omit for an unlabelled group. */
-    label?: string;
-    /** The grouped entries. */
-    items: readonly SkdxDropdownMenuItemDescriptor[];
-};

package/dist/dropdown-menu/types.d.ts

@@ -1,60 +0,0 @@
-/**
- * One entry in `<skdx-dropdown-menu>`'s `items`. Plain action items have no `type`; narrow others with `'type' in item`. Mirrors Menubar and ContextMenu structure; declared per family for part-name differences.
- */
-export type SkdxDropdownMenuItemDescriptor = {
-    /** Text rendered in the item. */
-    label: string;
-    /** Called when the item is activated, before the root's `item-select`. */
-    onSelect?: () => void;
-    /** Keyboard hint at trailing edge, `aria-hidden` (e.g., "⌘K"). */
-    shortcut?: string;
-    /** Marks `aria-disabled`, blocks selection; stays in roving order. */
-    disabled?: boolean;
-    /** Typeahead text; overrides rendered text. */
-    textValue?: string;
-} | {
-    type: 'separator';
-} | {
-    type: 'checkbox';
-    /** Text rendered in the item. */
-    label: string;
-    /** Checked state, externally controlled; write it back from `onCheckedChange`. */
-    checked?: boolean;
-    /** Called with new checked state on activation. */
-    onCheckedChange?: (checked: boolean) => void;
-    /** Keyboard hint at trailing edge, `aria-hidden`. */
-    shortcut?: string;
-    /** Marks `aria-disabled`, blocks selection. */
-    disabled?: boolean;
-    /** Typeahead text; overrides rendered text. */
-    textValue?: string;
-} | {
-    type: 'radio-group';
-    /** Selected option value, externally controlled. */
-    value?: string;
-    /** Called with newly selected value. */
-    onValueChange?: (value: string) => void;
-    /** The mutually-exclusive options. */
-    items: readonly {
-        label: string;
-        value: string;
-        disabled?: boolean;
-        textValue?: string;
-    }[];
-} | {
-    type: 'submenu';
-    /** Text in the parent item that opens the submenu. */
-    label: string;
-    /** Submenu entries; the union recurses, allowing nested submenus. */
-    items: readonly SkdxDropdownMenuItemDescriptor[];
-    /** Marks sub-trigger `aria-disabled`, blocks opening. */
-    disabled?: boolean;
-    /** Typeahead text; overrides sub-trigger's rendered text. */
-    textValue?: string;
-} | {
-    type: 'group';
-    /** Heading text; the group names itself after it. Omit for an unlabelled group. */
-    label?: string;
-    /** The grouped entries. */
-    items: readonly SkdxDropdownMenuItemDescriptor[];
-};

package/dist/field/field-core.cjs

@@ -1 +0,0 @@
-"use strict";var f=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var q=Object.prototype.hasOwnProperty;var U=(i,t)=>{for(var e in t)f(i,e,{get:t[e],enumerable:!0})},H=(i,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of N(t))!q.call(i,n)&&n!==e&&f(i,n,{get:()=>t[n],enumerable:!(r=B(t,n))||r.enumerable});return i};var $=i=>H(f({},"__esModule",{value:!0}),i);var ot={};U(ot,{CHARACTER_COUNT_ANNOUNCE_DELAY_MS:()=>G,ERROR_SUMMARY_RESCAN_EVENTS:()=>Y,FIELD_CHARACTER_COUNT_ATTRIBUTE:()=>j,FIELD_CONTROL_ATTRIBUTE:()=>w,FIELD_CONTROL_SELECTOR:()=>I,FIELD_DESCRIPTION_ATTRIBUTE:()=>F,FIELD_ERROR_ATTRIBUTE:()=>L,FIELD_ERROR_SUMMARY_ATTRIBUTE:()=>V,FIELD_MESSAGE_ATTRIBUTE:()=>p,FIELD_NAME_ATTRIBUTE:()=>h,FIELD_PENDING_ATTRIBUTE:()=>v,FIELD_REQUIRED_INDICATOR_ATTRIBUTE:()=>z,FIELD_RESUBMIT_ATTRIBUTE:()=>c,FIELD_ROOT_ATTRIBUTE:()=>o,FIELD_VALIDITY_CHANGE_EVENT:()=>S,FORM_FIELD_ATTRIBUTE:()=>m,FORM_MESSAGE_ATTRIBUTE:()=>_,FieldController:()=>A,NATIVE_INVALID_FALLBACK_MESSAGE:()=>M,characterCountMessage:()=>O,characterCountVisible:()=>D,collectFieldErrors:()=>tt,errorSummaryScope:()=>J,findFieldControl:()=>x,focusFieldTarget:()=>rt,isFilled:()=>d,normalizeMessages:()=>b,readControlValue:()=>k,resetFields:()=>it,validateFields:()=>et});module.exports=$(ot);var S="validity-change",o="data-skdx-field",h="data-skdx-field-name",p="data-skdx-field-message",F="data-skdx-field-description",L="data-skdx-field-error",j="data-skdx-field-character-count",v="data-skdx-field-pending",c="data-skdx-field-resubmit",m="data-skdx-form-field",_="data-skdx-form-message",Y=["validity-change","invalid","change","blur"],V="data-skdx-error-summary",G=1e3;function O(i){let t=Math.abs(i),e=t===1?"character":"characters";return i<0?`You have ${t} ${e} too many`:`You have ${t} ${e} remaining`}function D(i,t,e=0){return e<=0?!0:i>=t*e/100}var M="This field is invalid.",w="data-skdx-field-control",I=[`[${w}]`,'input:not([type="hidden"])',"select","textarea",'[role="textbox"]','[role="searchbox"]','[role="combobox"]','[role="listbox"]','[role="radiogroup"]','[role="group"]','[role="slider"]','[role="spinbutton"]','[role="checkbox"]','[role="radio"]','[role="switch"]'].join(", "),z="data-skdx-field-required-indicator",K=new Set(["INPUT","SELECT","TEXTAREA"]),Q=new Set(["radiogroup","group"]),X=['input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])","button:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(", ");function b(i){return i==null?[]:(Array.isArray(i)?i:[i]).filter(e=>typeof e=="string"&&e.trim()!=="")}function x(i){for(let t of Array.from(i.querySelectorAll(I)))if(t.getAttribute("aria-hidden")!=="true"&&t.closest(`[${o}]`)===i)return t;return null}function g(i,t){return E(i,o,t)}function E(i,t,e){for(let r of Array.from(i.querySelectorAll(e)))if(r.closest(`[${t}]`)===i)return r;return null}function k(i){if(!i)return;let t=i;return t.type==="checkbox"||t.type==="radio"?t.checked:"value"in i?t.value:i.querySelector('input[aria-hidden="true"]')?.value}function d(i){return i==null||i===!1||i===""?!1:!(Array.isArray(i)&&i.length===0)}function l(i,t,e){e?i.setAttribute(t,""):i.removeAttribute(t)}function R(i,...t){let e=i.split(/\s+/).filter(Boolean);for(let r of t)r&&!e.includes(r)&&e.push(r);return e.join(" ")}function J(i){return i.closest("form, skdx-form")??i.parentElement??i}function W(i){let t=x(i),r=g(i,`[${L}]`)?.textContent?.trim()||i.getAttribute(p)||i.getAttribute(h)||"";return!t?.id||!r?[]:[{id:t.id,message:r}]}function Z(i){let t=E(i,m,I);if(!t?.id||t.getAttribute("aria-invalid")!=="true")return[];let r=E(i,m,`[${_}]:not([hidden])`)?.textContent?.trim()||i.getAttribute(h)||"";return r?[{id:t.id,message:r}]:[]}function tt(i){return Array.from(i.querySelectorAll(`[${o}][data-invalid], [${m}]`)).flatMap(e=>(e.hasAttribute(o)?W:Z)(e))}var T="__skdxFieldCheckValidity",y="__skdxFieldReset";async function et(i){let t=Array.from(i.querySelectorAll(`[${o}]`));return(await Promise.all(t.map(r=>r[T]?.()??!0))).every(Boolean)}function it(i){for(let t of Array.from(i.querySelectorAll(`[${o}]`)))t[y]?.()}function rt(i,t=document){let e=t.getElementById(i);if(!e)return;let r=e.getAttribute("role"),s=(e.tagName==="FIELDSET"||r!==null&&Q.has(r)?e.querySelector(X):null)??e;s.focus(),s.scrollIntoView?.({block:"center"})}var A=class{constructor(t){this.options=t;this.props={};this.root=null;this.form=null;this.control=null;this.baseDescribedBy="";this.baseLabelledBy="";this.wroteLabelledBy=!1;this.wroteRequired=!1;this.wroteDisabled=!1;this.runToken=0;this.pending=!1;this.injected=[];this.custom=[];this.characterCount=null;this.awaitingSubmit=!1;this.handleInput=()=>{let t=this.isOverLimit(this.snapshot.count),e=this.readCount();this.update({dirty:!0,filled:d(this.resolveValue()),count:e,errors:this.composeErrors(e)}),this.scheduleCountAnnouncement(e,t),(this.props.mode==="change"||this.snapshot.errors.length>0)&&this.scheduleValidation()};this.handleFocusOut=()=>{let t=this.readCount();this.update({touched:!0,filled:d(this.resolveValue()),count:t,errors:this.composeErrors(t)});let e=this.validationTimer!==void 0;clearTimeout(this.validationTimer),this.validationTimer=void 0;let r=this.props.mode??"blur";(e||r==="blur"||this.snapshot.errors.length>0)&&this.runValidation()};this.handleSubmit=t=>{if(t.target!==this.form||this.isEngineResubmit(t))return;this.markTouched();let e=this.runValidation({silent:this.hasErrorSummary()});if(C(e)){t.preventDefault(),this.awaitingSubmit=!0,Promise.resolve(e).then(()=>{this.awaitingSubmit&&(this.awaitingSubmit=!1,this.resubmitIfSettled())});return}(e.length>0||this.pending)&&t.preventDefault()};this.snapshot={controlId:"",errors:[],valid:!0,touched:!1,dirty:!1,filled:!1,count:0,validity:null}}get state(){return this.snapshot}setProps(t){let e=this.props.value;this.props=t;let r=b(t.errors??null),n=!nt(this.injected,r);n&&(this.injected=r);let s=t.value!==e;if(!n&&!s)return;let a=this.readCount();this.update({count:a,filled:d(this.resolveValue()),errors:this.composeErrors(a)})}setCharacterCount(t){if((this.characterCount?.maxLength??null)===(t?.maxLength??null)&&(this.characterCount?.threshold??0)===(t?.threshold??0))return;this.characterCount=t;let r=this.readCount();this.update({count:r,errors:this.composeErrors(r)})}readCount(){let t=this.resolveValue();return typeof t=="string"?t.length:0}countMessage(t){return(this.props.getCharacterCountMessage??O)(t)}isOverLimit(t){return this.characterCount!==null&&t>this.characterCount.maxLength}composeErrors(t=this.snapshot.count){let e=[...this.injected,...this.custom];return this.characterCount&&this.isOverLimit(t)&&e.push(this.countMessage(this.characterCount.maxLength-t)),e}scheduleCountAnnouncement(t,e){let r=this.characterCount;if(!r)return;if(clearTimeout(this.announceTimer),this.isOverLimit(t)){e||this.options.announce(this.countMessage(r.maxLength-t),"assertive");return}if(!D(t,r.maxLength,r.threshold))return;let n=r.maxLength-t;this.announceTimer=setTimeout(()=>{this.options.announce(this.countMessage(n),"polite")},1e3)}connect(t){this.root=t,t.setAttribute(o,""),Object.defineProperty(t,T,{value:()=>this.validate(),configurable:!0,enumerable:!1,writable:!0}),Object.defineProperty(t,y,{value:()=>this.reset(),configurable:!0,enumerable:!1,writable:!0}),t.addEventListener("input",this.handleInput,!0),t.addEventListener("change",this.handleInput,!0),t.addEventListener("focusout",this.handleFocusOut,!0),this.form=t.closest("form"),this.form&&t.ownerDocument.addEventListener("submit",this.handleSubmit,!0),this.sync();let e=this.readCount();this.update({filled:d(this.resolveValue()),count:e,errors:this.composeErrors(e)})}disconnect(){clearTimeout(this.announceTimer),clearTimeout(this.validationTimer),this.validationTimer=void 0,this.awaitingSubmit=!1;let t=this.root;t&&(t.removeEventListener("input",this.handleInput,!0),t.removeEventListener("change",this.handleInput,!0),t.removeEventListener("focusout",this.handleFocusOut,!0),this.form&&t.ownerDocument.removeEventListener("submit",this.handleSubmit,!0),delete t[T],delete t[y],this.root=null,this.form=null,this.control=null)}sync(){let t=this.root;if(!t)return;let e=x(t);e!==this.control&&(this.control=e,this.baseDescribedBy=e?.getAttribute("aria-describedby")??"",this.baseLabelledBy=e?.getAttribute("aria-labelledby")??"",this.wroteLabelledBy=!1,this.wroteRequired=!1,this.wroteDisabled=!1);let{name:r}=this.props;r?t.setAttribute(h,r):t.removeAttribute(h);let n=this.snapshot.errors.join(" ");if(n?t.setAttribute(p,n):t.removeAttribute(p),this.applyStateAttributes(t),!e)return;e.id||(e.id=this.options.controlId),e.id!==this.snapshot.controlId&&(this.snapshot={...this.snapshot,controlId:e.id,validity:this.readValidity()},this.options.onSnapshotChange(this.snapshot));let s=g(t,`[${F}]`)!==null,a=g(t,`[${L}]`)!==null,u=R(this.baseDescribedBy,s?this.options.descriptionId:void 0,a?this.options.errorId:void 0);u?e.setAttribute("aria-describedby",u):e.removeAttribute("aria-describedby"),this.snapshot.errors.length>0?e.setAttribute("aria-invalid","true"):e.removeAttribute("aria-invalid");let P=t.ownerDocument.getElementById(this.options.labelId)!==null;this.options.grouped&&P?(e.setAttribute("aria-labelledby",R(this.baseLabelledBy,this.options.labelId)),this.wroteLabelledBy=!0):this.wroteLabelledBy&&(this.baseLabelledBy?e.setAttribute("aria-labelledby",this.baseLabelledBy):e.removeAttribute("aria-labelledby"),this.wroteLabelledBy=!1),this.applyConstraintState(e),this.applyStateAttributes(e)}applyConstraintState(t){let e=K.has(t.tagName),r=this.props.required===!0,n=this.props.disabled===!0;r?(e?t.setAttribute("required",""):t.setAttribute("aria-required","true"),this.wroteRequired=!0):this.wroteRequired&&(t.removeAttribute(e?"required":"aria-required"),this.wroteRequired=!1),n?(e?t.setAttribute("disabled",""):t.setAttribute("aria-disabled","true"),this.wroteDisabled=!0):this.wroteDisabled&&(t.removeAttribute(e?"disabled":"aria-disabled"),this.wroteDisabled=!1)}validate(){return Promise.resolve(this.runValidation()).then(t=>t.length===0)}reset(){this.injected=[],this.custom=[],this.pending=!1,this.awaitingSubmit=!1,this.runToken++,clearTimeout(this.announceTimer),clearTimeout(this.validationTimer),this.validationTimer=void 0,this.markPending(!1);let t=this.readCount();this.update({touched:!1,dirty:!1,count:t,filled:d(this.resolveValue()),errors:this.composeErrors(t)}),this.sync()}markTouched(){this.snapshot.touched||this.update({touched:!0})}applyStateAttributes(t){let{errors:e,touched:r,dirty:n,filled:s,count:a}=this.snapshot;l(t,"data-invalid",e.length>0),l(t,"data-valid",e.length===0),l(t,"data-touched",r),l(t,"data-dirty",n),l(t,"data-filled",s),l(t,"data-over-limit",this.isOverLimit(a)),l(t,"data-disabled",this.props.disabled===!0)}resolveValue(){return this.props.value!==void 0?this.props.value:k(this.control)}readValidity(){return this.control?.validity??null}markPending(t){this.root&&l(this.root,v,t)}nativeMessage(){let t=this.control;return!t?.validity||t.validity.valid?null:t.validationMessage||this.props.invalidMessage||M}runValidation(t={}){let e=++this.runToken,r=this.props.validate?.(this.resolveValue());return C(r)?(this.pending=!0,this.markPending(!0),Promise.resolve(r).then(n=>e!==this.runToken?this.snapshot.errors:(this.pending=!1,this.markPending(!1),this.commit(n,t)))):this.commit(r,t)}commit(t,e){this.custom=b(t);let r=this.nativeMessage();r&&!this.custom.includes(r)&&!this.injected.includes(r)&&(this.custom=[...this.custom,r]);let n=this.readCount(),s=this.composeErrors(n),a=this.snapshot.errors.length===0;this.update({errors:s,count:n,filled:d(this.resolveValue())});let u=s[0];return u&&a&&!e.silent&&this.options.announce(u,"assertive"),s}update(t){let e={...this.snapshot,...t,valid:!0,validity:this.readValidity()};e.valid=e.errors.length===0,!st(this.snapshot,e)&&(this.snapshot=e,this.sync(),this.options.onSnapshotChange(e),this.root?.dispatchEvent(new CustomEvent(S,{bubbles:!0,composed:!0,detail:{valid:e.valid,errors:e.errors,touched:e.touched,dirty:e.dirty,filled:e.filled,count:e.count,validity:e.validity}})))}scheduleValidation(){clearTimeout(this.validationTimer),this.validationTimer=void 0;let t=this.props.mode==="change"?this.props.validationDebounceTime??0:0;if(t<=0){this.runValidation();return}this.validationTimer=setTimeout(()=>{this.validationTimer=void 0,this.runValidation()},t)}hasErrorSummary(){return this.form?.querySelector(`[${V}]`)!=null}isEngineResubmit(t){return this.form?.hasAttribute(c)?(this.snapshot.errors.length>0&&t.preventDefault(),!0):!1}resubmitIfSettled(){let t=this.form;if(!(!t||typeof t.requestSubmit!="function")&&!t.querySelector(`[${v}]`)&&!t.querySelector(`[${o}][data-invalid]`)){t.setAttribute(c,"");try{t.requestSubmit()}finally{t.removeAttribute(c)}}}};function C(i){return typeof i?.then=="function"}function nt(i,t){return i.length===t.length&&i.every((e,r)=>e===t[r])}function st(i,t){return i.controlId===t.controlId&&i.valid===t.valid&&i.touched===t.touched&&i.dirty===t.dirty&&i.filled===t.filled&&i.count===t.count&&i.validity===t.validity&&i.errors.length===t.errors.length&&i.errors.every((e,r)=>e===t.errors[r])}0&&(module.exports={CHARACTER_COUNT_ANNOUNCE_DELAY_MS,ERROR_SUMMARY_RESCAN_EVENTS,FIELD_CHARACTER_COUNT_ATTRIBUTE,FIELD_CONTROL_ATTRIBUTE,FIELD_CONTROL_SELECTOR,FIELD_DESCRIPTION_ATTRIBUTE,FIELD_ERROR_ATTRIBUTE,FIELD_ERROR_SUMMARY_ATTRIBUTE,FIELD_MESSAGE_ATTRIBUTE,FIELD_NAME_ATTRIBUTE,FIELD_PENDING_ATTRIBUTE,FIELD_REQUIRED_INDICATOR_ATTRIBUTE,FIELD_RESUBMIT_ATTRIBUTE,FIELD_ROOT_ATTRIBUTE,FIELD_VALIDITY_CHANGE_EVENT,FORM_FIELD_ATTRIBUTE,FORM_MESSAGE_ATTRIBUTE,FieldController,NATIVE_INVALID_FALLBACK_MESSAGE,characterCountMessage,characterCountVisible,collectFieldErrors,errorSummaryScope,findFieldControl,focusFieldTarget,isFilled,normalizeMessages,readControlValue,resetFields,validateFields});