@editora/ui-core 0.1.18 → 0.1.20

package/dist/navigation-menu.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("./ElementBase-1b301e7f.js"),x=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("./ElementBase-EV6mVBUV.js"),_=`
   :host {
     display: block;
     position: relative;
@@ -362,8 +362,8 @@
       transition: none !important;
     }
   }
-`;function m(l,t){return t<=0?-1:Number.isNaN(l)||l<0?0:l>=t?t-1:l}function w(l){return!l||l==="default"?null:l==="none"||l==="square"?"0px":l==="sm"?"8px":l==="md"||l==="soft"?"12px":l==="lg"?"16px":l==="full"?"999px":/^\d+(\.\d+)?$/.test(l)?`${l}px`:/^\d+(\.\d+)?(px|rem|em|%)$/.test(l)?l:null}const b=class v extends _.ElementBase{constructor(){super(),this._items=[],this._panels=[],this._itemPanels=[],this._ignoreSelectedAttribute=!1,this._itemSlot=null,this._panelSlot=null,this._uid=Math.random().toString(36).slice(2,8),this._closeTimer=null,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onPointerOver=this._onPointerOver.bind(this),this._onPointerEnter=this._onPointerEnter.bind(this),this._onPointerLeave=this._onPointerLeave.bind(this),this._onDocumentPointerDown=this._onDocumentPointerDown.bind(this),this._onDocumentKeyDown=this._onDocumentKeyDown.bind(this),this._onSlotChange=this._onSlotChange.bind(this),this._onViewportEnvironmentChange=this._onViewportEnvironmentChange.bind(this),this._onPeerMenuOpen=this._onPeerMenuOpen.bind(this)}static get observedAttributes(){return["selected","orientation","activation","headless","collapsible","loop","variant","size","radius","elevation","tone"]}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","navigation"),super.connectedCallback(),this.root.addEventListener("click",this._onClick),this.root.addEventListener("keydown",this._onKeyDown),this.root.addEventListener("pointerover",this._onPointerOver),this.root.addEventListener("pointerenter",this._onPointerEnter),this.root.addEventListener("pointerleave",this._onPointerLeave),document.addEventListener("pointerdown",this._onDocumentPointerDown,!0),document.addEventListener("keydown",this._onDocumentKeyDown,!0),document.addEventListener(v.OPEN_EVENT,this._onPeerMenuOpen),window.addEventListener("resize",this._onViewportEnvironmentChange,{passive:!0}),window.addEventListener("scroll",this._onViewportEnvironmentChange,{passive:!0,capture:!0}),this._attachSlotHandlers(),this._syncStructure()}disconnectedCallback(){this.root.removeEventListener("click",this._onClick),this.root.removeEventListener("keydown",this._onKeyDown),this.root.removeEventListener("pointerover",this._onPointerOver),this.root.removeEventListener("pointerenter",this._onPointerEnter),this.root.removeEventListener("pointerleave",this._onPointerLeave),document.removeEventListener("pointerdown",this._onDocumentPointerDown,!0),document.removeEventListener("keydown",this._onDocumentKeyDown,!0),document.removeEventListener(v.OPEN_EVENT,this._onPeerMenuOpen),window.removeEventListener("resize",this._onViewportEnvironmentChange),window.removeEventListener("scroll",this._onViewportEnvironmentChange,!0),this._detachSlotHandlers(),this._clearCloseTimer(),super.disconnectedCallback()}attributeChangedCallback(t,i,n){if(!(t==="selected"&&this._ignoreSelectedAttribute)&&i!==n&&this.isConnected){if(t==="radius"){this._syncVisualState();return}if(t==="variant"||t==="size"||t==="elevation"||t==="tone"||t==="orientation"){t==="orientation"?this.requestRender():this._syncVisualState(),this._syncStructure();return}this._syncStructure()}}render(){const t=this.getAttribute("orientation")==="vertical"?"vertical":"horizontal";this.setContent(`
-      <style>${x}</style>
+`;function b(l,t){return t<=0?-1:Number.isNaN(l)||l<0?0:l>=t?t-1:l}function x(l){return!l||l==="default"?null:l==="none"||l==="square"?"0px":l==="sm"?"8px":l==="md"||l==="soft"?"12px":l==="lg"?"16px":l==="full"?"999px":/^\d+(\.\d+)?$/.test(l)?`${l}px`:/^\d+(\.\d+)?(px|rem|em|%)$/.test(l)?l:null}const v=class v extends f.ElementBase{constructor(){super(),this._items=[],this._panels=[],this._itemPanels=[],this._ignoreSelectedAttribute=!1,this._itemSlot=null,this._panelSlot=null,this._uid=Math.random().toString(36).slice(2,8),this._closeTimer=null,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onPointerOver=this._onPointerOver.bind(this),this._onPointerEnter=this._onPointerEnter.bind(this),this._onPointerLeave=this._onPointerLeave.bind(this),this._onDocumentPointerDown=this._onDocumentPointerDown.bind(this),this._onDocumentKeyDown=this._onDocumentKeyDown.bind(this),this._onSlotChange=this._onSlotChange.bind(this),this._onViewportEnvironmentChange=this._onViewportEnvironmentChange.bind(this),this._onPeerMenuOpen=this._onPeerMenuOpen.bind(this)}static get observedAttributes(){return["selected","orientation","activation","headless","collapsible","loop","variant","size","radius","elevation","tone"]}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","navigation"),super.connectedCallback(),this.root.addEventListener("click",this._onClick),this.root.addEventListener("keydown",this._onKeyDown),this.root.addEventListener("pointerover",this._onPointerOver),this.root.addEventListener("pointerenter",this._onPointerEnter),this.root.addEventListener("pointerleave",this._onPointerLeave),document.addEventListener("pointerdown",this._onDocumentPointerDown,!0),document.addEventListener("keydown",this._onDocumentKeyDown,!0),document.addEventListener(v.OPEN_EVENT,this._onPeerMenuOpen),window.addEventListener("resize",this._onViewportEnvironmentChange,{passive:!0}),window.addEventListener("scroll",this._onViewportEnvironmentChange,{passive:!0,capture:!0}),this._attachSlotHandlers(),this._syncStructure()}disconnectedCallback(){this.root.removeEventListener("click",this._onClick),this.root.removeEventListener("keydown",this._onKeyDown),this.root.removeEventListener("pointerover",this._onPointerOver),this.root.removeEventListener("pointerenter",this._onPointerEnter),this.root.removeEventListener("pointerleave",this._onPointerLeave),document.removeEventListener("pointerdown",this._onDocumentPointerDown,!0),document.removeEventListener("keydown",this._onDocumentKeyDown,!0),document.removeEventListener(v.OPEN_EVENT,this._onPeerMenuOpen),window.removeEventListener("resize",this._onViewportEnvironmentChange),window.removeEventListener("scroll",this._onViewportEnvironmentChange,!0),this._detachSlotHandlers(),this._clearCloseTimer(),super.disconnectedCallback()}attributeChangedCallback(t,i,n){if(!(t==="selected"&&this._ignoreSelectedAttribute)&&i!==n&&this.isConnected){if(t==="radius"){this._syncVisualState();return}if(t==="variant"||t==="size"||t==="elevation"||t==="tone"||t==="orientation"){t==="orientation"?this.requestRender():this._syncVisualState(),this._syncStructure();return}this._syncStructure()}}render(){const t=this.getAttribute("orientation")==="vertical"?"vertical":"horizontal";this.setContent(`
+      <style>${_}</style>
       <div class="root" part="root">
         <div class="bar" part="bar">
           <div class="list" part="list" role="menubar" aria-orientation="${t}">
@@ -379,4 +379,4 @@
           </div>
         </div>
       </div>
-    `),this._syncVisualState(),this._attachSlotHandlers(),this._syncStructure()}_syncVisualState(){const t=w(this.getAttribute("radius"));t?(this.style.setProperty("--ui-nav-radius",t),this.style.setProperty("--ui-nav-item-radius",t==="999px"?"999px":`max(0px, calc(${t} - 2px))`),this.style.setProperty("--ui-nav-panel-radius",t)):(this.style.removeProperty("--ui-nav-radius"),this.style.removeProperty("--ui-nav-item-radius"),this.style.removeProperty("--ui-nav-panel-radius"))}_attachSlotHandlers(){const t=this.root.querySelector('slot[name="item"]'),i=this.root.querySelector('slot[name="panel"]');this._itemSlot&&this._itemSlot!==t&&this._itemSlot.removeEventListener("slotchange",this._onSlotChange),this._panelSlot&&this._panelSlot!==i&&this._panelSlot.removeEventListener("slotchange",this._onSlotChange),t&&this._itemSlot!==t&&t.addEventListener("slotchange",this._onSlotChange),i&&this._panelSlot!==i&&i.addEventListener("slotchange",this._onSlotChange),this._itemSlot=t,this._panelSlot=i}_detachSlotHandlers(){this._itemSlot&&this._itemSlot.removeEventListener("slotchange",this._onSlotChange),this._panelSlot&&this._panelSlot.removeEventListener("slotchange",this._onSlotChange),this._itemSlot=null,this._panelSlot=null}_onSlotChange(){this._syncStructure()}_onViewportEnvironmentChange(){this._syncViewportSide(this._getSelectedFromAttribute())}_onPeerMenuOpen(t){const i=t.detail;!i||i.uid===this._uid||this._getSelectedFromAttribute()>=0&&this._selectIndex(-1,"programmatic")}_getSelectedFromAttribute(){const t=this.getAttribute("selected");if(t==null||t==="")return-1;const i=Number(t);return Number.isNaN(i)||i<0?-1:m(i,this._items.length)}_setSelectedAttribute(t){this._ignoreSelectedAttribute=!0,t<0?this.setAttribute("selected","-1"):this.setAttribute("selected",String(t)),this._ignoreSelectedAttribute=!1}_activationMode(){return this.getAttribute("activation")==="manual"?"manual":"automatic"}_loopEnabled(){const t=this.getAttribute("loop");if(t==null)return!0;const i=String(t).toLowerCase();return i!=="false"&&i!=="0"}_syncStructure(){const t=this.root.querySelector('slot[name="item"]'),i=this.root.querySelector('slot[name="panel"]');this._items=t?t.assignedElements({flatten:!0}):[],this._panels=i?i.assignedElements({flatten:!0}):[];const n=new Map;this._panels.forEach((e,a)=>{const u=e.getAttribute("data-nav-panel-for")||e.getAttribute("data-nav-key")||String(a);n.set(u,e)}),this._itemPanels=this._items.map((e,a)=>{const u=e.getAttribute("data-nav-key")||String(a);return n.get(u)??this._panels[a]??null});const o=this._getSelectedFromAttribute(),r=o>=0?o:this._items.length>0?0:-1,s=this.root.querySelector(".viewport-shell");if(this._items.forEach((e,a)=>{const u=this._itemPanels[a],d=o===a,h=e.id||`ui-navigation-menu-item-${this._uid}-${a}`,c=u?u.id||`ui-navigation-menu-panel-${this._uid}-${a}`:"";e.id=h,e.setAttribute("role","menuitem"),e.setAttribute("tabindex",a===r?"0":"-1"),e.setAttribute("data-active",d?"true":"false"),c?(e.setAttribute("aria-haspopup","dialog"),e.setAttribute("aria-controls",c),e.setAttribute("aria-expanded",d?"true":"false")):(e.removeAttribute("aria-haspopup"),e.removeAttribute("aria-controls"),e.removeAttribute("aria-expanded"))}),this._panels.forEach((e,a)=>{const u=this._itemPanels.findIndex(p=>p===e),d=u>=0&&o===u,h=u>=0?this._items[u]:null,c=e.id||`ui-navigation-menu-panel-${this._uid}-${a}`;e.id=c,e.setAttribute("role","group"),h!=null&&h.id?e.setAttribute("aria-labelledby",h.id):e.removeAttribute("aria-labelledby"),e.setAttribute("aria-hidden",d?"false":"true"),e.setAttribute("data-active",d?"true":"false"),d?e.removeAttribute("hidden"):e.setAttribute("hidden","")}),s){const e=o>=0&&!!this._itemPanels[o];e?s.removeAttribute("hidden"):s.setAttribute("hidden",""),e?this.setAttribute("data-open","true"):this.removeAttribute("data-open")}else this.removeAttribute("data-open");this._syncIndicator(o),this._syncViewportSide(o)}_syncIndicator(t){const i=this.root.querySelector(".indicator"),n=this.root.querySelector(".list"),o=this.root.querySelector(".bar");if(!i||!n||!o)return;if((this.getAttribute("orientation")==="vertical"?"vertical":"horizontal")==="vertical"||t<0||!this._itemPanels[t]||!this._items[t]){i.setAttribute("hidden",""),this.style.removeProperty("--ui-nav-indicator-offset");return}i.removeAttribute("hidden");const s=this._items[t];queueMicrotask(()=>{const e=o.getBoundingClientRect(),a=n.getBoundingClientRect(),u=s.getBoundingClientRect(),d=a.left-e.left+(u.left-a.left)+u.width/2-6;this.style.setProperty("--ui-nav-indicator-offset",`${Math.max(0,d)}px`)})}_syncViewportSide(t){if((this.getAttribute("orientation")==="vertical"?"vertical":"horizontal")==="vertical"){this.removeAttribute("data-side");return}const n=this.root.querySelector(".viewport-shell"),o=this.root.querySelector(".viewport"),r=this.root.querySelector(".bar");if(!n||!o||!r)return;if(!(t>=0&&!!this._itemPanels[t])||n.hasAttribute("hidden")){this.removeAttribute("data-side");return}queueMicrotask(()=>{if(!this.isConnected)return;const e=parseFloat(getComputedStyle(this).getPropertyValue("--ui-nav-viewport-offset"))||8,a=12,u=r.getBoundingClientRect(),d=o.getBoundingClientRect(),h=Math.max(d.height,o.scrollHeight),c=window.innerHeight-u.bottom-e-a,p=u.top-e-a,f=h>c&&p>c;this.setAttribute("data-side",f?"top":"bottom")})}_selectIndex(t,i){const n=this._getSelectedFromAttribute(),o=t<0?-1:m(t,this._items.length);if(o===n)return;const r=o>=0&&!!this._itemPanels[o];this._setSelectedAttribute(o),this._syncStructure(),r&&document.dispatchEvent(new CustomEvent(v.OPEN_EVENT,{detail:{uid:this._uid}})),this.dispatchEvent(new CustomEvent("change",{detail:{selected:o,previous:n,reason:i},bubbles:!0})),this.dispatchEvent(new CustomEvent("select",{detail:{selected:o,previous:n,reason:i},bubbles:!0}))}_focusItem(t){const i=this._items[t];if(i)try{i.focus()}catch{}}_clearCloseTimer(){this._closeTimer!=null&&(window.clearTimeout(this._closeTimer),this._closeTimer=null)}_scheduleClose(){this._clearCloseTimer(),this._closeTimer=window.setTimeout(()=>{this._selectIndex(-1,"programmatic"),this._closeTimer=null},120)}_onPointerEnter(){this._clearCloseTimer()}_onPointerLeave(){this._activationMode()==="automatic"&&this._scheduleClose()}_onDocumentPointerDown(t){!this.isConnected||!this.shadowRoot||t.composedPath().includes(this)||this._getSelectedFromAttribute()>=0&&this._selectIndex(-1,"programmatic")}_onDocumentKeyDown(t){if(t.key!=="Escape")return;const i=this._getSelectedFromAttribute();i<0||(this._selectIndex(-1,"keyboard"),this._focusItem(i))}_onClick(t){const i=t.composedPath(),n=this._items.findIndex(e=>i.includes(e));if(n<0)return;const o=!!this._itemPanels[n],r=this._getSelectedFromAttribute(),s=this.hasAttribute("collapsible");if(o){s&&r===n?this._selectIndex(-1,"click"):this._selectIndex(n,"click");return}this._selectIndex(n,"click")}_onPointerOver(t){if(t.pointerType==="touch"||this._activationMode()!=="automatic")return;const i=t.composedPath(),n=this._items.findIndex(o=>i.includes(o));n<0||this._getSelectedFromAttribute()!==n&&this._selectIndex(n,"programmatic")}_moveFocus(t,i){if(this._items.length===0)return-1;const n=this._loopEnabled();let o=t+i;return o<0&&(o=n?this._items.length-1:0),o>=this._items.length&&(o=n?0:this._items.length-1),o}_onKeyDown(t){const i=this.getAttribute("orientation")==="vertical"?"vertical":"horizontal",n=this._items.findIndex(e=>e===t.target||e.contains(t.target));if(n<0)return;const o=this._activationMode();let r=!1,s=n;i==="horizontal"?t.key==="ArrowRight"?(s=this._moveFocus(n,1),r=!0):t.key==="ArrowLeft"?(s=this._moveFocus(n,-1),r=!0):t.key==="ArrowDown"&&this._itemPanels[n]&&(this._selectIndex(n,"keyboard"),r=!0):t.key==="ArrowDown"?(s=this._moveFocus(n,1),r=!0):t.key==="ArrowUp"?(s=this._moveFocus(n,-1),r=!0):t.key==="ArrowRight"&&this._itemPanels[n]&&(this._selectIndex(n,"keyboard"),r=!0),t.key==="Home"&&(s=this._items.length>0?0:-1,r=!0),t.key==="End"&&(s=this._items.length>0?this._items.length-1:-1,r=!0),(t.key==="Enter"||t.key===" ")&&(this._selectIndex(n,"keyboard"),r=!0),t.key==="Escape"&&(this._selectIndex(-1,"keyboard"),r=!0),r&&(t.preventDefault(),s>=0&&s!==n?(this._focusItem(s),o==="automatic"?this._selectIndex(s,"keyboard"):this._items.forEach((e,a)=>{e.setAttribute("tabindex",a===s?"0":"-1")})):s===n&&o==="manual"&&this._items.forEach((e,a)=>{e.setAttribute("tabindex",a===n?"0":"-1")}))}};b.OPEN_EVENT="ui-navigation-menu:open";let g=b;typeof customElements<"u"&&!customElements.get("ui-navigation-menu")&&customElements.define("ui-navigation-menu",g);exports.UINavigationMenu=g;
+    `),this._syncVisualState(),this._attachSlotHandlers(),this._syncStructure()}_syncVisualState(){const t=x(this.getAttribute("radius"));t?(this.style.setProperty("--ui-nav-radius",t),this.style.setProperty("--ui-nav-item-radius",t==="999px"?"999px":`max(0px, calc(${t} - 2px))`),this.style.setProperty("--ui-nav-panel-radius",t)):(this.style.removeProperty("--ui-nav-radius"),this.style.removeProperty("--ui-nav-item-radius"),this.style.removeProperty("--ui-nav-panel-radius"))}_attachSlotHandlers(){const t=this.root.querySelector('slot[name="item"]'),i=this.root.querySelector('slot[name="panel"]');this._itemSlot&&this._itemSlot!==t&&this._itemSlot.removeEventListener("slotchange",this._onSlotChange),this._panelSlot&&this._panelSlot!==i&&this._panelSlot.removeEventListener("slotchange",this._onSlotChange),t&&this._itemSlot!==t&&t.addEventListener("slotchange",this._onSlotChange),i&&this._panelSlot!==i&&i.addEventListener("slotchange",this._onSlotChange),this._itemSlot=t,this._panelSlot=i}_detachSlotHandlers(){this._itemSlot&&this._itemSlot.removeEventListener("slotchange",this._onSlotChange),this._panelSlot&&this._panelSlot.removeEventListener("slotchange",this._onSlotChange),this._itemSlot=null,this._panelSlot=null}_onSlotChange(){this._syncStructure()}_onViewportEnvironmentChange(){this._syncViewportSide(this._getSelectedFromAttribute())}_onPeerMenuOpen(t){const i=t.detail;!i||i.uid===this._uid||this._getSelectedFromAttribute()>=0&&this._selectIndex(-1,"programmatic")}_getSelectedFromAttribute(){const t=this.getAttribute("selected");if(t==null||t==="")return-1;const i=Number(t);return Number.isNaN(i)||i<0?-1:b(i,this._items.length)}_setSelectedAttribute(t){this._ignoreSelectedAttribute=!0,t<0?this.setAttribute("selected","-1"):this.setAttribute("selected",String(t)),this._ignoreSelectedAttribute=!1}_activationMode(){return this.getAttribute("activation")==="manual"?"manual":"automatic"}_loopEnabled(){const t=this.getAttribute("loop");if(t==null)return!0;const i=String(t).toLowerCase();return i!=="false"&&i!=="0"}_syncStructure(){const t=this.root.querySelector('slot[name="item"]'),i=this.root.querySelector('slot[name="panel"]');this._items=t?t.assignedElements({flatten:!0}):[],this._panels=i?i.assignedElements({flatten:!0}):[];const n=new Map;this._panels.forEach((e,r)=>{const u=e.getAttribute("data-nav-panel-for")||e.getAttribute("data-nav-key")||String(r);n.set(u,e)}),this._itemPanels=this._items.map((e,r)=>{const u=e.getAttribute("data-nav-key")||String(r);return n.get(u)??this._panels[r]??null});const o=this._getSelectedFromAttribute(),a=o>=0?o:this._items.length>0?0:-1,s=this.root.querySelector(".viewport-shell");if(this._items.forEach((e,r)=>{const u=this._itemPanels[r],d=o===r,c=e.id||`ui-navigation-menu-item-${this._uid}-${r}`,h=u?u.id||`ui-navigation-menu-panel-${this._uid}-${r}`:"";e.id=c,e.setAttribute("role","menuitem"),e.setAttribute("tabindex",r===a?"0":"-1"),e.setAttribute("data-active",d?"true":"false"),h?(e.setAttribute("aria-haspopup","dialog"),e.setAttribute("aria-controls",h),e.setAttribute("aria-expanded",d?"true":"false")):(e.removeAttribute("aria-haspopup"),e.removeAttribute("aria-controls"),e.removeAttribute("aria-expanded"))}),this._panels.forEach((e,r)=>{const u=this._itemPanels.findIndex(m=>m===e),d=u>=0&&o===u,c=u>=0?this._items[u]:null,h=e.id||`ui-navigation-menu-panel-${this._uid}-${r}`;e.id=h,e.setAttribute("role","group"),c?.id?e.setAttribute("aria-labelledby",c.id):e.removeAttribute("aria-labelledby"),e.setAttribute("aria-hidden",d?"false":"true"),e.setAttribute("data-active",d?"true":"false"),d?e.removeAttribute("hidden"):e.setAttribute("hidden","")}),s){const e=o>=0&&!!this._itemPanels[o];e?s.removeAttribute("hidden"):s.setAttribute("hidden",""),e?this.setAttribute("data-open","true"):this.removeAttribute("data-open")}else this.removeAttribute("data-open");this._syncIndicator(o),this._syncViewportSide(o)}_syncIndicator(t){const i=this.root.querySelector(".indicator"),n=this.root.querySelector(".list"),o=this.root.querySelector(".bar");if(!i||!n||!o)return;if((this.getAttribute("orientation")==="vertical"?"vertical":"horizontal")==="vertical"||t<0||!this._itemPanels[t]||!this._items[t]){i.setAttribute("hidden",""),this.style.removeProperty("--ui-nav-indicator-offset");return}i.removeAttribute("hidden");const s=this._items[t];queueMicrotask(()=>{const e=o.getBoundingClientRect(),r=n.getBoundingClientRect(),u=s.getBoundingClientRect(),d=r.left-e.left+(u.left-r.left)+u.width/2-6;this.style.setProperty("--ui-nav-indicator-offset",`${Math.max(0,d)}px`)})}_syncViewportSide(t){if((this.getAttribute("orientation")==="vertical"?"vertical":"horizontal")==="vertical"){this.removeAttribute("data-side");return}const n=this.root.querySelector(".viewport-shell"),o=this.root.querySelector(".viewport"),a=this.root.querySelector(".bar");if(!n||!o||!a)return;if(!(t>=0&&!!this._itemPanels[t])||n.hasAttribute("hidden")){this.removeAttribute("data-side");return}queueMicrotask(()=>{if(!this.isConnected)return;const e=parseFloat(getComputedStyle(this).getPropertyValue("--ui-nav-viewport-offset"))||8,r=12,u=a.getBoundingClientRect(),d=o.getBoundingClientRect(),c=Math.max(d.height,o.scrollHeight),h=window.innerHeight-u.bottom-e-r,m=u.top-e-r,g=c>h&&m>h;this.setAttribute("data-side",g?"top":"bottom")})}_selectIndex(t,i){const n=this._getSelectedFromAttribute(),o=t<0?-1:b(t,this._items.length);if(o===n)return;const a=o>=0&&!!this._itemPanels[o];this._setSelectedAttribute(o),this._syncStructure(),a&&document.dispatchEvent(new CustomEvent(v.OPEN_EVENT,{detail:{uid:this._uid}})),this.dispatchEvent(new CustomEvent("change",{detail:{selected:o,previous:n,reason:i},bubbles:!0})),this.dispatchEvent(new CustomEvent("select",{detail:{selected:o,previous:n,reason:i},bubbles:!0}))}_focusItem(t){const i=this._items[t];if(i)try{i.focus()}catch{}}_clearCloseTimer(){this._closeTimer!=null&&(window.clearTimeout(this._closeTimer),this._closeTimer=null)}_scheduleClose(){this._clearCloseTimer(),this._closeTimer=window.setTimeout(()=>{this._selectIndex(-1,"programmatic"),this._closeTimer=null},120)}_onPointerEnter(){this._clearCloseTimer()}_onPointerLeave(){this._activationMode()==="automatic"&&this._scheduleClose()}_onDocumentPointerDown(t){!this.isConnected||!this.shadowRoot||t.composedPath().includes(this)||this._getSelectedFromAttribute()>=0&&this._selectIndex(-1,"programmatic")}_onDocumentKeyDown(t){if(t.key!=="Escape")return;const i=this._getSelectedFromAttribute();i<0||(this._selectIndex(-1,"keyboard"),this._focusItem(i))}_onClick(t){const i=t.composedPath(),n=this._items.findIndex(e=>i.includes(e));if(n<0)return;const o=!!this._itemPanels[n],a=this._getSelectedFromAttribute(),s=this.hasAttribute("collapsible");if(o){s&&a===n?this._selectIndex(-1,"click"):this._selectIndex(n,"click");return}this._selectIndex(n,"click")}_onPointerOver(t){if(t.pointerType==="touch"||this._activationMode()!=="automatic")return;const i=t.composedPath(),n=this._items.findIndex(o=>i.includes(o));n<0||this._getSelectedFromAttribute()!==n&&this._selectIndex(n,"programmatic")}_moveFocus(t,i){if(this._items.length===0)return-1;const n=this._loopEnabled();let o=t+i;return o<0&&(o=n?this._items.length-1:0),o>=this._items.length&&(o=n?0:this._items.length-1),o}_onKeyDown(t){const i=this.getAttribute("orientation")==="vertical"?"vertical":"horizontal",n=this._items.findIndex(e=>e===t.target||e.contains(t.target));if(n<0)return;const o=this._activationMode();let a=!1,s=n;i==="horizontal"?t.key==="ArrowRight"?(s=this._moveFocus(n,1),a=!0):t.key==="ArrowLeft"?(s=this._moveFocus(n,-1),a=!0):t.key==="ArrowDown"&&this._itemPanels[n]&&(this._selectIndex(n,"keyboard"),a=!0):t.key==="ArrowDown"?(s=this._moveFocus(n,1),a=!0):t.key==="ArrowUp"?(s=this._moveFocus(n,-1),a=!0):t.key==="ArrowRight"&&this._itemPanels[n]&&(this._selectIndex(n,"keyboard"),a=!0),t.key==="Home"&&(s=this._items.length>0?0:-1,a=!0),t.key==="End"&&(s=this._items.length>0?this._items.length-1:-1,a=!0),(t.key==="Enter"||t.key===" ")&&(this._selectIndex(n,"keyboard"),a=!0),t.key==="Escape"&&(this._selectIndex(-1,"keyboard"),a=!0),a&&(t.preventDefault(),s>=0&&s!==n?(this._focusItem(s),o==="automatic"?this._selectIndex(s,"keyboard"):this._items.forEach((e,r)=>{e.setAttribute("tabindex",r===s?"0":"-1")})):s===n&&o==="manual"&&this._items.forEach((e,r)=>{e.setAttribute("tabindex",r===n?"0":"-1")}))}};v.OPEN_EVENT="ui-navigation-menu:open";let p=v;typeof customElements<"u"&&!customElements.get("ui-navigation-menu")&&customElements.define("ui-navigation-menu",p);exports.UINavigationMenu=p;

package/dist/navigation-menu.esm.js

@@ -1,4 +1,4 @@
-import { E as f } from "./ElementBase-909688f3.mjs";
+import { E as f } from "./ElementBase-YlTLMsGk.mjs";
 const _ = `
   :host {
     display: block;
@@ -364,13 +364,13 @@ const _ = `
     }
   }
 `;
-function m(l, t) {
+function b(l, t) {
   return t <= 0 ? -1 : Number.isNaN(l) || l < 0 ? 0 : l >= t ? t - 1 : l;
 }
 function x(l) {
   return !l || l === "default" ? null : l === "none" || l === "square" ? "0px" : l === "sm" ? "8px" : l === "md" || l === "soft" ? "12px" : l === "lg" ? "16px" : l === "full" ? "999px" : /^\d+(\.\d+)?$/.test(l) ? `${l}px` : /^\d+(\.\d+)?(px|rem|em|%)$/.test(l) ? l : null;
 }
-const b = class v extends f {
+const v = class v extends f {
   constructor() {
     super(), this._items = [], this._panels = [], this._itemPanels = [], this._ignoreSelectedAttribute = !1, this._itemSlot = null, this._panelSlot = null, this._uid = Math.random().toString(36).slice(2, 8), this._closeTimer = null, this._onClick = this._onClick.bind(this), this._onKeyDown = this._onKeyDown.bind(this), this._onPointerOver = this._onPointerOver.bind(this), this._onPointerEnter = this._onPointerEnter.bind(this), this._onPointerLeave = this._onPointerLeave.bind(this), this._onDocumentPointerDown = this._onDocumentPointerDown.bind(this), this._onDocumentKeyDown = this._onDocumentKeyDown.bind(this), this._onSlotChange = this._onSlotChange.bind(this), this._onViewportEnvironmentChange = this._onViewportEnvironmentChange.bind(this), this._onPeerMenuOpen = this._onPeerMenuOpen.bind(this);
   }
@@ -440,10 +440,9 @@ const b = class v extends f {
   }
   _getSelectedFromAttribute() {
     const t = this.getAttribute("selected");
-    if (t == null || t === "")
-      return -1;
+    if (t == null || t === "") return -1;
     const i = Number(t);
-    return Number.isNaN(i) || i < 0 ? -1 : m(i, this._items.length);
+    return Number.isNaN(i) || i < 0 ? -1 : b(i, this._items.length);
   }
   _setSelectedAttribute(t) {
     this._ignoreSelectedAttribute = !0, t < 0 ? this.setAttribute("selected", "-1") : this.setAttribute("selected", String(t)), this._ignoreSelectedAttribute = !1;
@@ -453,8 +452,7 @@ const b = class v extends f {
   }
   _loopEnabled() {
     const t = this.getAttribute("loop");
-    if (t == null)
-      return !0;
+    if (t == null) return !0;
     const i = String(t).toLowerCase();
     return i !== "false" && i !== "0";
   }
@@ -462,20 +460,20 @@ const b = class v extends f {
     const t = this.root.querySelector('slot[name="item"]'), i = this.root.querySelector('slot[name="panel"]');
     this._items = t ? t.assignedElements({ flatten: !0 }) : [], this._panels = i ? i.assignedElements({ flatten: !0 }) : [];
     const n = /* @__PURE__ */ new Map();
-    this._panels.forEach((e, a) => {
-      const u = e.getAttribute("data-nav-panel-for") || e.getAttribute("data-nav-key") || String(a);
+    this._panels.forEach((e, r) => {
+      const u = e.getAttribute("data-nav-panel-for") || e.getAttribute("data-nav-key") || String(r);
       n.set(u, e);
-    }), this._itemPanels = this._items.map((e, a) => {
-      const u = e.getAttribute("data-nav-key") || String(a);
-      return n.get(u) ?? this._panels[a] ?? null;
+    }), this._itemPanels = this._items.map((e, r) => {
+      const u = e.getAttribute("data-nav-key") || String(r);
+      return n.get(u) ?? this._panels[r] ?? null;
     });
-    const o = this._getSelectedFromAttribute(), r = o >= 0 ? o : this._items.length > 0 ? 0 : -1, s = this.root.querySelector(".viewport-shell");
-    if (this._items.forEach((e, a) => {
-      const u = this._itemPanels[a], d = o === a, h = e.id || `ui-navigation-menu-item-${this._uid}-${a}`, c = u ? u.id || `ui-navigation-menu-panel-${this._uid}-${a}` : "";
-      e.id = h, e.setAttribute("role", "menuitem"), e.setAttribute("tabindex", a === r ? "0" : "-1"), e.setAttribute("data-active", d ? "true" : "false"), c ? (e.setAttribute("aria-haspopup", "dialog"), e.setAttribute("aria-controls", c), e.setAttribute("aria-expanded", d ? "true" : "false")) : (e.removeAttribute("aria-haspopup"), e.removeAttribute("aria-controls"), e.removeAttribute("aria-expanded"));
-    }), this._panels.forEach((e, a) => {
-      const u = this._itemPanels.findIndex((p) => p === e), d = u >= 0 && o === u, h = u >= 0 ? this._items[u] : null, c = e.id || `ui-navigation-menu-panel-${this._uid}-${a}`;
-      e.id = c, e.setAttribute("role", "group"), h != null && h.id ? e.setAttribute("aria-labelledby", h.id) : e.removeAttribute("aria-labelledby"), e.setAttribute("aria-hidden", d ? "false" : "true"), e.setAttribute("data-active", d ? "true" : "false"), d ? e.removeAttribute("hidden") : e.setAttribute("hidden", "");
+    const o = this._getSelectedFromAttribute(), a = o >= 0 ? o : this._items.length > 0 ? 0 : -1, s = this.root.querySelector(".viewport-shell");
+    if (this._items.forEach((e, r) => {
+      const u = this._itemPanels[r], d = o === r, c = e.id || `ui-navigation-menu-item-${this._uid}-${r}`, h = u ? u.id || `ui-navigation-menu-panel-${this._uid}-${r}` : "";
+      e.id = c, e.setAttribute("role", "menuitem"), e.setAttribute("tabindex", r === a ? "0" : "-1"), e.setAttribute("data-active", d ? "true" : "false"), h ? (e.setAttribute("aria-haspopup", "dialog"), e.setAttribute("aria-controls", h), e.setAttribute("aria-expanded", d ? "true" : "false")) : (e.removeAttribute("aria-haspopup"), e.removeAttribute("aria-controls"), e.removeAttribute("aria-expanded"));
+    }), this._panels.forEach((e, r) => {
+      const u = this._itemPanels.findIndex((p) => p === e), d = u >= 0 && o === u, c = u >= 0 ? this._items[u] : null, h = e.id || `ui-navigation-menu-panel-${this._uid}-${r}`;
+      e.id = h, e.setAttribute("role", "group"), c?.id ? e.setAttribute("aria-labelledby", c.id) : e.removeAttribute("aria-labelledby"), e.setAttribute("aria-hidden", d ? "false" : "true"), e.setAttribute("data-active", d ? "true" : "false"), d ? e.removeAttribute("hidden") : e.setAttribute("hidden", "");
     }), s) {
       const e = o >= 0 && !!this._itemPanels[o];
       e ? s.removeAttribute("hidden") : s.setAttribute("hidden", ""), e ? this.setAttribute("data-open", "true") : this.removeAttribute("data-open");
@@ -485,8 +483,7 @@ const b = class v extends f {
   }
   _syncIndicator(t) {
     const i = this.root.querySelector(".indicator"), n = this.root.querySelector(".list"), o = this.root.querySelector(".bar");
-    if (!i || !n || !o)
-      return;
+    if (!i || !n || !o) return;
     if ((this.getAttribute("orientation") === "vertical" ? "vertical" : "horizontal") === "vertical" || t < 0 || !this._itemPanels[t] || !this._items[t]) {
       i.setAttribute("hidden", ""), this.style.removeProperty("--ui-nav-indicator-offset");
       return;
@@ -494,7 +491,7 @@ const b = class v extends f {
     i.removeAttribute("hidden");
     const s = this._items[t];
     queueMicrotask(() => {
-      const e = o.getBoundingClientRect(), a = n.getBoundingClientRect(), u = s.getBoundingClientRect(), d = a.left - e.left + (u.left - a.left) + u.width / 2 - 6;
+      const e = o.getBoundingClientRect(), r = n.getBoundingClientRect(), u = s.getBoundingClientRect(), d = r.left - e.left + (u.left - r.left) + u.width / 2 - 6;
       this.style.setProperty("--ui-nav-indicator-offset", `${Math.max(0, d)}px`);
     });
   }
@@ -503,26 +500,23 @@ const b = class v extends f {
       this.removeAttribute("data-side");
       return;
     }
-    const n = this.root.querySelector(".viewport-shell"), o = this.root.querySelector(".viewport"), r = this.root.querySelector(".bar");
-    if (!n || !o || !r)
-      return;
+    const n = this.root.querySelector(".viewport-shell"), o = this.root.querySelector(".viewport"), a = this.root.querySelector(".bar");
+    if (!n || !o || !a) return;
     if (!(t >= 0 && !!this._itemPanels[t]) || n.hasAttribute("hidden")) {
       this.removeAttribute("data-side");
       return;
     }
     queueMicrotask(() => {
-      if (!this.isConnected)
-        return;
-      const e = parseFloat(getComputedStyle(this).getPropertyValue("--ui-nav-viewport-offset")) || 8, a = 12, u = r.getBoundingClientRect(), d = o.getBoundingClientRect(), h = Math.max(d.height, o.scrollHeight), c = window.innerHeight - u.bottom - e - a, p = u.top - e - a, g = h > c && p > c;
+      if (!this.isConnected) return;
+      const e = parseFloat(getComputedStyle(this).getPropertyValue("--ui-nav-viewport-offset")) || 8, r = 12, u = a.getBoundingClientRect(), d = o.getBoundingClientRect(), c = Math.max(d.height, o.scrollHeight), h = window.innerHeight - u.bottom - e - r, p = u.top - e - r, g = c > h && p > h;
       this.setAttribute("data-side", g ? "top" : "bottom");
     });
   }
   _selectIndex(t, i) {
-    const n = this._getSelectedFromAttribute(), o = t < 0 ? -1 : m(t, this._items.length);
-    if (o === n)
-      return;
-    const r = o >= 0 && !!this._itemPanels[o];
-    this._setSelectedAttribute(o), this._syncStructure(), r && document.dispatchEvent(
+    const n = this._getSelectedFromAttribute(), o = t < 0 ? -1 : b(t, this._items.length);
+    if (o === n) return;
+    const a = o >= 0 && !!this._itemPanels[o];
+    this._setSelectedAttribute(o), this._syncStructure(), a && document.dispatchEvent(
       new CustomEvent(v.OPEN_EVENT, {
         detail: { uid: this._uid }
       })
@@ -564,51 +558,46 @@ const b = class v extends f {
     !this.isConnected || !this.shadowRoot || t.composedPath().includes(this) || this._getSelectedFromAttribute() >= 0 && this._selectIndex(-1, "programmatic");
   }
   _onDocumentKeyDown(t) {
-    if (t.key !== "Escape")
-      return;
+    if (t.key !== "Escape") return;
     const i = this._getSelectedFromAttribute();
     i < 0 || (this._selectIndex(-1, "keyboard"), this._focusItem(i));
   }
   _onClick(t) {
     const i = t.composedPath(), n = this._items.findIndex((e) => i.includes(e));
-    if (n < 0)
-      return;
-    const o = !!this._itemPanels[n], r = this._getSelectedFromAttribute(), s = this.hasAttribute("collapsible");
+    if (n < 0) return;
+    const o = !!this._itemPanels[n], a = this._getSelectedFromAttribute(), s = this.hasAttribute("collapsible");
     if (o) {
-      s && r === n ? this._selectIndex(-1, "click") : this._selectIndex(n, "click");
+      s && a === n ? this._selectIndex(-1, "click") : this._selectIndex(n, "click");
       return;
     }
     this._selectIndex(n, "click");
   }
   _onPointerOver(t) {
-    if (t.pointerType === "touch" || this._activationMode() !== "automatic")
-      return;
+    if (t.pointerType === "touch" || this._activationMode() !== "automatic") return;
     const i = t.composedPath(), n = this._items.findIndex((o) => i.includes(o));
     n < 0 || this._getSelectedFromAttribute() !== n && this._selectIndex(n, "programmatic");
   }
   _moveFocus(t, i) {
-    if (this._items.length === 0)
-      return -1;
+    if (this._items.length === 0) return -1;
     const n = this._loopEnabled();
     let o = t + i;
     return o < 0 && (o = n ? this._items.length - 1 : 0), o >= this._items.length && (o = n ? 0 : this._items.length - 1), o;
   }
   _onKeyDown(t) {
     const i = this.getAttribute("orientation") === "vertical" ? "vertical" : "horizontal", n = this._items.findIndex((e) => e === t.target || e.contains(t.target));
-    if (n < 0)
-      return;
+    if (n < 0) return;
     const o = this._activationMode();
-    let r = !1, s = n;
-    i === "horizontal" ? t.key === "ArrowRight" ? (s = this._moveFocus(n, 1), r = !0) : t.key === "ArrowLeft" ? (s = this._moveFocus(n, -1), r = !0) : t.key === "ArrowDown" && this._itemPanels[n] && (this._selectIndex(n, "keyboard"), r = !0) : t.key === "ArrowDown" ? (s = this._moveFocus(n, 1), r = !0) : t.key === "ArrowUp" ? (s = this._moveFocus(n, -1), r = !0) : t.key === "ArrowRight" && this._itemPanels[n] && (this._selectIndex(n, "keyboard"), r = !0), t.key === "Home" && (s = this._items.length > 0 ? 0 : -1, r = !0), t.key === "End" && (s = this._items.length > 0 ? this._items.length - 1 : -1, r = !0), (t.key === "Enter" || t.key === " ") && (this._selectIndex(n, "keyboard"), r = !0), t.key === "Escape" && (this._selectIndex(-1, "keyboard"), r = !0), r && (t.preventDefault(), s >= 0 && s !== n ? (this._focusItem(s), o === "automatic" ? this._selectIndex(s, "keyboard") : this._items.forEach((e, a) => {
-      e.setAttribute("tabindex", a === s ? "0" : "-1");
-    })) : s === n && o === "manual" && this._items.forEach((e, a) => {
-      e.setAttribute("tabindex", a === n ? "0" : "-1");
+    let a = !1, s = n;
+    i === "horizontal" ? t.key === "ArrowRight" ? (s = this._moveFocus(n, 1), a = !0) : t.key === "ArrowLeft" ? (s = this._moveFocus(n, -1), a = !0) : t.key === "ArrowDown" && this._itemPanels[n] && (this._selectIndex(n, "keyboard"), a = !0) : t.key === "ArrowDown" ? (s = this._moveFocus(n, 1), a = !0) : t.key === "ArrowUp" ? (s = this._moveFocus(n, -1), a = !0) : t.key === "ArrowRight" && this._itemPanels[n] && (this._selectIndex(n, "keyboard"), a = !0), t.key === "Home" && (s = this._items.length > 0 ? 0 : -1, a = !0), t.key === "End" && (s = this._items.length > 0 ? this._items.length - 1 : -1, a = !0), (t.key === "Enter" || t.key === " ") && (this._selectIndex(n, "keyboard"), a = !0), t.key === "Escape" && (this._selectIndex(-1, "keyboard"), a = !0), a && (t.preventDefault(), s >= 0 && s !== n ? (this._focusItem(s), o === "automatic" ? this._selectIndex(s, "keyboard") : this._items.forEach((e, r) => {
+      e.setAttribute("tabindex", r === s ? "0" : "-1");
+    })) : s === n && o === "manual" && this._items.forEach((e, r) => {
+      e.setAttribute("tabindex", r === n ? "0" : "-1");
     }));
   }
 };
-b.OPEN_EVENT = "ui-navigation-menu:open";
-let w = b;
-typeof customElements < "u" && !customElements.get("ui-navigation-menu") && customElements.define("ui-navigation-menu", w);
+v.OPEN_EVENT = "ui-navigation-menu:open";
+let m = v;
+typeof customElements < "u" && !customElements.get("ui-navigation-menu") && customElements.define("ui-navigation-menu", m);
 export {
-  w as UINavigationMenu
+  m as UINavigationMenu
 };

package/dist/number-field.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const D=require("./ElementBase-1b301e7f.js"),z=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const D=require("./ElementBase-EV6mVBUV.js"),z=`
   :host {
     --ui-number-field-padding: var(--ui-padding, 10px 12px);
     --ui-number-field-border-color: var(--ui-color-border, var(--ui-border-color, #cbd5e1));
@@ -311,7 +311,7 @@
       transition: none !important;
     }
   }
-`;function f(s){return s.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function d(s){if(!s)return!1;const e=s.assignedNodes({flatten:!0});return e.length?e.some(t=>{var i;return t.nodeType===Node.TEXT_NODE?!!((i=t.textContent)!=null&&i.trim()):t.nodeType===Node.ELEMENT_NODE}):!1}function p(s,e){const t=s.getAttribute(e);if(t==null)return!1;const i=String(t).trim().toLowerCase();return i!=="false"&&i!=="0"}function g(s){if(s==null||s.trim()==="")return null;const e=Number(s);return Number.isFinite(e)?e:null}function N(s){const e=String(s),t=e.match(/e-(\d+)$/i);if(t)return Number(t[1]);const i=e.split(".")[1];return i?i.length:0}function m(s,e){if(e==null||e<0)return s;const t=10**e;return Math.round((s+Number.EPSILON)*t)/t}function A(s,e,t){return e!=null&&s<e?e:t!=null&&s>t?t:s}function B(s){return s??0}function C(s,e,t,i){if(e==null||e<=0)return!0;const r=m((s-t)/e,i!=null?i+2:8);return Math.abs(r-Math.round(r))<1e-7}function F(s){var t,i;const e=new Intl.NumberFormat(s).formatToParts(12345.6);return{group:((t=e.find(r=>r.type==="group"))==null?void 0:t.value)||",",decimal:((i=e.find(r=>r.type==="decimal"))==null?void 0:i.value)||"."}}function _(s,e){const t=s.trim();if(!t)return null;const{group:i,decimal:r}=F(e);let n=t.replace(/[\s\u00a0\u202f]/g,"");if(i&&(n=n.split(i).join("")),r&&r!=="."&&(n=n.split(r).join(".")),n=n.replace(/[−–]/g,"-"),!/^[+-]?(?:\d+\.?\d*|\.\d+)$/.test(n))return null;const a=Number(n);return Number.isFinite(a)?a:null}function L(s,e){return e!=null&&e>=0?s.toFixed(e):String(s)}class w extends D.ElementBase{constructor(){super(),this._input=null,this._formUnregister=null,this._uid=Math.random().toString(36).slice(2,9),this._rawValue="",this._isEditing=!1,this._internalInvalidReason=null,this._onInput=this._onInput.bind(this),this._onBlur=this._onBlur.bind(this),this._onFocus=this._onFocus.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onWheel=this._onWheel.bind(this),this._onSlotChange=this._onSlotChange.bind(this),this._onClick=this._onClick.bind(this)}static get observedAttributes(){return["value","min","max","step","precision","locale","format","name","placeholder","disabled","readonly","required","invalid","allow-wheel","show-steppers","clamp-on-blur","autocomplete","inputmode","label","description","data-error","size","variant"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("slotchange",this._onSlotChange),this.addEventListener("click",this._onClick),this._registerWithForm()}disconnectedCallback(){this.root.removeEventListener("slotchange",this._onSlotChange),this.removeEventListener("click",this._onClick),this._detachListeners(),this._formUnregister&&(this._formUnregister(),this._formUnregister=null),super.disconnectedCallback()}shouldRenderOnAttributeChange(e){return e==="label"||e==="description"||e==="data-error"}attributeChangedCallback(e,t,i){if(t!==i){if(e==="value"){this._rawValue=i||"",this._clearInternalInvalid(),this._syncDisplayValue(),this._syncAria();return}if(e==="name"&&this._registerWithForm(),e==="min"||e==="max"||e==="step"||e==="precision"||e==="locale"||e==="format"||e==="placeholder"||e==="disabled"||e==="readonly"||e==="required"||e==="allow-wheel"||e==="show-steppers"||e==="clamp-on-blur"||e==="autocomplete"||e==="inputmode"||e==="size"||e==="variant"||e==="invalid"){this._syncControlAttrs(),this._syncDisplayValue(),this._syncDerivedState(),this._syncAria();return}super.attributeChangedCallback(e,t,i)}}get value(){return this.getAttribute("value")||""}set value(e){e?this.setAttribute("value",e):this.removeAttribute("value")}get valueAsNumber(){return g(this.getAttribute("value"))}get rawValue(){return this._rawValue}set rawValue(e){this._rawValue=String(e??""),this._input&&(this._input.value=this._rawValue),this._syncAria()}focus(e){if(this._input){this._input.focus(e);return}super.focus(e)}blur(){var e;(e=this._input)==null||e.blur()}select(){var e;(e=this._input)==null||e.select()}stepUp(e=1){this._stepBy(Math.max(1,Number(e)||1),"step")}stepDown(e=1){this._stepBy(-Math.max(1,Number(e)||1),"step")}_locale(){return this.getAttribute("locale")||Intl.NumberFormat().resolvedOptions().locale||"en-US"}_precision(){const e=this.getAttribute("precision");if(e==null||e.trim()==="")return null;const t=Number(e);return Number.isInteger(t)&&t>=0?t:null}_step(){const e=this.getAttribute("step");if(e==null||e===""||e==="any")return null;const t=Number(e);return Number.isFinite(t)&&t>0?t:null}_effectivePrecision(){const e=this._precision();if(e!=null)return e;const t=this._step();return t!=null?N(t):null}_min(){return g(this.getAttribute("min"))}_max(){return g(this.getAttribute("max"))}_formatNumber(e){const t=this._effectivePrecision(),i=this.getAttribute("format")!=="plain";return new Intl.NumberFormat(this._locale(),{useGrouping:i,minimumFractionDigits:t??0,maximumFractionDigits:t??20}).format(e)}_displayStringForValue(){if(this._isEditing)return this._rawValue;const e=this.valueAsNumber;return e==null?this._rawValue:this._formatNumber(e)}_syncDisplayValue(){if(!this._input)return;const e=this._displayStringForValue();this._input.value!==e&&(this._input.value=e);const t=this.root.querySelector(".shell");t&&t.setAttribute("data-has-value",e?"true":"false")}_syncControlAttrs(){if(!this._input)return;this._input.placeholder=this.getAttribute("placeholder")||"",this._input.disabled=p(this,"disabled"),this._input.readOnly=this.hasAttribute("readonly"),this._input.required=this.hasAttribute("required"),this._input.name=this.getAttribute("name")||"",this._input.setAttribute("inputmode",this.getAttribute("inputmode")||"decimal");const e=this.getAttribute("autocomplete");e?this._input.setAttribute("autocomplete",e):this._input.removeAttribute("autocomplete")}_syncAria(){if(!this._input)return;const e=this.valueAsNumber;this._input.setAttribute("role","spinbutton"),this._input.setAttribute("aria-valuetext",this._input.value||"");const t=this._min(),i=this._max();t!=null?this._input.setAttribute("aria-valuemin",String(t)):this._input.removeAttribute("aria-valuemin"),i!=null?this._input.setAttribute("aria-valuemax",String(i)):this._input.removeAttribute("aria-valuemax"),e!=null?this._input.setAttribute("aria-valuenow",String(e)):this._input.removeAttribute("aria-valuenow");const r=this.root.querySelector('slot[name="label"]'),n=this.root.querySelector('slot[name="description"]'),a=this.root.querySelector('slot[name="error"]'),l=!!(this.getAttribute("label")||"").trim()||d(r),u=!!(this.getAttribute("description")||"").trim()||d(n),o=!!(this.getAttribute("data-error")||"").trim()||d(a);l?this._input.setAttribute("aria-labelledby",`${this._uid}-label`):this._input.removeAttribute("aria-labelledby");const c=[];u&&c.push(`${this._uid}-description`),o&&c.push(`${this._uid}-error`),c.length?this._input.setAttribute("aria-describedby",c.join(" ")):this._input.removeAttribute("aria-describedby"),this.hasAttribute("required")?this._input.setAttribute("aria-required","true"):this._input.removeAttribute("aria-required"),this.hasAttribute("invalid")||this._internalInvalidReason!=null||o?this._input.setAttribute("aria-invalid","true"):this._input.removeAttribute("aria-invalid")}_syncDerivedState(){const e=this.root.querySelector('slot[name="label"]'),t=this.root.querySelector('slot[name="description"]'),i=this.root.querySelector('slot[name="error"]'),r=this.root.querySelector('slot[name="prefix"]'),n=this.root.querySelector('slot[name="suffix"]'),a=this.root.querySelector('slot[name="increment-trigger"]'),l=this.root.querySelector('slot[name="decrement-trigger"]'),u=!!(this.getAttribute("label")||"").trim()||d(e),o=!!(this.getAttribute("description")||"").trim()||d(t),c=!!(this.getAttribute("data-error")||"").trim()||d(i),v=d(r),S=d(n),V=d(a),k=d(l),y=p(this,"show-steppers")||V||k,h=(E,I)=>{const b=this.root.querySelector(E);b&&(I?b.removeAttribute("hidden"):b.setAttribute("hidden",""))};h(".meta",u||o),h(".label",u),h(".description",o),h(".prefix",v),h(".suffix",S),h(".footer",c),h(".error",c),h(".steppers",y);const x=this.root.querySelector(".shell");x&&x.setAttribute("data-show-steppers",y?"true":"false")}_emitValueEvent(e,t,i,r){this.dispatchEvent(new CustomEvent(e,{detail:{value:t,previousValue:i,source:r},bubbles:!0,composed:!0}))}_emitInvalid(e){this._internalInvalidReason=e,this.setAttribute("data-internal-invalid",e),this._syncAria(),this.dispatchEvent(new CustomEvent("invalid",{detail:{reason:e},bubbles:!0,composed:!0}))}_clearInternalInvalid(){this._internalInvalidReason=null,this.removeAttribute("data-internal-invalid"),this._syncAria()}_commitValue(e,t){const i=this.valueAsNumber;if(e==null){if(i==null&&!this.value){this._rawValue="",this._syncDisplayValue();return}this._emitValueEvent("before-value-change",null,i,t),this.removeAttribute("value"),this._rawValue="",this._clearInternalInvalid(),this._syncDisplayValue(),this._syncAria(),this._emitValueEvent("value-change",null,i,t);return}const r=this._effectivePrecision(),n=L(m(e,r),r),a=Number(n);if(i!=null&&a===i&&this.value===n){this._rawValue=n,this._clearInternalInvalid(),this._syncDisplayValue();return}this._emitValueEvent("before-value-change",a,i,t),this.setAttribute("value",n),this._rawValue=n,this._clearInternalInvalid(),this._syncDisplayValue(),this._syncAria(),this._emitValueEvent("value-change",a,i,t)}_commitRaw(e){const t=this._rawValue.trim();if(!t){this._commitValue(null,e);return}const i=_(t,this._locale());if(i==null){this._emitInvalid("parse"),this._syncDisplayValue();return}const r=this._min(),n=this._max(),a=this._effectivePrecision(),l=m(i,a),u=p(this,"clamp-on-blur"),o=u?A(l,r,n):l;if(!u&&r!=null&&o<r){this._emitInvalid("min"),this._syncDisplayValue();return}if(!u&&n!=null&&o>n){this._emitInvalid("max"),this._syncDisplayValue();return}const c=this._step();if(!C(o,c,B(r),a)){this._emitInvalid("step"),this._syncDisplayValue();return}this._commitValue(o,e)}_stepBy(e,t){if(p(this,"disabled")||this.hasAttribute("readonly"))return;const i=this._step()??1,r=this._effectivePrecision(),n=this._min(),a=this._max(),u=(this._isEditing?_(this._rawValue,this._locale()):this.valueAsNumber)??n??0,o=A(m(u+i*e,r),n,a);this._commitValue(o,t),this._isEditing&&this._input&&(this._input.value=this._rawValue)}_registerWithForm(){var e;this._formUnregister&&(this._formUnregister(),this._formUnregister=null);try{const i=this.getRootNode().host,n=((e=i==null?void 0:i.closest)==null?void 0:e.call(i,"ui-form"))||null||this.closest("ui-form"),a=this.getAttribute("name");n&&typeof n.registerField=="function"&&a&&(this._formUnregister=n.registerField(a,{name:a,getValue:()=>this.value,setValue:l=>{l==null||l===""?this.removeAttribute("value"):this.setAttribute("value",String(l))},validate:async()=>{const l=this.valueAsNumber,u=this._min(),o=this._max();return this.hasAttribute("required")&&l==null?{valid:!1,message:"A value is required."}:l!=null&&u!=null&&l<u?{valid:!1,message:`Value must be at least ${u}.`}:l!=null&&o!=null&&l>o?{valid:!1,message:`Value must be at most ${o}.`}:{valid:this._internalInvalidReason==null,message:void 0}},setError:l=>{l?(this.setAttribute("data-error",l),this.toggleAttribute("invalid",!0)):(this.removeAttribute("data-error"),this._internalInvalidReason==null&&this.removeAttribute("invalid")),this._syncDerivedState(),this._syncAria()}}))}catch{}}_detachListeners(){this._input&&(this._input.removeEventListener("input",this._onInput),this._input.removeEventListener("focus",this._onFocus),this._input.removeEventListener("blur",this._onBlur),this._input.removeEventListener("keydown",this._onKeyDown),this._input.removeEventListener("wheel",this._onWheel))}_bindInput(){this._input&&(this._detachListeners(),this._input.addEventListener("input",this._onInput),this._input.addEventListener("focus",this._onFocus),this._input.addEventListener("blur",this._onBlur),this._input.addEventListener("keydown",this._onKeyDown),this._input.addEventListener("wheel",this._onWheel,{passive:!1}))}_onInput(e){this._rawValue=e.target.value,this._syncDisplayValue(),this._syncAria();const t=_(this._rawValue,this._locale());this.dispatchEvent(new CustomEvent("input",{detail:{rawValue:this._rawValue,value:t,source:"input"},bubbles:!0,composed:!0}))}_onFocus(){this._isEditing=!0,this._rawValue=this.value||this._rawValue,this._syncDisplayValue(),this._syncAria()}_onBlur(){this._isEditing=!1,this._commitRaw("blur")}_onKeyDown(e){if(e.key==="ArrowUp"){e.preventDefault(),this._stepBy(1,"keyboard");return}if(e.key==="ArrowDown"){e.preventDefault(),this._stepBy(-1,"keyboard");return}if(e.key==="PageUp"){e.preventDefault(),this._stepBy(10,"keyboard");return}if(e.key==="PageDown"){e.preventDefault(),this._stepBy(-10,"keyboard");return}if(e.key==="Home"){const t=this._min();if(t==null)return;e.preventDefault(),this._commitValue(t,"keyboard");return}if(e.key==="End"){const t=this._max();if(t==null)return;e.preventDefault(),this._commitValue(t,"keyboard");return}if(e.key==="Enter"){e.preventDefault(),this._isEditing=!1,this._commitRaw("keyboard");return}e.key==="Escape"&&(this._isEditing=!1,this._rawValue=this.value,this._clearInternalInvalid(),this._syncDisplayValue())}_onWheel(e){p(this,"allow-wheel")&&(!this._input||this.root.activeElement!==this._input||(e.preventDefault(),this._stepBy(e.deltaY<0?1:-1,"wheel")))}_onClick(e){const i=e.composedPath().find(r=>r instanceof HTMLElement?r.dataset.stepAction==="up"||r.dataset.stepAction==="down"||r.getAttribute("slot")==="increment-trigger"||r.getAttribute("slot")==="decrement-trigger":!1);if(i){if(i.dataset.stepAction==="up"||i.getAttribute("slot")==="increment-trigger"){e.preventDefault(),this._stepBy(1,"step");return}(i.dataset.stepAction==="down"||i.getAttribute("slot")==="decrement-trigger")&&(e.preventDefault(),this._stepBy(-1,"step"))}}_onSlotChange(){this._syncDerivedState(),this._syncAria()}render(){const e=this.getAttribute("label")||"",t=this.getAttribute("description")||"",i=this.getAttribute("data-error")||"";this.setContent(`
+`;function f(r){return r.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function d(r){if(!r)return!1;const e=r.assignedNodes({flatten:!0});return e.length?e.some(t=>t.nodeType===Node.TEXT_NODE?!!t.textContent?.trim():t.nodeType===Node.ELEMENT_NODE):!1}function p(r,e){const t=r.getAttribute(e);if(t==null)return!1;const i=String(t).trim().toLowerCase();return i!=="false"&&i!=="0"}function g(r){if(r==null||r.trim()==="")return null;const e=Number(r);return Number.isFinite(e)?e:null}function N(r){const e=String(r),t=e.match(/e-(\d+)$/i);if(t)return Number(t[1]);const i=e.split(".")[1];return i?i.length:0}function m(r,e){if(e==null||e<0)return r;const t=10**e;return Math.round((r+Number.EPSILON)*t)/t}function A(r,e,t){return e!=null&&r<e?e:t!=null&&r>t?t:r}function B(r){return r??0}function C(r,e,t,i){if(e==null||e<=0)return!0;const s=m((r-t)/e,i!=null?i+2:8);return Math.abs(s-Math.round(s))<1e-7}function F(r){const e=new Intl.NumberFormat(r).formatToParts(12345.6);return{group:e.find(t=>t.type==="group")?.value||",",decimal:e.find(t=>t.type==="decimal")?.value||"."}}function _(r,e){const t=r.trim();if(!t)return null;const{group:i,decimal:s}=F(e);let n=t.replace(/[\s\u00a0\u202f]/g,"");if(n=n.split(i).join(""),s!=="."&&(n=n.split(s).join(".")),n=n.replace(/[−–]/g,"-"),!/^[+-]?(?:\d+\.?\d*|\.\d+)$/.test(n))return null;const l=Number(n);return Number.isFinite(l)?l:null}function L(r,e){return e!=null&&e>=0?r.toFixed(e):String(r)}class w extends D.ElementBase{constructor(){super(),this._input=null,this._formUnregister=null,this._uid=Math.random().toString(36).slice(2,9),this._rawValue="",this._isEditing=!1,this._internalInvalidReason=null,this._onInput=this._onInput.bind(this),this._onBlur=this._onBlur.bind(this),this._onFocus=this._onFocus.bind(this),this._onKeyDown=this._onKeyDown.bind(this),this._onWheel=this._onWheel.bind(this),this._onSlotChange=this._onSlotChange.bind(this),this._onClick=this._onClick.bind(this)}static get observedAttributes(){return["value","min","max","step","precision","locale","format","name","placeholder","disabled","readonly","required","invalid","allow-wheel","show-steppers","clamp-on-blur","autocomplete","inputmode","label","description","data-error","size","variant"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("slotchange",this._onSlotChange),this.addEventListener("click",this._onClick),this._registerWithForm()}disconnectedCallback(){this.root.removeEventListener("slotchange",this._onSlotChange),this.removeEventListener("click",this._onClick),this._detachListeners(),this._formUnregister&&(this._formUnregister(),this._formUnregister=null),super.disconnectedCallback()}shouldRenderOnAttributeChange(e){return e==="label"||e==="description"||e==="data-error"}attributeChangedCallback(e,t,i){if(t!==i){if(e==="value"){this._rawValue=i||"",this._clearInternalInvalid(),this._syncDisplayValue(),this._syncAria();return}if(e==="name"&&this._registerWithForm(),e==="min"||e==="max"||e==="step"||e==="precision"||e==="locale"||e==="format"||e==="placeholder"||e==="disabled"||e==="readonly"||e==="required"||e==="allow-wheel"||e==="show-steppers"||e==="clamp-on-blur"||e==="autocomplete"||e==="inputmode"||e==="size"||e==="variant"||e==="invalid"){this._syncControlAttrs(),this._syncDisplayValue(),this._syncDerivedState(),this._syncAria();return}super.attributeChangedCallback(e,t,i)}}get value(){return this.getAttribute("value")||""}set value(e){e?this.setAttribute("value",e):this.removeAttribute("value")}get valueAsNumber(){return g(this.getAttribute("value"))}get rawValue(){return this._rawValue}set rawValue(e){this._rawValue=String(e??""),this._input&&(this._input.value=this._rawValue),this._syncAria()}focus(e){if(this._input){this._input.focus(e);return}super.focus(e)}blur(){this._input?.blur()}select(){this._input?.select()}stepUp(e=1){this._stepBy(Math.max(1,Number(e)||1),"step")}stepDown(e=1){this._stepBy(-Math.max(1,Number(e)||1),"step")}_locale(){return this.getAttribute("locale")||Intl.NumberFormat().resolvedOptions().locale||"en-US"}_precision(){const e=this.getAttribute("precision");if(e==null||e.trim()==="")return null;const t=Number(e);return Number.isInteger(t)&&t>=0?t:null}_step(){const e=this.getAttribute("step");if(e==null||e===""||e==="any")return null;const t=Number(e);return Number.isFinite(t)&&t>0?t:null}_effectivePrecision(){const e=this._precision();if(e!=null)return e;const t=this._step();return t!=null?N(t):null}_min(){return g(this.getAttribute("min"))}_max(){return g(this.getAttribute("max"))}_formatNumber(e){const t=this._effectivePrecision(),i=this.getAttribute("format")!=="plain";return new Intl.NumberFormat(this._locale(),{useGrouping:i,minimumFractionDigits:t??0,maximumFractionDigits:t??20}).format(e)}_displayStringForValue(){if(this._isEditing)return this._rawValue;const e=this.valueAsNumber;return e==null?this._rawValue:this._formatNumber(e)}_syncDisplayValue(){if(!this._input)return;const e=this._displayStringForValue();this._input.value!==e&&(this._input.value=e);const t=this.root.querySelector(".shell");t&&t.setAttribute("data-has-value",e?"true":"false")}_syncControlAttrs(){if(!this._input)return;this._input.placeholder=this.getAttribute("placeholder")||"",this._input.disabled=p(this,"disabled"),this._input.readOnly=this.hasAttribute("readonly"),this._input.required=this.hasAttribute("required"),this._input.name=this.getAttribute("name")||"",this._input.setAttribute("inputmode",this.getAttribute("inputmode")||"decimal");const e=this.getAttribute("autocomplete");e?this._input.setAttribute("autocomplete",e):this._input.removeAttribute("autocomplete")}_syncAria(){if(!this._input)return;const e=this.valueAsNumber;this._input.setAttribute("role","spinbutton"),this._input.setAttribute("aria-valuetext",this._input.value||"");const t=this._min(),i=this._max();t!=null?this._input.setAttribute("aria-valuemin",String(t)):this._input.removeAttribute("aria-valuemin"),i!=null?this._input.setAttribute("aria-valuemax",String(i)):this._input.removeAttribute("aria-valuemax"),e!=null?this._input.setAttribute("aria-valuenow",String(e)):this._input.removeAttribute("aria-valuenow");const s=this.root.querySelector('slot[name="label"]'),n=this.root.querySelector('slot[name="description"]'),l=this.root.querySelector('slot[name="error"]'),u=!!(this.getAttribute("label")||"").trim()||d(s),a=!!(this.getAttribute("description")||"").trim()||d(n),o=!!(this.getAttribute("data-error")||"").trim()||d(l);u?this._input.setAttribute("aria-labelledby",`${this._uid}-label`):this._input.removeAttribute("aria-labelledby");const c=[];a&&c.push(`${this._uid}-description`),o&&c.push(`${this._uid}-error`),c.length?this._input.setAttribute("aria-describedby",c.join(" ")):this._input.removeAttribute("aria-describedby"),this.hasAttribute("required")?this._input.setAttribute("aria-required","true"):this._input.removeAttribute("aria-required"),this.hasAttribute("invalid")||this._internalInvalidReason!=null||o?this._input.setAttribute("aria-invalid","true"):this._input.removeAttribute("aria-invalid")}_syncDerivedState(){const e=this.root.querySelector('slot[name="label"]'),t=this.root.querySelector('slot[name="description"]'),i=this.root.querySelector('slot[name="error"]'),s=this.root.querySelector('slot[name="prefix"]'),n=this.root.querySelector('slot[name="suffix"]'),l=this.root.querySelector('slot[name="increment-trigger"]'),u=this.root.querySelector('slot[name="decrement-trigger"]'),a=!!(this.getAttribute("label")||"").trim()||d(e),o=!!(this.getAttribute("description")||"").trim()||d(t),c=!!(this.getAttribute("data-error")||"").trim()||d(i),v=d(s),S=d(n),V=d(l),k=d(u),y=p(this,"show-steppers")||V||k,h=(E,I)=>{const b=this.root.querySelector(E);b&&(I?b.removeAttribute("hidden"):b.setAttribute("hidden",""))};h(".meta",a||o),h(".label",a),h(".description",o),h(".prefix",v),h(".suffix",S),h(".footer",c),h(".error",c),h(".steppers",y);const x=this.root.querySelector(".shell");x&&x.setAttribute("data-show-steppers",y?"true":"false")}_emitValueEvent(e,t,i,s){this.dispatchEvent(new CustomEvent(e,{detail:{value:t,previousValue:i,source:s},bubbles:!0,composed:!0}))}_emitInvalid(e){this._internalInvalidReason=e,this.setAttribute("data-internal-invalid",e),this._syncAria(),this.dispatchEvent(new CustomEvent("invalid",{detail:{reason:e},bubbles:!0,composed:!0}))}_clearInternalInvalid(){this._internalInvalidReason=null,this.removeAttribute("data-internal-invalid"),this._syncAria()}_commitValue(e,t){const i=this.valueAsNumber;if(e==null){if(i==null&&!this.value){this._rawValue="",this._syncDisplayValue();return}this._emitValueEvent("before-value-change",null,i,t),this.removeAttribute("value"),this._rawValue="",this._clearInternalInvalid(),this._syncDisplayValue(),this._syncAria(),this._emitValueEvent("value-change",null,i,t);return}const s=this._effectivePrecision(),n=L(m(e,s),s),l=Number(n);if(i!=null&&l===i&&this.value===n){this._rawValue=n,this._clearInternalInvalid(),this._syncDisplayValue();return}this._emitValueEvent("before-value-change",l,i,t),this.setAttribute("value",n),this._rawValue=n,this._clearInternalInvalid(),this._syncDisplayValue(),this._syncAria(),this._emitValueEvent("value-change",l,i,t)}_commitRaw(e){const t=this._rawValue.trim();if(!t){this._commitValue(null,e);return}const i=_(t,this._locale());if(i==null){this._emitInvalid("parse"),this._syncDisplayValue();return}const s=this._min(),n=this._max(),l=this._effectivePrecision(),u=m(i,l),a=p(this,"clamp-on-blur"),o=a?A(u,s,n):u;if(!a&&s!=null&&o<s){this._emitInvalid("min"),this._syncDisplayValue();return}if(!a&&n!=null&&o>n){this._emitInvalid("max"),this._syncDisplayValue();return}const c=this._step();if(!C(o,c,B(s),l)){this._emitInvalid("step"),this._syncDisplayValue();return}this._commitValue(o,e)}_stepBy(e,t){if(p(this,"disabled")||this.hasAttribute("readonly"))return;const i=this._step()??1,s=this._effectivePrecision(),n=this._min(),l=this._max(),a=(this._isEditing?_(this._rawValue,this._locale()):this.valueAsNumber)??n??0,o=A(m(a+i*e,s),n,l);this._commitValue(o,t),this._isEditing&&this._input&&(this._input.value=this._rawValue)}_registerWithForm(){this._formUnregister&&(this._formUnregister(),this._formUnregister=null);try{const s=this.getRootNode().host?.closest?.("ui-form")||null||this.closest("ui-form"),n=this.getAttribute("name");s&&typeof s.registerField=="function"&&n&&(this._formUnregister=s.registerField(n,{name:n,getValue:()=>this.value,setValue:l=>{l==null||l===""?this.removeAttribute("value"):this.setAttribute("value",String(l))},validate:async()=>{const l=this.valueAsNumber,u=this._min(),a=this._max();return this.hasAttribute("required")&&l==null?{valid:!1,message:"A value is required."}:l!=null&&u!=null&&l<u?{valid:!1,message:`Value must be at least ${u}.`}:l!=null&&a!=null&&l>a?{valid:!1,message:`Value must be at most ${a}.`}:{valid:this._internalInvalidReason==null,message:void 0}},setError:l=>{l?(this.setAttribute("data-error",l),this.toggleAttribute("invalid",!0)):(this.removeAttribute("data-error"),this._internalInvalidReason==null&&this.removeAttribute("invalid")),this._syncDerivedState(),this._syncAria()}}))}catch{}}_detachListeners(){this._input&&(this._input.removeEventListener("input",this._onInput),this._input.removeEventListener("focus",this._onFocus),this._input.removeEventListener("blur",this._onBlur),this._input.removeEventListener("keydown",this._onKeyDown),this._input.removeEventListener("wheel",this._onWheel))}_bindInput(){this._input&&(this._detachListeners(),this._input.addEventListener("input",this._onInput),this._input.addEventListener("focus",this._onFocus),this._input.addEventListener("blur",this._onBlur),this._input.addEventListener("keydown",this._onKeyDown),this._input.addEventListener("wheel",this._onWheel,{passive:!1}))}_onInput(e){this._rawValue=e.target.value,this._syncDisplayValue(),this._syncAria();const t=_(this._rawValue,this._locale());this.dispatchEvent(new CustomEvent("input",{detail:{rawValue:this._rawValue,value:t,source:"input"},bubbles:!0,composed:!0}))}_onFocus(){this._isEditing=!0,this._rawValue=this.value||this._rawValue,this._syncDisplayValue(),this._syncAria()}_onBlur(){this._isEditing=!1,this._commitRaw("blur")}_onKeyDown(e){if(e.key==="ArrowUp"){e.preventDefault(),this._stepBy(1,"keyboard");return}if(e.key==="ArrowDown"){e.preventDefault(),this._stepBy(-1,"keyboard");return}if(e.key==="PageUp"){e.preventDefault(),this._stepBy(10,"keyboard");return}if(e.key==="PageDown"){e.preventDefault(),this._stepBy(-10,"keyboard");return}if(e.key==="Home"){const t=this._min();if(t==null)return;e.preventDefault(),this._commitValue(t,"keyboard");return}if(e.key==="End"){const t=this._max();if(t==null)return;e.preventDefault(),this._commitValue(t,"keyboard");return}if(e.key==="Enter"){e.preventDefault(),this._isEditing=!1,this._commitRaw("keyboard");return}e.key==="Escape"&&(this._isEditing=!1,this._rawValue=this.value,this._clearInternalInvalid(),this._syncDisplayValue())}_onWheel(e){p(this,"allow-wheel")&&(!this._input||this.root.activeElement!==this._input||(e.preventDefault(),this._stepBy(e.deltaY<0?1:-1,"wheel")))}_onClick(e){const i=e.composedPath().find(s=>s instanceof HTMLElement?s.dataset.stepAction==="up"||s.dataset.stepAction==="down"||s.getAttribute("slot")==="increment-trigger"||s.getAttribute("slot")==="decrement-trigger":!1);if(i){if(i.dataset.stepAction==="up"||i.getAttribute("slot")==="increment-trigger"){e.preventDefault(),this._stepBy(1,"step");return}(i.dataset.stepAction==="down"||i.getAttribute("slot")==="decrement-trigger")&&(e.preventDefault(),this._stepBy(-1,"step"))}}_onSlotChange(){this._syncDerivedState(),this._syncAria()}render(){const e=this.getAttribute("label")||"",t=this.getAttribute("description")||"",i=this.getAttribute("data-error")||"";this.setContent(`
       <style>${z}</style>
       <div class="root">
         <div class="meta">