@editora/ui-core 0.1.19 → 0.1.21

package/dist/positioner-D_fqyx_j.js

@@ -0,0 +1 @@
+"use strict";const X=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"];function z(e){return e instanceof HTMLElement}function Y(e){return!!e&&typeof e.top=="number"&&typeof e.left=="number"}function $(e){return!!e&&typeof e.getBoundingClientRect=="function"}function C(e){const t=e.x??0,n=e.y??0;return typeof DOMRect.fromRect=="function"?DOMRect.fromRect({x:t,y:n,width:e.width,height:e.height}):new DOMRect(t,n,e.width,e.height)}function p(e){return e instanceof DOMRect?e:C({x:e.x??e.left,y:e.y??e.top,width:e.width,height:e.height})}function w(e){return z(e)?e.getBoundingClientRect():Y(e)?p(e):p(e.getBoundingClientRect())}function _(e,t){const n=t?.getClientRects?.(e);if(n)return Array.from(n).map(i=>p(i)).filter(i=>i.width>0||i.height>0);const r=(z(e)||$(e))&&typeof e.getClientRects=="function"?e.getClientRects():null;return r?Array.from(r).map(i=>p(i)).filter(i=>i.width>0||i.height>0):[]}function j(e,t,n,r){if(!n)return w(e);const i=_(e,r);if(i.length===0)return w(e);const{side:o}=x(t);return o==="bottom"||o==="right"?i[i.length-1]||w(e):i[0]||w(e)}function H(e){return z(e)?e:$(e)&&e.contextElement instanceof HTMLElement?e.contextElement:null}function G(e,t,n){if(n)return n;const r=H(e)||(t instanceof HTMLElement?t:null);return r&&window.getComputedStyle(r).direction==="rtl"?"rtl":"ltr"}function J(e,t,n){return{getBoundingClientRect:()=>C({x:e,y:t,width:0,height:0}),contextElement:n}}function K(e,t){const n=C({x:e.x??e.left,y:e.y??e.top,width:e.width,height:e.height});return{getBoundingClientRect:()=>n,contextElement:t}}function Q(e,t){return{getBoundingClientRect:()=>p(e.getBoundingClientRect()),getClientRects:()=>e.getClientRects(),contextElement:t}}function Z(){const e=window.innerWidth||document.documentElement.clientWidth||0,t=window.innerHeight||document.documentElement.clientHeight||0;return{top:0,left:0,right:e,bottom:t,width:e,height:t}}function L(e){return{top:e.top,left:e.left,right:e.right,bottom:e.bottom,width:e.width,height:e.height}}function ee(e,t){const n=Math.max(e.left,t.left),r=Math.max(e.top,t.top),i=Math.min(e.right,t.right),o=Math.min(e.bottom,t.bottom);return{top:r,left:n,right:i,bottom:o,width:Math.max(0,i-n),height:Math.max(0,o-r)}}function te(e){const t=window.getComputedStyle(e),n=`${t.overflow}${t.overflowX}${t.overflowY}`;return/(auto|scroll|overlay|hidden|clip)/.test(n)}function R(e){const t=[];let n=e?.parentElement??null;for(;n&&n!==document.body&&n!==document.documentElement;)te(n)&&t.push(n),n=n.parentElement;return t.push(window),t}function ne(e,t,n){let r=n instanceof HTMLElement?L(n.getBoundingClientRect()):Z();if(n instanceof HTMLElement)return r;const i=new Set,o=H(e);return o&&R(o).forEach(c=>{c instanceof Element&&i.add(c)}),t instanceof HTMLElement&&R(t).forEach(c=>{c instanceof Element&&i.add(c)}),i.forEach(c=>{r=ee(r,L(c.getBoundingClientRect()))}),r}function x(e){const[t,n]=e.split("-");return{side:t,align:n||"center"}}function re(e){return e==="top"?"bottom":e==="bottom"?"top":e==="left"?"right":"left"}function ie(e){const{side:t,align:n}=x(e);return`${re(t)}${n==="center"?"":`-${n}`}`}function O(e,t,n,r=0,i=0,o=!1){const{side:c,align:a}=x(n);let l=0,d=0;return c==="top"||c==="bottom"?(a==="start"?l=o?e.right-t.width:e.left:a==="end"?l=o?e.left:e.right-t.width:l=e.left+(e.width-t.width)/2,d=c==="top"?e.top-t.height-r:e.bottom+r,l+=i):(a==="start"?d=e.top:a==="end"?d=e.bottom-t.height:d=e.top+(e.height-t.height)/2,l=c==="left"?e.left-t.width-r:e.right+r,d+=i),{x:l,y:d}}function E(e,t,n){return Math.min(n,Math.max(t,e))}function P(e){return Math.max(0,e.top)+Math.max(0,e.right)+Math.max(0,e.bottom)+Math.max(0,e.left)}function D(e,t){const{side:n}=x(e);return Math.max(0,t[n])}function oe(e,t){const{side:n}=x(e);return n==="top"||n==="bottom"?Math.max(0,t.left)+Math.max(0,t.right):Math.max(0,t.top)+Math.max(0,t.bottom)}function b(e,t={}){const n=t.padding??e.padding,r=t.elementContext==="reference"?{x:e.rects.reference.left,y:e.rects.reference.top,width:e.rects.reference.width,height:e.rects.reference.height}:{x:e.x,y:e.y,width:e.rects.floating.width,height:e.rects.floating.height};return{top:e.boundary.top+n-r.y,right:r.x+r.width-(e.boundary.right-n),bottom:r.y+r.height-(e.boundary.bottom-n),left:e.boundary.left+n-r.x}}function F(e=0){return{name:"offset",options:e,fn(t){const n=typeof e=="number"?{mainAxis:e,crossAxis:0}:{mainAxis:e.mainAxis??0,crossAxis:e.crossAxis??0},r=O(t.rects.reference,t.rects.floating,t.placement,n.mainAxis,n.crossAxis,t.rtl);return{x:r.x,y:r.y,data:{x:r.x-t.x,y:r.y-t.y}}}}}function V(e={}){return{name:"flip",options:e,fn(t){const n=e.fallbackPlacements?.length?e.fallbackPlacements:[ie(t.initialPlacement)],i=[t.placement,...n].map(l=>{const d=t.getAnchorRect(l),f=t.getCoords(l,d),s=b({...t,x:f.x,y:f.y,rects:{...t.rects,reference:d}},{padding:e.padding??t.padding});return{placement:l,overflow:s,coords:f,reference:d}}),o=i[0];if(!o||D(t.placement,o.overflow)<=0)return{data:{overflows:i.map(({placement:l,overflow:d})=>({placement:l,overflow:d}))}};const a=i.find(({placement:l,overflow:d})=>D(l,d)<=0&&oe(l,d)<=0)||i.reduce((l,d)=>P(d.overflow)<P(l.overflow)?d:l,o);return a.placement===t.placement?{data:{overflows:i.map(({placement:l,overflow:d})=>({placement:l,overflow:d}))}}:{x:a.coords.x,y:a.coords.y,placement:a.placement,data:{overflows:i.map(({placement:l,overflow:d})=>({placement:l,overflow:d}))}}}}}function T(e={}){return{name:"autoPlacement",options:e,fn(t){const n=e.allowedPlacements?.length?e.allowedPlacements:X,r=n.map(o=>{const c=t.getAnchorRect(o),a=t.getCoords(o,c),l=b({...t,x:a.x,y:a.y,rects:{...t.rects,reference:c}},{padding:e.padding??t.padding});return{placement:o,overflow:l,coords:a,reference:c}}),i=r.reduce((o,c)=>{const a=P(c.overflow),l=P(o.overflow);if(a!==l)return a<l?c:o;const d=Math.max(0,t.boundary.right-c.coords.x)*Math.max(0,t.boundary.bottom-c.coords.y),f=Math.max(0,t.boundary.right-o.coords.x)*Math.max(0,t.boundary.bottom-o.coords.y);return d>f?c:o},r[0]);if(i)return{x:i.coords.x,y:i.coords.y,placement:i.placement,data:{index:n.indexOf(i.placement),overflows:r.map(({placement:o,overflow:c})=>({placement:o,overflow:c}))}}}}}function B(e={}){return{name:"shift",options:e,fn(t){const n=e.mainAxis??!0,r=e.crossAxis??!0,{side:i}=x(t.placement),o=b(t,{padding:e.padding??t.padding});let c=t.x,a=t.y;return i==="top"||i==="bottom"?(r&&(c+=Math.max(0,o.left)-Math.max(0,o.right)),n&&(a+=i==="top"?Math.max(0,o.top):-Math.max(0,o.bottom))):(r&&(a+=Math.max(0,o.top)-Math.max(0,o.bottom)),n&&(c+=i==="left"?Math.max(0,o.left):-Math.max(0,o.right))),{x:c,y:a,data:{x:c-t.x,y:a-t.y}}}}}function I(e={}){return{name:"size",options:e,fn(t){const n=e.padding??t.padding,r=Math.max(0,t.boundary.right-t.x-n),i=Math.max(0,t.boundary.bottom-t.y-n);return e.apply?.({availableWidth:r,availableHeight:i,rects:t.rects,elements:t.elements}),{data:{availableWidth:r,availableHeight:i}}}}}function k(e={}){return{name:"arrow",options:e,fn(t){const{side:n}=x(t.placement),r=e.padding??8,i=e.element?.getBoundingClientRect(),o=i?.width||e.element?.offsetWidth||0,c=i?.height||e.element?.offsetHeight||0,a=t.rects.reference.left+t.rects.reference.width/2,l=t.rects.reference.top+t.rects.reference.height/2;if(n==="top"||n==="bottom"){const u=o/2,y=r,v=Math.max(y,t.rects.floating.width-r-o),M=a-t.x-u,A=E(M,y,v);return{data:{x:A,centerOffset:M-A}}}const d=c/2,f=r,s=Math.max(f,t.rects.floating.height-r-c),g=l-t.y-d,m=E(g,f,s);return{data:{y:m,centerOffset:g-m}}}}}function q(e={}){return{name:"hide",options:e,fn(t){const n=e.padding??t.padding,r=b(t,{elementContext:"reference",padding:n}),i=b(t,{padding:n}),o=Object.values(r).some(a=>a>0),c=Object.values(i).some(a=>a>0);return{data:{referenceHidden:o,escaped:c,referenceHiddenOffsets:r,escapedOffsets:i}}}}}function ce(e){const t=typeof e.boundaryPadding=="number"?e.boundaryPadding:4,n=[];return e.autoPlacement?n.push(T({padding:t,allowedPlacements:e.allowedPlacements})):e.flip&&n.push(V({padding:t,fallbackPlacements:e.fallbackPlacements})),n.push(F({mainAxis:typeof e.offset=="number"?e.offset:8,crossAxis:typeof e.crossOffset=="number"?e.crossOffset:0})),(e.shift||e.fitViewport)&&n.push(B({padding:t})),(e.matchWidth||e.fitViewport)&&n.push(I({padding:t})),e.arrow&&n.push(k({element:e.arrow,padding:e.arrowPadding})),e.hideWhenDetached&&n.push(q({padding:t})),e.middleware?.length&&n.push(...e.middleware),n}function le(e,t,n){if(!n)return;typeof n.x=="number"&&(e.x=n.x),typeof n.y=="number"&&(e.y=n.y);const i=(typeof n.reset=="object"?n.reset.placement:void 0)||n.placement;if(i&&i!==e.placement){e.placement=i,e.rects=e.getRects(i);const o=e.getCoords(i,e.rects.reference);e.x=typeof n.x=="number"?n.x:o.x,e.y=typeof n.y=="number"?n.y:o.y}typeof n.x=="number"&&(e.x=n.x),typeof n.y=="number"&&(e.y=n.y),n.data!==void 0&&(e.middlewareData[t.name]=n.data)}function S(e,t,n={}){const r=z(t)?t.getBoundingClientRect():t,i=n.placement||"bottom",o=n.strategy||"fixed",c=typeof n.boundaryPadding=="number"?n.boundaryPadding:4,a=G(e,t,n.dir)==="rtl",l=h=>n.platform?.getElementRects?.({anchor:e,floating:t,placement:h,inline:!!n.inline})??{reference:j(e,h,!!n.inline,n.platform),floating:r},d=h=>l(h).reference,f=l(i),s=O(f.reference,f.floating,i,0,0,a),g={},m=n.platform?.getClippingRect?.({anchor:e,floating:t,boundary:n.boundary??null})??ne(e,t,n.boundary??null),u={x:s.x,y:s.y,initialPlacement:i,placement:i,strategy:o,rects:f,elements:{anchor:e,floating:t},boundary:m,padding:c,rtl:a,middlewareData:g,getRects:l,getAnchorRect:d,getCoords:(h,U=d(h))=>O(U,u.rects.floating,h,0,0,a)};ce(n).forEach(h=>{le(u,h,h.fn(u))});const y=g.size,v=g.hide,M=y?.availableWidth??Math.max(0,u.boundary.right-u.x-c),A=y?.availableHeight??Math.max(0,u.boundary.bottom-u.y-c);return{x:u.x,y:u.y,placement:u.placement,strategy:o,availableWidth:M,availableHeight:A,middlewareData:g,referenceHidden:v?.referenceHidden,escaped:v?.escaped,rects:u.rects}}function W(e,t){return t!=="absolute"?e:{...e,x:e.x+window.scrollX,y:e.y+window.scrollY}}function ae(e,t){if(typeof IntersectionObserver>"u")return()=>{};let n=()=>{};return(()=>{n();const i=e.getBoundingClientRect(),o=document.documentElement,c=`${-Math.floor(i.top)}px ${-Math.floor(o.clientWidth-i.right)}px ${-Math.floor(o.clientHeight-i.bottom)}px ${-Math.floor(i.left)}px`,a=new IntersectionObserver(()=>t(),{rootMargin:c,threshold:1});a.observe(e),n=()=>a.disconnect()})(),()=>n()}function de(e,t,n,r){let i=0,o=0,c=null,a=null,l=null;const d=[],f=H(e),s=()=>{i||(i=requestAnimationFrame(()=>{i=0,n()}))};if(r.observeWindowResize&&(window.addEventListener("resize",s),d.push(()=>window.removeEventListener("resize",s))),r.observeScroll&&(window.addEventListener("scroll",s,{passive:!0,capture:!0}),d.push(()=>window.removeEventListener("scroll",s,!0))),(r.observeAncestorScroll||r.observeAncestorResize?new Set([...f?R(f):[],...R(t)]):new Set).forEach(m=>{m!==window&&(r.observeAncestorScroll&&(m.addEventListener("scroll",s,{passive:!0}),d.push(()=>m.removeEventListener("scroll",s))),r.observeAncestorResize&&(m.addEventListener("resize",s),d.push(()=>m.removeEventListener("resize",s))))}),f&&r.observeLayoutShift&&d.push(ae(f,s)),typeof ResizeObserver<"u"&&(r.observeAnchorResize&&f&&(a=new ResizeObserver(s),a.observe(f)),r.observeFloatingResize&&(l=new ResizeObserver(s),l.observe(t))),r.animationFrame){c=w(e);const m=()=>{const u=w(e);c&&(c.top!==u.top||c.left!==u.left||c.width!==u.width||c.height!==u.height)&&s(),c=u,o=requestAnimationFrame(m)};o=requestAnimationFrame(m)}return()=>{d.forEach(m=>m()),a&&a.disconnect(),l&&l.disconnect(),i&&cancelAnimationFrame(i),o&&cancelAnimationFrame(o)}}function N(e,t,n,r={}){return de(e,t,n,{observeWindowResize:r.observeWindowResize??!0,observeScroll:r.observeScroll??!0,observeAncestorScroll:r.observeAncestorScroll??!0,observeAncestorResize:r.observeAncestorResize??!0,observeLayoutShift:r.observeLayoutShift??!0,observeAnchorResize:r.observeAnchorResize??!0,observeFloatingResize:r.observeFloatingResize??!0,animationFrame:r.animationFrame??!1})}function fe(e,t,n,r){const{side:i}=x(t.placement),o=n.left+n.width/2,c=n.top+n.height/2;if(i==="top"||i==="bottom"){const l=Math.max(8,r.width-8),d=E(o-t.x,8,l);e.style.left=`${Math.round(d)}px`}else{const l=Math.max(8,r.height-8),d=E(c-t.y,8,l);e.style.top=`${Math.round(d)}px`}}function se(e,t){const n=t.middlewareData?.arrow;n&&(typeof n.x=="number"&&(e.style.left=`${Math.round(n.x)}px`),typeof n.y=="number"&&(e.style.top=`${Math.round(n.y)}px`))}function ue(e,t,n,r){if(e.style.position=n,e.style.left=`${Math.round(t.x)}px`,e.style.top=`${Math.round(t.y)}px`,e.style.setProperty("--ui-positioner-x",`${Math.round(t.x)}px`),e.style.setProperty("--ui-positioner-y",`${Math.round(t.y)}px`),r.matchWidth){const i=w(r.anchor);e.style.width=`${Math.round(i.width)}px`}r.fitViewport&&(e.style.maxWidth=`${Math.round(t.availableWidth)}px`,e.style.maxHeight=`${Math.round(t.availableHeight)}px`),e.setAttribute("data-placement",t.placement),typeof t.referenceHidden=="boolean"||typeof t.escaped=="boolean"?(e.setAttribute("data-reference-hidden",t.referenceHidden?"true":"false"),e.setAttribute("data-escaped",t.escaped?"true":"false")):(e.removeAttribute("data-reference-hidden"),e.removeAttribute("data-escaped")),r.arrow instanceof HTMLElement&&(t.middlewareData?.arrow?se(r.arrow,t):fe(r.arrow,t,w(r.anchor),e.getBoundingClientRect()))}function me(e){if(!(e.floating instanceof HTMLElement))throw new Error("createPositioner requires a valid floating HTMLElement");const t=e.strategy||"fixed",n=e.floating;let r=W(S(e.anchor,n,e),t);const i=N(e.anchor,n,o,{observeWindowResize:e.observeWindowResize??!0,observeScroll:e.observeScroll??!0,observeAncestorScroll:e.observeAncestorScroll??!0,observeAncestorResize:e.observeAncestorResize??!0,observeLayoutShift:e.observeLayoutShift??!0,observeAnchorResize:e.observeAnchorResize??!0,observeFloatingResize:e.observeFloatingResize??!(e.fitViewport||e.matchWidth),animationFrame:e.animationFrame??!1});function o(){const c=W(S(e.anchor,n,e),t);return r=c,ue(n,c,t,e),e.onUpdate?.(c),r}return o(),{update:o,destroy(){i()}}}exports.arrowMiddleware=k;exports.autoPlacementMiddleware=T;exports.autoUpdatePositioner=N;exports.computePositionState=S;exports.createPositioner=me;exports.createVirtualPoint=J;exports.createVirtualRange=Q;exports.createVirtualRect=K;exports.detectPositionerOverflow=b;exports.flipMiddleware=V;exports.hideMiddleware=q;exports.offsetMiddleware=F;exports.shiftMiddleware=B;exports.sizeMiddleware=I;

package/dist/positioner.cjs.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./ElementBase-1b301e7f.js"),c=require("./positioner-33529bb8.js"),h=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./ElementBase-EV6mVBUV.js"),h=require("./positioner-D_fqyx_j.js"),a=require("./selector-BvAh35ve.js"),d=`
   :host {
     display: contents;
     color-scheme: light dark;
   }
-`;function r(s,t=0){const e=Number(s);return Number.isFinite(e)?e:t}function o(s){if(s==null)return!1;const t=s.toLowerCase();return t!=="false"&&t!=="0"&&t!=="off"}function d(s){return new Set(["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"]).has(s)?s:"bottom"}function f(s){return s==="absolute"?"absolute":"fixed"}class a extends u.ElementBase{constructor(){super(...arguments),this._positioner=null,this._observer=null}static get observedAttributes(){return["open","placement","strategy","offset","cross-offset","flip","shift","match-width","fit-viewport","auto-placement","hide-when-detached","inline","boundary-padding","dir","anchor","headless"]}connectedCallback(){super.connectedCallback(),this._observer=new MutationObserver(()=>this._syncPositioner()),this._observer.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot","id"]}),this._syncPositioner()}disconnectedCallback(){var t;(t=this._observer)==null||t.disconnect(),this._observer=null,this._destroyPositioner(),super.disconnectedCallback()}attributeChangedCallback(t,e,i){e!==i&&this._syncPositioner()}open(){this.setAttribute("open","")}close(){this.removeAttribute("open")}updatePosition(){var t;(t=this._positioner)==null||t.update()}_destroyPositioner(){var t;(t=this._positioner)==null||t.destroy(),this._positioner=null}_resolveAnchor(){const t=this.getAttribute("anchor");if(t){const i=this.getRootNode(),n=i instanceof ShadowRoot||i instanceof Document?i.querySelector(t):null;if(n instanceof HTMLElement)return n;const l=document.querySelector(t);if(l instanceof HTMLElement)return l}const e=this.querySelector('[slot="anchor"]');return e instanceof HTMLElement?e:null}_resolveFloating(){const t=this.querySelector('[slot="content"]');return t instanceof HTMLElement?t:Array.from(this.children).find(e=>e.getAttribute("slot")!=="anchor")}_syncPositioner(){if(!this.isConnected)return;if(this.hasAttribute("headless")||!this.hasAttribute("open")){this._destroyPositioner();return}const t=this._resolveAnchor(),e=this._resolveFloating();if(!(t instanceof HTMLElement)||!(e instanceof HTMLElement)){this._destroyPositioner();return}this._destroyPositioner(),this._positioner=c.createPositioner({anchor:t,floating:e,placement:d(this.getAttribute("placement")),strategy:f(this.getAttribute("strategy")),dir:this.getAttribute("dir")==="rtl"?"rtl":"ltr",offset:r(this.getAttribute("offset"),8),crossOffset:r(this.getAttribute("cross-offset"),0),flip:!this.hasAttribute("flip")||o(this.getAttribute("flip")),shift:!this.hasAttribute("shift")||o(this.getAttribute("shift")),matchWidth:o(this.getAttribute("match-width")),fitViewport:o(this.getAttribute("fit-viewport")),autoPlacement:o(this.getAttribute("auto-placement")),hideWhenDetached:o(this.getAttribute("hide-when-detached")),inline:o(this.getAttribute("inline")),boundaryPadding:r(this.getAttribute("boundary-padding"),4),arrow:this.querySelector('[slot="arrow"], .arrow'),onUpdate:i=>{this.dispatchEvent(new CustomEvent("position-change",{detail:i,bubbles:!0,composed:!0}))}})}render(){this.setContent(`<style>${h}</style><slot name="anchor"></slot><slot name="content"></slot><slot></slot>`)}shouldRenderOnAttributeChange(){return!1}}typeof customElements<"u"&&!customElements.get("ui-positioner")&&customElements.define("ui-positioner",a);exports.UIPositioner=a;
+`;function r(s,t=0){const e=Number(s);return Number.isFinite(e)?e:t}function o(s){if(s==null)return!1;const t=s.toLowerCase();return t!=="false"&&t!=="0"&&t!=="off"}function f(s){return new Set(["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"]).has(s)?s:"bottom"}function b(s){return s==="absolute"?"absolute":"fixed"}class u extends c.ElementBase{constructor(){super(...arguments),this._positioner=null,this._observer=null}static get observedAttributes(){return["open","placement","strategy","offset","cross-offset","flip","shift","match-width","fit-viewport","auto-placement","hide-when-detached","inline","boundary-padding","dir","anchor","headless"]}connectedCallback(){super.connectedCallback(),this._observer=new MutationObserver(()=>this._syncPositioner()),this._observer.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot","id"]}),this._syncPositioner()}disconnectedCallback(){this._observer?.disconnect(),this._observer=null,this._destroyPositioner(),super.disconnectedCallback()}attributeChangedCallback(t,e,i){e!==i&&this._syncPositioner()}open(){this.setAttribute("open","")}close(){this.removeAttribute("open")}updatePosition(){this._positioner?.update()}_destroyPositioner(){this._positioner?.destroy(),this._positioner=null}_resolveAnchor(){const t=this.getAttribute("anchor");if(t){const i=this.getRootNode(),n=i instanceof ShadowRoot||i instanceof Document?a.safeQuerySelector(i,t):null;if(n instanceof HTMLElement)return n;const l=a.safeQuerySelector(document,t);if(l instanceof HTMLElement)return l}const e=this.querySelector('[slot="anchor"]');return e instanceof HTMLElement?e:null}_resolveFloating(){const t=this.querySelector('[slot="content"]');return t instanceof HTMLElement?t:Array.from(this.children).find(e=>e.getAttribute("slot")!=="anchor")}_syncPositioner(){if(!this.isConnected)return;if(this.hasAttribute("headless")||!this.hasAttribute("open")){this._destroyPositioner();return}const t=this._resolveAnchor(),e=this._resolveFloating();if(!(t instanceof HTMLElement)||!(e instanceof HTMLElement)){this._destroyPositioner();return}this._destroyPositioner(),this._positioner=h.createPositioner({anchor:t,floating:e,placement:f(this.getAttribute("placement")),strategy:b(this.getAttribute("strategy")),dir:this.getAttribute("dir")==="rtl"?"rtl":"ltr",offset:r(this.getAttribute("offset"),8),crossOffset:r(this.getAttribute("cross-offset"),0),flip:!this.hasAttribute("flip")||o(this.getAttribute("flip")),shift:!this.hasAttribute("shift")||o(this.getAttribute("shift")),matchWidth:o(this.getAttribute("match-width")),fitViewport:o(this.getAttribute("fit-viewport")),autoPlacement:o(this.getAttribute("auto-placement")),hideWhenDetached:o(this.getAttribute("hide-when-detached")),inline:o(this.getAttribute("inline")),boundaryPadding:r(this.getAttribute("boundary-padding"),4),arrow:this.querySelector('[slot="arrow"], .arrow'),onUpdate:i=>{this.dispatchEvent(new CustomEvent("position-change",{detail:i,bubbles:!0,composed:!0}))}})}render(){this.setContent(`<style>${d}</style><slot name="anchor"></slot><slot name="content"></slot><slot></slot>`)}shouldRenderOnAttributeChange(){return!1}}typeof customElements<"u"&&!customElements.get("ui-positioner")&&customElements.define("ui-positioner",u);exports.UIPositioner=u;

package/dist/positioner.esm.js

@@ -1,6 +1,7 @@
-import { E as a } from "./ElementBase-909688f3.mjs";
-import { l as h } from "./positioner-e9770c66.mjs";
-const c = `
+import { E as h } from "./ElementBase-YlTLMsGk.mjs";
+import { e as c } from "./positioner-D0VGxtYU.mjs";
+import { s as l } from "./selector-WI8pD7YO.mjs";
+const u = `
   :host {
     display: contents;
     color-scheme: light dark;
@@ -11,12 +12,11 @@ function r(s, t = 0) {
   return Number.isFinite(e) ? e : t;
 }
 function o(s) {
-  if (s == null)
-    return !1;
+  if (s == null) return !1;
   const t = s.toLowerCase();
   return t !== "false" && t !== "0" && t !== "off";
 }
-function u(s) {
+function d(s) {
   return (/* @__PURE__ */ new Set([
     "top",
     "top-start",
@@ -32,10 +32,10 @@ function u(s) {
     "left-end"
   ])).has(s) ? s : "bottom";
 }
-function d(s) {
+function f(s) {
   return s === "absolute" ? "absolute" : "fixed";
 }
-class f extends a {
+class b extends h {
   constructor() {
     super(...arguments), this._positioner = null, this._observer = null;
   }
@@ -63,8 +63,7 @@ class f extends a {
     super.connectedCallback(), this._observer = new MutationObserver(() => this._syncPositioner()), this._observer.observe(this, { childList: !0, subtree: !0, attributes: !0, attributeFilter: ["slot", "id"] }), this._syncPositioner();
   }
   disconnectedCallback() {
-    var t;
-    (t = this._observer) == null || t.disconnect(), this._observer = null, this._destroyPositioner(), super.disconnectedCallback();
+    this._observer?.disconnect(), this._observer = null, this._destroyPositioner(), super.disconnectedCallback();
   }
   attributeChangedCallback(t, e, i) {
     e !== i && this._syncPositioner();
@@ -76,22 +75,18 @@ class f extends a {
     this.removeAttribute("open");
   }
   updatePosition() {
-    var t;
-    (t = this._positioner) == null || t.update();
+    this._positioner?.update();
   }
   _destroyPositioner() {
-    var t;
-    (t = this._positioner) == null || t.destroy(), this._positioner = null;
+    this._positioner?.destroy(), this._positioner = null;
   }
   _resolveAnchor() {
     const t = this.getAttribute("anchor");
     if (t) {
-      const i = this.getRootNode(), n = i instanceof ShadowRoot || i instanceof Document ? i.querySelector(t) : null;
-      if (n instanceof HTMLElement)
-        return n;
-      const l = document.querySelector(t);
-      if (l instanceof HTMLElement)
-        return l;
+      const i = this.getRootNode(), n = i instanceof ShadowRoot || i instanceof Document ? l(i, t) : null;
+      if (n instanceof HTMLElement) return n;
+      const a = l(document, t);
+      if (a instanceof HTMLElement) return a;
     }
     const e = this.querySelector('[slot="anchor"]');
     return e instanceof HTMLElement ? e : null;
@@ -101,8 +96,7 @@ class f extends a {
     return t instanceof HTMLElement ? t : Array.from(this.children).find((e) => e.getAttribute("slot") !== "anchor");
   }
   _syncPositioner() {
-    if (!this.isConnected)
-      return;
+    if (!this.isConnected) return;
     if (this.hasAttribute("headless") || !this.hasAttribute("open")) {
       this._destroyPositioner();
       return;
@@ -112,11 +106,11 @@ class f extends a {
       this._destroyPositioner();
       return;
     }
-    this._destroyPositioner(), this._positioner = h({
+    this._destroyPositioner(), this._positioner = c({
       anchor: t,
       floating: e,
-      placement: u(this.getAttribute("placement")),
-      strategy: d(this.getAttribute("strategy")),
+      placement: d(this.getAttribute("placement")),
+      strategy: f(this.getAttribute("strategy")),
       dir: this.getAttribute("dir") === "rtl" ? "rtl" : "ltr",
       offset: r(this.getAttribute("offset"), 8),
       crossOffset: r(this.getAttribute("cross-offset"), 0),
@@ -135,13 +129,13 @@ class f extends a {
     });
   }
   render() {
-    this.setContent(`<style>${c}</style><slot name="anchor"></slot><slot name="content"></slot><slot></slot>`);
+    this.setContent(`<style>${u}</style><slot name="anchor"></slot><slot name="content"></slot><slot></slot>`);
   }
   shouldRenderOnAttributeChange() {
     return !1;
   }
 }
-typeof customElements < "u" && !customElements.get("ui-positioner") && customElements.define("ui-positioner", f);
+typeof customElements < "u" && !customElements.get("ui-positioner") && customElements.define("ui-positioner", b);
 export {
-  f as UIPositioner
+  b as UIPositioner
 };

package/dist/presence.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./ElementBase-1b301e7f.js"),l=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./ElementBase-EV6mVBUV.js"),l=`
   :host {
     --ui-presence-duration-enter: 180ms;
     --ui-presence-duration-exit: 150ms;

package/dist/presence.esm.js

@@ -1,4 +1,4 @@
-import { E as c } from "./ElementBase-909688f3.mjs";
+import { E as c } from "./ElementBase-YlTLMsGk.mjs";
 const d = `
   :host {
     --ui-presence-duration-enter: 180ms;
@@ -154,14 +154,12 @@ const d = `
   }
 `;
 function a(e, t) {
-  if (e == null)
-    return t;
+  if (e == null) return t;
   const s = String(e).toLowerCase();
   return s !== "false" && s !== "0";
 }
 function r(e, t) {
-  if (e == null || e === "")
-    return t;
+  if (e == null || e === "") return t;
   const s = Number(e);
   return Number.isFinite(s) ? s : t;
 }
@@ -247,29 +245,25 @@ class h extends c {
     this._clearDelay(), this._state !== "hidden" && (this._dispatch("before-exit"), this._setState("exiting"), this._dispatch("exit"));
   }
   _setState(t) {
-    if (this._state === t)
-      return;
+    if (this._state === t) return;
     this._state = t;
     const s = this._presenceEl || this.root.querySelector(".presence");
     this._presenceEl = s, s && s.setAttribute("data-state", t), this._syncNodePresentation(), this.setAttribute("data-state", t);
   }
   _syncNodePresentation() {
     const t = this._presenceEl || this.root.querySelector(".presence");
-    if (!t)
-      return;
+    if (!t) return;
     this._presenceEl = t;
     const s = a(this.getAttribute("keep-mounted"), !1), i = Math.max(0, r(this.getAttribute("enter-duration"), 180)), o = Math.max(0, r(this.getAttribute("exit-duration"), 150)), n = this._state !== "hidden" || s;
     t.style.setProperty("--ui-presence-duration-enter", `${i}ms`), t.style.setProperty("--ui-presence-duration-exit", `${o}ms`), t.style.display = n ? "block" : "none";
   }
   _onTransitionEnd(t) {
-    if (t.target !== t.currentTarget)
-      return;
+    if (t.target !== t.currentTarget) return;
     if (this._state === "entering" || this._state === "present") {
       this._setState("present"), this._dispatch("after-enter");
       return;
     }
-    if (this._state !== "exiting")
-      return;
+    if (this._state !== "exiting") return;
     a(this.getAttribute("keep-mounted"), !1) || this._setState("hidden"), this._dispatch("after-exit");
   }
   _dispatch(t) {

package/dist/primitives/auto-scroll.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Per-frame scroll step for a pointer at `position` inside the span [start, end]: negative near
+ * the start, positive near the end, 0 elsewhere. The step grows linearly from 0 at the edge of the
+ * `zone` to `maxStep` at the very edge, and the zone never exceeds half the span.
+ */
+export declare function edgeScrollDelta(position: number, start: number, end: number, zone?: number, maxStep?: number): number;
+/** The nearest ancestor (crossing shadow roots) that scrolls vertically, or null for the page. */
+export declare function findScrollParent(element: Element | null): HTMLElement | null;
+//# sourceMappingURL=auto-scroll.d.ts.map

package/dist/primitives/auto-scroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auto-scroll.d.ts","sourceRoot":"","sources":["../../src/primitives/auto-scroll.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,SAAK,EAAE,OAAO,SAAK,GAAG,MAAM,CAO7G;AAID,kGAAkG;AAClG,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,GAAG,WAAW,GAAG,IAAI,CAU5E"}

package/dist/primitives/selector.d.ts

@@ -0,0 +1,4 @@
+export declare function isValidSelector(selector: string): boolean;
+/** `root.querySelector(selector)` that yields null instead of throwing on an invalid selector. */
+export declare function safeQuerySelector<T extends Element = Element>(root: ParentNode, selector: string): T | null;
+//# sourceMappingURL=selector.d.ts.map

package/dist/primitives/selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selector.d.ts","sourceRoot":"","sources":["../../src/primitives/selector.ts"],"names":[],"mappings":"AAMA,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAazD;AAED,kGAAkG;AAClG,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,GAAG,IAAI,CAG3G"}

package/dist/progress.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("./ElementBase-1b301e7f.js"),g=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("./ElementBase-EV6mVBUV.js"),g=`
   :host {
     display: block;
     width: 100%;

package/dist/progress.esm.js

@@ -1,4 +1,4 @@
-import { E as p } from "./ElementBase-909688f3.mjs";
+import { E as p } from "./ElementBase-YlTLMsGk.mjs";
 const f = `
   :host {
     display: block;
@@ -317,14 +317,12 @@ function u(e, r, t) {
   return Number.isNaN(e) || e < r ? r : e > t ? t : e;
 }
 function g(e, r) {
-  if (e == null)
-    return r;
+  if (e == null) return r;
   const t = String(e).toLowerCase();
   return t !== "false" && t !== "0";
 }
 function d(e, r) {
-  if (e == null || e === "")
-    return r;
+  if (e == null || e === "") return r;
   const t = Number(e);
   return Number.isFinite(t) ? t : r;
 }
@@ -392,8 +390,7 @@ class E extends p {
   }
   _formatLabel(r) {
     const t = (this.getAttribute("format") || "percent").toLowerCase(), i = u(Math.round(d(this.getAttribute("precision"), 0)), 0, 3);
-    if (t === "value")
-      return `${this._value.toFixed(i)} / ${this._max.toFixed(i)}`;
+    if (t === "value") return `${this._value.toFixed(i)} / ${this._max.toFixed(i)}`;
     if (t === "fraction") {
       const s = Math.max(1, this._max - this._min);
       return `${Math.max(0, this._value - this._min).toFixed(i)}/${s.toFixed(i)}`;
@@ -401,8 +398,7 @@ class E extends p {
     return `${r.toFixed(i)}%`;
   }
   _emitState() {
-    if (this._indeterminate)
-      return;
+    if (this._indeterminate) return;
     const r = `${this._value}|${this._buffer}|${this._max}|${this._min}`;
     r !== this._lastEmitted && (this._lastEmitted = r, this.dispatchEvent(
       new CustomEvent("change", {

package/dist/quick-actions.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("./ElementBase-1b301e7f.js"),p=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("./ElementBase-EV6mVBUV.js"),h=`
   :host {
     --ui-quick-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 95%, transparent);
     --ui-quick-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent);
@@ -197,11 +197,11 @@
       border-color: Highlight;
     }
   }
-`;let g=0;function l(u){return u.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}class d extends h.ElementBase{constructor(){super(),this._instanceId=++g,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this)}static get observedAttributes(){return["open","mode","orientation","variant","floating","placement","collapsible","label","headless"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onClick),this.root.addEventListener("keydown",this._onKeyDown),this.getAttribute("mode")!=="fab"&&!this.hasAttribute("collapsible")&&!this.hasAttribute("open")&&this.setAttribute("open","")}disconnectedCallback(){this.root.removeEventListener("click",this._onClick),this.root.removeEventListener("keydown",this._onKeyDown),super.disconnectedCallback()}attributeChangedCallback(e,i,t){if(i!==t){if(e==="open"){this._syncOpenUi();return}this.isConnected&&this.requestRender()}}get open(){return this.hasAttribute("open")}set open(e){e?this.setAttribute("open",""):this.removeAttribute("open")}show(){this.toggle(!0)}hide(){this.toggle(!1)}toggle(e){const i=typeof e=="boolean"?e:!this.open;this.open=i;const t={open:i};this.dispatchEvent(new CustomEvent(i?"open":"close",{detail:t,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:t,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("toggle",{detail:t,bubbles:!0,composed:!0}))}_actions(){const e=this.root.querySelector('slot[name="action"]');return e?e.assignedElements({flatten:!0}).filter(i=>i instanceof HTMLElement):[]}_actionsId(){return`ui-quick-actions-${this._instanceId}-actions`}_syncActionAccessibility(e){this._actions().forEach((t,n)=>{var r;if(t.id||(t.id=`ui-quick-actions-${this._instanceId}-action-${n+1}`),t.hasAttribute("role")||t.setAttribute("role","button"),!t.hasAttribute("aria-label")){const o=(r=t.textContent)==null?void 0:r.trim();o&&t.setAttribute("aria-label",o)}if(e){const o=t.getAttribute("data-ui-quick-tabindex");o!=null?(o==="__none__"?t.removeAttribute("tabindex"):t.setAttribute("tabindex",o),t.removeAttribute("data-ui-quick-tabindex")):t.hasAttribute("tabindex")||t.setAttribute("tabindex","0"),t.setAttribute("aria-hidden","false");return}t.hasAttribute("data-ui-quick-tabindex")||t.setAttribute("data-ui-quick-tabindex",t.getAttribute("tabindex")??"__none__"),t.setAttribute("tabindex","-1"),t.setAttribute("aria-hidden","true")})}_onClick(e){var s;const i=e.target;if(!i)return;if(i.closest(".toggle")){this.toggle();return}const n=e.composedPath(),r=this._actions(),o=r.find(b=>n.includes(b));if(!o)return;const a=r.indexOf(o),c={index:a,id:o.id||o.getAttribute("data-id")||String(a+1),label:o.getAttribute("aria-label")||((s=o.textContent)==null?void 0:s.trim())||`Action ${a+1}`};this.dispatchEvent(new CustomEvent("select",{detail:c,bubbles:!0,composed:!0})),this.getAttribute("mode")==="fab"&&this.hide()}_moveFocus(e,i){const t=this._actions();if(!t.length)return;const n=t.indexOf(e);if(n<0)return;const r=(n+i+t.length)%t.length;t[r].focus()}_onKeyDown(e){if(e.key==="Escape"&&this.open&&this.getAttribute("mode")==="fab"){e.preventDefault(),this.hide();return}const i=e.target;if(!i)return;const n=this._actions().find(s=>s===i||s.contains(i));if(!n)return;const r=this.getAttribute("orientation")==="vertical"||this.getAttribute("mode")==="fab",o=!r&&getComputedStyle(this).direction==="rtl",a=r?"ArrowDown":o?"ArrowLeft":"ArrowRight",c=r?"ArrowUp":o?"ArrowRight":"ArrowLeft";if(e.key===a){e.preventDefault(),this._moveFocus(n,1);return}if(e.key===c){e.preventDefault(),this._moveFocus(n,-1);return}if(e.key==="Home"||e.key==="End"){e.preventDefault();const s=this._actions();if(!s.length)return;(e.key==="Home"?s[0]:s[s.length-1]).focus()}}_syncOpenUi(){if(!this.isConnected)return;if(!this.root.querySelector(".root")){this.requestRender();return}const e=this.getAttribute("mode")==="fab"?"fab":"bar",i=this.hasAttribute("collapsible")||e==="fab",t=this.open||!i&&e==="bar",n=this.getAttribute("label")||"Quick actions",r=this.root.querySelector(".toggle");r&&(r.textContent=t?"−":"+",r.setAttribute("aria-label",n),r.setAttribute("aria-expanded",t?"true":"false"));const o=this.root.querySelector(".actions");o&&(t?o.removeAttribute("hidden"):o.setAttribute("hidden","")),this._syncActionAccessibility(t)}render(){const e=this.getAttribute("mode")==="fab"?"fab":"bar",i=this.hasAttribute("collapsible")||e==="fab",t=this.open||!i&&e==="bar",n=this.getAttribute("label")||"Quick actions",r=this._actionsId(),o=this.getAttribute("orientation")==="vertical"||e==="fab"?"vertical":"horizontal";this.setContent(`
-      <style>${p}</style>
-      <section class="root" part="root" role="toolbar" aria-label="${l(n)}" aria-orientation="${o}">
-        ${i?`<button type="button" class="toggle" part="toggle" aria-label="${l(n)}" aria-controls="${r}" aria-haspopup="true" aria-expanded="${t?"true":"false"}">${t?"−":"+"}</button>`:""}
-        <div id="${r}" class="actions" part="actions" role="group" aria-label="${l(n)} list" ${t?"":"hidden"}>
+`;let p=0;function l(u){return u.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}class d extends b.ElementBase{constructor(){super(),this._instanceId=++p,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this)}static get observedAttributes(){return["open","mode","orientation","variant","floating","placement","collapsible","label","headless"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onClick),this.root.addEventListener("keydown",this._onKeyDown),this.getAttribute("mode")!=="fab"&&!this.hasAttribute("collapsible")&&!this.hasAttribute("open")&&this.setAttribute("open","")}disconnectedCallback(){this.root.removeEventListener("click",this._onClick),this.root.removeEventListener("keydown",this._onKeyDown),super.disconnectedCallback()}attributeChangedCallback(e,o,t){if(o!==t){if(e==="open"){this._syncOpenUi();return}this.isConnected&&this.requestRender()}}get open(){return this.hasAttribute("open")}set open(e){e?this.setAttribute("open",""):this.removeAttribute("open")}show(){this.toggle(!0)}hide(){this.toggle(!1)}toggle(e){const o=typeof e=="boolean"?e:!this.open;this.open=o;const t={open:o};this.dispatchEvent(new CustomEvent(o?"open":"close",{detail:t,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:t,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("toggle",{detail:t,bubbles:!0,composed:!0}))}_actions(){const e=this.root.querySelector('slot[name="action"]');return e?e.assignedElements({flatten:!0}).filter(o=>o instanceof HTMLElement):[]}_actionsId(){return`ui-quick-actions-${this._instanceId}-actions`}_syncActionAccessibility(e){this._actions().forEach((t,r)=>{if(t.id||(t.id=`ui-quick-actions-${this._instanceId}-action-${r+1}`),t.hasAttribute("role")||t.setAttribute("role","button"),!t.hasAttribute("aria-label")){const i=t.textContent?.trim();i&&t.setAttribute("aria-label",i)}if(e){const i=t.getAttribute("data-ui-quick-tabindex");i!=null?(i==="__none__"?t.removeAttribute("tabindex"):t.setAttribute("tabindex",i),t.removeAttribute("data-ui-quick-tabindex")):t.hasAttribute("tabindex")||t.setAttribute("tabindex","0"),t.setAttribute("aria-hidden","false");return}t.hasAttribute("data-ui-quick-tabindex")||t.setAttribute("data-ui-quick-tabindex",t.getAttribute("tabindex")??"__none__"),t.setAttribute("tabindex","-1"),t.setAttribute("aria-hidden","true")})}_onClick(e){const o=e.target;if(!o)return;if(o.closest(".toggle")){this.toggle();return}const r=e.composedPath(),i=this._actions(),n=i.find(s=>r.includes(s));if(!n)return;const a=i.indexOf(n),c={index:a,id:n.id||n.getAttribute("data-id")||String(a+1),label:n.getAttribute("aria-label")||n.textContent?.trim()||`Action ${a+1}`};this.dispatchEvent(new CustomEvent("select",{detail:c,bubbles:!0,composed:!0})),this.getAttribute("mode")==="fab"&&this.hide()}_moveFocus(e,o){const t=this._actions();if(!t.length)return;const r=t.indexOf(e);if(r<0)return;const i=(r+o+t.length)%t.length;t[i].focus()}_onKeyDown(e){if(e.key==="Escape"&&this.open&&this.getAttribute("mode")==="fab"){e.preventDefault(),this.hide();return}const o=e.target;if(!o)return;const r=this._actions().find(s=>s===o||s.contains(o));if(!r)return;const i=this.getAttribute("orientation")==="vertical"||this.getAttribute("mode")==="fab",n=!i&&getComputedStyle(this).direction==="rtl",a=i?"ArrowDown":n?"ArrowLeft":"ArrowRight",c=i?"ArrowUp":n?"ArrowRight":"ArrowLeft";if(e.key===a){e.preventDefault(),this._moveFocus(r,1);return}if(e.key===c){e.preventDefault(),this._moveFocus(r,-1);return}if(e.key==="Home"||e.key==="End"){e.preventDefault();const s=this._actions();if(!s.length)return;(e.key==="Home"?s[0]:s[s.length-1]).focus()}}_syncOpenUi(){if(!this.isConnected)return;if(!this.root.querySelector(".root")){this.requestRender();return}const e=this.getAttribute("mode")==="fab"?"fab":"bar",o=this.hasAttribute("collapsible")||e==="fab",t=this.open||!o&&e==="bar",r=this.getAttribute("label")||"Quick actions",i=this.root.querySelector(".toggle");i&&(i.textContent=t?"−":"+",i.setAttribute("aria-label",r),i.setAttribute("aria-expanded",t?"true":"false"));const n=this.root.querySelector(".actions");n&&(t?n.removeAttribute("hidden"):n.setAttribute("hidden","")),this._syncActionAccessibility(t)}render(){const e=this.getAttribute("mode")==="fab"?"fab":"bar",o=this.hasAttribute("collapsible")||e==="fab",t=this.open||!o&&e==="bar",r=this.getAttribute("label")||"Quick actions",i=this._actionsId(),n=this.getAttribute("orientation")==="vertical"||e==="fab"?"vertical":"horizontal";this.setContent(`
+      <style>${h}</style>
+      <section class="root" part="root" role="toolbar" aria-label="${l(r)}" aria-orientation="${n}">
+        ${o?`<button type="button" class="toggle" part="toggle" aria-label="${l(r)}" aria-controls="${i}" aria-haspopup="true" aria-expanded="${t?"true":"false"}">${t?"−":"+"}</button>`:""}
+        <div id="${i}" class="actions" part="actions" role="group" aria-label="${l(r)} list" ${t?"":"hidden"}>
           <slot name="action"></slot>
         </div>
       </section>

package/dist/quick-actions.esm.js

@@ -1,5 +1,5 @@
-import { E as b } from "./ElementBase-909688f3.mjs";
-const h = `
+import { E as d } from "./ElementBase-YlTLMsGk.mjs";
+const b = `
   :host {
     --ui-quick-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 95%, transparent);
     --ui-quick-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent);
@@ -199,13 +199,13 @@ const h = `
     }
   }
 `;
-let p = 0;
+let h = 0;
 function l(u) {
   return u.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-class g extends b {
+class p extends d {
   constructor() {
-    super(), this._instanceId = ++p, this._onClick = this._onClick.bind(this), this._onKeyDown = this._onKeyDown.bind(this);
+    super(), this._instanceId = ++h, this._onClick = this._onClick.bind(this), this._onKeyDown = this._onKeyDown.bind(this);
   }
   static get observedAttributes() {
     return [
@@ -226,8 +226,8 @@ class g extends b {
   disconnectedCallback() {
     this.root.removeEventListener("click", this._onClick), this.root.removeEventListener("keydown", this._onKeyDown), super.disconnectedCallback();
   }
-  attributeChangedCallback(e, i, t) {
-    if (i !== t) {
+  attributeChangedCallback(e, o, t) {
+    if (o !== t) {
       if (e === "open") {
         this._syncOpenUi();
         return;
@@ -248,116 +248,106 @@ class g extends b {
     this.toggle(!1);
   }
   toggle(e) {
-    const i = typeof e == "boolean" ? e : !this.open;
-    this.open = i;
-    const t = { open: i };
-    this.dispatchEvent(new CustomEvent(i ? "open" : "close", { detail: t, bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("change", { detail: t, bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("toggle", { detail: t, bubbles: !0, composed: !0 }));
+    const o = typeof e == "boolean" ? e : !this.open;
+    this.open = o;
+    const t = { open: o };
+    this.dispatchEvent(new CustomEvent(o ? "open" : "close", { detail: t, bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("change", { detail: t, bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("toggle", { detail: t, bubbles: !0, composed: !0 }));
   }
   _actions() {
     const e = this.root.querySelector('slot[name="action"]');
-    return e ? e.assignedElements({ flatten: !0 }).filter((i) => i instanceof HTMLElement) : [];
+    return e ? e.assignedElements({ flatten: !0 }).filter((o) => o instanceof HTMLElement) : [];
   }
   _actionsId() {
     return `ui-quick-actions-${this._instanceId}-actions`;
   }
   _syncActionAccessibility(e) {
-    this._actions().forEach((t, n) => {
-      var r;
-      if (t.id || (t.id = `ui-quick-actions-${this._instanceId}-action-${n + 1}`), t.hasAttribute("role") || t.setAttribute("role", "button"), !t.hasAttribute("aria-label")) {
-        const o = (r = t.textContent) == null ? void 0 : r.trim();
-        o && t.setAttribute("aria-label", o);
+    this._actions().forEach((t, r) => {
+      if (t.id || (t.id = `ui-quick-actions-${this._instanceId}-action-${r + 1}`), t.hasAttribute("role") || t.setAttribute("role", "button"), !t.hasAttribute("aria-label")) {
+        const i = t.textContent?.trim();
+        i && t.setAttribute("aria-label", i);
       }
       if (e) {
-        const o = t.getAttribute("data-ui-quick-tabindex");
-        o != null ? (o === "__none__" ? t.removeAttribute("tabindex") : t.setAttribute("tabindex", o), t.removeAttribute("data-ui-quick-tabindex")) : t.hasAttribute("tabindex") || t.setAttribute("tabindex", "0"), t.setAttribute("aria-hidden", "false");
+        const i = t.getAttribute("data-ui-quick-tabindex");
+        i != null ? (i === "__none__" ? t.removeAttribute("tabindex") : t.setAttribute("tabindex", i), t.removeAttribute("data-ui-quick-tabindex")) : t.hasAttribute("tabindex") || t.setAttribute("tabindex", "0"), t.setAttribute("aria-hidden", "false");
         return;
       }
       t.hasAttribute("data-ui-quick-tabindex") || t.setAttribute("data-ui-quick-tabindex", t.getAttribute("tabindex") ?? "__none__"), t.setAttribute("tabindex", "-1"), t.setAttribute("aria-hidden", "true");
     });
   }
   _onClick(e) {
-    var s;
-    const i = e.target;
-    if (!i)
-      return;
-    if (i.closest(".toggle")) {
+    const o = e.target;
+    if (!o) return;
+    if (o.closest(".toggle")) {
       this.toggle();
       return;
     }
-    const n = e.composedPath(), r = this._actions(), o = r.find((d) => n.includes(d));
-    if (!o)
-      return;
-    const a = r.indexOf(o), c = {
+    const r = e.composedPath(), i = this._actions(), n = i.find((s) => r.includes(s));
+    if (!n) return;
+    const a = i.indexOf(n), c = {
       index: a,
-      id: o.id || o.getAttribute("data-id") || String(a + 1),
-      label: o.getAttribute("aria-label") || ((s = o.textContent) == null ? void 0 : s.trim()) || `Action ${a + 1}`
+      id: n.id || n.getAttribute("data-id") || String(a + 1),
+      label: n.getAttribute("aria-label") || n.textContent?.trim() || `Action ${a + 1}`
     };
     this.dispatchEvent(new CustomEvent("select", { detail: c, bubbles: !0, composed: !0 })), this.getAttribute("mode") === "fab" && this.hide();
   }
-  _moveFocus(e, i) {
+  _moveFocus(e, o) {
     const t = this._actions();
-    if (!t.length)
-      return;
-    const n = t.indexOf(e);
-    if (n < 0)
-      return;
-    const r = (n + i + t.length) % t.length;
-    t[r].focus();
+    if (!t.length) return;
+    const r = t.indexOf(e);
+    if (r < 0) return;
+    const i = (r + o + t.length) % t.length;
+    t[i].focus();
   }
   _onKeyDown(e) {
     if (e.key === "Escape" && this.open && this.getAttribute("mode") === "fab") {
       e.preventDefault(), this.hide();
       return;
     }
-    const i = e.target;
-    if (!i)
-      return;
-    const n = this._actions().find((s) => s === i || s.contains(i));
-    if (!n)
-      return;
-    const r = this.getAttribute("orientation") === "vertical" || this.getAttribute("mode") === "fab", o = !r && getComputedStyle(this).direction === "rtl", a = r ? "ArrowDown" : o ? "ArrowLeft" : "ArrowRight", c = r ? "ArrowUp" : o ? "ArrowRight" : "ArrowLeft";
+    const o = e.target;
+    if (!o) return;
+    const r = this._actions().find((s) => s === o || s.contains(o));
+    if (!r) return;
+    const i = this.getAttribute("orientation") === "vertical" || this.getAttribute("mode") === "fab", n = !i && getComputedStyle(this).direction === "rtl", a = i ? "ArrowDown" : n ? "ArrowLeft" : "ArrowRight", c = i ? "ArrowUp" : n ? "ArrowRight" : "ArrowLeft";
     if (e.key === a) {
-      e.preventDefault(), this._moveFocus(n, 1);
+      e.preventDefault(), this._moveFocus(r, 1);
       return;
     }
     if (e.key === c) {
-      e.preventDefault(), this._moveFocus(n, -1);
+      e.preventDefault(), this._moveFocus(r, -1);
       return;
     }
     if (e.key === "Home" || e.key === "End") {
       e.preventDefault();
       const s = this._actions();
-      if (!s.length)
-        return;
+      if (!s.length) return;
       (e.key === "Home" ? s[0] : s[s.length - 1]).focus();
     }
   }
   _syncOpenUi() {
-    if (!this.isConnected)
-      return;
+    if (!this.isConnected) return;
     if (!this.root.querySelector(".root")) {
       this.requestRender();
       return;
     }
-    const e = this.getAttribute("mode") === "fab" ? "fab" : "bar", i = this.hasAttribute("collapsible") || e === "fab", t = this.open || !i && e === "bar", n = this.getAttribute("label") || "Quick actions", r = this.root.querySelector(".toggle");
-    r && (r.textContent = t ? "−" : "+", r.setAttribute("aria-label", n), r.setAttribute("aria-expanded", t ? "true" : "false"));
-    const o = this.root.querySelector(".actions");
-    o && (t ? o.removeAttribute("hidden") : o.setAttribute("hidden", "")), this._syncActionAccessibility(t);
+    const e = this.getAttribute("mode") === "fab" ? "fab" : "bar", o = this.hasAttribute("collapsible") || e === "fab", t = this.open || !o && e === "bar", r = this.getAttribute("label") || "Quick actions", i = this.root.querySelector(".toggle");
+    i && (i.textContent = t ? "−" : "+", i.setAttribute("aria-label", r), i.setAttribute("aria-expanded", t ? "true" : "false"));
+    const n = this.root.querySelector(".actions");
+    n && (t ? n.removeAttribute("hidden") : n.setAttribute("hidden", "")), this._syncActionAccessibility(t);
   }
   render() {
-    const e = this.getAttribute("mode") === "fab" ? "fab" : "bar", i = this.hasAttribute("collapsible") || e === "fab", t = this.open || !i && e === "bar", n = this.getAttribute("label") || "Quick actions", r = this._actionsId(), o = this.getAttribute("orientation") === "vertical" || e === "fab" ? "vertical" : "horizontal";
+    const e = this.getAttribute("mode") === "fab" ? "fab" : "bar", o = this.hasAttribute("collapsible") || e === "fab", t = this.open || !o && e === "bar", r = this.getAttribute("label") || "Quick actions", i = this._actionsId(), n = this.getAttribute("orientation") === "vertical" || e === "fab" ? "vertical" : "horizontal";
     this.setContent(`
-      <style>${h}</style>
-      <section class="root" part="root" role="toolbar" aria-label="${l(n)}" aria-orientation="${o}">
-        ${i ? `<button type="button" class="toggle" part="toggle" aria-label="${l(n)}" aria-controls="${r}" aria-haspopup="true" aria-expanded="${t ? "true" : "false"}">${t ? "−" : "+"}</button>` : ""}
-        <div id="${r}" class="actions" part="actions" role="group" aria-label="${l(n)} list" ${t ? "" : "hidden"}>
+      <style>${b}</style>
+      <section class="root" part="root" role="toolbar" aria-label="${l(r)}" aria-orientation="${n}">
+        ${o ? `<button type="button" class="toggle" part="toggle" aria-label="${l(r)}" aria-controls="${i}" aria-haspopup="true" aria-expanded="${t ? "true" : "false"}">${t ? "−" : "+"}</button>` : ""}
+        <div id="${i}" class="actions" part="actions" role="group" aria-label="${l(r)} list" ${t ? "" : "hidden"}>
           <slot name="action"></slot>
         </div>
       </section>
     `), this._syncActionAccessibility(t);
   }
 }
-typeof customElements < "u" && !customElements.get("ui-quick-actions") && customElements.define("ui-quick-actions", g);
+typeof customElements < "u" && !customElements.get("ui-quick-actions") && customElements.define("ui-quick-actions", p);
 export {
-  g as UIQuickActions
+  p as UIQuickActions
 };