@skdx/web-components 0.29.0 → 0.31.0

package/dist/speed-dial/SpeedDial.cjs

@@ -1,5 +1,5 @@
-"use strict";var m=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var A=Object.prototype.hasOwnProperty;var C=(s,i)=>{for(var e in i)m(s,e,{get:i[e],enumerable:!0})},R=(s,i,e,r)=>{if(i&&typeof i=="object"||typeof i=="function")for(let t of E(i))!A.call(s,t)&&t!==e&&m(s,t,{get:()=>i[t],enumerable:!(r=y(i,t))||r.enumerable});return s};var _=s=>R(m({},"__esModule",{value:!0}),s),n=(s,i,e,r)=>{for(var t=r>1?void 0:r?y(i,e):i,l=s.length-1,c;l>=0;l--)(c=s[l])&&(t=(r?c(i,e,t):c(t))||t);return r&&t&&m(i,e,t),t};var M={};C(M,{ANY_ITEM_SELECTOR:()=>I,ITEM_SELECTOR:()=>D,SkdxSpeedDial:()=>o});module.exports=_(M);var p=require("lit"),a=require("lit/decorators.js"),v=require("../internal/authored.cjs"),T=require("../internal/define.cjs"),d=require("../internal/derive.cjs"),u=require("../internal/ids.cjs"),g=require("../internal/open-change-complete.cjs"),b=require("../internal/styles.cjs"),h=require("./SpeedDialAnatomy.cjs"),H=require("./SpeedDialPortal.cjs"),f=require("../internal/events.cjs"),O=require("./family.cjs");var I='[role="menuitem"]',D='[role="menuitem"]:not([data-disabled])',o=class extends p.LitElement{constructor(){super(...arguments);this.open=!1;this.defaultOpen=!1;this.direction="up";this.openOnHover=!1;this.hoverCloseDelay=300;this.hoverOpenDelay=0;this.disabled=!1;this.overlay=!1;this.contentId=(0,u.nextId)("skdx-speed-dial-content");this.triggerId=(0,u.nextId)("skdx-speed-dial-trigger");this.openReason={current:"programmatic"};this.triggerEl=null;this.contentEl=null;this.hasUpdatedOnce=!1;this.fillAnatomy=()=>{this.actions===this._anatomyActionsRef&&this.overlay===this._anatomyOverlay&&(0,v.hasGeneratedContent)(this,h.SPEED_DIAL_ANATOMY_GENERATED)||(this._anatomyActionsRef=this.actions,this._anatomyOverlay=this.overlay,(0,h.fillSpeedDialAnatomy)(this))}}connectedCallback(){super.connectedCallback(),this.defaultOpen&&!this.hasAttribute("open")&&(this.open=!0);let e=this.querySelector("skdx-speed-dial-content")?.id;e&&(this.contentId=e),queueMicrotask(this.fillAnatomy)}disconnectedCallback(){clearTimeout(this.closeTimer),clearTimeout(this.openTimer),this.teardownOpenChangeComplete?.(),super.disconnectedCallback()}updated(e){this.fillAnatomy();let r=!this.hasUpdatedOnce;if(this.hasUpdatedOnce=!0,this.toggleAttribute("data-disabled",this.disabled),e.has("disabled")&&this.disabled&&this.open){let t=this.contentEl,l=document.activeElement,c=!!l&&t?.contains(l)===!0;this.setOpen(!1),c&&this.focusTrigger()}e.has("open")&&!r&&(0,f.emit)(this,"open-change",this.open),e.size>0&&O.SPEED_DIAL_FAMILY.notify(this),e.has("open")&&!r&&(this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=(0,g.notifyOpenChangeComplete)(()=>this.contentEl,this.open,t=>(0,f.emit)(this,"open-change-complete",t))),(0,d.threadAppearance)(this,{size:this.size},[...(0,d.derivedParts)(this,"skdx-speed-dial-trigger"),...(0,d.derivedParts)(this,"skdx-speed-dial-item")])}setOpen(e,r="programmatic"){clearTimeout(this.closeTimer),clearTimeout(this.openTimer),!(e&&this.disabled)&&this.open!==e&&(this.openReason.current=r,this.open=e)}cancelHoverClose(){clearTimeout(this.closeTimer)}hoverOpen(){if(clearTimeout(this.closeTimer),clearTimeout(this.openTimer),this.hoverOpenDelay<=0){this.setOpen(!0,"hover");return}this.openTimer=setTimeout(()=>this.setOpen(!0,"hover"),this.hoverOpenDelay)}scheduleHoverClose(){clearTimeout(this.closeTimer),clearTimeout(this.openTimer),this.closeTimer=setTimeout(()=>{this.open=!1},this.hoverCloseDelay)}focusTrigger(){this.triggerEl?.focus()}render(){return p.html`<slot @slotchange=${this.fillAnatomy}></slot>`}};o.styles=[b.hiddenHostStyles,p.css`
+"use strict";var m=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var C=(a,o)=>{for(var e in o)m(a,e,{get:o[e],enumerable:!0})},L=(a,o,e,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of A(o))!E.call(a,t)&&t!==e&&m(a,t,{get:()=>o[t],enumerable:!(n=y(o,t))||n.enumerable});return a};var R=a=>L(m({},"__esModule",{value:!0}),a),r=(a,o,e,n)=>{for(var t=n>1?void 0:n?y(o,e):o,l=a.length-1,c;l>=0;l--)(c=a[l])&&(t=(n?c(o,e,t):c(t))||t);return n&&t&&m(o,e,t),t};var D={};C(D,{ANY_ITEM_SELECTOR:()=>_,ITEM_SELECTOR:()=>I,SkdxSpeedDial:()=>i});module.exports=R(D);var p=require("lit"),s=require("lit/decorators.js"),g=require("../internal/authored.cjs"),v=require("../internal/define.cjs"),d=require("../internal/derive.cjs"),u=require("../internal/ids.cjs"),T=require("../internal/open-change-complete.cjs"),b=require("../internal/styles.cjs"),h=require("./SpeedDialAnatomy.cjs"),H=require("./SpeedDialPortal.cjs"),f=require("../internal/events.cjs"),O=require("./family.cjs");var _='[role="menuitem"]',I='[role="menuitem"]:not([data-disabled])',i=class extends p.LitElement{constructor(){super(...arguments);this.open=!1;this.defaultOpen=!1;this.direction="up";this.openOnHover=!1;this.hoverCloseDelay=300;this.hoverOpenDelay=0;this.disabled=!1;this.overlay=!1;this.contentId=(0,u.nextId)("skdx-speed-dial-content");this.triggerId=(0,u.nextId)("skdx-speed-dial-trigger");this.openReason={current:"programmatic"};this.triggerEl=null;this.contentEl=null;this.hasUpdatedOnce=!1;this.fillAnatomy=()=>{this.actions===this._anatomyActionsRef&&this.overlay===this._anatomyOverlay&&(0,g.hasGeneratedContent)(this,h.SPEED_DIAL_ANATOMY_GENERATED)||(this._anatomyActionsRef=this.actions,this._anatomyOverlay=this.overlay,(0,h.fillSpeedDialAnatomy)(this))}}connectedCallback(){super.connectedCallback(),this.defaultOpen&&!this.hasAttribute("open")&&(this.open=!0);let e=this.querySelector("skdx-speed-dial-content")?.id;e&&(this.contentId=e),queueMicrotask(this.fillAnatomy)}syncTriggerLabel(){let e=this.querySelector(`skdx-speed-dial-trigger[${h.SPEED_DIAL_ANATOMY_GENERATED}]`);this.triggerLabel?e?.setAttribute("aria-label",this.triggerLabel):e?.removeAttribute("aria-label")}disconnectedCallback(){clearTimeout(this.closeTimer),clearTimeout(this.openTimer),this.teardownOpenChangeComplete?.(),super.disconnectedCallback()}updated(e){this.fillAnatomy(),e.has("triggerLabel")&&this.syncTriggerLabel();let n=!this.hasUpdatedOnce;if(this.hasUpdatedOnce=!0,this.toggleAttribute("data-disabled",this.disabled),e.has("disabled")&&this.disabled&&this.open){let t=this.contentEl,l=document.activeElement,c=!!l&&t?.contains(l)===!0;this.setOpen(!1),c&&this.focusTrigger()}e.has("open")&&!n&&(0,f.emit)(this,"open-change",this.open),e.size>0&&O.SPEED_DIAL_FAMILY.notify(this),e.has("open")&&!n&&(this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=(0,T.notifyOpenChangeComplete)(()=>this.contentEl,this.open,t=>(0,f.emit)(this,"open-change-complete",t))),(0,d.threadAppearance)(this,{size:this.size},[...(0,d.derivedParts)(this,"skdx-speed-dial-trigger"),...(0,d.derivedParts)(this,"skdx-speed-dial-item")])}setOpen(e,n="programmatic"){clearTimeout(this.closeTimer),clearTimeout(this.openTimer),!(e&&this.disabled)&&this.open!==e&&(this.openReason.current=n,this.open=e)}cancelHoverClose(){clearTimeout(this.closeTimer)}hoverOpen(){if(clearTimeout(this.closeTimer),clearTimeout(this.openTimer),this.hoverOpenDelay<=0){this.setOpen(!0,"hover");return}this.openTimer=setTimeout(()=>this.setOpen(!0,"hover"),this.hoverOpenDelay)}scheduleHoverClose(){clearTimeout(this.closeTimer),clearTimeout(this.openTimer),this.closeTimer=setTimeout(()=>{this.open=!1},this.hoverCloseDelay)}focusTrigger(){this.triggerEl?.focus()}render(){return p.html`<slot @slotchange=${this.fillAnatomy}></slot>`}};i.styles=[b.hiddenHostStyles,p.css`
       :host {
         display: contents;
       }
-    `],n([(0,a.property)({type:Boolean,reflect:!0})],o.prototype,"open",2),n([(0,a.property)({type:Boolean,attribute:"default-open"})],o.prototype,"defaultOpen",2),n([(0,a.property)({type:String,reflect:!0})],o.prototype,"direction",2),n([(0,a.property)({type:Boolean,attribute:"open-on-hover"})],o.prototype,"openOnHover",2),n([(0,a.property)({type:Number,attribute:"hover-close-delay"})],o.prototype,"hoverCloseDelay",2),n([(0,a.property)({type:Number,attribute:"hover-open-delay"})],o.prototype,"hoverOpenDelay",2),n([(0,a.property)({type:Boolean,reflect:!0})],o.prototype,"disabled",2),n([(0,a.property)({attribute:!1})],o.prototype,"actions",2),n([(0,a.property)({type:Boolean})],o.prototype,"overlay",2),n([(0,a.property)({type:String,attribute:"data-size"})],o.prototype,"size",2),o=n([(0,T.customElement)("skdx-speed-dial")],o);0&&(module.exports={ANY_ITEM_SELECTOR,ITEM_SELECTOR,SkdxSpeedDial});
+    `],r([(0,s.property)({type:Boolean,reflect:!0})],i.prototype,"open",2),r([(0,s.property)({type:Boolean,attribute:"default-open"})],i.prototype,"defaultOpen",2),r([(0,s.property)({type:String,reflect:!0})],i.prototype,"direction",2),r([(0,s.property)({type:Boolean,attribute:"open-on-hover"})],i.prototype,"openOnHover",2),r([(0,s.property)({type:Number,attribute:"hover-close-delay"})],i.prototype,"hoverCloseDelay",2),r([(0,s.property)({type:Number,attribute:"hover-open-delay"})],i.prototype,"hoverOpenDelay",2),r([(0,s.property)({type:Boolean,reflect:!0})],i.prototype,"disabled",2),r([(0,s.property)({attribute:!1})],i.prototype,"actions",2),r([(0,s.property)({type:String,attribute:"trigger-label"})],i.prototype,"triggerLabel",2),r([(0,s.property)({type:Boolean})],i.prototype,"overlay",2),r([(0,s.property)({type:String,attribute:"data-size"})],i.prototype,"size",2),i=r([(0,v.customElement)("skdx-speed-dial")],i);0&&(module.exports={ANY_ITEM_SELECTOR,ITEM_SELECTOR,SkdxSpeedDial});

package/dist/speed-dial/SpeedDial.d.cts

@@ -78,6 +78,11 @@ export declare class SkdxSpeedDial extends LitElement {
      * @default undefined — an empty fan.
      */
     actions?: readonly SpeedDialAction[];
+    /**
+     * Accessible name applied to the derived trigger's `aria-label`.
+     * @default undefined — the trigger is named only by its content.
+     */
+    triggerLabel?: string | undefined;
     /**
      * Paints the scrim behind the derived content; does not make the dial modal either way.
      * @default false
@@ -108,6 +113,7 @@ export declare class SkdxSpeedDial extends LitElement {
     private _anatomyActionsRef?;
     private _anatomyOverlay?;
     private readonly fillAnatomy;
+    private syncTriggerLabel;
     disconnectedCallback(): void;
     protected updated(changed: Map<string, unknown>): void;
     /** @internal One guard for every route into the open state, so no future route can silently open a disabled dial. */

package/dist/speed-dial/SpeedDial.d.ts

@@ -78,6 +78,11 @@ export declare class SkdxSpeedDial extends LitElement {
      * @default undefined — an empty fan.
      */
     actions?: readonly SpeedDialAction[];
+    /**
+     * Accessible name applied to the derived trigger's `aria-label`.
+     * @default undefined — the trigger is named only by its content.
+     */
+    triggerLabel?: string | undefined;
     /**
      * Paints the scrim behind the derived content; does not make the dial modal either way.
      * @default false
@@ -108,6 +113,7 @@ export declare class SkdxSpeedDial extends LitElement {
     private _anatomyActionsRef?;
     private _anatomyOverlay?;
     private readonly fillAnatomy;
+    private syncTriggerLabel;
     disconnectedCallback(): void;
     protected updated(changed: Map<string, unknown>): void;
     /** @internal One guard for every route into the open state, so no future route can silently open a disabled dial. */

package/dist/speed-dial/SpeedDial.js

@@ -1,5 +1,5 @@
-var h=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var o=(p,a,e,n)=>{for(var i=n>1?void 0:n?u(a,e):a,s=p.length-1,l;s>=0;s--)(l=p[s])&&(i=(n?l(a,e,i):l(i))||i);return n&&i&&h(a,e,i),i};import{css as f,html as y,LitElement as v}from"lit";import{property as r}from"lit/decorators.js";import{hasGeneratedContent as T}from"../internal/authored.js";import{customElement as g}from"../internal/define.js";import{derivedParts as c,threadAppearance as b}from"../internal/derive.js";import{nextId as d}from"../internal/ids.js";import{notifyOpenChangeComplete as O}from"../internal/open-change-complete.js";import{hiddenHostStyles as E}from"../internal/styles.js";import{fillSpeedDialAnatomy as A,SPEED_DIAL_ANATOMY_GENERATED as C}from"./SpeedDialAnatomy.js";import"./SpeedDialPortal.js";import{emit as m}from"../internal/events.js";import{SPEED_DIAL_FAMILY as R}from"./family.js";var q='[role="menuitem"]',x='[role="menuitem"]:not([data-disabled])',t=class extends v{constructor(){super(...arguments);this.open=!1;this.defaultOpen=!1;this.direction="up";this.openOnHover=!1;this.hoverCloseDelay=300;this.hoverOpenDelay=0;this.disabled=!1;this.overlay=!1;this.contentId=d("skdx-speed-dial-content");this.triggerId=d("skdx-speed-dial-trigger");this.openReason={current:"programmatic"};this.triggerEl=null;this.contentEl=null;this.hasUpdatedOnce=!1;this.fillAnatomy=()=>{this.actions===this._anatomyActionsRef&&this.overlay===this._anatomyOverlay&&T(this,C)||(this._anatomyActionsRef=this.actions,this._anatomyOverlay=this.overlay,A(this))}}connectedCallback(){super.connectedCallback(),this.defaultOpen&&!this.hasAttribute("open")&&(this.open=!0);let e=this.querySelector("skdx-speed-dial-content")?.id;e&&(this.contentId=e),queueMicrotask(this.fillAnatomy)}disconnectedCallback(){clearTimeout(this.closeTimer),clearTimeout(this.openTimer),this.teardownOpenChangeComplete?.(),super.disconnectedCallback()}updated(e){this.fillAnatomy();let n=!this.hasUpdatedOnce;if(this.hasUpdatedOnce=!0,this.toggleAttribute("data-disabled",this.disabled),e.has("disabled")&&this.disabled&&this.open){let i=this.contentEl,s=document.activeElement,l=!!s&&i?.contains(s)===!0;this.setOpen(!1),l&&this.focusTrigger()}e.has("open")&&!n&&m(this,"open-change",this.open),e.size>0&&R.notify(this),e.has("open")&&!n&&(this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=O(()=>this.contentEl,this.open,i=>m(this,"open-change-complete",i))),b(this,{size:this.size},[...c(this,"skdx-speed-dial-trigger"),...c(this,"skdx-speed-dial-item")])}setOpen(e,n="programmatic"){clearTimeout(this.closeTimer),clearTimeout(this.openTimer),!(e&&this.disabled)&&this.open!==e&&(this.openReason.current=n,this.open=e)}cancelHoverClose(){clearTimeout(this.closeTimer)}hoverOpen(){if(clearTimeout(this.closeTimer),clearTimeout(this.openTimer),this.hoverOpenDelay<=0){this.setOpen(!0,"hover");return}this.openTimer=setTimeout(()=>this.setOpen(!0,"hover"),this.hoverOpenDelay)}scheduleHoverClose(){clearTimeout(this.closeTimer),clearTimeout(this.openTimer),this.closeTimer=setTimeout(()=>{this.open=!1},this.hoverCloseDelay)}focusTrigger(){this.triggerEl?.focus()}render(){return y`<slot @slotchange=${this.fillAnatomy}></slot>`}};t.styles=[E,f`
+var u=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var i=(p,a,e,n)=>{for(var o=n>1?void 0:n?f(a,e):a,s=p.length-1,l;s>=0;s--)(l=p[s])&&(o=(n?l(a,e,o):l(o))||o);return n&&o&&u(a,e,o),o};import{css as y,html as g,LitElement as v}from"lit";import{property as r}from"lit/decorators.js";import{hasGeneratedContent as T}from"../internal/authored.js";import{customElement as b}from"../internal/define.js";import{derivedParts as c,threadAppearance as O}from"../internal/derive.js";import{nextId as d}from"../internal/ids.js";import{notifyOpenChangeComplete as A}from"../internal/open-change-complete.js";import{hiddenHostStyles as E}from"../internal/styles.js";import{fillSpeedDialAnatomy as C,SPEED_DIAL_ANATOMY_GENERATED as h}from"./SpeedDialAnatomy.js";import"./SpeedDialPortal.js";import{emit as m}from"../internal/events.js";import{SPEED_DIAL_FAMILY as L}from"./family.js";var Y='[role="menuitem"]',x='[role="menuitem"]:not([data-disabled])',t=class extends v{constructor(){super(...arguments);this.open=!1;this.defaultOpen=!1;this.direction="up";this.openOnHover=!1;this.hoverCloseDelay=300;this.hoverOpenDelay=0;this.disabled=!1;this.overlay=!1;this.contentId=d("skdx-speed-dial-content");this.triggerId=d("skdx-speed-dial-trigger");this.openReason={current:"programmatic"};this.triggerEl=null;this.contentEl=null;this.hasUpdatedOnce=!1;this.fillAnatomy=()=>{this.actions===this._anatomyActionsRef&&this.overlay===this._anatomyOverlay&&T(this,h)||(this._anatomyActionsRef=this.actions,this._anatomyOverlay=this.overlay,C(this))}}connectedCallback(){super.connectedCallback(),this.defaultOpen&&!this.hasAttribute("open")&&(this.open=!0);let e=this.querySelector("skdx-speed-dial-content")?.id;e&&(this.contentId=e),queueMicrotask(this.fillAnatomy)}syncTriggerLabel(){let e=this.querySelector(`skdx-speed-dial-trigger[${h}]`);this.triggerLabel?e?.setAttribute("aria-label",this.triggerLabel):e?.removeAttribute("aria-label")}disconnectedCallback(){clearTimeout(this.closeTimer),clearTimeout(this.openTimer),this.teardownOpenChangeComplete?.(),super.disconnectedCallback()}updated(e){this.fillAnatomy(),e.has("triggerLabel")&&this.syncTriggerLabel();let n=!this.hasUpdatedOnce;if(this.hasUpdatedOnce=!0,this.toggleAttribute("data-disabled",this.disabled),e.has("disabled")&&this.disabled&&this.open){let o=this.contentEl,s=document.activeElement,l=!!s&&o?.contains(s)===!0;this.setOpen(!1),l&&this.focusTrigger()}e.has("open")&&!n&&m(this,"open-change",this.open),e.size>0&&L.notify(this),e.has("open")&&!n&&(this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=A(()=>this.contentEl,this.open,o=>m(this,"open-change-complete",o))),O(this,{size:this.size},[...c(this,"skdx-speed-dial-trigger"),...c(this,"skdx-speed-dial-item")])}setOpen(e,n="programmatic"){clearTimeout(this.closeTimer),clearTimeout(this.openTimer),!(e&&this.disabled)&&this.open!==e&&(this.openReason.current=n,this.open=e)}cancelHoverClose(){clearTimeout(this.closeTimer)}hoverOpen(){if(clearTimeout(this.closeTimer),clearTimeout(this.openTimer),this.hoverOpenDelay<=0){this.setOpen(!0,"hover");return}this.openTimer=setTimeout(()=>this.setOpen(!0,"hover"),this.hoverOpenDelay)}scheduleHoverClose(){clearTimeout(this.closeTimer),clearTimeout(this.openTimer),this.closeTimer=setTimeout(()=>{this.open=!1},this.hoverCloseDelay)}focusTrigger(){this.triggerEl?.focus()}render(){return g`<slot @slotchange=${this.fillAnatomy}></slot>`}};t.styles=[E,y`
       :host {
         display: contents;
       }
-    `],o([r({type:Boolean,reflect:!0})],t.prototype,"open",2),o([r({type:Boolean,attribute:"default-open"})],t.prototype,"defaultOpen",2),o([r({type:String,reflect:!0})],t.prototype,"direction",2),o([r({type:Boolean,attribute:"open-on-hover"})],t.prototype,"openOnHover",2),o([r({type:Number,attribute:"hover-close-delay"})],t.prototype,"hoverCloseDelay",2),o([r({type:Number,attribute:"hover-open-delay"})],t.prototype,"hoverOpenDelay",2),o([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),o([r({attribute:!1})],t.prototype,"actions",2),o([r({type:Boolean})],t.prototype,"overlay",2),o([r({type:String,attribute:"data-size"})],t.prototype,"size",2),t=o([g("skdx-speed-dial")],t);export{q as ANY_ITEM_SELECTOR,x as ITEM_SELECTOR,t as SkdxSpeedDial};
+    `],i([r({type:Boolean,reflect:!0})],t.prototype,"open",2),i([r({type:Boolean,attribute:"default-open"})],t.prototype,"defaultOpen",2),i([r({type:String,reflect:!0})],t.prototype,"direction",2),i([r({type:Boolean,attribute:"open-on-hover"})],t.prototype,"openOnHover",2),i([r({type:Number,attribute:"hover-close-delay"})],t.prototype,"hoverCloseDelay",2),i([r({type:Number,attribute:"hover-open-delay"})],t.prototype,"hoverOpenDelay",2),i([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([r({attribute:!1})],t.prototype,"actions",2),i([r({type:String,attribute:"trigger-label"})],t.prototype,"triggerLabel",2),i([r({type:Boolean})],t.prototype,"overlay",2),i([r({type:String,attribute:"data-size"})],t.prototype,"size",2),t=i([b("skdx-speed-dial")],t);export{Y as ANY_ITEM_SELECTOR,x as ITEM_SELECTOR,t as SkdxSpeedDial};

package/dist/speed-dial/SpeedDialAnatomy.cjs

@@ -1 +1 @@
-"use strict";var c=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var S=(e,t)=>{for(var r in t)c(e,r,{get:t[r],enumerable:!0})},h=(e,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let d of k(t))!b.call(e,d)&&d!==r&&c(e,d,{get:()=>t[d],enumerable:!(s=E(t,d))||s.enumerable});return e};var y=e=>h(c({},"__esModule",{value:!0}),e);var v={};S(v,{SPEED_DIAL_ANATOMY_GENERATED:()=>n,fillSpeedDialAnatomy:()=>N,hasAuthoredSpeedDialParts:()=>A});module.exports=y(v);var g=require("../internal/derive.cjs"),x=require("../internal/host-attributes.cjs"),p=require("../internal/options.cjs"),_=require("./SpeedDialTrigger.cjs"),C=require("./SpeedDialOverlay.cjs"),P=require("./SpeedDialContent.cjs"),L=require("./SpeedDialItem.cjs"),R=require("./SpeedDialItemLabel.cjs"),G=require("../utils/visually-hidden.cjs"),n="data-skdx-speed-dial-generated",D=["skdx-speed-dial-trigger","skdx-speed-dial-portal","skdx-speed-dial-overlay","skdx-speed-dial-content","skdx-speed-dial-item","skdx-speed-dial-item-label"];function A(e){return D.some(t=>(0,g.hasAuthoredPart)(e,t,n))}function N(e){if(A(e))return;let t=(0,p.renderSlotContent)(e,"item"),r=e.querySelector(`:scope > skdx-speed-dial-trigger[${n}]`),s;if(r)s=Array.from(r.childNodes);else{s=[];for(let i of Array.from(e.childNodes)){if(i.nodeType!==Node.ELEMENT_NODE)continue;let o=i;o.getAttribute("slot")==="trigger"&&(o.removeAttribute("slot"),s.push(o))}}let d=document.createElement("skdx-speed-dial-trigger");d.setAttribute(n,""),d.append(...s);let a=document.createElement("skdx-speed-dial-content");a.setAttribute(n,""),(0,x.forwardHostAttributes)(e,a),(e.actions??[]).forEach((i,o)=>{let l=document.createElement("skdx-speed-dial-item");i.disabled&&l.setAttribute("disabled",""),l.selectDetail={action:i,index:o};let u=t.get(String(o));u&&l.append((0,p.stampRenderSlot)(u));let f=document.createElement("skdx-speed-dial-item-label");f.textContent=i.label,l.append(f),a.append(l)});let m=[d];if(e.overlay){let i=document.createElement("skdx-speed-dial-overlay");i.setAttribute(n,""),m.push(i)}m.push(a),e.replaceChildren(...m)}0&&(module.exports={SPEED_DIAL_ANATOMY_GENERATED,fillSpeedDialAnatomy,hasAuthoredSpeedDialParts});
+"use strict";var c=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var S=(e,t)=>{for(var r in t)c(e,r,{get:t[r],enumerable:!0})},h=(e,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let d of E(t))!k.call(e,d)&&d!==r&&c(e,d,{get:()=>t[d],enumerable:!(s=x(t,d))||s.enumerable});return e};var y=e=>h(c({},"__esModule",{value:!0}),e);var v={};S(v,{SPEED_DIAL_ANATOMY_GENERATED:()=>o,fillSpeedDialAnatomy:()=>N,hasAuthoredSpeedDialParts:()=>b});module.exports=y(v);var f=require("../internal/derive.cjs"),A=require("../internal/host-attributes.cjs"),p=require("../internal/options.cjs"),L=require("./SpeedDialTrigger.cjs"),_=require("./SpeedDialOverlay.cjs"),C=require("./SpeedDialContent.cjs"),P=require("./SpeedDialItem.cjs"),R=require("./SpeedDialItemLabel.cjs"),G=require("../utils/visually-hidden.cjs"),o="data-skdx-speed-dial-generated",D=["skdx-speed-dial-trigger","skdx-speed-dial-portal","skdx-speed-dial-overlay","skdx-speed-dial-content","skdx-speed-dial-item","skdx-speed-dial-item-label"];function b(e){return D.some(t=>(0,f.hasAuthoredPart)(e,t,o))}function N(e){if(b(e))return;let t=(0,p.renderSlotContent)(e,"item"),r=e.querySelector(`:scope > skdx-speed-dial-trigger[${o}]`),s;if(r)s=Array.from(r.childNodes);else{s=[];for(let i of Array.from(e.childNodes)){if(i.nodeType!==Node.ELEMENT_NODE)continue;let n=i;n.getAttribute("slot")==="trigger"&&(n.removeAttribute("slot"),s.push(n))}}let d=document.createElement("skdx-speed-dial-trigger");d.setAttribute(o,""),e.triggerLabel&&d.setAttribute("aria-label",e.triggerLabel),d.append(...s);let a=document.createElement("skdx-speed-dial-content");a.setAttribute(o,""),(0,A.forwardHostAttributes)(e,a),(e.actions??[]).forEach((i,n)=>{let l=document.createElement("skdx-speed-dial-item");i.disabled&&l.setAttribute("disabled",""),l.selectDetail={action:i,index:n};let u=t.get(String(n));u&&l.append((0,p.stampRenderSlot)(u));let g=document.createElement("skdx-speed-dial-item-label");g.textContent=i.label,l.append(g),a.append(l)});let m=[d];if(e.overlay){let i=document.createElement("skdx-speed-dial-overlay");i.setAttribute(o,""),m.push(i)}m.push(a),e.replaceChildren(...m)}0&&(module.exports={SPEED_DIAL_ANATOMY_GENERATED,fillSpeedDialAnatomy,hasAuthoredSpeedDialParts});

package/dist/speed-dial/SpeedDialAnatomy.js

@@ -1 +1 @@
-import{hasAuthoredPart as u}from"../internal/derive.js";import{forwardHostAttributes as f}from"../internal/host-attributes.js";import{renderSlotContent as g,stampRenderSlot as x}from"../internal/options.js";import"./SpeedDialTrigger.js";import"./SpeedDialOverlay.js";import"./SpeedDialContent.js";import"./SpeedDialItem.js";import"./SpeedDialItemLabel.js";import"../utils/visually-hidden.js";var r="data-skdx-speed-dial-generated",A=["skdx-speed-dial-trigger","skdx-speed-dial-portal","skdx-speed-dial-overlay","skdx-speed-dial-content","skdx-speed-dial-item","skdx-speed-dial-item-label"];function E(e){return A.some(n=>u(e,n,r))}function _(e){if(E(e))return;let n=g(e,"item"),p=e.querySelector(`:scope > skdx-speed-dial-trigger[${r}]`),s;if(p)s=Array.from(p.childNodes);else{s=[];for(let t of Array.from(e.childNodes)){if(t.nodeType!==Node.ELEMENT_NODE)continue;let d=t;d.getAttribute("slot")==="trigger"&&(d.removeAttribute("slot"),s.push(d))}}let l=document.createElement("skdx-speed-dial-trigger");l.setAttribute(r,""),l.append(...s);let o=document.createElement("skdx-speed-dial-content");o.setAttribute(r,""),f(e,o),(e.actions??[]).forEach((t,d)=>{let i=document.createElement("skdx-speed-dial-item");t.disabled&&i.setAttribute("disabled",""),i.selectDetail={action:t,index:d};let m=n.get(String(d));m&&i.append(x(m));let c=document.createElement("skdx-speed-dial-item-label");c.textContent=t.label,i.append(c),o.append(i)});let a=[l];if(e.overlay){let t=document.createElement("skdx-speed-dial-overlay");t.setAttribute(r,""),a.push(t)}a.push(o),e.replaceChildren(...a)}export{r as SPEED_DIAL_ANATOMY_GENERATED,_ as fillSpeedDialAnatomy,E as hasAuthoredSpeedDialParts};
+import{hasAuthoredPart as u}from"../internal/derive.js";import{forwardHostAttributes as g}from"../internal/host-attributes.js";import{renderSlotContent as f,stampRenderSlot as A}from"../internal/options.js";import"./SpeedDialTrigger.js";import"./SpeedDialOverlay.js";import"./SpeedDialContent.js";import"./SpeedDialItem.js";import"./SpeedDialItemLabel.js";import"../utils/visually-hidden.js";var r="data-skdx-speed-dial-generated",b=["skdx-speed-dial-trigger","skdx-speed-dial-portal","skdx-speed-dial-overlay","skdx-speed-dial-content","skdx-speed-dial-item","skdx-speed-dial-item-label"];function x(e){return b.some(l=>u(e,l,r))}function L(e){if(x(e))return;let l=f(e,"item"),p=e.querySelector(`:scope > skdx-speed-dial-trigger[${r}]`),s;if(p)s=Array.from(p.childNodes);else{s=[];for(let t of Array.from(e.childNodes)){if(t.nodeType!==Node.ELEMENT_NODE)continue;let d=t;d.getAttribute("slot")==="trigger"&&(d.removeAttribute("slot"),s.push(d))}}let n=document.createElement("skdx-speed-dial-trigger");n.setAttribute(r,""),e.triggerLabel&&n.setAttribute("aria-label",e.triggerLabel),n.append(...s);let o=document.createElement("skdx-speed-dial-content");o.setAttribute(r,""),g(e,o),(e.actions??[]).forEach((t,d)=>{let i=document.createElement("skdx-speed-dial-item");t.disabled&&i.setAttribute("disabled",""),i.selectDetail={action:t,index:d};let m=l.get(String(d));m&&i.append(A(m));let c=document.createElement("skdx-speed-dial-item-label");c.textContent=t.label,i.append(c),o.append(i)});let a=[n];if(e.overlay){let t=document.createElement("skdx-speed-dial-overlay");t.setAttribute(r,""),a.push(t)}a.push(o),e.replaceChildren(...a)}export{r as SPEED_DIAL_ANATOMY_GENERATED,L as fillSpeedDialAnatomy,x as hasAuthoredSpeedDialParts};

package/dist/speed-dial/SpeedDialContent.cjs

@@ -1,4 +1,4 @@
-"use strict";var y=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var A=Object.prototype.hasOwnProperty;var F=(n,s)=>{for(var e in s)y(n,e,{get:s[e],enumerable:!0})},D=(n,s,e,t)=>{if(s&&typeof s=="object"||typeof s=="function")for(let i of w(s))!A.call(n,i)&&i!==e&&y(n,i,{get:()=>s[i],enumerable:!(t=L(s,i))||t.enumerable});return n};var I=n=>D(y({},"__esModule",{value:!0}),n),d=(n,s,e,t)=>{for(var i=t>1?void 0:t?L(s,e):s,l=n.length-1,c;l>=0;l--)(c=n[l])&&(i=(t?c(s,e,i):c(i))||i);return t&&i&&y(s,e,i),i};var N={};F(N,{SkdxSpeedDialContent:()=>r});module.exports=I(N);var u=require("lit"),h=require("lit/decorators.js"),b=require("../internal/closest.cjs"),O=require("../internal/define.cjs"),P=require("../internal/direction.cjs"),o=require("../internal/dismiss.cjs"),f=require("../internal/positioning.cjs"),T=require("../internal/styles.cjs"),p=require("../internal/typeahead.cjs"),E=require("./family.cjs"),m=require("./SpeedDial.cjs"),v=require("./SpeedDialConstants.cjs");var H={vertical:"ArrowDown",horizontal:"ArrowRight"},K={vertical:"ArrowUp",horizontal:"ArrowLeft"},r=class extends u.LitElement{constructor(){super(...arguments);this.align="center";this.sideOffset=8;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.loop=!0;this.root=null;this.onRootUpdate=()=>this.syncHostState();this.typeahead=new p.Typeahead;this.layer={insideElements:()=>[this,this.root?.triggerEl]};this.childObserver=new MutationObserver(()=>this.requestUpdate());this.handlePointerEnter=e=>{this.root?.openOnHover&&e.pointerType!=="touch"&&this.root.cancelHoverClose()};this.handlePointerLeave=e=>{this.root?.openOnHover&&e.pointerType!=="touch"&&this.root.scheduleHoverClose()};this.handleOutsidePointerDown=e=>{if(!this.root?.open)return;let t=e.target;this.contains(t)||(0,o.triggerContains)(this.root.triggerEl,t)||(0,o.dispatchOutside)(this,"pointer-down-outside",e)&&this.root.setOpen(!1)};this.handleOutsideFocus=e=>{if(!this.root?.open)return;let t=(0,o.focusOutsideTarget)(e);!t||this.contains(t)||(0,o.triggerContains)(this.root.triggerEl,t)||(0,o.dispatchOutside)(this,"focus-outside",e)&&this.root.setOpen(!1)};this.handleEscape=e=>{(0,o.dispatchEscapeKeyDown)(this,e)&&this.close()};this.handleDocumentKeyDown=e=>{this.root?.open&&(0,o.handleEscapeKeyDown)(e,this.layer,this.handleEscape)};this.handleKeyDown=e=>{if(e.key==="Tab"){e.preventDefault(),this.close();return}let t=this.items();if(t.length===0)return;let i=t.indexOf(e.target),l=(0,P.directionalKey)(e.key,this),c=this.orientation,a;if(l===H[c])a=i+1,a>=t.length&&(a=this.loop?0:t.length-1);else if(l===K[c])a=i-1,a<0&&(a=this.loop?t.length-1:0);else if(l==="Home")a=0;else if(l==="End")a=t.length-1;else if((0,p.isTypeaheadKey)(e)){let g=this.typeahead.match(e.key,t.map(p.itemText),i);g!==-1&&(a=g)}a!==void 0&&(e.preventDefault(),t[a]?.focus())}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menu"),this.tabIndex=-1,this.root=(0,b.closestThroughPortal)(this,E.SPEED_DIAL_FAMILY.selector),this.root&&(this.root.contentEl=this),this.root?.addEventListener(E.SPEED_DIAL_FAMILY.event,this.onRootUpdate),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("pointerenter",this.handlePointerEnter),this.addEventListener("pointerleave",this.handlePointerLeave),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.childObserver.observe(this,{childList:!0,subtree:!0}),this.root&&(this.id?this.root.contentId=this.id:this.id=this.root.contentId),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(E.SPEED_DIAL_FAMILY.event,this.onRootUpdate),this.root?.contentEl===this&&(this.root.contentEl=null),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("pointerenter",this.handlePointerEnter),this.removeEventListener("pointerleave",this.handlePointerLeave),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.releaseLayer?.(),this.releaseLayer=void 0,this.childObserver.disconnect(),this.cleanupPosition?.(),this.cleanupPosition=void 0,this.typeahead.clear(),this.focusFrame!==void 0&&cancelAnimationFrame(this.focusFrame),super.disconnectedCallback()}firstUpdated(){this.root?.open&&this.activate()}updated(){this.querySelectorAll(m.ANY_ITEM_SELECTOR).forEach((t,i)=>{t.style.setProperty("--skdx-speed-dial-index",String(i)),t.style.setProperty("--skdx-speed-dial-offset",String(i+1))})}get orientation(){return v.DIRECTION_ORIENTATION[this.root?.direction??"up"]}syncHostState(){let e=this.root?.open??!1,t=this.root?.direction??"up";this.setAttribute("aria-orientation",this.orientation),this.root&&this.setAttribute("aria-labelledby",this.root.triggerId),this.setAttribute("data-state",e?"open":"closed"),this.setAttribute("data-direction",t),this.setAttribute("data-side",v.DIRECTION_SIDE[t]),this.setAttribute("data-align",this.align??"center"),this.hidden=!e,e?this.releaseLayer??(this.releaseLayer=(0,o.pushDismissLayer)(this.layer)):(this.releaseLayer?.(),this.releaseLayer=void 0),e?this.activate():this.deactivate(),this.requestUpdate()}activate(){this.cleanupPosition||!this.root?.triggerEl||(this.cleanupPosition=(0,f.positionFloating)(this.root.triggerEl,this,{side:v.DIRECTION_SIDE[this.root.direction],align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary,component:"speed-dial"}),this.root?.openReason.current!=="hover"&&(this.focusFrame!==void 0&&cancelAnimationFrame(this.focusFrame),this.focusFrame=requestAnimationFrame(()=>(0,o.focusOnOpen)(()=>{(this.querySelector(m.ITEM_SELECTOR)??this).focus({preventScroll:!0})}))))}deactivate(){this.cleanupPosition?.(),this.cleanupPosition=void 0,this.focusFrame!==void 0&&cancelAnimationFrame(this.focusFrame),this.focusFrame=void 0}items(){return Array.from(this.querySelectorAll(m.ITEM_SELECTOR))}close(){this.root?.setOpen(!1),this.root?.focusTrigger()}render(){return u.html`<slot></slot>`}};r.styles=[T.hiddenHostStyles,u.css`
+"use strict";var y=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var A=Object.prototype.hasOwnProperty;var F=(n,s)=>{for(var e in s)y(n,e,{get:s[e],enumerable:!0})},D=(n,s,e,t)=>{if(s&&typeof s=="object"||typeof s=="function")for(let i of w(s))!A.call(n,i)&&i!==e&&y(n,i,{get:()=>s[i],enumerable:!(t=L(s,i))||t.enumerable});return n};var I=n=>D(y({},"__esModule",{value:!0}),n),d=(n,s,e,t)=>{for(var i=t>1?void 0:t?L(s,e):s,l=n.length-1,c;l>=0;l--)(c=n[l])&&(i=(t?c(s,e,i):c(i))||i);return t&&i&&y(s,e,i),i};var N={};F(N,{SkdxSpeedDialContent:()=>r});module.exports=I(N);var u=require("lit"),h=require("lit/decorators.js"),b=require("../internal/closest.cjs"),O=require("../internal/define.cjs"),P=require("../internal/direction.cjs"),o=require("../internal/dismiss.cjs"),f=require("../internal/positioning.cjs"),T=require("../internal/styles.cjs"),p=require("../internal/typeahead.cjs"),E=require("./family.cjs"),m=require("./SpeedDial.cjs"),v=require("./SpeedDialConstants.cjs");var H={vertical:"ArrowDown",horizontal:"ArrowRight"},K={vertical:"ArrowUp",horizontal:"ArrowLeft"},r=class extends u.LitElement{constructor(){super(...arguments);this.align="center";this.sideOffset=8;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.loop=!0;this.root=null;this.onRootUpdate=()=>this.syncHostState();this.typeahead=new p.Typeahead;this.layer={insideElements:()=>[this,this.root?.triggerEl]};this.childObserver=new MutationObserver(()=>this.requestUpdate());this.handlePointerEnter=e=>{this.root?.openOnHover&&e.pointerType!=="touch"&&this.root.cancelHoverClose()};this.handlePointerLeave=e=>{this.root?.openOnHover&&e.pointerType!=="touch"&&this.root.scheduleHoverClose()};this.handleOutsidePointerDown=e=>{if(!this.root?.open)return;let t=e.target;this.contains(t)||(0,o.triggerContains)(this.root.triggerEl,t)||(0,o.nestedLayerContains)(this.layer,t)||(0,o.dispatchOutside)(this,"pointer-down-outside",e)&&this.root.setOpen(!1)};this.handleOutsideFocus=e=>{if(!this.root?.open)return;let t=(0,o.focusOutsideTarget)(e);!t||this.contains(t)||(0,o.triggerContains)(this.root.triggerEl,t)||(0,o.nestedLayerContains)(this.layer,t)||(0,o.dispatchOutside)(this,"focus-outside",e)&&this.root.setOpen(!1)};this.handleEscape=e=>{(0,o.dispatchEscapeKeyDown)(this,e)&&this.close()};this.handleDocumentKeyDown=e=>{this.root?.open&&(0,o.handleEscapeKeyDown)(e,this.layer,this.handleEscape)};this.handleKeyDown=e=>{if(e.key==="Tab"){e.preventDefault(),this.close();return}let t=this.items();if(t.length===0)return;let i=t.indexOf(e.target),l=(0,P.directionalKey)(e.key,this),c=this.orientation,a;if(l===H[c])a=i+1,a>=t.length&&(a=this.loop?0:t.length-1);else if(l===K[c])a=i-1,a<0&&(a=this.loop?t.length-1:0);else if(l==="Home")a=0;else if(l==="End")a=t.length-1;else if((0,p.isTypeaheadKey)(e)){let g=this.typeahead.match(e.key,t.map(p.itemText),i);g!==-1&&(a=g)}a!==void 0&&(e.preventDefault(),t[a]?.focus())}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menu"),this.tabIndex=-1,this.root=(0,b.closestThroughPortal)(this,E.SPEED_DIAL_FAMILY.selector),this.root&&(this.root.contentEl=this),this.root?.addEventListener(E.SPEED_DIAL_FAMILY.event,this.onRootUpdate),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("pointerenter",this.handlePointerEnter),this.addEventListener("pointerleave",this.handlePointerLeave),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.childObserver.observe(this,{childList:!0,subtree:!0}),this.root&&(this.id?this.root.contentId=this.id:this.id=this.root.contentId),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(E.SPEED_DIAL_FAMILY.event,this.onRootUpdate),this.root?.contentEl===this&&(this.root.contentEl=null),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("pointerenter",this.handlePointerEnter),this.removeEventListener("pointerleave",this.handlePointerLeave),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.releaseLayer?.(),this.releaseLayer=void 0,this.childObserver.disconnect(),this.cleanupPosition?.(),this.cleanupPosition=void 0,this.typeahead.clear(),this.focusFrame!==void 0&&cancelAnimationFrame(this.focusFrame),super.disconnectedCallback()}firstUpdated(){this.root?.open&&this.activate()}updated(){this.querySelectorAll(m.ANY_ITEM_SELECTOR).forEach((t,i)=>{t.style.setProperty("--skdx-speed-dial-index",String(i)),t.style.setProperty("--skdx-speed-dial-offset",String(i+1))})}get orientation(){return v.DIRECTION_ORIENTATION[this.root?.direction??"up"]}syncHostState(){let e=this.root?.open??!1,t=this.root?.direction??"up";this.setAttribute("aria-orientation",this.orientation),this.root&&this.setAttribute("aria-labelledby",this.root.triggerId),this.setAttribute("data-state",e?"open":"closed"),this.setAttribute("data-direction",t),this.setAttribute("data-side",v.DIRECTION_SIDE[t]),this.setAttribute("data-align",this.align??"center"),this.hidden=!e,e?this.releaseLayer??(this.releaseLayer=(0,o.pushDismissLayer)(this.layer)):(this.releaseLayer?.(),this.releaseLayer=void 0),e?this.activate():this.deactivate(),this.requestUpdate()}activate(){this.cleanupPosition||!this.root?.triggerEl||(this.cleanupPosition=(0,f.positionFloating)(this.root.triggerEl,this,{side:v.DIRECTION_SIDE[this.root.direction],align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary,component:"speed-dial"}),this.root?.openReason.current!=="hover"&&(this.focusFrame!==void 0&&cancelAnimationFrame(this.focusFrame),this.focusFrame=requestAnimationFrame(()=>(0,o.focusOnOpen)(()=>{(this.querySelector(m.ITEM_SELECTOR)??this).focus({preventScroll:!0})}))))}deactivate(){this.cleanupPosition?.(),this.cleanupPosition=void 0,this.focusFrame!==void 0&&cancelAnimationFrame(this.focusFrame),this.focusFrame=void 0}items(){return Array.from(this.querySelectorAll(m.ITEM_SELECTOR))}close(){this.root?.setOpen(!1),this.root?.focusTrigger()}render(){return u.html`<slot></slot>`}};r.styles=[T.hiddenHostStyles,u.css`
       :host {
         display: block;
       }

package/dist/speed-dial/SpeedDialContent.js

@@ -1,5 +1,5 @@
-var E=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var r=(h,l,e,t)=>{for(var i=t>1?void 0:t?g(l,e):l,n=h.length-1,d;n>=0;n--)(d=h[n])&&(i=(t?d(l,e,i):d(i))||i);return t&&i&&E(l,e,i),i};import{css as L,html as b,LitElement as O}from"lit";import{property as a}from"lit/decorators.js";import{closestThroughPortal as P}from"../internal/closest.js";import{customElement as T}from"../internal/define.js";import{directionalKey as w}from"../internal/direction.js";import{dispatchEscapeKeyDown as A,dispatchOutside as p,focusOnOpen as F,focusOutsideTarget as D,handleEscapeKeyDown as I,pushDismissLayer as H,triggerContains as f}from"../internal/dismiss.js";import{optOutBoolean as m,positionFloating as K}from"../internal/positioning.js";import{hiddenHostStyles as N}from"../internal/styles.js";import{isTypeaheadKey as R,itemText as M,Typeahead as k}from"../internal/typeahead.js";import{SPEED_DIAL_FAMILY as c}from"./family.js";import{ANY_ITEM_SELECTOR as _,ITEM_SELECTOR as v}from"./SpeedDial.js";import{DIRECTION_ORIENTATION as U,DIRECTION_SIDE as y}from"./SpeedDialConstants.js";var q={vertical:"ArrowDown",horizontal:"ArrowRight"},B={vertical:"ArrowUp",horizontal:"ArrowLeft"},o=class extends O{constructor(){super(...arguments);this.align="center";this.sideOffset=8;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.loop=!0;this.root=null;this.onRootUpdate=()=>this.syncHostState();this.typeahead=new k;this.layer={insideElements:()=>[this,this.root?.triggerEl]};this.childObserver=new MutationObserver(()=>this.requestUpdate());this.handlePointerEnter=e=>{this.root?.openOnHover&&e.pointerType!=="touch"&&this.root.cancelHoverClose()};this.handlePointerLeave=e=>{this.root?.openOnHover&&e.pointerType!=="touch"&&this.root.scheduleHoverClose()};this.handleOutsidePointerDown=e=>{if(!this.root?.open)return;let t=e.target;this.contains(t)||f(this.root.triggerEl,t)||p(this,"pointer-down-outside",e)&&this.root.setOpen(!1)};this.handleOutsideFocus=e=>{if(!this.root?.open)return;let t=D(e);!t||this.contains(t)||f(this.root.triggerEl,t)||p(this,"focus-outside",e)&&this.root.setOpen(!1)};this.handleEscape=e=>{A(this,e)&&this.close()};this.handleDocumentKeyDown=e=>{this.root?.open&&I(e,this.layer,this.handleEscape)};this.handleKeyDown=e=>{if(e.key==="Tab"){e.preventDefault(),this.close();return}let t=this.items();if(t.length===0)return;let i=t.indexOf(e.target),n=w(e.key,this),d=this.orientation,s;if(n===q[d])s=i+1,s>=t.length&&(s=this.loop?0:t.length-1);else if(n===B[d])s=i-1,s<0&&(s=this.loop?t.length-1:0);else if(n==="Home")s=0;else if(n==="End")s=t.length-1;else if(R(e)){let u=this.typeahead.match(e.key,t.map(M),i);u!==-1&&(s=u)}s!==void 0&&(e.preventDefault(),t[s]?.focus())}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menu"),this.tabIndex=-1,this.root=P(this,c.selector),this.root&&(this.root.contentEl=this),this.root?.addEventListener(c.event,this.onRootUpdate),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("pointerenter",this.handlePointerEnter),this.addEventListener("pointerleave",this.handlePointerLeave),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.childObserver.observe(this,{childList:!0,subtree:!0}),this.root&&(this.id?this.root.contentId=this.id:this.id=this.root.contentId),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(c.event,this.onRootUpdate),this.root?.contentEl===this&&(this.root.contentEl=null),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("pointerenter",this.handlePointerEnter),this.removeEventListener("pointerleave",this.handlePointerLeave),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.releaseLayer?.(),this.releaseLayer=void 0,this.childObserver.disconnect(),this.cleanupPosition?.(),this.cleanupPosition=void 0,this.typeahead.clear(),this.focusFrame!==void 0&&cancelAnimationFrame(this.focusFrame),super.disconnectedCallback()}firstUpdated(){this.root?.open&&this.activate()}updated(){this.querySelectorAll(_).forEach((t,i)=>{t.style.setProperty("--skdx-speed-dial-index",String(i)),t.style.setProperty("--skdx-speed-dial-offset",String(i+1))})}get orientation(){return U[this.root?.direction??"up"]}syncHostState(){let e=this.root?.open??!1,t=this.root?.direction??"up";this.setAttribute("aria-orientation",this.orientation),this.root&&this.setAttribute("aria-labelledby",this.root.triggerId),this.setAttribute("data-state",e?"open":"closed"),this.setAttribute("data-direction",t),this.setAttribute("data-side",y[t]),this.setAttribute("data-align",this.align??"center"),this.hidden=!e,e?this.releaseLayer??(this.releaseLayer=H(this.layer)):(this.releaseLayer?.(),this.releaseLayer=void 0),e?this.activate():this.deactivate(),this.requestUpdate()}activate(){this.cleanupPosition||!this.root?.triggerEl||(this.cleanupPosition=K(this.root.triggerEl,this,{side:y[this.root.direction],align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary,component:"speed-dial"}),this.root?.openReason.current!=="hover"&&(this.focusFrame!==void 0&&cancelAnimationFrame(this.focusFrame),this.focusFrame=requestAnimationFrame(()=>F(()=>{(this.querySelector(v)??this).focus({preventScroll:!0})}))))}deactivate(){this.cleanupPosition?.(),this.cleanupPosition=void 0,this.focusFrame!==void 0&&cancelAnimationFrame(this.focusFrame),this.focusFrame=void 0}items(){return Array.from(this.querySelectorAll(v))}close(){this.root?.setOpen(!1),this.root?.focusTrigger()}render(){return b`<slot></slot>`}};o.styles=[N,L`
+var g=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var r=(h,l,e,t)=>{for(var i=t>1?void 0:t?L(l,e):l,n=h.length-1,d;n>=0;n--)(d=h[n])&&(i=(t?d(l,e,i):d(i))||i);return t&&i&&g(l,e,i),i};import{css as b,html as O,LitElement as P}from"lit";import{property as a}from"lit/decorators.js";import{closestThroughPortal as T}from"../internal/closest.js";import{customElement as w}from"../internal/define.js";import{directionalKey as A}from"../internal/direction.js";import{dispatchEscapeKeyDown as F,dispatchOutside as p,focusOnOpen as D,focusOutsideTarget as I,handleEscapeKeyDown as H,nestedLayerContains as f,pushDismissLayer as K,triggerContains as m}from"../internal/dismiss.js";import{optOutBoolean as v,positionFloating as N}from"../internal/positioning.js";import{hiddenHostStyles as R}from"../internal/styles.js";import{isTypeaheadKey as M,itemText as k,Typeahead as _}from"../internal/typeahead.js";import{SPEED_DIAL_FAMILY as c}from"./family.js";import{ANY_ITEM_SELECTOR as U,ITEM_SELECTOR as y}from"./SpeedDial.js";import{DIRECTION_ORIENTATION as q,DIRECTION_SIDE as E}from"./SpeedDialConstants.js";var B={vertical:"ArrowDown",horizontal:"ArrowRight"},C={vertical:"ArrowUp",horizontal:"ArrowLeft"},o=class extends P{constructor(){super(...arguments);this.align="center";this.sideOffset=8;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.loop=!0;this.root=null;this.onRootUpdate=()=>this.syncHostState();this.typeahead=new _;this.layer={insideElements:()=>[this,this.root?.triggerEl]};this.childObserver=new MutationObserver(()=>this.requestUpdate());this.handlePointerEnter=e=>{this.root?.openOnHover&&e.pointerType!=="touch"&&this.root.cancelHoverClose()};this.handlePointerLeave=e=>{this.root?.openOnHover&&e.pointerType!=="touch"&&this.root.scheduleHoverClose()};this.handleOutsidePointerDown=e=>{if(!this.root?.open)return;let t=e.target;this.contains(t)||m(this.root.triggerEl,t)||f(this.layer,t)||p(this,"pointer-down-outside",e)&&this.root.setOpen(!1)};this.handleOutsideFocus=e=>{if(!this.root?.open)return;let t=I(e);!t||this.contains(t)||m(this.root.triggerEl,t)||f(this.layer,t)||p(this,"focus-outside",e)&&this.root.setOpen(!1)};this.handleEscape=e=>{F(this,e)&&this.close()};this.handleDocumentKeyDown=e=>{this.root?.open&&H(e,this.layer,this.handleEscape)};this.handleKeyDown=e=>{if(e.key==="Tab"){e.preventDefault(),this.close();return}let t=this.items();if(t.length===0)return;let i=t.indexOf(e.target),n=A(e.key,this),d=this.orientation,s;if(n===B[d])s=i+1,s>=t.length&&(s=this.loop?0:t.length-1);else if(n===C[d])s=i-1,s<0&&(s=this.loop?t.length-1:0);else if(n==="Home")s=0;else if(n==="End")s=t.length-1;else if(M(e)){let u=this.typeahead.match(e.key,t.map(k),i);u!==-1&&(s=u)}s!==void 0&&(e.preventDefault(),t[s]?.focus())}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menu"),this.tabIndex=-1,this.root=T(this,c.selector),this.root&&(this.root.contentEl=this),this.root?.addEventListener(c.event,this.onRootUpdate),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("pointerenter",this.handlePointerEnter),this.addEventListener("pointerleave",this.handlePointerLeave),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.childObserver.observe(this,{childList:!0,subtree:!0}),this.root&&(this.id?this.root.contentId=this.id:this.id=this.root.contentId),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(c.event,this.onRootUpdate),this.root?.contentEl===this&&(this.root.contentEl=null),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("pointerenter",this.handlePointerEnter),this.removeEventListener("pointerleave",this.handlePointerLeave),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.releaseLayer?.(),this.releaseLayer=void 0,this.childObserver.disconnect(),this.cleanupPosition?.(),this.cleanupPosition=void 0,this.typeahead.clear(),this.focusFrame!==void 0&&cancelAnimationFrame(this.focusFrame),super.disconnectedCallback()}firstUpdated(){this.root?.open&&this.activate()}updated(){this.querySelectorAll(U).forEach((t,i)=>{t.style.setProperty("--skdx-speed-dial-index",String(i)),t.style.setProperty("--skdx-speed-dial-offset",String(i+1))})}get orientation(){return q[this.root?.direction??"up"]}syncHostState(){let e=this.root?.open??!1,t=this.root?.direction??"up";this.setAttribute("aria-orientation",this.orientation),this.root&&this.setAttribute("aria-labelledby",this.root.triggerId),this.setAttribute("data-state",e?"open":"closed"),this.setAttribute("data-direction",t),this.setAttribute("data-side",E[t]),this.setAttribute("data-align",this.align??"center"),this.hidden=!e,e?this.releaseLayer??(this.releaseLayer=K(this.layer)):(this.releaseLayer?.(),this.releaseLayer=void 0),e?this.activate():this.deactivate(),this.requestUpdate()}activate(){this.cleanupPosition||!this.root?.triggerEl||(this.cleanupPosition=N(this.root.triggerEl,this,{side:E[this.root.direction],align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary,component:"speed-dial"}),this.root?.openReason.current!=="hover"&&(this.focusFrame!==void 0&&cancelAnimationFrame(this.focusFrame),this.focusFrame=requestAnimationFrame(()=>D(()=>{(this.querySelector(y)??this).focus({preventScroll:!0})}))))}deactivate(){this.cleanupPosition?.(),this.cleanupPosition=void 0,this.focusFrame!==void 0&&cancelAnimationFrame(this.focusFrame),this.focusFrame=void 0}items(){return Array.from(this.querySelectorAll(y))}close(){this.root?.setOpen(!1),this.root?.focusTrigger()}render(){return O`<slot></slot>`}};o.styles=[R,b`
       :host {
         display: block;
       }
-    `],r([a({type:String})],o.prototype,"align",2),r([a({type:Number,attribute:"side-offset"})],o.prototype,"sideOffset",2),r([a({type:Number,attribute:"align-offset"})],o.prototype,"alignOffset",2),r([a({converter:m,attribute:"avoid-collisions"})],o.prototype,"avoidCollisions",2),r([a({type:Number,attribute:"collision-padding"})],o.prototype,"collisionPadding",2),r([a({attribute:!1})],o.prototype,"collisionBoundary",2),r([a({converter:m})],o.prototype,"loop",2),o=r([T("skdx-speed-dial-content","speed-dial","content")],o);export{o as SkdxSpeedDialContent};
+    `],r([a({type:String})],o.prototype,"align",2),r([a({type:Number,attribute:"side-offset"})],o.prototype,"sideOffset",2),r([a({type:Number,attribute:"align-offset"})],o.prototype,"alignOffset",2),r([a({converter:v,attribute:"avoid-collisions"})],o.prototype,"avoidCollisions",2),r([a({type:Number,attribute:"collision-padding"})],o.prototype,"collisionPadding",2),r([a({attribute:!1})],o.prototype,"collisionBoundary",2),r([a({converter:v})],o.prototype,"loop",2),o=r([w("skdx-speed-dial-content","speed-dial","content")],o);export{o as SkdxSpeedDialContent};

package/dist/speed-dial/SpeedDialTrigger.cjs

@@ -1,13 +1,14 @@
-"use strict";var d=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var w=(r,e)=>{for(var t in e)d(r,t,{get:e[t],enumerable:!0})},E=(r,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of b(e))!y.call(r,o)&&o!==t&&d(r,o,{get:()=>e[o],enumerable:!(i=f(e,o))||i.enumerable});return r};var g=r=>E(d({},"__esModule",{value:!0}),r),l=(r,e,t,i)=>{for(var o=i>1?void 0:i?f(e,t):e,c=r.length-1,u;c>=0;c--)(u=r[c])&&(o=(i?u(e,t,o):u(o))||o);return i&&o&&d(e,t,o),o};var R={};w(R,{SkdxSpeedDialTrigger:()=>n});module.exports=g(R);var s=require("lit"),v=require("lit/decorators.js"),h=require("../internal/define.cjs"),m=require("../internal/part.cjs"),a=require("../internal/styles.cjs"),p=require("./family.cjs");var D={up:["ArrowUp","ArrowDown"],down:["ArrowUp","ArrowDown"],left:["ArrowLeft","ArrowRight"],right:["ArrowLeft","ArrowRight"]},n=class extends s.LitElement{constructor(){super(...arguments);this.disabled=!1;this.root=null;this.onRootUpdate=()=>this.requestUpdate();this.handleClick=()=>this.root?.setOpen(!this.root.open,"pointer");this.handleKeyDown=t=>{this.root&&D[this.root.direction].includes(t.key)&&(t.preventDefault(),this.root.setOpen(!0,"keyboard"))};this.handlePointerEnter=t=>{!this.root?.openOnHover||t.pointerType==="touch"||this.root.hoverOpen()};this.handlePointerLeave=t=>{!this.root?.openOnHover||t.pointerType==="touch"||this.root.scheduleHoverClose()}}connectedCallback(){super.connectedCallback(),this.root=p.SPEED_DIAL_FAMILY.root(this),this.root?.addEventListener(p.SPEED_DIAL_FAMILY.event,this.onRootUpdate),this.root&&(0,h.whenUpgraded)(this.root,()=>{this.root&&!this.id&&(this.id=this.root.triggerId)})}disconnectedCallback(){this.root?.removeEventListener(p.SPEED_DIAL_FAMILY.event,this.onRootUpdate),super.disconnectedCallback()}firstUpdated(){let t=this.shadowRoot?.querySelector("button");this.root&&t&&(this.root.triggerEl=t)}get isDisabled(){return(this.root?.disabled??!1)||this.disabled}updated(){(0,m.reflectHostState)(this,{"data-disabled":this.isDisabled?"":null})}render(){let t=this.root;if(!t)return s.nothing;let i=this.isDisabled;return s.html`
+"use strict";var l=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var w=(r,e)=>{for(var t in e)l(r,t,{get:e[t],enumerable:!0})},E=(r,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of m(e))!y.call(r,o)&&o!==t&&l(r,o,{get:()=>e[o],enumerable:!(i=b(e,o))||i.enumerable});return r};var g=r=>E(l({},"__esModule",{value:!0}),r),d=(r,e,t,i)=>{for(var o=i>1?void 0:i?b(e,t):e,u=r.length-1,v;u>=0;u--)(v=r[u])&&(o=(i?v(e,t,o):v(o))||o);return i&&o&&l(e,t,o),o};var R={};w(R,{SkdxSpeedDialTrigger:()=>n});module.exports=g(R);var a=require("lit"),p=require("lit/decorators.js"),c=require("../internal/define.cjs"),f=require("../internal/part.cjs"),s=require("../internal/styles.cjs"),h=require("./family.cjs");var L={up:["ArrowUp","ArrowDown"],down:["ArrowUp","ArrowDown"],left:["ArrowLeft","ArrowRight"],right:["ArrowLeft","ArrowRight"]},n=class extends a.LitElement{constructor(){super(...arguments);this.disabled=!1;this.ariaLabel=null;this.root=null;this.onRootUpdate=()=>this.requestUpdate();this.handleClick=()=>this.root?.setOpen(!this.root.open,"pointer");this.handleKeyDown=t=>{this.root&&L[this.root.direction].includes(t.key)&&(t.preventDefault(),this.root.setOpen(!0,"keyboard"))};this.handlePointerEnter=t=>{!this.root?.openOnHover||t.pointerType==="touch"||this.root.hoverOpen()};this.handlePointerLeave=t=>{!this.root?.openOnHover||t.pointerType==="touch"||this.root.scheduleHoverClose()}}connectedCallback(){super.connectedCallback(),this.root=h.SPEED_DIAL_FAMILY.root(this),this.root?.addEventListener(h.SPEED_DIAL_FAMILY.event,this.onRootUpdate),this.root&&(0,c.whenUpgraded)(this.root,()=>{this.root&&!this.id&&(this.id=this.root.triggerId)})}disconnectedCallback(){this.root?.removeEventListener(h.SPEED_DIAL_FAMILY.event,this.onRootUpdate),super.disconnectedCallback()}firstUpdated(){let t=this.shadowRoot?.querySelector("button");this.root&&t&&(this.root.triggerEl=t)}get isDisabled(){return(this.root?.disabled??!1)||this.disabled}updated(){(0,f.reflectHostState)(this,{"data-disabled":this.isDisabled?"":null})}render(){let t=this.root;if(!t)return a.nothing;let i=this.isDisabled;return a.html`
       <button
         part="trigger"
         type="button"
+        aria-label=${this.ariaLabel??a.nothing}
         aria-haspopup="menu"
         aria-expanded=${t.open}
         aria-controls=${t.contentId}
         data-state=${t.open?"open":"closed"}
         data-direction=${t.direction}
-        data-disabled=${i?"":s.nothing}
+        data-disabled=${i?"":a.nothing}
         ?disabled=${i}
         @click=${this.handleClick}
         @keydown=${this.handleKeyDown}
@@ -16,8 +17,8 @@
       >
         <slot></slot>
       </button>
-    `}};n.shadowRootOptions=a.delegatesFocusShadowRootOptions,n.styles=[a.resetNativeControl,s.css`
+    `}};n.shadowRootOptions=s.delegatesFocusShadowRootOptions,n.styles=[s.resetNativeControl,a.css`
       :host {
         display: inline-block;
       }
-    `,a.controlBoxOnHost],l([(0,v.property)({type:Boolean,reflect:!0})],n.prototype,"disabled",2),l([(0,v.property)({type:String,reflect:!0,attribute:"data-size"})],n.prototype,"size",2),n=l([(0,h.customElement)("skdx-speed-dial-trigger","speed-dial","trigger")],n);0&&(module.exports={SkdxSpeedDialTrigger});
+    `,s.controlBoxOnHost],d([(0,p.property)({type:Boolean,reflect:!0})],n.prototype,"disabled",2),d([(0,p.property)({type:String,reflect:!0,attribute:"data-size"})],n.prototype,"size",2),d([(0,p.property)({type:String,attribute:"aria-label"})],n.prototype,"ariaLabel",2),n=d([(0,c.customElement)("skdx-speed-dial-trigger","speed-dial","trigger")],n);0&&(module.exports={SkdxSpeedDialTrigger});

package/dist/speed-dial/SpeedDialTrigger.d.cts

@@ -22,6 +22,11 @@ export declare class SkdxSpeedDialTrigger extends LitElement {
      * @default undefined — the skin’s own default.
      */
     size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
+    /**
+     * Accessible name for the trigger, forwarded to the shadow `<button>`.
+     * @default undefined
+     */
+    ariaLabel: string | null;
     private root;
     private readonly onRootUpdate;
     connectedCallback(): void;

package/dist/speed-dial/SpeedDialTrigger.d.ts

@@ -22,6 +22,11 @@ export declare class SkdxSpeedDialTrigger extends LitElement {
      * @default undefined — the skin’s own default.
      */
     size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
+    /**
+     * Accessible name for the trigger, forwarded to the shadow `<button>`.
+     * @default undefined
+     */
+    ariaLabel: string | null;
     private root;
     private readonly onRootUpdate;
     connectedCallback(): void;

package/dist/speed-dial/SpeedDialTrigger.js

@@ -1,13 +1,14 @@
-var c=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var n=(s,i,t,o)=>{for(var r=o>1?void 0:o?u(i,t):i,a=s.length-1,d;a>=0;a--)(d=s[a])&&(r=(o?d(i,t,r):d(r))||r);return o&&r&&c(i,t,r),r};import{css as v,html as f,LitElement as m,nothing as p}from"lit";import{property as h}from"lit/decorators.js";import{customElement as b,whenUpgraded as y}from"../internal/define.js";import{reflectHostState as w}from"../internal/part.js";import{controlBoxOnHost as E,delegatesFocusShadowRootOptions as g,resetNativeControl as D}from"../internal/styles.js";import{SPEED_DIAL_FAMILY as l}from"./family.js";var R={up:["ArrowUp","ArrowDown"],down:["ArrowUp","ArrowDown"],left:["ArrowLeft","ArrowRight"],right:["ArrowLeft","ArrowRight"]},e=class extends m{constructor(){super(...arguments);this.disabled=!1;this.root=null;this.onRootUpdate=()=>this.requestUpdate();this.handleClick=()=>this.root?.setOpen(!this.root.open,"pointer");this.handleKeyDown=t=>{this.root&&R[this.root.direction].includes(t.key)&&(t.preventDefault(),this.root.setOpen(!0,"keyboard"))};this.handlePointerEnter=t=>{!this.root?.openOnHover||t.pointerType==="touch"||this.root.hoverOpen()};this.handlePointerLeave=t=>{!this.root?.openOnHover||t.pointerType==="touch"||this.root.scheduleHoverClose()}}connectedCallback(){super.connectedCallback(),this.root=l.root(this),this.root?.addEventListener(l.event,this.onRootUpdate),this.root&&y(this.root,()=>{this.root&&!this.id&&(this.id=this.root.triggerId)})}disconnectedCallback(){this.root?.removeEventListener(l.event,this.onRootUpdate),super.disconnectedCallback()}firstUpdated(){let t=this.shadowRoot?.querySelector("button");this.root&&t&&(this.root.triggerEl=t)}get isDisabled(){return(this.root?.disabled??!1)||this.disabled}updated(){w(this,{"data-disabled":this.isDisabled?"":null})}render(){let t=this.root;if(!t)return p;let o=this.isDisabled;return f`
+var c=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var n=(a,i,t,o)=>{for(var r=o>1?void 0:o?u(i,t):i,s=a.length-1,d;s>=0;s--)(d=a[s])&&(r=(o?d(i,t,r):d(r))||r);return o&&r&&c(i,t,r),r};import{css as v,html as b,LitElement as f,nothing as l}from"lit";import{property as p}from"lit/decorators.js";import{customElement as m,whenUpgraded as y}from"../internal/define.js";import{reflectHostState as w}from"../internal/part.js";import{controlBoxOnHost as E,delegatesFocusShadowRootOptions as g,resetNativeControl as L}from"../internal/styles.js";import{SPEED_DIAL_FAMILY as h}from"./family.js";var R={up:["ArrowUp","ArrowDown"],down:["ArrowUp","ArrowDown"],left:["ArrowLeft","ArrowRight"],right:["ArrowLeft","ArrowRight"]},e=class extends f{constructor(){super(...arguments);this.disabled=!1;this.ariaLabel=null;this.root=null;this.onRootUpdate=()=>this.requestUpdate();this.handleClick=()=>this.root?.setOpen(!this.root.open,"pointer");this.handleKeyDown=t=>{this.root&&R[this.root.direction].includes(t.key)&&(t.preventDefault(),this.root.setOpen(!0,"keyboard"))};this.handlePointerEnter=t=>{!this.root?.openOnHover||t.pointerType==="touch"||this.root.hoverOpen()};this.handlePointerLeave=t=>{!this.root?.openOnHover||t.pointerType==="touch"||this.root.scheduleHoverClose()}}connectedCallback(){super.connectedCallback(),this.root=h.root(this),this.root?.addEventListener(h.event,this.onRootUpdate),this.root&&y(this.root,()=>{this.root&&!this.id&&(this.id=this.root.triggerId)})}disconnectedCallback(){this.root?.removeEventListener(h.event,this.onRootUpdate),super.disconnectedCallback()}firstUpdated(){let t=this.shadowRoot?.querySelector("button");this.root&&t&&(this.root.triggerEl=t)}get isDisabled(){return(this.root?.disabled??!1)||this.disabled}updated(){w(this,{"data-disabled":this.isDisabled?"":null})}render(){let t=this.root;if(!t)return l;let o=this.isDisabled;return b`
       <button
         part="trigger"
         type="button"
+        aria-label=${this.ariaLabel??l}
         aria-haspopup="menu"
         aria-expanded=${t.open}
         aria-controls=${t.contentId}
         data-state=${t.open?"open":"closed"}
         data-direction=${t.direction}
-        data-disabled=${o?"":p}
+        data-disabled=${o?"":l}
         ?disabled=${o}
         @click=${this.handleClick}
         @keydown=${this.handleKeyDown}
@@ -16,8 +17,8 @@ var c=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var n=(s,i,t,o
       >
         <slot></slot>
       </button>
-    `}};e.shadowRootOptions=g,e.styles=[D,v`
+    `}};e.shadowRootOptions=g,e.styles=[L,v`
       :host {
         display: inline-block;
       }
-    `,E],n([h({type:Boolean,reflect:!0})],e.prototype,"disabled",2),n([h({type:String,reflect:!0,attribute:"data-size"})],e.prototype,"size",2),e=n([b("skdx-speed-dial-trigger","speed-dial","trigger")],e);export{e as SkdxSpeedDialTrigger};
+    `,E],n([p({type:Boolean,reflect:!0})],e.prototype,"disabled",2),n([p({type:String,reflect:!0,attribute:"data-size"})],e.prototype,"size",2),n([p({type:String,attribute:"aria-label"})],e.prototype,"ariaLabel",2),e=n([m("skdx-speed-dial-trigger","speed-dial","trigger")],e);export{e as SkdxSpeedDialTrigger};

package/dist/stack/Stack.cjs

@@ -0,0 +1 @@
+"use strict";var d=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var r=Object.prototype.hasOwnProperty;var x=(s,e)=>{for(var a in e)d(s,a,{get:e[a],enumerable:!0})},i=(s,e,a,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of m(e))!r.call(s,t)&&t!==a&&d(s,t,{get:()=>e[t],enumerable:!(l=o(e,t))||l.enumerable});return s};var k=s=>i(d({},"__esModule",{value:!0}),s);var f={};x(f,{SkdxStack:()=>c});module.exports=k(f);var n=require("../box/Box.cjs"),c=class extends n.SkdxBox{constructor(){super(),this.display="flex"}};customElements.get("skdx-stack")===void 0&&customElements.define("skdx-stack",c);0&&(module.exports={SkdxStack});

package/dist/stack/Stack.d.cts

@@ -0,0 +1,12 @@
+import { SkdxBox } from '../box/Box.cjs';
+/**
+ * Stack alias of <skdx-box>: the same component with `display='flex'` as defaults. Every attribute, property, event and slot of `<skdx-box>` applies; reach for `<skdx-box>` itself for full control.
+ */
+export declare class SkdxStack extends SkdxBox {
+    constructor();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-stack': SkdxStack;
+    }
+}

package/dist/stack/Stack.d.ts

@@ -0,0 +1,12 @@
+import { SkdxBox } from '../box/Box.js';
+/**
+ * Stack alias of <skdx-box>: the same component with `display='flex'` as defaults. Every attribute, property, event and slot of `<skdx-box>` applies; reach for `<skdx-box>` itself for full control.
+ */
+export declare class SkdxStack extends SkdxBox {
+    constructor();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-stack': SkdxStack;
+    }
+}

package/dist/stack/Stack.js

@@ -0,0 +1 @@
+import{SkdxBox as s}from"../box/Box.js";var e=class extends s{constructor(){super(),this.display="flex"}};customElements.get("skdx-stack")===void 0&&customElements.define("skdx-stack",e);export{e as SkdxStack};

package/dist/stack/index.cjs

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

package/dist/stack/index.d.cts

@@ -0,0 +1 @@
+export { SkdxStack } from './Stack.cjs';

package/dist/stack/index.d.ts

@@ -0,0 +1 @@
+export { SkdxStack } from './Stack.js';

package/dist/stack/index.js

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

package/dist/table/Table.cjs

@@ -1,7 +1,7 @@
-"use strict";var f=Object.defineProperty;var _=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var B=(s,l)=>{for(var t in l)f(s,t,{get:l[t],enumerable:!0})},L=(s,l,t,n)=>{if(l&&typeof l=="object"||typeof l=="function")for(let e of M(l))!x.call(s,e)&&e!==t&&f(s,e,{get:()=>l[e],enumerable:!(n=_(l,e))||n.enumerable});return s};var z=s=>L(f({},"__esModule",{value:!0}),s),o=(s,l,t,n)=>{for(var e=n>1?void 0:n?_(l,t):l,d=s.length-1,a;d>=0;d--)(a=s[d])&&(e=(n?a(l,t,e):a(e))||e);return n&&e&&f(l,t,e),e};var Y={};B(Y,{SkdxTable:()=>i,defaultGetSortLabel:()=>W});module.exports=z(Y);var h=require("lit"),r=require("lit/decorators.js"),S=require("lit/directives/if-defined.js"),v=require("../internal/authored.cjs"),R=require("../internal/define.cjs"),m=require("../internal/derive.cjs"),c=require("../internal/events.cjs"),A=require("../internal/ids.cjs"),C=require("../utils/live-announcer.cjs"),E=require("./column-context.cjs"),u=require("./TableAnatomy.cjs");var D=["sort","multiSort","selected","selectionMode","expandedRowIds","columnWidths"],N=["columns","sortable","selectable","expandable","resizable","caption"],$=["data","columns","renderCell","renderExpanded","rowId","getRowLabel","empty","selectable","expandable","sort"];function w(s,l){return l.some(t=>s.has(t))}function y(s){return s==null?new Set:s instanceof Set?s:new Set(Array.isArray(s)?s:[String(s)])}function O(s,l,t){let n=s.find(d=>d.columnKey===l),e="asc";return n!==void 0&&(e=n.direction==="asc"?"desc":null),t?e===null?s.filter(d=>d.columnKey!==l):n===void 0?[...s,{columnKey:l,direction:e}]:s.map(d=>d.columnKey===l?{columnKey:l,direction:e}:d):e===null?[]:[{columnKey:l,direction:e}]}function W(s,l){return l===null?`${s} not sorted`:`${s} sorted ${l==="asc"?"ascending":"descending"}`}var i=class extends h.LitElement{constructor(){super(...arguments);this.defaultSort=[];this.multiSort=!1;this.selectionMode="none";this.getSortLabel=W;this.defaultExpandedRowIds=[];this.defaultColumnWidths={};this.sortable=!1;this.selectable=!1;this.expandable=!1;this.resizable=!1;this.stickyHeader=!1;this.tableId=(0,A.nextId)("skdx-table");this._uncontrolledSort=[];this._uncontrolledSelected=new Set;this._uncontrolledExpandedRowIds=new Set;this._uncontrolledColumnWidths={};this._initialized=!1;this._anatomyBuilt=!1;this._fillAnatomy=()=>{if((0,v.hasAuthoredParts)(this,u.TABLE_ANATOMY_GENERATED)){this._anatomyBuilt=!1;return}this._anatomyBuilt||(this._anatomyBuilt=!0,this.selectable&&this.selectionMode==="none"&&(this.selectionMode="multiple"),(0,u.fillTableAnatomy)(this))};this._rebuildAnatomy=()=>{this._anatomyBuilt=!1,this._fillAnatomy()};this._anchorRowId=null}connectedCallback(){super.connectedCallback(),this._initialized||(this._uncontrolledSort=this.defaultSort??[],this._uncontrolledSelected=y(this.defaultSelected),this._uncontrolledExpandedRowIds=y(this.defaultExpandedRowIds),this._uncontrolledColumnWidths={...this.defaultColumnWidths},this._initialized=!0),queueMicrotask(this._fillAnatomy)}get sortList(){return this.sort!==void 0?this.sort:this._uncontrolledSort}get currentSelected(){return this.selected!==void 0?y(this.selected):this._uncontrolledSelected}toggleSort(t,n=t){let e=O(this.sortList,t,this.multiSort);this.sort===void 0&&(this._uncontrolledSort=e),(0,c.emit)(this,"sort-change",e);let d=e.find(a=>a.columnKey===t)?.direction??null;(0,C.announce)(this.getSortLabel(n,d)),this._broadcast(),(0,u.renderTableRows)(this)}orderedRowIds(){return[...this.querySelectorAll("skdx-table-body skdx-table-row[row-id]")].filter(n=>n.closest("skdx-table")===this).map(n=>n.getAttribute("row-id"))}toggleRow(t,n=!1){if(this.selectionMode==="none")return;let e=this.currentSelected,d=this._anchorRowId;if(n&&this.selectionMode==="multiple"&&d!==null&&d!==t){let p=this.orderedRowIds(),g=p.indexOf(d),b=p.indexOf(t);if(g!==-1&&b!==-1){let I=p.slice(Math.min(g,b),Math.max(g,b)+1);this._commitSelected(new Set([...e,...I]));return}}this._anchorRowId=t;let a;this.selectionMode==="single"?a=e.has(t)&&e.size===1?new Set:new Set([t]):(a=new Set(e),a.has(t)?a.delete(t):a.add(t)),this._commitSelected(a)}_commitSelected(t){let n=this.currentSelected;n.size===t.size&&[...t].every(e=>n.has(e))||(this.selected===void 0&&(this._uncontrolledSelected=t),(0,c.emit)(this,"selected-change",[...t]),this._broadcast())}isRowSelected(t){return this.currentSelected.has(t)}toggleAll(t){if(this.selectionMode==="none")return;let n=this.currentSelected,e;if(t.length>0&&t.every(d=>n.has(d))){e=new Set(n);for(let d of t)e.delete(d)}else e=new Set([...n,...t]);this._commitSelected(e)}isAllSelected(t){let n=this.currentSelected;return t.length>0&&t.every(e=>n.has(e))}isSomeSelected(t){let n=this.currentSelected;return t.some(e=>n.has(e))&&!this.isAllSelected(t)}get expandedRowIdSet(){return this.expandedRowIds!==void 0?new Set(this.expandedRowIds):this._uncontrolledExpandedRowIds}get resolvedColumnWidths(){return this.columnWidths!==void 0?this.columnWidths:this._uncontrolledColumnWidths}isRowExpanded(t){return this.expandedRowIdSet.has(t)}toggleRowExpanded(t){let n=new Set(this.expandedRowIdSet);n.has(t)?n.delete(t):n.add(t),this.expandedRowIds===void 0&&(this._uncontrolledExpandedRowIds=n),(0,c.emit)(this,"expanded-row-ids-change",[...n]),this._broadcast()}setColumnWidth(t,n){let e=this.resolvedColumnWidths;if(e[t]===n)return;let d={...e,[t]:n};this.columnWidths===void 0&&(this._uncontrolledColumnWidths=d),(0,c.emit)(this,"column-widths-change",d),this._broadcast()}commitColumnWidths(){(0,c.emit)(this,"column-widths-commit",this.resolvedColumnWidths)}detailRowId(t){return`${this.tableId}-detail-${t}`}_broadcast(){this.dispatchEvent(new CustomEvent(E.TABLE_INTERNAL_UPDATE))}updated(t){w(t,D)&&this._broadcast(),w(t,N)?this._rebuildAnatomy():this._fillAnatomy(),w(t,$)&&(0,u.renderTableRows)(this),(0,m.threadAppearance)(this,{size:this.size},[...(0,m.derivedParts)(this,"skdx-table-row-select-checkbox"),...(0,m.derivedParts)(this,"skdx-table-select-all-checkbox")])}headerCellCount(){let t=this.querySelectorAll("skdx-table-header-cell").length;return t>0?t:this.columnCount??1}render(){return h.html`<table
+"use strict";var m=Object.defineProperty;var _=Object.getOwnPropertyDescriptor;var I=Object.getOwnPropertyNames;var B=Object.prototype.hasOwnProperty;var L=(s,a)=>{for(var t in a)m(s,t,{get:a[t],enumerable:!0})},x=(s,a,t,n)=>{if(a&&typeof a=="object"||typeof a=="function")for(let e of I(a))!B.call(s,e)&&e!==t&&m(s,e,{get:()=>a[e],enumerable:!(n=_(a,e))||n.enumerable});return s};var z=s=>x(m({},"__esModule",{value:!0}),s),r=(s,a,t,n)=>{for(var e=n>1?void 0:n?_(a,t):a,l=s.length-1,d;l>=0;l--)(d=s[l])&&(e=(n?d(a,t,e):d(e))||e);return n&&e&&m(a,t,e),e};var $={};L($,{SkdxTable:()=>i,defaultGetSortLabel:()=>M});module.exports=z($);var h=require("lit"),o=require("lit/decorators.js"),y=require("lit/directives/if-defined.js"),v=require("../internal/authored.cjs"),R=require("../internal/define.cjs"),f=require("../internal/derive.cjs"),c=require("../internal/events.cjs"),A=require("../internal/ids.cjs"),C=require("../utils/live-announcer.cjs"),E=require("./column-context.cjs"),u=require("./TableAnatomy.cjs");var F=["sort","filter","multiSort","selected","selectionMode","expandedRowIds","columnWidths"],D=["columns","sortable","selectable","expandable","resizable","filterable","caption"],N=["data","columns","renderCell","renderExpanded","rowId","getRowLabel","empty","selectable","expandable","sort","filter"];function w(s,a){return a.some(t=>s.has(t))}function S(s){return s==null?new Set:s instanceof Set?s:new Set(Array.isArray(s)?s:[String(s)])}function O(s,a,t){let n=s.find(l=>l.columnKey===a),e="asc";return n!==void 0&&(e=n.direction==="asc"?"desc":null),t?e===null?s.filter(l=>l.columnKey!==a):n===void 0?[...s,{columnKey:a,direction:e}]:s.map(l=>l.columnKey===a?{columnKey:a,direction:e}:l):e===null?[]:[{columnKey:a,direction:e}]}function M(s,a){return a===null?`${s} not sorted`:`${s} sorted ${a==="asc"?"ascending":"descending"}`}var i=class extends h.LitElement{constructor(){super(...arguments);this.defaultSort=[];this.multiSort=!1;this.defaultFilter={};this.selectionMode="none";this.getSortLabel=M;this.defaultExpandedRowIds=[];this.defaultColumnWidths={};this.sortable=!1;this.selectable=!1;this.expandable=!1;this.resizable=!1;this.filterable=!1;this.stickyHeader=!1;this.tableId=(0,A.nextId)("skdx-table");this._uncontrolledSort=[];this._uncontrolledSelected=new Set;this._uncontrolledExpandedRowIds=new Set;this._uncontrolledColumnWidths={};this._uncontrolledFilter={};this._initialized=!1;this._anatomyBuilt=!1;this._fillAnatomy=()=>{if((0,v.hasAuthoredParts)(this,u.TABLE_ANATOMY_GENERATED)){this._anatomyBuilt=!1;return}this._anatomyBuilt||(this._anatomyBuilt=!0,this.selectable&&this.selectionMode==="none"&&(this.selectionMode="multiple"),(0,u.fillTableAnatomy)(this))};this._rebuildAnatomy=()=>{this._anatomyBuilt=!1,this._fillAnatomy()};this._anchorRowId=null}connectedCallback(){super.connectedCallback(),this._initialized||(this._uncontrolledSort=this.defaultSort??[],this._uncontrolledSelected=S(this.defaultSelected),this._uncontrolledExpandedRowIds=S(this.defaultExpandedRowIds),this._uncontrolledColumnWidths={...this.defaultColumnWidths},this._uncontrolledFilter={...this.defaultFilter},this._initialized=!0),queueMicrotask(this._fillAnatomy)}get sortList(){return this.sort!==void 0?this.sort:this._uncontrolledSort}get filterMap(){return this.filter!==void 0?this.filter:this._uncontrolledFilter}setColumnFilter(t,n){let e=this.filterMap;if((e[t]??"")===n)return;let l={...e};n===""?delete l[t]:l[t]=n,this.filter===void 0&&(this._uncontrolledFilter=l),(0,c.emit)(this,"filter-change",l),this._broadcast(),(0,u.renderTableRows)(this)}get currentSelected(){return this.selected!==void 0?S(this.selected):this._uncontrolledSelected}toggleSort(t,n=t){let e=O(this.sortList,t,this.multiSort);this.sort===void 0&&(this._uncontrolledSort=e),(0,c.emit)(this,"sort-change",e);let l=e.find(d=>d.columnKey===t)?.direction??null;(0,C.announce)(this.getSortLabel(n,l)),this._broadcast(),(0,u.renderTableRows)(this)}orderedRowIds(){return[...this.querySelectorAll("skdx-table-body skdx-table-row[row-id]")].filter(n=>n.closest("skdx-table")===this).map(n=>n.getAttribute("row-id"))}toggleRow(t,n=!1){if(this.selectionMode==="none")return;let e=this.currentSelected,l=this._anchorRowId;if(n&&this.selectionMode==="multiple"&&l!==null&&l!==t){let p=this.orderedRowIds(),g=p.indexOf(l),b=p.indexOf(t);if(g!==-1&&b!==-1){let W=p.slice(Math.min(g,b),Math.max(g,b)+1);this._commitSelected(new Set([...e,...W]));return}}this._anchorRowId=t;let d;this.selectionMode==="single"?d=e.has(t)&&e.size===1?new Set:new Set([t]):(d=new Set(e),d.has(t)?d.delete(t):d.add(t)),this._commitSelected(d)}_commitSelected(t){let n=this.currentSelected;n.size===t.size&&[...t].every(e=>n.has(e))||(this.selected===void 0&&(this._uncontrolledSelected=t),(0,c.emit)(this,"selected-change",[...t]),this._broadcast())}isRowSelected(t){return this.currentSelected.has(t)}toggleAll(t){if(this.selectionMode==="none")return;let n=this.currentSelected,e;if(t.length>0&&t.every(l=>n.has(l))){e=new Set(n);for(let l of t)e.delete(l)}else e=new Set([...n,...t]);this._commitSelected(e)}isAllSelected(t){let n=this.currentSelected;return t.length>0&&t.every(e=>n.has(e))}isSomeSelected(t){let n=this.currentSelected;return t.some(e=>n.has(e))&&!this.isAllSelected(t)}get expandedRowIdSet(){return this.expandedRowIds!==void 0?new Set(this.expandedRowIds):this._uncontrolledExpandedRowIds}get resolvedColumnWidths(){return this.columnWidths!==void 0?this.columnWidths:this._uncontrolledColumnWidths}isRowExpanded(t){return this.expandedRowIdSet.has(t)}toggleRowExpanded(t){let n=new Set(this.expandedRowIdSet);n.has(t)?n.delete(t):n.add(t),this.expandedRowIds===void 0&&(this._uncontrolledExpandedRowIds=n),(0,c.emit)(this,"expanded-row-ids-change",[...n]),this._broadcast()}setColumnWidth(t,n){let e=this.resolvedColumnWidths;if(e[t]===n)return;let l={...e,[t]:n};this.columnWidths===void 0&&(this._uncontrolledColumnWidths=l),(0,c.emit)(this,"column-widths-change",l),this._broadcast()}commitColumnWidths(){(0,c.emit)(this,"column-widths-commit",this.resolvedColumnWidths)}detailRowId(t){return`${this.tableId}-detail-${t}`}_broadcast(){this.dispatchEvent(new CustomEvent(E.TABLE_INTERNAL_UPDATE))}updated(t){w(t,F)&&this._broadcast(),w(t,D)?this._rebuildAnatomy():this._fillAnatomy(),w(t,N)&&(0,u.renderTableRows)(this),(0,f.threadAppearance)(this,{size:this.size},[...(0,f.derivedParts)(this,"skdx-table-row-select-checkbox"),...(0,f.derivedParts)(this,"skdx-table-select-all-checkbox")])}headerCellCount(){let t=this.querySelectorAll("skdx-table-header-cell").length;return t>0?t:this.columnCount??1}render(){return h.html`<table
       part="table"
-      aria-rowcount=${(0,S.ifDefined)(this.rowCount)}
-      aria-colcount=${(0,S.ifDefined)(this.columnCount)}
+      aria-rowcount=${(0,y.ifDefined)(this.rowCount)}
+      aria-colcount=${(0,y.ifDefined)(this.columnCount)}
     >
       <slot @slotchange=${this._fillAnatomy}></slot>
     </table>`}};i.styles=h.css`
@@ -13,4 +13,4 @@
     :host > table {
       display: contents;
     }
-  `,o([(0,r.property)({attribute:!1})],i.prototype,"sort",2),o([(0,r.property)({type:Array,attribute:"default-sort"})],i.prototype,"defaultSort",2),o([(0,r.property)({type:Number,attribute:"row-count"})],i.prototype,"rowCount",2),o([(0,r.property)({type:Number,attribute:"column-count"})],i.prototype,"columnCount",2),o([(0,r.property)({type:Boolean,attribute:"multi-sort"})],i.prototype,"multiSort",2),o([(0,r.property)({attribute:!1})],i.prototype,"selected",2),o([(0,r.property)({type:Array,attribute:"default-selected"})],i.prototype,"defaultSelected",2),o([(0,r.property)({type:String,attribute:"selection-mode"})],i.prototype,"selectionMode",2),o([(0,r.property)({attribute:!1})],i.prototype,"getSortLabel",2),o([(0,r.property)({attribute:!1})],i.prototype,"expandedRowIds",2),o([(0,r.property)({type:Array,attribute:"default-expanded-row-ids"})],i.prototype,"defaultExpandedRowIds",2),o([(0,r.property)({attribute:!1})],i.prototype,"columnWidths",2),o([(0,r.property)({type:Object,attribute:"default-column-widths"})],i.prototype,"defaultColumnWidths",2),o([(0,r.property)({attribute:!1})],i.prototype,"columns",2),o([(0,r.property)({attribute:!1})],i.prototype,"data",2),o([(0,r.property)({type:Boolean})],i.prototype,"sortable",2),o([(0,r.property)({type:Boolean})],i.prototype,"selectable",2),o([(0,r.property)({type:Boolean})],i.prototype,"expandable",2),o([(0,r.property)({type:Boolean})],i.prototype,"resizable",2),o([(0,r.property)()],i.prototype,"empty",2),o([(0,r.property)()],i.prototype,"caption",2),o([(0,r.property)({attribute:!1})],i.prototype,"renderCell",2),o([(0,r.property)({attribute:!1})],i.prototype,"renderExpanded",2),o([(0,r.property)({attribute:!1})],i.prototype,"rowId",2),o([(0,r.property)({attribute:!1})],i.prototype,"getRowLabel",2),o([(0,r.property)({type:String,reflect:!0,attribute:"data-density"})],i.prototype,"density",2),o([(0,r.property)({type:Boolean,reflect:!0,attribute:"data-sticky-header"})],i.prototype,"stickyHeader",2),o([(0,r.property)({type:String,attribute:"data-size"})],i.prototype,"size",2),o([(0,r.state)()],i.prototype,"_uncontrolledSort",2),o([(0,r.state)()],i.prototype,"_uncontrolledSelected",2),o([(0,r.state)()],i.prototype,"_uncontrolledExpandedRowIds",2),o([(0,r.state)()],i.prototype,"_uncontrolledColumnWidths",2),i=o([(0,R.customElement)("skdx-table","table","root")],i);0&&(module.exports={SkdxTable,defaultGetSortLabel});
+  `,r([(0,o.property)({attribute:!1})],i.prototype,"sort",2),r([(0,o.property)({type:Array,attribute:"default-sort"})],i.prototype,"defaultSort",2),r([(0,o.property)({type:Number,attribute:"row-count"})],i.prototype,"rowCount",2),r([(0,o.property)({type:Number,attribute:"column-count"})],i.prototype,"columnCount",2),r([(0,o.property)({type:Boolean,attribute:"multi-sort"})],i.prototype,"multiSort",2),r([(0,o.property)({attribute:!1})],i.prototype,"filter",2),r([(0,o.property)({type:Object,attribute:"default-filter"})],i.prototype,"defaultFilter",2),r([(0,o.property)({attribute:!1})],i.prototype,"selected",2),r([(0,o.property)({type:Array,attribute:"default-selected"})],i.prototype,"defaultSelected",2),r([(0,o.property)({type:String,attribute:"selection-mode"})],i.prototype,"selectionMode",2),r([(0,o.property)({attribute:!1})],i.prototype,"getSortLabel",2),r([(0,o.property)({attribute:!1})],i.prototype,"expandedRowIds",2),r([(0,o.property)({type:Array,attribute:"default-expanded-row-ids"})],i.prototype,"defaultExpandedRowIds",2),r([(0,o.property)({attribute:!1})],i.prototype,"columnWidths",2),r([(0,o.property)({type:Object,attribute:"default-column-widths"})],i.prototype,"defaultColumnWidths",2),r([(0,o.property)({attribute:!1})],i.prototype,"columns",2),r([(0,o.property)({attribute:!1})],i.prototype,"data",2),r([(0,o.property)({type:Boolean})],i.prototype,"sortable",2),r([(0,o.property)({type:Boolean})],i.prototype,"selectable",2),r([(0,o.property)({type:Boolean})],i.prototype,"expandable",2),r([(0,o.property)({type:Boolean})],i.prototype,"resizable",2),r([(0,o.property)({type:Boolean})],i.prototype,"filterable",2),r([(0,o.property)()],i.prototype,"empty",2),r([(0,o.property)()],i.prototype,"caption",2),r([(0,o.property)({attribute:!1})],i.prototype,"renderCell",2),r([(0,o.property)({attribute:!1})],i.prototype,"renderExpanded",2),r([(0,o.property)({attribute:!1})],i.prototype,"rowId",2),r([(0,o.property)({attribute:!1})],i.prototype,"getRowLabel",2),r([(0,o.property)({type:String,reflect:!0,attribute:"data-density"})],i.prototype,"density",2),r([(0,o.property)({type:Boolean,reflect:!0,attribute:"data-sticky-header"})],i.prototype,"stickyHeader",2),r([(0,o.property)({type:String,attribute:"data-size"})],i.prototype,"size",2),r([(0,o.state)()],i.prototype,"_uncontrolledSort",2),r([(0,o.state)()],i.prototype,"_uncontrolledSelected",2),r([(0,o.state)()],i.prototype,"_uncontrolledExpandedRowIds",2),r([(0,o.state)()],i.prototype,"_uncontrolledColumnWidths",2),r([(0,o.state)()],i.prototype,"_uncontrolledFilter",2),i=r([(0,R.customElement)("skdx-table","table","root")],i);0&&(module.exports={SkdxTable,defaultGetSortLabel});

package/dist/table/Table.d.cts

@@ -1,12 +1,13 @@
 import { LitElement, type TemplateResult } from 'lit';
 import { type SkdxTableColumn } from './TableAnatomy.cjs';
-import type { SortDirection, TableColumnWidths, TableSelectionMode, TableSort, TableSortState } from './types.cjs';
+import type { SortDirection, TableColumnWidths, TableFilterState, TableSelectionMode, TableSort, TableSortState } from './types.cjs';
 /** Default `getSortLabel`: `"Amount sorted ascending"` / `"Amount not sorted"`. */
 export declare function defaultGetSortLabel(column: string, direction: SortDirection | null): string;
 /**
  * Web Components implementation of the shared Table contract, owning only sort and row-selection state (no pagination, filtering, or data model) and rendering a real `<table>` in shadow DOM. Sort and selection work controlled or uncontrolled; **the table never reorders your rows**, it only publishes sort state.
  *
  * @fires sort-change - Fired with the new `TableSortState[]` whenever a column header's sort trigger cycles it.
+ * @fires filter-change - Fired with the new `TableFilterState` whenever a column's filter text changes; a cleared column leaves the map.
  * @fires selected-change - Fired with the selected row ids whenever a row or select-all checkbox is toggled.
  * @fires expanded-row-ids-change - Fired with the expanded row ids whenever a detail row is opened or closed.
  * @fires column-widths-change - Fired with the full `{ columnKey: px }` map on every drag frame and arrow-key nudge. Persist from `column-widths-commit` instead.
@@ -64,6 +65,10 @@ export declare class SkdxTable extends LitElement {
      * @default false
      */
     multiSort: boolean;
+    /** Active column filters keyed by column, for controlled usage; pair with `filter-change`. */
+    filter?: TableFilterState;
+    /** Initial column filters for uncontrolled usage, keyed by column. */
+    defaultFilter: TableFilterState;
     /**
      * Selected row ids for controlled usage.
      * @default undefined
@@ -134,6 +139,11 @@ export declare class SkdxTable extends LitElement {
      * @default false
      */
     resizable: boolean;
+    /**
+     * Makes derived columns filterable unless a column opts out; the derived rows are then the ones matching every active filter.
+     * @default false
+     */
+    filterable: boolean;
     /**
      * Content for the derived empty state, shown when `data` is empty.
      * @default undefined
@@ -185,6 +195,7 @@ export declare class SkdxTable extends LitElement {
     private _uncontrolledSelected;
     private _uncontrolledExpandedRowIds;
     private _uncontrolledColumnWidths;
+    private _uncontrolledFilter;
     private _initialized;
     connectedCallback(): void;
     private _anatomyBuilt;
@@ -193,6 +204,11 @@ export declare class SkdxTable extends LitElement {
     /** @internal Every sorted column, most significant first, controlled or uncontrolled. */
     get sortList(): TableSortState[];
     /** @internal Resolved selected row ids, controlled or uncontrolled. */
+    /** Active column filters keyed by column; a column with no entry is unfiltered. */
+    get filterMap(): TableFilterState;
+    /** @internal Sets one column's filter text and emits `filter-change`; the filter input calls it. */
+    setColumnFilter(columnKey: string, value: string): void;
+    /** @internal */
     get currentSelected(): Set<string>;
     /** @internal Cycles a column through asc → desc → unsorted. `columnLabel` is used only for the announcement. */
     toggleSort(columnKey: string, columnLabel?: string): void;

package/dist/table/Table.d.ts

@@ -1,12 +1,13 @@
 import { LitElement, type TemplateResult } from 'lit';
 import { type SkdxTableColumn } from './TableAnatomy.js';
-import type { SortDirection, TableColumnWidths, TableSelectionMode, TableSort, TableSortState } from './types.js';
+import type { SortDirection, TableColumnWidths, TableFilterState, TableSelectionMode, TableSort, TableSortState } from './types.js';
 /** Default `getSortLabel`: `"Amount sorted ascending"` / `"Amount not sorted"`. */
 export declare function defaultGetSortLabel(column: string, direction: SortDirection | null): string;
 /**
  * Web Components implementation of the shared Table contract, owning only sort and row-selection state (no pagination, filtering, or data model) and rendering a real `<table>` in shadow DOM. Sort and selection work controlled or uncontrolled; **the table never reorders your rows**, it only publishes sort state.
  *
  * @fires sort-change - Fired with the new `TableSortState[]` whenever a column header's sort trigger cycles it.
+ * @fires filter-change - Fired with the new `TableFilterState` whenever a column's filter text changes; a cleared column leaves the map.
  * @fires selected-change - Fired with the selected row ids whenever a row or select-all checkbox is toggled.
  * @fires expanded-row-ids-change - Fired with the expanded row ids whenever a detail row is opened or closed.
  * @fires column-widths-change - Fired with the full `{ columnKey: px }` map on every drag frame and arrow-key nudge. Persist from `column-widths-commit` instead.
@@ -64,6 +65,10 @@ export declare class SkdxTable extends LitElement {
      * @default false
      */
     multiSort: boolean;
+    /** Active column filters keyed by column, for controlled usage; pair with `filter-change`. */
+    filter?: TableFilterState;
+    /** Initial column filters for uncontrolled usage, keyed by column. */
+    defaultFilter: TableFilterState;
     /**
      * Selected row ids for controlled usage.
      * @default undefined
@@ -134,6 +139,11 @@ export declare class SkdxTable extends LitElement {
      * @default false
      */
     resizable: boolean;
+    /**
+     * Makes derived columns filterable unless a column opts out; the derived rows are then the ones matching every active filter.
+     * @default false
+     */
+    filterable: boolean;
     /**
      * Content for the derived empty state, shown when `data` is empty.
      * @default undefined
@@ -185,6 +195,7 @@ export declare class SkdxTable extends LitElement {
     private _uncontrolledSelected;
     private _uncontrolledExpandedRowIds;
     private _uncontrolledColumnWidths;
+    private _uncontrolledFilter;
     private _initialized;
     connectedCallback(): void;
     private _anatomyBuilt;
@@ -193,6 +204,11 @@ export declare class SkdxTable extends LitElement {
     /** @internal Every sorted column, most significant first, controlled or uncontrolled. */
     get sortList(): TableSortState[];
     /** @internal Resolved selected row ids, controlled or uncontrolled. */
+    /** Active column filters keyed by column; a column with no entry is unfiltered. */
+    get filterMap(): TableFilterState;
+    /** @internal Sets one column's filter text and emits `filter-change`; the filter input calls it. */
+    setColumnFilter(columnKey: string, value: string): void;
+    /** @internal */
     get currentSelected(): Set<string>;
     /** @internal Cycles a column through asc → desc → unsorted. `columnLabel` is used only for the announcement. */
     toggleSort(columnKey: string, columnLabel?: string): void;