@skdx/web-components 0.29.0 → 0.31.0

package/dist/dialog/Dialogs.d.ts

@@ -0,0 +1,43 @@
+import { LitElement, nothing, type TemplateResult } from 'lit';
+import { type DialogsStore } from '../internal/dialogs.js';
+import '../label/Label.js';
+import '../text-field/TextField.js';
+import './Dialog.js';
+/**
+ * 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;
+    }
+}

package/dist/dialog/Dialogs.js

@@ -0,0 +1,24 @@
+var p=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var n=(a,s,t,e)=>{for(var i=e>1?void 0:e?f(s,t):s,l=a.length-1,d;l>=0;l--)(d=a[l])&&(i=(e?d(s,t,i):d(i))||i);return e&&i&&p(s,t,i),i};import{html as c,LitElement as g,nothing as u}from"lit";import{property as b}from"lit/decorators.js";import{ifDefined as o}from"lit/directives/if-defined.js";import{repeat as h}from"lit/directives/repeat.js";import{customElement as m}from"../internal/define.js";import{createDialogs as v,dialogsCancelResult as $,dialogsConfirmResult as k}from"../internal/dialogs.js";import{installLightDomStyles as C}from"../internal/light-dom-styles.js";import"../label/Label.js";import"../text-field/TextField.js";import"./Dialog.js";var r=class extends g{constructor(){super(...arguments);this.dialogs=v();this.draft=""}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),C(),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,k(t,this.draft))}dismiss(t){this.dialogs.settle(t.id,$(t))}render(){let t=this.dialogs.getCurrent();return t?c`${h([t],e=>e.id,e=>c`
+        <skdx-dialog
+          default-open
+          role=${e.kind==="confirm"?"alertdialog":"dialog"}
+          title=${e.title}
+          description=${o(e.description)}
+          data-status=${o(e.status)}
+          confirm-label=${e.confirmLabel}
+          cancel-label=${o(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"?c`<skdx-label style="display: grid; gap: 0.5rem"
+                  >${e.label??"Value"}
+                  <skdx-text-field
+                    .value=${this.draft}
+                    placeholder=${o(e.placeholder)}
+                    @value-change=${i=>{this.draft=i.detail}}
+                  ></skdx-text-field
+                ></skdx-label>`:u}
+        </skdx-dialog>
+      `)}`:u}};n([b({attribute:!1})],r.prototype,"dialogs",2),r=n([m("skdx-dialogs")],r);export{r as SkdxDialogs};

package/dist/dialog/index.cjs

@@ -1 +1 @@
-"use strict";var x=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var p=(i,o)=>{for(var l in o)x(i,l,{get:o[l],enumerable:!0})},s=(i,o,l,D)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of g(o))!k.call(i,e)&&e!==l&&x(i,e,{get:()=>o[e],enumerable:!(D=d(o,e))||D.enumerable});return i};var t=i=>s(x({},"__esModule",{value:!0}),i);var S={};p(S,{SkdxDialog:()=>a.SkdxDialog});module.exports=t(S);var a=require("./Dialog.cjs");0&&(module.exports={SkdxDialog});
+"use strict";var p=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var r=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var x=(t,o)=>{for(var i in o)p(t,i,{get:o[i],enumerable:!0})},d=(t,o,i,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of r(o))!y.call(t,e)&&e!==i&&p(t,e,{get:()=>o[e],enumerable:!(s=g(o,e))||s.enumerable});return t};var m=t=>d(p({},"__esModule",{value:!0}),t);var S={};x(S,{SkdxDialog:()=>l.SkdxDialog,SkdxDialogs:()=>a.SkdxDialogs,createDialogs:()=>D.createDialogs});module.exports=m(S);var l=require("./Dialog.cjs"),a=require("./Dialogs.cjs"),D=require("../internal/dialogs.cjs");0&&(module.exports={SkdxDialog,SkdxDialogs,createDialogs});

package/dist/dialog/index.d.cts

@@ -1 +1,3 @@
 export { SkdxDialog, type SkdxDialogDismiss, type SkdxDialogRole } from './Dialog.cjs';
+export { SkdxDialogs } from './Dialogs.cjs';
+export { createDialogs, type DialogsStore, type DialogsEntry, type DialogsKind, type DialogsOptions, type DialogsPromptOptions, type DialogsResult, } from '../internal/dialogs.cjs';

package/dist/dialog/index.d.ts

@@ -1 +1,3 @@
 export { SkdxDialog, type SkdxDialogDismiss, type SkdxDialogRole } from './Dialog.js';
+export { SkdxDialogs } from './Dialogs.js';
+export { createDialogs, type DialogsStore, type DialogsEntry, type DialogsKind, type DialogsOptions, type DialogsPromptOptions, type DialogsResult, } from '../internal/dialogs.js';

package/dist/dialog/index.js

@@ -1 +1 @@
-import{SkdxDialog as e}from"./Dialog.js";export{e as SkdxDialog};
+import{SkdxDialog as e}from"./Dialog.js";import{SkdxDialogs as p}from"./Dialogs.js";import{createDialogs as l}from"../internal/dialogs.js";export{e as SkdxDialog,p as SkdxDialogs,l as createDialogs};

package/dist/drawer/DrawerContent.cjs

@@ -1,8 +1,8 @@
-"use strict";var m=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var A=Object.prototype.hasOwnProperty;var O=(s,r)=>{for(var e in r)m(s,e,{get:r[e],enumerable:!0})},R=(s,r,e,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of L(r))!A.call(s,i)&&i!==e&&m(s,i,{get:()=>r[i],enumerable:!(t=g(r,i))||t.enumerable});return s};var S=s=>R(m({},"__esModule",{value:!0}),s),l=(s,r,e,t)=>{for(var i=t>1?void 0:t?g(r,e):r,a=s.length-1,y;a>=0;a--)(y=s[a])&&(i=(t?y(r,e,i):y(i))||i);return t&&i&&m(r,e,i),i};var K={};O(K,{SkdxDrawerContent:()=>n});module.exports=S(K);var d=require("lit"),f=require("lit/decorators.js"),E=require("../internal/aria-part.cjs"),c=require("../internal/body-scroll-lock.cjs"),T=require("../internal/closest.cjs"),k=require("../internal/define.cjs"),p=require("../internal/direction.cjs"),o=require("../internal/dismiss.cjs"),v=require("../internal/dismissal.cjs"),u=require("../internal/focus-targets.cjs"),b=require("../internal/outsideInert.cjs"),h=require("../internal/tabbable.cjs");function F(s){return Array.from(s.querySelectorAll("*")).filter(r=>r.matches(h.TABBABLE_SELECTOR)||!!r.shadowRoot?.querySelector(h.TABBABLE_SELECTOR))}function w(s){(s.matches(h.TABBABLE_SELECTOR)?s:s.shadowRoot?.querySelector(h.TABBABLE_SELECTOR)??s).focus({preventScroll:!0})}function x(s){let r=s.ownerDocument.activeElement;for(;r?.shadowRoot?.activeElement;)r=r.shadowRoot.activeElement;let e=r;for(;e;){if(s.contains(e))return!0;let t=e.getRootNode();e=t instanceof ShadowRoot?t.host:null}return!1}function D(s){return s==="any"||s==="outside"}var n=class extends d.LitElement{constructor(){super(...arguments);this.drawerEl=null;this.locked=!1;this.wasTrapped=!1;this.previouslyFocused=null;this.observer=new MutationObserver(()=>this.sync());this.layer={insideElements:()=>[this,this.drawerEl?.triggerEl]};this.armed=!1;this.handleSlotChange=()=>this.syncHostAttributes();this.handleKeyDown=e=>{if(e.key!=="Tab"||!this.drawerEl?.open||!this.drawerEl.modal)return;let t=F(this);if(t.length===0){e.preventDefault();return}let i=t[0],a=t[t.length-1];e.shiftKey&&(document.activeElement===i||document.activeElement===this)?(e.preventDefault(),a.focus()):!e.shiftKey&&document.activeElement===a&&(e.preventDefault(),i.focus())};this.handleDocumentKeyDown=e=>{this.drawerEl?.open&&(0,v.handleEscapeKeyDown)(e,this.layer,this.handleEscape)};this.handleEscape=e=>{let t=this.drawerEl;if(!t||!(0,o.dispatchEscapeKeyDown)(this,e)||t.effectiveDismiss!=="any"&&t.effectiveDismiss!=="escape")return;let i=!t.modal&&x(this);t.setOpen(!1),i&&(0,o.dispatchAutoFocus)(this,"close-auto-focus")&&!(0,u.applyFinalFocus)(this.finalFocus,"Drawer")&&t.triggerEl&&w(t.triggerEl)};this.handleOutsidePointerDown=e=>{let t=this.drawerEl;if(!this.armed||!t?.open)return;let i=e.target;i&&(this.contains(i)||t.triggerEl?.contains(i)||(0,o.dispatchOutside)(this,"pointer-down-outside",e)&&D(t.effectiveDismiss)&&t.setOpen(!1))};this.handleOutsideFocus=e=>{let t=this.drawerEl;if(!this.armed||!t?.open)return;let i=(0,o.focusOutsideTarget)(e);!i||this.contains(i)||t.triggerEl?.contains(i)||(0,o.dispatchOutside)(this,"focus-outside",e)&&D(t.effectiveDismiss)&&t.setOpen(!1)}}connectedCallback(){if(super.connectedCallback(),this.drawerEl=(0,T.closestThroughPortal)(this,"skdx-drawer, skdx-drawer-root"),!this.drawerEl)throw new Error("<skdx-drawer-content> must be used inside <skdx-drawer> or <skdx-drawer-root>.");this.observer.observe(this.drawerEl,{attributeFilter:["open","modal","placement","dismiss","dismissible"]}),this.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown,!0),document.addEventListener("focusin",this.handleOutsideFocus,!0),this.armTimer=setTimeout(()=>{this.armed=!0},0),this.syncHostAttributes()}disconnectedCallback(){this.observer.disconnect(),this.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown,!0),document.removeEventListener("focusin",this.handleOutsideFocus,!0),this.armTimer!==void 0&&clearTimeout(this.armTimer),this.armed=!1,this.releaseLayer?.(),this.releaseLayer=void 0,this.focusFrame!==void 0&&cancelAnimationFrame(this.focusFrame),this.locked&&((0,c.unlockBodyScroll)(),this.locked=!1),(0,b.setOutsideInert)(this,!1),super.disconnectedCallback()}firstUpdated(){this.sync()}syncHostAttributes(){let e=this.drawerEl;e&&(this.id?e.contentId=this.id:this.id=e.contentId,this.setAttribute("role","dialog"),e.open&&e.modal?this.setAttribute("aria-modal","true"):this.removeAttribute("aria-modal"),(0,E.syncPartIdRef)(this,"aria-labelledby",this.querySelector("skdx-drawer-title"),"skdx-drawer-content","title"),(0,E.syncPartIdRef)(this,"aria-describedby",this.querySelector("skdx-drawer-description"),"skdx-drawer-content","description"),this.setAttribute("data-state",e.open?"open":"closed"),this.setAttribute("data-placement",e.placement),this.setAttribute("data-side",(0,p.resolvePhysicalSide)(e.placement,(0,p.resolveDirection)(this))),this.setAttribute("data-dismiss",e.effectiveDismiss),this.hidden=!e.open)}sync(){this.syncHostAttributes();let e=this.drawerEl;if(!e)return;e.open?this.releaseLayer??(this.releaseLayer=(0,v.pushDismissLayer)(this.layer)):(this.releaseLayer?.(),this.releaseLayer=void 0);let t=e.open&&e.modal;t&&!this.locked?(0,c.lockBodyScroll)():!t&&this.locked&&(0,c.unlockBodyScroll)(),this.locked=t,(0,b.setOutsideInert)(this,t);let i=e.open&&e.modal;i!==this.wasTrapped&&(this.wasTrapped=i,i?this.activateTrap():this.deactivateTrap())}activateTrap(){this.previouslyFocused=document.activeElement,this.focusFrame=requestAnimationFrame(()=>(0,o.focusOnOpen)(()=>{if(!(0,o.dispatchAutoFocus)(this,"open-auto-focus")||!this.initialFocus&&this.contains(document.activeElement))return;let e=(0,u.resolveFocusSelector)(this,this.initialFocus,"initialFocus","Drawer")??F(this)[0];e||(this.tabIndex=this.tabIndex>=0?this.tabIndex:-1),w(e??this)}))}deactivateTrap(){if(this.focusFrame!==void 0&&cancelAnimationFrame(this.focusFrame),!(0,o.dispatchAutoFocus)(this,"close-auto-focus")){this.previouslyFocused=null;return}if((0,u.applyFinalFocus)(this.finalFocus,"Drawer")){this.previouslyFocused=null;return}this.previouslyFocused&&this.previouslyFocused!==document.body&&document.contains(this.previouslyFocused)&&w(this.previouslyFocused),this.previouslyFocused=null}render(){return d.html`<slot @slotchange=${this.handleSlotChange}></slot>`}};n.styles=d.css`
+"use strict";var f=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var A=Object.prototype.hasOwnProperty;var O=(s,r)=>{for(var e in r)f(s,e,{get:r[e],enumerable:!0})},R=(s,r,e,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of L(r))!A.call(s,i)&&i!==e&&f(s,i,{get:()=>r[i],enumerable:!(t=g(r,i))||t.enumerable});return s};var S=s=>R(f({},"__esModule",{value:!0}),s),c=(s,r,e,t)=>{for(var i=t>1?void 0:t?g(r,e):r,d=s.length-1,v;d>=0;d--)(v=s[d])&&(i=(t?v(r,e,i):v(i))||i);return t&&i&&f(r,e,i),i};var K={};O(K,{SkdxDrawerContent:()=>n});module.exports=S(K);var l=require("lit"),p=require("lit/decorators.js"),E=require("../internal/aria-part.cjs"),u=require("../internal/body-scroll-lock.cjs"),T=require("../internal/closest.cjs"),k=require("../internal/define.cjs"),y=require("../internal/direction.cjs"),o=require("../internal/dismiss.cjs"),a=require("../internal/dismissal.cjs"),h=require("../internal/focus-targets.cjs"),b=require("../internal/outsideInert.cjs"),m=require("../internal/tabbable.cjs");function F(s){return Array.from(s.querySelectorAll("*")).filter(r=>r.matches(m.TABBABLE_SELECTOR)||!!r.shadowRoot?.querySelector(m.TABBABLE_SELECTOR))}function w(s){(s.matches(m.TABBABLE_SELECTOR)?s:s.shadowRoot?.querySelector(m.TABBABLE_SELECTOR)??s).focus({preventScroll:!0})}function x(s){let r=s.ownerDocument.activeElement;for(;r?.shadowRoot?.activeElement;)r=r.shadowRoot.activeElement;let e=r;for(;e;){if(s.contains(e))return!0;let t=e.getRootNode();e=t instanceof ShadowRoot?t.host:null}return!1}function D(s){return s==="any"||s==="outside"}var n=class extends l.LitElement{constructor(){super(...arguments);this.drawerEl=null;this.locked=!1;this.wasTrapped=!1;this.previouslyFocused=null;this.observer=new MutationObserver(()=>this.sync());this.layer={insideElements:()=>[this,this.drawerEl?.triggerEl]};this.armed=!1;this.handleSlotChange=()=>this.syncHostAttributes();this.handleKeyDown=e=>{if(e.key!=="Tab"||!this.drawerEl?.open||!this.drawerEl.modal)return;let t=F(this);if(t.length===0){e.preventDefault();return}let i=t[0],d=t[t.length-1];e.shiftKey&&(document.activeElement===i||document.activeElement===this)?(e.preventDefault(),d.focus()):!e.shiftKey&&document.activeElement===d&&(e.preventDefault(),i.focus())};this.handleDocumentKeyDown=e=>{this.drawerEl?.open&&(0,a.handleEscapeKeyDown)(e,this.layer,this.handleEscape)};this.handleEscape=e=>{let t=this.drawerEl;if(!t||!(0,o.dispatchEscapeKeyDown)(this,e)||t.effectiveDismiss!=="any"&&t.effectiveDismiss!=="escape")return;let i=!t.modal&&x(this);t.setOpen(!1),i&&(0,o.dispatchAutoFocus)(this,"close-auto-focus")&&!(0,h.applyFinalFocus)(this.finalFocus,"Drawer")&&t.triggerEl&&w(t.triggerEl)};this.handleOutsidePointerDown=e=>{let t=this.drawerEl;if(!this.armed||!t?.open)return;let i=e.target;i&&(this.contains(i)||t.triggerEl?.contains(i)||(0,a.nestedLayerContains)(this.layer,i)||(0,o.dispatchOutside)(this,"pointer-down-outside",e)&&D(t.effectiveDismiss)&&t.setOpen(!1))};this.handleOutsideFocus=e=>{let t=this.drawerEl;if(!this.armed||!t?.open)return;let i=(0,o.focusOutsideTarget)(e);!i||this.contains(i)||t.triggerEl?.contains(i)||(0,a.nestedLayerContains)(this.layer,i)||(0,o.dispatchOutside)(this,"focus-outside",e)&&D(t.effectiveDismiss)&&t.setOpen(!1)}}connectedCallback(){if(super.connectedCallback(),this.drawerEl=(0,T.closestThroughPortal)(this,"skdx-drawer, skdx-drawer-root"),!this.drawerEl)throw new Error("<skdx-drawer-content> must be used inside <skdx-drawer> or <skdx-drawer-root>.");this.observer.observe(this.drawerEl,{attributeFilter:["open","modal","placement","dismiss","dismissible"]}),this.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown,!0),document.addEventListener("focusin",this.handleOutsideFocus,!0),this.armTimer=setTimeout(()=>{this.armed=!0},0),this.syncHostAttributes()}disconnectedCallback(){this.observer.disconnect(),this.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown,!0),document.removeEventListener("focusin",this.handleOutsideFocus,!0),this.armTimer!==void 0&&clearTimeout(this.armTimer),this.armed=!1,this.releaseLayer?.(),this.releaseLayer=void 0,this.focusFrame!==void 0&&cancelAnimationFrame(this.focusFrame),this.locked&&((0,u.unlockBodyScroll)(),this.locked=!1),(0,b.setOutsideInert)(this,!1),super.disconnectedCallback()}firstUpdated(){this.sync()}syncHostAttributes(){let e=this.drawerEl;e&&(this.id?e.contentId=this.id:this.id=e.contentId,this.setAttribute("role","dialog"),e.open&&e.modal?this.setAttribute("aria-modal","true"):this.removeAttribute("aria-modal"),(0,E.syncPartIdRef)(this,"aria-labelledby",this.querySelector("skdx-drawer-title"),"skdx-drawer-content","title"),(0,E.syncPartIdRef)(this,"aria-describedby",this.querySelector("skdx-drawer-description"),"skdx-drawer-content","description"),this.setAttribute("data-state",e.open?"open":"closed"),this.setAttribute("data-placement",e.placement),this.setAttribute("data-side",(0,y.resolvePhysicalSide)(e.placement,(0,y.resolveDirection)(this))),this.setAttribute("data-dismiss",e.effectiveDismiss),this.hidden=!e.open)}sync(){this.syncHostAttributes();let e=this.drawerEl;if(!e)return;e.open?this.releaseLayer??(this.releaseLayer=(0,a.pushDismissLayer)(this.layer)):(this.releaseLayer?.(),this.releaseLayer=void 0);let t=e.open&&e.modal;t&&!this.locked?(0,u.lockBodyScroll)():!t&&this.locked&&(0,u.unlockBodyScroll)(),this.locked=t,(0,b.setOutsideInert)(this,t);let i=e.open&&e.modal;i!==this.wasTrapped&&(this.wasTrapped=i,i?this.activateTrap():this.deactivateTrap())}activateTrap(){this.previouslyFocused=document.activeElement,this.focusFrame=requestAnimationFrame(()=>(0,o.focusOnOpen)(()=>{if(!(0,o.dispatchAutoFocus)(this,"open-auto-focus")||!this.initialFocus&&this.contains(document.activeElement))return;let e=(0,h.resolveFocusSelector)(this,this.initialFocus,"initialFocus","Drawer")??F(this)[0];e||(this.tabIndex=this.tabIndex>=0?this.tabIndex:-1),w(e??this)}))}deactivateTrap(){if(this.focusFrame!==void 0&&cancelAnimationFrame(this.focusFrame),!(0,o.dispatchAutoFocus)(this,"close-auto-focus")){this.previouslyFocused=null;return}if((0,h.applyFinalFocus)(this.finalFocus,"Drawer")){this.previouslyFocused=null;return}this.previouslyFocused&&this.previouslyFocused!==document.body&&document.contains(this.previouslyFocused)&&w(this.previouslyFocused),this.previouslyFocused=null}render(){return l.html`<slot @slotchange=${this.handleSlotChange}></slot>`}};n.styles=l.css`
     :host {
       display: block;
     }
     :host([hidden]) {
       display: none;
     }
-  `,l([(0,f.property)({type:String,attribute:"initial-focus"})],n.prototype,"initialFocus",2),l([(0,f.property)({type:String,attribute:"final-focus"})],n.prototype,"finalFocus",2),l([(0,f.property)({type:String,reflect:!0,attribute:"data-size"})],n.prototype,"size",2),n=l([(0,k.customElement)("skdx-drawer-content","drawer","content")],n);0&&(module.exports={SkdxDrawerContent});
+  `,c([(0,p.property)({type:String,attribute:"initial-focus"})],n.prototype,"initialFocus",2),c([(0,p.property)({type:String,attribute:"final-focus"})],n.prototype,"finalFocus",2),c([(0,p.property)({type:String,reflect:!0,attribute:"data-size"})],n.prototype,"size",2),n=c([(0,k.customElement)("skdx-drawer-content","drawer","content")],n);0&&(module.exports={SkdxDrawerContent});

package/dist/drawer/DrawerContent.js

@@ -1,8 +1,8 @@
-var b=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var a=(s,r,e,t)=>{for(var i=t>1?void 0:t?g(r,e):r,n=s.length-1,l;n>=0;n--)(l=s[n])&&(i=(t?l(r,e,i):l(i))||i);return t&&i&&b(r,e,i),i};import{css as F,html as D,LitElement as T}from"lit";import{property as c}from"lit/decorators.js";import{syncPartIdRef as m}from"../internal/aria-part.js";import{lockBodyScroll as k,unlockBodyScroll as f}from"../internal/body-scroll-lock.js";import{closestThroughPortal as L}from"../internal/closest.js";import{customElement as A}from"../internal/define.js";import{resolveDirection as O,resolvePhysicalSide as R}from"../internal/direction.js";import{dispatchAutoFocus as u,dispatchEscapeKeyDown as S,dispatchOutside as p,focusOnOpen as x,focusOutsideTarget as K}from"../internal/dismiss.js";import{handleEscapeKeyDown as H,pushDismissLayer as I}from"../internal/dismissal.js";import{applyFinalFocus as v,resolveFocusSelector as M}from"../internal/focus-targets.js";import{setOutsideInert as y}from"../internal/outsideInert.js";import{TABBABLE_SELECTOR as d}from"../internal/tabbable.js";function w(s){return Array.from(s.querySelectorAll("*")).filter(r=>r.matches(d)||!!r.shadowRoot?.querySelector(d))}function h(s){(s.matches(d)?s:s.shadowRoot?.querySelector(d)??s).focus({preventScroll:!0})}function q(s){let r=s.ownerDocument.activeElement;for(;r?.shadowRoot?.activeElement;)r=r.shadowRoot.activeElement;let e=r;for(;e;){if(s.contains(e))return!0;let t=e.getRootNode();e=t instanceof ShadowRoot?t.host:null}return!1}function E(s){return s==="any"||s==="outside"}var o=class extends T{constructor(){super(...arguments);this.drawerEl=null;this.locked=!1;this.wasTrapped=!1;this.previouslyFocused=null;this.observer=new MutationObserver(()=>this.sync());this.layer={insideElements:()=>[this,this.drawerEl?.triggerEl]};this.armed=!1;this.handleSlotChange=()=>this.syncHostAttributes();this.handleKeyDown=e=>{if(e.key!=="Tab"||!this.drawerEl?.open||!this.drawerEl.modal)return;let t=w(this);if(t.length===0){e.preventDefault();return}let i=t[0],n=t[t.length-1];e.shiftKey&&(document.activeElement===i||document.activeElement===this)?(e.preventDefault(),n.focus()):!e.shiftKey&&document.activeElement===n&&(e.preventDefault(),i.focus())};this.handleDocumentKeyDown=e=>{this.drawerEl?.open&&H(e,this.layer,this.handleEscape)};this.handleEscape=e=>{let t=this.drawerEl;if(!t||!S(this,e)||t.effectiveDismiss!=="any"&&t.effectiveDismiss!=="escape")return;let i=!t.modal&&q(this);t.setOpen(!1),i&&u(this,"close-auto-focus")&&!v(this.finalFocus,"Drawer")&&t.triggerEl&&h(t.triggerEl)};this.handleOutsidePointerDown=e=>{let t=this.drawerEl;if(!this.armed||!t?.open)return;let i=e.target;i&&(this.contains(i)||t.triggerEl?.contains(i)||p(this,"pointer-down-outside",e)&&E(t.effectiveDismiss)&&t.setOpen(!1))};this.handleOutsideFocus=e=>{let t=this.drawerEl;if(!this.armed||!t?.open)return;let i=K(e);!i||this.contains(i)||t.triggerEl?.contains(i)||p(this,"focus-outside",e)&&E(t.effectiveDismiss)&&t.setOpen(!1)}}connectedCallback(){if(super.connectedCallback(),this.drawerEl=L(this,"skdx-drawer, skdx-drawer-root"),!this.drawerEl)throw new Error("<skdx-drawer-content> must be used inside <skdx-drawer> or <skdx-drawer-root>.");this.observer.observe(this.drawerEl,{attributeFilter:["open","modal","placement","dismiss","dismissible"]}),this.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown,!0),document.addEventListener("focusin",this.handleOutsideFocus,!0),this.armTimer=setTimeout(()=>{this.armed=!0},0),this.syncHostAttributes()}disconnectedCallback(){this.observer.disconnect(),this.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown,!0),document.removeEventListener("focusin",this.handleOutsideFocus,!0),this.armTimer!==void 0&&clearTimeout(this.armTimer),this.armed=!1,this.releaseLayer?.(),this.releaseLayer=void 0,this.focusFrame!==void 0&&cancelAnimationFrame(this.focusFrame),this.locked&&(f(),this.locked=!1),y(this,!1),super.disconnectedCallback()}firstUpdated(){this.sync()}syncHostAttributes(){let e=this.drawerEl;e&&(this.id?e.contentId=this.id:this.id=e.contentId,this.setAttribute("role","dialog"),e.open&&e.modal?this.setAttribute("aria-modal","true"):this.removeAttribute("aria-modal"),m(this,"aria-labelledby",this.querySelector("skdx-drawer-title"),"skdx-drawer-content","title"),m(this,"aria-describedby",this.querySelector("skdx-drawer-description"),"skdx-drawer-content","description"),this.setAttribute("data-state",e.open?"open":"closed"),this.setAttribute("data-placement",e.placement),this.setAttribute("data-side",R(e.placement,O(this))),this.setAttribute("data-dismiss",e.effectiveDismiss),this.hidden=!e.open)}sync(){this.syncHostAttributes();let e=this.drawerEl;if(!e)return;e.open?this.releaseLayer??(this.releaseLayer=I(this.layer)):(this.releaseLayer?.(),this.releaseLayer=void 0);let t=e.open&&e.modal;t&&!this.locked?k():!t&&this.locked&&f(),this.locked=t,y(this,t);let i=e.open&&e.modal;i!==this.wasTrapped&&(this.wasTrapped=i,i?this.activateTrap():this.deactivateTrap())}activateTrap(){this.previouslyFocused=document.activeElement,this.focusFrame=requestAnimationFrame(()=>x(()=>{if(!u(this,"open-auto-focus")||!this.initialFocus&&this.contains(document.activeElement))return;let e=M(this,this.initialFocus,"initialFocus","Drawer")??w(this)[0];e||(this.tabIndex=this.tabIndex>=0?this.tabIndex:-1),h(e??this)}))}deactivateTrap(){if(this.focusFrame!==void 0&&cancelAnimationFrame(this.focusFrame),!u(this,"close-auto-focus")){this.previouslyFocused=null;return}if(v(this.finalFocus,"Drawer")){this.previouslyFocused=null;return}this.previouslyFocused&&this.previouslyFocused!==document.body&&document.contains(this.previouslyFocused)&&h(this.previouslyFocused),this.previouslyFocused=null}render(){return D`<slot @slotchange=${this.handleSlotChange}></slot>`}};o.styles=F`
+var g=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var a=(s,r,e,t)=>{for(var i=t>1?void 0:t?F(r,e):r,n=s.length-1,l;n>=0;n--)(l=s[n])&&(i=(t?l(r,e,i):l(i))||i);return t&&i&&g(r,e,i),i};import{css as D,html as T,LitElement as k}from"lit";import{property as c}from"lit/decorators.js";import{syncPartIdRef as m}from"../internal/aria-part.js";import{lockBodyScroll as L,unlockBodyScroll as f}from"../internal/body-scroll-lock.js";import{closestThroughPortal as A}from"../internal/closest.js";import{customElement as O}from"../internal/define.js";import{resolveDirection as R,resolvePhysicalSide as S}from"../internal/direction.js";import{dispatchAutoFocus as u,dispatchEscapeKeyDown as x,dispatchOutside as p,focusOnOpen as K,focusOutsideTarget as H}from"../internal/dismiss.js";import{handleEscapeKeyDown as I,nestedLayerContains as y,pushDismissLayer as M}from"../internal/dismissal.js";import{applyFinalFocus as v,resolveFocusSelector as q}from"../internal/focus-targets.js";import{setOutsideInert as w}from"../internal/outsideInert.js";import{TABBABLE_SELECTOR as d}from"../internal/tabbable.js";function E(s){return Array.from(s.querySelectorAll("*")).filter(r=>r.matches(d)||!!r.shadowRoot?.querySelector(d))}function h(s){(s.matches(d)?s:s.shadowRoot?.querySelector(d)??s).focus({preventScroll:!0})}function P(s){let r=s.ownerDocument.activeElement;for(;r?.shadowRoot?.activeElement;)r=r.shadowRoot.activeElement;let e=r;for(;e;){if(s.contains(e))return!0;let t=e.getRootNode();e=t instanceof ShadowRoot?t.host:null}return!1}function b(s){return s==="any"||s==="outside"}var o=class extends k{constructor(){super(...arguments);this.drawerEl=null;this.locked=!1;this.wasTrapped=!1;this.previouslyFocused=null;this.observer=new MutationObserver(()=>this.sync());this.layer={insideElements:()=>[this,this.drawerEl?.triggerEl]};this.armed=!1;this.handleSlotChange=()=>this.syncHostAttributes();this.handleKeyDown=e=>{if(e.key!=="Tab"||!this.drawerEl?.open||!this.drawerEl.modal)return;let t=E(this);if(t.length===0){e.preventDefault();return}let i=t[0],n=t[t.length-1];e.shiftKey&&(document.activeElement===i||document.activeElement===this)?(e.preventDefault(),n.focus()):!e.shiftKey&&document.activeElement===n&&(e.preventDefault(),i.focus())};this.handleDocumentKeyDown=e=>{this.drawerEl?.open&&I(e,this.layer,this.handleEscape)};this.handleEscape=e=>{let t=this.drawerEl;if(!t||!x(this,e)||t.effectiveDismiss!=="any"&&t.effectiveDismiss!=="escape")return;let i=!t.modal&&P(this);t.setOpen(!1),i&&u(this,"close-auto-focus")&&!v(this.finalFocus,"Drawer")&&t.triggerEl&&h(t.triggerEl)};this.handleOutsidePointerDown=e=>{let t=this.drawerEl;if(!this.armed||!t?.open)return;let i=e.target;i&&(this.contains(i)||t.triggerEl?.contains(i)||y(this.layer,i)||p(this,"pointer-down-outside",e)&&b(t.effectiveDismiss)&&t.setOpen(!1))};this.handleOutsideFocus=e=>{let t=this.drawerEl;if(!this.armed||!t?.open)return;let i=H(e);!i||this.contains(i)||t.triggerEl?.contains(i)||y(this.layer,i)||p(this,"focus-outside",e)&&b(t.effectiveDismiss)&&t.setOpen(!1)}}connectedCallback(){if(super.connectedCallback(),this.drawerEl=A(this,"skdx-drawer, skdx-drawer-root"),!this.drawerEl)throw new Error("<skdx-drawer-content> must be used inside <skdx-drawer> or <skdx-drawer-root>.");this.observer.observe(this.drawerEl,{attributeFilter:["open","modal","placement","dismiss","dismissible"]}),this.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown,!0),document.addEventListener("focusin",this.handleOutsideFocus,!0),this.armTimer=setTimeout(()=>{this.armed=!0},0),this.syncHostAttributes()}disconnectedCallback(){this.observer.disconnect(),this.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown,!0),document.removeEventListener("focusin",this.handleOutsideFocus,!0),this.armTimer!==void 0&&clearTimeout(this.armTimer),this.armed=!1,this.releaseLayer?.(),this.releaseLayer=void 0,this.focusFrame!==void 0&&cancelAnimationFrame(this.focusFrame),this.locked&&(f(),this.locked=!1),w(this,!1),super.disconnectedCallback()}firstUpdated(){this.sync()}syncHostAttributes(){let e=this.drawerEl;e&&(this.id?e.contentId=this.id:this.id=e.contentId,this.setAttribute("role","dialog"),e.open&&e.modal?this.setAttribute("aria-modal","true"):this.removeAttribute("aria-modal"),m(this,"aria-labelledby",this.querySelector("skdx-drawer-title"),"skdx-drawer-content","title"),m(this,"aria-describedby",this.querySelector("skdx-drawer-description"),"skdx-drawer-content","description"),this.setAttribute("data-state",e.open?"open":"closed"),this.setAttribute("data-placement",e.placement),this.setAttribute("data-side",S(e.placement,R(this))),this.setAttribute("data-dismiss",e.effectiveDismiss),this.hidden=!e.open)}sync(){this.syncHostAttributes();let e=this.drawerEl;if(!e)return;e.open?this.releaseLayer??(this.releaseLayer=M(this.layer)):(this.releaseLayer?.(),this.releaseLayer=void 0);let t=e.open&&e.modal;t&&!this.locked?L():!t&&this.locked&&f(),this.locked=t,w(this,t);let i=e.open&&e.modal;i!==this.wasTrapped&&(this.wasTrapped=i,i?this.activateTrap():this.deactivateTrap())}activateTrap(){this.previouslyFocused=document.activeElement,this.focusFrame=requestAnimationFrame(()=>K(()=>{if(!u(this,"open-auto-focus")||!this.initialFocus&&this.contains(document.activeElement))return;let e=q(this,this.initialFocus,"initialFocus","Drawer")??E(this)[0];e||(this.tabIndex=this.tabIndex>=0?this.tabIndex:-1),h(e??this)}))}deactivateTrap(){if(this.focusFrame!==void 0&&cancelAnimationFrame(this.focusFrame),!u(this,"close-auto-focus")){this.previouslyFocused=null;return}if(v(this.finalFocus,"Drawer")){this.previouslyFocused=null;return}this.previouslyFocused&&this.previouslyFocused!==document.body&&document.contains(this.previouslyFocused)&&h(this.previouslyFocused),this.previouslyFocused=null}render(){return T`<slot @slotchange=${this.handleSlotChange}></slot>`}};o.styles=D`
     :host {
       display: block;
     }
     :host([hidden]) {
       display: none;
     }
-  `,a([c({type:String,attribute:"initial-focus"})],o.prototype,"initialFocus",2),a([c({type:String,attribute:"final-focus"})],o.prototype,"finalFocus",2),a([c({type:String,reflect:!0,attribute:"data-size"})],o.prototype,"size",2),o=a([A("skdx-drawer-content","drawer","content")],o);export{o as SkdxDrawerContent};
+  `,a([c({type:String,attribute:"initial-focus"})],o.prototype,"initialFocus",2),a([c({type:String,attribute:"final-focus"})],o.prototype,"finalFocus",2),a([c({type:String,reflect:!0,attribute:"data-size"})],o.prototype,"size",2),o=a([O("skdx-drawer-content","drawer","content")],o);export{o as SkdxDrawerContent};

package/dist/fab/Fab.cjs

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

package/dist/fab/Fab.d.cts

@@ -0,0 +1,12 @@
+import { SkdxButton } from '../button/Button.cjs';
+/**
+ * Fab alias of <skdx-button>: the same component with `iconOnly=true` and `variant='primary'` as defaults. Every attribute, property, event and slot of `<skdx-button>` applies; reach for `<skdx-button>` itself for full control.
+ */
+export declare class SkdxFab extends SkdxButton {
+    constructor();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-fab': SkdxFab;
+    }
+}

package/dist/fab/Fab.d.ts

@@ -0,0 +1,12 @@
+import { SkdxButton } from '../button/Button.js';
+/**
+ * Fab alias of <skdx-button>: the same component with `iconOnly=true` and `variant='primary'` as defaults. Every attribute, property, event and slot of `<skdx-button>` applies; reach for `<skdx-button>` itself for full control.
+ */
+export declare class SkdxFab extends SkdxButton {
+    constructor();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-fab': SkdxFab;
+    }
+}

package/dist/fab/Fab.js

@@ -0,0 +1 @@
+import{SkdxButton as t}from"../button/Button.js";var e=class extends t{constructor(){super(),this.iconOnly=!0,this.variant="primary"}};customElements.get("skdx-fab")===void 0&&customElements.define("skdx-fab",e);export{e as SkdxFab};

package/dist/fab/index.cjs

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

package/dist/fab/index.d.cts

@@ -0,0 +1 @@
+export { SkdxFab } from './Fab.cjs';

package/dist/fab/index.d.ts

@@ -0,0 +1 @@
+export { SkdxFab } from './Fab.js';

package/dist/fab/index.js

@@ -0,0 +1 @@
+import{SkdxFab as x}from"./Fab.js";export{x as SkdxFab};

package/dist/field/FieldError.cjs

@@ -1,8 +1,8 @@
-"use strict";var n=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var x=(i,t)=>{for(var s in t)n(i,s,{get:t[s],enumerable:!0})},T=(i,t,s,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of v(t))!y.call(i,e)&&e!==s&&n(i,e,{get:()=>t[e],enumerable:!(r=p(t,e))||r.enumerable});return i};var b=i=>T(n({},"__esModule",{value:!0}),i),m=(i,t,s,r)=>{for(var e=r>1?void 0:r?p(t,s):t,d=i.length-1,a;d>=0;d--)(a=i[d])&&(e=(r?a(t,s,e):a(e))||e);return r&&e&&n(t,s,e),e};var C={};x(C,{SkdxFieldError:()=>o});module.exports=b(C);var l=require("lit"),c=require("lit/decorators.js"),f=require("lit/static-html.js"),u=require("../internal/define.cjs"),h=require("../internal/field-core.cjs"),g=require("../utils/polymorphic.cjs");var o=class extends l.LitElement{constructor(){super(...arguments);this.as="span"}get field(){return this.closest("skdx-field, skdx-fieldset")}connectedCallback(){super.connectedCallback(),this.refresh()}refresh(){this.customMessage??(this.customMessage=this.textContent?.trim()??"");let s=this.field;if(!s?.errorId)return;this.id=s.errorId;let r=s.messages,e=this.customMessage||r.join(" ");r.length>0?(this.textContent!==e&&(this.textContent=e),this.setAttribute(h.FIELD_ERROR_ATTRIBUTE,""),this.removeAttribute("hidden")):(!this.customMessage&&this.textContent!==""&&(this.textContent=""),this.removeAttribute(h.FIELD_ERROR_ATTRIBUTE),this.setAttribute("hidden","")),this.style.display=r.length>0?"":"none"}updated(){this.refresh()}render(){let s=(0,g.resolveTag)(this.as,"span");return f.html`<${s} part="error"><slot></slot></${s}>`}};o.styles=l.css`
+"use strict";var n=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var x=(i,t)=>{for(var s in t)n(i,s,{get:t[s],enumerable:!0})},T=(i,t,s,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of v(t))!y.call(i,e)&&e!==s&&n(i,e,{get:()=>t[e],enumerable:!(r=p(t,e))||r.enumerable});return i};var b=i=>T(n({},"__esModule",{value:!0}),i),h=(i,t,s,r)=>{for(var e=r>1?void 0:r?p(t,s):t,a=i.length-1,m;a>=0;a--)(m=i[a])&&(e=(r?m(t,s,e):m(e))||e);return r&&e&&n(t,s,e),e};var C={};x(C,{SkdxFieldError:()=>o});module.exports=b(C);var d=require("lit"),c=require("lit/decorators.js"),f=require("lit/static-html.js"),u=require("../internal/define.cjs"),l=require("../internal/field-core.cjs"),g=require("../utils/polymorphic.cjs");var o=class extends d.LitElement{constructor(){super(...arguments);this.as="span"}get field(){return this.closest("skdx-field, skdx-fieldset")}connectedCallback(){super.connectedCallback(),this.refresh()}refresh(){this.customMessage??(this.customMessage=this.textContent?.trim()??"");let s=this.field;if(!s?.errorId)return;this.id=s.errorId;let r=s.messages,e=this.customMessage||(0,l.joinFieldMessages)(r);r.length>0?(this.textContent!==e&&(this.textContent=e),this.setAttribute(l.FIELD_ERROR_ATTRIBUTE,""),this.removeAttribute("hidden")):(!this.customMessage&&this.textContent!==""&&(this.textContent=""),this.removeAttribute(l.FIELD_ERROR_ATTRIBUTE),this.setAttribute("hidden","")),this.style.display=r.length>0?"":"none"}updated(){this.refresh()}render(){let s=(0,g.resolveTag)(this.as,"span");return f.html`<${s} part="error"><slot></slot></${s}>`}};o.styles=d.css`
     :host {
       display: block;
     }
     :host([hidden]) {
       display: none;
     }
-  `,m([(0,c.property)({type:String,reflect:!0})],o.prototype,"as",2),o=m([(0,u.customElement)("skdx-field-error","field","error")],o);0&&(module.exports={SkdxFieldError});
+  `,h([(0,c.property)({type:String,reflect:!0})],o.prototype,"as",2),o=h([(0,u.customElement)("skdx-field-error","field","error")],o);0&&(module.exports={SkdxFieldError});

package/dist/field/FieldError.js

@@ -1,4 +1,4 @@
-var m=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var d=(o,r,e,s)=>{for(var t=s>1?void 0:s?h(r,e):r,n=o.length-1,l;n>=0;n--)(l=o[n])&&(t=(s?l(r,e,t):l(t))||t);return s&&t&&m(r,e,t),t};import{css as p,LitElement as c}from"lit";import{property as f}from"lit/decorators.js";import{html as u}from"lit/static-html.js";import{customElement as g}from"../internal/define.js";import{FIELD_ERROR_ATTRIBUTE as a}from"../internal/field-core.js";import{resolveTag as v}from"../utils/polymorphic.js";var i=class extends c{constructor(){super(...arguments);this.as="span"}get field(){return this.closest("skdx-field, skdx-fieldset")}connectedCallback(){super.connectedCallback(),this.refresh()}refresh(){this.customMessage??(this.customMessage=this.textContent?.trim()??"");let e=this.field;if(!e?.errorId)return;this.id=e.errorId;let s=e.messages,t=this.customMessage||s.join(" ");s.length>0?(this.textContent!==t&&(this.textContent=t),this.setAttribute(a,""),this.removeAttribute("hidden")):(!this.customMessage&&this.textContent!==""&&(this.textContent=""),this.removeAttribute(a),this.setAttribute("hidden","")),this.style.display=s.length>0?"":"none"}updated(){this.refresh()}render(){let e=v(this.as,"span");return u`<${e} part="error"><slot></slot></${e}>`}};i.styles=p`
+var m=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var d=(o,r,e,s)=>{for(var t=s>1?void 0:s?h(r,e):r,l=o.length-1,n;l>=0;l--)(n=o[l])&&(t=(s?n(r,e,t):n(t))||t);return s&&t&&m(r,e,t),t};import{css as p,LitElement as c}from"lit";import{property as f}from"lit/decorators.js";import{html as u}from"lit/static-html.js";import{customElement as g}from"../internal/define.js";import{FIELD_ERROR_ATTRIBUTE as a,joinFieldMessages as v}from"../internal/field-core.js";import{resolveTag as y}from"../utils/polymorphic.js";var i=class extends c{constructor(){super(...arguments);this.as="span"}get field(){return this.closest("skdx-field, skdx-fieldset")}connectedCallback(){super.connectedCallback(),this.refresh()}refresh(){this.customMessage??(this.customMessage=this.textContent?.trim()??"");let e=this.field;if(!e?.errorId)return;this.id=e.errorId;let s=e.messages,t=this.customMessage||v(s);s.length>0?(this.textContent!==t&&(this.textContent=t),this.setAttribute(a,""),this.removeAttribute("hidden")):(!this.customMessage&&this.textContent!==""&&(this.textContent=""),this.removeAttribute(a),this.setAttribute("hidden","")),this.style.display=s.length>0?"":"none"}updated(){this.refresh()}render(){let e=y(this.as,"span");return u`<${e} part="error"><slot></slot></${e}>`}};i.styles=p`
     :host {
       display: block;
     }

package/dist/floating-panel/FloatingPanel.cjs

@@ -1,5 +1,5 @@
-"use strict";var z=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var R=(s,n)=>{for(var t in n)z(s,t,{get:n[t],enumerable:!0})},N=(s,n,t,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let i of B(n))!C.call(s,i)&&i!==t&&z(s,i,{get:()=>n[i],enumerable:!(o=F(n,i))||o.enumerable});return s};var _=s=>N(z({},"__esModule",{value:!0}),s),a=(s,n,t,o)=>{for(var i=o>1?void 0:o?F(n,t):n,h=s.length-1,l;h>=0;h--)(l=s[h])&&(i=(o?l(n,t,i):l(i))||i);return o&&i&&z(n,t,i),i};var H={};R(H,{SkdxFloatingPanel:()=>e,findFloatingPanel:()=>D,gestureAnnouncement:()=>T});module.exports=_(H);var p=require("lit"),r=require("lit/decorators.js"),S=require("../internal/authored.cjs"),A=require("../internal/closest.cjs"),I=require("../internal/define.cjs"),P=require("../internal/ids.cjs"),L=require("../internal/open-change-complete.cjs"),w=require("../internal/positioning.cjs"),x=require("../utils/live-announcer.cjs"),c=require("./FloatingPanelAnatomy.cjs"),Y=require("./FloatingPanelTrigger.cjs"),d=require("../internal/events.cjs"),v=require("./family.cjs");var M='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';function G(s){(s.matches(M)?s:s.shadowRoot?.querySelector(M)??s).focus({preventScroll:!0})}function T(s,{position:n,size:t}){return s==="move"?`Panel moved to ${n.x}, ${n.y}`:`Panel resized to ${t.width} by ${t.height}`}var E=Object.freeze({x:0,y:0}),O=Object.freeze({width:320,height:240}),$=Object.freeze({width:160,height:120}),j=Object.freeze({width:Number.POSITIVE_INFINITY,height:Number.POSITIVE_INFINITY});function b(s,n,t){return Math.min(Math.max(s,n),t)}function y(s,n,t,o){return b(s,n,Math.max(n,Math.min(t,o)))}function D(s){return(0,A.closestThroughPortal)(s,v.FLOATING_PANEL_FAMILY.selector)}var e=class extends p.LitElement{constructor(){super(...arguments);this.open=!1;this.defaultOpen=!1;this.position=E;this.defaultPosition=E;this.size=O;this.defaultSize=O;this.minSize=$;this.maxSize=j;this.boundary=null;this.stage="default";this.defaultStage="default";this.draggable=!0;this.resizable=!0;this.step=10;this.disabled=!1;this.title="";this.stages=[];this.dismissible=!0;this.contentId=(0,P.nextId)("skdx-floating-panel-content");this.titleId=(0,P.nextId)("skdx-floating-panel-title");this.triggerEl=null;this.contentEl=null;this.titleEl=null;this.dragging=!1;this.resizing=!1;this.hasUpdatedOnce=!1;this.boundsObserver=null;this.windowResizeListener=null;this.bounds=null;this.fillAnatomy=()=>{let t=`${!!this.title}|${this.stages.length}|${this.dismissible}|${this.resizable}`;t!==this._anatomyFilledFor||!(0,S.hasGeneratedContent)(this,c.FLOATING_PANEL_ANATOMY_GENERATED)?(this._anatomyFilledFor=t,(0,c.fillFloatingPanelAnatomy)(this)):(0,c.refreshFloatingPanelAnatomy)(this)}}connectedCallback(){super.connectedCallback(),this.defaultOpen&&!this.hasAttribute("open")&&(this.open=!0),this.position===E&&(this.position=this.defaultPosition),this.size===O&&(this.size=this.defaultSize),this.hasAttribute("stage")||(this.stage=this.defaultStage),this.watchBounds();let t=this.querySelector("skdx-floating-panel-content")?.id;t&&(this.contentId=t),queueMicrotask(this.fillAnatomy)}watchBounds(){let t=()=>this.applyBounds(this.getBounds());if(t(),this.boundary&&typeof ResizeObserver<"u"){this.boundsObserver=new ResizeObserver(t),this.boundsObserver.observe(this.boundary);return}this.windowResizeListener=t,window.addEventListener("resize",t)}unwatchBounds(){this.boundsObserver?.disconnect(),this.boundsObserver=null,this.windowResizeListener&&window.removeEventListener("resize",this.windowResizeListener),this.windowResizeListener=null}applyBounds(t){this.bounds=t;let o=Math.min(this.size.width,Math.max(this.minSize.width,t.width)),i=Math.min(this.size.height,Math.max(this.minSize.height,t.height));(o!==this.size.width||i!==this.size.height)&&this.setSize({width:o,height:i});let h=b(this.position.x,0,Math.max(0,t.width-o)),l=b(this.position.y,0,Math.max(0,t.height-i));(h!==this.position.x||l!==this.position.y)&&this.setPosition({x:h,y:l}),v.FLOATING_PANEL_FAMILY.notify(this)}updated(t){this.fillAnatomy();let o=!this.hasUpdatedOnce;this.hasUpdatedOnce=!0,t.has("open")&&!o&&((0,d.emit)(this,"open-change",this.open),this.open||this.restoreFocus(),this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=(0,L.notifyOpenChangeComplete)(()=>this.contentEl,this.open,i=>(0,d.emit)(this,"open-change-complete",i))),t.has("boundary")&&!o&&(this.unwatchBounds(),this.watchBounds()),t.size>0&&v.FLOATING_PANEL_FAMILY.notify(this)}disconnectedCallback(){this.teardownOpenChangeComplete?.(),this.unwatchBounds(),super.disconnectedCallback()}restoreFocus(){let t=document.activeElement;(!t||t===document.body||this.contentEl?.contains(t))&&this.triggerEl&&G(this.triggerEl)}setOpen(t){this.open!==t&&(this.open=t)}setStage(t){this.disabled||this.stage===t||(this.stage=t,(0,d.emit)(this,"stage-change",t))}getBounds(){if(this.boundary){let t=this.boundary.getBoundingClientRect();return{width:t.width,height:t.height}}return{width:window.innerWidth,height:window.innerHeight}}setPosition(t){this.position=t,(0,d.emit)(this,"position-change",t)}setSize(t){this.size=t,(0,d.emit)(this,"size-change",t)}moveBy(t,o){if(this.disabled||!this.draggable)return;let i=this.getBounds(),h={x:b(this.position.x+t,0,Math.max(0,i.width-this.size.width)),y:b(this.position.y+o,0,Math.max(0,i.height-this.size.height))};(h.x!==this.position.x||h.y!==this.position.y)&&this.setPosition(h)}resizeBy(t,o,i){if(this.disabled||!this.resizable)return;let h=this.getBounds(),{x:l,y:g}=this.position,{width:u,height:m}=this.size;if(t.includes("e")&&(u=y(this.size.width+o,this.minSize.width,this.maxSize.width,h.width-l)),t.includes("w")){let f=l+u;u=y(this.size.width-o,this.minSize.width,this.maxSize.width,f),l=f-u}if(t.includes("s")&&(m=y(this.size.height+i,this.minSize.height,this.maxSize.height,h.height-g)),t.includes("n")){let f=g+m;m=y(this.size.height-i,this.minSize.height,this.maxSize.height,f),g=f-m}(u!==this.size.width||m!==this.size.height)&&this.setSize({width:u,height:m}),(l!==this.position.x||g!==this.position.y)&&this.setPosition({x:l,y:g})}announceRelease(t){t==="resize"&&(0,d.emit)(this,"size-commit",this.size),(0,d.emit)(this,"position-commit",this.position);let o={position:{x:Math.round(this.position.x),y:Math.round(this.position.y)},size:{width:Math.round(this.size.width),height:Math.round(this.size.height)}};(0,x.announce)((this.getGestureAnnouncement??T)(t,o))}render(){return p.html`<slot @slotchange=${this.fillAnatomy}></slot>`}};e.styles=p.css`
+"use strict";var w=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var R=(s,o)=>{for(var t in o)w(s,t,{get:o[t],enumerable:!0})},N=(s,o,t,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of B(o))!C.call(s,e)&&e!==t&&w(s,e,{get:()=>o[e],enumerable:!(i=S(o,e))||i.enumerable});return s};var _=s=>N(w({},"__esModule",{value:!0}),s),r=(s,o,t,i)=>{for(var e=i>1?void 0:i?S(o,t):o,h=s.length-1,l;h>=0;h--)(l=s[h])&&(e=(i?l(o,t,e):l(e))||e);return i&&e&&w(o,t,e),e};var H={};R(H,{SkdxFloatingPanel:()=>n,findFloatingPanel:()=>D,gestureAnnouncement:()=>T});module.exports=_(H);var p=require("lit"),a=require("lit/decorators.js"),L=require("../internal/authored.cjs"),M=require("../internal/closest.cjs"),x=require("../internal/define.cjs"),P=require("../internal/ids.cjs"),A=require("../internal/open-change-complete.cjs"),v=require("../internal/positioning.cjs"),I=require("../utils/live-announcer.cjs"),c=require("./FloatingPanelAnatomy.cjs"),Y=require("./FloatingPanelTrigger.cjs"),d=require("../internal/events.cjs"),z=require("./family.cjs");var F='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';function G(s){(s.matches(F)?s:s.shadowRoot?.querySelector(F)??s).focus({preventScroll:!0})}function T(s,{position:o,size:t}){return s==="move"?`Panel moved to ${o.x}, ${o.y}`:`Panel resized to ${t.width} by ${t.height}`}var E=Object.freeze({x:0,y:0}),O=Object.freeze({width:320,height:240}),$=Object.freeze({width:160,height:120}),j=Object.freeze({width:Number.POSITIVE_INFINITY,height:Number.POSITIVE_INFINITY});function b(s,o,t){return Math.min(Math.max(s,o),t)}function y(s,o,t,i){return b(s,o,Math.max(o,Math.min(t,i)))}function D(s){return(0,M.closestThroughPortal)(s,z.FLOATING_PANEL_FAMILY.selector)}var n=class extends p.LitElement{constructor(){super(...arguments);this.open=!1;this.defaultOpen=!1;this.position=E;this.defaultPosition=E;this.size=O;this.defaultSize=O;this.minSize=$;this.maxSize=j;this.boundary=null;this.stage="default";this.defaultStage="default";this.draggable=!0;this.resizable=!0;this.step=10;this.disabled=!1;this.title="";this.stages=[];this.dismissible=!0;this.contentId=(0,P.nextId)("skdx-floating-panel-content");this.titleId=(0,P.nextId)("skdx-floating-panel-title");this.triggerEl=null;this.contentEl=null;this.titleEl=null;this.dragging=!1;this.resizing=!1;this.hasUpdatedOnce=!1;this.boundsObserver=null;this.windowResizeListener=null;this.windowScrollListener=null;this.origin={x:0,y:0};this.bounds=null;this.fillAnatomy=()=>{let t=`${!!this.title}|${this.stages.length}|${this.dismissible}|${this.resizable}`;t!==this._anatomyFilledFor||!(0,L.hasGeneratedContent)(this,c.FLOATING_PANEL_ANATOMY_GENERATED)?(this._anatomyFilledFor=t,(0,c.fillFloatingPanelAnatomy)(this)):(0,c.refreshFloatingPanelAnatomy)(this)}}connectedCallback(){super.connectedCallback(),this.defaultOpen&&!this.hasAttribute("open")&&(this.open=!0),this.position===E&&(this.position=this.defaultPosition),this.size===O&&(this.size=this.defaultSize),this.hasAttribute("stage")||(this.stage=this.defaultStage),this.watchBounds();let t=this.querySelector("skdx-floating-panel-content")?.id;t&&(this.contentId=t),queueMicrotask(this.fillAnatomy)}watchBounds(){let t=()=>{this.applyBounds(this.getBounds());let i=this.boundary?.getBoundingClientRect(),e=i?{x:i.left||0,y:i.top||0}:{x:0,y:0};(e.x!==this.origin.x||e.y!==this.origin.y)&&(this.origin=e,z.FLOATING_PANEL_FAMILY.notify(this))};if(t(),this.boundary&&typeof ResizeObserver<"u"){this.boundsObserver=new ResizeObserver(t),this.boundsObserver.observe(this.boundary),this.windowScrollListener=t,window.addEventListener("scroll",t,!0);return}this.windowResizeListener=t,window.addEventListener("resize",t)}unwatchBounds(){this.boundsObserver?.disconnect(),this.boundsObserver=null,this.windowResizeListener&&window.removeEventListener("resize",this.windowResizeListener),this.windowResizeListener=null,this.windowScrollListener&&window.removeEventListener("scroll",this.windowScrollListener,!0),this.windowScrollListener=null}applyBounds(t){this.bounds=t;let i=Math.min(this.size.width,Math.max(this.minSize.width,t.width)),e=Math.min(this.size.height,Math.max(this.minSize.height,t.height));(i!==this.size.width||e!==this.size.height)&&this.setSize({width:i,height:e});let h=b(this.position.x,0,Math.max(0,t.width-i)),l=b(this.position.y,0,Math.max(0,t.height-e));(h!==this.position.x||l!==this.position.y)&&this.setPosition({x:h,y:l}),z.FLOATING_PANEL_FAMILY.notify(this)}updated(t){this.fillAnatomy();let i=!this.hasUpdatedOnce;this.hasUpdatedOnce=!0,t.has("open")&&!i&&((0,d.emit)(this,"open-change",this.open),this.open||this.restoreFocus(),this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=(0,A.notifyOpenChangeComplete)(()=>this.contentEl,this.open,e=>(0,d.emit)(this,"open-change-complete",e))),t.has("boundary")&&!i&&(this.unwatchBounds(),this.watchBounds()),t.size>0&&z.FLOATING_PANEL_FAMILY.notify(this)}disconnectedCallback(){this.teardownOpenChangeComplete?.(),this.unwatchBounds(),super.disconnectedCallback()}restoreFocus(){let t=document.activeElement;(!t||t===document.body||this.contentEl?.contains(t))&&this.triggerEl&&G(this.triggerEl)}setOpen(t){this.open!==t&&(this.open=t)}setStage(t){this.disabled||this.stage===t||(this.stage=t,(0,d.emit)(this,"stage-change",t))}getBounds(){if(this.boundary){let t=this.boundary.getBoundingClientRect();return{width:t.width,height:t.height}}return{width:window.innerWidth,height:window.innerHeight}}setPosition(t){this.position=t,(0,d.emit)(this,"position-change",t)}setSize(t){this.size=t,(0,d.emit)(this,"size-change",t)}moveBy(t,i){if(this.disabled||!this.draggable)return;let e=this.getBounds(),h={x:b(this.position.x+t,0,Math.max(0,e.width-this.size.width)),y:b(this.position.y+i,0,Math.max(0,e.height-this.size.height))};(h.x!==this.position.x||h.y!==this.position.y)&&this.setPosition(h)}resizeBy(t,i,e){if(this.disabled||!this.resizable)return;let h=this.getBounds(),{x:l,y:g}=this.position,{width:u,height:m}=this.size;if(t.includes("e")&&(u=y(this.size.width+i,this.minSize.width,this.maxSize.width,h.width-l)),t.includes("w")){let f=l+u;u=y(this.size.width-i,this.minSize.width,this.maxSize.width,f),l=f-u}if(t.includes("s")&&(m=y(this.size.height+e,this.minSize.height,this.maxSize.height,h.height-g)),t.includes("n")){let f=g+m;m=y(this.size.height-e,this.minSize.height,this.maxSize.height,f),g=f-m}(u!==this.size.width||m!==this.size.height)&&this.setSize({width:u,height:m}),(l!==this.position.x||g!==this.position.y)&&this.setPosition({x:l,y:g})}announceRelease(t){t==="resize"&&(0,d.emit)(this,"size-commit",this.size),(0,d.emit)(this,"position-commit",this.position);let i={position:{x:Math.round(this.position.x),y:Math.round(this.position.y)},size:{width:Math.round(this.size.width),height:Math.round(this.size.height)}};(0,I.announce)((this.getGestureAnnouncement??T)(t,i))}render(){return p.html`<slot @slotchange=${this.fillAnatomy}></slot>`}};n.styles=p.css`
     :host {
       display: contents;
     }
-  `,a([(0,r.property)({type:Boolean,reflect:!0})],e.prototype,"open",2),a([(0,r.property)({type:Boolean,attribute:"default-open"})],e.prototype,"defaultOpen",2),a([(0,r.property)({attribute:!1})],e.prototype,"position",2),a([(0,r.property)({type:Object,attribute:"default-position"})],e.prototype,"defaultPosition",2),a([(0,r.property)({attribute:!1})],e.prototype,"size",2),a([(0,r.property)({type:Object,attribute:"default-size"})],e.prototype,"defaultSize",2),a([(0,r.property)({type:Object,attribute:"min-size"})],e.prototype,"minSize",2),a([(0,r.property)({type:Object,attribute:"max-size"})],e.prototype,"maxSize",2),a([(0,r.property)({attribute:!1})],e.prototype,"boundary",2),a([(0,r.property)({type:String,reflect:!0})],e.prototype,"stage",2),a([(0,r.property)({type:String,attribute:"default-stage"})],e.prototype,"defaultStage",2),a([(0,r.property)({converter:w.optOutBoolean})],e.prototype,"draggable",2),a([(0,r.property)({converter:w.optOutBoolean})],e.prototype,"resizable",2),a([(0,r.property)({type:Number})],e.prototype,"step",2),a([(0,r.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",2),a([(0,r.property)({attribute:!1})],e.prototype,"getGestureAnnouncement",2),a([(0,r.property)({type:String})],e.prototype,"title",2),a([(0,r.property)({attribute:!1})],e.prototype,"stages",2),a([(0,r.property)({converter:w.optOutBoolean})],e.prototype,"dismissible",2),a([(0,r.state)()],e.prototype,"dragging",2),a([(0,r.state)()],e.prototype,"resizing",2),e=a([(0,I.customElement)("skdx-floating-panel")],e);0&&(module.exports={SkdxFloatingPanel,findFloatingPanel,gestureAnnouncement});
+  `,r([(0,a.property)({type:Boolean,reflect:!0})],n.prototype,"open",2),r([(0,a.property)({type:Boolean,attribute:"default-open"})],n.prototype,"defaultOpen",2),r([(0,a.property)({attribute:!1})],n.prototype,"position",2),r([(0,a.property)({type:Object,attribute:"default-position"})],n.prototype,"defaultPosition",2),r([(0,a.property)({attribute:!1})],n.prototype,"size",2),r([(0,a.property)({type:Object,attribute:"default-size"})],n.prototype,"defaultSize",2),r([(0,a.property)({type:Object,attribute:"min-size"})],n.prototype,"minSize",2),r([(0,a.property)({type:Object,attribute:"max-size"})],n.prototype,"maxSize",2),r([(0,a.property)({attribute:!1})],n.prototype,"boundary",2),r([(0,a.property)({type:String,reflect:!0})],n.prototype,"stage",2),r([(0,a.property)({type:String,attribute:"default-stage"})],n.prototype,"defaultStage",2),r([(0,a.property)({converter:v.optOutBoolean})],n.prototype,"draggable",2),r([(0,a.property)({converter:v.optOutBoolean})],n.prototype,"resizable",2),r([(0,a.property)({type:Number})],n.prototype,"step",2),r([(0,a.property)({type:Boolean,reflect:!0})],n.prototype,"disabled",2),r([(0,a.property)({attribute:!1})],n.prototype,"getGestureAnnouncement",2),r([(0,a.property)({type:String})],n.prototype,"title",2),r([(0,a.property)({attribute:!1})],n.prototype,"stages",2),r([(0,a.property)({converter:v.optOutBoolean})],n.prototype,"dismissible",2),r([(0,a.state)()],n.prototype,"dragging",2),r([(0,a.state)()],n.prototype,"resizing",2),n=r([(0,x.customElement)("skdx-floating-panel")],n);0&&(module.exports={SkdxFloatingPanel,findFloatingPanel,gestureAnnouncement});

package/dist/floating-panel/FloatingPanel.d.cts

@@ -178,6 +178,9 @@ export declare class SkdxFloatingPanel extends LitElement {
     private teardownOpenChangeComplete?;
     private boundsObserver;
     private windowResizeListener;
+    private windowScrollListener;
+    /** @internal The boundary's top-left corner in the viewport, added to `position` when the content places itself on screen. */
+    origin: FloatingPanelPosition;
     /** @internal Latest measured boundary box, read by the resize trigger for `aria-valuemax`; null until first measurement. */
     bounds: FloatingPanelSize | null;
     connectedCallback(): void;

package/dist/floating-panel/FloatingPanel.d.ts

@@ -178,6 +178,9 @@ export declare class SkdxFloatingPanel extends LitElement {
     private teardownOpenChangeComplete?;
     private boundsObserver;
     private windowResizeListener;
+    private windowScrollListener;
+    /** @internal The boundary's top-left corner in the viewport, added to `position` when the content places itself on screen. */
+    origin: FloatingPanelPosition;
     /** @internal Latest measured boundary box, read by the resize trigger for `aria-valuemax`; null until first measurement. */
     bounds: FloatingPanelSize | null;
     connectedCallback(): void;

package/dist/floating-panel/FloatingPanel.js

@@ -1,5 +1,5 @@
-var P=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var i=(a,r,t,s)=>{for(var n=s>1?void 0:s?F(r,t):r,h=a.length-1,l;h>=0;h--)(l=a[h])&&(n=(s?l(r,t,n):l(n))||n);return s&&n&&P(r,t,n),n};import{css as M,html as S,LitElement as A}from"lit";import{property as o,state as v}from"lit/decorators.js";import{hasGeneratedContent as I}from"../internal/authored.js";import{closestThroughPortal as L}from"../internal/closest.js";import{customElement as x}from"../internal/define.js";import{nextId as E}from"../internal/ids.js";import{notifyOpenChangeComplete as T}from"../internal/open-change-complete.js";import{optOutBoolean as b}from"../internal/positioning.js";import{announce as B}from"../utils/live-announcer.js";import{fillFloatingPanelAnatomy as C,FLOATING_PANEL_ANATOMY_GENERATED as R,refreshFloatingPanelAnatomy as N}from"./FloatingPanelAnatomy.js";import"./FloatingPanelTrigger.js";import{emit as d}from"../internal/events.js";import{FLOATING_PANEL_FAMILY as w}from"./family.js";var O='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';function _(a){(a.matches(O)?a:a.shadowRoot?.querySelector(O)??a).focus({preventScroll:!0})}function G(a,{position:r,size:t}){return a==="move"?`Panel moved to ${r.x}, ${r.y}`:`Panel resized to ${t.width} by ${t.height}`}var z=Object.freeze({x:0,y:0}),y=Object.freeze({width:320,height:240}),$=Object.freeze({width:160,height:120}),j=Object.freeze({width:Number.POSITIVE_INFINITY,height:Number.POSITIVE_INFINITY});function g(a,r,t){return Math.min(Math.max(a,r),t)}function f(a,r,t,s){return g(a,r,Math.max(r,Math.min(t,s)))}function et(a){return L(a,w.selector)}var e=class extends A{constructor(){super(...arguments);this.open=!1;this.defaultOpen=!1;this.position=z;this.defaultPosition=z;this.size=y;this.defaultSize=y;this.minSize=$;this.maxSize=j;this.boundary=null;this.stage="default";this.defaultStage="default";this.draggable=!0;this.resizable=!0;this.step=10;this.disabled=!1;this.title="";this.stages=[];this.dismissible=!0;this.contentId=E("skdx-floating-panel-content");this.titleId=E("skdx-floating-panel-title");this.triggerEl=null;this.contentEl=null;this.titleEl=null;this.dragging=!1;this.resizing=!1;this.hasUpdatedOnce=!1;this.boundsObserver=null;this.windowResizeListener=null;this.bounds=null;this.fillAnatomy=()=>{let t=`${!!this.title}|${this.stages.length}|${this.dismissible}|${this.resizable}`;t!==this._anatomyFilledFor||!I(this,R)?(this._anatomyFilledFor=t,C(this)):N(this)}}connectedCallback(){super.connectedCallback(),this.defaultOpen&&!this.hasAttribute("open")&&(this.open=!0),this.position===z&&(this.position=this.defaultPosition),this.size===y&&(this.size=this.defaultSize),this.hasAttribute("stage")||(this.stage=this.defaultStage),this.watchBounds();let t=this.querySelector("skdx-floating-panel-content")?.id;t&&(this.contentId=t),queueMicrotask(this.fillAnatomy)}watchBounds(){let t=()=>this.applyBounds(this.getBounds());if(t(),this.boundary&&typeof ResizeObserver<"u"){this.boundsObserver=new ResizeObserver(t),this.boundsObserver.observe(this.boundary);return}this.windowResizeListener=t,window.addEventListener("resize",t)}unwatchBounds(){this.boundsObserver?.disconnect(),this.boundsObserver=null,this.windowResizeListener&&window.removeEventListener("resize",this.windowResizeListener),this.windowResizeListener=null}applyBounds(t){this.bounds=t;let s=Math.min(this.size.width,Math.max(this.minSize.width,t.width)),n=Math.min(this.size.height,Math.max(this.minSize.height,t.height));(s!==this.size.width||n!==this.size.height)&&this.setSize({width:s,height:n});let h=g(this.position.x,0,Math.max(0,t.width-s)),l=g(this.position.y,0,Math.max(0,t.height-n));(h!==this.position.x||l!==this.position.y)&&this.setPosition({x:h,y:l}),w.notify(this)}updated(t){this.fillAnatomy();let s=!this.hasUpdatedOnce;this.hasUpdatedOnce=!0,t.has("open")&&!s&&(d(this,"open-change",this.open),this.open||this.restoreFocus(),this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=T(()=>this.contentEl,this.open,n=>d(this,"open-change-complete",n))),t.has("boundary")&&!s&&(this.unwatchBounds(),this.watchBounds()),t.size>0&&w.notify(this)}disconnectedCallback(){this.teardownOpenChangeComplete?.(),this.unwatchBounds(),super.disconnectedCallback()}restoreFocus(){let t=document.activeElement;(!t||t===document.body||this.contentEl?.contains(t))&&this.triggerEl&&_(this.triggerEl)}setOpen(t){this.open!==t&&(this.open=t)}setStage(t){this.disabled||this.stage===t||(this.stage=t,d(this,"stage-change",t))}getBounds(){if(this.boundary){let t=this.boundary.getBoundingClientRect();return{width:t.width,height:t.height}}return{width:window.innerWidth,height:window.innerHeight}}setPosition(t){this.position=t,d(this,"position-change",t)}setSize(t){this.size=t,d(this,"size-change",t)}moveBy(t,s){if(this.disabled||!this.draggable)return;let n=this.getBounds(),h={x:g(this.position.x+t,0,Math.max(0,n.width-this.size.width)),y:g(this.position.y+s,0,Math.max(0,n.height-this.size.height))};(h.x!==this.position.x||h.y!==this.position.y)&&this.setPosition(h)}resizeBy(t,s,n){if(this.disabled||!this.resizable)return;let h=this.getBounds(),{x:l,y:p}=this.position,{width:u,height:m}=this.size;if(t.includes("e")&&(u=f(this.size.width+s,this.minSize.width,this.maxSize.width,h.width-l)),t.includes("w")){let c=l+u;u=f(this.size.width-s,this.minSize.width,this.maxSize.width,c),l=c-u}if(t.includes("s")&&(m=f(this.size.height+n,this.minSize.height,this.maxSize.height,h.height-p)),t.includes("n")){let c=p+m;m=f(this.size.height-n,this.minSize.height,this.maxSize.height,c),p=c-m}(u!==this.size.width||m!==this.size.height)&&this.setSize({width:u,height:m}),(l!==this.position.x||p!==this.position.y)&&this.setPosition({x:l,y:p})}announceRelease(t){t==="resize"&&d(this,"size-commit",this.size),d(this,"position-commit",this.position);let s={position:{x:Math.round(this.position.x),y:Math.round(this.position.y)},size:{width:Math.round(this.size.width),height:Math.round(this.size.height)}};B((this.getGestureAnnouncement??G)(t,s))}render(){return S`<slot @slotchange=${this.fillAnatomy}></slot>`}};e.styles=M`
+var P=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var s=(r,a,t,i)=>{for(var n=i>1?void 0:i?S(a,t):a,h=r.length-1,l;h>=0;h--)(l=r[h])&&(n=(i?l(a,t,n):l(n))||n);return i&&n&&P(a,t,n),n};import{css as F,html as L,LitElement as M}from"lit";import{property as o,state as v}from"lit/decorators.js";import{hasGeneratedContent as x}from"../internal/authored.js";import{closestThroughPortal as A}from"../internal/closest.js";import{customElement as I}from"../internal/define.js";import{nextId as E}from"../internal/ids.js";import{notifyOpenChangeComplete as T}from"../internal/open-change-complete.js";import{optOutBoolean as z}from"../internal/positioning.js";import{announce as B}from"../utils/live-announcer.js";import{fillFloatingPanelAnatomy as C,FLOATING_PANEL_ANATOMY_GENERATED as R,refreshFloatingPanelAnatomy as N}from"./FloatingPanelAnatomy.js";import"./FloatingPanelTrigger.js";import{emit as d}from"../internal/events.js";import{FLOATING_PANEL_FAMILY as b}from"./family.js";var O='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';function _(r){(r.matches(O)?r:r.shadowRoot?.querySelector(O)??r).focus({preventScroll:!0})}function G(r,{position:a,size:t}){return r==="move"?`Panel moved to ${a.x}, ${a.y}`:`Panel resized to ${t.width} by ${t.height}`}var w=Object.freeze({x:0,y:0}),y=Object.freeze({width:320,height:240}),$=Object.freeze({width:160,height:120}),j=Object.freeze({width:Number.POSITIVE_INFINITY,height:Number.POSITIVE_INFINITY});function g(r,a,t){return Math.min(Math.max(r,a),t)}function f(r,a,t,i){return g(r,a,Math.max(a,Math.min(t,i)))}function et(r){return A(r,b.selector)}var e=class extends M{constructor(){super(...arguments);this.open=!1;this.defaultOpen=!1;this.position=w;this.defaultPosition=w;this.size=y;this.defaultSize=y;this.minSize=$;this.maxSize=j;this.boundary=null;this.stage="default";this.defaultStage="default";this.draggable=!0;this.resizable=!0;this.step=10;this.disabled=!1;this.title="";this.stages=[];this.dismissible=!0;this.contentId=E("skdx-floating-panel-content");this.titleId=E("skdx-floating-panel-title");this.triggerEl=null;this.contentEl=null;this.titleEl=null;this.dragging=!1;this.resizing=!1;this.hasUpdatedOnce=!1;this.boundsObserver=null;this.windowResizeListener=null;this.windowScrollListener=null;this.origin={x:0,y:0};this.bounds=null;this.fillAnatomy=()=>{let t=`${!!this.title}|${this.stages.length}|${this.dismissible}|${this.resizable}`;t!==this._anatomyFilledFor||!x(this,R)?(this._anatomyFilledFor=t,C(this)):N(this)}}connectedCallback(){super.connectedCallback(),this.defaultOpen&&!this.hasAttribute("open")&&(this.open=!0),this.position===w&&(this.position=this.defaultPosition),this.size===y&&(this.size=this.defaultSize),this.hasAttribute("stage")||(this.stage=this.defaultStage),this.watchBounds();let t=this.querySelector("skdx-floating-panel-content")?.id;t&&(this.contentId=t),queueMicrotask(this.fillAnatomy)}watchBounds(){let t=()=>{this.applyBounds(this.getBounds());let i=this.boundary?.getBoundingClientRect(),n=i?{x:i.left||0,y:i.top||0}:{x:0,y:0};(n.x!==this.origin.x||n.y!==this.origin.y)&&(this.origin=n,b.notify(this))};if(t(),this.boundary&&typeof ResizeObserver<"u"){this.boundsObserver=new ResizeObserver(t),this.boundsObserver.observe(this.boundary),this.windowScrollListener=t,window.addEventListener("scroll",t,!0);return}this.windowResizeListener=t,window.addEventListener("resize",t)}unwatchBounds(){this.boundsObserver?.disconnect(),this.boundsObserver=null,this.windowResizeListener&&window.removeEventListener("resize",this.windowResizeListener),this.windowResizeListener=null,this.windowScrollListener&&window.removeEventListener("scroll",this.windowScrollListener,!0),this.windowScrollListener=null}applyBounds(t){this.bounds=t;let i=Math.min(this.size.width,Math.max(this.minSize.width,t.width)),n=Math.min(this.size.height,Math.max(this.minSize.height,t.height));(i!==this.size.width||n!==this.size.height)&&this.setSize({width:i,height:n});let h=g(this.position.x,0,Math.max(0,t.width-i)),l=g(this.position.y,0,Math.max(0,t.height-n));(h!==this.position.x||l!==this.position.y)&&this.setPosition({x:h,y:l}),b.notify(this)}updated(t){this.fillAnatomy();let i=!this.hasUpdatedOnce;this.hasUpdatedOnce=!0,t.has("open")&&!i&&(d(this,"open-change",this.open),this.open||this.restoreFocus(),this.teardownOpenChangeComplete?.(),this.teardownOpenChangeComplete=T(()=>this.contentEl,this.open,n=>d(this,"open-change-complete",n))),t.has("boundary")&&!i&&(this.unwatchBounds(),this.watchBounds()),t.size>0&&b.notify(this)}disconnectedCallback(){this.teardownOpenChangeComplete?.(),this.unwatchBounds(),super.disconnectedCallback()}restoreFocus(){let t=document.activeElement;(!t||t===document.body||this.contentEl?.contains(t))&&this.triggerEl&&_(this.triggerEl)}setOpen(t){this.open!==t&&(this.open=t)}setStage(t){this.disabled||this.stage===t||(this.stage=t,d(this,"stage-change",t))}getBounds(){if(this.boundary){let t=this.boundary.getBoundingClientRect();return{width:t.width,height:t.height}}return{width:window.innerWidth,height:window.innerHeight}}setPosition(t){this.position=t,d(this,"position-change",t)}setSize(t){this.size=t,d(this,"size-change",t)}moveBy(t,i){if(this.disabled||!this.draggable)return;let n=this.getBounds(),h={x:g(this.position.x+t,0,Math.max(0,n.width-this.size.width)),y:g(this.position.y+i,0,Math.max(0,n.height-this.size.height))};(h.x!==this.position.x||h.y!==this.position.y)&&this.setPosition(h)}resizeBy(t,i,n){if(this.disabled||!this.resizable)return;let h=this.getBounds(),{x:l,y:p}=this.position,{width:u,height:m}=this.size;if(t.includes("e")&&(u=f(this.size.width+i,this.minSize.width,this.maxSize.width,h.width-l)),t.includes("w")){let c=l+u;u=f(this.size.width-i,this.minSize.width,this.maxSize.width,c),l=c-u}if(t.includes("s")&&(m=f(this.size.height+n,this.minSize.height,this.maxSize.height,h.height-p)),t.includes("n")){let c=p+m;m=f(this.size.height-n,this.minSize.height,this.maxSize.height,c),p=c-m}(u!==this.size.width||m!==this.size.height)&&this.setSize({width:u,height:m}),(l!==this.position.x||p!==this.position.y)&&this.setPosition({x:l,y:p})}announceRelease(t){t==="resize"&&d(this,"size-commit",this.size),d(this,"position-commit",this.position);let i={position:{x:Math.round(this.position.x),y:Math.round(this.position.y)},size:{width:Math.round(this.size.width),height:Math.round(this.size.height)}};B((this.getGestureAnnouncement??G)(t,i))}render(){return L`<slot @slotchange=${this.fillAnatomy}></slot>`}};e.styles=F`
     :host {
       display: contents;
     }
-  `,i([o({type:Boolean,reflect:!0})],e.prototype,"open",2),i([o({type:Boolean,attribute:"default-open"})],e.prototype,"defaultOpen",2),i([o({attribute:!1})],e.prototype,"position",2),i([o({type:Object,attribute:"default-position"})],e.prototype,"defaultPosition",2),i([o({attribute:!1})],e.prototype,"size",2),i([o({type:Object,attribute:"default-size"})],e.prototype,"defaultSize",2),i([o({type:Object,attribute:"min-size"})],e.prototype,"minSize",2),i([o({type:Object,attribute:"max-size"})],e.prototype,"maxSize",2),i([o({attribute:!1})],e.prototype,"boundary",2),i([o({type:String,reflect:!0})],e.prototype,"stage",2),i([o({type:String,attribute:"default-stage"})],e.prototype,"defaultStage",2),i([o({converter:b})],e.prototype,"draggable",2),i([o({converter:b})],e.prototype,"resizable",2),i([o({type:Number})],e.prototype,"step",2),i([o({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([o({attribute:!1})],e.prototype,"getGestureAnnouncement",2),i([o({type:String})],e.prototype,"title",2),i([o({attribute:!1})],e.prototype,"stages",2),i([o({converter:b})],e.prototype,"dismissible",2),i([v()],e.prototype,"dragging",2),i([v()],e.prototype,"resizing",2),e=i([x("skdx-floating-panel")],e);export{e as SkdxFloatingPanel,et as findFloatingPanel,G as gestureAnnouncement};
+  `,s([o({type:Boolean,reflect:!0})],e.prototype,"open",2),s([o({type:Boolean,attribute:"default-open"})],e.prototype,"defaultOpen",2),s([o({attribute:!1})],e.prototype,"position",2),s([o({type:Object,attribute:"default-position"})],e.prototype,"defaultPosition",2),s([o({attribute:!1})],e.prototype,"size",2),s([o({type:Object,attribute:"default-size"})],e.prototype,"defaultSize",2),s([o({type:Object,attribute:"min-size"})],e.prototype,"minSize",2),s([o({type:Object,attribute:"max-size"})],e.prototype,"maxSize",2),s([o({attribute:!1})],e.prototype,"boundary",2),s([o({type:String,reflect:!0})],e.prototype,"stage",2),s([o({type:String,attribute:"default-stage"})],e.prototype,"defaultStage",2),s([o({converter:z})],e.prototype,"draggable",2),s([o({converter:z})],e.prototype,"resizable",2),s([o({type:Number})],e.prototype,"step",2),s([o({type:Boolean,reflect:!0})],e.prototype,"disabled",2),s([o({attribute:!1})],e.prototype,"getGestureAnnouncement",2),s([o({type:String})],e.prototype,"title",2),s([o({attribute:!1})],e.prototype,"stages",2),s([o({converter:z})],e.prototype,"dismissible",2),s([v()],e.prototype,"dragging",2),s([v()],e.prototype,"resizing",2),e=s([I("skdx-floating-panel")],e);export{e as SkdxFloatingPanel,et as findFloatingPanel,G as gestureAnnouncement};

package/dist/floating-panel/FloatingPanelContent.cjs

@@ -1,5 +1,5 @@
-"use strict";var d=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var x=(n,o)=>{for(var t in o)d(n,t,{get:o[t],enumerable:!0})},b=(n,o,t,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of E(o))!v.call(n,i)&&i!==t&&d(n,i,{get:()=>o[i],enumerable:!(e=p(o,i))||e.enumerable});return n};var w=n=>b(d({},"__esModule",{value:!0}),n),u=(n,o,t,e)=>{for(var i=e>1?void 0:e?p(o,t):o,l=n.length-1,h;l>=0;l--)(h=n[l])&&(i=(e?h(o,t,i):h(i))||i);return e&&i&&d(o,t,i),i};var L={};x(L,{SkdxFloatingPanelContent:()=>r});module.exports=w(L);var a=require("lit"),g=require("../internal/aria-part.cjs"),m=require("../internal/define.cjs"),s=require("../internal/dismiss.cjs"),f=require("../internal/styles.cjs"),c=require("./family.cjs"),y=require("./FloatingPanel.cjs");var k=".skdx-floating-panel__content, .skdx-floating-panel__trigger",r=class extends a.LitElement{constructor(){super(...arguments);this.root=null;this.onRootUpdate=()=>this.syncHostState();this.handleDocumentKeyDown=t=>{if(t.key!=="Escape"||!this.root?.open)return;let e=t.target?.closest?.(k);e&&!this.isInside(e)||(0,s.dispatchEscapeKeyDown)(this,t)&&this.root.setOpen(!1)};this.handleOutsidePointerDown=t=>{let e=this.root;if(!e?.open)return;let i=t.target;!i||this.isInside(i)||(0,s.dispatchOutside)(this,"pointer-down-outside",t)&&e.setOpen(!1)};this.handleOutsideFocus=t=>{let e=this.root;if(!e?.open)return;let i=(0,s.focusOutsideTarget)(t);!i||this.contains(i)||e.triggerEl?.contains(i)||(0,s.dispatchOutside)(this,"focus-outside",t)}}connectedCallback(){if(super.connectedCallback(),this.root??(this.root=(0,y.findFloatingPanel)(this)),!this.root)throw new Error("<skdx-floating-panel-content> must be used inside <skdx-floating-panel>.");this.root.contentEl=this,this.root.addEventListener(c.FLOATING_PANEL_FAMILY.event,this.onRootUpdate),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown,!0),document.addEventListener("focusin",this.handleOutsideFocus,!0),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(c.FLOATING_PANEL_FAMILY.event,this.onRootUpdate),this.root?.contentEl===this&&(this.root.contentEl=null),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown,!0),document.removeEventListener("focusin",this.handleOutsideFocus,!0),super.disconnectedCallback()}syncHostState(){let t=this.root;if(!t)return;this.id?t.contentId=this.id:this.id=t.contentId,this.setAttribute("role","dialog"),this.setAttribute("aria-modal","false"),(0,g.syncPartIdRef)(this,"aria-labelledby",t.titleEl,"skdx-floating-panel-content","title"),this.setAttribute("data-state",t.open?"open":"closed"),this.setAttribute("data-stage",t.stage),this.toggleAttribute("data-dragging",t.dragging),this.toggleAttribute("data-resizing",t.resizing),this.toggleAttribute("data-disabled",t.disabled);let e=t.stage==="maximized"?{x:"0px",y:"0px",width:"100%",height:"100%"}:{x:`${t.position.x}px`,y:`${t.position.y}px`,width:`${t.size.width}px`,height:t.stage==="minimized"?"auto":`${t.size.height}px`};this.style.setProperty("--skdx-floating-panel-x",e.x),this.style.setProperty("--skdx-floating-panel-y",e.y),this.style.setProperty("--skdx-floating-panel-width",e.width),this.style.setProperty("--skdx-floating-panel-height",e.height),this.hidden=!t.open}isInside(t){return this.contains(t)||!!this.root?.triggerEl?.contains(t)}render(){return a.html`<slot></slot>`}};r.styles=[a.css`
+"use strict";var d=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var x=(n,s)=>{for(var t in s)d(n,t,{get:s[t],enumerable:!0})},L=(n,s,t,i)=>{if(s&&typeof s=="object"||typeof s=="function")for(let e of v(s))!E.call(n,e)&&e!==t&&d(n,e,{get:()=>s[e],enumerable:!(i=c(s,e))||i.enumerable});return n};var b=n=>L(d({},"__esModule",{value:!0}),n),u=(n,s,t,i)=>{for(var e=i>1?void 0:i?c(s,t):s,l=n.length-1,h;l>=0;l--)(h=n[l])&&(e=(i?h(s,t,e):h(e))||e);return i&&e&&d(s,t,e),e};var k={};x(k,{SkdxFloatingPanelContent:()=>r});module.exports=b(k);var a=require("lit"),g=require("../internal/aria-part.cjs"),y=require("../internal/define.cjs"),o=require("../internal/dismiss.cjs"),f=require("../internal/styles.cjs"),p=require("./family.cjs"),m=require("./FloatingPanel.cjs");var w=".skdx-floating-panel__content, .skdx-floating-panel__trigger",r=class extends a.LitElement{constructor(){super(...arguments);this.root=null;this.layer={insideElements:()=>[this,this.root?.triggerEl]};this.onRootUpdate=()=>this.syncHostState();this.handleDocumentKeyDown=t=>{if(t.key!=="Escape"||!this.root?.open)return;let i=t.target?.closest?.(w);i&&!this.isInside(i)||(0,o.dispatchEscapeKeyDown)(this,t)&&this.root.setOpen(!1)};this.handleOutsidePointerDown=t=>{let i=this.root;if(!i?.open)return;let e=t.target;!e||this.isInside(e)||(0,o.dispatchOutside)(this,"pointer-down-outside",t)&&i.setOpen(!1)};this.handleOutsideFocus=t=>{let i=this.root;if(!i?.open)return;let e=(0,o.focusOutsideTarget)(t);!e||this.contains(e)||i.triggerEl?.contains(e)||(0,o.nestedLayerContains)(this.layer,e)||(0,o.dispatchOutside)(this,"focus-outside",t)}}connectedCallback(){if(super.connectedCallback(),this.root??(this.root=(0,m.findFloatingPanel)(this)),!this.root)throw new Error("<skdx-floating-panel-content> must be used inside <skdx-floating-panel>.");this.root.contentEl=this,this.root.addEventListener(p.FLOATING_PANEL_FAMILY.event,this.onRootUpdate),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown,!0),document.addEventListener("focusin",this.handleOutsideFocus,!0),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(p.FLOATING_PANEL_FAMILY.event,this.onRootUpdate),this.root?.contentEl===this&&(this.root.contentEl=null),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown,!0),this.releaseLayer?.(),this.releaseLayer=void 0,document.removeEventListener("focusin",this.handleOutsideFocus,!0),super.disconnectedCallback()}syncHostState(){let t=this.root;if(!t)return;this.id?t.contentId=this.id:this.id=t.contentId,this.setAttribute("role","dialog"),this.setAttribute("aria-modal","false"),(0,g.syncPartIdRef)(this,"aria-labelledby",t.titleEl,"skdx-floating-panel-content","title"),this.setAttribute("data-state",t.open?"open":"closed"),this.setAttribute("data-stage",t.stage),this.toggleAttribute("data-dragging",t.dragging),this.toggleAttribute("data-resizing",t.resizing),this.toggleAttribute("data-disabled",t.disabled);let i=t.boundary&&t.bounds,e=t.stage==="maximized"?{x:`${t.origin.x}px`,y:`${t.origin.y}px`,width:i?`${i.width}px`:"100%",height:i?`${i.height}px`:"100%"}:{x:`${t.origin.x+t.position.x}px`,y:`${t.origin.y+t.position.y}px`,width:`${t.size.width}px`,height:t.stage==="minimized"?"auto":`${t.size.height}px`};this.style.setProperty("--skdx-floating-panel-x",e.x),this.style.setProperty("--skdx-floating-panel-y",e.y),this.style.setProperty("--skdx-floating-panel-width",e.width),this.style.setProperty("--skdx-floating-panel-height",e.height),this.hidden=!t.open,t.open&&!this.releaseLayer?this.releaseLayer=(0,o.pushDismissLayer)(this.layer):!t.open&&this.releaseLayer&&(this.releaseLayer(),this.releaseLayer=void 0)}isInside(t){return this.contains(t)||!!this.root?.triggerEl?.contains(t)||(0,o.nestedLayerContains)(this.layer,t)}render(){return a.html`<slot></slot>`}};r.styles=[a.css`
       :host {
         display: block;
       }
-    `,f.hiddenHostStyles],r=u([(0,m.customElement)("skdx-floating-panel-content","floating-panel","content")],r);0&&(module.exports={SkdxFloatingPanelContent});
+    `,f.hiddenHostStyles],r=u([(0,y.customElement)("skdx-floating-panel-content","floating-panel","content")],r);0&&(module.exports={SkdxFloatingPanelContent});

package/dist/floating-panel/FloatingPanelContent.d.cts

@@ -11,6 +11,9 @@ import { LitElement, type TemplateResult } from 'lit';
 export declare class SkdxFloatingPanelContent extends LitElement {
     static styles: import("lit").CSSResult[];
     private root;
+    /** What counts as inside this layer: the panel and its trigger. */
+    private readonly layer;
+    private releaseLayer?;
     private readonly onRootUpdate;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/floating-panel/FloatingPanelContent.d.ts

@@ -11,6 +11,9 @@ import { LitElement, type TemplateResult } from 'lit';
 export declare class SkdxFloatingPanelContent extends LitElement {
     static styles: import("lit").CSSResult[];
     private root;
+    /** What counts as inside this layer: the panel and its trigger. */
+    private readonly layer;
+    private releaseLayer?;
     private readonly onRootUpdate;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/floating-panel/FloatingPanelContent.js

@@ -1,5 +1,5 @@
-var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var d=(s,o,t,e)=>{for(var i=e>1?void 0:e?p(o,t):o,r=s.length-1,a;r>=0;r--)(a=s[r])&&(i=(e?a(o,t,i):a(i))||i);return e&&i&&c(o,t,i),i};import{css as u,html as g,LitElement as m}from"lit";import{syncPartIdRef as f}from"../internal/aria-part.js";import{customElement as y}from"../internal/define.js";import{dispatchEscapeKeyDown as E,dispatchOutside as l,focusOutsideTarget as v}from"../internal/dismiss.js";import{hiddenHostStyles as x}from"../internal/styles.js";import{FLOATING_PANEL_FAMILY as h}from"./family.js";import{findFloatingPanel as b}from"./FloatingPanel.js";var w=".skdx-floating-panel__content, .skdx-floating-panel__trigger",n=class extends m{constructor(){super(...arguments);this.root=null;this.onRootUpdate=()=>this.syncHostState();this.handleDocumentKeyDown=t=>{if(t.key!=="Escape"||!this.root?.open)return;let e=t.target?.closest?.(w);e&&!this.isInside(e)||E(this,t)&&this.root.setOpen(!1)};this.handleOutsidePointerDown=t=>{let e=this.root;if(!e?.open)return;let i=t.target;!i||this.isInside(i)||l(this,"pointer-down-outside",t)&&e.setOpen(!1)};this.handleOutsideFocus=t=>{let e=this.root;if(!e?.open)return;let i=v(t);!i||this.contains(i)||e.triggerEl?.contains(i)||l(this,"focus-outside",t)}}connectedCallback(){if(super.connectedCallback(),this.root??(this.root=b(this)),!this.root)throw new Error("<skdx-floating-panel-content> must be used inside <skdx-floating-panel>.");this.root.contentEl=this,this.root.addEventListener(h.event,this.onRootUpdate),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown,!0),document.addEventListener("focusin",this.handleOutsideFocus,!0),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(h.event,this.onRootUpdate),this.root?.contentEl===this&&(this.root.contentEl=null),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown,!0),document.removeEventListener("focusin",this.handleOutsideFocus,!0),super.disconnectedCallback()}syncHostState(){let t=this.root;if(!t)return;this.id?t.contentId=this.id:this.id=t.contentId,this.setAttribute("role","dialog"),this.setAttribute("aria-modal","false"),f(this,"aria-labelledby",t.titleEl,"skdx-floating-panel-content","title"),this.setAttribute("data-state",t.open?"open":"closed"),this.setAttribute("data-stage",t.stage),this.toggleAttribute("data-dragging",t.dragging),this.toggleAttribute("data-resizing",t.resizing),this.toggleAttribute("data-disabled",t.disabled);let e=t.stage==="maximized"?{x:"0px",y:"0px",width:"100%",height:"100%"}:{x:`${t.position.x}px`,y:`${t.position.y}px`,width:`${t.size.width}px`,height:t.stage==="minimized"?"auto":`${t.size.height}px`};this.style.setProperty("--skdx-floating-panel-x",e.x),this.style.setProperty("--skdx-floating-panel-y",e.y),this.style.setProperty("--skdx-floating-panel-width",e.width),this.style.setProperty("--skdx-floating-panel-height",e.height),this.hidden=!t.open}isInside(t){return this.contains(t)||!!this.root?.triggerEl?.contains(t)}render(){return g`<slot></slot>`}};n.styles=[u`
+var c=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var d=(n,s,t,i)=>{for(var e=i>1?void 0:i?u(s,t):s,r=n.length-1,a;r>=0;r--)(a=n[r])&&(e=(i?a(s,t,e):a(e))||e);return i&&e&&c(s,t,e),e};import{css as g,html as y,LitElement as f}from"lit";import{syncPartIdRef as m}from"../internal/aria-part.js";import{customElement as v}from"../internal/define.js";import{dispatchEscapeKeyDown as E,dispatchOutside as l,focusOutsideTarget as x,nestedLayerContains as h,pushDismissLayer as L}from"../internal/dismiss.js";import{hiddenHostStyles as b}from"../internal/styles.js";import{FLOATING_PANEL_FAMILY as p}from"./family.js";import{findFloatingPanel as w}from"./FloatingPanel.js";var k=".skdx-floating-panel__content, .skdx-floating-panel__trigger",o=class extends f{constructor(){super(...arguments);this.root=null;this.layer={insideElements:()=>[this,this.root?.triggerEl]};this.onRootUpdate=()=>this.syncHostState();this.handleDocumentKeyDown=t=>{if(t.key!=="Escape"||!this.root?.open)return;let i=t.target?.closest?.(k);i&&!this.isInside(i)||E(this,t)&&this.root.setOpen(!1)};this.handleOutsidePointerDown=t=>{let i=this.root;if(!i?.open)return;let e=t.target;!e||this.isInside(e)||l(this,"pointer-down-outside",t)&&i.setOpen(!1)};this.handleOutsideFocus=t=>{let i=this.root;if(!i?.open)return;let e=x(t);!e||this.contains(e)||i.triggerEl?.contains(e)||h(this.layer,e)||l(this,"focus-outside",t)}}connectedCallback(){if(super.connectedCallback(),this.root??(this.root=w(this)),!this.root)throw new Error("<skdx-floating-panel-content> must be used inside <skdx-floating-panel>.");this.root.contentEl=this,this.root.addEventListener(p.event,this.onRootUpdate),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown,!0),document.addEventListener("focusin",this.handleOutsideFocus,!0),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(p.event,this.onRootUpdate),this.root?.contentEl===this&&(this.root.contentEl=null),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown,!0),this.releaseLayer?.(),this.releaseLayer=void 0,document.removeEventListener("focusin",this.handleOutsideFocus,!0),super.disconnectedCallback()}syncHostState(){let t=this.root;if(!t)return;this.id?t.contentId=this.id:this.id=t.contentId,this.setAttribute("role","dialog"),this.setAttribute("aria-modal","false"),m(this,"aria-labelledby",t.titleEl,"skdx-floating-panel-content","title"),this.setAttribute("data-state",t.open?"open":"closed"),this.setAttribute("data-stage",t.stage),this.toggleAttribute("data-dragging",t.dragging),this.toggleAttribute("data-resizing",t.resizing),this.toggleAttribute("data-disabled",t.disabled);let i=t.boundary&&t.bounds,e=t.stage==="maximized"?{x:`${t.origin.x}px`,y:`${t.origin.y}px`,width:i?`${i.width}px`:"100%",height:i?`${i.height}px`:"100%"}:{x:`${t.origin.x+t.position.x}px`,y:`${t.origin.y+t.position.y}px`,width:`${t.size.width}px`,height:t.stage==="minimized"?"auto":`${t.size.height}px`};this.style.setProperty("--skdx-floating-panel-x",e.x),this.style.setProperty("--skdx-floating-panel-y",e.y),this.style.setProperty("--skdx-floating-panel-width",e.width),this.style.setProperty("--skdx-floating-panel-height",e.height),this.hidden=!t.open,t.open&&!this.releaseLayer?this.releaseLayer=L(this.layer):!t.open&&this.releaseLayer&&(this.releaseLayer(),this.releaseLayer=void 0)}isInside(t){return this.contains(t)||!!this.root?.triggerEl?.contains(t)||h(this.layer,t)}render(){return y`<slot></slot>`}};o.styles=[g`
       :host {
         display: block;
       }
-    `,x],n=d([y("skdx-floating-panel-content","floating-panel","content")],n);export{n as SkdxFloatingPanelContent};
+    `,b],o=d([v("skdx-floating-panel-content","floating-panel","content")],o);export{o as SkdxFloatingPanelContent};

package/dist/gauge/Gauge.cjs

@@ -0,0 +1 @@
+"use strict";var g=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var m=(s,e)=>{for(var r in e)g(s,r,{get:e[r],enumerable:!0})},n=(s,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of d(e))!l.call(s,t)&&t!==r&&g(s,t,{get:()=>e[t],enumerable:!(o=c(e,t))||o.enumerable});return s};var i=s=>n(g({},"__esModule",{value:!0}),s);var x={};m(x,{SkdxGauge:()=>a});module.exports=i(x);var u=require("../progress/Progress.cjs"),a=class extends u.SkdxProgress{constructor(){super(),this.role="meter",this.circular=!0}};customElements.get("skdx-gauge")===void 0&&customElements.define("skdx-gauge",a);0&&(module.exports={SkdxGauge});

package/dist/gauge/Gauge.d.cts

@@ -0,0 +1,12 @@
+import { SkdxProgress } from '../progress/Progress.cjs';
+/**
+ * Gauge alias of <skdx-progress>: the same component with `role='meter'` and `circular=true` as defaults. Every attribute, property, event and slot of `<skdx-progress>` applies; reach for `<skdx-progress>` itself for full control.
+ */
+export declare class SkdxGauge extends SkdxProgress {
+    constructor();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-gauge': SkdxGauge;
+    }
+}

package/dist/gauge/Gauge.d.ts

@@ -0,0 +1,12 @@
+import { SkdxProgress } from '../progress/Progress.js';
+/**
+ * Gauge alias of <skdx-progress>: the same component with `role='meter'` and `circular=true` as defaults. Every attribute, property, event and slot of `<skdx-progress>` applies; reach for `<skdx-progress>` itself for full control.
+ */
+export declare class SkdxGauge extends SkdxProgress {
+    constructor();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-gauge': SkdxGauge;
+    }
+}

package/dist/gauge/Gauge.js

@@ -0,0 +1 @@
+import{SkdxProgress as s}from"../progress/Progress.js";var e=class extends s{constructor(){super(),this.role="meter",this.circular=!0}};customElements.get("skdx-gauge")===void 0&&customElements.define("skdx-gauge",e);export{e as SkdxGauge};

package/dist/gauge/index.cjs

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

package/dist/gauge/index.d.cts

@@ -0,0 +1 @@
+export { SkdxGauge } from './Gauge.cjs';

package/dist/gauge/index.d.ts

@@ -0,0 +1 @@
+export { SkdxGauge } from './Gauge.js';

package/dist/gauge/index.js

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

package/dist/grid/Grid.cjs

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

package/dist/grid/Grid.d.cts

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

package/dist/grid/Grid.d.ts

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

package/dist/grid/Grid.js

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

package/dist/grid/index.cjs

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

package/dist/grid/index.d.cts

@@ -0,0 +1 @@
+export { SkdxGrid } from './Grid.cjs';

package/dist/grid/index.d.ts

@@ -0,0 +1 @@
+export { SkdxGrid } from './Grid.js';

package/dist/grid/index.js

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