@skdx/web-components 0.30.0 → 0.31.0

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

package/dist/paper/index.d.cts

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

package/dist/paper/index.d.ts

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

package/dist/paper/index.js

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

package/dist/password-input/PasswordInputField.cjs

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

package/dist/password-input/PasswordInputField.js

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

package/dist/popover/PopoverAnchor.cjs

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

package/dist/popover/PopoverAnchor.d.cts

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

package/dist/popover/PopoverAnchor.d.ts

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

package/dist/popover/PopoverAnchor.js

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

package/dist/popover/PopoverContent.cjs

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

package/dist/popover/PopoverContent.js

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

package/dist/popover/PopoverDescription.cjs

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