@skdx/web-components 0.29.0 → 0.31.0

package/dist/paper/index.d.cts

@@ -0,0 +1 @@
+export { SkdxPaper } from './Paper.cjs';

package/dist/paper/index.d.ts

@@ -0,0 +1 @@
+export { SkdxPaper } from './Paper.js';

package/dist/paper/index.js

@@ -0,0 +1 @@
+import{SkdxPaper as o}from"./Paper.js";export{o as SkdxPaper};

package/dist/password-input/PasswordInputField.cjs

@@ -1,4 +1,4 @@
-"use strict";var d=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var y=(a,e)=>{for(var t in e)d(a,t,{get:e[t],enumerable:!0})},$=(a,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of b(e))!f.call(a,i)&&i!==t&&d(a,i,{get:()=>e[i],enumerable:!(o=h(e,i))||o.enumerable});return a};var L=a=>$(d({},"__esModule",{value:!0}),a),l=(a,e,t,o)=>{for(var i=o>1?void 0:o?h(e,t):e,p=a.length-1,u;p>=0;p--)(u=a[p])&&(i=(o?u(e,t,i):u(i))||i);return o&&i&&d(e,t,i),i};var E={};y(E,{SkdxPasswordInputField:()=>n});module.exports=L(E);var r=require("lit"),s=require("lit/decorators.js"),c=require("../internal/aria-label.cjs"),v=require("../internal/define.cjs"),g=require("../internal/light-dom-styles.cjs"),m=require("../text-field/family.cjs");var n=class extends r.LitElement{constructor(){super(...arguments);this.autoComplete="current-password";this.root=null;this.label=null;this.onRootChange=()=>this.requestUpdate();this.handleInput=t=>{this.root?.setValue(t.target.value)}}createRenderRoot(){return this}focus(t){this.querySelector("input")?.focus(t)}connectedCallback(){if(super.connectedCallback(),(0,g.installLightDomStyles)(),this.root=this.closest("skdx-password-input"),!this.root)throw new Error("<skdx-password-input-field> must be used inside <skdx-password-input>.");this.label=(0,c.takeHostAriaLabel)(this)??this.label,this.root.addEventListener(m.TEXT_FIELD_FAMILY.event,this.onRootChange)}disconnectedCallback(){this.root?.removeEventListener(m.TEXT_FIELD_FAMILY.event,this.onRootChange),super.disconnectedCallback()}updated(){this.root?.syncFormState()}render(){let t=this.root;if(!t)return r.nothing;let o=t.visible;return r.html`
+"use strict";var d=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var $=(n,e)=>{for(var t in e)d(n,t,{get:e[t],enumerable:!0})},L=(n,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of f(e))!y.call(n,i)&&i!==t&&d(n,i,{get:()=>e[i],enumerable:!(o=h(e,i))||o.enumerable});return n};var E=n=>L(d({},"__esModule",{value:!0}),n),l=(n,e,t,o)=>{for(var i=o>1?void 0:o?h(e,t):e,p=n.length-1,u;p>=0;p--)(u=n[p])&&(i=(o?u(e,t,i):u(i))||i);return o&&i&&d(e,t,i),i};var C={};$(C,{SkdxPasswordInputField:()=>a});module.exports=E(C);var r=require("lit"),s=require("lit/decorators.js"),c=require("../internal/aria-label.cjs"),v=require("../internal/define.cjs"),b=require("../internal/light-dom-styles.cjs"),g=require("../internal/part.cjs"),m=require("../text-field/family.cjs");var a=class extends r.LitElement{constructor(){super(...arguments);this.autoComplete="current-password";this.root=null;this.label=null;this.onRootChange=()=>this.requestUpdate();this.handleInput=t=>{this.root?.setValue(t.target.value)}}createRenderRoot(){return this}focus(t){this.querySelector("input")?.focus(t)}connectedCallback(){if(super.connectedCallback(),(0,b.installLightDomStyles)(),this.root=this.closest("skdx-password-input"),!this.root)throw new Error("<skdx-password-input-field> must be used inside <skdx-password-input>.");this.label=(0,c.takeHostAriaLabel)(this)??this.label,this.root.addEventListener(m.TEXT_FIELD_FAMILY.event,this.onRootChange)}disconnectedCallback(){this.root?.removeEventListener(m.TEXT_FIELD_FAMILY.event,this.onRootChange),super.disconnectedCallback()}updated(){this.root?.syncFormState(),(0,g.reflectHostState)(this,{"data-disabled":this.root?.disabled?"":null,"data-invalid":this.root?.invalid?"":null})}render(){let t=this.root;if(!t)return r.nothing;let o=t.visible;return r.html`
       <input
         part="input"
         id=${t.inputId}
@@ -19,4 +19,4 @@
         data-invalid=${t.invalid?"":r.nothing}
         @input=${this.handleInput}
       />
-    `}};l([(0,s.property)({type:String})],n.prototype,"placeholder",2),l([(0,s.property)({type:String,attribute:"autocomplete"})],n.prototype,"autoComplete",2),l([(0,s.property)({type:String,reflect:!0})],n.prototype,"pattern",2),l([(0,s.property)({type:Number,reflect:!0,attribute:"minlength"})],n.prototype,"minLength",2),l([(0,s.property)({type:Number,reflect:!0,attribute:"maxlength"})],n.prototype,"maxLength",2),l([(0,s.property)({type:String,reflect:!0,attribute:"data-variant"})],n.prototype,"variant",2),l([(0,s.property)({type:String,reflect:!0,attribute:"data-size"})],n.prototype,"size",2),n=l([(0,v.customElement)("skdx-password-input-field","password-input","field")],n);0&&(module.exports={SkdxPasswordInputField});
+    `}};l([(0,s.property)({type:String})],a.prototype,"placeholder",2),l([(0,s.property)({type:String,attribute:"autocomplete"})],a.prototype,"autoComplete",2),l([(0,s.property)({type:String,reflect:!0})],a.prototype,"pattern",2),l([(0,s.property)({type:Number,reflect:!0,attribute:"minlength"})],a.prototype,"minLength",2),l([(0,s.property)({type:Number,reflect:!0,attribute:"maxlength"})],a.prototype,"maxLength",2),l([(0,s.property)({type:String,reflect:!0,attribute:"data-variant"})],a.prototype,"variant",2),l([(0,s.property)({type:String,reflect:!0,attribute:"data-size"})],a.prototype,"size",2),a=l([(0,v.customElement)("skdx-password-input-field","password-input","field")],a);0&&(module.exports={SkdxPasswordInputField});

package/dist/password-input/PasswordInputField.js

@@ -1,8 +1,8 @@
-var m=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var r=(s,l,t,n)=>{for(var a=n>1?void 0:n?h(l,t):l,d=s.length-1,p;d>=0;d--)(p=s[d])&&(a=(n?p(l,t,a):p(a))||a);return n&&a&&m(l,t,a),a};import{html as c,LitElement as v,nothing as i}from"lit";import{property as o}from"lit/decorators.js";import{takeHostAriaLabel as g}from"../internal/aria-label.js";import{customElement as b}from"../internal/define.js";import{installLightDomStyles as f}from"../internal/light-dom-styles.js";import{TEXT_FIELD_FAMILY as u}from"../text-field/family.js";var e=class extends v{constructor(){super(...arguments);this.autoComplete="current-password";this.root=null;this.label=null;this.onRootChange=()=>this.requestUpdate();this.handleInput=t=>{this.root?.setValue(t.target.value)}}createRenderRoot(){return this}focus(t){this.querySelector("input")?.focus(t)}connectedCallback(){if(super.connectedCallback(),f(),this.root=this.closest("skdx-password-input"),!this.root)throw new Error("<skdx-password-input-field> must be used inside <skdx-password-input>.");this.label=g(this)??this.label,this.root.addEventListener(u.event,this.onRootChange)}disconnectedCallback(){this.root?.removeEventListener(u.event,this.onRootChange),super.disconnectedCallback()}updated(){this.root?.syncFormState()}render(){let t=this.root;if(!t)return i;let n=t.visible;return c`
+var m=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var r=(s,l,t,a)=>{for(var n=a>1?void 0:a?h(l,t):l,d=s.length-1,p;d>=0;d--)(p=s[d])&&(n=(a?p(l,t,n):p(n))||n);return a&&n&&m(l,t,n),n};import{html as c,LitElement as v,nothing as i}from"lit";import{property as o}from"lit/decorators.js";import{takeHostAriaLabel as b}from"../internal/aria-label.js";import{customElement as g}from"../internal/define.js";import{installLightDomStyles as f}from"../internal/light-dom-styles.js";import{reflectHostState as y}from"../internal/part.js";import{TEXT_FIELD_FAMILY as u}from"../text-field/family.js";var e=class extends v{constructor(){super(...arguments);this.autoComplete="current-password";this.root=null;this.label=null;this.onRootChange=()=>this.requestUpdate();this.handleInput=t=>{this.root?.setValue(t.target.value)}}createRenderRoot(){return this}focus(t){this.querySelector("input")?.focus(t)}connectedCallback(){if(super.connectedCallback(),f(),this.root=this.closest("skdx-password-input"),!this.root)throw new Error("<skdx-password-input-field> must be used inside <skdx-password-input>.");this.label=b(this)??this.label,this.root.addEventListener(u.event,this.onRootChange)}disconnectedCallback(){this.root?.removeEventListener(u.event,this.onRootChange),super.disconnectedCallback()}updated(){this.root?.syncFormState(),y(this,{"data-disabled":this.root?.disabled?"":null,"data-invalid":this.root?.invalid?"":null})}render(){let t=this.root;if(!t)return i;let a=t.visible;return c`
       <input
         part="input"
         id=${t.inputId}
-        type=${n?"text":"password"}
+        type=${a?"text":"password"}
         autocomplete=${this.autoComplete}
         placeholder=${this.placeholder??i}
         pattern=${this.pattern??i}
@@ -14,9 +14,9 @@ var m=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var r=(s,l,t,n
         ?readonly=${t.readOnly}
         ?required=${t.required}
         aria-invalid=${t.invalid?"true":i}
-        data-state=${n?"visible":"hidden"}
+        data-state=${a?"visible":"hidden"}
         data-disabled=${t.disabled?"":i}
         data-invalid=${t.invalid?"":i}
         @input=${this.handleInput}
       />
-    `}};r([o({type:String})],e.prototype,"placeholder",2),r([o({type:String,attribute:"autocomplete"})],e.prototype,"autoComplete",2),r([o({type:String,reflect:!0})],e.prototype,"pattern",2),r([o({type:Number,reflect:!0,attribute:"minlength"})],e.prototype,"minLength",2),r([o({type:Number,reflect:!0,attribute:"maxlength"})],e.prototype,"maxLength",2),r([o({type:String,reflect:!0,attribute:"data-variant"})],e.prototype,"variant",2),r([o({type:String,reflect:!0,attribute:"data-size"})],e.prototype,"size",2),e=r([b("skdx-password-input-field","password-input","field")],e);export{e as SkdxPasswordInputField};
+    `}};r([o({type:String})],e.prototype,"placeholder",2),r([o({type:String,attribute:"autocomplete"})],e.prototype,"autoComplete",2),r([o({type:String,reflect:!0})],e.prototype,"pattern",2),r([o({type:Number,reflect:!0,attribute:"minlength"})],e.prototype,"minLength",2),r([o({type:Number,reflect:!0,attribute:"maxlength"})],e.prototype,"maxLength",2),r([o({type:String,reflect:!0,attribute:"data-variant"})],e.prototype,"variant",2),r([o({type:String,reflect:!0,attribute:"data-size"})],e.prototype,"size",2),e=r([g("skdx-password-input-field","password-input","field")],e);export{e as SkdxPasswordInputField};

package/dist/popover/PopoverAnchor.cjs

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

package/dist/popover/PopoverAnchor.d.cts

@@ -18,6 +18,7 @@ export declare class SkdxPopoverAnchor extends LitElement {
     private root;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    private anchorTarget;
     render(): TemplateResult;
 }
 declare global {

package/dist/popover/PopoverAnchor.d.ts

@@ -18,6 +18,7 @@ export declare class SkdxPopoverAnchor extends LitElement {
     private root;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    private anchorTarget;
     render(): TemplateResult;
 }
 declare global {

package/dist/popover/PopoverAnchor.js

@@ -1,5 +1,5 @@
-var p=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var n=(s,e,l,r)=>{for(var o=r>1?void 0:r?c(e,l):e,i=s.length-1,a;i>=0;i--)(a=s[i])&&(o=(r?a(e,l,o):a(o))||o);return r&&o&&p(e,l,o),o};import{css as d,html as h,LitElement as m}from"lit";import{customElement as v,whenUpgraded as u}from"../internal/define.js";import{POPOVER_FAMILY as f}from"./family.js";var t=class extends m{constructor(){super(...arguments);this.root=null}connectedCallback(){if(super.connectedCallback(),this.root=f.root(this),!this.root)throw new Error("<skdx-popover-anchor> must be used inside <skdx-popover>.");u(this.root,()=>{this.root&&(this.root.anchorEl=this)})}disconnectedCallback(){this.root?.anchorEl===this&&(this.root.anchorEl=null),super.disconnectedCallback()}render(){return h`<slot></slot>`}};t.styles=d`
+var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var n=(s,o,l,r)=>{for(var e=r>1?void 0:r?p(o,l):o,i=s.length-1,a;i>=0;i--)(a=s[i])&&(e=(r?a(o,l,e):a(e))||e);return r&&e&&c(o,l,e),e};import{css as d,html as h,LitElement as m}from"lit";import{customElement as u,whenUpgraded as v}from"../internal/define.js";import{POPOVER_FAMILY as E}from"./family.js";var t=class extends m{constructor(){super(...arguments);this.root=null}connectedCallback(){if(super.connectedCallback(),this.root=E.root(this),!this.root)throw new Error("<skdx-popover-anchor> must be used inside <skdx-popover>.");v(this.root,()=>{this.root&&(this.root.anchorEl=this.anchorTarget())})}disconnectedCallback(){this.root?.anchorEl===this.anchorTarget()&&(this.root.anchorEl=null),super.disconnectedCallback()}anchorTarget(){return this.firstElementChild??this}render(){return h`<slot></slot>`}};t.styles=d`
     :host {
       display: contents;
     }
-  `,t=n([v("skdx-popover-anchor","popover","anchor")],t);export{t as SkdxPopoverAnchor};
+  `,t=n([u("skdx-popover-anchor","popover","anchor")],t);export{t as SkdxPopoverAnchor};

package/dist/popover/PopoverContent.cjs

@@ -1,4 +1,4 @@
-"use strict";var u=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var T=Object.prototype.hasOwnProperty;var D=(n,s)=>{for(var t in s)u(n,t,{get:s[t],enumerable:!0})},A=(n,s,t,e)=>{if(s&&typeof s=="object"||typeof s=="function")for(let o of k(s))!T.call(n,o)&&o!==t&&u(n,o,{get:()=>s[o],enumerable:!(e=E(s,o))||e.enumerable});return n};var M=n=>A(u({},"__esModule",{value:!0}),n),a=(n,s,t,e)=>{for(var o=e>1?void 0:e?E(s,t):s,d=n.length-1,y;d>=0;d--)(y=n[d])&&(o=(e?y(s,t,o):y(o))||o);return e&&o&&u(s,t,o),o};var R={};D(R,{SkdxPopoverContent:()=>r});module.exports=M(R);var h=require("lit"),l=require("lit/decorators.js"),m=require("../internal/aria-part.cjs"),p=require("../internal/body-scroll-lock.cjs"),P=require("../internal/closest.cjs"),O=require("../internal/define.cjs"),w=require("../internal/dev-mode.cjs"),i=require("../internal/dismiss.cjs"),f=require("../internal/focus-targets.cjs"),g=require("../internal/outsideInert.cjs"),c=require("../internal/positioning.cjs"),F=require("../internal/styles.cjs"),b=require("../internal/tabbable.cjs"),v=require("./family.cjs");function L(n){return Array.from(n.querySelectorAll("*")).filter(s=>s.matches(b.TABBABLE_SELECTOR)||!!s.shadowRoot?.querySelector(b.TABBABLE_SELECTOR))}var r=class extends h.LitElement{constructor(){super(...arguments);this.side="bottom";this.align="center";this.sideOffset=4;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.arrowPadding=8;this.hideWhenDetached=!1;this.root=null;this.onRootUpdate=()=>this.syncHostState();this.scrollLocked=!1;this.layer={insideElements:()=>[this,this.root?.triggerEl]};this.wasOpen=!1;this.previouslyFocused=null;this.handlePointerEnter=t=>{!this.hoverable||t.pointerType==="touch"||this.root?.cancelClose()};this.handlePointerLeave=t=>{!this.hoverable||t.pointerType==="touch"||this.root?.closeDelayed()};this.handleOutsidePointerDown=t=>{if(!this.root?.open)return;let e=t.target;this.contains(e)||(0,i.triggerContains)(this.root.triggerEl,e)||(0,i.dispatchOutside)(this,"pointer-down-outside",t)&&this.root.setOpen(!1)};this.handleOutsideFocus=t=>{if(!this.root?.open)return;let e=(0,i.focusOutsideTarget)(t);!e||this.contains(e)||(0,i.triggerContains)(this.root.triggerEl,e)||(0,i.dispatchOutside)(this,"focus-outside",t)&&this.root.setOpen(!1)};this.handleEscape=t=>{(0,i.dispatchEscapeKeyDown)(this,t)&&this.root?.setOpen(!1)};this.handleKeyDown=t=>{this.root?.open&&((0,i.handleEscapeKeyDown)(t,this.layer,this.handleEscape)||t.key==="Tab"&&(this.root?.modal??"none")!=="none"&&this.contains(document.activeElement)&&this.trapFocus(t))};this.handleSlotChange=()=>this.syncAriaParts()}get hoverMode(){return this.root?.openOn==="hover"}get hoverable(){return this.hoverMode&&this.root?.hoverableContentDisabled===!1}get isTooltip(){return this.root?.role==="tooltip"}connectedCallback(){super.connectedCallback(),this.root=(0,P.closestThroughPortal)(this,v.POPOVER_FAMILY.selector),this.setAttribute("role",this.isTooltip?"tooltip":"dialog"),this.root?.addEventListener(v.POPOVER_FAMILY.event,this.onRootUpdate),this.addEventListener("pointerenter",this.handlePointerEnter),this.addEventListener("pointerleave",this.handlePointerLeave),document.addEventListener("keydown",this.handleKeyDown),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(v.POPOVER_FAMILY.event,this.onRootUpdate),this.removeEventListener("pointerenter",this.handlePointerEnter),this.removeEventListener("pointerleave",this.handlePointerLeave),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.cleanupPosition?.(),(0,g.setOutsideInert)(this,!1),this.releaseLayer?.(),this.releaseLayer=void 0,this.scrollLocked&&(this.scrollLocked=!1,(0,p.unlockBodyScroll)()),super.disconnectedCallback()}firstUpdated(){this.root?.open&&this.activate()}syncHostState(){let t=this.root?.open??!1;this.setAttribute("role",this.isTooltip?"tooltip":"dialog"),this.setAttribute("data-state",this.root?.dataState??"closed"),this.syncHoverability(),(!t||!this.hasAttribute("data-side"))&&(this.setAttribute("data-side",this.side??"bottom"),this.setAttribute("data-align",this.align??"center")),this.syncAriaParts(),this.syncModalLocks(t),this.applyOpenState(t),this.requestUpdate()}syncHoverability(){let t=this.hoverable;this.toggleAttribute("data-hoverable",t),this.hoverMode?this.style.pointerEvents=t?"auto":"none":this.style.removeProperty("pointer-events")}syncModalLocks(t){let e=(this.root?.modal??"none")!=="none";(0,g.setOutsideInert)(this,t&&e);let o=t&&this.root?.modal==="modal";o&&!this.scrollLocked?(this.scrollLocked=!0,(0,p.lockBodyScroll)()):!o&&this.scrollLocked&&(this.scrollLocked=!1,(0,p.unlockBodyScroll)())}applyOpenState(t){this.hidden=!t,t&&!this.releaseLayer?this.releaseLayer=(0,i.pushDismissLayer)(this.layer):!t&&this.releaseLayer&&(this.releaseLayer(),this.releaseLayer=void 0),t!==this.wasOpen&&(this.wasOpen=t,t?this.previouslyFocused=document.activeElement:!this.isTooltip&&!this.hoverMode&&(0,f.returnFocus)(this.finalFocus,"Popover",this.root?.triggerEl??this.previouslyFocused,(0,i.autoFocusRelay)(this))),t?this.activate():this.deactivate()}syncAriaParts(){(0,m.syncPartIdRef)(this,"aria-labelledby",this.querySelector("skdx-popover-title"),"skdx-popover-content","title"),(0,m.syncPartIdRef)(this,"aria-describedby",this.querySelector("skdx-popover-description"),"skdx-popover-content","description")}updated(t){!this.cleanupPosition||!(0,c.placementChanged)(t)||(this.deactivate(),this.position())}activate(){if(this.cleanupPosition)return;this.position();let t=this.root;!this.cleanupPosition||!t||t.modal==="none"||(this.warnWhenTrappingWithoutClose(),requestAnimationFrame(()=>(0,i.focusOnOpen)(()=>{if(!(0,i.dispatchAutoFocus)(this,"open-auto-focus"))return;let e=this.initialFocus?(0,f.initialFocusTarget)(this,this.initialFocus,"Popover"):L(this)[0]??this;e===this&&(this.tabIndex=-1),e.focus()})))}position(){let t=this.root,e=t?.anchorEl??t?.triggerEl;this.cleanupPosition||!t||!e||(this.cleanupPosition=(0,c.positionFloating)(e,this,{side:this.side,align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary,component:"popover",arrowPadding:this.arrowPadding,hideWhenDetached:this.hideWhenDetached,arrow:()=>this.querySelector("skdx-popover-arrow")}),t.repositionFn=this.cleanupPosition.update)}warnWhenTrappingWithoutClose(){this.querySelector(".skdx-popover__close, skdx-popover-close")||(0,w.isDevMode)()&&console.warn('[skdx] Popover: `modal` contains focus inside <skdx-popover-content>, but no <skdx-popover-close> was rendered inside it. A user who cannot press Escape \u2014 a touch screen-reader user has no Escape key \u2014 has no way out of the panel. Render a <skdx-popover-close>, or set `modal` to "none".')}deactivate(){this.cleanupPosition?.(),this.root&&this.cleanupPosition&&this.root.repositionFn===this.cleanupPosition.update&&(this.root.repositionFn=null),this.cleanupPosition=void 0}trapFocus(t){let e=L(this);if(e.length===0){t.preventDefault();return}let o=e[0],d=e[e.length-1];t.shiftKey&&(document.activeElement===o||document.activeElement===this)?(t.preventDefault(),d.focus()):!t.shiftKey&&document.activeElement===d&&(t.preventDefault(),o.focus())}render(){return h.html`<slot @slotchange=${this.handleSlotChange}></slot>`}};r.styles=[F.hiddenHostStyles,h.css`
+"use strict";var u=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var T=Object.prototype.hasOwnProperty;var D=(n,s)=>{for(var t in s)u(n,t,{get:s[t],enumerable:!0})},A=(n,s,t,e)=>{if(s&&typeof s=="object"||typeof s=="function")for(let o of k(s))!T.call(n,o)&&o!==t&&u(n,o,{get:()=>s[o],enumerable:!(e=E(s,o))||e.enumerable});return n};var M=n=>A(u({},"__esModule",{value:!0}),n),a=(n,s,t,e)=>{for(var o=e>1?void 0:e?E(s,t):s,d=n.length-1,y;d>=0;d--)(y=n[d])&&(o=(e?y(s,t,o):y(o))||o);return e&&o&&u(s,t,o),o};var R={};D(R,{SkdxPopoverContent:()=>r});module.exports=M(R);var h=require("lit"),l=require("lit/decorators.js"),m=require("../internal/aria-part.cjs"),p=require("../internal/body-scroll-lock.cjs"),P=require("../internal/closest.cjs"),O=require("../internal/define.cjs"),w=require("../internal/dev-mode.cjs"),i=require("../internal/dismiss.cjs"),v=require("../internal/focus-targets.cjs"),g=require("../internal/outsideInert.cjs"),c=require("../internal/positioning.cjs"),F=require("../internal/styles.cjs"),b=require("../internal/tabbable.cjs"),f=require("./family.cjs");function L(n){return Array.from(n.querySelectorAll("*")).filter(s=>s.matches(b.TABBABLE_SELECTOR)||!!s.shadowRoot?.querySelector(b.TABBABLE_SELECTOR))}var r=class extends h.LitElement{constructor(){super(...arguments);this.side="bottom";this.align="center";this.sideOffset=4;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.arrowPadding=8;this.hideWhenDetached=!1;this.root=null;this.onRootUpdate=()=>this.syncHostState();this.scrollLocked=!1;this.layer={insideElements:()=>[this,this.root?.triggerEl]};this.wasOpen=!1;this.previouslyFocused=null;this.handlePointerEnter=t=>{!this.hoverable||t.pointerType==="touch"||this.root?.cancelClose()};this.handlePointerLeave=t=>{!this.hoverable||t.pointerType==="touch"||this.root?.closeDelayed()};this.handleOutsidePointerDown=t=>{if(!this.root?.open)return;let e=t.target;this.contains(e)||(0,i.triggerContains)(this.root.triggerEl,e)||(0,i.nestedLayerContains)(this.layer,e)||(0,i.dispatchOutside)(this,"pointer-down-outside",t)&&this.root.setOpen(!1)};this.handleOutsideFocus=t=>{if(!this.root?.open)return;let e=(0,i.focusOutsideTarget)(t);!e||this.contains(e)||(0,i.triggerContains)(this.root.triggerEl,e)||(0,i.nestedLayerContains)(this.layer,e)||(0,i.dispatchOutside)(this,"focus-outside",t)&&this.root.setOpen(!1)};this.handleEscape=t=>{(0,i.dispatchEscapeKeyDown)(this,t)&&this.root?.setOpen(!1)};this.handleKeyDown=t=>{this.root?.open&&((0,i.handleEscapeKeyDown)(t,this.layer,this.handleEscape)||t.key==="Tab"&&(this.root?.modal??"none")!=="none"&&this.contains(document.activeElement)&&this.trapFocus(t))};this.handleSlotChange=()=>this.syncAriaParts()}get hoverMode(){return this.root?.openOn==="hover"}get hoverable(){return this.hoverMode&&this.root?.hoverableContentDisabled===!1}get isTooltip(){return this.root?.role==="tooltip"}connectedCallback(){super.connectedCallback(),this.root=(0,P.closestThroughPortal)(this,f.POPOVER_FAMILY.selector),this.setAttribute("role",this.isTooltip?"tooltip":"dialog"),this.root?.addEventListener(f.POPOVER_FAMILY.event,this.onRootUpdate),this.addEventListener("pointerenter",this.handlePointerEnter),this.addEventListener("pointerleave",this.handlePointerLeave),document.addEventListener("keydown",this.handleKeyDown),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.POPOVER_FAMILY.event,this.onRootUpdate),this.removeEventListener("pointerenter",this.handlePointerEnter),this.removeEventListener("pointerleave",this.handlePointerLeave),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.cleanupPosition?.(),(0,g.setOutsideInert)(this,!1),this.releaseLayer?.(),this.releaseLayer=void 0,this.scrollLocked&&(this.scrollLocked=!1,(0,p.unlockBodyScroll)()),super.disconnectedCallback()}firstUpdated(){this.root?.open&&this.activate()}syncHostState(){let t=this.root?.open??!1;this.setAttribute("role",this.isTooltip?"tooltip":"dialog"),this.setAttribute("data-state",this.root?.dataState??"closed"),this.syncHoverability(),(!t||!this.hasAttribute("data-side"))&&(this.setAttribute("data-side",this.side??"bottom"),this.setAttribute("data-align",this.align??"center")),this.syncAriaParts(),this.syncModalLocks(t),this.applyOpenState(t),this.requestUpdate()}syncHoverability(){let t=this.hoverable;this.toggleAttribute("data-hoverable",t),this.hoverMode?this.style.pointerEvents=t?"auto":"none":this.style.removeProperty("pointer-events")}syncModalLocks(t){let e=(this.root?.modal??"none")!=="none";(0,g.setOutsideInert)(this,t&&e);let o=t&&this.root?.modal==="modal";o&&!this.scrollLocked?(this.scrollLocked=!0,(0,p.lockBodyScroll)()):!o&&this.scrollLocked&&(this.scrollLocked=!1,(0,p.unlockBodyScroll)())}applyOpenState(t){this.hidden=!t,t&&!this.releaseLayer?this.releaseLayer=(0,i.pushDismissLayer)(this.layer):!t&&this.releaseLayer&&(this.releaseLayer(),this.releaseLayer=void 0),t!==this.wasOpen&&(this.wasOpen=t,t?this.previouslyFocused=document.activeElement:!this.isTooltip&&!this.hoverMode&&(0,v.returnFocus)(this.finalFocus,"Popover",this.root?.triggerEl??this.previouslyFocused,(0,i.autoFocusRelay)(this))),t?this.activate():this.deactivate()}syncAriaParts(){(0,m.syncPartIdRef)(this,"aria-labelledby",this.querySelector("skdx-popover-title"),"skdx-popover-content","title"),(0,m.syncPartIdRef)(this,"aria-describedby",this.querySelector("skdx-popover-description"),"skdx-popover-content","description")}updated(t){!this.cleanupPosition||!(0,c.placementChanged)(t)||(this.deactivate(),this.position())}activate(){if(this.cleanupPosition)return;this.position();let t=this.root;!this.cleanupPosition||!t||t.modal==="none"||(this.warnWhenTrappingWithoutClose(),requestAnimationFrame(()=>(0,i.focusOnOpen)(()=>{if(!(0,i.dispatchAutoFocus)(this,"open-auto-focus"))return;let e=this.initialFocus?(0,v.initialFocusTarget)(this,this.initialFocus,"Popover"):L(this)[0]??this;e===this&&(this.tabIndex=-1),e.focus()})))}position(){let t=this.root,e=t?.anchorEl??t?.triggerEl;this.cleanupPosition||!t||!e||(this.cleanupPosition=(0,c.positionFloating)(e,this,{side:this.side,align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary,component:"popover",arrowPadding:this.arrowPadding,hideWhenDetached:this.hideWhenDetached,arrow:()=>this.querySelector("skdx-popover-arrow")}),t.repositionFn=this.cleanupPosition.update)}warnWhenTrappingWithoutClose(){this.querySelector(".skdx-popover__close, skdx-popover-close")||(0,w.isDevMode)()&&console.warn('[skdx] Popover: `modal` contains focus inside <skdx-popover-content>, but no <skdx-popover-close> was rendered inside it. A user who cannot press Escape \u2014 a touch screen-reader user has no Escape key \u2014 has no way out of the panel. Render a <skdx-popover-close>, or set `modal` to "none".')}deactivate(){this.cleanupPosition?.(),this.root&&this.cleanupPosition&&this.root.repositionFn===this.cleanupPosition.update&&(this.root.repositionFn=null),this.cleanupPosition=void 0}trapFocus(t){let e=L(this);if(e.length===0){t.preventDefault();return}let o=e[0],d=e[e.length-1];t.shiftKey&&(document.activeElement===o||document.activeElement===this)?(t.preventDefault(),d.focus()):!t.shiftKey&&document.activeElement===d&&(t.preventDefault(),o.focus())}render(){return h.html`<slot @slotchange=${this.handleSlotChange}></slot>`}};r.styles=[F.hiddenHostStyles,h.css`
       :host {
         display: block;
       }

package/dist/popover/PopoverContent.js

@@ -1,5 +1,5 @@
-var g=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var s=(l,n,t,e)=>{for(var o=e>1?void 0:e?b(n,t):n,a=l.length-1,d;a>=0;a--)(d=l[a])&&(o=(e?d(n,t,o):d(o))||o);return e&&o&&g(n,t,o),o};import{css as E,html as L,LitElement as P}from"lit";import{property as r}from"lit/decorators.js";import{syncPartIdRef as c}from"../internal/aria-part.js";import{lockBodyScroll as O,unlockBodyScroll as p}from"../internal/body-scroll-lock.js";import{closestThroughPortal as w}from"../internal/closest.js";import{customElement as F}from"../internal/define.js";import{isDevMode as k}from"../internal/dev-mode.js";import{autoFocusRelay as T,dispatchAutoFocus as D,dispatchEscapeKeyDown as A,dispatchOutside as u,focusOnOpen as M,focusOutsideTarget as R,handleEscapeKeyDown as H,pushDismissLayer as B,triggerContains as v}from"../internal/dismiss.js";import{initialFocusTarget as S,returnFocus as K}from"../internal/focus-targets.js";import{setOutsideInert as f}from"../internal/outsideInert.js";import{optOutBoolean as q,placementChanged as N,positionFloating as W}from"../internal/positioning.js";import{hiddenHostStyles as I}from"../internal/styles.js";import{TABBABLE_SELECTOR as y}from"../internal/tabbable.js";import{POPOVER_FAMILY as h}from"./family.js";function m(l){return Array.from(l.querySelectorAll("*")).filter(n=>n.matches(y)||!!n.shadowRoot?.querySelector(y))}var i=class extends P{constructor(){super(...arguments);this.side="bottom";this.align="center";this.sideOffset=4;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.arrowPadding=8;this.hideWhenDetached=!1;this.root=null;this.onRootUpdate=()=>this.syncHostState();this.scrollLocked=!1;this.layer={insideElements:()=>[this,this.root?.triggerEl]};this.wasOpen=!1;this.previouslyFocused=null;this.handlePointerEnter=t=>{!this.hoverable||t.pointerType==="touch"||this.root?.cancelClose()};this.handlePointerLeave=t=>{!this.hoverable||t.pointerType==="touch"||this.root?.closeDelayed()};this.handleOutsidePointerDown=t=>{if(!this.root?.open)return;let e=t.target;this.contains(e)||v(this.root.triggerEl,e)||u(this,"pointer-down-outside",t)&&this.root.setOpen(!1)};this.handleOutsideFocus=t=>{if(!this.root?.open)return;let e=R(t);!e||this.contains(e)||v(this.root.triggerEl,e)||u(this,"focus-outside",t)&&this.root.setOpen(!1)};this.handleEscape=t=>{A(this,t)&&this.root?.setOpen(!1)};this.handleKeyDown=t=>{this.root?.open&&(H(t,this.layer,this.handleEscape)||t.key==="Tab"&&(this.root?.modal??"none")!=="none"&&this.contains(document.activeElement)&&this.trapFocus(t))};this.handleSlotChange=()=>this.syncAriaParts()}get hoverMode(){return this.root?.openOn==="hover"}get hoverable(){return this.hoverMode&&this.root?.hoverableContentDisabled===!1}get isTooltip(){return this.root?.role==="tooltip"}connectedCallback(){super.connectedCallback(),this.root=w(this,h.selector),this.setAttribute("role",this.isTooltip?"tooltip":"dialog"),this.root?.addEventListener(h.event,this.onRootUpdate),this.addEventListener("pointerenter",this.handlePointerEnter),this.addEventListener("pointerleave",this.handlePointerLeave),document.addEventListener("keydown",this.handleKeyDown),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.removeEventListener("pointerenter",this.handlePointerEnter),this.removeEventListener("pointerleave",this.handlePointerLeave),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.cleanupPosition?.(),f(this,!1),this.releaseLayer?.(),this.releaseLayer=void 0,this.scrollLocked&&(this.scrollLocked=!1,p()),super.disconnectedCallback()}firstUpdated(){this.root?.open&&this.activate()}syncHostState(){let t=this.root?.open??!1;this.setAttribute("role",this.isTooltip?"tooltip":"dialog"),this.setAttribute("data-state",this.root?.dataState??"closed"),this.syncHoverability(),(!t||!this.hasAttribute("data-side"))&&(this.setAttribute("data-side",this.side??"bottom"),this.setAttribute("data-align",this.align??"center")),this.syncAriaParts(),this.syncModalLocks(t),this.applyOpenState(t),this.requestUpdate()}syncHoverability(){let t=this.hoverable;this.toggleAttribute("data-hoverable",t),this.hoverMode?this.style.pointerEvents=t?"auto":"none":this.style.removeProperty("pointer-events")}syncModalLocks(t){let e=(this.root?.modal??"none")!=="none";f(this,t&&e);let o=t&&this.root?.modal==="modal";o&&!this.scrollLocked?(this.scrollLocked=!0,O()):!o&&this.scrollLocked&&(this.scrollLocked=!1,p())}applyOpenState(t){this.hidden=!t,t&&!this.releaseLayer?this.releaseLayer=B(this.layer):!t&&this.releaseLayer&&(this.releaseLayer(),this.releaseLayer=void 0),t!==this.wasOpen&&(this.wasOpen=t,t?this.previouslyFocused=document.activeElement:!this.isTooltip&&!this.hoverMode&&K(this.finalFocus,"Popover",this.root?.triggerEl??this.previouslyFocused,T(this))),t?this.activate():this.deactivate()}syncAriaParts(){c(this,"aria-labelledby",this.querySelector("skdx-popover-title"),"skdx-popover-content","title"),c(this,"aria-describedby",this.querySelector("skdx-popover-description"),"skdx-popover-content","description")}updated(t){!this.cleanupPosition||!N(t)||(this.deactivate(),this.position())}activate(){if(this.cleanupPosition)return;this.position();let t=this.root;!this.cleanupPosition||!t||t.modal==="none"||(this.warnWhenTrappingWithoutClose(),requestAnimationFrame(()=>M(()=>{if(!D(this,"open-auto-focus"))return;let e=this.initialFocus?S(this,this.initialFocus,"Popover"):m(this)[0]??this;e===this&&(this.tabIndex=-1),e.focus()})))}position(){let t=this.root,e=t?.anchorEl??t?.triggerEl;this.cleanupPosition||!t||!e||(this.cleanupPosition=W(e,this,{side:this.side,align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary,component:"popover",arrowPadding:this.arrowPadding,hideWhenDetached:this.hideWhenDetached,arrow:()=>this.querySelector("skdx-popover-arrow")}),t.repositionFn=this.cleanupPosition.update)}warnWhenTrappingWithoutClose(){this.querySelector(".skdx-popover__close, skdx-popover-close")||k()&&console.warn('[skdx] Popover: `modal` contains focus inside <skdx-popover-content>, but no <skdx-popover-close> was rendered inside it. A user who cannot press Escape \u2014 a touch screen-reader user has no Escape key \u2014 has no way out of the panel. Render a <skdx-popover-close>, or set `modal` to "none".')}deactivate(){this.cleanupPosition?.(),this.root&&this.cleanupPosition&&this.root.repositionFn===this.cleanupPosition.update&&(this.root.repositionFn=null),this.cleanupPosition=void 0}trapFocus(t){let e=m(this);if(e.length===0){t.preventDefault();return}let o=e[0],a=e[e.length-1];t.shiftKey&&(document.activeElement===o||document.activeElement===this)?(t.preventDefault(),a.focus()):!t.shiftKey&&document.activeElement===a&&(t.preventDefault(),o.focus())}render(){return L`<slot @slotchange=${this.handleSlotChange}></slot>`}};i.styles=[I,E`
+var b=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var s=(l,n,t,e)=>{for(var o=e>1?void 0:e?E(n,t):n,a=l.length-1,d;a>=0;a--)(d=l[a])&&(o=(e?d(n,t,o):d(o))||o);return e&&o&&b(n,t,o),o};import{css as L,html as P,LitElement as O}from"lit";import{property as r}from"lit/decorators.js";import{syncPartIdRef as c}from"../internal/aria-part.js";import{lockBodyScroll as w,unlockBodyScroll as p}from"../internal/body-scroll-lock.js";import{closestThroughPortal as F}from"../internal/closest.js";import{customElement as k}from"../internal/define.js";import{isDevMode as T}from"../internal/dev-mode.js";import{autoFocusRelay as D,dispatchAutoFocus as A,dispatchEscapeKeyDown as M,dispatchOutside as u,focusOnOpen as R,focusOutsideTarget as H,handleEscapeKeyDown as B,nestedLayerContains as f,pushDismissLayer as S,triggerContains as v}from"../internal/dismiss.js";import{initialFocusTarget as K,returnFocus as q}from"../internal/focus-targets.js";import{setOutsideInert as y}from"../internal/outsideInert.js";import{optOutBoolean as N,placementChanged as W,positionFloating as I}from"../internal/positioning.js";import{hiddenHostStyles as x}from"../internal/styles.js";import{TABBABLE_SELECTOR as m}from"../internal/tabbable.js";import{POPOVER_FAMILY as h}from"./family.js";function g(l){return Array.from(l.querySelectorAll("*")).filter(n=>n.matches(m)||!!n.shadowRoot?.querySelector(m))}var i=class extends O{constructor(){super(...arguments);this.side="bottom";this.align="center";this.sideOffset=4;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.arrowPadding=8;this.hideWhenDetached=!1;this.root=null;this.onRootUpdate=()=>this.syncHostState();this.scrollLocked=!1;this.layer={insideElements:()=>[this,this.root?.triggerEl]};this.wasOpen=!1;this.previouslyFocused=null;this.handlePointerEnter=t=>{!this.hoverable||t.pointerType==="touch"||this.root?.cancelClose()};this.handlePointerLeave=t=>{!this.hoverable||t.pointerType==="touch"||this.root?.closeDelayed()};this.handleOutsidePointerDown=t=>{if(!this.root?.open)return;let e=t.target;this.contains(e)||v(this.root.triggerEl,e)||f(this.layer,e)||u(this,"pointer-down-outside",t)&&this.root.setOpen(!1)};this.handleOutsideFocus=t=>{if(!this.root?.open)return;let e=H(t);!e||this.contains(e)||v(this.root.triggerEl,e)||f(this.layer,e)||u(this,"focus-outside",t)&&this.root.setOpen(!1)};this.handleEscape=t=>{M(this,t)&&this.root?.setOpen(!1)};this.handleKeyDown=t=>{this.root?.open&&(B(t,this.layer,this.handleEscape)||t.key==="Tab"&&(this.root?.modal??"none")!=="none"&&this.contains(document.activeElement)&&this.trapFocus(t))};this.handleSlotChange=()=>this.syncAriaParts()}get hoverMode(){return this.root?.openOn==="hover"}get hoverable(){return this.hoverMode&&this.root?.hoverableContentDisabled===!1}get isTooltip(){return this.root?.role==="tooltip"}connectedCallback(){super.connectedCallback(),this.root=F(this,h.selector),this.setAttribute("role",this.isTooltip?"tooltip":"dialog"),this.root?.addEventListener(h.event,this.onRootUpdate),this.addEventListener("pointerenter",this.handlePointerEnter),this.addEventListener("pointerleave",this.handlePointerLeave),document.addEventListener("keydown",this.handleKeyDown),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.removeEventListener("pointerenter",this.handlePointerEnter),this.removeEventListener("pointerleave",this.handlePointerLeave),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.cleanupPosition?.(),y(this,!1),this.releaseLayer?.(),this.releaseLayer=void 0,this.scrollLocked&&(this.scrollLocked=!1,p()),super.disconnectedCallback()}firstUpdated(){this.root?.open&&this.activate()}syncHostState(){let t=this.root?.open??!1;this.setAttribute("role",this.isTooltip?"tooltip":"dialog"),this.setAttribute("data-state",this.root?.dataState??"closed"),this.syncHoverability(),(!t||!this.hasAttribute("data-side"))&&(this.setAttribute("data-side",this.side??"bottom"),this.setAttribute("data-align",this.align??"center")),this.syncAriaParts(),this.syncModalLocks(t),this.applyOpenState(t),this.requestUpdate()}syncHoverability(){let t=this.hoverable;this.toggleAttribute("data-hoverable",t),this.hoverMode?this.style.pointerEvents=t?"auto":"none":this.style.removeProperty("pointer-events")}syncModalLocks(t){let e=(this.root?.modal??"none")!=="none";y(this,t&&e);let o=t&&this.root?.modal==="modal";o&&!this.scrollLocked?(this.scrollLocked=!0,w()):!o&&this.scrollLocked&&(this.scrollLocked=!1,p())}applyOpenState(t){this.hidden=!t,t&&!this.releaseLayer?this.releaseLayer=S(this.layer):!t&&this.releaseLayer&&(this.releaseLayer(),this.releaseLayer=void 0),t!==this.wasOpen&&(this.wasOpen=t,t?this.previouslyFocused=document.activeElement:!this.isTooltip&&!this.hoverMode&&q(this.finalFocus,"Popover",this.root?.triggerEl??this.previouslyFocused,D(this))),t?this.activate():this.deactivate()}syncAriaParts(){c(this,"aria-labelledby",this.querySelector("skdx-popover-title"),"skdx-popover-content","title"),c(this,"aria-describedby",this.querySelector("skdx-popover-description"),"skdx-popover-content","description")}updated(t){!this.cleanupPosition||!W(t)||(this.deactivate(),this.position())}activate(){if(this.cleanupPosition)return;this.position();let t=this.root;!this.cleanupPosition||!t||t.modal==="none"||(this.warnWhenTrappingWithoutClose(),requestAnimationFrame(()=>R(()=>{if(!A(this,"open-auto-focus"))return;let e=this.initialFocus?K(this,this.initialFocus,"Popover"):g(this)[0]??this;e===this&&(this.tabIndex=-1),e.focus()})))}position(){let t=this.root,e=t?.anchorEl??t?.triggerEl;this.cleanupPosition||!t||!e||(this.cleanupPosition=I(e,this,{side:this.side,align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary,component:"popover",arrowPadding:this.arrowPadding,hideWhenDetached:this.hideWhenDetached,arrow:()=>this.querySelector("skdx-popover-arrow")}),t.repositionFn=this.cleanupPosition.update)}warnWhenTrappingWithoutClose(){this.querySelector(".skdx-popover__close, skdx-popover-close")||T()&&console.warn('[skdx] Popover: `modal` contains focus inside <skdx-popover-content>, but no <skdx-popover-close> was rendered inside it. A user who cannot press Escape \u2014 a touch screen-reader user has no Escape key \u2014 has no way out of the panel. Render a <skdx-popover-close>, or set `modal` to "none".')}deactivate(){this.cleanupPosition?.(),this.root&&this.cleanupPosition&&this.root.repositionFn===this.cleanupPosition.update&&(this.root.repositionFn=null),this.cleanupPosition=void 0}trapFocus(t){let e=g(this);if(e.length===0){t.preventDefault();return}let o=e[0],a=e[e.length-1];t.shiftKey&&(document.activeElement===o||document.activeElement===this)?(t.preventDefault(),a.focus()):!t.shiftKey&&document.activeElement===a&&(t.preventDefault(),o.focus())}render(){return P`<slot @slotchange=${this.handleSlotChange}></slot>`}};i.styles=[x,L`
       :host {
         display: block;
       }
-    `],s([r({type:String,reflect:!0})],i.prototype,"side",2),s([r({type:String,reflect:!0})],i.prototype,"align",2),s([r({type:Number,reflect:!0,attribute:"side-offset"})],i.prototype,"sideOffset",2),s([r({type:Number,reflect:!0,attribute:"align-offset"})],i.prototype,"alignOffset",2),s([r({converter:q,attribute:"avoid-collisions"})],i.prototype,"avoidCollisions",2),s([r({type:Number,attribute:"collision-padding"})],i.prototype,"collisionPadding",2),s([r({attribute:!1})],i.prototype,"collisionBoundary",2),s([r({type:Number,attribute:"arrow-padding"})],i.prototype,"arrowPadding",2),s([r({type:Boolean,attribute:"hide-when-detached"})],i.prototype,"hideWhenDetached",2),s([r({type:String,attribute:"initial-focus"})],i.prototype,"initialFocus",2),s([r({type:String,attribute:"final-focus"})],i.prototype,"finalFocus",2),i=s([F("skdx-popover-content","popover","content")],i);export{i as SkdxPopoverContent};
+    `],s([r({type:String,reflect:!0})],i.prototype,"side",2),s([r({type:String,reflect:!0})],i.prototype,"align",2),s([r({type:Number,reflect:!0,attribute:"side-offset"})],i.prototype,"sideOffset",2),s([r({type:Number,reflect:!0,attribute:"align-offset"})],i.prototype,"alignOffset",2),s([r({converter:N,attribute:"avoid-collisions"})],i.prototype,"avoidCollisions",2),s([r({type:Number,attribute:"collision-padding"})],i.prototype,"collisionPadding",2),s([r({attribute:!1})],i.prototype,"collisionBoundary",2),s([r({type:Number,attribute:"arrow-padding"})],i.prototype,"arrowPadding",2),s([r({type:Boolean,attribute:"hide-when-detached"})],i.prototype,"hideWhenDetached",2),s([r({type:String,attribute:"initial-focus"})],i.prototype,"initialFocus",2),s([r({type:String,attribute:"final-focus"})],i.prototype,"finalFocus",2),i=s([k("skdx-popover-content","popover","content")],i);export{i as SkdxPopoverContent};

package/dist/popover/PopoverDescription.cjs

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

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