@skdx/web-components 0.29.0 → 0.31.0

package/dist/date-picker/DatePickerContent.js

@@ -1,5 +1,5 @@
-var p=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var o=(a,n,t,i)=>{for(var s=i>1?void 0:i?f(n,t):n,l=a.length-1,d;l>=0;l--)(d=a[l])&&(s=(i?d(n,t,s):d(s))||s);return i&&s&&p(n,t,s),s};import{css as m,html as v,LitElement as y}from"lit";import{property as r}from"lit/decorators.js";import{anchorOf as g,toISODateString as O}from"../calendar/Calendar.js";import{closestThroughPortal as b}from"../internal/closest.js";import{customElement as L}from"../internal/define.js";import{dispatchAutoFocus as u,dispatchEscapeKeyDown as E,dispatchOutside as c,focusOnOpen as F,focusOutsideTarget as w}from"../internal/dismiss.js";import{handleEscapeKeyDown as A,pushDismissLayer as I}from"../internal/dismissal.js";import{optOutBoolean as P,positionFloating as H}from"../internal/positioning.js";import{hiddenHostStyles as D}from"../internal/styles.js";import{focusDatePickerContent as T,focusDelegate as B}from"./auto-focus.js";import{DATE_PICKER_FAMILY as h}from"./family.js";var e=class extends y{constructor(){super(...arguments);this.side="bottom";this.align="center";this.sideOffset=4;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.root=null;this.onRootUpdate=()=>this.syncHostState();this.authoredLabel=!1;this.wasOpen=!1;this.dismissedOutside=!1;this.focusFrame=0;this.layer={insideElements:()=>[this,this.root?.triggerHost]};this.handleKeyDown=t=>{this.root?.open&&A(t,this.layer,()=>{E(this,t)&&this.root?.setOpen(!1)})};this.handleOutsidePointerDown=t=>{!this.root?.open||this.isInside(t.target)||c(this,"pointer-down-outside",t)&&(this.dismissedOutside=!0,this.root.setOpen(!1))};this.handleOutsideFocus=t=>{if(!this.root?.open)return;let i=w(t);i===null||this.isInside(i)||c(this,"focus-outside",t)&&(this.dismissedOutside=!0,this.root.setOpen(!1))}}get anchorISO(){let t=g(this.root?.value??null);return t?O(t):null}connectedCallback(){super.connectedCallback(),this.root=b(this,h.selector),this.root&&(this.root.contentEl=this),this.authoredLabel=this.hasAttribute("aria-label")||this.hasAttribute("aria-labelledby"),this.setAttribute("role","dialog"),this.root?.addEventListener(h.event,this.onRootUpdate),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.root?.contentEl===this&&(this.root.contentEl=null),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.releaseLayer?.(),this.releaseLayer=void 0,this.cleanupPosition?.(),cancelAnimationFrame(this.focusFrame),super.disconnectedCallback()}syncHostState(){let t=this.root?.open??!1;this.setAttribute("data-state",t?"open":"closed");for(let[i,s]of[["data-invalid",this.root?.invalid??!1],["data-readonly",this.root?.readOnly??!1]])s?this.setAttribute(i,""):this.removeAttribute(i);(!t||!this.hasAttribute("data-side"))&&(this.setAttribute("data-side",this.side??"bottom"),this.setAttribute("data-align",this.align??"start")),this.syncLabelledBy(),this.applyOpenState(t)}syncLabelledBy(){let t=this.root?.triggerHost?.id||this.root?.triggerId;!this.authoredLabel&&t&&this.setAttribute("aria-labelledby",t)}applyOpenState(t){this.hidden=!t,t?this.releaseLayer??(this.releaseLayer=I(this.layer)):(this.releaseLayer?.(),this.releaseLayer=void 0),t?this.activate():this.deactivate(),t!==this.wasOpen&&(this.wasOpen=t,t?this.autoFocusIn():this.autoFocusOut())}autoFocusIn(){this.dismissedOutside=!1,this.focusFrame=requestAnimationFrame(()=>{this.root?.open&&(this.contains(document.activeElement)||u(this,"open-auto-focus")&&F(()=>T(this,this.anchorISO)))})}autoFocusOut(){if(cancelAnimationFrame(this.focusFrame),this.dismissedOutside||!u(this,"close-auto-focus"))return;let t=this.root?.triggerHost;t&&B(t).focus({preventScroll:!0})}activate(){this.cleanupPosition||!this.root?.triggerHost||(this.cleanupPosition=H(this.root.triggerHost,this,{side:this.side,align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary}))}deactivate(){this.cleanupPosition?.(),this.cleanupPosition=void 0}isInside(t){return t?this.contains(t)||this.root?.contains(t)===!0:!1}render(){return v`<slot></slot>`}};e.styles=[D,m`
+var p=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var o=(a,n,t,i)=>{for(var s=i>1?void 0:i?f(n,t):n,l=a.length-1,d;l>=0;l--)(d=a[l])&&(s=(i?d(n,t,s):d(s))||s);return i&&s&&p(n,t,s),s};import{css as m,html as v,LitElement as y}from"lit";import{property as r}from"lit/decorators.js";import{anchorOf as g,toISODateString as O}from"../calendar/Calendar.js";import{closestThroughPortal as b}from"../internal/closest.js";import{customElement as L}from"../internal/define.js";import{dispatchAutoFocus as u,dispatchEscapeKeyDown as E,dispatchOutside as c,focusOnOpen as F,focusOutsideTarget as w}from"../internal/dismiss.js";import{handleEscapeKeyDown as A,nestedLayerContains as I,pushDismissLayer as P}from"../internal/dismissal.js";import{optOutBoolean as H,positionFloating as D}from"../internal/positioning.js";import{hiddenHostStyles as T}from"../internal/styles.js";import{focusDatePickerContent as B,focusDelegate as K}from"./auto-focus.js";import{DATE_PICKER_FAMILY as h}from"./family.js";var e=class extends y{constructor(){super(...arguments);this.side="bottom";this.align="center";this.sideOffset=4;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.root=null;this.onRootUpdate=()=>this.syncHostState();this.authoredLabel=!1;this.wasOpen=!1;this.dismissedOutside=!1;this.focusFrame=0;this.layer={insideElements:()=>[this,this.root?.triggerHost]};this.handleKeyDown=t=>{this.root?.open&&A(t,this.layer,()=>{E(this,t)&&this.root?.setOpen(!1)})};this.handleOutsidePointerDown=t=>{!this.root?.open||this.isInside(t.target)||c(this,"pointer-down-outside",t)&&(this.dismissedOutside=!0,this.root.setOpen(!1))};this.handleOutsideFocus=t=>{if(!this.root?.open)return;let i=w(t);i===null||this.isInside(i)||c(this,"focus-outside",t)&&(this.dismissedOutside=!0,this.root.setOpen(!1))}}get anchorISO(){let t=g(this.root?.value??null);return t?O(t):null}connectedCallback(){super.connectedCallback(),this.root=b(this,h.selector),this.root&&(this.root.contentEl=this),this.authoredLabel=this.hasAttribute("aria-label")||this.hasAttribute("aria-labelledby"),this.setAttribute("role","dialog"),this.root?.addEventListener(h.event,this.onRootUpdate),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.root?.contentEl===this&&(this.root.contentEl=null),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.releaseLayer?.(),this.releaseLayer=void 0,this.cleanupPosition?.(),cancelAnimationFrame(this.focusFrame),super.disconnectedCallback()}syncHostState(){let t=this.root?.open??!1;this.setAttribute("data-state",t?"open":"closed");for(let[i,s]of[["data-invalid",this.root?.invalid??!1],["data-readonly",this.root?.readOnly??!1]])s?this.setAttribute(i,""):this.removeAttribute(i);(!t||!this.hasAttribute("data-side"))&&(this.setAttribute("data-side",this.side??"bottom"),this.setAttribute("data-align",this.align??"start")),this.syncLabelledBy(),this.applyOpenState(t)}syncLabelledBy(){let t=this.root?.triggerHost?.id||this.root?.triggerId;!this.authoredLabel&&t&&this.setAttribute("aria-labelledby",t)}applyOpenState(t){this.hidden=!t,t?this.releaseLayer??(this.releaseLayer=P(this.layer)):(this.releaseLayer?.(),this.releaseLayer=void 0),t?this.activate():this.deactivate(),t!==this.wasOpen&&(this.wasOpen=t,t?this.autoFocusIn():this.autoFocusOut())}autoFocusIn(){this.dismissedOutside=!1,this.focusFrame=requestAnimationFrame(()=>{this.root?.open&&(this.contains(document.activeElement)||u(this,"open-auto-focus")&&F(()=>B(this,this.anchorISO)))})}autoFocusOut(){if(cancelAnimationFrame(this.focusFrame),this.dismissedOutside||!u(this,"close-auto-focus"))return;let t=this.root?.triggerHost;t&&K(t).focus({preventScroll:!0})}activate(){this.cleanupPosition||!this.root?.triggerHost||(this.cleanupPosition=D(this.root.triggerHost,this,{side:this.side,align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary}))}deactivate(){this.cleanupPosition?.(),this.cleanupPosition=void 0}isInside(t){return t?I(this.layer,t)?!0:this.contains(t)||this.root?.contains(t)===!0:!1}render(){return v`<slot></slot>`}};e.styles=[T,m`
       :host {
         display: block;
       }
-    `],o([r({type:String})],e.prototype,"side",2),o([r({type:String})],e.prototype,"align",2),o([r({type:Number,attribute:"side-offset"})],e.prototype,"sideOffset",2),o([r({type:Number,attribute:"align-offset"})],e.prototype,"alignOffset",2),o([r({converter:P,attribute:"avoid-collisions"})],e.prototype,"avoidCollisions",2),o([r({type:Number,attribute:"collision-padding"})],e.prototype,"collisionPadding",2),o([r({attribute:!1})],e.prototype,"collisionBoundary",2),e=o([L("skdx-date-picker-content","date-picker","content")],e);export{e as SkdxDatePickerContent};
+    `],o([r({type:String})],e.prototype,"side",2),o([r({type:String})],e.prototype,"align",2),o([r({type:Number,attribute:"side-offset"})],e.prototype,"sideOffset",2),o([r({type:Number,attribute:"align-offset"})],e.prototype,"alignOffset",2),o([r({converter:H,attribute:"avoid-collisions"})],e.prototype,"avoidCollisions",2),o([r({type:Number,attribute:"collision-padding"})],e.prototype,"collisionPadding",2),o([r({attribute:!1})],e.prototype,"collisionBoundary",2),e=o([L("skdx-date-picker-content","date-picker","content")],e);export{e as SkdxDatePickerContent};

package/dist/date-picker/DatePickerTrigger.cjs

@@ -1,19 +1,32 @@
-"use strict";var l=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var y=(o,t)=>{for(var i in t)l(o,i,{get:t[i],enumerable:!0})},k=(o,t,i,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of f(t))!g.call(o,e)&&e!==i&&l(o,e,{get:()=>t[e],enumerable:!(a=v(t,e))||a.enumerable});return o};var C=o=>k(l({},"__esModule",{value:!0}),o),m=(o,t,i,a)=>{for(var e=a>1?void 0:a?v(t,i):t,h=o.length-1,c;h>=0;h--)(c=o[h])&&(e=(a?c(t,i,e):c(e))||e);return a&&e&&l(t,i,e),e};var E={};y(E,{SkdxDatePickerTrigger:()=>r});module.exports=C(E);var s=require("lit"),u=require("lit/decorators.js"),p=require("../internal/define.cjs"),b=require("../internal/part.cjs"),d=require("../internal/styles.cjs"),n=require("./family.cjs");var r=class extends s.LitElement{constructor(){super(...arguments);this.disabled=!1;this.root=null;this.onUpdate=()=>this.requestUpdate();this.handleClick=()=>{this.isDisabled||this.root?.setOpen(!this.root.open)}}get isDisabled(){return this.disabled||(this.root?.disabled??!1)}connectedCallback(){super.connectedCallback(),this.root=n.DATE_PICKER_FAMILY.root(this),this.root?.addEventListener(n.DATE_PICKER_FAMILY.event,this.onUpdate),this.root&&(0,p.whenUpgraded)(this.root,()=>{this.root&&(this.root.triggerHost=this,this.id||(this.id=this.root.triggerId))})}disconnectedCallback(){this.root?.removeEventListener(n.DATE_PICKER_FAMILY.event,this.onUpdate),super.disconnectedCallback()}updated(){(0,b.reflectHostState)(this,{"data-state":this.root?.open??!1?"open":"closed","data-disabled":this.isDisabled?"":null,"data-invalid":this.root?.invalid??!1?"":null})}render(){let i=this.root?.open??!1;return s.html`
+"use strict";var p=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var L=(o,t)=>{for(var a in t)p(o,a,{get:t[a],enumerable:!0})},w=(o,t,a,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of y(t))!g.call(o,e)&&e!==a&&p(o,e,{get:()=>t[e],enumerable:!(r=v(t,e))||r.enumerable});return o};var C=o=>w(p({},"__esModule",{value:!0}),o),l=(o,t,a,r)=>{for(var e=r>1?void 0:r?v(t,a):t,u=o.length-1,b;u>=0;u--)(b=o[u])&&(e=(r?b(t,a,e):b(e))||e);return r&&e&&p(t,a,e),e};var E={};L(E,{SkdxDatePickerTrigger:()=>i});module.exports=C(E);var s=require("lit"),n=require("lit/decorators.js"),c=require("../internal/define.cjs"),f=require("../internal/field-core.cjs"),m=require("../internal/part.cjs"),d=require("../internal/styles.cjs"),h=require("./family.cjs");var i=class extends s.LitElement{constructor(){super(...arguments);this.disabled=!1;this.ariaLabel=null;this.ariaLabelledBy=null;this.ariaDescribedBy=null;this.ariaInvalid=null;this.root=null;this.onUpdate=()=>this.requestUpdate();this.handleClick=()=>{this.isDisabled||this.root?.setOpen(!this.root.open)}}get isDisabled(){return this.disabled||(this.root?.disabled??!1)}connectedCallback(){super.connectedCallback(),this.setAttribute(f.FIELD_CONTROL_ATTRIBUTE,""),this.root=h.DATE_PICKER_FAMILY.root(this),this.root?.addEventListener(h.DATE_PICKER_FAMILY.event,this.onUpdate),this.root&&(0,c.whenUpgraded)(this.root,()=>{this.root&&(this.root.triggerHost=this,this.id||(this.id=this.root.triggerId))})}disconnectedCallback(){this.root?.removeEventListener(h.DATE_PICKER_FAMILY.event,this.onUpdate),super.disconnectedCallback()}updated(){(0,m.reflectHostState)(this,{"data-state":this.root?.open??!1?"open":"closed","data-disabled":this.isDisabled?"":null,"data-invalid":this.root?.invalid??!1?"":null})}render(){let a=this.root?.open??!1;return s.html`
       <button
         part="trigger"
         type="button"
         ?disabled=${this.isDisabled}
         aria-haspopup="dialog"
-        aria-expanded=${i}
+        aria-expanded=${a}
         aria-controls=${this.root?.contentId??""}
-        aria-invalid=${this.root?.invalid?"true":s.nothing}
-        data-state=${i?"open":"closed"}
+        aria-label=${this.ariaLabel??s.nothing}
+        aria-labelledby=${this.ariaLabelledBy??s.nothing}
+        aria-describedby=${this.ariaDescribedBy??s.nothing}
+        aria-invalid=${this.root?.invalid?"true":this.ariaInvalid??s.nothing}
+        data-state=${a?"open":"closed"}
         @click=${this.handleClick}
       >
         <slot></slot>
       </button>
-    `}};r.shadowRootOptions=d.delegatesFocusShadowRootOptions,r.styles=[d.resetNativeControl,s.css`
+    `}};i.shadowRootOptions=d.delegatesFocusShadowRootOptions,i.styles=[d.resetNativeControl,s.css`
       :host {
         display: inline-block;
       }
-    `,d.controlBoxOnHost],m([(0,u.property)({type:Boolean,reflect:!0})],r.prototype,"disabled",2),r=m([(0,p.customElement)("skdx-date-picker-trigger","date-picker","trigger")],r);0&&(module.exports={SkdxDatePickerTrigger});
+
+      /* Declared locally, not left to the light-DOM :focus-visible rule: this
+         host sits inside <skdx-date-picker>'s own shadow tree, and delegated
+         focus crossing two nested shadow boundaries painted the ring around
+         the inner <button> instead of this host's own border box, leaving a
+         visible gap. A rule scoped to this shadow root paints it directly. */
+      :host(:focus-visible) {
+        outline: var(--skdx-focus-ring-width) solid var(--skdx-color-focus-ring);
+        outline-offset: var(--skdx-focus-ring-offset);
+      }
+    `,d.controlBoxOnHost],l([(0,n.property)({type:Boolean,reflect:!0})],i.prototype,"disabled",2),l([(0,n.property)({type:String,attribute:"aria-label"})],i.prototype,"ariaLabel",2),l([(0,n.property)({type:String,attribute:"aria-labelledby"})],i.prototype,"ariaLabelledBy",2),l([(0,n.property)({type:String,attribute:"aria-describedby"})],i.prototype,"ariaDescribedBy",2),l([(0,n.property)({type:String,attribute:"aria-invalid"})],i.prototype,"ariaInvalid",2),i=l([(0,c.customElement)("skdx-date-picker-trigger","date-picker","trigger")],i);0&&(module.exports={SkdxDatePickerTrigger});

package/dist/date-picker/DatePickerTrigger.d.cts

@@ -11,6 +11,14 @@ export declare class SkdxDatePickerTrigger extends LitElement {
      * @default false — the trigger follows the root's `disabled`.
      */
     disabled: boolean;
+    /** Accessible name for the trigger, mirrored onto the shadow `<button>`. @default undefined */
+    ariaLabel: string | null;
+    /** Id(s) naming the trigger, mirrored onto the shadow `<button>` — a Field writes this onto the host. @default undefined */
+    ariaLabelledBy: string | null;
+    /** Id(s) describing the trigger, mirrored onto the shadow `<button>` — a Field writes this onto the host. @default undefined */
+    ariaDescribedBy: string | null;
+    /** Marks the trigger invalid, mirrored onto the shadow `<button>` — a Field writes this onto the host. @default undefined */
+    ariaInvalid: string | null;
     private root;
     private readonly onUpdate;
     private get isDisabled();

package/dist/date-picker/DatePickerTrigger.d.ts

@@ -11,6 +11,14 @@ export declare class SkdxDatePickerTrigger extends LitElement {
      * @default false — the trigger follows the root's `disabled`.
      */
     disabled: boolean;
+    /** Accessible name for the trigger, mirrored onto the shadow `<button>`. @default undefined */
+    ariaLabel: string | null;
+    /** Id(s) naming the trigger, mirrored onto the shadow `<button>` — a Field writes this onto the host. @default undefined */
+    ariaLabelledBy: string | null;
+    /** Id(s) describing the trigger, mirrored onto the shadow `<button>` — a Field writes this onto the host. @default undefined */
+    ariaDescribedBy: string | null;
+    /** Marks the trigger invalid, mirrored onto the shadow `<button>` — a Field writes this onto the host. @default undefined */
+    ariaInvalid: string | null;
     private root;
     private readonly onUpdate;
     private get isDisabled();

package/dist/date-picker/DatePickerTrigger.js

@@ -1,4 +1,4 @@
-var p=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var l=(s,i,o,r)=>{for(var t=r>1?void 0:r?h(i,o):i,a=s.length-1,d;a>=0;a--)(d=s[a])&&(t=(r?d(i,o,t):d(t))||t);return r&&t&&p(i,o,t),t};import{css as c,html as m,LitElement as v,nothing as u}from"lit";import{property as b}from"lit/decorators.js";import{customElement as f,whenUpgraded as g}from"../internal/define.js";import{reflectHostState as y}from"../internal/part.js";import{controlBoxOnHost as k,delegatesFocusShadowRootOptions as C,resetNativeControl as E}from"../internal/styles.js";import{DATE_PICKER_FAMILY as n}from"./family.js";var e=class extends v{constructor(){super(...arguments);this.disabled=!1;this.root=null;this.onUpdate=()=>this.requestUpdate();this.handleClick=()=>{this.isDisabled||this.root?.setOpen(!this.root.open)}}get isDisabled(){return this.disabled||(this.root?.disabled??!1)}connectedCallback(){super.connectedCallback(),this.root=n.root(this),this.root?.addEventListener(n.event,this.onUpdate),this.root&&g(this.root,()=>{this.root&&(this.root.triggerHost=this,this.id||(this.id=this.root.triggerId))})}disconnectedCallback(){this.root?.removeEventListener(n.event,this.onUpdate),super.disconnectedCallback()}updated(){y(this,{"data-state":this.root?.open??!1?"open":"closed","data-disabled":this.isDisabled?"":null,"data-invalid":this.root?.invalid??!1?"":null})}render(){let o=this.root?.open??!1;return m`
+var c=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var i=(n,a,o,r)=>{for(var e=r>1?void 0:r?u(a,o):a,d=n.length-1,p;d>=0;d--)(p=n[d])&&(e=(r?p(a,o,e):p(e))||e);return r&&e&&c(a,o,e),e};import{css as b,html as v,LitElement as f,nothing as l}from"lit";import{property as s}from"lit/decorators.js";import{customElement as m,whenUpgraded as y}from"../internal/define.js";import{FIELD_CONTROL_ATTRIBUTE as g}from"../internal/field-core.js";import{reflectHostState as L}from"../internal/part.js";import{controlBoxOnHost as w,delegatesFocusShadowRootOptions as C,resetNativeControl as E}from"../internal/styles.js";import{DATE_PICKER_FAMILY as h}from"./family.js";var t=class extends f{constructor(){super(...arguments);this.disabled=!1;this.ariaLabel=null;this.ariaLabelledBy=null;this.ariaDescribedBy=null;this.ariaInvalid=null;this.root=null;this.onUpdate=()=>this.requestUpdate();this.handleClick=()=>{this.isDisabled||this.root?.setOpen(!this.root.open)}}get isDisabled(){return this.disabled||(this.root?.disabled??!1)}connectedCallback(){super.connectedCallback(),this.setAttribute(g,""),this.root=h.root(this),this.root?.addEventListener(h.event,this.onUpdate),this.root&&y(this.root,()=>{this.root&&(this.root.triggerHost=this,this.id||(this.id=this.root.triggerId))})}disconnectedCallback(){this.root?.removeEventListener(h.event,this.onUpdate),super.disconnectedCallback()}updated(){L(this,{"data-state":this.root?.open??!1?"open":"closed","data-disabled":this.isDisabled?"":null,"data-invalid":this.root?.invalid??!1?"":null})}render(){let o=this.root?.open??!1;return v`
       <button
         part="trigger"
         type="button"
@@ -6,14 +6,27 @@ var p=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var l=(s,i,o,r
         aria-haspopup="dialog"
         aria-expanded=${o}
         aria-controls=${this.root?.contentId??""}
-        aria-invalid=${this.root?.invalid?"true":u}
+        aria-label=${this.ariaLabel??l}
+        aria-labelledby=${this.ariaLabelledBy??l}
+        aria-describedby=${this.ariaDescribedBy??l}
+        aria-invalid=${this.root?.invalid?"true":this.ariaInvalid??l}
         data-state=${o?"open":"closed"}
         @click=${this.handleClick}
       >
         <slot></slot>
       </button>
-    `}};e.shadowRootOptions=C,e.styles=[E,c`
+    `}};t.shadowRootOptions=C,t.styles=[E,b`
       :host {
         display: inline-block;
       }
-    `,k],l([b({type:Boolean,reflect:!0})],e.prototype,"disabled",2),e=l([f("skdx-date-picker-trigger","date-picker","trigger")],e);export{e as SkdxDatePickerTrigger};
+
+      /* Declared locally, not left to the light-DOM :focus-visible rule: this
+         host sits inside <skdx-date-picker>'s own shadow tree, and delegated
+         focus crossing two nested shadow boundaries painted the ring around
+         the inner <button> instead of this host's own border box, leaving a
+         visible gap. A rule scoped to this shadow root paints it directly. */
+      :host(:focus-visible) {
+        outline: var(--skdx-focus-ring-width) solid var(--skdx-color-focus-ring);
+        outline-offset: var(--skdx-focus-ring-offset);
+      }
+    `,w],i([s({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([s({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",2),i([s({type:String,attribute:"aria-labelledby"})],t.prototype,"ariaLabelledBy",2),i([s({type:String,attribute:"aria-describedby"})],t.prototype,"ariaDescribedBy",2),i([s({type:String,attribute:"aria-invalid"})],t.prototype,"ariaInvalid",2),t=i([m("skdx-date-picker-trigger","date-picker","trigger")],t);export{t as SkdxDatePickerTrigger};

package/dist/date-picker/family.cjs

@@ -1 +1 @@
-"use strict";var o=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var m=(t,e)=>{for(var i in e)o(t,i,{get:e[i],enumerable:!0})},s=(t,e,i,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of p(e))!a.call(t,r)&&r!==i&&o(t,r,{get:()=>e[r],enumerable:!(c=d(e,r))||c.enumerable});return t};var x=t=>s(o({},"__esModule",{value:!0}),t);var P={};m(P,{DATE_PICKER_FAMILY:()=>D});module.exports=x(P);var k=require("../internal/family.cjs"),D=(0,k.defineFamily)("date-picker",{selector:"skdx-date-picker",init:{bubbles:!0,composed:!0}});0&&(module.exports={DATE_PICKER_FAMILY});
+"use strict";var k=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var o=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var m=(t,e)=>{for(var i in e)k(t,i,{get:e[i],enumerable:!0})},s=(t,e,i,d)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of o(e))!p.call(t,r)&&r!==i&&k(t,r,{get:()=>e[r],enumerable:!(d=a(e,r))||d.enumerable});return t};var x=t=>s(k({},"__esModule",{value:!0}),t);var D={};m(D,{DATE_PICKER_FAMILY:()=>n});module.exports=x(D);var c=require("../internal/family.cjs"),n=(0,c.defineFamily)("date-picker",{selector:"skdx-date-picker, skdx-date-time-picker, skdx-date-range-picker",init:{bubbles:!0,composed:!0}});0&&(module.exports={DATE_PICKER_FAMILY});

package/dist/date-picker/family.js

@@ -1 +1 @@
-import{defineFamily as e}from"../internal/family.js";var r=e("date-picker",{selector:"skdx-date-picker",init:{bubbles:!0,composed:!0}});export{r as DATE_PICKER_FAMILY};
+import{defineFamily as e}from"../internal/family.js";var r=e("date-picker",{selector:"skdx-date-picker, skdx-date-time-picker, skdx-date-range-picker",init:{bubbles:!0,composed:!0}});export{r as DATE_PICKER_FAMILY};

package/dist/date-range-picker/DateRangePicker.cjs

@@ -0,0 +1 @@
+"use strict";var s=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var o=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var l=(t,e)=>{for(var a in e)s(t,a,{get:e[a],enumerable:!0})},m=(t,e,a,d)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of o(e))!k.call(t,r)&&r!==a&&s(t,r,{get:()=>e[r],enumerable:!(d=i(e,r))||d.enumerable});return t};var g=t=>m(s({},"__esModule",{value:!0}),t);var p={};l(p,{SkdxDateRangePicker:()=>n});module.exports=g(p);var c=require("../date-picker/DatePicker.cjs"),n=class extends c.SkdxDatePicker{constructor(){super(),this.selectionMode="range"}};customElements.get("skdx-date-range-picker")===void 0&&customElements.define("skdx-date-range-picker",n);0&&(module.exports={SkdxDateRangePicker});

package/dist/date-range-picker/DateRangePicker.d.cts

@@ -0,0 +1,12 @@
+import { SkdxDatePicker } from '../date-picker/DatePicker.cjs';
+/**
+ * DateRangePicker alias of <skdx-date-picker>: the same component with `selectionMode='range'` as defaults. Every attribute, property, event and slot of `<skdx-date-picker>` applies; reach for `<skdx-date-picker>` itself for full control.
+ */
+export declare class SkdxDateRangePicker extends SkdxDatePicker {
+    constructor();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-date-range-picker': SkdxDateRangePicker;
+    }
+}

package/dist/date-range-picker/DateRangePicker.d.ts

@@ -0,0 +1,12 @@
+import { SkdxDatePicker } from '../date-picker/DatePicker.js';
+/**
+ * DateRangePicker alias of <skdx-date-picker>: the same component with `selectionMode='range'` as defaults. Every attribute, property, event and slot of `<skdx-date-picker>` applies; reach for `<skdx-date-picker>` itself for full control.
+ */
+export declare class SkdxDateRangePicker extends SkdxDatePicker {
+    constructor();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-date-range-picker': SkdxDateRangePicker;
+    }
+}

package/dist/date-range-picker/DateRangePicker.js

@@ -0,0 +1 @@
+import{SkdxDatePicker as t}from"../date-picker/DatePicker.js";var e=class extends t{constructor(){super(),this.selectionMode="range"}};customElements.get("skdx-date-range-picker")===void 0&&customElements.define("skdx-date-range-picker",e);export{e as SkdxDateRangePicker};

package/dist/date-range-picker/index.cjs

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

package/dist/date-range-picker/index.d.cts

@@ -0,0 +1 @@
+export { SkdxDateRangePicker } from './DateRangePicker.cjs';

package/dist/date-range-picker/index.d.ts

@@ -0,0 +1 @@
+export { SkdxDateRangePicker } from './DateRangePicker.js';

package/dist/date-range-picker/index.js

@@ -0,0 +1 @@
+import{SkdxDateRangePicker as a}from"./DateRangePicker.js";export{a as SkdxDateRangePicker};

package/dist/date-time-picker/DateTimePicker.cjs

@@ -0,0 +1 @@
+"use strict";var s=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var l=(t,e)=>{for(var r in e)s(t,r,{get:e[r],enumerable:!0})},o=(t,e,r,d)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of n(e))!k.call(t,i)&&i!==r&&s(t,i,{get:()=>e[i],enumerable:!(d=c(e,i))||d.enumerable});return t};var p=t=>o(s({},"__esModule",{value:!0}),t);var u={};l(u,{SkdxDateTimePicker:()=>a});module.exports=p(u);var m=require("../date-picker/DatePicker.cjs"),a=class extends m.SkdxDatePicker{constructor(){super(),this.granularity="minute"}};customElements.get("skdx-date-time-picker")===void 0&&customElements.define("skdx-date-time-picker",a);0&&(module.exports={SkdxDateTimePicker});

package/dist/date-time-picker/DateTimePicker.d.cts

@@ -0,0 +1,12 @@
+import { SkdxDatePicker } from '../date-picker/DatePicker.cjs';
+/**
+ * DateTimePicker alias of <skdx-date-picker>: the same component with `granularity='minute'` as defaults. Every attribute, property, event and slot of `<skdx-date-picker>` applies; reach for `<skdx-date-picker>` itself for full control.
+ */
+export declare class SkdxDateTimePicker extends SkdxDatePicker {
+    constructor();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-date-time-picker': SkdxDateTimePicker;
+    }
+}

package/dist/date-time-picker/DateTimePicker.d.ts

@@ -0,0 +1,12 @@
+import { SkdxDatePicker } from '../date-picker/DatePicker.js';
+/**
+ * DateTimePicker alias of <skdx-date-picker>: the same component with `granularity='minute'` as defaults. Every attribute, property, event and slot of `<skdx-date-picker>` applies; reach for `<skdx-date-picker>` itself for full control.
+ */
+export declare class SkdxDateTimePicker extends SkdxDatePicker {
+    constructor();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-date-time-picker': SkdxDateTimePicker;
+    }
+}

package/dist/date-time-picker/DateTimePicker.js

@@ -0,0 +1 @@
+import{SkdxDatePicker as t}from"../date-picker/DatePicker.js";var e=class extends t{constructor(){super(),this.granularity="minute"}};customElements.get("skdx-date-time-picker")===void 0&&customElements.define("skdx-date-time-picker",e);export{e as SkdxDateTimePicker};

package/dist/date-time-picker/index.cjs

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

package/dist/date-time-picker/index.d.cts

@@ -0,0 +1 @@
+export { SkdxDateTimePicker } from './DateTimePicker.cjs';

package/dist/date-time-picker/index.d.ts

@@ -0,0 +1 @@
+export { SkdxDateTimePicker } from './DateTimePicker.js';

package/dist/date-time-picker/index.js

@@ -0,0 +1 @@
+import{SkdxDateTimePicker as i}from"./DateTimePicker.js";export{i as SkdxDateTimePicker};

package/dist/dialog/DialogAnatomy.cjs

@@ -1 +1 @@
-"use strict";var p=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var N=(t,e)=>{for(var i in e)p(t,i,{get:e[i],enumerable:!0})},S=(t,e,i,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of A(e))!C.call(t,o)&&o!==i&&p(t,o,{get:()=>e[o],enumerable:!(a=b(e,o))||a.enumerable});return t};var h=t=>S(p({},"__esModule",{value:!0}),t);var T={};N(T,{DIALOG_ANATOMY_GENERATED:()=>m,fillDialogAnatomy:()=>v,refreshDialogAnatomyText:()=>w});module.exports=h(T);var g=require("../internal/host-attributes.cjs"),L=require("./DialogPortal.cjs"),_=require("./DialogOverlay.cjs"),P=require("./DialogContent.cjs"),q=require("./DialogTitle.cjs"),M=require("./DialogDescription.cjs"),O=require("./DialogClose.cjs"),R=require("./DialogAction.cjs"),V=require("./DialogCancel.cjs"),$=require("../utils/visually-hidden.cjs"),m="data-skdx-dialog-generated",y=new Set(["skdx-dialog-title","skdx-dialog-description","skdx-dialog-close","skdx-dialog-action","skdx-dialog-cancel"]),f="http://www.w3.org/2000/svg";function D(){let t=document.createElementNS(f,"svg");t.setAttribute("viewBox","0 0 16 16"),t.setAttribute("width","1em"),t.setAttribute("height","1em"),t.setAttribute("fill","none"),t.setAttribute("aria-hidden","true"),t.setAttribute("focusable","false");let e=document.createElementNS(f,"path");return e.setAttribute("d","M4 4l8 8M12 4l-8 8"),e.setAttribute("stroke","currentColor"),e.setAttribute("stroke-width","1.5"),e.setAttribute("stroke-linecap","round"),t.append(e),t}function x(t){return t.role!=="alertdialog"?{confirm:t.confirmLabel,cancel:t.cancelLabel}:{confirm:t.confirmLabel??"Confirm",cancel:t.cancelLabel??"Cancel"}}function k(t){return t.querySelector(`:scope > skdx-dialog-portal[${m}]`)?.portalHost.querySelector("skdx-dialog-content")??null}function v(t){let e=k(t),i=e?.querySelector(":scope > dialog")??e,a=Array.from(i?i.childNodes:t.childNodes),o=[],s=[];for(let n of a){if(n.nodeType===Node.ELEMENT_NODE){let d=n;if(y.has(d.tagName.toLowerCase()))continue;if(d.getAttribute("slot")==="footer"){s.push(n);continue}}o.push(n)}let l=document.createElement("skdx-dialog-portal");l.setAttribute(m,"");let E=document.createElement("skdx-dialog-overlay"),c=document.createElement("skdx-dialog-content");if((0,g.forwardHostAttributes)(t,c),t.title){let n=document.createElement("skdx-dialog-title");n.textContent=t.title,c.append(n)}if(t.description){let n=document.createElement("skdx-dialog-description");n.textContent=t.description,c.append(n)}c.append(...o,...s);let r=x(t);if(r.cancel!==void 0){let n=document.createElement("skdx-dialog-cancel");n.textContent=r.cancel,c.append(n)}if(r.confirm!==void 0){let n=document.createElement("skdx-dialog-action");n.textContent=r.confirm,t.status&&n.setAttribute("data-status",t.status),c.append(n)}if(t.dismissible&&t.role!=="alertdialog"){let n=document.createElement("skdx-dialog-close"),d=document.createElement("skdx-visually-hidden");d.textContent="Close",n.append(d,D()),c.append(n)}l.append(E,c),t.replaceChildren(l)}function u(t,e){return t.querySelector(`:scope > ${e}, :scope > dialog > ${e}`)}function w(t){let e=k(t);if(!e)return;let i=u(e,"skdx-dialog-title");i&&t.title&&(i.textContent=t.title);let a=u(e,"skdx-dialog-description");a&&t.description&&(a.textContent=t.description);let o=x(t),s=u(e,"skdx-dialog-cancel");s&&o.cancel!==void 0&&(s.textContent=o.cancel);let l=u(e,"skdx-dialog-action");l&&(o.confirm!==void 0&&(l.textContent=o.confirm),t.status?l.setAttribute("data-status",t.status):l.removeAttribute("data-status"))}0&&(module.exports={DIALOG_ANATOMY_GENERATED,fillDialogAnatomy,refreshDialogAnatomyText});
+"use strict";var g=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var S=Object.prototype.hasOwnProperty;var y=(t,e)=>{for(var o in e)g(t,o,{get:e[o],enumerable:!0})},D=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of N(e))!S.call(t,n)&&n!==o&&g(t,n,{get:()=>e[n],enumerable:!(r=C(e,n))||r.enumerable});return t};var v=t=>D(g({},"__esModule",{value:!0}),t);var P={};y(P,{DIALOG_ANATOMY_GENERATED:()=>a,fillDialogAnatomy:()=>G,refreshDialogAnatomyText:()=>L});module.exports=v(P);var b=require("../internal/host-attributes.cjs"),M=require("./DialogPortal.cjs"),q=require("./DialogOverlay.cjs"),O=require("./DialogContent.cjs"),R=require("./DialogTitle.cjs"),V=require("./DialogDescription.cjs"),$=require("./DialogClose.cjs"),B=require("./DialogAction.cjs"),H=require("./DialogCancel.cjs"),I=require("../utils/visually-hidden.cjs"),a="data-skdx-dialog-generated",w=new Set(["skdx-dialog-title","skdx-dialog-description","skdx-dialog-close","skdx-dialog-action","skdx-dialog-cancel"]),k="http://www.w3.org/2000/svg";function T(){let t=document.createElementNS(k,"svg");t.setAttribute("viewBox","0 0 16 16"),t.setAttribute("width","1em"),t.setAttribute("height","1em"),t.setAttribute("fill","none"),t.setAttribute("aria-hidden","true"),t.setAttribute("focusable","false");let e=document.createElementNS(k,"path");return e.setAttribute("d","M4 4l8 8M12 4l-8 8"),e.setAttribute("stroke","currentColor"),e.setAttribute("stroke-width","1.5"),e.setAttribute("stroke-linecap","round"),t.append(e),t}function A(t){return t.role!=="alertdialog"?{confirm:t.confirmLabel,cancel:t.cancelLabel}:{confirm:t.confirmLabel??"Confirm",cancel:t.cancelLabel??"Cancel"}}function E(t){return t.querySelector(`:scope > skdx-dialog-portal[${a}]`)?.portalHost.querySelector("skdx-dialog-content")??null}function u(t,e,o,r){let n=e.get(o);if(n){t.append(n);return}let s=r();s&&(s.setAttribute(a,""),t.append(s))}function G(t){let e=E(t),o=e?.querySelector(":scope > dialog")??e,r=Array.from(o?o.childNodes:t.childNodes),n=new Map,s=[],d=[];for(let i of r){if(i.nodeType===Node.ELEMENT_NODE){let c=i,x=c.tagName.toLowerCase();if(w.has(x)){c.hasAttribute(a)||n.set(x,c);continue}if(c.getAttribute("slot")==="footer"){d.push(i);continue}}s.push(i)}let p=document.createElement("skdx-dialog-portal");p.setAttribute(a,"");let h=document.createElement("skdx-dialog-overlay"),l=document.createElement("skdx-dialog-content");(0,b.forwardHostAttributes)(t,l),u(l,n,"skdx-dialog-title",()=>{if(!t.title)return;let i=document.createElement("skdx-dialog-title");return i.textContent=t.title,i}),u(l,n,"skdx-dialog-description",()=>{if(!t.description)return;let i=document.createElement("skdx-dialog-description");return i.textContent=t.description,i}),l.append(...s,...d);let m=A(t);u(l,n,"skdx-dialog-cancel",()=>{if(m.cancel===void 0)return;let i=document.createElement("skdx-dialog-cancel");return i.textContent=m.cancel,i}),u(l,n,"skdx-dialog-action",()=>{if(m.confirm===void 0)return;let i=document.createElement("skdx-dialog-action");return i.textContent=m.confirm,t.status&&i.setAttribute("data-status",t.status),i}),u(l,n,"skdx-dialog-close",()=>{if(!t.dismissible||t.role==="alertdialog")return;let i=document.createElement("skdx-dialog-close"),c=document.createElement("skdx-visually-hidden");return c.textContent="Close",i.append(c,T()),i}),p.append(h,l),t.replaceChildren(p)}function f(t,e){return t.querySelector(`:scope > ${e}, :scope > dialog > ${e}`)}function L(t){let e=E(t);if(!e)return;let o=f(e,"skdx-dialog-title");o?.hasAttribute(a)&&t.title&&(o.textContent=t.title);let r=f(e,"skdx-dialog-description");r?.hasAttribute(a)&&t.description&&(r.textContent=t.description);let n=A(t),s=f(e,"skdx-dialog-cancel");s?.hasAttribute(a)&&n.cancel!==void 0&&(s.textContent=n.cancel);let d=f(e,"skdx-dialog-action");d?.hasAttribute(a)&&(n.confirm!==void 0&&(d.textContent=n.confirm),t.status?d.setAttribute("data-status",t.status):d.removeAttribute("data-status"))}0&&(module.exports={DIALOG_ANATOMY_GENERATED,fillDialogAnatomy,refreshDialogAnatomyText});

package/dist/dialog/DialogAnatomy.js

@@ -1 +1 @@
-import{forwardHostAttributes as k}from"../internal/host-attributes.js";import"./DialogPortal.js";import"./DialogOverlay.js";import"./DialogContent.js";import"./DialogTitle.js";import"./DialogDescription.js";import"./DialogClose.js";import"./DialogAction.js";import"./DialogCancel.js";import"../utils/visually-hidden.js";var m="data-skdx-dialog-generated",E=new Set(["skdx-dialog-title","skdx-dialog-description","skdx-dialog-close","skdx-dialog-action","skdx-dialog-cancel"]),p="http://www.w3.org/2000/svg";function b(){let t=document.createElementNS(p,"svg");t.setAttribute("viewBox","0 0 16 16"),t.setAttribute("width","1em"),t.setAttribute("height","1em"),t.setAttribute("fill","none"),t.setAttribute("aria-hidden","true"),t.setAttribute("focusable","false");let n=document.createElementNS(p,"path");return n.setAttribute("d","M4 4l8 8M12 4l-8 8"),n.setAttribute("stroke","currentColor"),n.setAttribute("stroke-width","1.5"),n.setAttribute("stroke-linecap","round"),t.append(n),t}function f(t){return t.role!=="alertdialog"?{confirm:t.confirmLabel,cancel:t.cancelLabel}:{confirm:t.confirmLabel??"Confirm",cancel:t.cancelLabel??"Cancel"}}function g(t){return t.querySelector(`:scope > skdx-dialog-portal[${m}]`)?.portalHost.querySelector("skdx-dialog-content")??null}function G(t){let n=g(t),c=n?.querySelector(":scope > dialog")??n,d=Array.from(c?c.childNodes:t.childNodes),l=[],a=[];for(let e of d){if(e.nodeType===Node.ELEMENT_NODE){let s=e;if(E.has(s.tagName.toLowerCase()))continue;if(s.getAttribute("slot")==="footer"){a.push(e);continue}}l.push(e)}let o=document.createElement("skdx-dialog-portal");o.setAttribute(m,"");let x=document.createElement("skdx-dialog-overlay"),i=document.createElement("skdx-dialog-content");if(k(t,i),t.title){let e=document.createElement("skdx-dialog-title");e.textContent=t.title,i.append(e)}if(t.description){let e=document.createElement("skdx-dialog-description");e.textContent=t.description,i.append(e)}i.append(...l,...a);let r=f(t);if(r.cancel!==void 0){let e=document.createElement("skdx-dialog-cancel");e.textContent=r.cancel,i.append(e)}if(r.confirm!==void 0){let e=document.createElement("skdx-dialog-action");e.textContent=r.confirm,t.status&&e.setAttribute("data-status",t.status),i.append(e)}if(t.dismissible&&t.role!=="alertdialog"){let e=document.createElement("skdx-dialog-close"),s=document.createElement("skdx-visually-hidden");s.textContent="Close",e.append(s,b()),i.append(e)}o.append(x,i),t.replaceChildren(o)}function u(t,n){return t.querySelector(`:scope > ${n}, :scope > dialog > ${n}`)}function L(t){let n=g(t);if(!n)return;let c=u(n,"skdx-dialog-title");c&&t.title&&(c.textContent=t.title);let d=u(n,"skdx-dialog-description");d&&t.description&&(d.textContent=t.description);let l=f(t),a=u(n,"skdx-dialog-cancel");a&&l.cancel!==void 0&&(a.textContent=l.cancel);let o=u(n,"skdx-dialog-action");o&&(l.confirm!==void 0&&(o.textContent=l.confirm),t.status?o.setAttribute("data-status",t.status):o.removeAttribute("data-status"))}export{m as DIALOG_ANATOMY_GENERATED,G as fillDialogAnatomy,L as refreshDialogAnatomyText};
+import{forwardHostAttributes as E}from"../internal/host-attributes.js";import"./DialogPortal.js";import"./DialogOverlay.js";import"./DialogContent.js";import"./DialogTitle.js";import"./DialogDescription.js";import"./DialogClose.js";import"./DialogAction.js";import"./DialogCancel.js";import"../utils/visually-hidden.js";var s="data-skdx-dialog-generated",h=new Set(["skdx-dialog-title","skdx-dialog-description","skdx-dialog-close","skdx-dialog-action","skdx-dialog-cancel"]),x="http://www.w3.org/2000/svg";function C(){let t=document.createElementNS(x,"svg");t.setAttribute("viewBox","0 0 16 16"),t.setAttribute("width","1em"),t.setAttribute("height","1em"),t.setAttribute("fill","none"),t.setAttribute("aria-hidden","true"),t.setAttribute("focusable","false");let e=document.createElementNS(x,"path");return e.setAttribute("d","M4 4l8 8M12 4l-8 8"),e.setAttribute("stroke","currentColor"),e.setAttribute("stroke-width","1.5"),e.setAttribute("stroke-linecap","round"),t.append(e),t}function k(t){return t.role!=="alertdialog"?{confirm:t.confirmLabel,cancel:t.cancelLabel}:{confirm:t.confirmLabel??"Confirm",cancel:t.cancelLabel??"Cancel"}}function b(t){return t.querySelector(`:scope > skdx-dialog-portal[${s}]`)?.portalHost.querySelector("skdx-dialog-content")??null}function u(t,e,a,c){let i=e.get(a);if(i){t.append(i);return}let o=c();o&&(o.setAttribute(s,""),t.append(o))}function _(t){let e=b(t),a=e?.querySelector(":scope > dialog")??e,c=Array.from(a?a.childNodes:t.childNodes),i=new Map,o=[],l=[];for(let n of c){if(n.nodeType===Node.ELEMENT_NODE){let d=n,g=d.tagName.toLowerCase();if(h.has(g)){d.hasAttribute(s)||i.set(g,d);continue}if(d.getAttribute("slot")==="footer"){l.push(n);continue}}o.push(n)}let p=document.createElement("skdx-dialog-portal");p.setAttribute(s,"");let A=document.createElement("skdx-dialog-overlay"),r=document.createElement("skdx-dialog-content");E(t,r),u(r,i,"skdx-dialog-title",()=>{if(!t.title)return;let n=document.createElement("skdx-dialog-title");return n.textContent=t.title,n}),u(r,i,"skdx-dialog-description",()=>{if(!t.description)return;let n=document.createElement("skdx-dialog-description");return n.textContent=t.description,n}),r.append(...o,...l);let m=k(t);u(r,i,"skdx-dialog-cancel",()=>{if(m.cancel===void 0)return;let n=document.createElement("skdx-dialog-cancel");return n.textContent=m.cancel,n}),u(r,i,"skdx-dialog-action",()=>{if(m.confirm===void 0)return;let n=document.createElement("skdx-dialog-action");return n.textContent=m.confirm,t.status&&n.setAttribute("data-status",t.status),n}),u(r,i,"skdx-dialog-close",()=>{if(!t.dismissible||t.role==="alertdialog")return;let n=document.createElement("skdx-dialog-close"),d=document.createElement("skdx-visually-hidden");return d.textContent="Close",n.append(d,C()),n}),p.append(A,r),t.replaceChildren(p)}function f(t,e){return t.querySelector(`:scope > ${e}, :scope > dialog > ${e}`)}function M(t){let e=b(t);if(!e)return;let a=f(e,"skdx-dialog-title");a?.hasAttribute(s)&&t.title&&(a.textContent=t.title);let c=f(e,"skdx-dialog-description");c?.hasAttribute(s)&&t.description&&(c.textContent=t.description);let i=k(t),o=f(e,"skdx-dialog-cancel");o?.hasAttribute(s)&&i.cancel!==void 0&&(o.textContent=i.cancel);let l=f(e,"skdx-dialog-action");l?.hasAttribute(s)&&(i.confirm!==void 0&&(l.textContent=i.confirm),t.status?l.setAttribute("data-status",t.status):l.removeAttribute("data-status"))}export{s as DIALOG_ANATOMY_GENERATED,_ as fillDialogAnatomy,M as refreshDialogAnatomyText};

package/dist/dialog/DialogContent.cjs

@@ -1 +1 @@
-"use strict";var f=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var w=(n,o)=>{for(var t in o)f(n,t,{get:o[t],enumerable:!0})},F=(n,o,t,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of E(o))!k.call(n,i)&&i!==t&&f(n,i,{get:()=>o[i],enumerable:!(e=g(o,i))||e.enumerable});return n};var O=n=>F(f({},"__esModule",{value:!0}),n),d=(n,o,t,e)=>{for(var i=e>1?void 0:e?g(o,t):o,r=n.length-1,a;r>=0;r--)(a=n[r])&&(i=(e?a(o,t,i):a(i))||i);return e&&i&&f(o,t,i),i};var L={};w(L,{SkdxDialogContent:()=>l});module.exports=O(L);var m=require("lit"),c=require("lit/decorators.js"),u=require("../internal/aria-part.cjs"),h=require("../internal/body-scroll-lock.cjs"),b=require("../internal/closest.cjs"),y=require("../internal/define.cjs"),s=require("../internal/dismiss.cjs"),p=require("../internal/focus-targets.cjs"),A=require("../internal/light-dom-styles.cjs"),D=require("../internal/part.cjs");function v(n){return n==="any"||n==="outside"}var l=class extends m.LitElement{constructor(){super(...arguments);this.childObserver=new MutationObserver(()=>{this.adoptChildren(),this.syncHostAttributes()});this.dialogAncestor=null;this.locked=!1;this.wasOpen=!1;this.previouslyFocused=null;this.observer=new MutationObserver(()=>this.syncNativeDialog());this.handleCancel=t=>{let e=this.dialogAncestor?.effectiveDismiss??"any",i=e==="any"||e==="escape";(!(0,s.dispatchEscapeKeyDown)(this,t)||!i)&&t.preventDefault()};this.handleClose=()=>this.dialogAncestor?.setOpen(!1);this.handleBackdropPointerDown=t=>{let e=(0,s.backdropPointerDown)(t,this.nativeDialog);e&&(0,s.dispatchOutside)(this,"pointer-down-outside",e)&&this.dialogAncestor?.effectiveModal&&v(this.dialogAncestor.effectiveDismiss)&&this.nativeDialog?.close?.()};this.handleOutsidePointerDown=t=>{if(!this.dialogAncestor?.open)return;let e=t.target;!e||this.contains(e)||e===this.nativeDialog||(0,s.triggerContains)(this.dialogAncestor.triggerEl,e)||(0,s.dispatchOutside)(this,"pointer-down-outside",t)&&this.dialogAncestor.effectiveModal&&v(this.dialogAncestor.effectiveDismiss)&&this.nativeDialog?.close?.()};this.handleOutsideFocus=t=>{if(!this.dialogAncestor?.open)return;let e=(0,s.focusOutsideTarget)(t);!e||this.contains(e)||(0,s.triggerContains)(this.dialogAncestor.triggerEl,e)||(0,s.dispatchOutside)(this,"focus-outside",t)&&this.dialogAncestor.effectiveModal&&v(this.dialogAncestor.effectiveDismiss)&&this.nativeDialog?.close?.()}}createRenderRoot(){let t=document.createElement("dialog");return t.setAttribute("part","content"),(0,D.applyHostPart)(t,"dialog","content"),t.addEventListener("cancel",this.handleCancel),t.addEventListener("close",this.handleClose),t.addEventListener("pointerdown",this.handleBackdropPointerDown),this.append(t),this.adoptChildren(),t}adoptChildren(){let t=this.nativeDialog;if(!t)return;let e=document.activeElement;for(let i of Array.from(this.childNodes))i!==t&&t.append(i);e&&document.activeElement!==e&&t.contains(e)&&e.focus({preventScroll:!0})}connectedCallback(){if(super.connectedCallback(),(0,A.installLightDomStyles)(),this.dialogAncestor=(0,b.closestThroughPortal)(this,"skdx-dialog, skdx-dialog-root"),!this.dialogAncestor)throw new Error("<skdx-dialog-content> must be used inside <skdx-dialog> or <skdx-dialog-root>.");this.observer.observe(this.dialogAncestor,{attributeFilter:["open","modal","dismiss","dismissible"]}),this.childObserver.observe(this,{childList:!0,subtree:!0}),document.addEventListener("focusin",this.handleOutsideFocus),document.addEventListener("pointerdown",this.handleOutsidePointerDown,!0),this.syncHostAttributes()}disconnectedCallback(){this.observer.disconnect(),this.childObserver.disconnect(),document.removeEventListener("focusin",this.handleOutsideFocus),document.removeEventListener("pointerdown",this.handleOutsidePointerDown,!0),this.locked&&((0,h.unlockBodyScroll)(),this.locked=!1),super.disconnectedCallback()}firstUpdated(){this.syncNativeDialog()}updated(t){(t.has("size")||t.has("status"))&&this.syncHostAttributes()}syncHostAttributes(){let t=this.dialogAncestor;if(!t)return;this.id?t.contentId=this.id:this.id=t.contentId;let e=t.open?"open":"closed";this.setAttribute("data-state",e),this.setAttribute("data-dismiss",t.effectiveDismiss);let i=this.nativeDialog;if(i){i.setAttribute("role",t.role),t.effectiveModal?i.setAttribute("aria-modal","true"):i.removeAttribute("aria-modal"),(0,u.forwardAuthoredAria)(this,i),(0,u.syncPartIdRef)(i,"aria-labelledby",this.querySelector("skdx-dialog-title"),"skdx-dialog-content","title"),(0,u.syncPartIdRef)(i,"aria-describedby",this.querySelector("skdx-dialog-description"),"skdx-dialog-content","description"),i.setAttribute("data-state",e),i.setAttribute("data-dismiss",t.effectiveDismiss);for(let r of["data-size","data-status"]){let a=this.getAttribute(r);a==null?i.removeAttribute(r):i.setAttribute(r,a)}}}get nativeDialog(){return this.querySelector("dialog")}syncNativeDialog(){this.syncHostAttributes();let t=this.dialogAncestor,e=this.nativeDialog;if(!t||!e)return;t.open&&!e.open?(0,s.focusOnOpen)(()=>{t.effectiveModal?e.showModal?.():e.show?.()}):!t.open&&e.open&&(0,s.focusOnOpen)(()=>e.close?.());let i=t.open&&t.effectiveModal;i&&!this.locked?(0,h.lockBodyScroll)():!i&&this.locked&&(0,h.unlockBodyScroll)(),this.locked=i,this.syncAutoFocus(t.open)}syncAutoFocus(t){if(t===this.wasOpen)return;if(this.wasOpen=t,t){this.previouslyFocused=document.activeElement,requestAnimationFrame(()=>(0,s.focusOnOpen)(()=>(0,p.applyOpenAutoFocus)(this.nativeDialog??this,this.initialFocus,"Dialog",(0,s.autoFocusRelay)(this),this.previouslyFocused)));return}let e=this.previouslyFocused===document.body?null:this.previouslyFocused,i=!1,r=(0,s.autoFocusRelay)(this);(0,p.returnFocus)(this.finalFocus,"Dialog",e,a=>{r(a),i=a.defaultPrevented}),i&&document.activeElement===e&&e?.blur?.()}};d([(0,c.property)({type:String,attribute:"initial-focus"})],l.prototype,"initialFocus",2),d([(0,c.property)({type:String,attribute:"final-focus"})],l.prototype,"finalFocus",2),d([(0,c.property)({type:String,reflect:!0,attribute:"data-size"})],l.prototype,"size",2),d([(0,c.property)({type:String,reflect:!0,attribute:"data-status"})],l.prototype,"status",2),l=d([(0,y.customElement)("skdx-dialog-content")],l);0&&(module.exports={SkdxDialogContent});
+"use strict";var f=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var L=(r,o)=>{for(var e in o)f(r,e,{get:o[e],enumerable:!0})},w=(r,o,e,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of E(o))!k.call(r,i)&&i!==e&&f(r,i,{get:()=>o[i],enumerable:!(t=g(o,i))||t.enumerable});return r};var F=r=>w(f({},"__esModule",{value:!0}),r),d=(r,o,e,t)=>{for(var i=t>1?void 0:t?g(o,e):o,n=r.length-1,a;n>=0;n--)(a=r[n])&&(i=(t?a(o,e,i):a(i))||i);return t&&i&&f(o,e,i),i};var O={};L(O,{SkdxDialogContent:()=>l});module.exports=F(O);var m=require("lit"),c=require("lit/decorators.js"),u=require("../internal/aria-part.cjs"),h=require("../internal/body-scroll-lock.cjs"),y=require("../internal/closest.cjs"),b=require("../internal/define.cjs"),s=require("../internal/dismiss.cjs"),p=require("../internal/focus-targets.cjs"),A=require("../internal/light-dom-styles.cjs"),D=require("../internal/part.cjs");function v(r){return r==="any"||r==="outside"}var l=class extends m.LitElement{constructor(){super(...arguments);this.childObserver=new MutationObserver(()=>{this.adoptChildren(),this.syncHostAttributes()});this.dialogAncestor=null;this.locked=!1;this.wasOpen=!1;this.previouslyFocused=null;this.observer=new MutationObserver(()=>this.syncNativeDialog());this.layer={insideElements:()=>[this,this.dialogAncestor?.triggerEl]};this.handleCancel=e=>{let t=this.dialogAncestor?.effectiveDismiss??"any",i=t==="any"||t==="escape";(!(0,s.dispatchEscapeKeyDown)(this,e)||!i)&&e.preventDefault()};this.handleClose=()=>this.dialogAncestor?.setOpen(!1);this.handleBackdropPointerDown=e=>{let t=(0,s.backdropPointerDown)(e,this.nativeDialog);t&&(0,s.dispatchOutside)(this,"pointer-down-outside",t)&&this.dialogAncestor?.effectiveModal&&v(this.dialogAncestor.effectiveDismiss)&&this.nativeDialog?.close?.()};this.handleOutsidePointerDown=e=>{if(!this.dialogAncestor?.open)return;let t=e.target;!t||this.contains(t)||t===this.nativeDialog||(0,s.triggerContains)(this.dialogAncestor.triggerEl,t)||(0,s.nestedLayerContains)(this.layer,t)||(0,s.dispatchOutside)(this,"pointer-down-outside",e)&&this.dialogAncestor.effectiveModal&&v(this.dialogAncestor.effectiveDismiss)&&this.nativeDialog?.close?.()};this.handleOutsideFocus=e=>{if(!this.dialogAncestor?.open)return;let t=(0,s.focusOutsideTarget)(e);!t||this.contains(t)||(0,s.triggerContains)(this.dialogAncestor.triggerEl,t)||(0,s.nestedLayerContains)(this.layer,t)||(0,s.dispatchOutside)(this,"focus-outside",e)&&this.dialogAncestor.effectiveModal&&v(this.dialogAncestor.effectiveDismiss)&&this.nativeDialog?.close?.()}}createRenderRoot(){let e=document.createElement("dialog");return e.setAttribute("part","content"),(0,D.applyHostPart)(e,"dialog","content"),e.addEventListener("cancel",this.handleCancel),e.addEventListener("close",this.handleClose),e.addEventListener("pointerdown",this.handleBackdropPointerDown),this.append(e),this.adoptChildren(),e}adoptChildren(){let e=this.nativeDialog;if(!e)return;let t=document.activeElement;for(let i of Array.from(this.childNodes))i!==e&&e.append(i);t&&document.activeElement!==t&&e.contains(t)&&t.focus({preventScroll:!0})}connectedCallback(){if(super.connectedCallback(),(0,A.installLightDomStyles)(),this.dialogAncestor=(0,y.closestThroughPortal)(this,"skdx-dialog, skdx-dialog-root"),!this.dialogAncestor)throw new Error("<skdx-dialog-content> must be used inside <skdx-dialog> or <skdx-dialog-root>.");this.observer.observe(this.dialogAncestor,{attributeFilter:["open","modal","dismiss","dismissible"]}),this.childObserver.observe(this,{childList:!0,subtree:!0}),document.addEventListener("focusin",this.handleOutsideFocus),document.addEventListener("pointerdown",this.handleOutsidePointerDown,!0),this.syncHostAttributes()}disconnectedCallback(){this.observer.disconnect(),this.childObserver.disconnect(),document.removeEventListener("focusin",this.handleOutsideFocus),document.removeEventListener("pointerdown",this.handleOutsidePointerDown,!0),this.releaseLayer?.(),this.releaseLayer=void 0,this.locked&&((0,h.unlockBodyScroll)(),this.locked=!1),super.disconnectedCallback()}firstUpdated(){this.syncNativeDialog()}updated(e){(e.has("size")||e.has("status"))&&this.syncHostAttributes()}syncHostAttributes(){let e=this.dialogAncestor;if(!e)return;this.id?e.contentId=this.id:this.id=e.contentId;let t=e.open?"open":"closed";this.setAttribute("data-state",t),this.setAttribute("data-dismiss",e.effectiveDismiss);let i=this.nativeDialog;if(i){i.setAttribute("role",e.role),e.effectiveModal?i.setAttribute("aria-modal","true"):i.removeAttribute("aria-modal"),(0,u.forwardAuthoredAria)(this,i),(0,u.syncPartIdRef)(i,"aria-labelledby",this.querySelector("skdx-dialog-title"),"skdx-dialog-content","title"),(0,u.syncPartIdRef)(i,"aria-describedby",this.querySelector("skdx-dialog-description"),"skdx-dialog-content","description"),i.setAttribute("data-state",t),i.setAttribute("data-dismiss",e.effectiveDismiss);for(let n of["data-size","data-status"]){let a=this.getAttribute(n);a==null?i.removeAttribute(n):i.setAttribute(n,a)}}}requestRoleSync(){this.syncHostAttributes()}get nativeDialog(){return this.querySelector("dialog")}syncNativeDialog(){this.syncHostAttributes();let e=this.dialogAncestor,t=this.nativeDialog;if(!e||!t)return;e.open?this.releaseLayer??(this.releaseLayer=(0,s.pushDismissLayer)(this.layer)):(this.releaseLayer?.(),this.releaseLayer=void 0),e.open&&!t.open?(0,s.focusOnOpen)(()=>{e.effectiveModal?t.showModal?.():t.show?.()}):!e.open&&t.open&&(0,s.focusOnOpen)(()=>t.close?.());let i=e.open&&e.effectiveModal;i&&!this.locked?(0,h.lockBodyScroll)():!i&&this.locked&&(0,h.unlockBodyScroll)(),this.locked=i,this.syncAutoFocus(e.open)}syncAutoFocus(e){if(e===this.wasOpen)return;if(this.wasOpen=e,e){this.previouslyFocused=document.activeElement,requestAnimationFrame(()=>(0,s.focusOnOpen)(()=>(0,p.applyOpenAutoFocus)(this.nativeDialog??this,this.initialFocus,"Dialog",(0,s.autoFocusRelay)(this),this.previouslyFocused)));return}let t=this.previouslyFocused===document.body?null:this.previouslyFocused,i=!1,n=(0,s.autoFocusRelay)(this);(0,p.returnFocus)(this.finalFocus,"Dialog",t,a=>{n(a),i=a.defaultPrevented}),i&&document.activeElement===t&&t?.blur?.()}};d([(0,c.property)({type:String,attribute:"initial-focus"})],l.prototype,"initialFocus",2),d([(0,c.property)({type:String,attribute:"final-focus"})],l.prototype,"finalFocus",2),d([(0,c.property)({type:String,reflect:!0,attribute:"data-size"})],l.prototype,"size",2),d([(0,c.property)({type:String,reflect:!0,attribute:"data-status"})],l.prototype,"status",2),l=d([(0,b.customElement)("skdx-dialog-content")],l);0&&(module.exports={SkdxDialogContent});

package/dist/dialog/DialogContent.d.cts

@@ -38,11 +38,15 @@ export declare class SkdxDialogContent extends LitElement {
     private wasOpen;
     private previouslyFocused;
     private readonly observer;
+    private releaseLayer?;
+    private readonly layer;
     connectedCallback(): void;
     disconnectedCallback(): void;
     protected firstUpdated(): void;
     protected updated(changed: Map<string, unknown>): void;
     private syncHostAttributes;
+    /** @internal Re-syncs the native `<dialog>`'s attributes after the ancestor's `role` changes — a property write the host never reflects as an attribute, so the observer above can't see it. */
+    requestRoleSync(): void;
     private get nativeDialog();
     private syncNativeDialog;
     private syncAutoFocus;

package/dist/dialog/DialogContent.d.ts

@@ -38,11 +38,15 @@ export declare class SkdxDialogContent extends LitElement {
     private wasOpen;
     private previouslyFocused;
     private readonly observer;
+    private releaseLayer?;
+    private readonly layer;
     connectedCallback(): void;
     disconnectedCallback(): void;
     protected firstUpdated(): void;
     protected updated(changed: Map<string, unknown>): void;
     private syncHostAttributes;
+    /** @internal Re-syncs the native `<dialog>`'s attributes after the ancestor's `role` changes — a property write the host never reflects as an attribute, so the observer above can't see it. */
+    requestRoleSync(): void;
     private get nativeDialog();
     private syncNativeDialog;
     private syncAutoFocus;

package/dist/dialog/DialogContent.js

@@ -1 +1 @@
-var m=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var a=(r,l,t,e)=>{for(var i=e>1?void 0:e?b(l,t):l,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=(e?o(l,t,i):o(i))||i);return e&&i&&m(l,t,i),i};import{LitElement as y}from"lit";import{property as d}from"lit/decorators.js";import{forwardAuthoredAria as A,syncPartIdRef as f}from"../internal/aria-part.js";import{lockBodyScroll as D,unlockBodyScroll as p}from"../internal/body-scroll-lock.js";import{closestThroughPortal as E}from"../internal/closest.js";import{customElement as k}from"../internal/define.js";import{autoFocusRelay as v,backdropPointerDown as w,dispatchEscapeKeyDown as F,dispatchOutside as c,focusOnOpen as u,focusOutsideTarget as O,triggerContains as g}from"../internal/dismiss.js";import{applyOpenAutoFocus as L,returnFocus as M}from"../internal/focus-targets.js";import{installLightDomStyles as x}from"../internal/light-dom-styles.js";import{applyHostPart as H}from"../internal/part.js";function h(r){return r==="any"||r==="outside"}var n=class extends y{constructor(){super(...arguments);this.childObserver=new MutationObserver(()=>{this.adoptChildren(),this.syncHostAttributes()});this.dialogAncestor=null;this.locked=!1;this.wasOpen=!1;this.previouslyFocused=null;this.observer=new MutationObserver(()=>this.syncNativeDialog());this.handleCancel=t=>{let e=this.dialogAncestor?.effectiveDismiss??"any",i=e==="any"||e==="escape";(!F(this,t)||!i)&&t.preventDefault()};this.handleClose=()=>this.dialogAncestor?.setOpen(!1);this.handleBackdropPointerDown=t=>{let e=w(t,this.nativeDialog);e&&c(this,"pointer-down-outside",e)&&this.dialogAncestor?.effectiveModal&&h(this.dialogAncestor.effectiveDismiss)&&this.nativeDialog?.close?.()};this.handleOutsidePointerDown=t=>{if(!this.dialogAncestor?.open)return;let e=t.target;!e||this.contains(e)||e===this.nativeDialog||g(this.dialogAncestor.triggerEl,e)||c(this,"pointer-down-outside",t)&&this.dialogAncestor.effectiveModal&&h(this.dialogAncestor.effectiveDismiss)&&this.nativeDialog?.close?.()};this.handleOutsideFocus=t=>{if(!this.dialogAncestor?.open)return;let e=O(t);!e||this.contains(e)||g(this.dialogAncestor.triggerEl,e)||c(this,"focus-outside",t)&&this.dialogAncestor.effectiveModal&&h(this.dialogAncestor.effectiveDismiss)&&this.nativeDialog?.close?.()}}createRenderRoot(){let t=document.createElement("dialog");return t.setAttribute("part","content"),H(t,"dialog","content"),t.addEventListener("cancel",this.handleCancel),t.addEventListener("close",this.handleClose),t.addEventListener("pointerdown",this.handleBackdropPointerDown),this.append(t),this.adoptChildren(),t}adoptChildren(){let t=this.nativeDialog;if(!t)return;let e=document.activeElement;for(let i of Array.from(this.childNodes))i!==t&&t.append(i);e&&document.activeElement!==e&&t.contains(e)&&e.focus({preventScroll:!0})}connectedCallback(){if(super.connectedCallback(),x(),this.dialogAncestor=E(this,"skdx-dialog, skdx-dialog-root"),!this.dialogAncestor)throw new Error("<skdx-dialog-content> must be used inside <skdx-dialog> or <skdx-dialog-root>.");this.observer.observe(this.dialogAncestor,{attributeFilter:["open","modal","dismiss","dismissible"]}),this.childObserver.observe(this,{childList:!0,subtree:!0}),document.addEventListener("focusin",this.handleOutsideFocus),document.addEventListener("pointerdown",this.handleOutsidePointerDown,!0),this.syncHostAttributes()}disconnectedCallback(){this.observer.disconnect(),this.childObserver.disconnect(),document.removeEventListener("focusin",this.handleOutsideFocus),document.removeEventListener("pointerdown",this.handleOutsidePointerDown,!0),this.locked&&(p(),this.locked=!1),super.disconnectedCallback()}firstUpdated(){this.syncNativeDialog()}updated(t){(t.has("size")||t.has("status"))&&this.syncHostAttributes()}syncHostAttributes(){let t=this.dialogAncestor;if(!t)return;this.id?t.contentId=this.id:this.id=t.contentId;let e=t.open?"open":"closed";this.setAttribute("data-state",e),this.setAttribute("data-dismiss",t.effectiveDismiss);let i=this.nativeDialog;if(i){i.setAttribute("role",t.role),t.effectiveModal?i.setAttribute("aria-modal","true"):i.removeAttribute("aria-modal"),A(this,i),f(i,"aria-labelledby",this.querySelector("skdx-dialog-title"),"skdx-dialog-content","title"),f(i,"aria-describedby",this.querySelector("skdx-dialog-description"),"skdx-dialog-content","description"),i.setAttribute("data-state",e),i.setAttribute("data-dismiss",t.effectiveDismiss);for(let s of["data-size","data-status"]){let o=this.getAttribute(s);o==null?i.removeAttribute(s):i.setAttribute(s,o)}}}get nativeDialog(){return this.querySelector("dialog")}syncNativeDialog(){this.syncHostAttributes();let t=this.dialogAncestor,e=this.nativeDialog;if(!t||!e)return;t.open&&!e.open?u(()=>{t.effectiveModal?e.showModal?.():e.show?.()}):!t.open&&e.open&&u(()=>e.close?.());let i=t.open&&t.effectiveModal;i&&!this.locked?D():!i&&this.locked&&p(),this.locked=i,this.syncAutoFocus(t.open)}syncAutoFocus(t){if(t===this.wasOpen)return;if(this.wasOpen=t,t){this.previouslyFocused=document.activeElement,requestAnimationFrame(()=>u(()=>L(this.nativeDialog??this,this.initialFocus,"Dialog",v(this),this.previouslyFocused)));return}let e=this.previouslyFocused===document.body?null:this.previouslyFocused,i=!1,s=v(this);M(this.finalFocus,"Dialog",e,o=>{s(o),i=o.defaultPrevented}),i&&document.activeElement===e&&e?.blur?.()}};a([d({type:String,attribute:"initial-focus"})],n.prototype,"initialFocus",2),a([d({type:String,attribute:"final-focus"})],n.prototype,"finalFocus",2),a([d({type:String,reflect:!0,attribute:"data-size"})],n.prototype,"size",2),a([d({type:String,reflect:!0,attribute:"data-status"})],n.prototype,"status",2),n=a([k("skdx-dialog-content")],n);export{n as SkdxDialogContent};
+var y=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var a=(n,l,e,t)=>{for(var i=t>1?void 0:t?b(l,e):l,s=n.length-1,o;s>=0;s--)(o=n[s])&&(i=(t?o(l,e,i):o(i))||i);return t&&i&&y(l,e,i),i};import{LitElement as A}from"lit";import{property as d}from"lit/decorators.js";import{forwardAuthoredAria as D,syncPartIdRef as f}from"../internal/aria-part.js";import{lockBodyScroll as E,unlockBodyScroll as p}from"../internal/body-scroll-lock.js";import{closestThroughPortal as k}from"../internal/closest.js";import{customElement as L}from"../internal/define.js";import{autoFocusRelay as v,backdropPointerDown as w,dispatchEscapeKeyDown as F,dispatchOutside as c,focusOnOpen as u,focusOutsideTarget as O,nestedLayerContains as g,pushDismissLayer as M,triggerContains as m}from"../internal/dismiss.js";import{applyOpenAutoFocus as H,returnFocus as x}from"../internal/focus-targets.js";import{installLightDomStyles as P}from"../internal/light-dom-styles.js";import{applyHostPart as S}from"../internal/part.js";function h(n){return n==="any"||n==="outside"}var r=class extends A{constructor(){super(...arguments);this.childObserver=new MutationObserver(()=>{this.adoptChildren(),this.syncHostAttributes()});this.dialogAncestor=null;this.locked=!1;this.wasOpen=!1;this.previouslyFocused=null;this.observer=new MutationObserver(()=>this.syncNativeDialog());this.layer={insideElements:()=>[this,this.dialogAncestor?.triggerEl]};this.handleCancel=e=>{let t=this.dialogAncestor?.effectiveDismiss??"any",i=t==="any"||t==="escape";(!F(this,e)||!i)&&e.preventDefault()};this.handleClose=()=>this.dialogAncestor?.setOpen(!1);this.handleBackdropPointerDown=e=>{let t=w(e,this.nativeDialog);t&&c(this,"pointer-down-outside",t)&&this.dialogAncestor?.effectiveModal&&h(this.dialogAncestor.effectiveDismiss)&&this.nativeDialog?.close?.()};this.handleOutsidePointerDown=e=>{if(!this.dialogAncestor?.open)return;let t=e.target;!t||this.contains(t)||t===this.nativeDialog||m(this.dialogAncestor.triggerEl,t)||g(this.layer,t)||c(this,"pointer-down-outside",e)&&this.dialogAncestor.effectiveModal&&h(this.dialogAncestor.effectiveDismiss)&&this.nativeDialog?.close?.()};this.handleOutsideFocus=e=>{if(!this.dialogAncestor?.open)return;let t=O(e);!t||this.contains(t)||m(this.dialogAncestor.triggerEl,t)||g(this.layer,t)||c(this,"focus-outside",e)&&this.dialogAncestor.effectiveModal&&h(this.dialogAncestor.effectiveDismiss)&&this.nativeDialog?.close?.()}}createRenderRoot(){let e=document.createElement("dialog");return e.setAttribute("part","content"),S(e,"dialog","content"),e.addEventListener("cancel",this.handleCancel),e.addEventListener("close",this.handleClose),e.addEventListener("pointerdown",this.handleBackdropPointerDown),this.append(e),this.adoptChildren(),e}adoptChildren(){let e=this.nativeDialog;if(!e)return;let t=document.activeElement;for(let i of Array.from(this.childNodes))i!==e&&e.append(i);t&&document.activeElement!==t&&e.contains(t)&&t.focus({preventScroll:!0})}connectedCallback(){if(super.connectedCallback(),P(),this.dialogAncestor=k(this,"skdx-dialog, skdx-dialog-root"),!this.dialogAncestor)throw new Error("<skdx-dialog-content> must be used inside <skdx-dialog> or <skdx-dialog-root>.");this.observer.observe(this.dialogAncestor,{attributeFilter:["open","modal","dismiss","dismissible"]}),this.childObserver.observe(this,{childList:!0,subtree:!0}),document.addEventListener("focusin",this.handleOutsideFocus),document.addEventListener("pointerdown",this.handleOutsidePointerDown,!0),this.syncHostAttributes()}disconnectedCallback(){this.observer.disconnect(),this.childObserver.disconnect(),document.removeEventListener("focusin",this.handleOutsideFocus),document.removeEventListener("pointerdown",this.handleOutsidePointerDown,!0),this.releaseLayer?.(),this.releaseLayer=void 0,this.locked&&(p(),this.locked=!1),super.disconnectedCallback()}firstUpdated(){this.syncNativeDialog()}updated(e){(e.has("size")||e.has("status"))&&this.syncHostAttributes()}syncHostAttributes(){let e=this.dialogAncestor;if(!e)return;this.id?e.contentId=this.id:this.id=e.contentId;let t=e.open?"open":"closed";this.setAttribute("data-state",t),this.setAttribute("data-dismiss",e.effectiveDismiss);let i=this.nativeDialog;if(i){i.setAttribute("role",e.role),e.effectiveModal?i.setAttribute("aria-modal","true"):i.removeAttribute("aria-modal"),D(this,i),f(i,"aria-labelledby",this.querySelector("skdx-dialog-title"),"skdx-dialog-content","title"),f(i,"aria-describedby",this.querySelector("skdx-dialog-description"),"skdx-dialog-content","description"),i.setAttribute("data-state",t),i.setAttribute("data-dismiss",e.effectiveDismiss);for(let s of["data-size","data-status"]){let o=this.getAttribute(s);o==null?i.removeAttribute(s):i.setAttribute(s,o)}}}requestRoleSync(){this.syncHostAttributes()}get nativeDialog(){return this.querySelector("dialog")}syncNativeDialog(){this.syncHostAttributes();let e=this.dialogAncestor,t=this.nativeDialog;if(!e||!t)return;e.open?this.releaseLayer??(this.releaseLayer=M(this.layer)):(this.releaseLayer?.(),this.releaseLayer=void 0),e.open&&!t.open?u(()=>{e.effectiveModal?t.showModal?.():t.show?.()}):!e.open&&t.open&&u(()=>t.close?.());let i=e.open&&e.effectiveModal;i&&!this.locked?E():!i&&this.locked&&p(),this.locked=i,this.syncAutoFocus(e.open)}syncAutoFocus(e){if(e===this.wasOpen)return;if(this.wasOpen=e,e){this.previouslyFocused=document.activeElement,requestAnimationFrame(()=>u(()=>H(this.nativeDialog??this,this.initialFocus,"Dialog",v(this),this.previouslyFocused)));return}let t=this.previouslyFocused===document.body?null:this.previouslyFocused,i=!1,s=v(this);x(this.finalFocus,"Dialog",t,o=>{s(o),i=o.defaultPrevented}),i&&document.activeElement===t&&t?.blur?.()}};a([d({type:String,attribute:"initial-focus"})],r.prototype,"initialFocus",2),a([d({type:String,attribute:"final-focus"})],r.prototype,"finalFocus",2),a([d({type:String,reflect:!0,attribute:"data-size"})],r.prototype,"size",2),a([d({type:String,reflect:!0,attribute:"data-status"})],r.prototype,"status",2),r=a([L("skdx-dialog-content")],r);export{r as SkdxDialogContent};

package/dist/dialog/DialogRoot.cjs

@@ -1,4 +1,4 @@
-"use strict";var d=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var O=(s,o)=>{for(var e in o)d(s,e,{get:o[e],enumerable:!0})},k=(s,o,e,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of b(o))!C.call(s,t)&&t!==e&&d(s,t,{get:()=>o[t],enumerable:!(r=f(o,t))||r.enumerable});return s};var w=s=>k(d({},"__esModule",{value:!0}),s),n=(s,o,e,r)=>{for(var t=r>1?void 0:r?f(o,e):o,c=s.length-1,u;c>=0;c--)(u=s[c])&&(t=(r?u(o,e,t):u(t))||t);return r&&t&&d(o,e,t),t};var x={};O(x,{SkdxDialogRoot:()=>i});module.exports=w(x);var a=require("lit"),l=require("lit/decorators.js"),g=require("../internal/controlled-value.cjs"),v=require("../internal/define.cjs"),p=require("../internal/ids.cjs"),y=require("../internal/open-change-complete.cjs"),h=require("../internal/positioning.cjs"),I=require("./DialogTrigger.cjs"),m=require("../internal/events.cjs");var i=class extends a.LitElement{constructor(){super(...arguments);this._open=new g.ControlledValue(!1);this.defaultOpen=!1;this.modal=!0;this.dismiss="any";this.dismissible=!0;this._role="dialog";this.contentId=(0,p.nextId)("skdx-dialog-content");this.triggerEl=null;this.titleId=(0,p.nextId)("skdx-dialog-title");this.descriptionId=(0,p.nextId)("skdx-dialog-description");this.hasUpdatedOnce=!1}get open(){return this._open.value??!1}set open(e){let r=this.open;this._open.fromConsumer(e)&&this.requestUpdate("open",r)}get role(){return this._role}set role(e){if(e===null)return;let r=this._role;this._role=e==="alertdialog"?"alertdialog":"dialog",this.removeAttribute("role"),this.requestUpdate("role",r)}get effectiveDismiss(){return this.dismissible?this.role!=="alertdialog"?this.dismiss:this.dismiss==="any"?"escape":this.dismiss==="outside"?"none":this.dismiss:"none"}get effectiveModal(){return this.role==="alertdialog"||this.modal}connectedCallback(){super.connectedCallback(),this.defaultOpen&&!this.hasAttribute("open")&&this.writeOpen(!0);let e=this.querySelector("skdx-dialog-content")?.id;e&&(this.contentId=e)}disconnectedCallback(){this.teardownOpenChangeComplete?.(),super.disconnectedCallback()}updated(e){let r=!this.hasUpdatedOnce;this.hasUpdatedOnce=!0,e.has("open")&&!r&&(this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=(0,y.notifyOpenChangeComplete)(()=>this.querySelector("skdx-dialog-content"),this.open,t=>(0,m.emit)(this,"open-change-complete",t)))}setOpen(e){this.writeOpen(e)&&(0,m.emit)(this,"open-change",e)}writeOpen(e){let r=this.open,t=this._open.propose(e);return t&&this.requestUpdate("open",r),t}render(){return a.html`<slot></slot>`}};i.styles=a.css`
+"use strict";var d=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var O=(s,o)=>{for(var e in o)d(s,e,{get:o[e],enumerable:!0})},k=(s,o,e,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of b(o))!C.call(s,t)&&t!==e&&d(s,t,{get:()=>o[t],enumerable:!(r=f(o,t))||r.enumerable});return s};var w=s=>k(d({},"__esModule",{value:!0}),s),n=(s,o,e,r)=>{for(var t=r>1?void 0:r?f(o,e):o,c=s.length-1,u;c>=0;c--)(u=s[c])&&(t=(r?u(o,e,t):u(t))||t);return r&&t&&d(o,e,t),t};var x={};O(x,{SkdxDialogRoot:()=>i});module.exports=w(x);var a=require("lit"),l=require("lit/decorators.js"),g=require("../internal/controlled-value.cjs"),v=require("../internal/define.cjs"),p=require("../internal/ids.cjs"),y=require("../internal/open-change-complete.cjs"),h=require("../internal/positioning.cjs"),q=require("./DialogTrigger.cjs"),m=require("../internal/events.cjs");var i=class extends a.LitElement{constructor(){super(...arguments);this._open=new g.ControlledValue(!1);this.defaultOpen=!1;this.modal=!0;this.dismiss="any";this.dismissible=!0;this._role="dialog";this.contentId=(0,p.nextId)("skdx-dialog-content");this.triggerEl=null;this.titleId=(0,p.nextId)("skdx-dialog-title");this.descriptionId=(0,p.nextId)("skdx-dialog-description");this.hasUpdatedOnce=!1}get open(){return this._open.value??!1}set open(e){let r=this.open;this._open.fromConsumer(e)&&this.requestUpdate("open",r)}get role(){return this._role}set role(e){if(e===null)return;let r=this._role;this._role=e==="alertdialog"?"alertdialog":"dialog",this.removeAttribute("role"),this.requestUpdate("role",r)}get effectiveDismiss(){return this.dismissible?this.role!=="alertdialog"?this.dismiss:this.dismiss==="any"?"escape":this.dismiss==="outside"?"none":this.dismiss:"none"}get effectiveModal(){return this.role==="alertdialog"||this.modal}connectedCallback(){super.connectedCallback(),this.defaultOpen&&!this.hasAttribute("open")&&this.writeOpen(!0);let e=this.querySelector("skdx-dialog-content")?.id;e&&(this.contentId=e)}disconnectedCallback(){this.teardownOpenChangeComplete?.(),super.disconnectedCallback()}updated(e){let r=!this.hasUpdatedOnce;this.hasUpdatedOnce=!0,e.has("role")&&this.querySelector("skdx-dialog-content")?.requestRoleSync(),e.has("open")&&!r&&(this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=(0,y.notifyOpenChangeComplete)(()=>this.querySelector("skdx-dialog-content"),this.open,t=>(0,m.emit)(this,"open-change-complete",t)))}setOpen(e){this.writeOpen(e)&&(0,m.emit)(this,"open-change",e)}writeOpen(e){let r=this.open,t=this._open.propose(e);return t&&this.requestUpdate("open",r),t}render(){return a.html`<slot></slot>`}};i.styles=a.css`
     :host {
       display: contents;
     }

package/dist/dialog/DialogRoot.js

@@ -1,4 +1,4 @@
-var h=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var i=(l,n,e,t)=>{for(var o=t>1?void 0:t?m(n,e):n,a=l.length-1,d;a>=0;a--)(d=l[a])&&(o=(t?d(n,e,o):d(o))||o);return t&&o&&h(n,e,o),o};import{css as f,html as g,LitElement as v}from"lit";import{property as s}from"lit/decorators.js";import{ControlledValue as y}from"../internal/controlled-value.js";import{customElement as b}from"../internal/define.js";import{nextId as p}from"../internal/ids.js";import{notifyOpenChangeComplete as C}from"../internal/open-change-complete.js";import{optOutBoolean as c}from"../internal/positioning.js";import"./DialogTrigger.js";import{emit as u}from"../internal/events.js";var r=class extends v{constructor(){super(...arguments);this._open=new y(!1);this.defaultOpen=!1;this.modal=!0;this.dismiss="any";this.dismissible=!0;this._role="dialog";this.contentId=p("skdx-dialog-content");this.triggerEl=null;this.titleId=p("skdx-dialog-title");this.descriptionId=p("skdx-dialog-description");this.hasUpdatedOnce=!1}get open(){return this._open.value??!1}set open(e){let t=this.open;this._open.fromConsumer(e)&&this.requestUpdate("open",t)}get role(){return this._role}set role(e){if(e===null)return;let t=this._role;this._role=e==="alertdialog"?"alertdialog":"dialog",this.removeAttribute("role"),this.requestUpdate("role",t)}get effectiveDismiss(){return this.dismissible?this.role!=="alertdialog"?this.dismiss:this.dismiss==="any"?"escape":this.dismiss==="outside"?"none":this.dismiss:"none"}get effectiveModal(){return this.role==="alertdialog"||this.modal}connectedCallback(){super.connectedCallback(),this.defaultOpen&&!this.hasAttribute("open")&&this.writeOpen(!0);let e=this.querySelector("skdx-dialog-content")?.id;e&&(this.contentId=e)}disconnectedCallback(){this.teardownOpenChangeComplete?.(),super.disconnectedCallback()}updated(e){let t=!this.hasUpdatedOnce;this.hasUpdatedOnce=!0,e.has("open")&&!t&&(this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=C(()=>this.querySelector("skdx-dialog-content"),this.open,o=>u(this,"open-change-complete",o)))}setOpen(e){this.writeOpen(e)&&u(this,"open-change",e)}writeOpen(e){let t=this.open,o=this._open.propose(e);return o&&this.requestUpdate("open",t),o}render(){return g`<slot></slot>`}};r.styles=f`
+var h=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var i=(l,n,e,t)=>{for(var o=t>1?void 0:t?m(n,e):n,a=l.length-1,d;a>=0;a--)(d=l[a])&&(o=(t?d(n,e,o):d(o))||o);return t&&o&&h(n,e,o),o};import{css as f,html as g,LitElement as v}from"lit";import{property as s}from"lit/decorators.js";import{ControlledValue as y}from"../internal/controlled-value.js";import{customElement as b}from"../internal/define.js";import{nextId as p}from"../internal/ids.js";import{notifyOpenChangeComplete as C}from"../internal/open-change-complete.js";import{optOutBoolean as c}from"../internal/positioning.js";import"./DialogTrigger.js";import{emit as u}from"../internal/events.js";var r=class extends v{constructor(){super(...arguments);this._open=new y(!1);this.defaultOpen=!1;this.modal=!0;this.dismiss="any";this.dismissible=!0;this._role="dialog";this.contentId=p("skdx-dialog-content");this.triggerEl=null;this.titleId=p("skdx-dialog-title");this.descriptionId=p("skdx-dialog-description");this.hasUpdatedOnce=!1}get open(){return this._open.value??!1}set open(e){let t=this.open;this._open.fromConsumer(e)&&this.requestUpdate("open",t)}get role(){return this._role}set role(e){if(e===null)return;let t=this._role;this._role=e==="alertdialog"?"alertdialog":"dialog",this.removeAttribute("role"),this.requestUpdate("role",t)}get effectiveDismiss(){return this.dismissible?this.role!=="alertdialog"?this.dismiss:this.dismiss==="any"?"escape":this.dismiss==="outside"?"none":this.dismiss:"none"}get effectiveModal(){return this.role==="alertdialog"||this.modal}connectedCallback(){super.connectedCallback(),this.defaultOpen&&!this.hasAttribute("open")&&this.writeOpen(!0);let e=this.querySelector("skdx-dialog-content")?.id;e&&(this.contentId=e)}disconnectedCallback(){this.teardownOpenChangeComplete?.(),super.disconnectedCallback()}updated(e){let t=!this.hasUpdatedOnce;this.hasUpdatedOnce=!0,e.has("role")&&this.querySelector("skdx-dialog-content")?.requestRoleSync(),e.has("open")&&!t&&(this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=C(()=>this.querySelector("skdx-dialog-content"),this.open,o=>u(this,"open-change-complete",o)))}setOpen(e){this.writeOpen(e)&&u(this,"open-change",e)}writeOpen(e){let t=this.open,o=this._open.propose(e);return o&&this.requestUpdate("open",t),o}render(){return g`<slot></slot>`}};r.styles=f`
     :host {
       display: contents;
     }

package/dist/dialog/Dialogs.cjs

@@ -0,0 +1,24 @@
+"use strict";var n=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var $=Object.prototype.hasOwnProperty;var k=(r,s)=>{for(var t in s)n(r,t,{get:s[t],enumerable:!0})},C=(r,s,t,e)=>{if(s&&typeof s=="object"||typeof s=="function")for(let i of v(s))!$.call(r,i)&&i!==t&&n(r,i,{get:()=>s[i],enumerable:!(e=f(s,i))||e.enumerable});return r};var y=r=>C(n({},"__esModule",{value:!0}),r),p=(r,s,t,e)=>{for(var i=e>1?void 0:e?f(s,t):s,c=r.length-1,u;c>=0;c--)(u=r[c])&&(i=(e?u(s,t,i):u(i))||i);return e&&i&&n(s,t,i),i};var x={};k(x,{SkdxDialogs:()=>a});module.exports=y(x);var o=require("lit"),g=require("lit/decorators.js"),d=require("lit/directives/if-defined.js"),b=require("lit/directives/repeat.js"),h=require("../internal/define.cjs"),l=require("../internal/dialogs.cjs"),m=require("../internal/light-dom-styles.cjs"),T=require("../label/Label.cjs"),L=require("../text-field/TextField.cjs"),R=require("./Dialog.cjs");var a=class extends o.LitElement{constructor(){super(...arguments);this.dialogs=(0,l.createDialogs)();this.draft=""}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),(0,m.installLightDomStyles)(),this.subscribeToStore()}disconnectedCallback(){this.unsubscribe?.(),this.unsubscribe=void 0,super.disconnectedCallback()}willUpdate(t){t.has("dialogs")&&this.isConnected&&this.subscribeToStore()}subscribeToStore(){this.unsubscribe?.(),this.draft=this.dialogs.getCurrent()?.defaultValue??"",this.unsubscribe=this.dialogs.subscribe(()=>{this.draft=this.dialogs.getCurrent()?.defaultValue??"",this.requestUpdate()})}confirm(t){this.dialogs.settle(t.id,(0,l.dialogsConfirmResult)(t,this.draft))}dismiss(t){this.dialogs.settle(t.id,(0,l.dialogsCancelResult)(t))}render(){let t=this.dialogs.getCurrent();return t?o.html`${(0,b.repeat)([t],e=>e.id,e=>o.html`
+        <skdx-dialog
+          default-open
+          role=${e.kind==="confirm"?"alertdialog":"dialog"}
+          title=${e.title}
+          description=${(0,d.ifDefined)(e.description)}
+          data-status=${(0,d.ifDefined)(e.status)}
+          confirm-label=${e.confirmLabel}
+          cancel-label=${(0,d.ifDefined)(e.cancelLabel)}
+          data-kind=${e.kind}
+          @confirm=${()=>this.confirm(e)}
+          @cancel=${()=>this.dismiss(e)}
+          @open-change=${i=>{i.detail||this.dismiss(e)}}
+        >
+          ${e.kind==="prompt"?o.html`<skdx-label style="display: grid; gap: 0.5rem"
+                  >${e.label??"Value"}
+                  <skdx-text-field
+                    .value=${this.draft}
+                    placeholder=${(0,d.ifDefined)(e.placeholder)}
+                    @value-change=${i=>{this.draft=i.detail}}
+                  ></skdx-text-field
+                ></skdx-label>`:o.nothing}
+        </skdx-dialog>
+      `)}`:o.nothing}};p([(0,g.property)({attribute:!1})],a.prototype,"dialogs",2),a=p([(0,h.customElement)("skdx-dialogs")],a);0&&(module.exports={SkdxDialogs});

package/dist/dialog/Dialogs.d.cts

@@ -0,0 +1,43 @@
+import { LitElement, nothing, type TemplateResult } from 'lit';
+import { type DialogsStore } from '../internal/dialogs.cjs';
+import '../label/Label.cjs';
+import '../text-field/TextField.cjs';
+import './Dialog.cjs';
+/**
+ * Renders whatever the store is showing: an alert, a confirm or a prompt at a
+ * time, each an `<skdx-dialog>` recreated per entry so a new question starts
+ * from a clean panel. Mount it once, near the app root, and call `alert`,
+ * `confirm` or `prompt` on its `dialogs` store from anywhere.
+ *
+ * @example
+ * ```html
+ * <skdx-dialogs id="dialogs"></skdx-dialogs>
+ * <script type="module">
+ *   const { dialogs } = document.getElementById('dialogs');
+ *   if (await dialogs.confirm('Delete the project?')) remove();
+ * </script>
+ * ```
+ */
+export declare class SkdxDialogs extends LitElement {
+    /** Renders into light DOM, so the page's own CSS reaches the dialogs this headless element raises. */
+    protected createRenderRoot(): HTMLElement;
+    /**
+     * The queue to render. Defaults to a store of its own, so an element dropped
+     * in with no wiring still works — read it back off the element to ask questions.
+     */
+    dialogs: DialogsStore;
+    private unsubscribe?;
+    private draft;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected willUpdate(changed: Map<string, unknown>): void;
+    private subscribeToStore;
+    private confirm;
+    private dismiss;
+    render(): TemplateResult | typeof nothing;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-dialogs': SkdxDialogs;
+    }
+}