@skdx/web-components 0.30.0 → 0.32.0

package/dist/popover/PopoverDescription.js

@@ -1,5 +1,10 @@
-var i=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var m=(r,s,p,l)=>{for(var e=l>1?void 0:l?d(s,p):s,o=r.length-1,a;o>=0;o--)(a=r[o])&&(e=(l?a(s,p,e):a(e))||e);return l&&e&&i(s,p,e),e};import{css as c,html as n,LitElement as u}from"lit";import{customElement as T}from"../internal/define.js";var t=class extends u{render(){return n`<p part="description"><slot></slot></p>`}};t.styles=c`
+var m=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var a=(s,r,o,l)=>{for(var e=l>1?void 0:l?n(r,o):r,p=s.length-1,i;p>=0;p--)(i=s[p])&&(e=(l?i(r,o,e):i(e))||e);return l&&e&&m(r,o,e),e};import{css as c,html as d,LitElement as f}from"lit";import{customElement as h}from"../internal/define.js";var t=class extends f{render(){return d`<p part="description"><slot></slot></p>`}};t.styles=c`
     :host {
       display: block;
     }
-  `,t=m([T("skdx-popover-description","popover","description")],t);export{t as SkdxPopoverDescription};
+    p {
+      font: inherit;
+      color: inherit;
+      margin: 0;
+    }
+  `,t=a([h("skdx-popover-description","popover","description")],t);export{t as SkdxPopoverDescription};

package/dist/popover/PopoverTitle.cjs

@@ -1,5 +1,10 @@
-"use strict";var m=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var f=(l,e)=>{for(var s in e)m(l,s,{get:e[s],enumerable:!0})},y=(l,e,s,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of h(e))!u.call(l,t)&&t!==s&&m(l,t,{get:()=>e[t],enumerable:!(r=c(e,t))||r.enumerable});return l};var E=l=>y(m({},"__esModule",{value:!0}),l),n=(l,e,s,r)=>{for(var t=r>1?void 0:r?c(e,s):e,p=l.length-1,i;p>=0;p--)(i=l[p])&&(t=(r?i(e,s,t):i(t))||t);return r&&t&&m(e,s,t),t};var b={};f(b,{SkdxPopoverTitle:()=>o});module.exports=E(b);var a=require("lit"),d=require("../internal/define.cjs");var o=class extends a.LitElement{render(){return a.html`<h2 part="title"><slot></slot></h2>`}};o.styles=a.css`
+"use strict";var a=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var u=(r,e)=>{for(var l in e)a(r,l,{get:e[l],enumerable:!0})},g=(r,e,l,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of d(e))!f.call(r,t)&&t!==l&&a(r,t,{get:()=>e[t],enumerable:!(s=n(e,t))||s.enumerable});return r};var y=r=>g(a({},"__esModule",{value:!0}),r),c=(r,e,l,s)=>{for(var t=s>1?void 0:s?n(e,l):e,m=r.length-1,p;m>=0;m--)(p=r[m])&&(t=(s?p(e,l,t):p(t))||t);return s&&t&&a(e,l,t),t};var E={};u(E,{SkdxPopoverTitle:()=>o});module.exports=y(E);var i=require("lit"),h=require("../internal/define.cjs");var o=class extends i.LitElement{render(){return i.html`<h2 part="title"><slot></slot></h2>`}};o.styles=i.css`
     :host {
       display: block;
     }
-  `,o=n([(0,d.customElement)("skdx-popover-title","popover","title")],o);0&&(module.exports={SkdxPopoverTitle});
+    h2 {
+      font: inherit;
+      color: inherit;
+      margin: 0;
+    }
+  `,o=c([(0,h.customElement)("skdx-popover-title","popover","title")],o);0&&(module.exports={SkdxPopoverTitle});

package/dist/popover/PopoverTitle.js

@@ -1,5 +1,10 @@
-var i=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var p=(r,l,o,s)=>{for(var e=s>1?void 0:s?c(l,o):l,a=r.length-1,m;a>=0;a--)(m=r[a])&&(e=(s?m(l,o,e):m(e))||e);return s&&e&&i(l,o,e),e};import{css as n,html as d,LitElement as h}from"lit";import{customElement as u}from"../internal/define.js";var t=class extends h{render(){return d`<h2 part="title"><slot></slot></h2>`}};t.styles=n`
+var p=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var m=(s,r,o,l)=>{for(var e=l>1?void 0:l?n(r,o):r,i=s.length-1,a;i>=0;i--)(a=s[i])&&(e=(l?a(r,o,e):a(e))||e);return l&&e&&p(r,o,e),e};import{css as c,html as h,LitElement as d}from"lit";import{customElement as f}from"../internal/define.js";var t=class extends d{render(){return h`<h2 part="title"><slot></slot></h2>`}};t.styles=c`
     :host {
       display: block;
     }
-  `,t=p([u("skdx-popover-title","popover","title")],t);export{t as SkdxPopoverTitle};
+    h2 {
+      font: inherit;
+      color: inherit;
+      margin: 0;
+    }
+  `,t=m([f("skdx-popover-title","popover","title")],t);export{t as SkdxPopoverTitle};

package/dist/popover/family.cjs

@@ -1 +1 @@
-"use strict";var t=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var P=Object.prototype.hasOwnProperty;var i=(p,o)=>{for(var e in o)t(p,e,{get:o[e],enumerable:!0})},k=(p,o,e,v)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of x(o))!P.call(p,r)&&r!==e&&t(p,r,{get:()=>o[r],enumerable:!(v=m(o,r))||v.enumerable});return p};var s=p=>k(t({},"__esModule",{value:!0}),p);var f={};i(f,{POPOVER_FAMILY:()=>R});module.exports=s(f);var d=require("../internal/family.cjs"),R=(0,d.defineFamily)("popover",{selector:"skdx-popover, skdx-popover-root"});0&&(module.exports={POPOVER_FAMILY});
+"use strict";var t=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var m=(p,o)=>{for(var e in o)t(p,e,{get:o[e],enumerable:!0})},s=(p,o,e,d)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of i(o))!k.call(p,r)&&r!==e&&t(p,r,{get:()=>o[r],enumerable:!(d=x(o,r))||d.enumerable});return p};var P=p=>s(t({},"__esModule",{value:!0}),p);var f={};m(f,{POPOVER_FAMILY:()=>R});module.exports=P(f);var v=require("../internal/family.cjs"),R=(0,v.defineFamily)("popover",{selector:"skdx-popover, skdx-popover-root, skdx-tooltip"});0&&(module.exports={POPOVER_FAMILY});

package/dist/popover/family.js

@@ -1 +1 @@
-import{defineFamily as o}from"../internal/family.js";var r=o("popover",{selector:"skdx-popover, skdx-popover-root"});export{r as POPOVER_FAMILY};
+import{defineFamily as o}from"../internal/family.js";var r=o("popover",{selector:"skdx-popover, skdx-popover-root, skdx-tooltip"});export{r as POPOVER_FAMILY};

package/dist/progress/ProgressCircle.cjs

@@ -1,5 +1,5 @@
-"use strict";var a=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var x=(e,t)=>{for(var r in t)a(e,r,{get:t[r],enumerable:!0})},P=(e,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of v(t))!f.call(e,i)&&i!==r&&a(e,i,{get:()=>t[i],enumerable:!(s=h(t,i))||s.enumerable});return e};var M=e=>P(a({},"__esModule",{value:!0}),e),l=(e,t,r,s)=>{for(var i=s>1?void 0:s?h(t,r):t,c=e.length-1,p;c>=0;c--)(p=e[c])&&(i=(s?p(t,r,i):p(i))||i);return s&&i&&a(t,r,i),i};var S={};x(S,{SkdxProgressCircle:()=>o,applyCircleVars:()=>k,applyProgressDataAttributes:()=>y,clampProgressValue:()=>g});module.exports=M(S);var n=require("lit"),m=require("lit/decorators.js"),b=require("../internal/define.cjs"),u=require("./Progress.cjs");var d=e=>Math.round(e*1e4)/1e4;function g(e){return e.clampedValue}function y(e,t,r,s){e.setAttribute("data-state",(0,u.getState)(t,s)),e.setAttribute("data-min",String(r)),e.setAttribute("data-max",String(s)),t==null?e.removeAttribute("data-value"):e.setAttribute("data-value",String(t))}function k(e,t,r,s,i){e.style.setProperty("--skdx-progress-circle-circumference",String(d(t))),e.style.setProperty("--skdx-progress-dasharray",String(d(t))),r==null?e.style.removeProperty("--skdx-progress-circle-offset"):e.style.setProperty("--skdx-progress-circle-offset",String(d(t*(1-(0,u.getProgressPercent)(r,s,i)/100))))}var o=class extends n.LitElement{constructor(){super(...arguments);this.diameter=48;this.strokeWidth=4;this.root=null;this.observer=new MutationObserver(()=>this.sync())}get radius(){return Math.max((this.diameter-this.strokeWidth)/2,0)}get circumference(){return 2*Math.PI*this.radius}connectedCallback(){if(super.connectedCallback(),this.root=this.closest("skdx-progress"),!this.root)throw new Error("<skdx-progress-circle> must be used inside <skdx-progress>.");this.observer.observe(this.root,{attributeFilter:["value","min","max","indeterminate"]}),this.sync()}disconnectedCallback(){this.observer.disconnect(),super.disconnectedCallback()}updated(r){(r.has("diameter")||r.has("strokeWidth"))&&this.sync()}sync(){let r=this.root;if(!r)return;let s=g(r);y(this,s,r.min,r.max),this.style.setProperty("--skdx-progress-circle-size",String(this.diameter)),this.style.setProperty("--skdx-progress-circle-thickness",String(this.strokeWidth)),this.style.setProperty("--skdx-progress-circle-radius",String(d(this.radius))),k(this,this.circumference,s,r.min,r.max)}render(){return n.html`<slot></slot>`}};o.styles=n.css`
+"use strict";var a=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var x=(e,t)=>{for(var r in t)a(e,r,{get:t[r],enumerable:!0})},P=(e,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of v(t))!f.call(e,i)&&i!==r&&a(e,i,{get:()=>t[i],enumerable:!(s=h(t,i))||s.enumerable});return e};var M=e=>P(a({},"__esModule",{value:!0}),e),d=(e,t,r,s)=>{for(var i=s>1?void 0:s?h(t,r):t,c=e.length-1,p;c>=0;c--)(p=e[c])&&(i=(s?p(t,r,i):p(i))||i);return s&&i&&a(t,r,i),i};var S={};x(S,{SkdxProgressCircle:()=>o,applyCircleVars:()=>k,applyProgressDataAttributes:()=>y,clampProgressValue:()=>g});module.exports=M(S);var n=require("lit"),m=require("lit/decorators.js"),b=require("../internal/define.cjs"),u=require("./Progress.cjs");var l=e=>Math.round(e*1e4)/1e4;function g(e){return e.clampedValue}function y(e,t,r,s){e.setAttribute("data-state",(0,u.getState)(t,s)),e.setAttribute("data-min",String(r)),e.setAttribute("data-max",String(s)),t==null?e.removeAttribute("data-value"):e.setAttribute("data-value",String(t))}function k(e,t,r,s,i){e.style.setProperty("--skdx-progress-circle-circumference",String(l(t))),e.style.setProperty("--skdx-progress-dasharray",String(l(t))),r==null?e.style.removeProperty("--skdx-progress-circle-offset"):e.style.setProperty("--skdx-progress-circle-offset",String(l(t*(1-(0,u.getProgressPercent)(r,s,i)/100))))}var o=class extends n.LitElement{constructor(){super(...arguments);this.diameter=48;this.strokeWidth=4;this.root=null;this.observer=new MutationObserver(()=>this.sync())}get radius(){return Math.max((this.diameter-this.strokeWidth)/2,0)}get circumference(){return 2*Math.PI*this.radius}connectedCallback(){if(super.connectedCallback(),this.root=this.closest("skdx-progress, skdx-gauge"),!this.root)throw new Error("<skdx-progress-circle> must be used inside <skdx-progress>.");this.observer.observe(this.root,{attributeFilter:["value","min","max","indeterminate"]}),this.sync()}disconnectedCallback(){this.observer.disconnect(),super.disconnectedCallback()}updated(r){(r.has("diameter")||r.has("strokeWidth"))&&this.sync()}sync(){let r=this.root;if(!r)return;let s=g(r);y(this,s,r.min,r.max),this.style.setProperty("--skdx-progress-circle-size",String(this.diameter)),this.style.setProperty("--skdx-progress-circle-thickness",String(this.strokeWidth)),this.style.setProperty("--skdx-progress-circle-radius",String(l(this.radius))),k(this,this.circumference,s,r.min,r.max)}render(){return n.html`<slot></slot>`}};o.styles=n.css`
     :host {
       display: block;
     }
-  `,l([(0,m.property)({type:Number,reflect:!0})],o.prototype,"diameter",2),l([(0,m.property)({type:Number,reflect:!0,attribute:"stroke-width"})],o.prototype,"strokeWidth",2),o=l([(0,b.customElement)("skdx-progress-circle","progress","circle")],o);0&&(module.exports={SkdxProgressCircle,applyCircleVars,applyProgressDataAttributes,clampProgressValue});
+  `,d([(0,m.property)({type:Number,reflect:!0})],o.prototype,"diameter",2),d([(0,m.property)({type:Number,reflect:!0,attribute:"stroke-width"})],o.prototype,"strokeWidth",2),o=d([(0,b.customElement)("skdx-progress-circle","progress","circle")],o);0&&(module.exports={SkdxProgressCircle,applyCircleVars,applyProgressDataAttributes,clampProgressValue});

package/dist/progress/ProgressCircle.js

@@ -1,4 +1,4 @@
-var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var n=(e,r,t,s)=>{for(var i=s>1?void 0:s?p(r,t):r,l=e.length-1,d;l>=0;l--)(d=e[l])&&(i=(s?d(r,t,i):d(i))||i);return s&&i&&c(r,t,i),i};import{css as m,html as h,LitElement as b}from"lit";import{property as u}from"lit/decorators.js";import{customElement as g}from"../internal/define.js";import{getProgressPercent as y,getState as k}from"./Progress.js";var a=e=>Math.round(e*1e4)/1e4;function v(e){return e.clampedValue}function f(e,r,t,s){e.setAttribute("data-state",k(r,s)),e.setAttribute("data-min",String(t)),e.setAttribute("data-max",String(s)),r==null?e.removeAttribute("data-value"):e.setAttribute("data-value",String(r))}function x(e,r,t,s,i){e.style.setProperty("--skdx-progress-circle-circumference",String(a(r))),e.style.setProperty("--skdx-progress-dasharray",String(a(r))),t==null?e.style.removeProperty("--skdx-progress-circle-offset"):e.style.setProperty("--skdx-progress-circle-offset",String(a(r*(1-y(t,s,i)/100))))}var o=class extends b{constructor(){super(...arguments);this.diameter=48;this.strokeWidth=4;this.root=null;this.observer=new MutationObserver(()=>this.sync())}get radius(){return Math.max((this.diameter-this.strokeWidth)/2,0)}get circumference(){return 2*Math.PI*this.radius}connectedCallback(){if(super.connectedCallback(),this.root=this.closest("skdx-progress"),!this.root)throw new Error("<skdx-progress-circle> must be used inside <skdx-progress>.");this.observer.observe(this.root,{attributeFilter:["value","min","max","indeterminate"]}),this.sync()}disconnectedCallback(){this.observer.disconnect(),super.disconnectedCallback()}updated(t){(t.has("diameter")||t.has("strokeWidth"))&&this.sync()}sync(){let t=this.root;if(!t)return;let s=v(t);f(this,s,t.min,t.max),this.style.setProperty("--skdx-progress-circle-size",String(this.diameter)),this.style.setProperty("--skdx-progress-circle-thickness",String(this.strokeWidth)),this.style.setProperty("--skdx-progress-circle-radius",String(a(this.radius))),x(this,this.circumference,s,t.min,t.max)}render(){return h`<slot></slot>`}};o.styles=m`
+var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var n=(e,r,t,s)=>{for(var i=s>1?void 0:s?p(r,t):r,d=e.length-1,l;d>=0;d--)(l=e[d])&&(i=(s?l(r,t,i):l(i))||i);return s&&i&&c(r,t,i),i};import{css as m,html as h,LitElement as b}from"lit";import{property as u}from"lit/decorators.js";import{customElement as g}from"../internal/define.js";import{getProgressPercent as y,getState as k}from"./Progress.js";var a=e=>Math.round(e*1e4)/1e4;function v(e){return e.clampedValue}function f(e,r,t,s){e.setAttribute("data-state",k(r,s)),e.setAttribute("data-min",String(t)),e.setAttribute("data-max",String(s)),r==null?e.removeAttribute("data-value"):e.setAttribute("data-value",String(r))}function x(e,r,t,s,i){e.style.setProperty("--skdx-progress-circle-circumference",String(a(r))),e.style.setProperty("--skdx-progress-dasharray",String(a(r))),t==null?e.style.removeProperty("--skdx-progress-circle-offset"):e.style.setProperty("--skdx-progress-circle-offset",String(a(r*(1-y(t,s,i)/100))))}var o=class extends b{constructor(){super(...arguments);this.diameter=48;this.strokeWidth=4;this.root=null;this.observer=new MutationObserver(()=>this.sync())}get radius(){return Math.max((this.diameter-this.strokeWidth)/2,0)}get circumference(){return 2*Math.PI*this.radius}connectedCallback(){if(super.connectedCallback(),this.root=this.closest("skdx-progress, skdx-gauge"),!this.root)throw new Error("<skdx-progress-circle> must be used inside <skdx-progress>.");this.observer.observe(this.root,{attributeFilter:["value","min","max","indeterminate"]}),this.sync()}disconnectedCallback(){this.observer.disconnect(),super.disconnectedCallback()}updated(t){(t.has("diameter")||t.has("strokeWidth"))&&this.sync()}sync(){let t=this.root;if(!t)return;let s=v(t);f(this,s,t.min,t.max),this.style.setProperty("--skdx-progress-circle-size",String(this.diameter)),this.style.setProperty("--skdx-progress-circle-thickness",String(this.strokeWidth)),this.style.setProperty("--skdx-progress-circle-radius",String(a(this.radius))),x(this,this.circumference,s,t.min,t.max)}render(){return h`<slot></slot>`}};o.styles=m`
     :host {
       display: block;
     }

package/dist/progress/ProgressCircleIndicator.cjs

@@ -1,5 +1,5 @@
-"use strict";var n=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var g=(t,s)=>{for(var r in s)n(t,r,{get:s[r],enumerable:!0})},k=(t,s,r,i)=>{if(s&&typeof s=="object"||typeof s=="function")for(let e of v(s))!b.call(t,e)&&e!==r&&n(t,e,{get:()=>s[e],enumerable:!(i=p(s,e))||i.enumerable});return t};var x=t=>k(n({},"__esModule",{value:!0}),t),m=(t,s,r,i)=>{for(var e=i>1?void 0:i?p(s,r):s,a=t.length-1,d;a>=0;a--)(d=t[a])&&(e=(i?d(s,r,e):d(e))||e);return i&&e&&n(s,r,e),e};var y={};g(y,{SkdxProgressCircleIndicator:()=>o});module.exports=x(y);var c=require("lit"),h=require("../internal/define.cjs"),u=require("./Progress.cjs"),l=require("./ProgressCircle.cjs");var o=class extends c.LitElement{constructor(){super(...arguments);this.root=null;this.circle=null;this.observer=new MutationObserver(()=>this.sync())}connectedCallback(){if(super.connectedCallback(),this.circle=this.closest("skdx-progress-circle"),!this.circle)throw new Error("<skdx-progress-circle-indicator> must be used inside <skdx-progress-circle>.");if(this.root=this.closest("skdx-progress"),!this.root)throw new Error("<skdx-progress-circle-indicator> must be used inside <skdx-progress>.");this.observer.observe(this.root,{attributeFilter:["value","min","max","indeterminate"]}),this.observer.observe(this.circle,{attributeFilter:["diameter","stroke-width"]}),this.sync()}disconnectedCallback(){this.observer.disconnect(),super.disconnectedCallback()}sync(){let r=this.root,i=this.circle;if(!r||!i)return;let e=(0,l.clampProgressValue)(r);(0,l.applyProgressDataAttributes)(this,e,r.min,r.max),e==null?this.style.removeProperty("--skdx-progress"):this.style.setProperty("--skdx-progress",`${(0,u.getProgressPercent)(e,r.min,r.max)}%`),(0,l.applyCircleVars)(this,i.circumference,e,r.min,r.max)}render(){return c.html`<slot part="indicator"></slot>`}};o.styles=c.css`
+"use strict";var a=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var b=(t,s)=>{for(var r in s)a(t,r,{get:s[r],enumerable:!0})},k=(t,s,r,i)=>{if(s&&typeof s=="object"||typeof s=="function")for(let e of v(s))!g.call(t,e)&&e!==r&&a(t,e,{get:()=>s[e],enumerable:!(i=p(s,e))||i.enumerable});return t};var x=t=>k(a({},"__esModule",{value:!0}),t),m=(t,s,r,i)=>{for(var e=i>1?void 0:i?p(s,r):s,n=t.length-1,d;n>=0;n--)(d=t[n])&&(e=(i?d(s,r,e):d(e))||e);return i&&e&&a(s,r,e),e};var y={};b(y,{SkdxProgressCircleIndicator:()=>o});module.exports=x(y);var c=require("lit"),u=require("../internal/define.cjs"),h=require("./Progress.cjs"),l=require("./ProgressCircle.cjs");var o=class extends c.LitElement{constructor(){super(...arguments);this.root=null;this.circle=null;this.observer=new MutationObserver(()=>this.sync())}connectedCallback(){if(super.connectedCallback(),this.circle=this.closest("skdx-progress-circle"),!this.circle)throw new Error("<skdx-progress-circle-indicator> must be used inside <skdx-progress-circle>.");if(this.root=this.closest("skdx-progress, skdx-gauge"),!this.root)throw new Error("<skdx-progress-circle-indicator> must be used inside <skdx-progress>.");this.observer.observe(this.root,{attributeFilter:["value","min","max","indeterminate"]}),this.observer.observe(this.circle,{attributeFilter:["diameter","stroke-width"]}),this.sync()}disconnectedCallback(){this.observer.disconnect(),super.disconnectedCallback()}sync(){let r=this.root,i=this.circle;if(!r||!i)return;let e=(0,l.clampProgressValue)(r);(0,l.applyProgressDataAttributes)(this,e,r.min,r.max),e==null?this.style.removeProperty("--skdx-progress"):this.style.setProperty("--skdx-progress",`${(0,h.getProgressPercent)(e,r.min,r.max)}%`),(0,l.applyCircleVars)(this,i.circumference,e,r.min,r.max)}render(){return c.html`<slot part="indicator"></slot>`}};o.styles=c.css`
     :host {
       display: block;
     }
-  `,o=m([(0,h.customElement)("skdx-progress-circle-indicator","progress","circle-indicator")],o);0&&(module.exports={SkdxProgressCircleIndicator});
+  `,o=m([(0,u.customElement)("skdx-progress-circle-indicator","progress","circle-indicator")],o);0&&(module.exports={SkdxProgressCircleIndicator});

package/dist/progress/ProgressCircleIndicator.js

@@ -1,5 +1,5 @@
-var a=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var n=(o,t,e,s)=>{for(var r=s>1?void 0:s?d(t,e):t,c=o.length-1,l;c>=0;c--)(l=o[c])&&(r=(s?l(t,e,r):l(r))||r);return s&&r&&a(t,e,r),r};import{css as p,html as m,LitElement as h}from"lit";import{customElement as u}from"../internal/define.js";import{getProgressPercent as v}from"./Progress.js";import{applyCircleVars as b,applyProgressDataAttributes as g,clampProgressValue as k}from"./ProgressCircle.js";var i=class extends h{constructor(){super(...arguments);this.root=null;this.circle=null;this.observer=new MutationObserver(()=>this.sync())}connectedCallback(){if(super.connectedCallback(),this.circle=this.closest("skdx-progress-circle"),!this.circle)throw new Error("<skdx-progress-circle-indicator> must be used inside <skdx-progress-circle>.");if(this.root=this.closest("skdx-progress"),!this.root)throw new Error("<skdx-progress-circle-indicator> must be used inside <skdx-progress>.");this.observer.observe(this.root,{attributeFilter:["value","min","max","indeterminate"]}),this.observer.observe(this.circle,{attributeFilter:["diameter","stroke-width"]}),this.sync()}disconnectedCallback(){this.observer.disconnect(),super.disconnectedCallback()}sync(){let e=this.root,s=this.circle;if(!e||!s)return;let r=k(e);g(this,r,e.min,e.max),r==null?this.style.removeProperty("--skdx-progress"):this.style.setProperty("--skdx-progress",`${v(r,e.min,e.max)}%`),b(this,s.circumference,r,e.min,e.max)}render(){return m`<slot part="indicator"></slot>`}};i.styles=p`
+var n=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var a=(o,t,e,s)=>{for(var r=s>1?void 0:s?d(t,e):t,c=o.length-1,l;c>=0;c--)(l=o[c])&&(r=(s?l(t,e,r):l(r))||r);return s&&r&&n(t,e,r),r};import{css as p,html as m,LitElement as u}from"lit";import{customElement as h}from"../internal/define.js";import{getProgressPercent as v}from"./Progress.js";import{applyCircleVars as g,applyProgressDataAttributes as b,clampProgressValue as k}from"./ProgressCircle.js";var i=class extends u{constructor(){super(...arguments);this.root=null;this.circle=null;this.observer=new MutationObserver(()=>this.sync())}connectedCallback(){if(super.connectedCallback(),this.circle=this.closest("skdx-progress-circle"),!this.circle)throw new Error("<skdx-progress-circle-indicator> must be used inside <skdx-progress-circle>.");if(this.root=this.closest("skdx-progress, skdx-gauge"),!this.root)throw new Error("<skdx-progress-circle-indicator> must be used inside <skdx-progress>.");this.observer.observe(this.root,{attributeFilter:["value","min","max","indeterminate"]}),this.observer.observe(this.circle,{attributeFilter:["diameter","stroke-width"]}),this.sync()}disconnectedCallback(){this.observer.disconnect(),super.disconnectedCallback()}sync(){let e=this.root,s=this.circle;if(!e||!s)return;let r=k(e);b(this,r,e.min,e.max),r==null?this.style.removeProperty("--skdx-progress"):this.style.setProperty("--skdx-progress",`${v(r,e.min,e.max)}%`),g(this,s.circumference,r,e.min,e.max)}render(){return m`<slot part="indicator"></slot>`}};i.styles=p`
     :host {
       display: block;
     }
-  `,i=n([u("skdx-progress-circle-indicator","progress","circle-indicator")],i);export{i as SkdxProgressCircleIndicator};
+  `,i=a([h("skdx-progress-circle-indicator","progress","circle-indicator")],i);export{i as SkdxProgressCircleIndicator};

package/dist/progress/ProgressIndicator.cjs

@@ -1,5 +1,5 @@
-"use strict";var c=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var v=(i,r)=>{for(var e in r)c(i,e,{get:r[e],enumerable:!0})},g=(i,r,e,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of h(r))!b.call(i,t)&&t!==e&&c(i,t,{get:()=>r[t],enumerable:!(s=m(r,t))||s.enumerable});return i};var f=i=>g(c({},"__esModule",{value:!0}),i),p=(i,r,e,s)=>{for(var t=s>1?void 0:s?m(r,e):r,o=i.length-1,a;o>=0;o--)(a=i[o])&&(t=(s?a(r,e,t):a(t))||t);return s&&t&&c(r,e,t),t};var y={};v(y,{SkdxProgressIndicator:()=>l});module.exports=f(y);var n=require("lit"),u=require("../internal/define.cjs"),d=require("./Progress.cjs");var l=class extends n.LitElement{constructor(){super(...arguments);this.root=null;this.observer=new MutationObserver(()=>this.sync())}connectedCallback(){if(super.connectedCallback(),this.root=this.closest("skdx-progress"),!this.root)throw new Error("<skdx-progress-indicator> must be used inside <skdx-progress>.");this.observer.observe(this.root,{attributeFilter:["value","min","max","buffer","indeterminate","role","low","high","optimum"]}),this.sync()}disconnectedCallback(){this.observer.disconnect(),super.disconnectedCallback()}sync(){let e=this.root;if(!e)return;let s=e.clampedValue,t=e.clampedMax,o=e.clampedBuffer;e.isMeter?this.removeAttribute("data-state"):this.setAttribute("data-state",(0,d.getState)(s,t));let a=e.range;a?this.setAttribute("data-range",a):this.removeAttribute("data-range"),this.setAttribute("data-min",String(e.min)),this.setAttribute("data-max",String(t)),s==null?(this.removeAttribute("data-value"),this.style.removeProperty("--skdx-progress")):(this.setAttribute("data-value",String(s)),this.style.setProperty("--skdx-progress",`${(0,d.getProgressPercent)(s,e.min,t)}%`)),o==null?this.style.removeProperty("--skdx-progress-buffer"):this.style.setProperty("--skdx-progress-buffer",`${(0,d.getProgressPercent)(o,e.min,t)}%`)}render(){return n.html`<slot part="indicator"></slot>`}};l.styles=n.css`
+"use strict";var c=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var g=(i,r)=>{for(var e in r)c(i,e,{get:r[e],enumerable:!0})},v=(i,r,e,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of h(r))!b.call(i,t)&&t!==e&&c(i,t,{get:()=>r[t],enumerable:!(s=u(r,t))||s.enumerable});return i};var f=i=>v(c({},"__esModule",{value:!0}),i),m=(i,r,e,s)=>{for(var t=s>1?void 0:s?u(r,e):r,o=i.length-1,a;o>=0;o--)(a=i[o])&&(t=(s?a(r,e,t):a(t))||t);return s&&t&&c(r,e,t),t};var y={};g(y,{SkdxProgressIndicator:()=>l});module.exports=f(y);var n=require("lit"),p=require("../internal/define.cjs"),d=require("./Progress.cjs");var l=class extends n.LitElement{constructor(){super(...arguments);this.root=null;this.observer=new MutationObserver(()=>this.sync())}connectedCallback(){if(super.connectedCallback(),this.root=this.closest("skdx-progress, skdx-gauge"),!this.root)throw new Error("<skdx-progress-indicator> must be used inside <skdx-progress>.");this.observer.observe(this.root,{attributeFilter:["value","min","max","buffer","indeterminate","role","low","high","optimum"]}),this.sync()}disconnectedCallback(){this.observer.disconnect(),super.disconnectedCallback()}sync(){let e=this.root;if(!e)return;let s=e.clampedValue,t=e.clampedMax,o=e.clampedBuffer;e.isMeter?this.removeAttribute("data-state"):this.setAttribute("data-state",(0,d.getState)(s,t));let a=e.range;a?this.setAttribute("data-range",a):this.removeAttribute("data-range"),this.setAttribute("data-min",String(e.min)),this.setAttribute("data-max",String(t)),s==null?(this.removeAttribute("data-value"),this.style.removeProperty("--skdx-progress")):(this.setAttribute("data-value",String(s)),this.style.setProperty("--skdx-progress",`${(0,d.getProgressPercent)(s,e.min,t)}%`)),o==null?this.style.removeProperty("--skdx-progress-buffer"):this.style.setProperty("--skdx-progress-buffer",`${(0,d.getProgressPercent)(o,e.min,t)}%`)}render(){return n.html`<slot part="indicator"></slot>`}};l.styles=n.css`
     :host {
       display: block;
     }
-  `,l=p([(0,u.customElement)("skdx-progress-indicator","progress","indicator")],l);0&&(module.exports={SkdxProgressIndicator});
+  `,l=m([(0,p.customElement)("skdx-progress-indicator","progress","indicator")],l);0&&(module.exports={SkdxProgressIndicator});

package/dist/progress/ProgressIndicator.js

@@ -1,4 +1,4 @@
-var c=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var n=(l,o,e,r)=>{for(var t=r>1?void 0:r?m(o,e):o,s=l.length-1,i;s>=0;s--)(i=l[s])&&(t=(r?i(o,e,t):i(t))||t);return r&&t&&c(o,e,t),t};import{css as p,html as u,LitElement as h}from"lit";import{customElement as b}from"../internal/define.js";import{getProgressPercent as d,getState as v}from"./Progress.js";var a=class extends h{constructor(){super(...arguments);this.root=null;this.observer=new MutationObserver(()=>this.sync())}connectedCallback(){if(super.connectedCallback(),this.root=this.closest("skdx-progress"),!this.root)throw new Error("<skdx-progress-indicator> must be used inside <skdx-progress>.");this.observer.observe(this.root,{attributeFilter:["value","min","max","buffer","indeterminate","role","low","high","optimum"]}),this.sync()}disconnectedCallback(){this.observer.disconnect(),super.disconnectedCallback()}sync(){let e=this.root;if(!e)return;let r=e.clampedValue,t=e.clampedMax,s=e.clampedBuffer;e.isMeter?this.removeAttribute("data-state"):this.setAttribute("data-state",v(r,t));let i=e.range;i?this.setAttribute("data-range",i):this.removeAttribute("data-range"),this.setAttribute("data-min",String(e.min)),this.setAttribute("data-max",String(t)),r==null?(this.removeAttribute("data-value"),this.style.removeProperty("--skdx-progress")):(this.setAttribute("data-value",String(r)),this.style.setProperty("--skdx-progress",`${d(r,e.min,t)}%`)),s==null?this.style.removeProperty("--skdx-progress-buffer"):this.style.setProperty("--skdx-progress-buffer",`${d(s,e.min,t)}%`)}render(){return u`<slot part="indicator"></slot>`}};a.styles=p`
+var c=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var n=(l,o,e,r)=>{for(var t=r>1?void 0:r?u(o,e):o,s=l.length-1,i;s>=0;s--)(i=l[s])&&(t=(r?i(o,e,t):i(t))||t);return r&&t&&c(o,e,t),t};import{css as m,html as p,LitElement as h}from"lit";import{customElement as b}from"../internal/define.js";import{getProgressPercent as d,getState as g}from"./Progress.js";var a=class extends h{constructor(){super(...arguments);this.root=null;this.observer=new MutationObserver(()=>this.sync())}connectedCallback(){if(super.connectedCallback(),this.root=this.closest("skdx-progress, skdx-gauge"),!this.root)throw new Error("<skdx-progress-indicator> must be used inside <skdx-progress>.");this.observer.observe(this.root,{attributeFilter:["value","min","max","buffer","indeterminate","role","low","high","optimum"]}),this.sync()}disconnectedCallback(){this.observer.disconnect(),super.disconnectedCallback()}sync(){let e=this.root;if(!e)return;let r=e.clampedValue,t=e.clampedMax,s=e.clampedBuffer;e.isMeter?this.removeAttribute("data-state"):this.setAttribute("data-state",g(r,t));let i=e.range;i?this.setAttribute("data-range",i):this.removeAttribute("data-range"),this.setAttribute("data-min",String(e.min)),this.setAttribute("data-max",String(t)),r==null?(this.removeAttribute("data-value"),this.style.removeProperty("--skdx-progress")):(this.setAttribute("data-value",String(r)),this.style.setProperty("--skdx-progress",`${d(r,e.min,t)}%`)),s==null?this.style.removeProperty("--skdx-progress-buffer"):this.style.setProperty("--skdx-progress-buffer",`${d(s,e.min,t)}%`)}render(){return p`<slot part="indicator"></slot>`}};a.styles=m`
     :host {
       display: block;
     }

package/dist/progress/ProgressLabel.cjs

@@ -1,4 +1,4 @@
-"use strict";var a=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var u=(r,e)=>{for(var s in e)a(r,s,{get:e[s],enumerable:!0})},g=(r,e,s,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of m(e))!b.call(r,t)&&t!==s&&a(r,t,{get:()=>e[t],enumerable:!(o=c(e,t))||o.enumerable});return r};var k=r=>g(a({},"__esModule",{value:!0}),r),h=(r,e,s,o)=>{for(var t=o>1?void 0:o?c(e,s):e,n=r.length-1,p;n>=0;n--)(p=r[n])&&(t=(o?p(e,s,t):p(t))||t);return o&&t&&a(e,s,t),t};var f={};u(f,{SkdxProgressLabel:()=>l});module.exports=k(f);var i=require("lit"),d=require("../internal/define.cjs");var l=class extends i.LitElement{constructor(){super(...arguments);this.root=null}connectedCallback(){if(super.connectedCallback(),this.root=this.closest("skdx-progress"),!this.root)throw new Error("<skdx-progress-label> must be used inside <skdx-progress>.");(0,d.whenUpgraded)(this.root,()=>{this.root&&(this.id?this.root.labelId=this.id:this.id=this.root.labelId,this.root.registerLabel(!0))})}disconnectedCallback(){this.root?.registerLabel(!1),super.disconnectedCallback()}render(){return i.html`<slot part="label"></slot>`}};l.styles=i.css`
+"use strict";var a=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var g=(r,e)=>{for(var s in e)a(r,s,{get:e[s],enumerable:!0})},u=(r,e,s,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of m(e))!b.call(r,t)&&t!==s&&a(r,t,{get:()=>e[t],enumerable:!(o=c(e,t))||o.enumerable});return r};var k=r=>u(a({},"__esModule",{value:!0}),r),h=(r,e,s,o)=>{for(var t=o>1?void 0:o?c(e,s):e,n=r.length-1,p;n>=0;n--)(p=r[n])&&(t=(o?p(e,s,t):p(t))||t);return o&&t&&a(e,s,t),t};var f={};g(f,{SkdxProgressLabel:()=>l});module.exports=k(f);var i=require("lit"),d=require("../internal/define.cjs");var l=class extends i.LitElement{constructor(){super(...arguments);this.root=null}connectedCallback(){if(super.connectedCallback(),this.root=this.closest("skdx-progress, skdx-gauge"),!this.root)throw new Error("<skdx-progress-label> must be used inside <skdx-progress>.");(0,d.whenUpgraded)(this.root,()=>{this.root&&(this.id?this.root.labelId=this.id:this.id=this.root.labelId,this.root.registerLabel(!0))})}disconnectedCallback(){this.root?.registerLabel(!1),super.disconnectedCallback()}render(){return i.html`<slot part="label"></slot>`}};l.styles=i.css`
     :host {
       display: block;
     }

package/dist/progress/ProgressLabel.js

@@ -1,4 +1,4 @@
-var n=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var d=(o,t,l,s)=>{for(var e=s>1?void 0:s?p(t,l):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(e=(s?a(t,l,e):a(e))||e);return s&&e&&n(t,l,e),e};import{css as c,html as h,LitElement as m}from"lit";import{customElement as b,whenUpgraded as u}from"../internal/define.js";var r=class extends m{constructor(){super(...arguments);this.root=null}connectedCallback(){if(super.connectedCallback(),this.root=this.closest("skdx-progress"),!this.root)throw new Error("<skdx-progress-label> must be used inside <skdx-progress>.");u(this.root,()=>{this.root&&(this.id?this.root.labelId=this.id:this.id=this.root.labelId,this.root.registerLabel(!0))})}disconnectedCallback(){this.root?.registerLabel(!1),super.disconnectedCallback()}render(){return h`<slot part="label"></slot>`}};r.styles=c`
+var n=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var d=(o,t,l,s)=>{for(var e=s>1?void 0:s?p(t,l):t,i=o.length-1,a;i>=0;i--)(a=o[i])&&(e=(s?a(t,l,e):a(e))||e);return s&&e&&n(t,l,e),e};import{css as c,html as h,LitElement as m}from"lit";import{customElement as b,whenUpgraded as g}from"../internal/define.js";var r=class extends m{constructor(){super(...arguments);this.root=null}connectedCallback(){if(super.connectedCallback(),this.root=this.closest("skdx-progress, skdx-gauge"),!this.root)throw new Error("<skdx-progress-label> must be used inside <skdx-progress>.");g(this.root,()=>{this.root&&(this.id?this.root.labelId=this.id:this.id=this.root.labelId,this.root.registerLabel(!0))})}disconnectedCallback(){this.root?.registerLabel(!1),super.disconnectedCallback()}render(){return h`<slot part="label"></slot>`}};r.styles=c`
     :host {
       display: block;
     }

package/dist/progress/ProgressValue.cjs

@@ -1,4 +1,4 @@
-"use strict";var l=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var h=(s,e)=>{for(var t in e)l(s,t,{get:e[t],enumerable:!0})},g=(s,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of m(e))!b.call(s,r)&&r!==t&&l(s,r,{get:()=>e[r],enumerable:!(o=u(e,r))||o.enumerable});return s};var f=s=>g(l({},"__esModule",{value:!0}),s),c=(s,e,t,o)=>{for(var r=o>1?void 0:o?u(e,t):e,n=s.length-1,d;n>=0;n--)(d=s[n])&&(r=(o?d(e,t,r):d(r))||r);return o&&r&&l(e,t,r),r};var k={};h(k,{SkdxProgressValue:()=>i});module.exports=f(k);var a=require("lit"),p=require("lit/decorators.js"),v=require("../internal/define.cjs");var i=class extends a.LitElement{constructor(){super(...arguments);this.label="";this.root=null;this.observer=new MutationObserver(()=>this.requestProgressSync())}connectedCallback(){if(super.connectedCallback(),this.root=this.closest("skdx-progress"),!this.root)throw new Error("<skdx-progress-value> must be used inside <skdx-progress>.");this.setAttribute("aria-hidden","true"),this.observer.observe(this.root,{attributeFilter:["value","min","max","indeterminate"]}),this.requestProgressSync()}disconnectedCallback(){this.observer.disconnect(),super.disconnectedCallback()}requestProgressSync(){let t=this.root;t&&(this.label=t.valueLabel??"",t.isMeter?this.removeAttribute("data-state"):this.setAttribute("data-state",t.getAttribute("data-state")??"indeterminate"))}render(){return a.html`<slot part="value">${this.label}</slot>`}};i.styles=a.css`
+"use strict";var l=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var h=(s,e)=>{for(var t in e)l(s,t,{get:e[t],enumerable:!0})},g=(s,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of m(e))!b.call(s,r)&&r!==t&&l(s,r,{get:()=>e[r],enumerable:!(o=u(e,r))||o.enumerable});return s};var k=s=>g(l({},"__esModule",{value:!0}),s),c=(s,e,t,o)=>{for(var r=o>1?void 0:o?u(e,t):e,n=s.length-1,d;n>=0;n--)(d=s[n])&&(r=(o?d(e,t,r):d(r))||r);return o&&r&&l(e,t,r),r};var f={};h(f,{SkdxProgressValue:()=>i});module.exports=k(f);var a=require("lit"),p=require("lit/decorators.js"),v=require("../internal/define.cjs");var i=class extends a.LitElement{constructor(){super(...arguments);this.label="";this.root=null;this.observer=new MutationObserver(()=>this.requestProgressSync())}connectedCallback(){if(super.connectedCallback(),this.root=this.closest("skdx-progress, skdx-gauge"),!this.root)throw new Error("<skdx-progress-value> must be used inside <skdx-progress>.");this.setAttribute("aria-hidden","true"),this.observer.observe(this.root,{attributeFilter:["value","min","max","indeterminate"]}),this.requestProgressSync()}disconnectedCallback(){this.observer.disconnect(),super.disconnectedCallback()}requestProgressSync(){let t=this.root;t&&(this.label=t.valueLabel??"",t.isMeter?this.removeAttribute("data-state"):this.setAttribute("data-state",t.getAttribute("data-state")??"indeterminate"))}render(){return a.html`<slot part="value">${this.label}</slot>`}};i.styles=a.css`
     :host {
       display: block;
     }

package/dist/progress/ProgressValue.js

@@ -1,4 +1,4 @@
-var d=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var n=(i,s,e,o)=>{for(var t=o>1?void 0:o?c(s,e):s,a=i.length-1,l;a>=0;a--)(l=i[a])&&(t=(o?l(s,e,t):l(t))||t);return o&&t&&d(s,e,t),t};import{css as u,html as p,LitElement as v}from"lit";import{state as m}from"lit/decorators.js";import{customElement as b}from"../internal/define.js";var r=class extends v{constructor(){super(...arguments);this.label="";this.root=null;this.observer=new MutationObserver(()=>this.requestProgressSync())}connectedCallback(){if(super.connectedCallback(),this.root=this.closest("skdx-progress"),!this.root)throw new Error("<skdx-progress-value> must be used inside <skdx-progress>.");this.setAttribute("aria-hidden","true"),this.observer.observe(this.root,{attributeFilter:["value","min","max","indeterminate"]}),this.requestProgressSync()}disconnectedCallback(){this.observer.disconnect(),super.disconnectedCallback()}requestProgressSync(){let e=this.root;e&&(this.label=e.valueLabel??"",e.isMeter?this.removeAttribute("data-state"):this.setAttribute("data-state",e.getAttribute("data-state")??"indeterminate"))}render(){return p`<slot part="value">${this.label}</slot>`}};r.styles=u`
+var d=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var n=(i,s,e,o)=>{for(var t=o>1?void 0:o?c(s,e):s,a=i.length-1,l;a>=0;a--)(l=i[a])&&(t=(o?l(s,e,t):l(t))||t);return o&&t&&d(s,e,t),t};import{css as u,html as p,LitElement as v}from"lit";import{state as m}from"lit/decorators.js";import{customElement as b}from"../internal/define.js";var r=class extends v{constructor(){super(...arguments);this.label="";this.root=null;this.observer=new MutationObserver(()=>this.requestProgressSync())}connectedCallback(){if(super.connectedCallback(),this.root=this.closest("skdx-progress, skdx-gauge"),!this.root)throw new Error("<skdx-progress-value> must be used inside <skdx-progress>.");this.setAttribute("aria-hidden","true"),this.observer.observe(this.root,{attributeFilter:["value","min","max","indeterminate"]}),this.requestProgressSync()}disconnectedCallback(){this.observer.disconnect(),super.disconnectedCallback()}requestProgressSync(){let e=this.root;e&&(this.label=e.valueLabel??"",e.isMeter?this.removeAttribute("data-state"):this.setAttribute("data-state",e.getAttribute("data-state")??"indeterminate"))}render(){return p`<slot part="value">${this.label}</slot>`}};r.styles=u`
     :host {
       display: block;
     }

package/dist/select/SelectContent.cjs

@@ -1,5 +1,5 @@
-"use strict";var p=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var O=Object.getOwnPropertyNames;var L=Object.prototype.hasOwnProperty;var P=(s,o)=>{for(var t in o)p(s,t,{get:o[t],enumerable:!0})},A=(s,o,t,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of O(o))!L.call(s,i)&&i!==t&&p(s,i,{get:()=>o[i],enumerable:!(e=v(o,i))||e.enumerable});return s};var w=s=>A(p({},"__esModule",{value:!0}),s),r=(s,o,t,e)=>{for(var i=e>1?void 0:e?v(o,t):o,d=s.length-1,h;d>=0;d--)(h=s[d])&&(i=(e?h(o,t,i):h(i))||i);return e&&i&&p(o,t,i),i};var D={};P(D,{SkdxSelectContent:()=>n});module.exports=w(D);var c=require("lit"),a=require("lit/decorators.js"),g=require("../internal/closest.cjs"),b=require("../internal/define.cjs"),l=require("../internal/dismiss.cjs"),m=require("../internal/positioning.cjs"),y=require("../internal/styles.cjs"),f=require("./family.cjs"),E=require("./Select.cjs");function T(s,o){let t=s.querySelector('[data-part="viewport"]')??s;if(t===o||!t.contains(o))return;let e=t.getBoundingClientRect(),i=o.getBoundingClientRect();t.scrollTop+=i.top-e.top-(e.height-i.height)/2}var n=class extends c.LitElement{constructor(){super(...arguments);this.side="bottom";this.align="start";this.sideOffset=4;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.matchWidth=!1;this.root=null;this.onRootUpdate=()=>this.syncHostState();this.preventFocusSteal=t=>t.preventDefault();this.handleOutsidePointerDown=t=>{if(!this.root?.open)return;let e=t.target;this.contains(e)||(0,l.triggerContains)(this.root.triggerEl,e)||(0,l.dispatchOutside)(this,"pointer-down-outside",t)&&this.root.setOpen(!1)};this.handleOutsideFocus=t=>{if(!this.root?.open)return;let e=(0,l.focusOutsideTarget)(t);!e||this.contains(e)||this.root.contains(e)||(0,l.dispatchOutside)(this,"focus-outside",t)&&this.root.setOpen(!1)};this.handleDocumentKeyDown=t=>{t.key!=="Escape"||!this.root?.open||(t.preventDefault(),(0,l.dispatchEscapeKeyDown)(this,t)&&(this.root.setOpen(!1),this.root.focusTrigger()))}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listbox"),this.tabIndex=-1,this.root=(0,g.closestThroughPortal)(this,f.SELECT_FAMILY.selector),this.root&&(this.root.contentEl=this),this.root?.addEventListener(f.SELECT_FAMILY.event,this.onRootUpdate),this.addEventListener("mousedown",this.preventFocusSteal),document.addEventListener("keydown",this.handleDocumentKeyDown,!0),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.root&&(this.id?this.root.contentId=this.id:this.id=this.root.contentId),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(f.SELECT_FAMILY.event,this.onRootUpdate),this.root?.contentEl===this&&(this.root.contentEl=null),this.removeEventListener("mousedown",this.preventFocusSteal),document.removeEventListener("keydown",this.handleDocumentKeyDown,!0),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.cleanupPosition?.(),super.disconnectedCallback()}firstUpdated(){this.root?.open&&this.activate()}syncHostState(){let t=this.root?.open??!1;this.setAttribute("data-state",t?"open":"closed"),this.setAttribute("data-side",this.side??"bottom"),this.setAttribute("data-align",this.align??"start"),this.root?.loading?(this.setAttribute("aria-busy","true"),this.setAttribute("data-loading","")):(this.removeAttribute("aria-busy"),this.removeAttribute("data-loading")),this.root?.multiple?(this.setAttribute("aria-multiselectable","true"),this.setAttribute("data-multiple","")):(this.removeAttribute("aria-multiselectable"),this.removeAttribute("data-multiple")),this.hidden=!t,t?this.activate():this.deactivate(),this.requestUpdate()}activate(){this.cleanupPosition||!this.root?.triggerEl||(this.cleanupPosition=(0,m.positionFloating)(this.root.triggerEl,this,{side:this.side,align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary,component:"select"}),requestAnimationFrame(()=>this.seedActiveOption()))}seedActiveOption(){let t=this.root;if(!t?.open)return;let e=t.openIntent;t.openIntent="selected";let i=Array.from(this.querySelectorAll(E.OPTION_SELECTOR)),d=i[0],h=i[i.length-1],u=this.querySelector('[role="option"][data-state="checked"]:not([data-skdx-select-all])')??d;e==="first"?u=d:e==="last"&&(u=h),u&&(t.setActiveId(u.id),T(this,u))}deactivate(){this.cleanupPosition?.(),this.cleanupPosition=void 0}render(){return c.html`<slot></slot>`}};n.styles=[y.hiddenHostStyles,c.css`
+"use strict";var p=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var O=Object.prototype.hasOwnProperty;var P=(o,s)=>{for(var t in s)p(o,t,{get:s[t],enumerable:!0})},A=(o,s,t,e)=>{if(s&&typeof s=="object"||typeof s=="function")for(let i of L(s))!O.call(o,i)&&i!==t&&p(o,i,{get:()=>s[i],enumerable:!(e=v(s,i))||e.enumerable});return o};var w=o=>A(p({},"__esModule",{value:!0}),o),a=(o,s,t,e)=>{for(var i=e>1?void 0:e?v(s,t):s,d=o.length-1,c;d>=0;d--)(c=o[d])&&(i=(e?c(s,t,i):c(i))||i);return e&&i&&p(s,t,i),i};var D={};P(D,{SkdxSelectContent:()=>r});module.exports=w(D);var h=require("lit"),l=require("lit/decorators.js"),y=require("../internal/closest.cjs"),g=require("../internal/define.cjs"),n=require("../internal/dismiss.cjs"),m=require("../internal/positioning.cjs"),b=require("../internal/styles.cjs"),f=require("./family.cjs"),E=require("./Select.cjs");function T(o,s){let t=o.querySelector('[data-part="viewport"]')??o;if(t===s||!t.contains(s))return;let e=t.getBoundingClientRect(),i=s.getBoundingClientRect();t.scrollTop+=i.top-e.top-(e.height-i.height)/2}var r=class extends h.LitElement{constructor(){super(...arguments);this.side="bottom";this.align="start";this.sideOffset=4;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.matchWidth=!1;this.root=null;this.layer={insideElements:()=>[this,this.root]};this.onRootUpdate=()=>this.syncHostState();this.preventFocusSteal=t=>t.preventDefault();this.handleOutsidePointerDown=t=>{if(!this.root?.open)return;let e=t.target;this.contains(e)||(0,n.triggerContains)(this.root.triggerEl,e)||(0,n.nestedLayerContains)(this.layer,e)||(0,n.dispatchOutside)(this,"pointer-down-outside",t)&&this.root.setOpen(!1)};this.handleOutsideFocus=t=>{if(!this.root?.open)return;let e=(0,n.focusOutsideTarget)(t);!e||this.contains(e)||this.root.contains(e)||(0,n.nestedLayerContains)(this.layer,e)||(0,n.dispatchOutside)(this,"focus-outside",t)&&this.root.setOpen(!1)};this.handleDocumentKeyDown=t=>{t.key!=="Escape"||!this.root?.open||(t.preventDefault(),(0,n.dispatchEscapeKeyDown)(this,t)&&(this.root.setOpen(!1),this.root.focusTrigger()))}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listbox"),this.tabIndex=-1,this.root=(0,y.closestThroughPortal)(this,f.SELECT_FAMILY.selector),this.root&&(this.root.contentEl=this),this.root?.addEventListener(f.SELECT_FAMILY.event,this.onRootUpdate),this.addEventListener("mousedown",this.preventFocusSteal),document.addEventListener("keydown",this.handleDocumentKeyDown,!0),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.root&&(this.id?this.root.contentId=this.id:this.id=this.root.contentId),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(f.SELECT_FAMILY.event,this.onRootUpdate),this.root?.contentEl===this&&(this.root.contentEl=null),this.removeEventListener("mousedown",this.preventFocusSteal),document.removeEventListener("keydown",this.handleDocumentKeyDown,!0),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.releaseLayer?.(),this.releaseLayer=void 0,this.cleanupPosition?.(),super.disconnectedCallback()}firstUpdated(){this.root?.open&&this.activate()}syncHostState(){let t=this.root?.open??!1;this.setAttribute("data-state",t?"open":"closed"),this.setAttribute("data-side",this.side??"bottom"),this.setAttribute("data-align",this.align??"start"),this.root?.loading?(this.setAttribute("aria-busy","true"),this.setAttribute("data-loading","")):(this.removeAttribute("aria-busy"),this.removeAttribute("data-loading")),this.root?.multiple?(this.setAttribute("aria-multiselectable","true"),this.setAttribute("data-multiple","")):(this.removeAttribute("aria-multiselectable"),this.removeAttribute("data-multiple")),this.hidden=!t,t&&!this.releaseLayer?this.releaseLayer=(0,n.pushDismissLayer)(this.layer):!t&&this.releaseLayer&&(this.releaseLayer(),this.releaseLayer=void 0),t?this.activate():this.deactivate(),this.requestUpdate()}activate(){this.cleanupPosition||!this.root?.triggerEl||(this.cleanupPosition=(0,m.positionFloating)(this.root.triggerEl,this,{side:this.side,align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary,component:"select"}),requestAnimationFrame(()=>this.seedActiveOption()))}seedActiveOption(){let t=this.root;if(!t?.open)return;let e=t.openIntent;t.openIntent="selected";let i=Array.from(this.querySelectorAll(E.OPTION_SELECTOR)),d=i[0],c=i[i.length-1],u=this.querySelector('[role="option"][data-state="checked"]:not([data-skdx-select-all])')??d;e==="first"?u=d:e==="last"&&(u=c),u&&(t.setActiveId(u.id),T(this,u))}deactivate(){this.cleanupPosition?.(),this.cleanupPosition=void 0}render(){return h.html`<slot></slot>`}};r.styles=[b.hiddenHostStyles,h.css`
       :host {
         display: block;
       }
-    `],r([(0,a.property)({type:String})],n.prototype,"side",2),r([(0,a.property)({type:String})],n.prototype,"align",2),r([(0,a.property)({type:Number,attribute:"side-offset"})],n.prototype,"sideOffset",2),r([(0,a.property)({type:Number,attribute:"align-offset"})],n.prototype,"alignOffset",2),r([(0,a.property)({converter:m.optOutBoolean,attribute:"avoid-collisions"})],n.prototype,"avoidCollisions",2),r([(0,a.property)({type:Number,attribute:"collision-padding"})],n.prototype,"collisionPadding",2),r([(0,a.property)({attribute:!1})],n.prototype,"collisionBoundary",2),r([(0,a.property)({type:Boolean,reflect:!0,attribute:"data-match-width"})],n.prototype,"matchWidth",2),n=r([(0,b.customElement)("skdx-select-content","select","content")],n);0&&(module.exports={SkdxSelectContent});
+    `],a([(0,l.property)({type:String})],r.prototype,"side",2),a([(0,l.property)({type:String})],r.prototype,"align",2),a([(0,l.property)({type:Number,attribute:"side-offset"})],r.prototype,"sideOffset",2),a([(0,l.property)({type:Number,attribute:"align-offset"})],r.prototype,"alignOffset",2),a([(0,l.property)({converter:m.optOutBoolean,attribute:"avoid-collisions"})],r.prototype,"avoidCollisions",2),a([(0,l.property)({type:Number,attribute:"collision-padding"})],r.prototype,"collisionPadding",2),a([(0,l.property)({attribute:!1})],r.prototype,"collisionBoundary",2),a([(0,l.property)({type:Boolean,reflect:!0,attribute:"data-match-width"})],r.prototype,"matchWidth",2),r=a([(0,g.customElement)("skdx-select-content","select","content")],r);0&&(module.exports={SkdxSelectContent});

package/dist/select/SelectContent.d.cts

@@ -52,6 +52,9 @@ export declare class SkdxSelectContent extends LitElement {
      */
     matchWidth: boolean;
     private root;
+    /** What counts as inside this layer: the listbox and the whole control, since focus stays on the trigger. */
+    private readonly layer;
+    private releaseLayer?;
     private readonly onRootUpdate;
     private cleanupPosition?;
     connectedCallback(): void;

package/dist/select/SelectContent.d.ts

@@ -52,6 +52,9 @@ export declare class SkdxSelectContent extends LitElement {
      */
     matchWidth: boolean;
     private root;
+    /** What counts as inside this layer: the listbox and the whole control, since focus stays on the trigger. */
+    private readonly layer;
+    private releaseLayer?;
     private readonly onRootUpdate;
     private cleanupPosition?;
     connectedCallback(): void;

package/dist/select/SelectContent.js

@@ -1,5 +1,5 @@
-var p=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var s=(a,n,t,e)=>{for(var i=e>1?void 0:e?f(n,t):n,l=a.length-1,d;l>=0;l--)(d=a[l])&&(i=(e?d(n,t,i):d(i))||i);return e&&i&&p(n,t,i),i};import{css as m,html as v,LitElement as g}from"lit";import{property as r}from"lit/decorators.js";import{closestThroughPortal as b}from"../internal/closest.js";import{customElement as y}from"../internal/define.js";import{dispatchEscapeKeyDown as E,dispatchOutside as u,focusOutsideTarget as O,triggerContains as L}from"../internal/dismiss.js";import{optOutBoolean as P,positionFloating as A}from"../internal/positioning.js";import{hiddenHostStyles as w}from"../internal/styles.js";import{SELECT_FAMILY as h}from"./family.js";import{OPTION_SELECTOR as T}from"./Select.js";function D(a,n){let t=a.querySelector('[data-part="viewport"]')??a;if(t===n||!t.contains(n))return;let e=t.getBoundingClientRect(),i=n.getBoundingClientRect();t.scrollTop+=i.top-e.top-(e.height-i.height)/2}var o=class extends g{constructor(){super(...arguments);this.side="bottom";this.align="start";this.sideOffset=4;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.matchWidth=!1;this.root=null;this.onRootUpdate=()=>this.syncHostState();this.preventFocusSteal=t=>t.preventDefault();this.handleOutsidePointerDown=t=>{if(!this.root?.open)return;let e=t.target;this.contains(e)||L(this.root.triggerEl,e)||u(this,"pointer-down-outside",t)&&this.root.setOpen(!1)};this.handleOutsideFocus=t=>{if(!this.root?.open)return;let e=O(t);!e||this.contains(e)||this.root.contains(e)||u(this,"focus-outside",t)&&this.root.setOpen(!1)};this.handleDocumentKeyDown=t=>{t.key!=="Escape"||!this.root?.open||(t.preventDefault(),E(this,t)&&(this.root.setOpen(!1),this.root.focusTrigger()))}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listbox"),this.tabIndex=-1,this.root=b(this,h.selector),this.root&&(this.root.contentEl=this),this.root?.addEventListener(h.event,this.onRootUpdate),this.addEventListener("mousedown",this.preventFocusSteal),document.addEventListener("keydown",this.handleDocumentKeyDown,!0),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.root&&(this.id?this.root.contentId=this.id:this.id=this.root.contentId),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(h.event,this.onRootUpdate),this.root?.contentEl===this&&(this.root.contentEl=null),this.removeEventListener("mousedown",this.preventFocusSteal),document.removeEventListener("keydown",this.handleDocumentKeyDown,!0),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.cleanupPosition?.(),super.disconnectedCallback()}firstUpdated(){this.root?.open&&this.activate()}syncHostState(){let t=this.root?.open??!1;this.setAttribute("data-state",t?"open":"closed"),this.setAttribute("data-side",this.side??"bottom"),this.setAttribute("data-align",this.align??"start"),this.root?.loading?(this.setAttribute("aria-busy","true"),this.setAttribute("data-loading","")):(this.removeAttribute("aria-busy"),this.removeAttribute("data-loading")),this.root?.multiple?(this.setAttribute("aria-multiselectable","true"),this.setAttribute("data-multiple","")):(this.removeAttribute("aria-multiselectable"),this.removeAttribute("data-multiple")),this.hidden=!t,t?this.activate():this.deactivate(),this.requestUpdate()}activate(){this.cleanupPosition||!this.root?.triggerEl||(this.cleanupPosition=A(this.root.triggerEl,this,{side:this.side,align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary,component:"select"}),requestAnimationFrame(()=>this.seedActiveOption()))}seedActiveOption(){let t=this.root;if(!t?.open)return;let e=t.openIntent;t.openIntent="selected";let i=Array.from(this.querySelectorAll(T)),l=i[0],d=i[i.length-1],c=this.querySelector('[role="option"][data-state="checked"]:not([data-skdx-select-all])')??l;e==="first"?c=l:e==="last"&&(c=d),c&&(t.setActiveId(c.id),D(this,c))}deactivate(){this.cleanupPosition?.(),this.cleanupPosition=void 0}render(){return v`<slot></slot>`}};o.styles=[w,m`
+var f=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var o=(a,r,t,e)=>{for(var i=e>1?void 0:e?m(r,t):r,l=a.length-1,d;l>=0;l--)(d=a[l])&&(i=(e?d(r,t,i):d(i))||i);return e&&i&&f(r,t,i),i};import{css as v,html as y,LitElement as g}from"lit";import{property as n}from"lit/decorators.js";import{closestThroughPortal as b}from"../internal/closest.js";import{customElement as E}from"../internal/define.js";import{dispatchEscapeKeyDown as L,dispatchOutside as u,focusOutsideTarget as O,nestedLayerContains as p,pushDismissLayer as P,triggerContains as A}from"../internal/dismiss.js";import{optOutBoolean as w,positionFloating as T}from"../internal/positioning.js";import{hiddenHostStyles as D}from"../internal/styles.js";import{SELECT_FAMILY as c}from"./family.js";import{OPTION_SELECTOR as F}from"./Select.js";function H(a,r){let t=a.querySelector('[data-part="viewport"]')??a;if(t===r||!t.contains(r))return;let e=t.getBoundingClientRect(),i=r.getBoundingClientRect();t.scrollTop+=i.top-e.top-(e.height-i.height)/2}var s=class extends g{constructor(){super(...arguments);this.side="bottom";this.align="start";this.sideOffset=4;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.matchWidth=!1;this.root=null;this.layer={insideElements:()=>[this,this.root]};this.onRootUpdate=()=>this.syncHostState();this.preventFocusSteal=t=>t.preventDefault();this.handleOutsidePointerDown=t=>{if(!this.root?.open)return;let e=t.target;this.contains(e)||A(this.root.triggerEl,e)||p(this.layer,e)||u(this,"pointer-down-outside",t)&&this.root.setOpen(!1)};this.handleOutsideFocus=t=>{if(!this.root?.open)return;let e=O(t);!e||this.contains(e)||this.root.contains(e)||p(this.layer,e)||u(this,"focus-outside",t)&&this.root.setOpen(!1)};this.handleDocumentKeyDown=t=>{t.key!=="Escape"||!this.root?.open||(t.preventDefault(),L(this,t)&&(this.root.setOpen(!1),this.root.focusTrigger()))}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listbox"),this.tabIndex=-1,this.root=b(this,c.selector),this.root&&(this.root.contentEl=this),this.root?.addEventListener(c.event,this.onRootUpdate),this.addEventListener("mousedown",this.preventFocusSteal),document.addEventListener("keydown",this.handleDocumentKeyDown,!0),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),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("mousedown",this.preventFocusSteal),document.removeEventListener("keydown",this.handleDocumentKeyDown,!0),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.releaseLayer?.(),this.releaseLayer=void 0,this.cleanupPosition?.(),super.disconnectedCallback()}firstUpdated(){this.root?.open&&this.activate()}syncHostState(){let t=this.root?.open??!1;this.setAttribute("data-state",t?"open":"closed"),this.setAttribute("data-side",this.side??"bottom"),this.setAttribute("data-align",this.align??"start"),this.root?.loading?(this.setAttribute("aria-busy","true"),this.setAttribute("data-loading","")):(this.removeAttribute("aria-busy"),this.removeAttribute("data-loading")),this.root?.multiple?(this.setAttribute("aria-multiselectable","true"),this.setAttribute("data-multiple","")):(this.removeAttribute("aria-multiselectable"),this.removeAttribute("data-multiple")),this.hidden=!t,t&&!this.releaseLayer?this.releaseLayer=P(this.layer):!t&&this.releaseLayer&&(this.releaseLayer(),this.releaseLayer=void 0),t?this.activate():this.deactivate(),this.requestUpdate()}activate(){this.cleanupPosition||!this.root?.triggerEl||(this.cleanupPosition=T(this.root.triggerEl,this,{side:this.side,align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary,component:"select"}),requestAnimationFrame(()=>this.seedActiveOption()))}seedActiveOption(){let t=this.root;if(!t?.open)return;let e=t.openIntent;t.openIntent="selected";let i=Array.from(this.querySelectorAll(F)),l=i[0],d=i[i.length-1],h=this.querySelector('[role="option"][data-state="checked"]:not([data-skdx-select-all])')??l;e==="first"?h=l:e==="last"&&(h=d),h&&(t.setActiveId(h.id),H(this,h))}deactivate(){this.cleanupPosition?.(),this.cleanupPosition=void 0}render(){return y`<slot></slot>`}};s.styles=[D,v`
       :host {
         display: block;
       }
-    `],s([r({type:String})],o.prototype,"side",2),s([r({type:String})],o.prototype,"align",2),s([r({type:Number,attribute:"side-offset"})],o.prototype,"sideOffset",2),s([r({type:Number,attribute:"align-offset"})],o.prototype,"alignOffset",2),s([r({converter:P,attribute:"avoid-collisions"})],o.prototype,"avoidCollisions",2),s([r({type:Number,attribute:"collision-padding"})],o.prototype,"collisionPadding",2),s([r({attribute:!1})],o.prototype,"collisionBoundary",2),s([r({type:Boolean,reflect:!0,attribute:"data-match-width"})],o.prototype,"matchWidth",2),o=s([y("skdx-select-content","select","content")],o);export{o as SkdxSelectContent};
+    `],o([n({type:String})],s.prototype,"side",2),o([n({type:String})],s.prototype,"align",2),o([n({type:Number,attribute:"side-offset"})],s.prototype,"sideOffset",2),o([n({type:Number,attribute:"align-offset"})],s.prototype,"alignOffset",2),o([n({converter:w,attribute:"avoid-collisions"})],s.prototype,"avoidCollisions",2),o([n({type:Number,attribute:"collision-padding"})],s.prototype,"collisionPadding",2),o([n({attribute:!1})],s.prototype,"collisionBoundary",2),o([n({type:Boolean,reflect:!0,attribute:"data-match-width"})],s.prototype,"matchWidth",2),s=o([E("skdx-select-content","select","content")],s);export{s as SkdxSelectContent};

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};