@skdx/web-components 0.29.0 → 0.31.0

package/dist/internal/styles.js

@@ -1,4 +1,4 @@
-import{css as o,LitElement as l,unsafeCSS as d}from"lit";var p={...l.shadowRootOptions,delegatesFocus:!0},h=`
+import{css as n,LitElement as l,unsafeCSS as h}from"lit";var u={...l.shadowRootOptions,delegatesFocus:!0},d=`
   appearance: none;
   background: none;
   border: 0;
@@ -8,17 +8,26 @@ import{css as o,LitElement as l,unsafeCSS as d}from"lit";var p={...l.shadowRootO
   color: inherit;
   text-align: inherit;
   cursor: inherit;
-`,S=o`
+  outline: none;
+`,f=n`
   button,
   input,
   select,
   textarea {
-    ${d(h)}
+    ${h(d)}
   }
-`,u=o`
+`,p=n`
   :host {
     position: relative;
   }
+  /* delegatesFocus never matches :focus-visible on the host itself (only on the
+     shadow-DOM control it forwards focus to), so the light-DOM reset in base.css
+     that keys off :focus-visible can't reach it; draw the ring here instead,
+     around the host's own padded box, keyed off the inner control's own state. */
+  :host:has(:focus-visible) {
+    outline: var(--skdx-focus-ring-width) solid var(--skdx-color-focus-ring);
+    outline-offset: var(--skdx-focus-ring-offset);
+  }
   :host > button,
   :host > a,
   :host > label {
@@ -29,6 +38,10 @@ import{css as o,LitElement as l,unsafeCSS as d}from"lit";var p={...l.shadowRootO
     flex: 1;
     align-self: stretch;
     min-width: 0;
+    /* The ring above draws on the host; the UA default ring on this inner
+       control (which resetNativeControl doesn't reach for a/label) would
+       otherwise double up, tight around its own unpadded box. */
+    outline: none;
   }
   :host > button::before,
   :host > a::before,
@@ -37,7 +50,7 @@ import{css as o,LitElement as l,unsafeCSS as d}from"lit";var p={...l.shadowRootO
     position: absolute;
     inset: 0;
   }
-`,f=o`
+`,S=n`
   span {
     display: inherit;
     align-items: inherit;
@@ -46,7 +59,7 @@ import{css as o,LitElement as l,unsafeCSS as d}from"lit";var p={...l.shadowRootO
     font: inherit;
     color: inherit;
   }
-`,b=o`
+`,b=n`
   :host([hidden]) {
     display: none;
   }
@@ -71,4 +84,4 @@ import{css as o,LitElement as l,unsafeCSS as d}from"lit";var p={...l.shadowRootO
   :host(skdx-table-expanded-row) {
     vertical-align: inherit;
   }
-`,a="data-skdx-inheritance",e;function x(t){let n=t.adoptedStyleSheets;if(e===void 0&&(e=null,typeof CSSStyleSheet=="function"&&n!==void 0))try{let s=new CSSStyleSheet;s.replaceSync(r),e=s}catch{}if(e!==null&&n!==void 0){if(n.includes(e))return;t.adoptedStyleSheets=[...n,e];return}if(t.querySelector(`style[${a}]`))return;let i=document.createElement("style");i.setAttribute(a,""),i.textContent=r,t.append(i)}export{h as NATIVE_CONTROL_RESET,x as adoptInheritanceStyles,u as controlBoxOnHost,p as delegatesFocusShadowRootOptions,b as hiddenHostStyles,f as partInheritsHostBox,S as resetNativeControl};
+`,a="data-skdx-inheritance",e;function x(t){let o=t.adoptedStyleSheets;if(e===void 0&&(e=null,typeof CSSStyleSheet=="function"&&o!==void 0))try{let s=new CSSStyleSheet;s.replaceSync(r),e=s}catch{}if(e!==null&&o!==void 0){if(o.includes(e))return;t.adoptedStyleSheets=[...o,e];return}if(t.querySelector(`style[${a}]`))return;let i=document.createElement("style");i.setAttribute(a,""),i.textContent=r,t.append(i)}export{d as NATIVE_CONTROL_RESET,x as adoptInheritanceStyles,p as controlBoxOnHost,u as delegatesFocusShadowRootOptions,b as hiddenHostStyles,S as partInheritsHostBox,f as resetNativeControl};

package/dist/label/Label.cjs

@@ -1 +1 @@
-"use strict";var a=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var y=(i,e)=>{for(var t in e)a(i,t,{get:e[t],enumerable:!0})},u=(i,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of c(e))!E.call(i,l)&&l!==t&&a(i,l,{get:()=>e[l],enumerable:!(r=d(e,l))||r.enumerable});return i};var v=i=>u(a({},"__esModule",{value:!0}),i),h=(i,e,t,r)=>{for(var l=r>1?void 0:r?d(e,t):e,o=i.length-1,n;o>=0;o--)(n=i[o])&&(l=(r?n(e,t,l):n(l))||l);return r&&l&&a(e,t,l),l};var g={};y(g,{SkdxLabel:()=>s});module.exports=v(g);var p=require("lit"),m=require("lit/decorators.js"),b=require("../internal/define.cjs"),f=require("../internal/light-dom-styles.cjs");var s=class extends p.LitElement{constructor(){super(...arguments);this.labelEl=document.createElement("label")}createRenderRoot(){return this}connectedCallback(){if(super.connectedCallback(),(0,f.installLightDomStyles)(),!this.labelEl.isConnected){for(this.labelEl.setAttribute("part","label"),this.labelEl.style.display="inherit",this.labelEl.style.alignItems="inherit",this.labelEl.style.justifyContent="inherit",this.labelEl.style.gap="inherit",this.labelEl.addEventListener("mousedown",t=>{!t.defaultPrevented&&t.detail>1&&t.preventDefault()});this.firstChild;)this.labelEl.append(this.firstChild);this.append(this.labelEl)}this.syncFor()}updated(t){t.has("for")&&this.syncFor()}syncFor(){this.for?this.labelEl.setAttribute("for",this.for):this.labelEl.removeAttribute("for")}};h([(0,m.property)({type:String})],s.prototype,"for",2),s=h([(0,b.customElement)("skdx-label","label","root")],s);0&&(module.exports={SkdxLabel});
+"use strict";var n=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var g=(i,l)=>{for(var e in l)n(i,e,{get:l[e],enumerable:!0})},L=(i,l,e,r)=>{if(l&&typeof l=="object"||typeof l=="function")for(let t of y(l))!v.call(i,t)&&t!==e&&n(i,t,{get:()=>l[t],enumerable:!(r=h(l,t))||r.enumerable});return i};var T=i=>L(n({},"__esModule",{value:!0}),i),d=(i,l,e,r)=>{for(var t=r>1?void 0:r?h(l,e):l,a=i.length-1,s;a>=0;a--)(s=i[a])&&(t=(r?s(l,e,t):s(t))||t);return r&&t&&n(l,e,t),t};var C={};g(C,{SkdxLabel:()=>o});module.exports=T(C);var c=require("lit"),u=require("lit/decorators.js"),m=require("../internal/define.cjs"),f=require("../internal/dev-mode.cjs"),E=require("../internal/ids.cjs"),p=require("../internal/light-dom-styles.cjs");var b='[contenteditable], input:not([type="hidden"]), textarea, select, button, [tabindex]',o=class extends c.LitElement{constructor(){super(...arguments);this.labelEl=document.createElement("label");this.ownLabelledEl=null;this.handleLabelClick=()=>{if(!this.for)return;let e=this.resolveTarget(this.for);e&&this.controlFor(e)?.focus()}}createRenderRoot(){return this}connectedCallback(){if(super.connectedCallback(),(0,p.installLightDomStyles)(),!this.labelEl.isConnected){for(this.labelEl.setAttribute("part","label"),this.labelEl.style.display="inherit",this.labelEl.style.alignItems="inherit",this.labelEl.style.justifyContent="inherit",this.labelEl.style.gap="inherit",this.labelEl.addEventListener("mousedown",e=>{!e.defaultPrevented&&e.detail>1&&e.preventDefault()}),this.labelEl.addEventListener("click",this.handleLabelClick);this.firstChild;)this.labelEl.append(this.firstChild);this.append(this.labelEl)}this.syncFor()}updated(e){if(!e.has("for"))return;this.syncFor();let r=this.for;queueMicrotask(()=>this.syncTargetLabelling(r))}syncFor(){this.for?this.labelEl.setAttribute("for",this.for):this.labelEl.removeAttribute("for")}resolveTarget(e){return this.getRootNode().getElementById(e)}controlFor(e){return!e.tagName.includes("-")||e.matches(b)?null:e.querySelector(b)}syncTargetLabelling(e){if(this.ownLabelledEl&&(this.ownLabelledEl.removeAttribute("aria-labelledby"),this.ownLabelledEl=null),!e||e!==this.for)return;let r=this.resolveTarget(e);if(!r){(0,f.isDevMode)()&&console.warn(`<skdx-label for="${e}"> does not match any element id.`);return}let t=this.controlFor(r);!t||t.hasAttribute("aria-labelledby")||t.hasAttribute("aria-label")||(t.setAttribute("aria-labelledby",(0,E.ensureId)(this.labelEl,"skdx-label","label")),this.ownLabelledEl=t)}};d([(0,u.property)({type:String})],o.prototype,"for",2),o=d([(0,m.customElement)("skdx-label","label","root")],o);0&&(module.exports={SkdxLabel});

package/dist/label/Label.d.cts

@@ -18,9 +18,15 @@ export declare class SkdxLabel extends LitElement {
      */
     for?: string;
     private readonly labelEl;
+    /** The element this label wrote `aria-labelledby` onto, so a `for` change clears only what it put there. */
+    private ownLabelledEl;
     connectedCallback(): void;
     protected updated(changed: PropertyValues): void;
     private syncFor;
+    private resolveTarget;
+    private controlFor;
+    private readonly handleLabelClick;
+    private syncTargetLabelling;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/label/Label.d.ts

@@ -18,9 +18,15 @@ export declare class SkdxLabel extends LitElement {
      */
     for?: string;
     private readonly labelEl;
+    /** The element this label wrote `aria-labelledby` onto, so a `for` change clears only what it put there. */
+    private ownLabelledEl;
     connectedCallback(): void;
     protected updated(changed: PropertyValues): void;
     private syncFor;
+    private resolveTarget;
+    private controlFor;
+    private readonly handleLabelClick;
+    private syncTargetLabelling;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/label/Label.js

@@ -1 +1 @@
-var h=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var n=(s,l,e,r)=>{for(var t=r>1?void 0:r?d(l,e):l,a=s.length-1,o;a>=0;a--)(o=s[a])&&(t=(r?o(l,e,t):o(t))||t);return r&&t&&h(l,e,t),t};import{LitElement as p}from"lit";import{property as m}from"lit/decorators.js";import{customElement as b}from"../internal/define.js";import{installLightDomStyles as f}from"../internal/light-dom-styles.js";var i=class extends p{constructor(){super(...arguments);this.labelEl=document.createElement("label")}createRenderRoot(){return this}connectedCallback(){if(super.connectedCallback(),f(),!this.labelEl.isConnected){for(this.labelEl.setAttribute("part","label"),this.labelEl.style.display="inherit",this.labelEl.style.alignItems="inherit",this.labelEl.style.justifyContent="inherit",this.labelEl.style.gap="inherit",this.labelEl.addEventListener("mousedown",e=>{!e.defaultPrevented&&e.detail>1&&e.preventDefault()});this.firstChild;)this.labelEl.append(this.firstChild);this.append(this.labelEl)}this.syncFor()}updated(e){e.has("for")&&this.syncFor()}syncFor(){this.for?this.labelEl.setAttribute("for",this.for):this.labelEl.removeAttribute("for")}};n([m({type:String})],i.prototype,"for",2),i=n([b("skdx-label","label","root")],i);export{i as SkdxLabel};
+var h=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var s=(o,r,e,l)=>{for(var t=l>1?void 0:l?b(r,e):r,n=o.length-1,a;n>=0;n--)(a=o[n])&&(t=(l?a(r,e,t):a(t))||t);return l&&t&&h(r,e,t),t};import{LitElement as c}from"lit";import{property as u}from"lit/decorators.js";import{customElement as m}from"../internal/define.js";import{isDevMode as f}from"../internal/dev-mode.js";import{ensureId as E}from"../internal/ids.js";import{installLightDomStyles as p}from"../internal/light-dom-styles.js";var d='[contenteditable], input:not([type="hidden"]), textarea, select, button, [tabindex]',i=class extends c{constructor(){super(...arguments);this.labelEl=document.createElement("label");this.ownLabelledEl=null;this.handleLabelClick=()=>{if(!this.for)return;let e=this.resolveTarget(this.for);e&&this.controlFor(e)?.focus()}}createRenderRoot(){return this}connectedCallback(){if(super.connectedCallback(),p(),!this.labelEl.isConnected){for(this.labelEl.setAttribute("part","label"),this.labelEl.style.display="inherit",this.labelEl.style.alignItems="inherit",this.labelEl.style.justifyContent="inherit",this.labelEl.style.gap="inherit",this.labelEl.addEventListener("mousedown",e=>{!e.defaultPrevented&&e.detail>1&&e.preventDefault()}),this.labelEl.addEventListener("click",this.handleLabelClick);this.firstChild;)this.labelEl.append(this.firstChild);this.append(this.labelEl)}this.syncFor()}updated(e){if(!e.has("for"))return;this.syncFor();let l=this.for;queueMicrotask(()=>this.syncTargetLabelling(l))}syncFor(){this.for?this.labelEl.setAttribute("for",this.for):this.labelEl.removeAttribute("for")}resolveTarget(e){return this.getRootNode().getElementById(e)}controlFor(e){return!e.tagName.includes("-")||e.matches(d)?null:e.querySelector(d)}syncTargetLabelling(e){if(this.ownLabelledEl&&(this.ownLabelledEl.removeAttribute("aria-labelledby"),this.ownLabelledEl=null),!e||e!==this.for)return;let l=this.resolveTarget(e);if(!l){f()&&console.warn(`<skdx-label for="${e}"> does not match any element id.`);return}let t=this.controlFor(l);!t||t.hasAttribute("aria-labelledby")||t.hasAttribute("aria-label")||(t.setAttribute("aria-labelledby",E(this.labelEl,"skdx-label","label")),this.ownLabelledEl=t)}};s([u({type:String})],i.prototype,"for",2),i=s([m("skdx-label","label","root")],i);export{i as SkdxLabel};

package/dist/list/ListItem.cjs

@@ -1,27 +1,32 @@
-"use strict";var r=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var g=(o,t)=>{for(var s in t)r(o,s,{get:t[s],enumerable:!0})},x=(o,t,s,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of y(t))!k.call(o,e)&&e!==s&&r(o,e,{get:()=>t[e],enumerable:!(n=h(t,e))||n.enumerable});return o};var b=o=>x(r({},"__esModule",{value:!0}),o),d=(o,t,s,n)=>{for(var e=n>1?void 0:n?h(t,s):t,a=o.length-1,c;a>=0;a--)(c=o[a])&&(e=(n?c(t,s,e):c(e))||e);return n&&e&&r(t,s,e),e};var $={};g($,{SkdxListItem:()=>l});module.exports=b($);var i=require("lit"),p=require("lit/decorators.js"),u=require("../internal/define.cjs"),v=require("../internal/styles.cjs"),f=require("../list-item/ListItemAnatomy.cjs");var[m]=f.LIST_ITEM_RENDER_SLOTS,l=class extends i.LitElement{constructor(){super(...arguments);this.list=null;this.onIconSlotChange=()=>this.requestUpdate()}connectedCallback(){super.connectedCallback(),this.list=this.closest("skdx-list"),this.setAttribute("role","listitem")}render(){let s=this.querySelector(`:scope > [slot="${m}"]`)!==null,n=s?void 0:this.list?.getDefaultIcon(),e=s||n!==void 0;return i.html`<li
+"use strict";var r=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var k=(o,e)=>{for(var i in e)r(o,i,{get:e[i],enumerable:!0})},x=(o,e,i,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of f(e))!g.call(o,t)&&t!==i&&r(o,t,{get:()=>e[t],enumerable:!(n=m(e,t))||n.enumerable});return o};var b=o=>x(r({},"__esModule",{value:!0}),o),d=(o,e,i,n)=>{for(var t=n>1?void 0:n?m(e,i):e,a=o.length-1,c;a>=0;a--)(c=o[a])&&(t=(n?c(e,i,t):c(t))||t);return n&&t&&r(e,i,t),t};var T={};k(T,{SkdxListItem:()=>l});module.exports=b(T);var s=require("lit"),p=require("lit/decorators.js"),u=require("../internal/define.cjs"),y=require("../internal/styles.cjs"),v=require("../list-item/ListItemAnatomy.cjs");var[h]=v.LIST_ITEM_RENDER_SLOTS,l=class extends s.LitElement{constructor(){super(...arguments);this.list=null;this.onIconSlotChange=()=>this.requestUpdate()}connectedCallback(){super.connectedCallback(),this.list=this.closest("skdx-list"),this.setAttribute("role","listitem")}render(){let i=this.querySelector(`:scope > [slot="${h}"]`)!==null,n=i?void 0:this.list?.getDefaultIcon(),t=i||n!==void 0;return s.html`<li
       part="item"
       role="presentation"
-      value=${this.value??i.nothing}
-      style=${e?"list-style: none":i.nothing}
+      value=${this.value??s.nothing}
+      style=${t?"list-style: none":s.nothing}
     >
-      ${e?i.html`<span part="indicator"
+      ${t?s.html`<span part="indicator"
               ><slot
-                name=${m}
+                name=${h}
                 @slotchange=${this.onIconSlotChange}
                 >${n}</slot
               ></span
-            >`:i.html`<slot
-              name=${m}
+            >`:s.html`<slot
+              name=${h}
               @slotchange=${this.onIconSlotChange}
               hidden
             ></slot>`}<slot></slot>
-    </li>`}};l.styles=[v.hiddenHostStyles,i.css`
+    </li>`}};l.styles=[y.hiddenHostStyles,s.css`
       :host {
         display: contents;
       }
       li {
         font: inherit;
         color: inherit;
+        /* The host is display: contents, so this <li> is the actual flex item
+           the List's column layout stretches — without a width it shrinks to
+           its content instead, wrapping every item into a narrow column. */
+        width: 100%;
+        box-sizing: border-box;
       }
       li::marker {
         color: var(--skdx-list-marker-color, currentColor);

package/dist/list/ListItem.js

@@ -1,27 +1,32 @@
-var h=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var a=(n,i,o,t)=>{for(var e=t>1?void 0:t?p(i,o):i,l=n.length-1,r;l>=0;l--)(r=n[l])&&(e=(t?r(i,o,e):r(e))||e);return t&&e&&h(i,o,e),e};import{css as u,html as c,LitElement as v,nothing as m}from"lit";import{property as f}from"lit/decorators.js";import{customElement as y}from"../internal/define.js";import{hiddenHostStyles as k}from"../internal/styles.js";import{LIST_ITEM_RENDER_SLOTS as g}from"../list-item/ListItemAnatomy.js";var[d]=g,s=class extends v{constructor(){super(...arguments);this.list=null;this.onIconSlotChange=()=>this.requestUpdate()}connectedCallback(){super.connectedCallback(),this.list=this.closest("skdx-list"),this.setAttribute("role","listitem")}render(){let o=this.querySelector(`:scope > [slot="${d}"]`)!==null,t=o?void 0:this.list?.getDefaultIcon(),e=o||t!==void 0;return c`<li
+var m=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var a=(n,s,o,e)=>{for(var t=e>1?void 0:e?p(s,o):s,l=n.length-1,r;l>=0;l--)(r=n[l])&&(t=(e?r(s,o,t):r(t))||t);return e&&t&&m(s,o,t),t};import{css as u,html as c,LitElement as y,nothing as h}from"lit";import{property as v}from"lit/decorators.js";import{customElement as f}from"../internal/define.js";import{hiddenHostStyles as g}from"../internal/styles.js";import{LIST_ITEM_RENDER_SLOTS as k}from"../list-item/ListItemAnatomy.js";var[d]=k,i=class extends y{constructor(){super(...arguments);this.list=null;this.onIconSlotChange=()=>this.requestUpdate()}connectedCallback(){super.connectedCallback(),this.list=this.closest("skdx-list"),this.setAttribute("role","listitem")}render(){let o=this.querySelector(`:scope > [slot="${d}"]`)!==null,e=o?void 0:this.list?.getDefaultIcon(),t=o||e!==void 0;return c`<li
       part="item"
       role="presentation"
-      value=${this.value??m}
-      style=${e?"list-style: none":m}
+      value=${this.value??h}
+      style=${t?"list-style: none":h}
     >
-      ${e?c`<span part="indicator"
+      ${t?c`<span part="indicator"
               ><slot
                 name=${d}
                 @slotchange=${this.onIconSlotChange}
-                >${t}</slot
+                >${e}</slot
               ></span
             >`:c`<slot
               name=${d}
               @slotchange=${this.onIconSlotChange}
               hidden
             ></slot>`}<slot></slot>
-    </li>`}};s.styles=[k,u`
+    </li>`}};i.styles=[g,u`
       :host {
         display: contents;
       }
       li {
         font: inherit;
         color: inherit;
+        /* The host is display: contents, so this <li> is the actual flex item
+           the List's column layout stretches — without a width it shrinks to
+           its content instead, wrapping every item into a narrow column. */
+        width: 100%;
+        box-sizing: border-box;
       }
       li::marker {
         color: var(--skdx-list-marker-color, currentColor);
@@ -37,4 +42,4 @@ var h=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var a=(n,i,o,t
         margin-inline-end: var(--skdx-space-2, 0.5em);
         color: var(--skdx-list-marker-color, currentColor);
       }
-    `],a([f({type:Number})],s.prototype,"value",2),s=a([y("skdx-list-item","list","item")],s);export{s as SkdxListItem};
+    `],a([v({type:Number})],i.prototype,"value",2),i=a([f("skdx-list-item","list","item")],i);export{i as SkdxListItem};

package/dist/loading-overlay/LoadingOverlayBackdrop.cjs

@@ -1,4 +1,4 @@
-"use strict";var a=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var y=(o,t)=>{for(var s in t)a(o,s,{get:t[s],enumerable:!0})},g=(o,t,s,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of b(t))!f.call(o,e)&&e!==s&&a(o,e,{get:()=>t[e],enumerable:!(i=p(t,e))||i.enumerable});return o};var E=o=>g(a({},"__esModule",{value:!0}),o),c=(o,t,s,i)=>{for(var e=i>1?void 0:i?p(t,s):t,d=o.length-1,n;d>=0;d--)(n=o[d])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&a(t,s,e),e};var k={};y(k,{SkdxLoadingOverlayBackdrop:()=>r});module.exports=E(k);var l=require("lit"),m=require("lit/decorators.js"),u=require("../internal/define.cjs"),v=require("../internal/styles.cjs"),h=require("./LoadingOverlay.cjs");var r=class extends l.LitElement{constructor(){super(...arguments);this.root=null;this.onRootUpdate=()=>this.syncHostState()}connectedCallback(){if(super.connectedCallback(),this.root=this.closest("skdx-loading-overlay"),!this.root)throw new Error("<skdx-loading-overlay-backdrop> must be used inside <skdx-loading-overlay>.");this.setAttribute("aria-hidden","true"),this.root.addEventListener(h.LOADING_OVERLAY_UPDATE_EVENT,this.onRootUpdate),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(h.LOADING_OVERLAY_UPDATE_EVENT,this.onRootUpdate),super.disconnectedCallback()}syncHostState(){let s=this.root?.effectiveVisible??!1;this.setAttribute("data-state",s?"visible":"hidden"),this.toggleAttribute("data-full-screen",this.root?.fullScreen??!1),this.hidden=!s}render(){return l.html`<slot></slot>`}};r.styles=[v.hiddenHostStyles,l.css`
+"use strict";var a=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var y=(o,t)=>{for(var s in t)a(o,s,{get:t[s],enumerable:!0})},g=(o,t,s,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of b(t))!f.call(o,e)&&e!==s&&a(o,e,{get:()=>t[e],enumerable:!(i=p(t,e))||i.enumerable});return o};var k=o=>g(a({},"__esModule",{value:!0}),o),c=(o,t,s,i)=>{for(var e=i>1?void 0:i?p(t,s):t,d=o.length-1,n;d>=0;d--)(n=o[d])&&(e=(i?n(t,s,e):n(e))||e);return i&&e&&a(t,s,e),e};var E={};y(E,{SkdxLoadingOverlayBackdrop:()=>r});module.exports=k(E);var l=require("lit"),m=require("lit/decorators.js"),u=require("../internal/define.cjs"),v=require("../internal/styles.cjs"),h=require("./LoadingOverlay.cjs");var r=class extends l.LitElement{constructor(){super(...arguments);this.root=null;this.onRootUpdate=()=>this.syncHostState()}connectedCallback(){if(super.connectedCallback(),this.root=this.closest("skdx-loading-overlay, skdx-backdrop"),!this.root)throw new Error("<skdx-loading-overlay-backdrop> must be used inside <skdx-loading-overlay>.");this.setAttribute("aria-hidden","true"),this.root.addEventListener(h.LOADING_OVERLAY_UPDATE_EVENT,this.onRootUpdate),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(h.LOADING_OVERLAY_UPDATE_EVENT,this.onRootUpdate),super.disconnectedCallback()}syncHostState(){let s=this.root?.effectiveVisible??!1;this.setAttribute("data-state",s?"visible":"hidden"),this.toggleAttribute("data-full-screen",this.root?.fullScreen??!1),this.hidden=!s}render(){return l.html`<slot></slot>`}};r.styles=[v.hiddenHostStyles,l.css`
       :host {
         display: block;
       }

package/dist/loading-overlay/LoadingOverlayBackdrop.js

@@ -1,4 +1,4 @@
-var c=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var d=(r,s,e,i)=>{for(var t=i>1?void 0:i?h(s,e):s,l=r.length-1,a;l>=0;l--)(a=r[l])&&(t=(i?a(s,e,t):a(t))||t);return i&&t&&c(s,e,t),t};import{css as p,html as m,LitElement as u}from"lit";import{property as v}from"lit/decorators.js";import{customElement as b}from"../internal/define.js";import{hiddenHostStyles as f}from"../internal/styles.js";import{LOADING_OVERLAY_UPDATE_EVENT as n}from"./LoadingOverlay.js";var o=class extends u{constructor(){super(...arguments);this.root=null;this.onRootUpdate=()=>this.syncHostState()}connectedCallback(){if(super.connectedCallback(),this.root=this.closest("skdx-loading-overlay"),!this.root)throw new Error("<skdx-loading-overlay-backdrop> must be used inside <skdx-loading-overlay>.");this.setAttribute("aria-hidden","true"),this.root.addEventListener(n,this.onRootUpdate),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(n,this.onRootUpdate),super.disconnectedCallback()}syncHostState(){let e=this.root?.effectiveVisible??!1;this.setAttribute("data-state",e?"visible":"hidden"),this.toggleAttribute("data-full-screen",this.root?.fullScreen??!1),this.hidden=!e}render(){return m`<slot></slot>`}};o.styles=[f,p`
+var c=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var d=(r,s,e,i)=>{for(var t=i>1?void 0:i?h(s,e):s,l=r.length-1,a;l>=0;l--)(a=r[l])&&(t=(i?a(s,e,t):a(t))||t);return i&&t&&c(s,e,t),t};import{css as p,html as m,LitElement as u}from"lit";import{property as v}from"lit/decorators.js";import{customElement as b}from"../internal/define.js";import{hiddenHostStyles as f}from"../internal/styles.js";import{LOADING_OVERLAY_UPDATE_EVENT as n}from"./LoadingOverlay.js";var o=class extends u{constructor(){super(...arguments);this.root=null;this.onRootUpdate=()=>this.syncHostState()}connectedCallback(){if(super.connectedCallback(),this.root=this.closest("skdx-loading-overlay, skdx-backdrop"),!this.root)throw new Error("<skdx-loading-overlay-backdrop> must be used inside <skdx-loading-overlay>.");this.setAttribute("aria-hidden","true"),this.root.addEventListener(n,this.onRootUpdate),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(n,this.onRootUpdate),super.disconnectedCallback()}syncHostState(){let e=this.root?.effectiveVisible??!1;this.setAttribute("data-state",e?"visible":"hidden"),this.toggleAttribute("data-full-screen",this.root?.fullScreen??!1),this.hidden=!e}render(){return m`<slot></slot>`}};o.styles=[f,p`
       :host {
         display: block;
       }

package/dist/loading-overlay/LoadingOverlayContent.cjs

@@ -1,4 +1,4 @@
-"use strict";var a=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var y=(o,t)=>{for(var s in t)a(o,s,{get:t[s],enumerable:!0})},f=(o,t,s,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of u(t))!b.call(o,e)&&e!==s&&a(o,e,{get:()=>t[e],enumerable:!(i=p(t,e))||i.enumerable});return o};var g=o=>f(a({},"__esModule",{value:!0}),o),h=(o,t,s,i)=>{for(var e=i>1?void 0:i?p(t,s):t,n=o.length-1,d;n>=0;n--)(d=o[n])&&(e=(i?d(t,s,e):d(e))||e);return i&&e&&a(t,s,e),e};var k={};y(k,{SkdxLoadingOverlayContent:()=>r});module.exports=g(k);var l=require("lit"),v=require("../internal/define.cjs"),m=require("../internal/styles.cjs"),x=require("../spinner/Spinner.cjs"),c=require("./LoadingOverlay.cjs");var r=class extends l.LitElement{constructor(){super(...arguments);this.root=null;this.onRootUpdate=()=>{this.syncHostState(),this.requestUpdate()}}connectedCallback(){if(super.connectedCallback(),this.root=this.closest("skdx-loading-overlay"),!this.root)throw new Error("<skdx-loading-overlay-content> must be used inside <skdx-loading-overlay>.");this.root.addEventListener(c.LOADING_OVERLAY_UPDATE_EVENT,this.onRootUpdate),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(c.LOADING_OVERLAY_UPDATE_EVENT,this.onRootUpdate),super.disconnectedCallback()}syncHostState(){let s=this.root?.effectiveVisible??!1;this.setAttribute("data-state",s?"visible":"hidden"),this.toggleAttribute("data-full-screen",this.root?.fullScreen??!1),this.hidden=!s}render(){return l.html`<slot part="content"
+"use strict";var a=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var y=(o,t)=>{for(var s in t)a(o,s,{get:t[s],enumerable:!0})},k=(o,t,s,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of b(t))!u.call(o,e)&&e!==s&&a(o,e,{get:()=>t[e],enumerable:!(i=p(t,e))||i.enumerable});return o};var f=o=>k(a({},"__esModule",{value:!0}),o),h=(o,t,s,i)=>{for(var e=i>1?void 0:i?p(t,s):t,n=o.length-1,d;n>=0;n--)(d=o[n])&&(e=(i?d(t,s,e):d(e))||e);return i&&e&&a(t,s,e),e};var g={};y(g,{SkdxLoadingOverlayContent:()=>r});module.exports=f(g);var l=require("lit"),v=require("../internal/define.cjs"),m=require("../internal/styles.cjs"),x=require("../spinner/Spinner.cjs"),c=require("./LoadingOverlay.cjs");var r=class extends l.LitElement{constructor(){super(...arguments);this.root=null;this.onRootUpdate=()=>{this.syncHostState(),this.requestUpdate()}}connectedCallback(){if(super.connectedCallback(),this.root=this.closest("skdx-loading-overlay, skdx-backdrop"),!this.root)throw new Error("<skdx-loading-overlay-content> must be used inside <skdx-loading-overlay>.");this.root.addEventListener(c.LOADING_OVERLAY_UPDATE_EVENT,this.onRootUpdate),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(c.LOADING_OVERLAY_UPDATE_EVENT,this.onRootUpdate),super.disconnectedCallback()}syncHostState(){let s=this.root?.effectiveVisible??!1;this.setAttribute("data-state",s?"visible":"hidden"),this.toggleAttribute("data-full-screen",this.root?.fullScreen??!1),this.hidden=!s}render(){return l.html`<slot part="content"
       ><skdx-spinner label=${this.root?.loadingLabel??"Loading"}></skdx-spinner
     ></slot>`}};r.styles=[m.hiddenHostStyles,l.css`
       :host {

package/dist/loading-overlay/LoadingOverlayContent.js

@@ -1,7 +1,7 @@
-var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var n=(r,o,e,i)=>{for(var t=i>1?void 0:i?p(o,e):o,l=r.length-1,a;l>=0;l--)(a=r[l])&&(t=(i?a(o,e,t):a(t))||t);return i&&t&&c(o,e,t),t};import{css as h,html as v,LitElement as m}from"lit";import{customElement as u}from"../internal/define.js";import{hiddenHostStyles as b}from"../internal/styles.js";import"../spinner/Spinner.js";import{LOADING_OVERLAY_UPDATE_EVENT as d}from"./LoadingOverlay.js";var s=class extends m{constructor(){super(...arguments);this.root=null;this.onRootUpdate=()=>{this.syncHostState(),this.requestUpdate()}}connectedCallback(){if(super.connectedCallback(),this.root=this.closest("skdx-loading-overlay"),!this.root)throw new Error("<skdx-loading-overlay-content> must be used inside <skdx-loading-overlay>.");this.root.addEventListener(d,this.onRootUpdate),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(d,this.onRootUpdate),super.disconnectedCallback()}syncHostState(){let e=this.root?.effectiveVisible??!1;this.setAttribute("data-state",e?"visible":"hidden"),this.toggleAttribute("data-full-screen",this.root?.fullScreen??!1),this.hidden=!e}render(){return v`<slot part="content"
+var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var n=(r,o,e,i)=>{for(var t=i>1?void 0:i?p(o,e):o,l=r.length-1,a;l>=0;l--)(a=r[l])&&(t=(i?a(o,e,t):a(t))||t);return i&&t&&c(o,e,t),t};import{css as h,html as v,LitElement as m}from"lit";import{customElement as b}from"../internal/define.js";import{hiddenHostStyles as u}from"../internal/styles.js";import"../spinner/Spinner.js";import{LOADING_OVERLAY_UPDATE_EVENT as d}from"./LoadingOverlay.js";var s=class extends m{constructor(){super(...arguments);this.root=null;this.onRootUpdate=()=>{this.syncHostState(),this.requestUpdate()}}connectedCallback(){if(super.connectedCallback(),this.root=this.closest("skdx-loading-overlay, skdx-backdrop"),!this.root)throw new Error("<skdx-loading-overlay-content> must be used inside <skdx-loading-overlay>.");this.root.addEventListener(d,this.onRootUpdate),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(d,this.onRootUpdate),super.disconnectedCallback()}syncHostState(){let e=this.root?.effectiveVisible??!1;this.setAttribute("data-state",e?"visible":"hidden"),this.toggleAttribute("data-full-screen",this.root?.fullScreen??!1),this.hidden=!e}render(){return v`<slot part="content"
       ><skdx-spinner label=${this.root?.loadingLabel??"Loading"}></skdx-spinner
-    ></slot>`}};s.styles=[b,h`
+    ></slot>`}};s.styles=[u,h`
       :host {
         display: block;
       }
-    `],s=n([u("skdx-loading-overlay-content","loading-overlay","content")],s);export{s as SkdxLoadingOverlayContent};
+    `],s=n([b("skdx-loading-overlay-content","loading-overlay","content")],s);export{s as SkdxLoadingOverlayContent};

package/dist/mentions/MentionsContent.cjs

@@ -1,4 +1,4 @@
-"use strict";var h=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var L=Object.prototype.hasOwnProperty;var O=(n,i)=>{for(var t in i)h(n,t,{get:i[t],enumerable:!0})},D=(n,i,t,e)=>{if(i&&typeof i=="object"||typeof i=="function")for(let s of E(i))!L.call(n,s)&&s!==t&&h(n,s,{get:()=>i[s],enumerable:!(e=m(i,s))||e.enumerable});return n};var P=n=>D(h({},"__esModule",{value:!0}),n),a=(n,i,t,e)=>{for(var s=e>1?void 0:e?m(i,t):i,p=n.length-1,v;p>=0;p--)(v=n[p])&&(s=(e?v(i,t,s):v(s))||s);return e&&s&&h(i,t,s),s};var w={};O(w,{SkdxMentionsContent:()=>o});module.exports=P(w);var l=require("lit"),d=require("lit/decorators.js"),f=require("../internal/closest.cjs"),y=require("../internal/define.cjs"),r=require("../internal/dismiss.cjs"),b=require("../internal/mentions.cjs"),c=require("../internal/positioning.cjs"),g=require("../internal/styles.cjs"),u=require("./family.cjs");var o=class extends l.LitElement{constructor(){super(...arguments);this.side="bottom";this.align="start";this.sideOffset=4;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.root=null;this.layer={insideElements:()=>[this,this.root]};this.lastToken=null;this.onRootUpdate=()=>{this.syncHostState();let t=this.root?.token,e=t?`${t.start}:${t.end}`:null;e!==this.lastToken&&(this.lastToken=e,this.position?.update())};this.reposition=()=>this.position?.update();this.preventFocusSteal=t=>t.preventDefault();this.handleEscape=t=>{(0,r.dispatchEscapeKeyDown)(this,t)&&this.root?.dismiss()};this.handleDocumentKeyDown=t=>{this.root?.open&&(0,r.handleEscapeKeyDown)(t,this.layer,this.handleEscape)};this.handleOutsidePointerDown=t=>{!this.root?.open||this.isInside(t.target)||(0,r.dispatchOutside)(this,"pointer-down-outside",t)&&this.root.setOpen(!1)};this.handleOutsideFocus=t=>{if(!this.root?.open)return;let e=(0,r.focusOutsideTarget)(t);e===null||this.isInside(e)||(0,r.dispatchOutside)(this,"focus-outside",t)&&this.root.setOpen(!1)}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listbox"),this.root=(0,f.closestThroughPortal)(this,u.MENTIONS_FAMILY.selector),this.root&&(this.root.contentEl=this),this.root?.addEventListener(u.MENTIONS_FAMILY.event,this.onRootUpdate),this.addEventListener("mousedown",this.preventFocusSteal),document.addEventListener("keydown",this.handleDocumentKeyDown,!0),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),document.addEventListener("scroll",this.reposition,!0),this.root&&(this.id?this.root.contentId=this.id:this.id=this.root.contentId),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(u.MENTIONS_FAMILY.event,this.onRootUpdate),this.root?.contentEl===this&&(this.root.contentEl=null),this.removeEventListener("mousedown",this.preventFocusSteal),document.removeEventListener("keydown",this.handleDocumentKeyDown,!0),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),document.removeEventListener("scroll",this.reposition,!0),this.deactivate(),this.releaseLayer?.(),this.releaseLayer=void 0,super.disconnectedCallback()}isInside(t){return t?this.contains(t)||this.root?.contains(t)===!0:!1}syncStateAttributes(t){this.setAttribute("data-state",t?"open":"closed"),this.setAttribute("data-side",this.side??"bottom"),this.setAttribute("data-align",this.align??"start");let e=this.root?.token?.trigger;e?this.setAttribute("data-trigger",e):this.removeAttribute("data-trigger"),this.root?.loading?(this.setAttribute("aria-busy","true"),this.setAttribute("data-loading","")):(this.removeAttribute("aria-busy"),this.removeAttribute("data-loading"))}syncDismissLayer(t){t&&!this.releaseLayer?this.releaseLayer=(0,r.pushDismissLayer)(this.layer):!t&&this.releaseLayer&&(this.releaseLayer(),this.releaseLayer=void 0)}syncHostState(){let t=this.root?.open??!1;this.syncStateAttributes(t),this.hidden=!t,this.syncDismissLayer(t),t?this.activate():this.deactivate()}activate(){let t=this.root,e=t?.inputHost?.field;this.position||!t||!e||(this.position=(0,c.positionFloating)((0,b.caretAnchor)(()=>t.measureCaret(),e),this,{side:this.side,align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary,component:"mentions"}))}deactivate(){this.position?.(),this.position=void 0}render(){return l.html`<slot></slot>`}};o.styles=[g.hiddenHostStyles,l.css`
+"use strict";var h=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var L=Object.prototype.hasOwnProperty;var O=(r,i)=>{for(var t in i)h(r,t,{get:i[t],enumerable:!0})},D=(r,i,t,e)=>{if(i&&typeof i=="object"||typeof i=="function")for(let s of E(i))!L.call(r,s)&&s!==t&&h(r,s,{get:()=>i[s],enumerable:!(e=m(i,s))||e.enumerable});return r};var P=r=>D(h({},"__esModule",{value:!0}),r),a=(r,i,t,e)=>{for(var s=e>1?void 0:e?m(i,t):i,p=r.length-1,v;p>=0;p--)(v=r[p])&&(s=(e?v(i,t,s):v(s))||s);return e&&s&&h(i,t,s),s};var w={};O(w,{SkdxMentionsContent:()=>o});module.exports=P(w);var l=require("lit"),d=require("lit/decorators.js"),f=require("../internal/closest.cjs"),y=require("../internal/define.cjs"),n=require("../internal/dismiss.cjs"),b=require("../internal/mentions.cjs"),c=require("../internal/positioning.cjs"),g=require("../internal/styles.cjs"),u=require("./family.cjs");var o=class extends l.LitElement{constructor(){super(...arguments);this.side="bottom";this.align="start";this.sideOffset=4;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.root=null;this.layer={insideElements:()=>[this,this.root]};this.lastToken=null;this.onRootUpdate=()=>{this.syncHostState();let t=this.root?.token,e=t?`${t.start}:${t.end}`:null;e!==this.lastToken&&(this.lastToken=e,this.position?.update())};this.reposition=()=>this.position?.update();this.preventFocusSteal=t=>t.preventDefault();this.handleEscape=t=>{(0,n.dispatchEscapeKeyDown)(this,t)&&this.root?.dismiss()};this.handleDocumentKeyDown=t=>{this.root?.open&&(0,n.handleEscapeKeyDown)(t,this.layer,this.handleEscape)};this.handleOutsidePointerDown=t=>{!this.root?.open||this.isInside(t.target)||(0,n.dispatchOutside)(this,"pointer-down-outside",t)&&this.root.setOpen(!1)};this.handleOutsideFocus=t=>{if(!this.root?.open)return;let e=(0,n.focusOutsideTarget)(t);e===null||this.isInside(e)||(0,n.dispatchOutside)(this,"focus-outside",t)&&this.root.setOpen(!1)}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listbox"),this.root=(0,f.closestThroughPortal)(this,u.MENTIONS_FAMILY.selector),this.root&&(this.root.contentEl=this),this.root?.addEventListener(u.MENTIONS_FAMILY.event,this.onRootUpdate),this.addEventListener("mousedown",this.preventFocusSteal),document.addEventListener("keydown",this.handleDocumentKeyDown,!0),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),document.addEventListener("scroll",this.reposition,!0),this.root&&(this.id?this.root.contentId=this.id:this.id=this.root.contentId),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(u.MENTIONS_FAMILY.event,this.onRootUpdate),this.root?.contentEl===this&&(this.root.contentEl=null),this.removeEventListener("mousedown",this.preventFocusSteal),document.removeEventListener("keydown",this.handleDocumentKeyDown,!0),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),document.removeEventListener("scroll",this.reposition,!0),this.deactivate(),this.releaseLayer?.(),this.releaseLayer=void 0,super.disconnectedCallback()}isInside(t){return t?(0,n.nestedLayerContains)(this.layer,t)?!0:this.contains(t)||this.root?.contains(t)===!0:!1}syncStateAttributes(t){this.setAttribute("data-state",t?"open":"closed"),this.setAttribute("data-side",this.side??"bottom"),this.setAttribute("data-align",this.align??"start");let e=this.root?.token?.trigger;e?this.setAttribute("data-trigger",e):this.removeAttribute("data-trigger"),this.root?.loading?(this.setAttribute("aria-busy","true"),this.setAttribute("data-loading","")):(this.removeAttribute("aria-busy"),this.removeAttribute("data-loading"))}syncDismissLayer(t){t&&!this.releaseLayer?this.releaseLayer=(0,n.pushDismissLayer)(this.layer):!t&&this.releaseLayer&&(this.releaseLayer(),this.releaseLayer=void 0)}syncHostState(){let t=this.root?.open??!1;this.syncStateAttributes(t),this.hidden=!t,this.syncDismissLayer(t),t?this.activate():this.deactivate()}activate(){let t=this.root,e=t?.inputHost?.field;this.position||!t||!e||(this.position=(0,c.positionFloating)((0,b.caretAnchor)(()=>t.measureCaret(),e),this,{side:this.side,align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary,component:"mentions"}))}deactivate(){this.position?.(),this.position=void 0}render(){return l.html`<slot></slot>`}};o.styles=[g.hiddenHostStyles,l.css`
       :host {
         display: block;
       }

package/dist/mentions/MentionsContent.js

@@ -1,5 +1,5 @@
-var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var s=(a,r,t,e)=>{for(var o=e>1?void 0:e?p(r,t):r,d=a.length-1,l;d>=0;d--)(l=a[d])&&(o=(e?l(r,t,o):l(o))||o);return e&&o&&c(r,t,o),o};import{css as v,html as m,LitElement as f}from"lit";import{property as n}from"lit/decorators.js";import{closestThroughPortal as y}from"../internal/closest.js";import{customElement as b}from"../internal/define.js";import{dispatchEscapeKeyDown as g,dispatchOutside as u,focusOutsideTarget as E,handleEscapeKeyDown as L,pushDismissLayer as O}from"../internal/dismiss.js";import{caretAnchor as D}from"../internal/mentions.js";import{optOutBoolean as P,positionFloating as w}from"../internal/positioning.js";import{hiddenHostStyles as A}from"../internal/styles.js";import{MENTIONS_FAMILY as h}from"./family.js";var i=class extends f{constructor(){super(...arguments);this.side="bottom";this.align="start";this.sideOffset=4;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.root=null;this.layer={insideElements:()=>[this,this.root]};this.lastToken=null;this.onRootUpdate=()=>{this.syncHostState();let t=this.root?.token,e=t?`${t.start}:${t.end}`:null;e!==this.lastToken&&(this.lastToken=e,this.position?.update())};this.reposition=()=>this.position?.update();this.preventFocusSteal=t=>t.preventDefault();this.handleEscape=t=>{g(this,t)&&this.root?.dismiss()};this.handleDocumentKeyDown=t=>{this.root?.open&&L(t,this.layer,this.handleEscape)};this.handleOutsidePointerDown=t=>{!this.root?.open||this.isInside(t.target)||u(this,"pointer-down-outside",t)&&this.root.setOpen(!1)};this.handleOutsideFocus=t=>{if(!this.root?.open)return;let e=E(t);e===null||this.isInside(e)||u(this,"focus-outside",t)&&this.root.setOpen(!1)}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listbox"),this.root=y(this,h.selector),this.root&&(this.root.contentEl=this),this.root?.addEventListener(h.event,this.onRootUpdate),this.addEventListener("mousedown",this.preventFocusSteal),document.addEventListener("keydown",this.handleDocumentKeyDown,!0),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),document.addEventListener("scroll",this.reposition,!0),this.root&&(this.id?this.root.contentId=this.id:this.id=this.root.contentId),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(h.event,this.onRootUpdate),this.root?.contentEl===this&&(this.root.contentEl=null),this.removeEventListener("mousedown",this.preventFocusSteal),document.removeEventListener("keydown",this.handleDocumentKeyDown,!0),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),document.removeEventListener("scroll",this.reposition,!0),this.deactivate(),this.releaseLayer?.(),this.releaseLayer=void 0,super.disconnectedCallback()}isInside(t){return t?this.contains(t)||this.root?.contains(t)===!0:!1}syncStateAttributes(t){this.setAttribute("data-state",t?"open":"closed"),this.setAttribute("data-side",this.side??"bottom"),this.setAttribute("data-align",this.align??"start");let e=this.root?.token?.trigger;e?this.setAttribute("data-trigger",e):this.removeAttribute("data-trigger"),this.root?.loading?(this.setAttribute("aria-busy","true"),this.setAttribute("data-loading","")):(this.removeAttribute("aria-busy"),this.removeAttribute("data-loading"))}syncDismissLayer(t){t&&!this.releaseLayer?this.releaseLayer=O(this.layer):!t&&this.releaseLayer&&(this.releaseLayer(),this.releaseLayer=void 0)}syncHostState(){let t=this.root?.open??!1;this.syncStateAttributes(t),this.hidden=!t,this.syncDismissLayer(t),t?this.activate():this.deactivate()}activate(){let t=this.root,e=t?.inputHost?.field;this.position||!t||!e||(this.position=w(D(()=>t.measureCaret(),e),this,{side:this.side,align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary,component:"mentions"}))}deactivate(){this.position?.(),this.position=void 0}render(){return m`<slot></slot>`}};i.styles=[A,v`
+var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var s=(a,r,t,e)=>{for(var o=e>1?void 0:e?p(r,t):r,d=a.length-1,l;d>=0;d--)(l=a[d])&&(o=(e?l(r,t,o):l(o))||o);return e&&o&&c(r,t,o),o};import{css as v,html as m,LitElement as f}from"lit";import{property as n}from"lit/decorators.js";import{closestThroughPortal as y}from"../internal/closest.js";import{customElement as b}from"../internal/define.js";import{dispatchEscapeKeyDown as g,dispatchOutside as u,focusOutsideTarget as E,handleEscapeKeyDown as L,nestedLayerContains as O,pushDismissLayer as D}from"../internal/dismiss.js";import{caretAnchor as P}from"../internal/mentions.js";import{optOutBoolean as w,positionFloating as A}from"../internal/positioning.js";import{hiddenHostStyles as N}from"../internal/styles.js";import{MENTIONS_FAMILY as h}from"./family.js";var i=class extends f{constructor(){super(...arguments);this.side="bottom";this.align="start";this.sideOffset=4;this.alignOffset=0;this.avoidCollisions=!0;this.collisionPadding=8;this.root=null;this.layer={insideElements:()=>[this,this.root]};this.lastToken=null;this.onRootUpdate=()=>{this.syncHostState();let t=this.root?.token,e=t?`${t.start}:${t.end}`:null;e!==this.lastToken&&(this.lastToken=e,this.position?.update())};this.reposition=()=>this.position?.update();this.preventFocusSteal=t=>t.preventDefault();this.handleEscape=t=>{g(this,t)&&this.root?.dismiss()};this.handleDocumentKeyDown=t=>{this.root?.open&&L(t,this.layer,this.handleEscape)};this.handleOutsidePointerDown=t=>{!this.root?.open||this.isInside(t.target)||u(this,"pointer-down-outside",t)&&this.root.setOpen(!1)};this.handleOutsideFocus=t=>{if(!this.root?.open)return;let e=E(t);e===null||this.isInside(e)||u(this,"focus-outside",t)&&this.root.setOpen(!1)}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listbox"),this.root=y(this,h.selector),this.root&&(this.root.contentEl=this),this.root?.addEventListener(h.event,this.onRootUpdate),this.addEventListener("mousedown",this.preventFocusSteal),document.addEventListener("keydown",this.handleDocumentKeyDown,!0),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),document.addEventListener("scroll",this.reposition,!0),this.root&&(this.id?this.root.contentId=this.id:this.id=this.root.contentId),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(h.event,this.onRootUpdate),this.root?.contentEl===this&&(this.root.contentEl=null),this.removeEventListener("mousedown",this.preventFocusSteal),document.removeEventListener("keydown",this.handleDocumentKeyDown,!0),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),document.removeEventListener("scroll",this.reposition,!0),this.deactivate(),this.releaseLayer?.(),this.releaseLayer=void 0,super.disconnectedCallback()}isInside(t){return t?O(this.layer,t)?!0:this.contains(t)||this.root?.contains(t)===!0:!1}syncStateAttributes(t){this.setAttribute("data-state",t?"open":"closed"),this.setAttribute("data-side",this.side??"bottom"),this.setAttribute("data-align",this.align??"start");let e=this.root?.token?.trigger;e?this.setAttribute("data-trigger",e):this.removeAttribute("data-trigger"),this.root?.loading?(this.setAttribute("aria-busy","true"),this.setAttribute("data-loading","")):(this.removeAttribute("aria-busy"),this.removeAttribute("data-loading"))}syncDismissLayer(t){t&&!this.releaseLayer?this.releaseLayer=D(this.layer):!t&&this.releaseLayer&&(this.releaseLayer(),this.releaseLayer=void 0)}syncHostState(){let t=this.root?.open??!1;this.syncStateAttributes(t),this.hidden=!t,this.syncDismissLayer(t),t?this.activate():this.deactivate()}activate(){let t=this.root,e=t?.inputHost?.field;this.position||!t||!e||(this.position=A(P(()=>t.measureCaret(),e),this,{side:this.side,align:this.align,sideOffset:this.sideOffset,alignOffset:this.alignOffset,avoidCollisions:this.avoidCollisions,collisionPadding:this.collisionPadding,collisionBoundary:this.collisionBoundary,component:"mentions"}))}deactivate(){this.position?.(),this.position=void 0}render(){return m`<slot></slot>`}};i.styles=[N,v`
       :host {
         display: block;
       }
-    `],s([n({type:String})],i.prototype,"side",2),s([n({type:String})],i.prototype,"align",2),s([n({type:Number,attribute:"side-offset"})],i.prototype,"sideOffset",2),s([n({type:Number,attribute:"align-offset"})],i.prototype,"alignOffset",2),s([n({converter:P,attribute:"avoid-collisions"})],i.prototype,"avoidCollisions",2),s([n({type:Number,attribute:"collision-padding"})],i.prototype,"collisionPadding",2),s([n({attribute:!1})],i.prototype,"collisionBoundary",2),i=s([b("skdx-mentions-content","mentions","content")],i);export{i as SkdxMentionsContent};
+    `],s([n({type:String})],i.prototype,"side",2),s([n({type:String})],i.prototype,"align",2),s([n({type:Number,attribute:"side-offset"})],i.prototype,"sideOffset",2),s([n({type:Number,attribute:"align-offset"})],i.prototype,"alignOffset",2),s([n({converter:w,attribute:"avoid-collisions"})],i.prototype,"avoidCollisions",2),s([n({type:Number,attribute:"collision-padding"})],i.prototype,"collisionPadding",2),s([n({attribute:!1})],i.prototype,"collisionBoundary",2),i=s([b("skdx-mentions-content","mentions","content")],i);export{i as SkdxMentionsContent};

package/dist/menu/MenuAnatomy.cjs

@@ -1 +1 @@
-"use strict";var d=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var k=(e,t)=>{for(var i in t)d(e,i,{get:t[i],enumerable:!0})},f=(e,t,i,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of g(t))!x.call(e,n)&&n!==i&&d(e,n,{get:()=>t[n],enumerable:!(r=l(t,n))||r.enumerable});return e};var b=e=>f(d({},"__esModule",{value:!0}),e);var y={};k(y,{MENU_ANATOMY_GENERATED:()=>o,MENU_RENDER_SLOTS:()=>M,fillMenuAnatomy:()=>A,refreshMenuAnatomy:()=>E});module.exports=b(y);var u=require("../internal/host-attributes.cjs"),c=require("../internal/menu-items.cjs"),p=require("../internal/options.cjs"),h=require("./MenuTrigger.cjs"),C=require("./MenuContent.cjs"),T=require("./MenuItem.cjs"),I=require("./MenuCheckboxItem.cjs"),D=require("./MenuRadioGroup.cjs"),_=require("./MenuRadioItem.cjs"),v=require("./MenuItemIndicator.cjs"),O=require("./MenuGroup.cjs"),q=require("./MenuLabel.cjs"),G=require("./MenuSeparator.cjs"),L=require("./MenuShortcut.cjs"),R=require("./MenuSub.cjs"),a=require("../internal/events.cjs"),o="data-skdx-menu-generated",M=["trigger","item"],S={item:"skdx-menu-item",checkboxItem:"skdx-menu-checkbox-item",radioGroup:"skdx-menu-radio-group",radioItem:"skdx-menu-radio-item",itemIndicator:"skdx-menu-item-indicator",group:"skdx-menu-group",label:"skdx-menu-label",separator:"skdx-menu-separator",shortcut:"skdx-menu-shortcut",sub:"skdx-menu-sub",subTrigger:"skdx-menu-sub-trigger",subContent:"skdx-menu-sub-content"};function A(e){let t=(0,p.renderSlotContent)(e,"item"),i=e.querySelector(`:scope > skdx-menu-trigger[${o}]`),r;if(i)r=Array.from(i.childNodes);else if(e.openOn==="contextmenu")r=Array.from(e.childNodes);else{r=[];for(let m of Array.from(e.childNodes))m.nodeType===Node.ELEMENT_NODE&&m.getAttribute("slot")==="trigger"&&(m.removeAttribute("slot"),r.push(m))}let n=document.createElement("skdx-menu-trigger");n.setAttribute(o,""),e.triggerClass&&n.classList.add(e.triggerClass),e.disabled&&n.setAttribute("disabled",""),n.append(...r);let s=document.createElement("skdx-menu-content");s.setAttribute(o,""),(0,u.forwardHostAttributes)(e,s),s.side=e.side,s.align=e.align,s.append(...(0,c.buildMenuItemElements)(e.items??[],S,{itemContent:t,onSelect:m=>(0,a.emit)(e,"item-select",m)})),e.replaceChildren(n,s)}function E(e){e.querySelector(`:scope > skdx-menu-trigger[${o}]`)?.toggleAttribute("disabled",e.disabled);let t=e.querySelector(`:scope > skdx-menu-content[${o}]`);t&&(t.side=e.side,t.align=e.align)}0&&(module.exports={MENU_ANATOMY_GENERATED,MENU_RENDER_SLOTS,fillMenuAnatomy,refreshMenuAnatomy});
+"use strict";var d=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var k=(e,t)=>{for(var s in t)d(e,s,{get:t[s],enumerable:!0})},f=(e,t,s,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of g(t))!x.call(e,n)&&n!==s&&d(e,n,{get:()=>t[n],enumerable:!(r=l(t,n))||r.enumerable});return e};var b=e=>f(d({},"__esModule",{value:!0}),e);var N={};k(N,{MENU_ANATOMY_GENERATED:()=>m,MENU_RENDER_SLOTS:()=>E,fillMenuAnatomy:()=>S,refreshMenuAnatomy:()=>A});module.exports=b(N);var u=require("../internal/host-attributes.cjs"),c=require("../internal/menu-items.cjs"),p=require("../internal/options.cjs"),T=require("./MenuTrigger.cjs"),h=require("./MenuContent.cjs"),C=require("./MenuItem.cjs"),I=require("./MenuCheckboxItem.cjs"),D=require("./MenuRadioGroup.cjs"),_=require("./MenuRadioItem.cjs"),v=require("./MenuItemIndicator.cjs"),O=require("./MenuGroup.cjs"),L=require("./MenuLabel.cjs"),q=require("./MenuSeparator.cjs"),G=require("./MenuShortcut.cjs"),R=require("./MenuSub.cjs"),a=require("../internal/events.cjs"),m="data-skdx-menu-generated",E=["trigger","item"],M={item:"skdx-menu-item",checkboxItem:"skdx-menu-checkbox-item",radioGroup:"skdx-menu-radio-group",radioItem:"skdx-menu-radio-item",itemIndicator:"skdx-menu-item-indicator",group:"skdx-menu-group",label:"skdx-menu-label",separator:"skdx-menu-separator",shortcut:"skdx-menu-shortcut",sub:"skdx-menu-sub",subTrigger:"skdx-menu-sub-trigger",subContent:"skdx-menu-sub-content"};function S(e){let t=(0,p.renderSlotContent)(e,"item"),s=e.querySelector(`:scope > skdx-menu-trigger[${m}]`),r;if(s)r=Array.from(s.childNodes);else if(e.openOn==="contextmenu"){r=Array.from(e.childNodes);for(let i of r)i.nodeType===Node.ELEMENT_NODE&&i.removeAttribute("slot")}else{r=[];for(let i of Array.from(e.childNodes))i.nodeType===Node.ELEMENT_NODE&&i.getAttribute("slot")==="trigger"&&(i.removeAttribute("slot"),r.push(i))}let n=document.createElement("skdx-menu-trigger");n.setAttribute(m,""),e.triggerClass&&n.classList.add(e.triggerClass),e.disabled&&n.setAttribute("disabled",""),n.append(...r);let o=document.createElement("skdx-menu-content");o.setAttribute(m,""),(0,u.forwardHostAttributes)(e,o),o.side=e.side,o.align=e.align,o.append(...(0,c.buildMenuItemElements)(e.items??[],M,{itemContent:t,onSelect:i=>(0,a.emit)(e,"item-select",i)})),e.replaceChildren(n,o)}function A(e){e.querySelector(`:scope > skdx-menu-trigger[${m}]`)?.toggleAttribute("disabled",e.disabled);let t=e.querySelector(`:scope > skdx-menu-content[${m}]`);t&&(t.side=e.side,t.align=e.align)}0&&(module.exports={MENU_ANATOMY_GENERATED,MENU_RENDER_SLOTS,fillMenuAnatomy,refreshMenuAnatomy});

package/dist/menu/MenuAnatomy.js

@@ -1 +1 @@
-import{forwardHostAttributes as d}from"../internal/host-attributes.js";import{buildMenuItemElements as u}from"../internal/menu-items.js";import{renderSlotContent as c}from"../internal/options.js";import"./MenuTrigger.js";import"./MenuContent.js";import"./MenuItem.js";import"./MenuCheckboxItem.js";import"./MenuRadioGroup.js";import"./MenuRadioItem.js";import"./MenuItemIndicator.js";import"./MenuGroup.js";import"./MenuLabel.js";import"./MenuSeparator.js";import"./MenuShortcut.js";import"./MenuSub.js";import{emit as p}from"../internal/events.js";var m="data-skdx-menu-generated",D=["trigger","item"],a={item:"skdx-menu-item",checkboxItem:"skdx-menu-checkbox-item",radioGroup:"skdx-menu-radio-group",radioItem:"skdx-menu-radio-item",itemIndicator:"skdx-menu-item-indicator",group:"skdx-menu-group",label:"skdx-menu-label",separator:"skdx-menu-separator",shortcut:"skdx-menu-shortcut",sub:"skdx-menu-sub",subTrigger:"skdx-menu-sub-trigger",subContent:"skdx-menu-sub-content"};function _(e){let r=c(e,"item"),o=e.querySelector(`:scope > skdx-menu-trigger[${m}]`),i;if(o)i=Array.from(o.childNodes);else if(e.openOn==="contextmenu")i=Array.from(e.childNodes);else{i=[];for(let n of Array.from(e.childNodes))n.nodeType===Node.ELEMENT_NODE&&n.getAttribute("slot")==="trigger"&&(n.removeAttribute("slot"),i.push(n))}let s=document.createElement("skdx-menu-trigger");s.setAttribute(m,""),e.triggerClass&&s.classList.add(e.triggerClass),e.disabled&&s.setAttribute("disabled",""),s.append(...i);let t=document.createElement("skdx-menu-content");t.setAttribute(m,""),d(e,t),t.side=e.side,t.align=e.align,t.append(...u(e.items??[],a,{itemContent:r,onSelect:n=>p(e,"item-select",n)})),e.replaceChildren(s,t)}function v(e){e.querySelector(`:scope > skdx-menu-trigger[${m}]`)?.toggleAttribute("disabled",e.disabled);let r=e.querySelector(`:scope > skdx-menu-content[${m}]`);r&&(r.side=e.side,r.align=e.align)}export{m as MENU_ANATOMY_GENERATED,D as MENU_RENDER_SLOTS,_ as fillMenuAnatomy,v as refreshMenuAnatomy};
+import{forwardHostAttributes as d}from"../internal/host-attributes.js";import{buildMenuItemElements as u}from"../internal/menu-items.js";import{renderSlotContent as c}from"../internal/options.js";import"./MenuTrigger.js";import"./MenuContent.js";import"./MenuItem.js";import"./MenuCheckboxItem.js";import"./MenuRadioGroup.js";import"./MenuRadioItem.js";import"./MenuItemIndicator.js";import"./MenuGroup.js";import"./MenuLabel.js";import"./MenuSeparator.js";import"./MenuShortcut.js";import"./MenuSub.js";import{emit as p}from"../internal/events.js";var o="data-skdx-menu-generated",D=["trigger","item"],a={item:"skdx-menu-item",checkboxItem:"skdx-menu-checkbox-item",radioGroup:"skdx-menu-radio-group",radioItem:"skdx-menu-radio-item",itemIndicator:"skdx-menu-item-indicator",group:"skdx-menu-group",label:"skdx-menu-label",separator:"skdx-menu-separator",shortcut:"skdx-menu-shortcut",sub:"skdx-menu-sub",subTrigger:"skdx-menu-sub-trigger",subContent:"skdx-menu-sub-content"};function _(e){let i=c(e,"item"),m=e.querySelector(`:scope > skdx-menu-trigger[${o}]`),n;if(m)n=Array.from(m.childNodes);else if(e.openOn==="contextmenu"){n=Array.from(e.childNodes);for(let t of n)t.nodeType===Node.ELEMENT_NODE&&t.removeAttribute("slot")}else{n=[];for(let t of Array.from(e.childNodes))t.nodeType===Node.ELEMENT_NODE&&t.getAttribute("slot")==="trigger"&&(t.removeAttribute("slot"),n.push(t))}let s=document.createElement("skdx-menu-trigger");s.setAttribute(o,""),e.triggerClass&&s.classList.add(e.triggerClass),e.disabled&&s.setAttribute("disabled",""),s.append(...n);let r=document.createElement("skdx-menu-content");r.setAttribute(o,""),d(e,r),r.side=e.side,r.align=e.align,r.append(...u(e.items??[],a,{itemContent:i,onSelect:t=>p(e,"item-select",t)})),e.replaceChildren(s,r)}function v(e){e.querySelector(`:scope > skdx-menu-trigger[${o}]`)?.toggleAttribute("disabled",e.disabled);let i=e.querySelector(`:scope > skdx-menu-content[${o}]`);i&&(i.side=e.side,i.align=e.align)}export{o as MENU_ANATOMY_GENERATED,D as MENU_RENDER_SLOTS,_ as fillMenuAnatomy,v as refreshMenuAnatomy};

package/dist/menu/MenuTrigger.cjs

@@ -1,7 +1,8 @@
-"use strict";var d=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var E=(r,i)=>{for(var t in i)d(r,t,{get:i[t],enumerable:!0})},P=(r,i,t,e)=>{if(i&&typeof i=="object"||typeof i=="function")for(let o of f(i))!b.call(r,o)&&o!==t&&d(r,o,{get:()=>i[o],enumerable:!(e=v(i,o))||e.enumerable});return r};var L=r=>P(d({},"__esModule",{value:!0}),r),m=(r,i,t,e)=>{for(var o=e>1?void 0:e?v(i,t):i,c=r.length-1,u;c>=0;c--)(u=r[c])&&(o=(e?u(i,t,o):u(o))||o);return e&&o&&d(i,t,o),o};var w={};E(w,{SkdxMenuTrigger:()=>n});module.exports=L(w);var s=require("lit"),g=require("lit/decorators.js"),l=require("../internal/define.cjs"),y=require("../internal/part.cjs"),a=require("../internal/styles.cjs"),h=require("./family.cjs"),p=require("./MenuRoot.cjs");var n=class extends s.LitElement{constructor(){super(...arguments);this.disabled=!1;this.root=null;this.onRootUpdate=()=>{this.syncRegion(),this.requestUpdate()};this.handleClick=()=>{this.root&&(this.root.openIntent="first",this.root.setOpen(!this.root.open))};this.handleKeyDown=t=>{["ArrowDown","ArrowUp"].includes(t.key)&&(this.root&&(this.root.openIntent=t.key==="ArrowUp"?"last":"first"),t.preventDefault(),this.root?.setOpen(!0))};this.longPressOrigin=null;this.disarmLongPress=()=>{clearTimeout(this.longPressTimer),this.longPressOrigin=null,this.style.removeProperty("touch-action")};this.handleContextMenu=t=>{!this.contextMode||this.disabled||(t.preventDefault(),this.root?.setPoint({x:t.clientX,y:t.clientY}),this.root?.setOpen(!0))};this.handlePointerDown=t=>{if(!this.contextMode||this.disabled||t.pointerType!=="touch")return;let{clientX:e,clientY:o}=t;this.longPressOrigin={x:e,y:o},this.style.touchAction="none",clearTimeout(this.longPressTimer),this.longPressTimer=setTimeout(()=>{this.longPressOrigin=null,this.style.removeProperty("touch-action"),this.root?.setPoint({x:e,y:o}),this.root?.setOpen(!0)},p.LONG_PRESS_MS)};this.handlePointerMove=t=>{let e=this.longPressOrigin;e&&Math.hypot(t.clientX-e.x,t.clientY-e.y)>p.LONG_PRESS_MOVE_TOLERANCE&&this.disarmLongPress()};this.handleRegionKeyDown=t=>{if(!this.contextMode||this.disabled||t.key!=="ContextMenu"&&!(t.key==="F10"&&t.shiftKey))return;t.preventDefault();let e=this.getBoundingClientRect();this.root?.setPoint({x:e.left,y:e.bottom}),this.root?.setOpen(!0)};this.regionApplied=!1}get contextMode(){return this.root?.openOn==="contextmenu"}connectedCallback(){super.connectedCallback(),this.root=h.MENU_FAMILY.root(this),this.root&&(0,l.whenUpgraded)(this.root,()=>{this.root&&(this.id?this.root.triggerId=this.id:this.id=this.root.triggerId,this.syncRegion())}),this.root?.addEventListener(h.MENU_FAMILY.event,this.onRootUpdate),this.addEventListener("contextmenu",this.handleContextMenu),this.addEventListener("pointerdown",this.handlePointerDown),this.addEventListener("pointermove",this.handlePointerMove),this.addEventListener("pointerup",this.disarmLongPress),this.addEventListener("pointercancel",this.disarmLongPress),this.addEventListener("keydown",this.handleRegionKeyDown),this.syncRegion()}disconnectedCallback(){this.root?.removeEventListener(h.MENU_FAMILY.event,this.onRootUpdate),this.root?.triggerEl===this&&(this.root.triggerEl=null),this.removeEventListener("contextmenu",this.handleContextMenu),this.removeEventListener("pointerdown",this.handlePointerDown),this.removeEventListener("pointermove",this.handlePointerMove),this.removeEventListener("pointerup",this.disarmLongPress),this.removeEventListener("pointercancel",this.disarmLongPress),this.removeEventListener("keydown",this.handleRegionKeyDown),this.disarmLongPress(),super.disconnectedCallback()}firstUpdated(){let t=this.shadowRoot?.querySelector("button");this.root&&t&&(this.root.triggerEl=t)}syncRegion(){if(!this.contextMode){if(!this.regionApplied)return;this.regionApplied=!1;for(let o of["role","aria-owns","aria-controls","data-state","aria-disabled"])this.removeAttribute(o);let e=this.shadowRoot?.querySelector("button");this.root&&e&&(this.root.triggerEl=e);return}this.regionApplied=!0,this.root&&(this.root.triggerEl=this),this.tabIndex=0,this.setAttribute("role","group");let t=this.root?.open??!1;this.setAttribute("data-state",t?"open":"closed"),this.root&&this.setAttribute("aria-controls",this.root.contentId),t&&this.root?this.setAttribute("aria-owns",this.root.contentId):this.removeAttribute("aria-owns"),this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")}updated(){(0,y.reflectHostState)(this,{"data-disabled":this.disabled?"":null}),this.syncRegion()}render(){let t=this.root;return t?this.contextMode?s.html`<slot></slot>`:s.html`
+"use strict";var l=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var E=(r,i)=>{for(var t in i)l(r,t,{get:i[t],enumerable:!0})},P=(r,i,t,e)=>{if(i&&typeof i=="object"||typeof i=="function")for(let o of f(i))!b.call(r,o)&&o!==t&&l(r,o,{get:()=>i[o],enumerable:!(e=g(i,o))||e.enumerable});return r};var L=r=>P(l({},"__esModule",{value:!0}),r),d=(r,i,t,e)=>{for(var o=e>1?void 0:e?g(i,t):i,u=r.length-1,m;u>=0;u--)(m=r[u])&&(o=(e?m(i,t,o):m(o))||o);return e&&o&&l(i,t,o),o};var w={};E(w,{SkdxMenuTrigger:()=>n});module.exports=L(w);var s=require("lit"),v=require("lit/decorators.js"),p=require("../internal/define.cjs"),y=require("../internal/part.cjs"),a=require("../internal/styles.cjs"),h=require("./family.cjs"),c=require("./MenuRoot.cjs");var n=class extends s.LitElement{constructor(){super(...arguments);this.disabled=!1;this.ariaLabel=null;this.root=null;this.onRootUpdate=()=>{this.syncRegion(),this.requestUpdate()};this.handleClick=()=>{this.root&&(this.root.openIntent="first",this.root.setOpen(!this.root.open))};this.handleKeyDown=t=>{["ArrowDown","ArrowUp"].includes(t.key)&&(this.root&&(this.root.openIntent=t.key==="ArrowUp"?"last":"first"),t.preventDefault(),this.root?.setOpen(!0))};this.longPressOrigin=null;this.disarmLongPress=()=>{clearTimeout(this.longPressTimer),this.longPressOrigin=null,this.style.removeProperty("touch-action")};this.handleContextMenu=t=>{!this.contextMode||this.disabled||(t.preventDefault(),this.root?.setPoint({x:t.clientX,y:t.clientY}),this.root?.setOpen(!0))};this.handlePointerDown=t=>{if(!this.contextMode||this.disabled||t.pointerType!=="touch")return;let{clientX:e,clientY:o}=t;this.longPressOrigin={x:e,y:o},this.style.touchAction="none",clearTimeout(this.longPressTimer),this.longPressTimer=setTimeout(()=>{this.longPressOrigin=null,this.style.removeProperty("touch-action"),this.root?.setPoint({x:e,y:o}),this.root?.setOpen(!0)},c.LONG_PRESS_MS)};this.handlePointerMove=t=>{let e=this.longPressOrigin;e&&Math.hypot(t.clientX-e.x,t.clientY-e.y)>c.LONG_PRESS_MOVE_TOLERANCE&&this.disarmLongPress()};this.handleRegionKeyDown=t=>{if(!this.contextMode||this.disabled||t.key!=="ContextMenu"&&!(t.key==="F10"&&t.shiftKey))return;t.preventDefault();let e=this.getBoundingClientRect();this.root?.setPoint({x:e.left,y:e.bottom}),this.root?.setOpen(!0)};this.regionApplied=!1}get contextMode(){return this.root?.openOn==="contextmenu"}connectedCallback(){super.connectedCallback(),this.root=h.MENU_FAMILY.root(this),this.root&&(0,p.whenUpgraded)(this.root,()=>{this.root&&(this.id?this.root.triggerId=this.id:this.id=this.root.triggerId,this.syncRegion())}),this.root?.addEventListener(h.MENU_FAMILY.event,this.onRootUpdate),this.addEventListener("contextmenu",this.handleContextMenu),this.addEventListener("pointerdown",this.handlePointerDown),this.addEventListener("pointermove",this.handlePointerMove),this.addEventListener("pointerup",this.disarmLongPress),this.addEventListener("pointercancel",this.disarmLongPress),this.addEventListener("keydown",this.handleRegionKeyDown),this.syncRegion()}disconnectedCallback(){this.root?.removeEventListener(h.MENU_FAMILY.event,this.onRootUpdate),this.root?.triggerEl===this&&(this.root.triggerEl=null),this.removeEventListener("contextmenu",this.handleContextMenu),this.removeEventListener("pointerdown",this.handlePointerDown),this.removeEventListener("pointermove",this.handlePointerMove),this.removeEventListener("pointerup",this.disarmLongPress),this.removeEventListener("pointercancel",this.disarmLongPress),this.removeEventListener("keydown",this.handleRegionKeyDown),this.disarmLongPress(),super.disconnectedCallback()}firstUpdated(){let t=this.shadowRoot?.querySelector("button");this.root&&t&&(this.root.triggerEl=t)}syncRegion(){if(!this.contextMode){if(!this.regionApplied)return;this.regionApplied=!1;for(let o of["role","aria-owns","aria-controls","data-state","aria-disabled"])this.removeAttribute(o);let e=this.shadowRoot?.querySelector("button");this.root&&e&&(this.root.triggerEl=e);return}this.regionApplied=!0,this.root&&(this.root.triggerEl=this),this.tabIndex=0,this.setAttribute("role","group");let t=this.root?.open??!1;this.setAttribute("data-state",t?"open":"closed"),this.root&&this.setAttribute("aria-controls",this.root.contentId),t&&this.root?this.setAttribute("aria-owns",this.root.contentId):this.removeAttribute("aria-owns"),this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")}updated(){(0,y.reflectHostState)(this,{"data-disabled":this.disabled?"":null}),this.syncRegion()}render(){let t=this.root;return t?this.contextMode?s.html`<slot></slot>`:s.html`
       <button
         part="trigger"
         type="button"
+        aria-label=${this.ariaLabel??s.nothing}
         aria-haspopup="menu"
         aria-expanded=${t.open}
         aria-controls=${t.contentId}
@@ -17,4 +18,4 @@
       :host {
         display: inline-block;
       }
-    `,a.controlBoxOnHost],m([(0,g.property)({type:Boolean,reflect:!0})],n.prototype,"disabled",2),n=m([(0,l.customElement)("skdx-menu-trigger","menu","trigger")],n);0&&(module.exports={SkdxMenuTrigger});
+    `,a.controlBoxOnHost],d([(0,v.property)({type:Boolean,reflect:!0})],n.prototype,"disabled",2),d([(0,v.property)({type:String,attribute:"aria-label"})],n.prototype,"ariaLabel",2),n=d([(0,p.customElement)("skdx-menu-trigger","menu","trigger")],n);0&&(module.exports={SkdxMenuTrigger});

package/dist/menu/MenuTrigger.d.cts

@@ -16,6 +16,11 @@ export declare class SkdxMenuTrigger extends LitElement {
      * @default false
      */
     disabled: boolean;
+    /**
+     * Accessible name for the trigger, forwarded to the shadow `<button>` in click mode.
+     * @default undefined
+     */
+    ariaLabel: string | null;
     private root;
     private readonly onRootUpdate;
     private get contextMode();

package/dist/menu/MenuTrigger.d.ts

@@ -16,6 +16,11 @@ export declare class SkdxMenuTrigger extends LitElement {
      * @default false
      */
     disabled: boolean;
+    /**
+     * Accessible name for the trigger, forwarded to the shadow `<button>` in click mode.
+     * @default undefined
+     */
+    ariaLabel: string | null;
     private root;
     private readonly onRootUpdate;
     private get contextMode();

package/dist/menu/MenuTrigger.js

@@ -1,20 +1,21 @@
-var c=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var d=(s,r,t,e)=>{for(var o=e>1?void 0:e?u(r,t):r,n=s.length-1,a;n>=0;n--)(a=s[n])&&(o=(e?a(r,t,o):a(o))||o);return e&&o&&c(r,t,o),o};import{css as m,html as l,LitElement as v,nothing as p}from"lit";import{property as g}from"lit/decorators.js";import{customElement as y,whenUpgraded as f}from"../internal/define.js";import{reflectHostState as b}from"../internal/part.js";import{controlBoxOnHost as E,delegatesFocusShadowRootOptions as P,hiddenHostStyles as L,resetNativeControl as w}from"../internal/styles.js";import{MENU_FAMILY as h}from"./family.js";import{LONG_PRESS_MOVE_TOLERANCE as R,LONG_PRESS_MS as x}from"./MenuRoot.js";var i=class extends v{constructor(){super(...arguments);this.disabled=!1;this.root=null;this.onRootUpdate=()=>{this.syncRegion(),this.requestUpdate()};this.handleClick=()=>{this.root&&(this.root.openIntent="first",this.root.setOpen(!this.root.open))};this.handleKeyDown=t=>{["ArrowDown","ArrowUp"].includes(t.key)&&(this.root&&(this.root.openIntent=t.key==="ArrowUp"?"last":"first"),t.preventDefault(),this.root?.setOpen(!0))};this.longPressOrigin=null;this.disarmLongPress=()=>{clearTimeout(this.longPressTimer),this.longPressOrigin=null,this.style.removeProperty("touch-action")};this.handleContextMenu=t=>{!this.contextMode||this.disabled||(t.preventDefault(),this.root?.setPoint({x:t.clientX,y:t.clientY}),this.root?.setOpen(!0))};this.handlePointerDown=t=>{if(!this.contextMode||this.disabled||t.pointerType!=="touch")return;let{clientX:e,clientY:o}=t;this.longPressOrigin={x:e,y:o},this.style.touchAction="none",clearTimeout(this.longPressTimer),this.longPressTimer=setTimeout(()=>{this.longPressOrigin=null,this.style.removeProperty("touch-action"),this.root?.setPoint({x:e,y:o}),this.root?.setOpen(!0)},x)};this.handlePointerMove=t=>{let e=this.longPressOrigin;e&&Math.hypot(t.clientX-e.x,t.clientY-e.y)>R&&this.disarmLongPress()};this.handleRegionKeyDown=t=>{if(!this.contextMode||this.disabled||t.key!=="ContextMenu"&&!(t.key==="F10"&&t.shiftKey))return;t.preventDefault();let e=this.getBoundingClientRect();this.root?.setPoint({x:e.left,y:e.bottom}),this.root?.setOpen(!0)};this.regionApplied=!1}get contextMode(){return this.root?.openOn==="contextmenu"}connectedCallback(){super.connectedCallback(),this.root=h.root(this),this.root&&f(this.root,()=>{this.root&&(this.id?this.root.triggerId=this.id:this.id=this.root.triggerId,this.syncRegion())}),this.root?.addEventListener(h.event,this.onRootUpdate),this.addEventListener("contextmenu",this.handleContextMenu),this.addEventListener("pointerdown",this.handlePointerDown),this.addEventListener("pointermove",this.handlePointerMove),this.addEventListener("pointerup",this.disarmLongPress),this.addEventListener("pointercancel",this.disarmLongPress),this.addEventListener("keydown",this.handleRegionKeyDown),this.syncRegion()}disconnectedCallback(){this.root?.removeEventListener(h.event,this.onRootUpdate),this.root?.triggerEl===this&&(this.root.triggerEl=null),this.removeEventListener("contextmenu",this.handleContextMenu),this.removeEventListener("pointerdown",this.handlePointerDown),this.removeEventListener("pointermove",this.handlePointerMove),this.removeEventListener("pointerup",this.disarmLongPress),this.removeEventListener("pointercancel",this.disarmLongPress),this.removeEventListener("keydown",this.handleRegionKeyDown),this.disarmLongPress(),super.disconnectedCallback()}firstUpdated(){let t=this.shadowRoot?.querySelector("button");this.root&&t&&(this.root.triggerEl=t)}syncRegion(){if(!this.contextMode){if(!this.regionApplied)return;this.regionApplied=!1;for(let o of["role","aria-owns","aria-controls","data-state","aria-disabled"])this.removeAttribute(o);let e=this.shadowRoot?.querySelector("button");this.root&&e&&(this.root.triggerEl=e);return}this.regionApplied=!0,this.root&&(this.root.triggerEl=this),this.tabIndex=0,this.setAttribute("role","group");let t=this.root?.open??!1;this.setAttribute("data-state",t?"open":"closed"),this.root&&this.setAttribute("aria-controls",this.root.contentId),t&&this.root?this.setAttribute("aria-owns",this.root.contentId):this.removeAttribute("aria-owns"),this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")}updated(){b(this,{"data-disabled":this.disabled?"":null}),this.syncRegion()}render(){let t=this.root;return t?this.contextMode?l`<slot></slot>`:l`
+var u=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var s=(n,r,t,e)=>{for(var o=e>1?void 0:e?m(r,t):r,a=n.length-1,l;a>=0;a--)(l=n[a])&&(o=(e?l(r,t,o):l(o))||o);return e&&o&&u(r,t,o),o};import{css as v,html as p,LitElement as g,nothing as d}from"lit";import{property as c}from"lit/decorators.js";import{customElement as y,whenUpgraded as f}from"../internal/define.js";import{reflectHostState as b}from"../internal/part.js";import{controlBoxOnHost as E,delegatesFocusShadowRootOptions as P,hiddenHostStyles as L,resetNativeControl as w}from"../internal/styles.js";import{MENU_FAMILY as h}from"./family.js";import{LONG_PRESS_MOVE_TOLERANCE as R,LONG_PRESS_MS as x}from"./MenuRoot.js";var i=class extends g{constructor(){super(...arguments);this.disabled=!1;this.ariaLabel=null;this.root=null;this.onRootUpdate=()=>{this.syncRegion(),this.requestUpdate()};this.handleClick=()=>{this.root&&(this.root.openIntent="first",this.root.setOpen(!this.root.open))};this.handleKeyDown=t=>{["ArrowDown","ArrowUp"].includes(t.key)&&(this.root&&(this.root.openIntent=t.key==="ArrowUp"?"last":"first"),t.preventDefault(),this.root?.setOpen(!0))};this.longPressOrigin=null;this.disarmLongPress=()=>{clearTimeout(this.longPressTimer),this.longPressOrigin=null,this.style.removeProperty("touch-action")};this.handleContextMenu=t=>{!this.contextMode||this.disabled||(t.preventDefault(),this.root?.setPoint({x:t.clientX,y:t.clientY}),this.root?.setOpen(!0))};this.handlePointerDown=t=>{if(!this.contextMode||this.disabled||t.pointerType!=="touch")return;let{clientX:e,clientY:o}=t;this.longPressOrigin={x:e,y:o},this.style.touchAction="none",clearTimeout(this.longPressTimer),this.longPressTimer=setTimeout(()=>{this.longPressOrigin=null,this.style.removeProperty("touch-action"),this.root?.setPoint({x:e,y:o}),this.root?.setOpen(!0)},x)};this.handlePointerMove=t=>{let e=this.longPressOrigin;e&&Math.hypot(t.clientX-e.x,t.clientY-e.y)>R&&this.disarmLongPress()};this.handleRegionKeyDown=t=>{if(!this.contextMode||this.disabled||t.key!=="ContextMenu"&&!(t.key==="F10"&&t.shiftKey))return;t.preventDefault();let e=this.getBoundingClientRect();this.root?.setPoint({x:e.left,y:e.bottom}),this.root?.setOpen(!0)};this.regionApplied=!1}get contextMode(){return this.root?.openOn==="contextmenu"}connectedCallback(){super.connectedCallback(),this.root=h.root(this),this.root&&f(this.root,()=>{this.root&&(this.id?this.root.triggerId=this.id:this.id=this.root.triggerId,this.syncRegion())}),this.root?.addEventListener(h.event,this.onRootUpdate),this.addEventListener("contextmenu",this.handleContextMenu),this.addEventListener("pointerdown",this.handlePointerDown),this.addEventListener("pointermove",this.handlePointerMove),this.addEventListener("pointerup",this.disarmLongPress),this.addEventListener("pointercancel",this.disarmLongPress),this.addEventListener("keydown",this.handleRegionKeyDown),this.syncRegion()}disconnectedCallback(){this.root?.removeEventListener(h.event,this.onRootUpdate),this.root?.triggerEl===this&&(this.root.triggerEl=null),this.removeEventListener("contextmenu",this.handleContextMenu),this.removeEventListener("pointerdown",this.handlePointerDown),this.removeEventListener("pointermove",this.handlePointerMove),this.removeEventListener("pointerup",this.disarmLongPress),this.removeEventListener("pointercancel",this.disarmLongPress),this.removeEventListener("keydown",this.handleRegionKeyDown),this.disarmLongPress(),super.disconnectedCallback()}firstUpdated(){let t=this.shadowRoot?.querySelector("button");this.root&&t&&(this.root.triggerEl=t)}syncRegion(){if(!this.contextMode){if(!this.regionApplied)return;this.regionApplied=!1;for(let o of["role","aria-owns","aria-controls","data-state","aria-disabled"])this.removeAttribute(o);let e=this.shadowRoot?.querySelector("button");this.root&&e&&(this.root.triggerEl=e);return}this.regionApplied=!0,this.root&&(this.root.triggerEl=this),this.tabIndex=0,this.setAttribute("role","group");let t=this.root?.open??!1;this.setAttribute("data-state",t?"open":"closed"),this.root&&this.setAttribute("aria-controls",this.root.contentId),t&&this.root?this.setAttribute("aria-owns",this.root.contentId):this.removeAttribute("aria-owns"),this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")}updated(){b(this,{"data-disabled":this.disabled?"":null}),this.syncRegion()}render(){let t=this.root;return t?this.contextMode?p`<slot></slot>`:p`
       <button
         part="trigger"
         type="button"
+        aria-label=${this.ariaLabel??d}
         aria-haspopup="menu"
         aria-expanded=${t.open}
         aria-controls=${t.contentId}
         data-state=${t.open?"open":"closed"}
-        data-disabled=${this.disabled?"":p}
+        data-disabled=${this.disabled?"":d}
         ?disabled=${this.disabled}
         @click=${this.handleClick}
         @keydown=${this.handleKeyDown}
       >
         <slot></slot>
       </button>
-    `:p}};i.shadowRootOptions=P,i.styles=[w,L,m`
+    `:d}};i.shadowRootOptions=P,i.styles=[w,L,v`
       :host {
         display: inline-block;
       }
-    `,E],d([g({type:Boolean,reflect:!0})],i.prototype,"disabled",2),i=d([y("skdx-menu-trigger","menu","trigger")],i);export{i as SkdxMenuTrigger};
+    `,E],s([c({type:Boolean,reflect:!0})],i.prototype,"disabled",2),s([c({type:String,attribute:"aria-label"})],i.prototype,"ariaLabel",2),i=s([y("skdx-menu-trigger","menu","trigger")],i);export{i as SkdxMenuTrigger};

package/dist/navigation-menu/NavigationMenuContent.cjs

@@ -1,5 +1,5 @@
-"use strict";var d=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var L=(o,t)=>{for(var e in t)d(o,e,{get:t[e],enumerable:!0})},g=(o,t,e,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of f(t))!E.call(o,i)&&i!==e&&d(o,i,{get:()=>t[i],enumerable:!(n=c(t,i))||n.enumerable});return o};var b=o=>g(d({},"__esModule",{value:!0}),o),u=(o,t,e,n)=>{for(var i=n>1?void 0:n?c(t,e):t,h=o.length-1,m;h>=0;h--)(m=o[h])&&(i=(n?m(t,e,i):m(i))||i);return n&&i&&d(t,e,i),i};var I={};L(I,{SkdxNavigationMenuContent:()=>s});module.exports=b(I);var r=require("lit"),v=require("lit/decorators.js"),p=require("../internal/define.cjs"),a=require("../internal/dismiss.cjs"),y=require("../internal/styles.cjs"),l=require("./family.cjs");var s=class extends r.LitElement{constructor(){super(...arguments);this.forceMount=!1;this.root=null;this.item=null;this.onUpdate=()=>this.syncHostState();this.layer={insideElements:()=>[this,document.getElementById(this.item?.triggerId??"")]};this.handlePointerEnter=()=>this.root?.onContentEnter();this.handlePointerLeave=()=>this.root?.onContentLeave();this.onDocumentKeyDown=e=>{this.open&&(0,a.handleEscapeKeyDown)(e,this.layer,()=>{this.root?.onClose(),document.getElementById(this.item?.triggerId??"")?.focus()})};this.handleOutsidePointerDown=e=>{this.open&&this.isOutside(e.target)&&this.root?.onClose()};this.handleOutsideFocus=e=>{if(!this.open)return;let n=(0,a.focusOutsideTarget)(e);n&&this.isOutside(n)&&this.root?.onClose()}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.root=l.NAVIGATION_MENU_FAMILY.root(this),this.item=this.closest("skdx-navigation-menu-item"),this.item&&(this.id?this.item.contentId=this.id:this.id=this.item.contentId,this.setAttribute("aria-labelledby",this.item.triggerId)),this.root?.addEventListener(l.NAVIGATION_MENU_FAMILY.event,this.onUpdate),this.addEventListener("pointerenter",this.handlePointerEnter),this.addEventListener("pointerleave",this.handlePointerLeave),document.addEventListener("keydown",this.onDocumentKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(l.NAVIGATION_MENU_FAMILY.event,this.onUpdate),this.removeEventListener("pointerenter",this.handlePointerEnter),this.removeEventListener("pointerleave",this.handlePointerLeave),document.removeEventListener("keydown",this.onDocumentKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.releaseLayer?.(),this.releaseLayer=void 0,super.disconnectedCallback()}get open(){return!!this.item&&this.root?.value===this.item.value}syncHostState(){let e=this.open;this.setAttribute("data-state",e?"open":"closed"),this.hidden=!(e||this.forceMount),e?this.releaseLayer??(this.releaseLayer=(0,a.pushDismissLayer)(this.layer)):(this.releaseLayer?.(),this.releaseLayer=void 0)}isOutside(e){if(!e)return!1;let n=document.getElementById(this.item?.triggerId??"");return!this.contains(e)&&!n?.contains(e)}render(){return r.html`<slot></slot>`}};s.styles=[y.hiddenHostStyles,r.css`
+"use strict";var d=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var L=Object.prototype.hasOwnProperty;var E=(o,t)=>{for(var e in t)d(o,e,{get:t[e],enumerable:!0})},g=(o,t,e,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of f(t))!L.call(o,i)&&i!==e&&d(o,i,{get:()=>t[i],enumerable:!(n=c(t,i))||n.enumerable});return o};var b=o=>g(d({},"__esModule",{value:!0}),o),u=(o,t,e,n)=>{for(var i=n>1?void 0:n?c(t,e):t,h=o.length-1,m;h>=0;h--)(m=o[h])&&(i=(n?m(t,e,i):m(i))||i);return n&&i&&d(t,e,i),i};var I={};E(I,{SkdxNavigationMenuContent:()=>r});module.exports=b(I);var a=require("lit"),v=require("lit/decorators.js"),p=require("../internal/define.cjs"),s=require("../internal/dismiss.cjs"),y=require("../internal/styles.cjs"),l=require("./family.cjs");var r=class extends a.LitElement{constructor(){super(...arguments);this.forceMount=!1;this.root=null;this.item=null;this.onUpdate=()=>this.syncHostState();this.layer={insideElements:()=>[this,document.getElementById(this.item?.triggerId??"")]};this.handlePointerEnter=()=>this.root?.onContentEnter();this.handlePointerLeave=()=>this.root?.onContentLeave();this.onDocumentKeyDown=e=>{this.open&&(0,s.handleEscapeKeyDown)(e,this.layer,()=>{this.root?.onClose(),document.getElementById(this.item?.triggerId??"")?.focus()})};this.handleOutsidePointerDown=e=>{this.open&&this.isOutside(e.target)&&this.root?.onClose()};this.handleOutsideFocus=e=>{if(!this.open)return;let n=(0,s.focusOutsideTarget)(e);n&&this.isOutside(n)&&this.root?.onClose()}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.root=l.NAVIGATION_MENU_FAMILY.root(this),this.item=this.closest("skdx-navigation-menu-item"),this.item&&(this.id?this.item.contentId=this.id:this.id=this.item.contentId,this.setAttribute("aria-labelledby",this.item.triggerId)),this.root?.addEventListener(l.NAVIGATION_MENU_FAMILY.event,this.onUpdate),this.addEventListener("pointerenter",this.handlePointerEnter),this.addEventListener("pointerleave",this.handlePointerLeave),document.addEventListener("keydown",this.onDocumentKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(l.NAVIGATION_MENU_FAMILY.event,this.onUpdate),this.removeEventListener("pointerenter",this.handlePointerEnter),this.removeEventListener("pointerleave",this.handlePointerLeave),document.removeEventListener("keydown",this.onDocumentKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.releaseLayer?.(),this.releaseLayer=void 0,super.disconnectedCallback()}get open(){return!!this.item&&this.root?.value===this.item.value}syncHostState(){let e=this.open;this.setAttribute("data-state",e?"open":"closed"),this.hidden=!(e||this.forceMount),e?this.releaseLayer??(this.releaseLayer=(0,s.pushDismissLayer)(this.layer)):(this.releaseLayer?.(),this.releaseLayer=void 0)}isOutside(e){if(!e||(0,s.nestedLayerContains)(this.layer,e))return!1;let n=document.getElementById(this.item?.triggerId??"");return!this.contains(e)&&!n?.contains(e)}render(){return a.html`<slot></slot>`}};r.styles=[y.hiddenHostStyles,a.css`
       :host {
         display: block;
       }
-    `],u([(0,v.property)({type:Boolean,attribute:"force-mount"})],s.prototype,"forceMount",2),s=u([(0,p.customElement)("skdx-navigation-menu-content","navigation-menu","content")],s);0&&(module.exports={SkdxNavigationMenuContent});
+    `],u([(0,v.property)({type:Boolean,attribute:"force-mount"})],r.prototype,"forceMount",2),r=u([(0,p.customElement)("skdx-navigation-menu-content","navigation-menu","content")],r);0&&(module.exports={SkdxNavigationMenuContent});

package/dist/navigation-menu/NavigationMenuContent.js

@@ -1,4 +1,4 @@
-var h=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var d=(s,o,e,t)=>{for(var i=t>1?void 0:t?m(o,e):o,r=s.length-1,a;r>=0;r--)(a=s[r])&&(i=(t?a(o,e,i):a(i))||i);return t&&i&&h(o,e,i),i};import{css as u,html as c,LitElement as v}from"lit";import{property as p}from"lit/decorators.js";import{customElement as y}from"../internal/define.js";import{focusOutsideTarget as f,handleEscapeKeyDown as E,pushDismissLayer as L}from"../internal/dismiss.js";import{hiddenHostStyles as g}from"../internal/styles.js";import{NAVIGATION_MENU_FAMILY as l}from"./family.js";var n=class extends v{constructor(){super(...arguments);this.forceMount=!1;this.root=null;this.item=null;this.onUpdate=()=>this.syncHostState();this.layer={insideElements:()=>[this,document.getElementById(this.item?.triggerId??"")]};this.handlePointerEnter=()=>this.root?.onContentEnter();this.handlePointerLeave=()=>this.root?.onContentLeave();this.onDocumentKeyDown=e=>{this.open&&E(e,this.layer,()=>{this.root?.onClose(),document.getElementById(this.item?.triggerId??"")?.focus()})};this.handleOutsidePointerDown=e=>{this.open&&this.isOutside(e.target)&&this.root?.onClose()};this.handleOutsideFocus=e=>{if(!this.open)return;let t=f(e);t&&this.isOutside(t)&&this.root?.onClose()}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.root=l.root(this),this.item=this.closest("skdx-navigation-menu-item"),this.item&&(this.id?this.item.contentId=this.id:this.id=this.item.contentId,this.setAttribute("aria-labelledby",this.item.triggerId)),this.root?.addEventListener(l.event,this.onUpdate),this.addEventListener("pointerenter",this.handlePointerEnter),this.addEventListener("pointerleave",this.handlePointerLeave),document.addEventListener("keydown",this.onDocumentKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(l.event,this.onUpdate),this.removeEventListener("pointerenter",this.handlePointerEnter),this.removeEventListener("pointerleave",this.handlePointerLeave),document.removeEventListener("keydown",this.onDocumentKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.releaseLayer?.(),this.releaseLayer=void 0,super.disconnectedCallback()}get open(){return!!this.item&&this.root?.value===this.item.value}syncHostState(){let e=this.open;this.setAttribute("data-state",e?"open":"closed"),this.hidden=!(e||this.forceMount),e?this.releaseLayer??(this.releaseLayer=L(this.layer)):(this.releaseLayer?.(),this.releaseLayer=void 0)}isOutside(e){if(!e)return!1;let t=document.getElementById(this.item?.triggerId??"");return!this.contains(e)&&!t?.contains(e)}render(){return c`<slot></slot>`}};n.styles=[g,u`
+var h=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var d=(s,o,e,t)=>{for(var i=t>1?void 0:t?m(o,e):o,r=s.length-1,a;r>=0;r--)(a=s[r])&&(i=(t?a(o,e,i):a(i))||i);return t&&i&&h(o,e,i),i};import{css as u,html as c,LitElement as v}from"lit";import{property as p}from"lit/decorators.js";import{customElement as y}from"../internal/define.js";import{focusOutsideTarget as f,handleEscapeKeyDown as L,nestedLayerContains as E,pushDismissLayer as g}from"../internal/dismiss.js";import{hiddenHostStyles as b}from"../internal/styles.js";import{NAVIGATION_MENU_FAMILY as l}from"./family.js";var n=class extends v{constructor(){super(...arguments);this.forceMount=!1;this.root=null;this.item=null;this.onUpdate=()=>this.syncHostState();this.layer={insideElements:()=>[this,document.getElementById(this.item?.triggerId??"")]};this.handlePointerEnter=()=>this.root?.onContentEnter();this.handlePointerLeave=()=>this.root?.onContentLeave();this.onDocumentKeyDown=e=>{this.open&&L(e,this.layer,()=>{this.root?.onClose(),document.getElementById(this.item?.triggerId??"")?.focus()})};this.handleOutsidePointerDown=e=>{this.open&&this.isOutside(e.target)&&this.root?.onClose()};this.handleOutsideFocus=e=>{if(!this.open)return;let t=f(e);t&&this.isOutside(t)&&this.root?.onClose()}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.root=l.root(this),this.item=this.closest("skdx-navigation-menu-item"),this.item&&(this.id?this.item.contentId=this.id:this.id=this.item.contentId,this.setAttribute("aria-labelledby",this.item.triggerId)),this.root?.addEventListener(l.event,this.onUpdate),this.addEventListener("pointerenter",this.handlePointerEnter),this.addEventListener("pointerleave",this.handlePointerLeave),document.addEventListener("keydown",this.onDocumentKeyDown),document.addEventListener("pointerdown",this.handleOutsidePointerDown),document.addEventListener("focusin",this.handleOutsideFocus),this.syncHostState()}disconnectedCallback(){this.root?.removeEventListener(l.event,this.onUpdate),this.removeEventListener("pointerenter",this.handlePointerEnter),this.removeEventListener("pointerleave",this.handlePointerLeave),document.removeEventListener("keydown",this.onDocumentKeyDown),document.removeEventListener("pointerdown",this.handleOutsidePointerDown),document.removeEventListener("focusin",this.handleOutsideFocus),this.releaseLayer?.(),this.releaseLayer=void 0,super.disconnectedCallback()}get open(){return!!this.item&&this.root?.value===this.item.value}syncHostState(){let e=this.open;this.setAttribute("data-state",e?"open":"closed"),this.hidden=!(e||this.forceMount),e?this.releaseLayer??(this.releaseLayer=g(this.layer)):(this.releaseLayer?.(),this.releaseLayer=void 0)}isOutside(e){if(!e||E(this.layer,e))return!1;let t=document.getElementById(this.item?.triggerId??"");return!this.contains(e)&&!t?.contains(e)}render(){return c`<slot></slot>`}};n.styles=[b,u`
       :host {
         display: block;
       }

package/dist/paper/Paper.cjs

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

package/dist/paper/Paper.d.cts

@@ -0,0 +1,11 @@
+import { SkdxCard } from '../card/Card.cjs';
+/**
+ * Paper alias of <skdx-card>: the same component under the name MUI users look for, with nothing changed. Every attribute, property, event and slot of `<skdx-card>` applies; reach for `<skdx-card>` itself for full control.
+ */
+export declare class SkdxPaper extends SkdxCard {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-paper': SkdxPaper;
+    }
+}

package/dist/paper/Paper.d.ts

@@ -0,0 +1,11 @@
+import { SkdxCard } from '../card/Card.js';
+/**
+ * Paper alias of <skdx-card>: the same component under the name MUI users look for, with nothing changed. Every attribute, property, event and slot of `<skdx-card>` applies; reach for `<skdx-card>` itself for full control.
+ */
+export declare class SkdxPaper extends SkdxCard {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-paper': SkdxPaper;
+    }
+}

package/dist/paper/Paper.js

@@ -0,0 +1 @@
+import{SkdxCard as a}from"../card/Card.js";var e=class extends a{};customElements.get("skdx-paper")===void 0&&customElements.define("skdx-paper",e);export{e as SkdxPaper};

package/dist/paper/index.cjs

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