@editora/ui-core 0.1.18 → 0.1.20

package/dist/odometer.esm.js

@@ -1,4 +1,4 @@
-import { E as T } from "./ElementBase-909688f3.mjs";
+import { E as T } from "./ElementBase-YlTLMsGk.mjs";
 const D = `
   :host {
     --ui-odometer-font-family: var(--ui-font-family-mono, var(--font-mono, ui-monospace, 'SF Mono', Menlo, Monaco, Consolas, monospace));
@@ -299,8 +299,7 @@ function V(e) {
 }
 function n(e, t) {
   const i = e.getAttribute(t);
-  if (i != null)
-    return i;
+  if (i != null) return i;
   const r = e[t];
   return typeof r == "string" && r.length > 0 ? r : null;
 }
@@ -311,8 +310,7 @@ function l(e, t) {
     return Number.isNaN(o) ? null : o;
   }
   const r = e[t];
-  if (typeof r == "number")
-    return Number.isNaN(r) ? null : r;
+  if (typeof r == "number") return Number.isNaN(r) ? null : r;
   if (typeof r == "string") {
     const o = parseFloat(r);
     return Number.isNaN(o) ? null : o;
@@ -321,8 +319,7 @@ function l(e, t) {
 }
 function w(e, t) {
   const i = e.getAttribute(t);
-  if (i != null)
-    return V(i);
+  if (i != null) return V(i);
   const r = e[t];
   return typeof r == "boolean" ? r : typeof r == "string" ? V(r) : !1;
 }
@@ -434,8 +431,7 @@ class j extends T {
     ];
   }
   connectedCallback() {
-    if (super.connectedCallback(), this._initialized)
-      return;
+    if (super.connectedCallback(), this._initialized) return;
     const t = this._readClampedValue();
     if (this._targetValue = t, this._shouldAnimateOnMount() && t !== this._getMountStartValue()) {
       this._currentValue = this._getMountStartValue(), this._initialized = !0, this.requestRender(), this._animateToValue(t);

package/dist/orbiter.cjs.js

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const B=require("./ElementBase-1b301e7f.js"),V="18s",D="0s",A="88px",w="44px",E="128px",$="28px",R="20px",M=-90,X=6,W=new Set(["none","sm","md","lg","full"]),j=new Set(["clockwise","counterclockwise","alternate"]),Z=new Set(["calm","smooth","snappy","bouncy"]),_={xs:{orbitRadius:"54px",itemSize:"30px",centerSize:"80px",ringGap:"16px",padding:"12px",panelRadius:"22px"},sm:{orbitRadius:"68px",itemSize:"36px",centerSize:"96px",ringGap:"20px",padding:"14px",panelRadius:"24px"},md:{orbitRadius:A,itemSize:w,centerSize:E,ringGap:$,padding:R,panelRadius:"28px"},lg:{orbitRadius:"108px",itemSize:"52px",centerSize:"148px",ringGap:"32px",padding:"24px",panelRadius:"32px"},xl:{orbitRadius:"132px",itemSize:"64px",centerSize:"172px",ringGap:"38px",padding:"28px",panelRadius:"36px"}},N={calm:{durationScale:1.28,accentOpacity:.12},smooth:{durationScale:1,accentOpacity:.16},snappy:{durationScale:.82,accentOpacity:.18},bouncy:{durationScale:.92,accentOpacity:.22}},Q=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const B=require("./ElementBase-EV6mVBUV.js"),O="18s",V="0s",A="88px",P="44px",w="128px",E="28px",$="20px",C=-90,X=6,W=new Set(["none","sm","md","lg","full"]),j=new Set(["clockwise","counterclockwise","alternate"]),Z=new Set(["calm","smooth","snappy","bouncy"]),_={xs:{orbitRadius:"54px",itemSize:"30px",centerSize:"80px",ringGap:"16px",padding:"12px",panelRadius:"22px"},sm:{orbitRadius:"68px",itemSize:"36px",centerSize:"96px",ringGap:"20px",padding:"14px",panelRadius:"24px"},md:{orbitRadius:A,itemSize:P,centerSize:w,ringGap:E,padding:$,panelRadius:"28px"},lg:{orbitRadius:"108px",itemSize:"52px",centerSize:"148px",ringGap:"32px",padding:"24px",panelRadius:"32px"},xl:{orbitRadius:"132px",itemSize:"64px",centerSize:"172px",ringGap:"38px",padding:"28px",panelRadius:"36px"}},M={calm:{durationScale:1.28,accentOpacity:.12},smooth:{durationScale:1,accentOpacity:.16},snappy:{durationScale:.82,accentOpacity:.18},bouncy:{durationScale:.92,accentOpacity:.22}},Q=`
   :host {
-    --ui-orbiter-duration: ${V};
-    --ui-orbiter-delay: ${D};
+    --ui-orbiter-duration: ${O};
+    --ui-orbiter-delay: ${V};
     --ui-orbiter-orbit-radius: ${A};
-    --ui-orbiter-item-size: ${w};
-    --ui-orbiter-center-size: ${E};
-    --ui-orbiter-ring-gap: ${$};
-    --ui-orbiter-padding: ${R};
+    --ui-orbiter-item-size: ${P};
+    --ui-orbiter-center-size: ${w};
+    --ui-orbiter-ring-gap: ${E};
+    --ui-orbiter-padding: ${$};
     --ui-orbiter-radius: 28px;
     --ui-orbiter-stage-size:
       calc((2 * var(--ui-orbiter-farthest-radius, ${A})) + var(--ui-orbiter-item-size));
@@ -86,10 +86,10 @@
   :host([size="md"]),
   :host([size="2"]) {
     --ui-orbiter-orbit-radius: ${A};
-    --ui-orbiter-item-size: ${w};
-    --ui-orbiter-center-size: ${E};
-    --ui-orbiter-ring-gap: ${$};
-    --ui-orbiter-padding: ${R};
+    --ui-orbiter-item-size: ${P};
+    --ui-orbiter-center-size: ${w};
+    --ui-orbiter-ring-gap: ${E};
+    --ui-orbiter-padding: ${$};
     --ui-orbiter-radius: 28px;
   }
 
@@ -479,7 +479,7 @@
       forced-color-adjust: none;
     }
   }
-`;function d(i,t){if(i==null||i==="")return t;const e=i.trim();if(!e)return t;const a=e.split(/\s+/).filter(Boolean);return a.length?a.map(n=>/^-?\d+(\.\d+)?$/.test(n)?`${n}px`:n).join(" "):t}function F(i,t){if(i==null||i==="")return t;const e=i.trim();return e?/^-?\d+(\.\d+)?(ms|s)$/i.test(e)?e:/^-?\d+(\.\d+)?$/i.test(e)?`${e}s`:t:t}function q(i,t){if(i==null||i==="")return t;const e=i.trim();return e?/^-?\d+(\.\d+)?ms$/i.test(e)?Number.parseFloat(e):/^-?\d+(\.\d+)?s$/i.test(e)||/^-?\d+(\.\d+)?$/i.test(e)?Number.parseFloat(e)*1e3:t:t}function g(i,t){if(i==null||i==="")return t;const e=Number.parseFloat(i);return Number.isFinite(e)?e:t}function z(i,t){const e=g(i,t);return Number.isFinite(e)&&e>0?e:t}function O(i,t){if(i==null)return t;const e=i.trim().toLowerCase();return e?e==="false"||e==="0"||e==="off"||e==="no"?!1:e==="true"||e==="1"||e==="on"||e==="yes"?!0:t:!0}function y(i,t){return`translate(-50%, -50%) rotate(${i}deg) translateX(${t}) rotate(${-i}deg)`}function P(i){const t=Math.round(g(i,1));return Math.min(X,Math.max(1,t||1))}class G extends B.ElementBase{constructor(){super(),this._itemSlot=null,this._centerSlot=null,this._pathsEl=null,this._items=[],this._centerNodes=[],this._animations=new Map,this._hovering=!1,this._itemHovering=!1,this._focusWithin=!1,this._itemHoverHandlers=new WeakMap,this._boundSlotChange=this._handleSlotChange.bind(this),this._boundPointerEnter=()=>{this._hovering=!0,this._syncState()},this._boundPointerLeave=()=>{this._hovering=!1,this._syncState()},this._boundFocusIn=()=>{this._focusWithin=!0,this._syncState()},this._boundFocusOut=()=>{this._focusWithin=this.matches(":focus-within"),this._syncState()},this.addEventListener("pointerenter",this._boundPointerEnter),this.addEventListener("pointerleave",this._boundPointerLeave),this.addEventListener("focusin",this._boundFocusIn),this.addEventListener("focusout",this._boundFocusOut)}static get observedAttributes(){return["duration","delay","speed","reverse","radius","orbit-radius","icon-size","item-size","center-size","ring-gap","rings","start-angle","direction","animation","variant","tone","size","surface-radius","elevation","padding","path","show-paths","pause-on-hover","pause-on-item-hover","pause-on-focus","paused"]}play(){this.hasAttribute("paused")&&this.removeAttribute("paused"),this._syncState()}pause(){this.hasAttribute("paused")||this.setAttribute("paused",""),this._syncState()}refresh(){this._syncRuntimeStyles(),this._syncItems(),this._renderPaths(),this._syncAnimations(),this._syncState()}disconnectedCallback(){this._cancelAllAnimations(),this._hovering=!1,this._itemHovering=!1,this._focusWithin=!1,super.disconnectedCallback()}render(){var t,e;this.setContent(`
+`;function h(i,t){if(i==null||i==="")return t;const e=i.trim();if(!e)return t;const s=e.split(/\s+/).filter(Boolean);if(!s.length)return t;const b=s.map(a=>/^-?\d+(\.\d+)?$/.test(a)?`${a}px`:/^-?\d*\.?\d+(px|rem|em|%|vh|vw|ch|ex|vmin|vmax)$/.test(a)?a:null);return b.some(a=>a===null)?t:b.join(" ")}function N(i,t){if(i==null||i==="")return t;const e=i.trim();return e?/^-?\d+(\.\d+)?(ms|s)$/i.test(e)?e:/^-?\d+(\.\d+)?$/i.test(e)?`${e}s`:t:t}function F(i,t){if(i==null||i==="")return t;const e=i.trim();return e?/^-?\d+(\.\d+)?ms$/i.test(e)?Number.parseFloat(e):/^-?\d+(\.\d+)?s$/i.test(e)||/^-?\d+(\.\d+)?$/i.test(e)?Number.parseFloat(e)*1e3:t:t}function g(i,t){if(i==null||i==="")return t;const e=Number.parseFloat(i);return Number.isFinite(e)?e:t}function S(i,t){const e=g(i,t);return Number.isFinite(e)&&e>0?e:t}function q(i,t){if(i==null)return t;const e=i.trim().toLowerCase();return e?e==="false"||e==="0"||e==="off"||e==="no"?!1:e==="true"||e==="1"||e==="on"||e==="yes"?!0:t:!0}function v(i,t){return`translate(-50%, -50%) rotate(${i}deg) translateX(${t}) rotate(${-i}deg)`}function z(i){const t=Math.round(g(i,1));return Math.min(X,Math.max(1,t||1))}class D extends B.ElementBase{constructor(){super(),this._itemSlot=null,this._centerSlot=null,this._pathsEl=null,this._items=[],this._centerNodes=[],this._animations=new Map,this._hovering=!1,this._itemHovering=!1,this._focusWithin=!1,this._itemHoverHandlers=new WeakMap,this._boundSlotChange=this._handleSlotChange.bind(this),this._boundPointerEnter=()=>{this._hovering=!0,this._syncState()},this._boundPointerLeave=()=>{this._hovering=!1,this._syncState()},this._boundFocusIn=()=>{this._focusWithin=!0,this._syncState()},this._boundFocusOut=()=>{this._focusWithin=this.matches(":focus-within"),this._syncState()},this.addEventListener("pointerenter",this._boundPointerEnter),this.addEventListener("pointerleave",this._boundPointerLeave),this.addEventListener("focusin",this._boundFocusIn),this.addEventListener("focusout",this._boundFocusOut)}static get observedAttributes(){return["duration","delay","speed","reverse","radius","orbit-radius","icon-size","item-size","center-size","ring-gap","rings","start-angle","direction","animation","variant","tone","size","surface-radius","elevation","padding","path","show-paths","pause-on-hover","pause-on-item-hover","pause-on-focus","paused"]}play(){this.hasAttribute("paused")&&this.removeAttribute("paused"),this._syncState()}pause(){this.hasAttribute("paused")||this.setAttribute("paused",""),this._syncState()}refresh(){this._syncRuntimeStyles(),this._syncItems(),this._renderPaths(),this._syncAnimations(),this._syncState()}disconnectedCallback(){this._cancelAllAnimations(),this._hovering=!1,this._itemHovering=!1,this._focusWithin=!1,super.disconnectedCallback()}render(){this.setContent(`
       <style>${Q}</style>
       <div class="root" part="root">
         <div class="surface" part="surface">
@@ -492,4 +492,4 @@
           </div>
         </div>
       </div>
-    `),this._itemSlot=this.root.querySelector("slot:not([name])"),this._centerSlot=this.root.querySelector('slot[name="center"]'),this._pathsEl=this.root.querySelector(".paths"),(t=this._itemSlot)==null||t.addEventListener("slotchange",this._boundSlotChange),(e=this._centerSlot)==null||e.addEventListener("slotchange",this._boundSlotChange),this._syncRuntimeStyles(),this._syncItems(),this._renderPaths(),this._syncAnimations(),this._syncState()}shouldRenderOnAttributeChange(){return!1}attributeChangedCallback(t,e,a){if(!(e===a||!this.isConnected)){if(t==="paused"){this._syncState();return}this._syncRuntimeStyles(),t==="orbit-radius"||t==="radius"||t==="icon-size"||t==="item-size"||t==="center-size"||t==="ring-gap"||t==="rings"||t==="start-angle"||t==="direction"||t==="reverse"||t==="size"?(this._syncItems(),this._renderPaths(),this._syncAnimations()):(t==="duration"||t==="delay"||t==="speed"||t==="animation")&&this._syncAnimations(),this._syncState()}}_handleSlotChange(){this._syncItems(),this._renderPaths(),this._syncAnimations(),this._syncState()}_itemsFromSlot(){return this._itemSlot?this._itemSlot.assignedElements({flatten:!0}).filter(t=>t instanceof HTMLElement):[]}_centerFromSlot(){return this._centerSlot?this._centerSlot.assignedElements({flatten:!0}).filter(t=>t instanceof HTMLElement):[]}_syncItems(){const t=this._itemsFromSlot(),e=this._centerFromSlot(),a=new Set(t),n=new Set(e);for(const r of this._items)a.has(r)||(this._unbindItemHover(r),this._cancelAnimation(r),r.removeAttribute("data-ui-orbiter-managed"),r.removeAttribute("data-ui-orbit-runtime"),r.style.removeProperty("--ui-orbit-index"),r.style.removeProperty("--ui-orbit-ring"),r.style.removeProperty("--ui-orbit-radius"),r.style.removeProperty("--ui-orbit-start-angle"),r.style.removeProperty("--ui-orbit-quarter-angle"),r.style.removeProperty("--ui-orbit-half-angle"),r.style.removeProperty("--ui-orbit-three-quarter-angle"),r.style.removeProperty("--ui-orbit-end-angle"),r.style.removeProperty("--ui-orbit-start-angle-inverse"),r.style.removeProperty("--ui-orbit-quarter-angle-inverse"),r.style.removeProperty("--ui-orbit-half-angle-inverse"),r.style.removeProperty("--ui-orbit-three-quarter-angle-inverse"),r.style.removeProperty("--ui-orbit-end-angle-inverse"),r.style.removeProperty("--ui-orbit-duration"),r.style.removeProperty("--ui-orbit-duration-scale"),r.style.removeProperty("animation"),r.style.removeProperty("transform"),r.hasAttribute("data-ui-orbiter-owned")&&(r.removeAttribute("data-ui-orbiter-item"),r.removeAttribute("data-ui-orbiter-owned")));for(const r of this._centerNodes)n.has(r)||(r.removeAttribute("data-ui-orbiter-managed"),r.hasAttribute("data-ui-orbiter-owned")&&(r.removeAttribute("data-ui-orbiter-center"),r.removeAttribute("data-ui-orbiter-owned")));e.forEach(r=>{r.setAttribute("data-ui-orbiter-managed",""),r.hasAttribute("data-ui-orbiter-center")||(r.setAttribute("data-ui-orbiter-center",""),r.setAttribute("data-ui-orbiter-owned","")),r.setAttribute("slot","center")});const u=P(this.getAttribute("rings")),b=d(this._orbitRadiusValue(),this._sizePreset().orbitRadius),h=d(this.getAttribute("ring-gap"),this._sizePreset().ringGap),o=g(this.getAttribute("start-angle"),M),l=Array.from({length:u},()=>[]);t.forEach((r,c)=>{r.setAttribute("data-ui-orbiter-managed",""),r.hasAttribute("data-ui-orbiter-item")||(r.setAttribute("data-ui-orbiter-item",""),r.setAttribute("data-ui-orbiter-owned","")),this._bindItemHover(r),l[c%u].push({item:r,index:c})}),l.forEach((r,c)=>{const f=r.length?360/r.length:360,x=r.length>1&&c%2===1?f/2:0,p=c===0?b:`calc(${b} + ${c} * ${h})`,v=360*this._directionSign(c);r.forEach(({item:s,index:S},U)=>{const m=o+x+U*f,k=m+v,I=m+v*.25,L=m+v*.5,H=m+v*.75,C=1+c*.14;s.style.setProperty("--ui-orbit-index",String(S)),s.style.setProperty("--ui-orbit-ring",String(c)),s.style.setProperty("--ui-orbit-radius",p),s.style.setProperty("--ui-orbit-duration",`calc(var(--ui-orbiter-duration) * ${C})`),s.style.setProperty("--ui-orbit-duration-scale",String(C)),s.style.setProperty("--ui-orbit-start-angle",`${m}deg`),s.style.setProperty("--ui-orbit-quarter-angle",`${I}deg`),s.style.setProperty("--ui-orbit-half-angle",`${L}deg`),s.style.setProperty("--ui-orbit-three-quarter-angle",`${H}deg`),s.style.setProperty("--ui-orbit-end-angle",`${k}deg`),s.style.setProperty("--ui-orbit-start-angle-inverse",`${-m}deg`),s.style.setProperty("--ui-orbit-quarter-angle-inverse",`${-I}deg`),s.style.setProperty("--ui-orbit-half-angle-inverse",`${-L}deg`),s.style.setProperty("--ui-orbit-three-quarter-angle-inverse",`${-H}deg`),s.style.setProperty("--ui-orbit-end-angle-inverse",`${-k}deg`),s.style.setProperty("transform",y(m,p))})}),this._items=t,this._centerNodes=e,this._itemHovering=this._items.some(r=>r.matches(":hover")),this.setAttribute("data-item-count",String(this._items.length)),this.setAttribute("data-center-count",String(this._centerNodes.length)),this.setAttribute("data-ring-count",String(u))}_renderPaths(){if(!this._pathsEl)return;const t=P(this.getAttribute("rings")),e=d(this._orbitRadiusValue(),this._sizePreset().orbitRadius),a=d(this.getAttribute("ring-gap"),this._sizePreset().ringGap),n=Array.from({length:t},(u,b)=>{const h=b===0?e:`calc(${e} + ${b} * ${a})`;return`<div class="path" part="path path-${b+1}" style="inline-size:calc(2 * (${h}));block-size:calc(2 * (${h}));"></div>`}).join("");this._pathsEl.innerHTML=n,this._pathsEl.toggleAttribute("hidden",!this._pathVisible())}_bindItemHover(t){if(this._itemHoverHandlers.has(t))return;const e=()=>{this._itemHovering=!0,this._syncState()},a=n=>{const u=n.relatedTarget instanceof HTMLElement?n.relatedTarget:null,b=u==null?void 0:u.closest("[data-ui-orbiter-item]");this._itemHovering=b instanceof HTMLElement?this._items.includes(b):!1,this._syncState()};t.addEventListener("pointerenter",e),t.addEventListener("pointerleave",a),this._itemHoverHandlers.set(t,{enter:e,leave:a})}_unbindItemHover(t){const e=this._itemHoverHandlers.get(t);e&&(t.removeEventListener("pointerenter",e.enter),t.removeEventListener("pointerleave",e.leave),this._itemHoverHandlers.delete(t))}_sizePreset(){switch(this.getAttribute("size")){case"xs":case"0":return _.xs;case"sm":case"1":return _.sm;case"lg":case"3":return _.lg;case"xl":case"4":return _.xl;case"md":case"2":default:return _.md}}_motionPreset(){const t=this.getAttribute("animation");return t&&Z.has(t)?N[t]:N.smooth}_direction(){const t=this.getAttribute("direction");return t&&j.has(t)?t:"clockwise"}_directionSign(t){const e=this._direction();let a=e==="counterclockwise"||e==="alternate"&&t%2===1?-1:1;return O(this.getAttribute("reverse"),this.hasAttribute("reverse"))&&(a*=-1),a}_pathVisible(){const t=this.getAttribute("path");return t!=null?O(t,!0):(this.hasAttribute("show-paths"),!0)}_orbitRadiusValue(){return this.getAttribute("radius")??this.getAttribute("orbit-radius")}_iconSizeValue(){return this.getAttribute("icon-size")??this.getAttribute("item-size")}_syncRuntimeStyles(){const t=this._sizePreset(),e=this._motionPreset(),a=F(this.getAttribute("duration"),V),n=F(this.getAttribute("delay"),D),u=d(this._orbitRadiusValue(),t.orbitRadius),b=d(this._iconSizeValue(),t.itemSize),h=d(this.getAttribute("center-size"),t.centerSize),o=d(this.getAttribute("ring-gap"),t.ringGap),l=d(this.getAttribute("padding"),t.padding),r=P(this.getAttribute("rings")),c=z(this.getAttribute("speed"),1),f=r<=1?u:`calc(${u} + ${r-1} * ${o})`,x=`calc((2 * (${f})) + ${b})`;this.style.setProperty("--ui-orbiter-duration",`calc((${a}) * ${e.durationScale} / ${c})`),this.style.setProperty("--ui-orbiter-delay",n),this.style.setProperty("--ui-orbiter-orbit-radius",u),this.style.setProperty("--ui-orbiter-item-size",b),this.style.setProperty("--ui-orbiter-center-size",h),this.style.setProperty("--ui-orbiter-ring-gap",o),this.style.setProperty("--ui-orbiter-padding",l),this.style.setProperty("--ui-orbiter-farthest-radius",f),this.style.setProperty("--ui-orbiter-stage-size",x),this.style.setProperty("--ui-orbiter-path-opacity",String(e.accentOpacity>.18?1:.95));const p=this.getAttribute("surface-radius");!p||W.has(p.trim())?this.style.removeProperty("--ui-orbiter-radius"):this.style.setProperty("--ui-orbiter-radius",d(p,t.panelRadius))}_syncAnimations(){var h;const t=this._items,e=new Set(t);for(const[o,l]of this._animations.entries())e.has(o)||(l.cancel(),this._animations.delete(o));if(typeof window<"u"&&((h=window.matchMedia)!=null&&h.call(window,"(prefers-reduced-motion: reduce)").matches)){this._cancelAllAnimations(),t.forEach(o=>o.removeAttribute("data-ui-orbit-runtime"));return}if(typeof HTMLElement>"u"||typeof HTMLElement.prototype.animate!="function"){t.forEach(o=>o.removeAttribute("data-ui-orbit-runtime"));return}const a=this._motionPreset(),n=q(this.getAttribute("duration"),18e3),u=q(this.getAttribute("delay"),0),b=z(this.getAttribute("speed"),1);for(const o of t){const l=o.style.getPropertyValue("--ui-orbit-radius")||"var(--ui-orbiter-orbit-radius)",r=g(o.style.getPropertyValue("--ui-orbit-start-angle"),M),c=g(o.style.getPropertyValue("--ui-orbit-quarter-angle"),r+90),f=g(o.style.getPropertyValue("--ui-orbit-half-angle"),r+180),x=g(o.style.getPropertyValue("--ui-orbit-three-quarter-angle"),r+270),p=g(o.style.getPropertyValue("--ui-orbit-end-angle"),r+360),T=z(o.style.getPropertyValue("--ui-orbit-duration-scale"),1),v=n*a.durationScale*T/b,s=this._animations.get(o);s==null||s.cancel(),o.setAttribute("data-ui-orbit-runtime","");const S=o.animate([{transform:y(r,l),offset:0},{transform:y(c,l),offset:.25},{transform:y(f,l),offset:.5},{transform:y(x,l),offset:.75},{transform:y(p,l),offset:1}],{duration:Math.max(1,v),delay:Math.max(0,u),easing:"linear",iterations:Number.POSITIVE_INFINITY,fill:"both"});this._animations.set(o,S)}}_cancelAnimation(t){const e=this._animations.get(t);t.removeAttribute("data-ui-orbit-runtime"),e&&(e.cancel(),this._animations.delete(t))}_cancelAllAnimations(){for(const t of this._animations.values())t.cancel();this._animations.clear(),this._items.forEach(t=>{t.removeAttribute("data-ui-orbit-runtime"),this._unbindItemHover(t)})}_effectivePaused(){return!!(this.hasAttribute("paused")||this.hasAttribute("pause-on-hover")&&this._hovering||this.hasAttribute("pause-on-item-hover")&&this._itemHovering||this.hasAttribute("pause-on-focus")&&this._focusWithin)}_syncState(){const t=this._effectivePaused()?"paused":"running";this.setAttribute("data-state",t),this.setAttribute("data-path-visible",this._pathVisible()?"true":"false"),this.setAttribute("data-item-hovered",this._itemHovering?"true":"false");for(const e of this._animations.values())t==="paused"?e.pause():e.play()}}typeof customElements<"u"&&!customElements.get("ui-orbiter")&&customElements.define("ui-orbiter",G);exports.UIOrbiter=G;
+    `),this._itemSlot=this.root.querySelector("slot:not([name])"),this._centerSlot=this.root.querySelector('slot[name="center"]'),this._pathsEl=this.root.querySelector(".paths"),this._itemSlot?.addEventListener("slotchange",this._boundSlotChange),this._centerSlot?.addEventListener("slotchange",this._boundSlotChange),this._syncRuntimeStyles(),this._syncItems(),this._renderPaths(),this._syncAnimations(),this._syncState()}shouldRenderOnAttributeChange(){return!1}attributeChangedCallback(t,e,s){if(!(e===s||!this.isConnected)){if(t==="paused"){this._syncState();return}this._syncRuntimeStyles(),t==="orbit-radius"||t==="radius"||t==="icon-size"||t==="item-size"||t==="center-size"||t==="ring-gap"||t==="rings"||t==="start-angle"||t==="direction"||t==="reverse"||t==="size"?(this._syncItems(),this._renderPaths(),this._syncAnimations()):(t==="duration"||t==="delay"||t==="speed"||t==="animation")&&this._syncAnimations(),this._syncState()}}_handleSlotChange(){this._syncItems(),this._renderPaths(),this._syncAnimations(),this._syncState()}_itemsFromSlot(){return this._itemSlot?this._itemSlot.assignedElements({flatten:!0}).filter(t=>t instanceof HTMLElement):[]}_centerFromSlot(){return this._centerSlot?this._centerSlot.assignedElements({flatten:!0}).filter(t=>t instanceof HTMLElement):[]}_syncItems(){const t=this._itemsFromSlot(),e=this._centerFromSlot(),s=new Set(t),b=new Set(e);for(const r of this._items)s.has(r)||(this._unbindItemHover(r),this._cancelAnimation(r),r.removeAttribute("data-ui-orbiter-managed"),r.removeAttribute("data-ui-orbit-runtime"),r.style.removeProperty("--ui-orbit-index"),r.style.removeProperty("--ui-orbit-ring"),r.style.removeProperty("--ui-orbit-radius"),r.style.removeProperty("--ui-orbit-start-angle"),r.style.removeProperty("--ui-orbit-quarter-angle"),r.style.removeProperty("--ui-orbit-half-angle"),r.style.removeProperty("--ui-orbit-three-quarter-angle"),r.style.removeProperty("--ui-orbit-end-angle"),r.style.removeProperty("--ui-orbit-start-angle-inverse"),r.style.removeProperty("--ui-orbit-quarter-angle-inverse"),r.style.removeProperty("--ui-orbit-half-angle-inverse"),r.style.removeProperty("--ui-orbit-three-quarter-angle-inverse"),r.style.removeProperty("--ui-orbit-end-angle-inverse"),r.style.removeProperty("--ui-orbit-duration"),r.style.removeProperty("--ui-orbit-duration-scale"),r.style.removeProperty("animation"),r.style.removeProperty("transform"),r.hasAttribute("data-ui-orbiter-owned")&&(r.removeAttribute("data-ui-orbiter-item"),r.removeAttribute("data-ui-orbiter-owned")));for(const r of this._centerNodes)b.has(r)||(r.removeAttribute("data-ui-orbiter-managed"),r.hasAttribute("data-ui-orbiter-owned")&&(r.removeAttribute("data-ui-orbiter-center"),r.removeAttribute("data-ui-orbiter-owned")));e.forEach(r=>{r.setAttribute("data-ui-orbiter-managed",""),r.hasAttribute("data-ui-orbiter-center")||(r.setAttribute("data-ui-orbiter-center",""),r.setAttribute("data-ui-orbiter-owned","")),r.setAttribute("slot","center")});const a=z(this.getAttribute("rings")),u=h(this._orbitRadiusValue(),this._sizePreset().orbitRadius),o=h(this.getAttribute("ring-gap"),this._sizePreset().ringGap),l=g(this.getAttribute("start-angle"),C),d=Array.from({length:a},()=>[]);t.forEach((r,c)=>{r.setAttribute("data-ui-orbiter-managed",""),r.hasAttribute("data-ui-orbiter-item")||(r.setAttribute("data-ui-orbiter-item",""),r.setAttribute("data-ui-orbiter-owned","")),this._bindItemHover(r),d[c%a].push({item:r,index:c})}),d.forEach((r,c)=>{const f=r.length?360/r.length:360,y=r.length>1&&c%2===1?f/2:0,p=c===0?u:`calc(${u} + ${c} * ${o})`,x=360*this._directionSign(c);r.forEach(({item:n,index:G},U)=>{const m=l+y+U*f,R=m+x,k=m+x*.25,I=m+x*.5,L=m+x*.75,H=1+c*.14;n.style.setProperty("--ui-orbit-index",String(G)),n.style.setProperty("--ui-orbit-ring",String(c)),n.style.setProperty("--ui-orbit-radius",p),n.style.setProperty("--ui-orbit-duration",`calc(var(--ui-orbiter-duration) * ${H})`),n.style.setProperty("--ui-orbit-duration-scale",String(H)),n.style.setProperty("--ui-orbit-start-angle",`${m}deg`),n.style.setProperty("--ui-orbit-quarter-angle",`${k}deg`),n.style.setProperty("--ui-orbit-half-angle",`${I}deg`),n.style.setProperty("--ui-orbit-three-quarter-angle",`${L}deg`),n.style.setProperty("--ui-orbit-end-angle",`${R}deg`),n.style.setProperty("--ui-orbit-start-angle-inverse",`${-m}deg`),n.style.setProperty("--ui-orbit-quarter-angle-inverse",`${-k}deg`),n.style.setProperty("--ui-orbit-half-angle-inverse",`${-I}deg`),n.style.setProperty("--ui-orbit-three-quarter-angle-inverse",`${-L}deg`),n.style.setProperty("--ui-orbit-end-angle-inverse",`${-R}deg`),n.style.setProperty("transform",v(m,p))})}),this._items=t,this._centerNodes=e,this._itemHovering=this._items.some(r=>r.matches(":hover")),this.setAttribute("data-item-count",String(this._items.length)),this.setAttribute("data-center-count",String(this._centerNodes.length)),this.setAttribute("data-ring-count",String(a))}_renderPaths(){if(!this._pathsEl)return;const t=z(this.getAttribute("rings")),e=h(this._orbitRadiusValue(),this._sizePreset().orbitRadius),s=h(this.getAttribute("ring-gap"),this._sizePreset().ringGap),b=Array.from({length:t},(a,u)=>{const o=u===0?e:`calc(${e} + ${u} * ${s})`;return`<div class="path" part="path path-${u+1}" style="inline-size:calc(2 * (${o}));block-size:calc(2 * (${o}));"></div>`}).join("");this._pathsEl.innerHTML=b,this._pathsEl.toggleAttribute("hidden",!this._pathVisible())}_bindItemHover(t){if(this._itemHoverHandlers.has(t))return;const e=()=>{this._itemHovering=!0,this._syncState()},s=b=>{const u=(b.relatedTarget instanceof HTMLElement?b.relatedTarget:null)?.closest("[data-ui-orbiter-item]");this._itemHovering=u instanceof HTMLElement?this._items.includes(u):!1,this._syncState()};t.addEventListener("pointerenter",e),t.addEventListener("pointerleave",s),this._itemHoverHandlers.set(t,{enter:e,leave:s})}_unbindItemHover(t){const e=this._itemHoverHandlers.get(t);e&&(t.removeEventListener("pointerenter",e.enter),t.removeEventListener("pointerleave",e.leave),this._itemHoverHandlers.delete(t))}_sizePreset(){switch(this.getAttribute("size")){case"xs":case"0":return _.xs;case"sm":case"1":return _.sm;case"lg":case"3":return _.lg;case"xl":case"4":return _.xl;default:return _.md}}_motionPreset(){const t=this.getAttribute("animation");return t&&Z.has(t)?M[t]:M.smooth}_direction(){const t=this.getAttribute("direction");return t&&j.has(t)?t:"clockwise"}_directionSign(t){const e=this._direction();let s=e==="counterclockwise"||e==="alternate"&&t%2===1?-1:1;return q(this.getAttribute("reverse"),this.hasAttribute("reverse"))&&(s*=-1),s}_pathVisible(){const t=this.getAttribute("path");return t!=null?q(t,!0):(this.hasAttribute("show-paths"),!0)}_orbitRadiusValue(){return this.getAttribute("radius")??this.getAttribute("orbit-radius")}_iconSizeValue(){return this.getAttribute("icon-size")??this.getAttribute("item-size")}_syncRuntimeStyles(){const t=this._sizePreset(),e=this._motionPreset(),s=N(this.getAttribute("duration"),O),b=N(this.getAttribute("delay"),V),a=h(this._orbitRadiusValue(),t.orbitRadius),u=h(this._iconSizeValue(),t.itemSize),o=h(this.getAttribute("center-size"),t.centerSize),l=h(this.getAttribute("ring-gap"),t.ringGap),d=h(this.getAttribute("padding"),t.padding),r=z(this.getAttribute("rings")),c=S(this.getAttribute("speed"),1),f=r<=1?a:`calc(${a} + ${r-1} * ${l})`,y=`calc((2 * (${f})) + ${u})`;this.style.setProperty("--ui-orbiter-duration",`calc((${s}) * ${e.durationScale} / ${c})`),this.style.setProperty("--ui-orbiter-delay",b),this.style.setProperty("--ui-orbiter-orbit-radius",a),this.style.setProperty("--ui-orbiter-item-size",u),this.style.setProperty("--ui-orbiter-center-size",o),this.style.setProperty("--ui-orbiter-ring-gap",l),this.style.setProperty("--ui-orbiter-padding",d),this.style.setProperty("--ui-orbiter-farthest-radius",f),this.style.setProperty("--ui-orbiter-stage-size",y),this.style.setProperty("--ui-orbiter-path-opacity",String(e.accentOpacity>.18?1:.95));const p=this.getAttribute("surface-radius");!p||W.has(p.trim())?this.style.removeProperty("--ui-orbiter-radius"):this.style.setProperty("--ui-orbiter-radius",h(p,t.panelRadius))}_syncAnimations(){const t=this._items,e=new Set(t);for(const[o,l]of this._animations.entries())e.has(o)||(l.cancel(),this._animations.delete(o));if(typeof window<"u"&&window.matchMedia?.("(prefers-reduced-motion: reduce)").matches){this._cancelAllAnimations(),t.forEach(o=>o.removeAttribute("data-ui-orbit-runtime"));return}if(typeof HTMLElement>"u"||typeof HTMLElement.prototype.animate!="function"){t.forEach(o=>o.removeAttribute("data-ui-orbit-runtime"));return}const s=this._motionPreset(),b=F(this.getAttribute("duration"),18e3),a=F(this.getAttribute("delay"),0),u=S(this.getAttribute("speed"),1);for(const o of t){const l=o.style.getPropertyValue("--ui-orbit-radius")||"var(--ui-orbiter-orbit-radius)",d=g(o.style.getPropertyValue("--ui-orbit-start-angle"),C),r=g(o.style.getPropertyValue("--ui-orbit-quarter-angle"),d+90),c=g(o.style.getPropertyValue("--ui-orbit-half-angle"),d+180),f=g(o.style.getPropertyValue("--ui-orbit-three-quarter-angle"),d+270),y=g(o.style.getPropertyValue("--ui-orbit-end-angle"),d+360),p=S(o.style.getPropertyValue("--ui-orbit-duration-scale"),1),T=b*s.durationScale*p/u;this._animations.get(o)?.cancel(),o.setAttribute("data-ui-orbit-runtime","");const n=o.animate([{transform:v(d,l),offset:0},{transform:v(r,l),offset:.25},{transform:v(c,l),offset:.5},{transform:v(f,l),offset:.75},{transform:v(y,l),offset:1}],{duration:Math.max(1,T),delay:Math.max(0,a),easing:"linear",iterations:Number.POSITIVE_INFINITY,fill:"both"});this._animations.set(o,n)}}_cancelAnimation(t){const e=this._animations.get(t);t.removeAttribute("data-ui-orbit-runtime"),e&&(e.cancel(),this._animations.delete(t))}_cancelAllAnimations(){for(const t of this._animations.values())t.cancel();this._animations.clear(),this._items.forEach(t=>{t.removeAttribute("data-ui-orbit-runtime"),this._unbindItemHover(t)})}_effectivePaused(){return!!(this.hasAttribute("paused")||this.hasAttribute("pause-on-hover")&&this._hovering||this.hasAttribute("pause-on-item-hover")&&this._itemHovering||this.hasAttribute("pause-on-focus")&&this._focusWithin)}_syncState(){const t=this._effectivePaused()?"paused":"running";this.setAttribute("data-state",t),this.setAttribute("data-path-visible",this._pathVisible()?"true":"false"),this.setAttribute("data-item-hovered",this._itemHovering?"true":"false");for(const e of this._animations.values())t==="paused"?e.pause():e.play()}}typeof customElements<"u"&&!customElements.get("ui-orbiter")&&customElements.define("ui-orbiter",D);exports.UIOrbiter=D;

package/dist/orbiter.esm.js

@@ -1,5 +1,5 @@
-import { E as U } from "./ElementBase-909688f3.mjs";
-const V = "18s", D = "0s", A = "88px", w = "44px", E = "128px", $ = "28px", R = "20px", N = -90, X = 6, B = /* @__PURE__ */ new Set(["none", "sm", "md", "lg", "full"]), W = /* @__PURE__ */ new Set(["clockwise", "counterclockwise", "alternate"]), j = /* @__PURE__ */ new Set(["calm", "smooth", "snappy", "bouncy"]), _ = {
+import { E as U } from "./ElementBase-YlTLMsGk.mjs";
+const O = "18s", V = "0s", A = "88px", P = "44px", w = "128px", E = "28px", $ = "20px", C = -90, X = 6, B = /* @__PURE__ */ new Set(["none", "sm", "md", "lg", "full"]), W = /* @__PURE__ */ new Set(["clockwise", "counterclockwise", "alternate"]), j = /* @__PURE__ */ new Set(["calm", "smooth", "snappy", "bouncy"]), _ = {
   xs: {
     orbitRadius: "54px",
     itemSize: "30px",
@@ -18,10 +18,10 @@ const V = "18s", D = "0s", A = "88px", w = "44px", E = "128px", $ = "28px", R =
   },
   md: {
     orbitRadius: A,
-    itemSize: w,
-    centerSize: E,
-    ringGap: $,
-    padding: R,
+    itemSize: P,
+    centerSize: w,
+    ringGap: E,
+    padding: $,
     panelRadius: "28px"
   },
   lg: {
@@ -40,7 +40,7 @@ const V = "18s", D = "0s", A = "88px", w = "44px", E = "128px", $ = "28px", R =
     padding: "28px",
     panelRadius: "36px"
   }
-}, F = {
+}, N = {
   calm: {
     durationScale: 1.28,
     accentOpacity: 0.12
@@ -59,13 +59,13 @@ const V = "18s", D = "0s", A = "88px", w = "44px", E = "128px", $ = "28px", R =
   }
 }, Z = `
   :host {
-    --ui-orbiter-duration: ${V};
-    --ui-orbiter-delay: ${D};
+    --ui-orbiter-duration: ${O};
+    --ui-orbiter-delay: ${V};
     --ui-orbiter-orbit-radius: ${A};
-    --ui-orbiter-item-size: ${w};
-    --ui-orbiter-center-size: ${E};
-    --ui-orbiter-ring-gap: ${$};
-    --ui-orbiter-padding: ${R};
+    --ui-orbiter-item-size: ${P};
+    --ui-orbiter-center-size: ${w};
+    --ui-orbiter-ring-gap: ${E};
+    --ui-orbiter-padding: ${$};
     --ui-orbiter-radius: 28px;
     --ui-orbiter-stage-size:
       calc((2 * var(--ui-orbiter-farthest-radius, ${A})) + var(--ui-orbiter-item-size));
@@ -145,10 +145,10 @@ const V = "18s", D = "0s", A = "88px", w = "44px", E = "128px", $ = "28px", R =
   :host([size="md"]),
   :host([size="2"]) {
     --ui-orbiter-orbit-radius: ${A};
-    --ui-orbiter-item-size: ${w};
-    --ui-orbiter-center-size: ${E};
-    --ui-orbiter-ring-gap: ${$};
-    --ui-orbiter-padding: ${R};
+    --ui-orbiter-item-size: ${P};
+    --ui-orbiter-center-size: ${w};
+    --ui-orbiter-ring-gap: ${E};
+    --ui-orbiter-padding: ${$};
     --ui-orbiter-radius: 28px;
   }
 
@@ -539,47 +539,43 @@ const V = "18s", D = "0s", A = "88px", w = "44px", E = "128px", $ = "28px", R =
     }
   }
 `;
-function d(i, t) {
-  if (i == null || i === "")
-    return t;
+function h(i, t) {
+  if (i == null || i === "") return t;
   const e = i.trim();
-  if (!e)
-    return t;
-  const a = e.split(/\s+/).filter(Boolean);
-  return a.length ? a.map((n) => /^-?\d+(\.\d+)?$/.test(n) ? `${n}px` : n).join(" ") : t;
+  if (!e) return t;
+  const s = e.split(/\s+/).filter(Boolean);
+  if (!s.length) return t;
+  const b = s.map((a) => /^-?\d+(\.\d+)?$/.test(a) ? `${a}px` : /^-?\d*\.?\d+(px|rem|em|%|vh|vw|ch|ex|vmin|vmax)$/.test(a) ? a : null);
+  return b.some((a) => a === null) ? t : b.join(" ");
 }
-function M(i, t) {
-  if (i == null || i === "")
-    return t;
+function F(i, t) {
+  if (i == null || i === "") return t;
   const e = i.trim();
   return e ? /^-?\d+(\.\d+)?(ms|s)$/i.test(e) ? e : /^-?\d+(\.\d+)?$/i.test(e) ? `${e}s` : t : t;
 }
-function q(i, t) {
-  if (i == null || i === "")
-    return t;
+function M(i, t) {
+  if (i == null || i === "") return t;
   const e = i.trim();
   return e ? /^-?\d+(\.\d+)?ms$/i.test(e) ? Number.parseFloat(e) : /^-?\d+(\.\d+)?s$/i.test(e) || /^-?\d+(\.\d+)?$/i.test(e) ? Number.parseFloat(e) * 1e3 : t : t;
 }
 function g(i, t) {
-  if (i == null || i === "")
-    return t;
+  if (i == null || i === "") return t;
   const e = Number.parseFloat(i);
   return Number.isFinite(e) ? e : t;
 }
-function z(i, t) {
+function S(i, t) {
   const e = g(i, t);
   return Number.isFinite(e) && e > 0 ? e : t;
 }
-function O(i, t) {
-  if (i == null)
-    return t;
+function q(i, t) {
+  if (i == null) return t;
   const e = i.trim().toLowerCase();
   return e ? e === "false" || e === "0" || e === "off" || e === "no" ? !1 : e === "true" || e === "1" || e === "on" || e === "yes" ? !0 : t : !0;
 }
-function y(i, t) {
+function v(i, t) {
   return `translate(-50%, -50%) rotate(${i}deg) translateX(${t}) rotate(${-i}deg)`;
 }
-function P(i) {
+function z(i) {
   const t = Math.round(g(i, 1));
   return Math.min(X, Math.max(1, t || 1));
 }
@@ -638,7 +634,6 @@ class Q extends U {
     this._cancelAllAnimations(), this._hovering = !1, this._itemHovering = !1, this._focusWithin = !1, super.disconnectedCallback();
   }
   render() {
-    var t, e;
     this.setContent(`
       <style>${Z}</style>
       <div class="root" part="root">
@@ -652,13 +647,13 @@ class Q extends U {
           </div>
         </div>
       </div>
-    `), this._itemSlot = this.root.querySelector("slot:not([name])"), this._centerSlot = this.root.querySelector('slot[name="center"]'), this._pathsEl = this.root.querySelector(".paths"), (t = this._itemSlot) == null || t.addEventListener("slotchange", this._boundSlotChange), (e = this._centerSlot) == null || e.addEventListener("slotchange", this._boundSlotChange), this._syncRuntimeStyles(), this._syncItems(), this._renderPaths(), this._syncAnimations(), this._syncState();
+    `), this._itemSlot = this.root.querySelector("slot:not([name])"), this._centerSlot = this.root.querySelector('slot[name="center"]'), this._pathsEl = this.root.querySelector(".paths"), this._itemSlot?.addEventListener("slotchange", this._boundSlotChange), this._centerSlot?.addEventListener("slotchange", this._boundSlotChange), this._syncRuntimeStyles(), this._syncItems(), this._renderPaths(), this._syncAnimations(), this._syncState();
   }
   shouldRenderOnAttributeChange() {
     return !1;
   }
-  attributeChangedCallback(t, e, a) {
-    if (!(e === a || !this.isConnected)) {
+  attributeChangedCallback(t, e, s) {
+    if (!(e === s || !this.isConnected)) {
       if (t === "paused") {
         this._syncState();
         return;
@@ -676,44 +671,42 @@ class Q extends U {
     return this._centerSlot ? this._centerSlot.assignedElements({ flatten: !0 }).filter((t) => t instanceof HTMLElement) : [];
   }
   _syncItems() {
-    const t = this._itemsFromSlot(), e = this._centerFromSlot(), a = new Set(t), n = new Set(e);
+    const t = this._itemsFromSlot(), e = this._centerFromSlot(), s = new Set(t), b = new Set(e);
     for (const r of this._items)
-      a.has(r) || (this._unbindItemHover(r), this._cancelAnimation(r), r.removeAttribute("data-ui-orbiter-managed"), r.removeAttribute("data-ui-orbit-runtime"), r.style.removeProperty("--ui-orbit-index"), r.style.removeProperty("--ui-orbit-ring"), r.style.removeProperty("--ui-orbit-radius"), r.style.removeProperty("--ui-orbit-start-angle"), r.style.removeProperty("--ui-orbit-quarter-angle"), r.style.removeProperty("--ui-orbit-half-angle"), r.style.removeProperty("--ui-orbit-three-quarter-angle"), r.style.removeProperty("--ui-orbit-end-angle"), r.style.removeProperty("--ui-orbit-start-angle-inverse"), r.style.removeProperty("--ui-orbit-quarter-angle-inverse"), r.style.removeProperty("--ui-orbit-half-angle-inverse"), r.style.removeProperty("--ui-orbit-three-quarter-angle-inverse"), r.style.removeProperty("--ui-orbit-end-angle-inverse"), r.style.removeProperty("--ui-orbit-duration"), r.style.removeProperty("--ui-orbit-duration-scale"), r.style.removeProperty("animation"), r.style.removeProperty("transform"), r.hasAttribute("data-ui-orbiter-owned") && (r.removeAttribute("data-ui-orbiter-item"), r.removeAttribute("data-ui-orbiter-owned")));
+      s.has(r) || (this._unbindItemHover(r), this._cancelAnimation(r), r.removeAttribute("data-ui-orbiter-managed"), r.removeAttribute("data-ui-orbit-runtime"), r.style.removeProperty("--ui-orbit-index"), r.style.removeProperty("--ui-orbit-ring"), r.style.removeProperty("--ui-orbit-radius"), r.style.removeProperty("--ui-orbit-start-angle"), r.style.removeProperty("--ui-orbit-quarter-angle"), r.style.removeProperty("--ui-orbit-half-angle"), r.style.removeProperty("--ui-orbit-three-quarter-angle"), r.style.removeProperty("--ui-orbit-end-angle"), r.style.removeProperty("--ui-orbit-start-angle-inverse"), r.style.removeProperty("--ui-orbit-quarter-angle-inverse"), r.style.removeProperty("--ui-orbit-half-angle-inverse"), r.style.removeProperty("--ui-orbit-three-quarter-angle-inverse"), r.style.removeProperty("--ui-orbit-end-angle-inverse"), r.style.removeProperty("--ui-orbit-duration"), r.style.removeProperty("--ui-orbit-duration-scale"), r.style.removeProperty("animation"), r.style.removeProperty("transform"), r.hasAttribute("data-ui-orbiter-owned") && (r.removeAttribute("data-ui-orbiter-item"), r.removeAttribute("data-ui-orbiter-owned")));
     for (const r of this._centerNodes)
-      n.has(r) || (r.removeAttribute("data-ui-orbiter-managed"), r.hasAttribute("data-ui-orbiter-owned") && (r.removeAttribute("data-ui-orbiter-center"), r.removeAttribute("data-ui-orbiter-owned")));
+      b.has(r) || (r.removeAttribute("data-ui-orbiter-managed"), r.hasAttribute("data-ui-orbiter-owned") && (r.removeAttribute("data-ui-orbiter-center"), r.removeAttribute("data-ui-orbiter-owned")));
     e.forEach((r) => {
       r.setAttribute("data-ui-orbiter-managed", ""), r.hasAttribute("data-ui-orbiter-center") || (r.setAttribute("data-ui-orbiter-center", ""), r.setAttribute("data-ui-orbiter-owned", "")), r.setAttribute("slot", "center");
     });
-    const u = P(this.getAttribute("rings")), b = d(this._orbitRadiusValue(), this._sizePreset().orbitRadius), h = d(this.getAttribute("ring-gap"), this._sizePreset().ringGap), o = g(this.getAttribute("start-angle"), N), l = Array.from({ length: u }, () => []);
+    const a = z(this.getAttribute("rings")), u = h(this._orbitRadiusValue(), this._sizePreset().orbitRadius), o = h(this.getAttribute("ring-gap"), this._sizePreset().ringGap), l = g(this.getAttribute("start-angle"), C), d = Array.from({ length: a }, () => []);
     t.forEach((r, c) => {
-      r.setAttribute("data-ui-orbiter-managed", ""), r.hasAttribute("data-ui-orbiter-item") || (r.setAttribute("data-ui-orbiter-item", ""), r.setAttribute("data-ui-orbiter-owned", "")), this._bindItemHover(r), l[c % u].push({ item: r, index: c });
-    }), l.forEach((r, c) => {
-      const f = r.length ? 360 / r.length : 360, x = r.length > 1 && c % 2 === 1 ? f / 2 : 0, p = c === 0 ? b : `calc(${b} + ${c} * ${h})`, v = 360 * this._directionSign(c);
-      r.forEach(({ item: s, index: S }, G) => {
-        const m = o + x + G * f, k = m + v, I = m + v * 0.25, L = m + v * 0.5, H = m + v * 0.75, C = 1 + c * 0.14;
-        s.style.setProperty("--ui-orbit-index", String(S)), s.style.setProperty("--ui-orbit-ring", String(c)), s.style.setProperty("--ui-orbit-radius", p), s.style.setProperty("--ui-orbit-duration", `calc(var(--ui-orbiter-duration) * ${C})`), s.style.setProperty("--ui-orbit-duration-scale", String(C)), s.style.setProperty("--ui-orbit-start-angle", `${m}deg`), s.style.setProperty("--ui-orbit-quarter-angle", `${I}deg`), s.style.setProperty("--ui-orbit-half-angle", `${L}deg`), s.style.setProperty("--ui-orbit-three-quarter-angle", `${H}deg`), s.style.setProperty("--ui-orbit-end-angle", `${k}deg`), s.style.setProperty("--ui-orbit-start-angle-inverse", `${-m}deg`), s.style.setProperty("--ui-orbit-quarter-angle-inverse", `${-I}deg`), s.style.setProperty("--ui-orbit-half-angle-inverse", `${-L}deg`), s.style.setProperty("--ui-orbit-three-quarter-angle-inverse", `${-H}deg`), s.style.setProperty("--ui-orbit-end-angle-inverse", `${-k}deg`), s.style.setProperty("transform", y(m, p));
+      r.setAttribute("data-ui-orbiter-managed", ""), r.hasAttribute("data-ui-orbiter-item") || (r.setAttribute("data-ui-orbiter-item", ""), r.setAttribute("data-ui-orbiter-owned", "")), this._bindItemHover(r), d[c % a].push({ item: r, index: c });
+    }), d.forEach((r, c) => {
+      const f = r.length ? 360 / r.length : 360, y = r.length > 1 && c % 2 === 1 ? f / 2 : 0, p = c === 0 ? u : `calc(${u} + ${c} * ${o})`, x = 360 * this._directionSign(c);
+      r.forEach(({ item: n, index: D }, G) => {
+        const m = l + y + G * f, R = m + x, k = m + x * 0.25, I = m + x * 0.5, L = m + x * 0.75, H = 1 + c * 0.14;
+        n.style.setProperty("--ui-orbit-index", String(D)), n.style.setProperty("--ui-orbit-ring", String(c)), n.style.setProperty("--ui-orbit-radius", p), n.style.setProperty("--ui-orbit-duration", `calc(var(--ui-orbiter-duration) * ${H})`), n.style.setProperty("--ui-orbit-duration-scale", String(H)), n.style.setProperty("--ui-orbit-start-angle", `${m}deg`), n.style.setProperty("--ui-orbit-quarter-angle", `${k}deg`), n.style.setProperty("--ui-orbit-half-angle", `${I}deg`), n.style.setProperty("--ui-orbit-three-quarter-angle", `${L}deg`), n.style.setProperty("--ui-orbit-end-angle", `${R}deg`), n.style.setProperty("--ui-orbit-start-angle-inverse", `${-m}deg`), n.style.setProperty("--ui-orbit-quarter-angle-inverse", `${-k}deg`), n.style.setProperty("--ui-orbit-half-angle-inverse", `${-I}deg`), n.style.setProperty("--ui-orbit-three-quarter-angle-inverse", `${-L}deg`), n.style.setProperty("--ui-orbit-end-angle-inverse", `${-R}deg`), n.style.setProperty("transform", v(m, p));
       });
-    }), this._items = t, this._centerNodes = e, this._itemHovering = this._items.some((r) => r.matches(":hover")), this.setAttribute("data-item-count", String(this._items.length)), this.setAttribute("data-center-count", String(this._centerNodes.length)), this.setAttribute("data-ring-count", String(u));
+    }), this._items = t, this._centerNodes = e, this._itemHovering = this._items.some((r) => r.matches(":hover")), this.setAttribute("data-item-count", String(this._items.length)), this.setAttribute("data-center-count", String(this._centerNodes.length)), this.setAttribute("data-ring-count", String(a));
   }
   _renderPaths() {
-    if (!this._pathsEl)
-      return;
-    const t = P(this.getAttribute("rings")), e = d(this._orbitRadiusValue(), this._sizePreset().orbitRadius), a = d(this.getAttribute("ring-gap"), this._sizePreset().ringGap), n = Array.from({ length: t }, (u, b) => {
-      const h = b === 0 ? e : `calc(${e} + ${b} * ${a})`;
-      return `<div class="path" part="path path-${b + 1}" style="inline-size:calc(2 * (${h}));block-size:calc(2 * (${h}));"></div>`;
+    if (!this._pathsEl) return;
+    const t = z(this.getAttribute("rings")), e = h(this._orbitRadiusValue(), this._sizePreset().orbitRadius), s = h(this.getAttribute("ring-gap"), this._sizePreset().ringGap), b = Array.from({ length: t }, (a, u) => {
+      const o = u === 0 ? e : `calc(${e} + ${u} * ${s})`;
+      return `<div class="path" part="path path-${u + 1}" style="inline-size:calc(2 * (${o}));block-size:calc(2 * (${o}));"></div>`;
     }).join("");
-    this._pathsEl.innerHTML = n, this._pathsEl.toggleAttribute("hidden", !this._pathVisible());
+    this._pathsEl.innerHTML = b, this._pathsEl.toggleAttribute("hidden", !this._pathVisible());
   }
   _bindItemHover(t) {
-    if (this._itemHoverHandlers.has(t))
-      return;
+    if (this._itemHoverHandlers.has(t)) return;
     const e = () => {
       this._itemHovering = !0, this._syncState();
-    }, a = (n) => {
-      const u = n.relatedTarget instanceof HTMLElement ? n.relatedTarget : null, b = u == null ? void 0 : u.closest("[data-ui-orbiter-item]");
-      this._itemHovering = b instanceof HTMLElement ? this._items.includes(b) : !1, this._syncState();
+    }, s = (b) => {
+      const u = (b.relatedTarget instanceof HTMLElement ? b.relatedTarget : null)?.closest("[data-ui-orbiter-item]");
+      this._itemHovering = u instanceof HTMLElement ? this._items.includes(u) : !1, this._syncState();
     };
-    t.addEventListener("pointerenter", e), t.addEventListener("pointerleave", a), this._itemHoverHandlers.set(t, { enter: e, leave: a });
+    t.addEventListener("pointerenter", e), t.addEventListener("pointerleave", s), this._itemHoverHandlers.set(t, { enter: e, leave: s });
   }
   _unbindItemHover(t) {
     const e = this._itemHoverHandlers.get(t);
@@ -733,15 +726,13 @@ class Q extends U {
       case "xl":
       case "4":
         return _.xl;
-      case "md":
-      case "2":
       default:
         return _.md;
     }
   }
   _motionPreset() {
     const t = this.getAttribute("animation");
-    return t && j.has(t) ? F[t] : F.smooth;
+    return t && j.has(t) ? N[t] : N.smooth;
   }
   _direction() {
     const t = this.getAttribute("direction");
@@ -749,12 +740,12 @@ class Q extends U {
   }
   _directionSign(t) {
     const e = this._direction();
-    let a = e === "counterclockwise" || e === "alternate" && t % 2 === 1 ? -1 : 1;
-    return O(this.getAttribute("reverse"), this.hasAttribute("reverse")) && (a *= -1), a;
+    let s = e === "counterclockwise" || e === "alternate" && t % 2 === 1 ? -1 : 1;
+    return q(this.getAttribute("reverse"), this.hasAttribute("reverse")) && (s *= -1), s;
   }
   _pathVisible() {
     const t = this.getAttribute("path");
-    return t != null ? O(t, !0) : (this.hasAttribute("show-paths"), !0);
+    return t != null ? q(t, !0) : (this.hasAttribute("show-paths"), !0);
   }
   _orbitRadiusValue() {
     return this.getAttribute("radius") ?? this.getAttribute("orbit-radius");
@@ -763,17 +754,16 @@ class Q extends U {
     return this.getAttribute("icon-size") ?? this.getAttribute("item-size");
   }
   _syncRuntimeStyles() {
-    const t = this._sizePreset(), e = this._motionPreset(), a = M(this.getAttribute("duration"), V), n = M(this.getAttribute("delay"), D), u = d(this._orbitRadiusValue(), t.orbitRadius), b = d(this._iconSizeValue(), t.itemSize), h = d(this.getAttribute("center-size"), t.centerSize), o = d(this.getAttribute("ring-gap"), t.ringGap), l = d(this.getAttribute("padding"), t.padding), r = P(this.getAttribute("rings")), c = z(this.getAttribute("speed"), 1), f = r <= 1 ? u : `calc(${u} + ${r - 1} * ${o})`, x = `calc((2 * (${f})) + ${b})`;
-    this.style.setProperty("--ui-orbiter-duration", `calc((${a}) * ${e.durationScale} / ${c})`), this.style.setProperty("--ui-orbiter-delay", n), this.style.setProperty("--ui-orbiter-orbit-radius", u), this.style.setProperty("--ui-orbiter-item-size", b), this.style.setProperty("--ui-orbiter-center-size", h), this.style.setProperty("--ui-orbiter-ring-gap", o), this.style.setProperty("--ui-orbiter-padding", l), this.style.setProperty("--ui-orbiter-farthest-radius", f), this.style.setProperty("--ui-orbiter-stage-size", x), this.style.setProperty("--ui-orbiter-path-opacity", String(e.accentOpacity > 0.18 ? 1 : 0.95));
+    const t = this._sizePreset(), e = this._motionPreset(), s = F(this.getAttribute("duration"), O), b = F(this.getAttribute("delay"), V), a = h(this._orbitRadiusValue(), t.orbitRadius), u = h(this._iconSizeValue(), t.itemSize), o = h(this.getAttribute("center-size"), t.centerSize), l = h(this.getAttribute("ring-gap"), t.ringGap), d = h(this.getAttribute("padding"), t.padding), r = z(this.getAttribute("rings")), c = S(this.getAttribute("speed"), 1), f = r <= 1 ? a : `calc(${a} + ${r - 1} * ${l})`, y = `calc((2 * (${f})) + ${u})`;
+    this.style.setProperty("--ui-orbiter-duration", `calc((${s}) * ${e.durationScale} / ${c})`), this.style.setProperty("--ui-orbiter-delay", b), this.style.setProperty("--ui-orbiter-orbit-radius", a), this.style.setProperty("--ui-orbiter-item-size", u), this.style.setProperty("--ui-orbiter-center-size", o), this.style.setProperty("--ui-orbiter-ring-gap", l), this.style.setProperty("--ui-orbiter-padding", d), this.style.setProperty("--ui-orbiter-farthest-radius", f), this.style.setProperty("--ui-orbiter-stage-size", y), this.style.setProperty("--ui-orbiter-path-opacity", String(e.accentOpacity > 0.18 ? 1 : 0.95));
     const p = this.getAttribute("surface-radius");
-    !p || B.has(p.trim()) ? this.style.removeProperty("--ui-orbiter-radius") : this.style.setProperty("--ui-orbiter-radius", d(p, t.panelRadius));
+    !p || B.has(p.trim()) ? this.style.removeProperty("--ui-orbiter-radius") : this.style.setProperty("--ui-orbiter-radius", h(p, t.panelRadius));
   }
   _syncAnimations() {
-    var h;
     const t = this._items, e = new Set(t);
     for (const [o, l] of this._animations.entries())
       e.has(o) || (l.cancel(), this._animations.delete(o));
-    if (typeof window < "u" && ((h = window.matchMedia) != null && h.call(window, "(prefers-reduced-motion: reduce)").matches)) {
+    if (typeof window < "u" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches) {
       this._cancelAllAnimations(), t.forEach((o) => o.removeAttribute("data-ui-orbit-runtime"));
       return;
     }
@@ -781,27 +771,27 @@ class Q extends U {
       t.forEach((o) => o.removeAttribute("data-ui-orbit-runtime"));
       return;
     }
-    const a = this._motionPreset(), n = q(this.getAttribute("duration"), 18e3), u = q(this.getAttribute("delay"), 0), b = z(this.getAttribute("speed"), 1);
+    const s = this._motionPreset(), b = M(this.getAttribute("duration"), 18e3), a = M(this.getAttribute("delay"), 0), u = S(this.getAttribute("speed"), 1);
     for (const o of t) {
-      const l = o.style.getPropertyValue("--ui-orbit-radius") || "var(--ui-orbiter-orbit-radius)", r = g(o.style.getPropertyValue("--ui-orbit-start-angle"), N), c = g(o.style.getPropertyValue("--ui-orbit-quarter-angle"), r + 90), f = g(o.style.getPropertyValue("--ui-orbit-half-angle"), r + 180), x = g(o.style.getPropertyValue("--ui-orbit-three-quarter-angle"), r + 270), p = g(o.style.getPropertyValue("--ui-orbit-end-angle"), r + 360), T = z(o.style.getPropertyValue("--ui-orbit-duration-scale"), 1), v = n * a.durationScale * T / b, s = this._animations.get(o);
-      s == null || s.cancel(), o.setAttribute("data-ui-orbit-runtime", "");
-      const S = o.animate(
+      const l = o.style.getPropertyValue("--ui-orbit-radius") || "var(--ui-orbiter-orbit-radius)", d = g(o.style.getPropertyValue("--ui-orbit-start-angle"), C), r = g(o.style.getPropertyValue("--ui-orbit-quarter-angle"), d + 90), c = g(o.style.getPropertyValue("--ui-orbit-half-angle"), d + 180), f = g(o.style.getPropertyValue("--ui-orbit-three-quarter-angle"), d + 270), y = g(o.style.getPropertyValue("--ui-orbit-end-angle"), d + 360), p = S(o.style.getPropertyValue("--ui-orbit-duration-scale"), 1), T = b * s.durationScale * p / u;
+      this._animations.get(o)?.cancel(), o.setAttribute("data-ui-orbit-runtime", "");
+      const n = o.animate(
         [
-          { transform: y(r, l), offset: 0 },
-          { transform: y(c, l), offset: 0.25 },
-          { transform: y(f, l), offset: 0.5 },
-          { transform: y(x, l), offset: 0.75 },
-          { transform: y(p, l), offset: 1 }
+          { transform: v(d, l), offset: 0 },
+          { transform: v(r, l), offset: 0.25 },
+          { transform: v(c, l), offset: 0.5 },
+          { transform: v(f, l), offset: 0.75 },
+          { transform: v(y, l), offset: 1 }
         ],
         {
-          duration: Math.max(1, v),
-          delay: Math.max(0, u),
+          duration: Math.max(1, T),
+          delay: Math.max(0, a),
           easing: "linear",
           iterations: Number.POSITIVE_INFINITY,
           fill: "both"
         }
       );
-      this._animations.set(o, S);
+      this._animations.set(o, n);
     }
   }
   _cancelAnimation(t) {
@@ -809,8 +799,7 @@ class Q extends U {
     t.removeAttribute("data-ui-orbit-runtime"), e && (e.cancel(), this._animations.delete(t));
   }
   _cancelAllAnimations() {
-    for (const t of this._animations.values())
-      t.cancel();
+    for (const t of this._animations.values()) t.cancel();
     this._animations.clear(), this._items.forEach((t) => {
       t.removeAttribute("data-ui-orbit-runtime"), this._unbindItemHover(t);
     });

package/dist/{overlayManager-5bbd4dc3.mjs → overlayManager-BJjU1VA8.mjs}

@@ -1,12 +1,11 @@
-import { a as i, r as c } from "./scroll-lock-31da444f.mjs";
+import { r as i, a as c } from "./scroll-lock-LfqXXqsu.mjs";
 const r = {
   // Keep manager-driven overlays above dialog/drawer defaults (1200/1201).
   baseZ: 1300,
   stack: [],
   _lockCount: 0,
   register(t) {
-    if (!t)
-      return;
+    if (!t) return;
     const s = this.stack.indexOf(t);
     s !== -1 && this.stack.splice(s, 1), this.stack.push(t), this.reassignZ();
   },
@@ -28,10 +27,10 @@ const r = {
     - lockScroll()/unlockScroll() remain for backwards compat and delegate to the lock-count methods
   */
   acquireLock() {
-    this._lockCount = Math.max(0, (this._lockCount || 0) + 1), i();
+    this._lockCount = Math.max(0, (this._lockCount || 0) + 1), c();
   },
   releaseLock() {
-    this._lockCount = Math.max(0, (this._lockCount || 0) - 1), c();
+    this._lockCount = Math.max(0, (this._lockCount || 0) - 1), i();
   },
   lockCount() {
     return this._lockCount || 0;

package/dist/{overlayManager-0eda4e08.js → overlayManager-CSy3fJmJ.js}

@@ -1 +1 @@
-"use strict";const c=require("./scroll-lock-d7b0df21.js"),i={baseZ:1300,stack:[],_lockCount:0,register(t){if(!t)return;const s=this.stack.indexOf(t);s!==-1&&this.stack.splice(s,1),this.stack.push(t),this.reassignZ()},unregister(t){const s=this.stack.indexOf(t);s!==-1&&(this.stack.splice(s,1),this.reassignZ())},bringToFront(t){this.register(t)},top(){return this.stack.length?this.stack[this.stack.length-1]:null},acquireLock(){this._lockCount=Math.max(0,(this._lockCount||0)+1),c.acquireBodyScrollLock()},releaseLock(){this._lockCount=Math.max(0,(this._lockCount||0)-1),c.releaseBodyScrollLock()},lockCount(){return this._lockCount||0},lockScroll(){this.acquireLock()},unlockScroll(){this.releaseLock()},reassignZ(){for(let t=0;t<this.stack.length;t++){const s=this.stack[t];try{s.style.zIndex=String(this.baseZ+t+1)}catch{}}}};exports.OverlayManager=i;
+"use strict";const c=require("./scroll-lock-BX6e3Ced.js"),i={baseZ:1300,stack:[],_lockCount:0,register(t){if(!t)return;const s=this.stack.indexOf(t);s!==-1&&this.stack.splice(s,1),this.stack.push(t),this.reassignZ()},unregister(t){const s=this.stack.indexOf(t);s!==-1&&(this.stack.splice(s,1),this.reassignZ())},bringToFront(t){this.register(t)},top(){return this.stack.length?this.stack[this.stack.length-1]:null},acquireLock(){this._lockCount=Math.max(0,(this._lockCount||0)+1),c.acquireBodyScrollLock()},releaseLock(){this._lockCount=Math.max(0,(this._lockCount||0)-1),c.releaseBodyScrollLock()},lockCount(){return this._lockCount||0},lockScroll(){this.acquireLock()},unlockScroll(){this.releaseLock()},reassignZ(){for(let t=0;t<this.stack.length;t++){const s=this.stack[t];try{s.style.zIndex=String(this.baseZ+t+1)}catch{}}}};exports.OverlayManager=i;

package/dist/pagination.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./ElementBase-1b301e7f.js"),s=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./ElementBase-EV6mVBUV.js"),s=`
   :host {
     display: inline-flex;
     max-width: 100%;
@@ -198,4 +198,4 @@
       <nav class="pagination" role="navigation" aria-label="${this.getAttribute("aria-label")||"Pagination"}" tabindex="0">
         ${t}
       </nav>
-    `);const i=this.root.querySelector(".pagination");i&&(i.removeEventListener("click",this._onClick),i.addEventListener("click",this._onClick),i.removeEventListener("keydown",this._onKeyDown),i.addEventListener("keydown",this._onKeyDown))}goToPage(t){const a=Math.max(1,Math.min(this._count,Number(t)||1));a!==this._page&&this._applyPageChange(a)}nextPage(){this.goToPage(this._page+1)}prevPage(){this.goToPage(this._page-1)}firstPage(){this.goToPage(1)}lastPage(){this.goToPage(this._count)}focusCurrent(){const t=this.root.querySelector('button[aria-current="page"]');t==null||t.focus()}_getPageRange(t,a){return a<=5?[1,a]:t<=3?[1,5]:t>=a-2?[a-4,a]:[t-2,t+2]}_onClick(t){const a=t.target.closest("button[data-page]");if(!a||a.hasAttribute("disabled"))return;const i=Number(a.getAttribute("data-page"));isNaN(i)||i<1||i>this._count||i===this._page||this._applyPageChange(i)}_onKeyDown(t){const a=this.root.querySelector(".pagination");if(!a)return;const i=Array.from(a.querySelectorAll("button:not(:disabled)")),n=this.root.activeElement;let o=i.indexOf(n);t.key==="ArrowRight"||t.key==="ArrowDown"?(o=(o+1)%i.length,i[o].focus(),t.preventDefault()):t.key==="ArrowLeft"||t.key==="ArrowUp"?(o=(o-1+i.length)%i.length,i[o].focus(),t.preventDefault()):t.key==="Home"?(i[0].focus(),t.preventDefault()):t.key==="End"&&(i[i.length-1].focus(),t.preventDefault())}_applyPageChange(t){const a=this._page,i=Math.max(1,Math.min(this._count,Number(t)||1));if(i===a)return;const n=i===1&&a!==1?"first":i===this._count&&a!==this._count?"last":i===a-1?"prev":i===a+1?"next":"change";this.setAttribute("page",String(i));const o={page:i,previousPage:a,count:this._count,reason:n};this.dispatchEvent(new CustomEvent(n,{detail:o,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:o,bubbles:!0,composed:!0}))}}typeof customElements<"u"&&!customElements.get("ui-pagination")&&customElements.define("ui-pagination",e);exports.UIPagination=e;
+    `);const i=this.root.querySelector(".pagination");i&&(i.removeEventListener("click",this._onClick),i.addEventListener("click",this._onClick),i.removeEventListener("keydown",this._onKeyDown),i.addEventListener("keydown",this._onKeyDown))}goToPage(t){const a=Math.max(1,Math.min(this._count,Number(t)||1));a!==this._page&&this._applyPageChange(a)}nextPage(){this.goToPage(this._page+1)}prevPage(){this.goToPage(this._page-1)}firstPage(){this.goToPage(1)}lastPage(){this.goToPage(this._count)}focusCurrent(){this.root.querySelector('button[aria-current="page"]')?.focus()}_getPageRange(t,a){return a<=5?[1,a]:t<=3?[1,5]:t>=a-2?[a-4,a]:[t-2,t+2]}_onClick(t){const a=t.target.closest("button[data-page]");if(!a||a.hasAttribute("disabled"))return;const i=Number(a.getAttribute("data-page"));isNaN(i)||i<1||i>this._count||i===this._page||this._applyPageChange(i)}_onKeyDown(t){const a=this.root.querySelector(".pagination");if(!a)return;const i=Array.from(a.querySelectorAll("button:not(:disabled)")),n=this.root.activeElement;let o=i.indexOf(n);t.key==="ArrowRight"||t.key==="ArrowDown"?(o=(o+1)%i.length,i[o].focus(),t.preventDefault()):t.key==="ArrowLeft"||t.key==="ArrowUp"?(o=(o-1+i.length)%i.length,i[o].focus(),t.preventDefault()):t.key==="Home"?(i[0].focus(),t.preventDefault()):t.key==="End"&&(i[i.length-1].focus(),t.preventDefault())}_applyPageChange(t){const a=this._page,i=Math.max(1,Math.min(this._count,Number(t)||1));if(i===a)return;const n=i===1&&a!==1?"first":i===this._count&&a!==this._count?"last":i===a-1?"prev":i===a+1?"next":"change";this.setAttribute("page",String(i));const o={page:i,previousPage:a,count:this._count,reason:n};this.dispatchEvent(new CustomEvent(n,{detail:o,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:o,bubbles:!0,composed:!0}))}}typeof customElements<"u"&&!customElements.get("ui-pagination")&&customElements.define("ui-pagination",e);exports.UIPagination=e;