@luzmo/analytics-components-kit 1.0.1-alpha.4 → 1.0.1-alpha.5

package/components/index-D4x-O9Uc.cjs

@@ -0,0 +1,192 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2024 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+"use strict";const f=require("./property-Su1Q6aME.cjs"),_=require("./directive-helpers-BLDZnGQv-DYFfxaqA.cjs"),Z=require("./if-defined-CYpcjGCb-Bzbg7zmM.cjs"),ke=require("./base-D76d76ww-BiajPmzU.cjs"),J=require("./element-resolution-FCUT-wql-DSTvdyds.cjs"),ft=require("./index-CayjvyyX.cjs"),Ft=require("./async-directive-FGzMycjH-CeG35vZ3.cjs");/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * *//**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const pe="important",Se=" !"+pe,Ht=_._(class extends _.${constructor(e){var t;if(super(e),e.type!==_.s.ATTRIBUTE||e.name!=="style"||((t=e.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return Object.keys(e).reduce((t,n)=>{const o=e[n];return o==null?t:t+`${n=n.includes("-")?n:n.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${o};`},"")}update(e,[t]){const{style:n}=e.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const o of this.ft)t[o]==null&&(this.ft.delete(o),o.includes("-")?n.removeProperty(o):n[o]=null);for(const o in t){const i=t[o];if(i!=null){this.ft.add(o);const s=typeof i=="string"&&i.endsWith(Se);o.includes("-")||s?n.setProperty(o,s?i.slice(0,-11):i,s?pe:""):n[o]=i}}return f.H$1}});/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */class _t extends Event{constructor(t,n,o){super("slottable-request",{bubbles:!1,cancelable:!0,composed:!1}),this.name=t,this.data=n,this.slotName=o===void 0?t:`${t}.${o}`}}const vt=Symbol("remove-slottable-request");/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * *//**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */function me(e){return(t,n)=>{const{slot:o,selector:i}=e??{},s="slot"+(o?`[name=${o}]`:":not([name])");return ke.o(t,n,{get(){var l;const r=(l=this.renderRoot)==null?void 0:l.querySelector(s),a=(r==null?void 0:r.assignedElements(e))??[];return i===void 0?a:a.filter(c=>c.matches(i))}})}}/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */function Le(e,t,n=[]){for(const[o,i]of t.entries()){const s=e[o],l=s.parentElement||s.getRootNode();n[o]&&n[o](i),l&&l!==s&&s.replaceWith(i),delete e[o]}return t}const Re=(e,t,{position:n,prepareCallback:o}={position:"beforeend"})=>{let{length:i}=e;if(i===0)return()=>e;let s=1,l=0;(n==="afterbegin"||n==="afterend")&&(s=-1,l=i-1);const r=new Array(i),a=new Array(i),c=document.createComment("placeholder for reparented element");do{const h=e[l];o&&(a[l]=o(h)),r[l]=c.cloneNode();const d=h.parentElement||h.getRootNode();d&&d!==h&&d.replaceChild(r[l],h),t.insertAdjacentElement(n,h),l+=s}while(--i>0);return function(){return Le(r,e,a)}},Ae=1e3,De=1e3;class $e{constructor(t={}){this.warmUpDelay=Ae,this.coolDownDelay=De,this.isWarm=!1,this.timeout=0,Object.assign(this,t)}openTimer(t){if(this.cancelCooldownTimer(),!this.component||t!==this.component)return this.component&&(this.close(this.component),this.cancelCooldownTimer()),this.component=t,this.isWarm?Promise.resolve(!1):(this.promise=new Promise(n=>{this.resolve=n,this.timeout=window.setTimeout(()=>{this.resolve&&(this.resolve(!1),this.isWarm=!0)},this.warmUpDelay)}),this.promise);if(this.promise)return this.promise;throw new Error("Inconsistent state")}close(t){this.component&&this.component===t&&(this.resetCooldownTimer(),this.timeout>0&&(clearTimeout(this.timeout),this.timeout=0),this.resolve&&(this.resolve(!0),delete this.resolve),delete this.promise,delete this.component)}resetCooldownTimer(){this.isWarm&&(this.cooldownTimeout&&window.clearTimeout(this.cooldownTimeout),this.cooldownTimeout=window.setTimeout(()=>{this.isWarm=!1,delete this.cooldownTimeout},this.coolDownDelay))}cancelCooldownTimer(){this.cooldownTimeout&&window.clearTimeout(this.cooldownTimeout),delete this.cooldownTimeout}}const ct=new $e,V=()=>{},yt=(e,t,n)=>{const o=new AbortController,i=new Map,s=()=>{o.abort(),n()};let l,r;const a=requestAnimationFrame(()=>{l=requestAnimationFrame(()=>{r=requestAnimationFrame(()=>{s()})})}),c=d=>{d.target===e&&(i.set(d.propertyName,i.get(d.propertyName)-1),i.get(d.propertyName)||i.delete(d.propertyName),i.size===0&&s())},h=d=>{d.target===e&&(i.has(d.propertyName)||i.set(d.propertyName,0),i.set(d.propertyName,i.get(d.propertyName)+1),cancelAnimationFrame(a),cancelAnimationFrame(l),cancelAnimationFrame(r))};e.addEventListener("transitionrun",h,{signal:o.signal}),e.addEventListener("transitionend",c,{signal:o.signal}),e.addEventListener("transitioncancel",c,{signal:o.signal}),t()};function T(){return new Promise(e=>requestAnimationFrame(()=>e()))}class Q extends f.I{constructor(){super(...arguments),this.dispose=V,this.offset=0,this.willPreventClose=!1}applyFocus(t,n){}get delayed(){return!1}set delayed(t){}get disabled(){return!1}set disabled(t){}get elementResolver(){return this._elementResolver}set elementResolver(t){this._elementResolver=t}ensureOnDOM(t){}makeTransition(t){return null}manageDelay(t){}manageDialogOpen(){}managePopoverOpen(){}managePosition(){}get open(){return!1}set open(t){}get placementController(){return this._placementController}set placementController(t){this._placementController=t}requestSlottable(){}returnFocus(){}get state(){return"closed"}set state(t){}manuallyKeepOpen(){}static update(){const t=new CustomEvent("luzmo-update-overlays",{bubbles:!0,composed:!0,cancelable:!0});document.dispatchEvent(t)}static async open(t,n,o,i){await Promise.resolve().then(()=>Lt);const s=arguments.length===2,l=o||t,r=new this;let a=!1;const c=Re([l],r,{position:"beforeend",prepareCallback:d=>{const p=d.slot;return d.removeAttribute("slot"),()=>{d.slot=p}}});if(r.dispose=()=>{r.addEventListener("luzmo-closed",()=>{a||(c(),a=!0),requestAnimationFrame(()=>{r.remove()})}),r.open=!1,r.dispose=V},!s&&l&&i){const d=t,p=n,u=i;return Q.applyOptions(r,{...u,delayed:u.delayed||l.hasAttribute("delayed"),trigger:u.virtualTrigger||d,type:p==="modal"?"modal":p==="hover"?"hint":"auto"}),d.after(r),await r.updateComplete,r.open=!0,r.dispose}const h=n;return r.append(l),Q.applyOptions(r,{...h,delayed:h.delayed||l.hasAttribute("delayed")}),r.updateComplete.then(()=>{r.open=!0}),r}static applyOptions(t,n){t.delayed=!!n.delayed,t.receivesFocus=n.receivesFocus??"auto",t.triggerElement=n.trigger||null,t.type=n.type||"modal",t.offset=n.offset??0,t.placement=n.placement,t.willPreventClose=!!n.notImmediatelyClosable}}const It=e=>e.querySelector(ft.t),Mt=e=>e.assignedElements().find(t=>t.matches(ft.t));class Wt extends Event{constructor(){super("beforetoggle",{bubbles:!1,composed:!1}),this.currentState="open",this.newState="closed"}}class Ut extends Event{constructor(){super("beforetoggle",{bubbles:!1,composed:!1}),this.currentState="closed",this.newState="open"}}class $ extends Event{constructor(t,n,{publish:o,interaction:i,reason:s}){super(t,{bubbles:o,composed:o}),this.overlay=n,this.detail={interaction:i,reason:s}}}class dt{constructor(t,n){this.x=0,this.y=0,this.x=t,this.y=n}updateBoundingClientRect(t,n){this.x=t,this.y=n,Q.update()}getBoundingClientRect(){return{width:0,height:0,top:this.y,right:this.x,y:this.y,x:this.x,bottom:this.y,left:this.x,toJSON(){}}}}function Fe(e){class t extends e{async manageDialogOpen(){const o=this.open;if(await T(),await this.managePosition(),this.open!==o)return;const i=await this.dialogMakeTransition(o);this.open===o&&await this.dialogApplyFocus(o,i)}dialogMakeTransition(o){let i=null;const s=(r,a)=>()=>{if(r.open=o,!o){const h=()=>{r.removeEventListener("close",h)};r.addEventListener("close",h)}if(a>0)return;const c=o?Ut:Wt;this.dispatchEvent(new c),o&&(r.matches(ft.t)&&(i=r),i=i||It(r),i||r.querySelectorAll("slot").forEach(h=>{i||(i=Mt(h))}),!(!this.isConnected||this.dialogEl.open)&&this.dialogEl.showModal())},l=(r,a)=>()=>{if(this.open!==o)return;const c=o?"luzmo-opened":"luzmo-closed";if(a>0){r.dispatchEvent(new $(c,this,{interaction:this.type,publish:!1}));return}if(!this.isConnected||o!==this.open)return;const h=async()=>{const d=this.triggerElement instanceof dt;this.dispatchEvent(new $(c,this,{interaction:this.type,publish:d})),r.dispatchEvent(new $(c,this,{interaction:this.type,publish:!1})),this.triggerElement&&!d&&this.triggerElement.dispatchEvent(new $(c,this,{interaction:this.type,publish:!0})),this.state=o?"opened":"closed",this.returnFocus(),await T(),await T(),o===this.open&&o===!1&&this.requestSlottable()};!o&&this.dialogEl.open?(this.dialogEl.addEventListener("close",()=>{h()},{once:!0}),this.dialogEl.close()):h()};return this.elements.forEach((r,a)=>{yt(r,s(r,a),l(r,a))}),i}dialogApplyFocus(o,i){this.applyFocus(o,i)}}return t}function He(e){class t extends e{async managePopoverOpen(){await this.managePosition()}async manageDelay(o){if(o===!1||o!==this.open){ct.close(this);return}this.delayed&&await ct.openTimer(this)&&(this.open=!o)}ensureOnDOM(o){document.body.offsetHeight}makeTransition(o){if(this.open!==o)return null;let i=null;const s=(r,a)=>()=>{if(o===this.open){if(r.open=o,a===0){const c=o?Ut:Wt;this.dispatchEvent(new c)}o!==!0||(r.matches(ft.t)&&(i=r),i=i||It(r),i)||r.querySelectorAll("slot").forEach(c=>{i||(i=Mt(c))})}},l=(r,a)=>async()=>{if(this.open!==o)return;const c=o?"luzmo-opened":"luzmo-closed";if(r.dispatchEvent(new $(c,this,{interaction:this.type})),a>0)return;const h=this.triggerElement instanceof dt;this.dispatchEvent(new $(c,this,{interaction:this.type,publish:h})),this.triggerElement&&!h&&this.triggerElement.dispatchEvent(new $(c,this,{interaction:this.type,publish:!0})),this.state=o?"opened":"closed",this.returnFocus(),await T(),await T(),o===this.open&&o===!1&&this.requestSlottable()};return this.elements.forEach((r,a)=>{yt(r,s(r,a),l(r,a))}),i}}return t}const qe=CSS.supports("(overlay: auto)");function se(e){let t=!1;try{t=e.matches(":popover-open")}catch{}let n=!1;try{n=e.matches(":open")}catch{}return t||n}function Ne(e){class t extends e{async manageDelay(o){if(o===!1||o!==this.open){ct.close(this);return}this.delayed&&await ct.openTimer(this)&&(this.open=!o)}shouldHidePopover(o){if(o&&this.open!==o)return;const i=async({newState:s}={})=>{s!=="open"&&await this.placementController.resetOverlayPosition()};if(!se(this.dialogEl)){i();return}this.dialogEl.addEventListener("toggle",i,{once:!0})}shouldShowPopover(o){let i=!1;try{i=this.dialogEl.matches(":popover-open")}catch{}let s=!1;try{s=this.dialogEl.matches(":open")}catch{}o&&this.open===o&&!i&&!s&&this.isConnected&&(this.dialogEl.showPopover(),this.managePosition())}async ensureOnDOM(o){await T(),qe||await this.shouldHidePopover(o),this.shouldShowPopover(o),await T()}makeTransition(o){if(this.open!==o)return null;let i=null;const s=(r,a)=>()=>{if(r.open=o,a===0){const c=o?Ut:Wt;this.dispatchEvent(new c)}!o||(r.matches(ft.t)&&(i=r),i=i||It(r),i)||r.querySelectorAll("slot").forEach(c=>{i||(i=Mt(c))})},l=(r,a)=>()=>{if(this.open!==o)return;const c=o?"luzmo-opened":"luzmo-closed";if(a>0){r.dispatchEvent(new $(c,this,{interaction:this.type,publish:!1}));return}const h=async()=>{if(this.open!==o)return;await T();const p=this.triggerElement instanceof dt;this.dispatchEvent(new $(c,this,{interaction:this.type,publish:p})),r.dispatchEvent(new $(c,this,{interaction:this.type,publish:!1})),this.triggerElement&&!p&&this.triggerElement.dispatchEvent(new $(c,this,{interaction:this.type,publish:!0})),this.state=o?"opened":"closed",this.returnFocus(),await T(),await T(),o===this.open&&o===!1&&this.requestSlottable()};if(this.open!==o)return;const d=se(this.dialogEl);o!==!0&&d&&this.isConnected?(this.dialogEl.addEventListener("beforetoggle",()=>{h()},{once:!0}),this.dialogEl.hidePopover()):h()};return this.elements.forEach((r,a)=>{yt(r,s(r,a),l(r,a))}),i}}return t}const Be="showPopover"in document.createElement("div");class _e{constructor(){this.root=document.body,this.stack=[],this.handlePointerdown=t=>{this.pointerdownPath=t.composedPath(),this.lastOverlay=this.stack.at(-1)},this.handlePointerup=()=>{const t=this.pointerdownPath;if(this.pointerdownPath=void 0,this.stack.length===0||!(t!=null&&t.length))return;const n=this.lastOverlay;this.lastOverlay=void 0;const o=this.stack.length-1,i=this.stack.filter((s,l)=>!t.find(r=>r===s||r===(s==null?void 0:s.triggerElement)&&(s==null?void 0:s.type)==="hint"||l===o&&s!==n&&s.triggerInteraction==="longpress")&&!s.shouldPreventClose()&&s.type!=="manual"&&!(s.type==="modal"&&n!==s));i.reverse(),i.forEach(s=>{this.closeOverlay(s);let l=s.parentOverlayToForceClose;for(;l;)this.closeOverlay(l),l=l.parentOverlayToForceClose})},this.handleBeforetoggle=t=>{const{target:n,newState:o}=t;o!=="open"&&this.closeOverlay(n)},this.handleKeydown=t=>{if(t.code!=="Escape"||this.stack.length===0)return;const n=this.stack.at(-1);if((n==null?void 0:n.type)==="page"){t.preventDefault();return}Be||(n==null?void 0:n.type)!=="manual"&&n&&this.closeOverlay(n)},this.bindEvents()}get document(){return this.root.ownerDocument||document}bindEvents(){this.document.addEventListener("pointerdown",this.handlePointerdown),this.document.addEventListener("pointerup",this.handlePointerup),this.document.addEventListener("keydown",this.handleKeydown)}closeOverlay(t){const n=this.stack.indexOf(t);n!==-1&&this.stack.splice(n,1),t.open=!1}overlaysByTriggerElement(t){return this.stack.filter(n=>n.triggerElement===t)}add(t){if(this.stack.includes(t)){const n=this.stack.indexOf(t);n!==-1&&(this.stack.splice(n,1),this.stack.push(t));return}if(t.type==="auto"||t.type==="modal"||t.type==="page"){const n="luzmo-overlay-query-path",o=new Event(n,{composed:!0,bubbles:!0});t.addEventListener(n,i=>{const s=i.composedPath();this.stack.forEach(l=>{!s.find(r=>r===l)&&l.type!=="manual"&&l.type!=="modal"&&this.closeOverlay(l)})},{once:!0}),t.dispatchEvent(o)}else if(t.type==="hint"){if(this.stack.some(n=>n.type!=="manual"&&n.triggerElement&&n.triggerElement===t.triggerElement)){t.open=!1;return}this.stack.forEach(n=>{n.type==="hint"&&this.closeOverlay(n)})}requestAnimationFrame(()=>{this.stack.push(t),t.addEventListener("beforetoggle",this.handleBeforetoggle,{once:!0})})}remove(t){this.closeOverlay(t)}}const re=new _e,Ie=':host{display:contents;pointer-events:none;--luzmo-overlay-animation-distance: .5rem}:host(:has(> luzmo-tooltip)){--luzmo-overlay-animation-distance: var( --luzmo-tooltip-animation-distance, 4px )}.dialog{margin:0;border:0;background:none;padding:0;position:fixed;overflow:visible;opacity:1!important;box-sizing:border-box;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);max-width:calc(100vw - 16px);height:auto;inset:auto;top:0;left:0;display:flex;--luzmo-overlay-open: true}.dialog:not([is-visible]){display:none}.dialog:focus{outline:none}dialog:modal{--luzmo-popover-filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, .15))}:host(:not([open])) .dialog{--luzmo-overlay-open: false}.dialog::backdrop{display:none}.dialog:before{position:absolute;top:-999em;right:-999em;bottom:-999em;left:-999em;content:"";pointer-events:auto!important}.dialog:not(.not-immediately-closable):before{display:none}.dialog>div{width:100%}::slotted(*){pointer-events:auto;visibility:visible!important}::slotted(luzmo-popover){position:static}.dialog:not([actual-placement])[placement*=top]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:var(--luzmo-overlay-animation-distance)}.dialog:not([actual-placement])[placement*=right]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=bottom]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=left]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:var(--luzmo-overlay-animation-distance)}.dialog[actual-placement*=top]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:var(--luzmo-overlay-animation-distance)}.dialog[actual-placement*=right]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog[actual-placement*=bottom]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog[actual-placement*=left]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:var(--luzmo-overlay-animation-distance)}slot[name=longpress-describedby-descriptor]{display:none}@supports selector(:open){.dialog{opacity:0}.dialog:open{opacity:1;--luzmo-popover-filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, .15))}}@supports selector(:popover-open){.dialog{opacity:0}.dialog:popover-open{opacity:1;--luzmo-popover-filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, .15))}}@supports (overlay: auto){.dialog{display:none;transition:all var(--luzmo-overlay-animation-duration, .13s),translate 0s,display var(--luzmo-overlay-animation-duration, .13s);transition-behavior:allow-discrete}.dialog:popover-open,.dialog:modal{display:flex}}@supports (not selector(:open)) and (not selector(:popover-open)){:host:not([open]) .dialog{pointer-events:none}.dialog[actual-placement]{z-index:calc(var(--luzmo-overlay-z-index-base, 1000) + var(--luzmo-overlay-open-count))}}',tt=Math.min,L=Math.max,Tt=Math.round,Et=Math.floor,I=e=>({x:e,y:e}),Me={left:"right",right:"left",bottom:"top",top:"bottom"},We={start:"end",end:"start"};function qt(e,t,n){return L(e,tt(t,n))}function ut(e,t){return typeof e=="function"?e(t):e}function et(e){return e.split("-")[0]}function pt(e){return e.split("-")[1]}function ge(e){return e==="x"?"y":"x"}function jt(e){return e==="y"?"height":"width"}function nt(e){return["top","bottom"].includes(et(e))?"y":"x"}function Vt(e){return ge(nt(e))}function Ue(e,t,n){n===void 0&&(n=!1);const o=pt(e),i=Vt(e),s=jt(i);let l=i==="x"?o===(n?"end":"start")?"right":"left":o==="start"?"bottom":"top";return t.reference[s]>t.floating[s]&&(l=kt(l)),[l,kt(l)]}function je(e){const t=kt(e);return[Nt(e),t,Nt(t)]}function Nt(e){return e.replace(/start|end/g,t=>We[t])}function Ve(e,t,n){const o=["left","right"],i=["right","left"],s=["top","bottom"],l=["bottom","top"];switch(e){case"top":case"bottom":return n?t?i:o:t?o:i;case"left":case"right":return t?s:l;default:return[]}}function Ke(e,t,n,o){const i=pt(e);let s=Ve(et(e),n==="start",o);return i&&(s=s.map(l=>l+"-"+i),t&&(s=s.concat(s.map(Nt)))),s}function kt(e){return e.replace(/left|right|bottom|top/g,t=>Me[t])}function Ge(e){return{top:0,right:0,bottom:0,left:0,...e}}function fe(e){return typeof e!="number"?Ge(e):{top:e,right:e,bottom:e,left:e}}function St(e){const{x:t,y:n,width:o,height:i}=e;return{width:o,height:i,top:n,left:t,right:t+o,bottom:n+i,x:t,y:n}}function le(e,t,n){let{reference:o,floating:i}=e;const s=nt(t),l=Vt(t),r=jt(l),a=et(t),c=s==="y",h=o.x+o.width/2-i.width/2,d=o.y+o.height/2-i.height/2,p=o[r]/2-i[r]/2;let u;switch(a){case"top":u={x:h,y:o.y-i.height};break;case"bottom":u={x:h,y:o.y+o.height};break;case"right":u={x:o.x+o.width,y:d};break;case"left":u={x:o.x-i.width,y:d};break;default:u={x:o.x,y:o.y}}switch(pt(t)){case"start":u[l]-=p*(n&&c?-1:1);break;case"end":u[l]+=p*(n&&c?-1:1);break}return u}const Ye=async(e,t,n)=>{const{placement:o="bottom",strategy:i="absolute",middleware:s=[],platform:l}=n,r=s.filter(Boolean),a=await(l.isRTL==null?void 0:l.isRTL(t));let c=await l.getElementRects({reference:e,floating:t,strategy:i}),{x:h,y:d}=le(c,o,a),p=o,u={},m=0;for(let g=0;g<r.length;g++){const{name:v,fn:y}=r[g],{x:b,y:w,data:x,reset:E}=await y({x:h,y:d,initialPlacement:o,placement:p,strategy:i,middlewareData:u,rects:c,platform:l,elements:{reference:e,floating:t}});h=b??h,d=w??d,u={...u,[v]:{...u[v],...x}},E&&m<=50&&(m++,typeof E=="object"&&(E.placement&&(p=E.placement),E.rects&&(c=E.rects===!0?await l.getElementRects({reference:e,floating:t,strategy:i}):E.rects),{x:h,y:d}=le(c,p,a)),g=-1)}return{x:h,y:d,placement:p,strategy:i,middlewareData:u}};async function Kt(e,t){var n;t===void 0&&(t={});const{x:o,y:i,platform:s,rects:l,elements:r,strategy:a}=e,{boundary:c="clippingAncestors",rootBoundary:h="viewport",elementContext:d="floating",altBoundary:p=!1,padding:u=0}=ut(t,e),m=fe(u),g=r[p?d==="floating"?"reference":"floating":d],v=St(await s.getClippingRect({element:(n=await(s.isElement==null?void 0:s.isElement(g)))==null||n?g:g.contextElement||await(s.getDocumentElement==null?void 0:s.getDocumentElement(r.floating)),boundary:c,rootBoundary:h,strategy:a})),y=d==="floating"?{x:o,y:i,width:l.floating.width,height:l.floating.height}:l.reference,b=await(s.getOffsetParent==null?void 0:s.getOffsetParent(r.floating)),w=await(s.isElement==null?void 0:s.isElement(b))?await(s.getScale==null?void 0:s.getScale(b))||{x:1,y:1}:{x:1,y:1},x=St(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({elements:r,rect:y,offsetParent:b,strategy:a}):y);return{top:(v.top-x.top+m.top)/w.y,bottom:(x.bottom-v.bottom+m.bottom)/w.y,left:(v.left-x.left+m.left)/w.x,right:(x.right-v.right+m.right)/w.x}}const Xe=e=>({name:"arrow",options:e,async fn(t){const{x:n,y:o,placement:i,rects:s,platform:l,elements:r,middlewareData:a}=t,{element:c,padding:h=0}=ut(e,t)||{};if(c==null)return{};const d=fe(h),p={x:n,y:o},u=Vt(i),m=jt(u),g=await l.getDimensions(c),v=u==="y",y=v?"top":"left",b=v?"bottom":"right",w=v?"clientHeight":"clientWidth",x=s.reference[m]+s.reference[u]-p[u]-s.floating[m],E=p[u]-s.reference[u],S=await(l.getOffsetParent==null?void 0:l.getOffsetParent(c));let A=S?S[w]:0;(!A||!await(l.isElement==null?void 0:l.isElement(S)))&&(A=r.floating[w]||s.floating[m]);const U=x/2-E/2,q=A/2-g[m]/2-1,D=tt(d[y],q),K=tt(d[b],q),N=D,G=A-g[m]-K,O=A/2-g[m]/2+U,rt=qt(N,O,G),j=!a.arrow&&pt(i)!=null&&O!==rt&&s.reference[m]/2-(O<N?D:K)-g[m]/2<0,B=j?O<N?O-N:O-G:0;return{[u]:p[u]+B,data:{[u]:rt,centerOffset:O-rt-B,...j&&{alignmentOffset:B}},reset:j}}}),Ze=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(t){var n,o;const{placement:i,middlewareData:s,rects:l,initialPlacement:r,platform:a,elements:c}=t,{mainAxis:h=!0,crossAxis:d=!0,fallbackPlacements:p,fallbackStrategy:u="bestFit",fallbackAxisSideDirection:m="none",flipAlignment:g=!0,...v}=ut(e,t);if((n=s.arrow)!=null&&n.alignmentOffset)return{};const y=et(i),b=nt(r),w=et(r)===r,x=await(a.isRTL==null?void 0:a.isRTL(c.floating)),E=p||(w||!g?[kt(r)]:je(r)),S=m!=="none";!p&&S&&E.push(...Ke(r,g,m,x));const A=[r,...E],U=await Kt(t,v),q=[];let D=((o=s.flip)==null?void 0:o.overflows)||[];if(h&&q.push(U[y]),d){const O=Ue(i,l,x);q.push(U[O[0]],U[O[1]])}if(D=[...D,{placement:i,overflows:q}],!q.every(O=>O<=0)){var K,N;const O=(((K=s.flip)==null?void 0:K.index)||0)+1,rt=A[O];if(rt)return{data:{index:O,overflows:D},reset:{placement:rt}};let j=(N=D.filter(B=>B.overflows[0]<=0).sort((B,Y)=>B.overflows[1]-Y.overflows[1])[0])==null?void 0:N.placement;if(!j)switch(u){case"bestFit":{var G;const B=(G=D.filter(Y=>{if(S){const X=nt(Y.placement);return X===b||X==="y"}return!0}).map(Y=>[Y.placement,Y.overflows.filter(X=>X>0).reduce((X,Te)=>X+Te,0)]).sort((Y,X)=>Y[1]-X[1])[0])==null?void 0:G[0];B&&(j=B);break}case"initialPlacement":j=r;break}if(i!==j)return{reset:{placement:j}}}return{}}}};async function Je(e,t){const{placement:n,platform:o,elements:i}=e,s=await(o.isRTL==null?void 0:o.isRTL(i.floating)),l=et(n),r=pt(n),a=nt(n)==="y",c=["left","top"].includes(l)?-1:1,h=s&&a?-1:1,d=ut(t,e);let{mainAxis:p,crossAxis:u,alignmentAxis:m}=typeof d=="number"?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:d.mainAxis||0,crossAxis:d.crossAxis||0,alignmentAxis:d.alignmentAxis};return r&&typeof m=="number"&&(u=r==="end"?m*-1:m),a?{x:u*h,y:p*c}:{x:p*c,y:u*h}}const Qe=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){var n,o;const{x:i,y:s,placement:l,middlewareData:r}=t,a=await Je(t,e);return l===((n=r.offset)==null?void 0:n.placement)&&(o=r.arrow)!=null&&o.alignmentOffset?{}:{x:i+a.x,y:s+a.y,data:{...a,placement:l}}}}},to=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(t){const{x:n,y:o,placement:i}=t,{mainAxis:s=!0,crossAxis:l=!1,limiter:r={fn:v=>{let{x:y,y:b}=v;return{x:y,y:b}}},...a}=ut(e,t),c={x:n,y:o},h=await Kt(t,a),d=nt(et(i)),p=ge(d);let u=c[p],m=c[d];if(s){const v=p==="y"?"top":"left",y=p==="y"?"bottom":"right",b=u+h[v],w=u-h[y];u=qt(b,u,w)}if(l){const v=d==="y"?"top":"left",y=d==="y"?"bottom":"right",b=m+h[v],w=m-h[y];m=qt(b,m,w)}const g=r.fn({...t,[p]:u,[d]:m});return{...g,data:{x:g.x-n,y:g.y-o,enabled:{[p]:s,[d]:l}}}}}},eo=function(e){return e===void 0&&(e={}),{name:"size",options:e,async fn(t){var n,o;const{placement:i,rects:s,platform:l,elements:r}=t,{apply:a=()=>{},...c}=ut(e,t),h=await Kt(t,c),d=et(i),p=pt(i),u=nt(i)==="y",{width:m,height:g}=s.floating;let v,y;d==="top"||d==="bottom"?(v=d,y=p===(await(l.isRTL==null?void 0:l.isRTL(r.floating))?"start":"end")?"left":"right"):(y=d,v=p==="end"?"top":"bottom");const b=g-h.top-h.bottom,w=m-h.left-h.right,x=tt(g-h[v],b),E=tt(m-h[y],w),S=!t.middlewareData.shift;let A=x,U=E;if((n=t.middlewareData.shift)!=null&&n.enabled.x&&(U=w),(o=t.middlewareData.shift)!=null&&o.enabled.y&&(A=b),S&&!p){const D=L(h.left,0),K=L(h.right,0),N=L(h.top,0),G=L(h.bottom,0);u?U=m-2*(D!==0||K!==0?D+K:L(h.left,h.right)):A=g-2*(N!==0||G!==0?N+G:L(h.top,h.bottom))}await a({...t,availableWidth:U,availableHeight:A});const q=await l.getDimensions(r.floating);return m!==q.width||g!==q.height?{reset:{rects:!0}}:{}}}};function Rt(){return typeof window<"u"}function mt(e){return ve(e)?(e.nodeName||"").toLowerCase():"#document"}function R(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function W(e){var t;return(t=(ve(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function ve(e){return Rt()?e instanceof Node||e instanceof R(e).Node:!1}function F(e){return Rt()?e instanceof Element||e instanceof R(e).Element:!1}function M(e){return Rt()?e instanceof HTMLElement||e instanceof R(e).HTMLElement:!1}function ae(e){return!Rt()||typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof R(e).ShadowRoot}function bt(e){const{overflow:t,overflowX:n,overflowY:o,display:i}=H(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+n)&&!["inline","contents"].includes(i)}function oo(e){return["table","td","th"].includes(mt(e))}function At(e){return[":popover-open",":modal"].some(t=>{try{return e.matches(t)}catch{return!1}})}function Gt(e){const t=Yt(),n=F(e)?H(e):e;return["transform","translate","scale","rotate","perspective"].some(o=>n[o]?n[o]!=="none":!1)||(n.containerType?n.containerType!=="normal":!1)||!t&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!t&&(n.filter?n.filter!=="none":!1)||["transform","translate","scale","rotate","perspective","filter"].some(o=>(n.willChange||"").includes(o))||["paint","layout","strict","content"].some(o=>(n.contain||"").includes(o))}function no(e){let t=ot(e);for(;M(t)&&!ht(t);){if(Gt(t))return t;if(At(t))return null;t=ot(t)}return null}function Yt(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function ht(e){return["html","body","#document"].includes(mt(e))}function H(e){return R(e).getComputedStyle(e)}function Dt(e){return F(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function ot(e){if(mt(e)==="html")return e;const t=e.assignedSlot||e.parentNode||ae(e)&&e.host||W(e);return ae(t)?t.host:t}function ye(e){const t=ot(e);return ht(t)?e.ownerDocument?e.ownerDocument.body:e.body:M(t)&&bt(t)?t:ye(t)}function gt(e,t,n){var o;t===void 0&&(t=[]),n===void 0&&(n=!0);const i=ye(e),s=i===((o=e.ownerDocument)==null?void 0:o.body),l=R(i);if(s){const r=Bt(l);return t.concat(l,l.visualViewport||[],bt(i)?i:[],r&&n?gt(r):[])}return t.concat(i,gt(i,[],n))}function Bt(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function be(e){const t=H(e);let n=parseFloat(t.width)||0,o=parseFloat(t.height)||0;const i=M(e),s=i?e.offsetWidth:n,l=i?e.offsetHeight:o,r=Tt(n)!==s||Tt(o)!==l;return r&&(n=s,o=l),{width:n,height:o,$:r}}function Xt(e){return F(e)?e:e.contextElement}function at(e){const t=Xt(e);if(!M(t))return I(1);const n=t.getBoundingClientRect(),{width:o,height:i,$:s}=be(t);let l=(s?Tt(n.width):n.width)/o,r=(s?Tt(n.height):n.height)/i;return(!l||!Number.isFinite(l))&&(l=1),(!r||!Number.isFinite(r))&&(r=1),{x:l,y:r}}const io=I(0);function we(e){const t=R(e);return!Yt()||!t.visualViewport?io:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function so(e,t,n){return t===void 0&&(t=!1),!n||t&&n!==R(e)?!1:t}function it(e,t,n,o){t===void 0&&(t=!1),n===void 0&&(n=!1);const i=e.getBoundingClientRect(),s=Xt(e);let l=I(1);t&&(o?F(o)&&(l=at(o)):l=at(e));const r=so(s,n,o)?we(s):I(0);let a=(i.left+r.x)/l.x,c=(i.top+r.y)/l.y,h=i.width/l.x,d=i.height/l.y;if(s){const p=R(s),u=o&&F(o)?R(o):o;let m=p,g=Bt(m);for(;g&&o&&u!==m;){const v=at(g),y=g.getBoundingClientRect(),b=H(g),w=y.left+(g.clientLeft+parseFloat(b.paddingLeft))*v.x,x=y.top+(g.clientTop+parseFloat(b.paddingTop))*v.y;a*=v.x,c*=v.y,h*=v.x,d*=v.y,a+=w,c+=x,m=R(g),g=Bt(m)}}return St({width:h,height:d,x:a,y:c})}function Zt(e,t){const n=Dt(e).scrollLeft;return t?t.left+n:it(W(e)).left+n}function xe(e,t,n){n===void 0&&(n=!1);const o=e.getBoundingClientRect(),i=o.left+t.scrollLeft-(n?0:Zt(e,o)),s=o.top+t.scrollTop;return{x:i,y:s}}function ro(e){let{elements:t,rect:n,offsetParent:o,strategy:i}=e;const s=i==="fixed",l=W(o),r=t?At(t.floating):!1;if(o===l||r&&s)return n;let a={scrollLeft:0,scrollTop:0},c=I(1);const h=I(0),d=M(o);if((d||!d&&!s)&&((mt(o)!=="body"||bt(l))&&(a=Dt(o)),M(o))){const u=it(o);c=at(o),h.x=u.x+o.clientLeft,h.y=u.y+o.clientTop}const p=l&&!d&&!s?xe(l,a,!0):I(0);return{width:n.width*c.x,height:n.height*c.y,x:n.x*c.x-a.scrollLeft*c.x+h.x+p.x,y:n.y*c.y-a.scrollTop*c.y+h.y+p.y}}function lo(e){return Array.from(e.getClientRects())}function ao(e){const t=W(e),n=Dt(e),o=e.ownerDocument.body,i=L(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),s=L(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight);let l=-n.scrollLeft+Zt(e);const r=-n.scrollTop;return H(o).direction==="rtl"&&(l+=L(t.clientWidth,o.clientWidth)-i),{width:i,height:s,x:l,y:r}}function co(e,t){const n=R(e),o=W(e),i=n.visualViewport;let s=o.clientWidth,l=o.clientHeight,r=0,a=0;if(i){s=i.width,l=i.height;const c=Yt();(!c||c&&t==="fixed")&&(r=i.offsetLeft,a=i.offsetTop)}return{width:s,height:l,x:r,y:a}}function ho(e,t){const n=it(e,!0,t==="fixed"),o=n.top+e.clientTop,i=n.left+e.clientLeft,s=M(e)?at(e):I(1),l=e.clientWidth*s.x,r=e.clientHeight*s.y,a=i*s.x,c=o*s.y;return{width:l,height:r,x:a,y:c}}function ce(e,t,n){let o;if(t==="viewport")o=co(e,n);else if(t==="document")o=ao(W(e));else if(F(t))o=ho(t,n);else{const i=we(e);o={x:t.x-i.x,y:t.y-i.y,width:t.width,height:t.height}}return St(o)}function Ee(e,t){const n=ot(e);return n===t||!F(n)||ht(n)?!1:H(n).position==="fixed"||Ee(n,t)}function uo(e,t){const n=t.get(e);if(n)return n;let o=gt(e,[],!1).filter(r=>F(r)&&mt(r)!=="body"),i=null;const s=H(e).position==="fixed";let l=s?ot(e):e;for(;F(l)&&!ht(l);){const r=H(l),a=Gt(l);!a&&r.position==="fixed"&&(i=null),(s?!a&&!i:!a&&r.position==="static"&&i&&["absolute","fixed"].includes(i.position)||bt(l)&&!a&&Ee(e,l))?o=o.filter(c=>c!==l):i=r,l=ot(l)}return t.set(e,o),o}function po(e){let{element:t,boundary:n,rootBoundary:o,strategy:i}=e;const s=[...n==="clippingAncestors"?At(t)?[]:uo(t,this._c):[].concat(n),o],l=s[0],r=s.reduce((a,c)=>{const h=ce(t,c,i);return a.top=L(h.top,a.top),a.right=tt(h.right,a.right),a.bottom=tt(h.bottom,a.bottom),a.left=L(h.left,a.left),a},ce(t,l,i));return{width:r.right-r.left,height:r.bottom-r.top,x:r.left,y:r.top}}function mo(e){const{width:t,height:n}=be(e);return{width:t,height:n}}function go(e,t,n){const o=M(t),i=W(t),s=n==="fixed",l=it(e,!0,s,t);let r={scrollLeft:0,scrollTop:0};const a=I(0);if(o||!o&&!s)if((mt(t)!=="body"||bt(i))&&(r=Dt(t)),o){const p=it(t,!0,s,t);a.x=p.x+t.clientLeft,a.y=p.y+t.clientTop}else i&&(a.x=Zt(i));const c=i&&!o&&!s?xe(i,r):I(0),h=l.left+r.scrollLeft-a.x-c.x,d=l.top+r.scrollTop-a.y-c.y;return{x:h,y:d,width:l.width,height:l.height}}function $t(e){return H(e).position==="static"}function he(e,t){if(!M(e)||H(e).position==="fixed")return null;if(t)return t(e);let n=e.offsetParent;return W(e)===n&&(n=n.ownerDocument.body),n}function ze(e,t){const n=R(e);if(At(e))return n;if(!M(e)){let i=ot(e);for(;i&&!ht(i);){if(F(i)&&!$t(i))return i;i=ot(i)}return n}let o=he(e,t);for(;o&&oo(o)&&$t(o);)o=he(o,t);return o&&ht(o)&&$t(o)&&!Gt(o)?n:o||no(e)||n}const fo=async function(e){const t=this.getOffsetParent||ze,n=this.getDimensions,o=await n(e.floating);return{reference:go(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function vo(e){return H(e).direction==="rtl"}const yo={convertOffsetParentRelativeRectToViewportRelativeRect:ro,getDocumentElement:W,getClippingRect:po,getOffsetParent:ze,getElementRects:fo,getClientRects:lo,getDimensions:mo,getScale:at,isElement:F,isRTL:vo};function Ce(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function bo(e,t){let n=null,o;const i=W(e);function s(){var r;clearTimeout(o),(r=n)==null||r.disconnect(),n=null}function l(r,a){r===void 0&&(r=!1),a===void 0&&(a=1),s();const c=e.getBoundingClientRect(),{left:h,top:d,width:p,height:u}=c;if(r||t(),!p||!u)return;const m=Et(d),g=Et(i.clientWidth-(h+p)),v=Et(i.clientHeight-(d+u)),y=Et(h),b={rootMargin:-m+"px "+-g+"px "+-v+"px "+-y+"px",threshold:L(0,tt(1,a))||1};let w=!0;function x(E){const S=E[0].intersectionRatio;if(S!==a){if(!w)return l();S?l(!1,S):o=setTimeout(()=>{l(!1,1e-7)},1e3)}S===1&&!Ce(c,e.getBoundingClientRect())&&l(),w=!1}try{n=new IntersectionObserver(x,{...b,root:i.ownerDocument})}catch{n=new IntersectionObserver(x,b)}n.observe(e)}return l(!0),s}function de(e,t,n,o){o===void 0&&(o={});const{ancestorScroll:i=!0,ancestorResize:s=!0,elementResize:l=typeof ResizeObserver=="function",layoutShift:r=typeof IntersectionObserver=="function",animationFrame:a=!1}=o,c=Xt(e),h=i||s?[...c?gt(c):[],...gt(t)]:[];h.forEach(y=>{i&&y.addEventListener("scroll",n,{passive:!0}),s&&y.addEventListener("resize",n)});const d=c&&r?bo(c,n):null;let p=-1,u=null;l&&(u=new ResizeObserver(y=>{let[b]=y;b&&b.target===c&&u&&(u.unobserve(t),cancelAnimationFrame(p),p=requestAnimationFrame(()=>{var w;(w=u)==null||w.observe(t)})),n()}),c&&!a&&u.observe(c),u.observe(t));let m,g=a?it(e):null;a&&v();function v(){const y=it(e);g&&!Ce(g,y)&&n(),g=y,m=requestAnimationFrame(v)}return n(),()=>{var y;h.forEach(b=>{i&&b.removeEventListener("scroll",n),s&&b.removeEventListener("resize",n)}),d==null||d(),(y=u)==null||y.disconnect(),u=null,a&&cancelAnimationFrame(m)}}const wo=Qe,xo=to,ue=Ze,Eo=eo,zo=Xe,Co=(e,t,n)=>{const o=new Map,i={platform:yo,...n},s={...i.platform,_c:o};return Ye(e,t,{...i,platform:s})};function zt(e){if(e===void 0)return 0;const t=window.devicePixelRatio||1;return Math.round(e*t)/t}const Ct=8,Oo=100,Po=e=>({left:["right","bottom","top"],"left-start":["right-start","bottom","top"],"left-end":["right-end","bottom","top"],right:["left","bottom","top"],"right-start":["left-start","bottom","top"],"right-end":["left-end","bottom","top"],top:["bottom","left","right"],"top-start":["bottom-start","left","right"],"top-end":["bottom-end","left","right"],bottom:["top","left","right"],"bottom-start":["top-start","left","right"],"bottom-end":["top-end","left","right"]})[e]??[e],Oe=Symbol("placement updated");class Jt{constructor(t){this.originalPlacements=new WeakMap,this.allowPlacementUpdate=!1,this.closeForAncestorUpdate=()=>{!this.allowPlacementUpdate&&this.options.type!=="modal"&&this.cleanup&&this.target.dispatchEvent(new Event("close",{bubbles:!0})),this.allowPlacementUpdate=!1},this.updatePlacement=()=>{this.computePlacement()},this.resetOverlayPosition=()=>{!this.target||!this.options||(this.clearOverlayPosition(),this.host.offsetHeight,this.computePlacement())},this.host=t,this.host.addController(this)}placeOverlay(t=this.target,n=this.options){if(this.target=t,this.options=n,!t||!n)return;const o=de(n.trigger,t,this.closeForAncestorUpdate,{ancestorResize:!1,elementResize:!1,layoutShift:!1}),i=de(n.trigger,t,this.updatePlacement,{ancestorScroll:!1});this.cleanup=()=>{var s;(s=this.host.elements)==null||s.forEach(l=>{l.addEventListener("luzmo-closed",()=>{const r=this.originalPlacements.get(l);r&&l.setAttribute("placement",r),this.originalPlacements.delete(l)},{once:!0})}),o(),i()}}async computePlacement(){var t,n;const{options:o,target:i}=this;await(document.fonts?document.fonts.ready:Promise.resolve());const s=o.trigger instanceof HTMLElement?ue():ue({padding:Ct,fallbackPlacements:Po(o.placement)}),[l=0,r=0]=Array.isArray(o==null?void 0:o.offset)?o.offset:[o.offset,0],a=(t=this.host.elements.find(m=>m.tipElement))==null?void 0:t.tipElement,c=[wo({mainAxis:l,crossAxis:r}),xo({padding:Ct}),s,Eo({padding:Ct,apply:({availableWidth:m,availableHeight:g,rects:{floating:v}})=>{const y=Math.max(Oo,Math.floor(g)),b=v.height;this.initialHeight=this.isConstrained&&this.initialHeight||b,this.isConstrained=b<this.initialHeight||y<=b;const w=this.isConstrained?`${y}px`:"";Object.assign(i.style,{maxWidth:`${Math.floor(m)}px`,maxHeight:w})}}),...a?[zo({element:a,padding:o.tipPadding||Ct})]:[]],{x:h,y:d,placement:p,middlewareData:u}=await Co(o.trigger,i,{placement:o.placement,middleware:c,strategy:"fixed"});if(Object.assign(i.style,{top:"0px",left:"0px",translate:`${zt(h)}px ${zt(d)}px`}),i.setAttribute("actual-placement",p),(n=this.host.elements)==null||n.forEach(m=>{this.originalPlacements.has(m)||this.originalPlacements.set(m,m.getAttribute("placement")),m.setAttribute("placement",p)}),a&&u.arrow){const{x:m,y:g}=u.arrow;Object.assign(a.style,{top:p.startsWith("right")||p.startsWith("left")?"0px":"",left:p.startsWith("bottom")||p.startsWith("top")?"0px":"",translate:`${zt(m)}px ${zt(g)}px`})}}clearOverlayPosition(){this.target&&(this.target.style.removeProperty("max-height"),this.target.style.removeProperty("max-width"),this.initialHeight=void 0,this.isConstrained=!1)}hostConnected(){document.addEventListener("luzmo-update-overlays",this.resetOverlayPosition)}hostUpdated(){var t;this.host.open||((t=this.cleanup)==null||t.call(this),this.cleanup=void 0)}hostDisconnected(){var t;(t=this.cleanup)==null||t.call(this),this.cleanup=void 0,document.removeEventListener("luzmo-update-overlays",this.resetOverlayPosition)}}var st=(e=>(e[e.click=0]="click",e[e.hover=1]="hover",e[e.longpress=2]="longpress",e))(st||{});class wt{constructor(t,{overlay:n,isPersistent:o,handleOverlayReady:i}){this.target=t,this.isLazilyOpen=!1,this.isPersistent=!1,this.isPersistent=!!o,this.handleOverlayReady=i,this.isPersistent&&this.init(),this.overlay=n}get activelyOpening(){return!1}get open(){var t;return((t=this.overlay)==null?void 0:t.open)??this.isLazilyOpen}set open(t){if(t!==this.open){if(this.isLazilyOpen=t,this.overlay){this.overlay.open=t;return}t&&(customElements.whenDefined("luzmo-overlay").then(async()=>{const{LuzmoOverlay:n}=await Promise.resolve().then(()=>Lt);this.overlay=new n,this.overlay.open=!0}),Promise.resolve().then(()=>Lt))}}get overlay(){return this._overlay}set overlay(t){var n;t&&this.overlay!==t&&(this.overlay&&this.overlay.removeController(this),this._overlay=t,this.overlay.addController(this),this.initOverlay(),this.prepareDescription(this.target),(n=this.handleOverlayReady)==null||n.call(this,this.overlay))}prepareDescription(t){}releaseDescription(){}shouldCompleteOpen(){}init(){}initOverlay(){}abort(){var t;this.releaseDescription(),(t=this.abortController)==null||t.abort()}hostConnected(){this.init()}hostDisconnected(){this.isPersistent||this.abort()}}class Qt extends wt{constructor(){super(...arguments),this.type=st.click,this.preventNextToggle=!1}handleClick(){this.preventNextToggle||(this.open=!this.open),this.preventNextToggle=!1}handlePointerdown(){this.preventNextToggle=this.open}init(){var t;(t=this.abortController)==null||t.abort(),this.abortController=new AbortController;const{signal:n}=this.abortController;this.target.addEventListener("click",()=>this.handleClick(),{signal:n}),this.target.addEventListener("pointerdown",()=>this.handlePointerdown(),{signal:n})}}const To=300;class te extends wt{constructor(){super(...arguments),this.type=st.hover,this.elementIds=[],this.focusedin=!1,this.pointerentered=!1}handleTargetFocusin(){this.target.matches(":focus-visible")&&(this.open=!0,this.focusedin=!0)}handleTargetFocusout(){this.focusedin=!1,!this.pointerentered&&(this.open=!1)}handleTargetPointerenter(){var t;this.hoverTimeout&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=void 0),!((t=this.overlay)!=null&&t.disabled)&&(this.open=!0,this.pointerentered=!0)}handleTargetPointerleave(){this.doPointerleave()}handleHostPointerenter(){this.hoverTimeout&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=void 0)}handleHostPointerleave(){this.doPointerleave()}prepareDescription(){if(this.overlay.elements.length===0)return;const t=this.target.getRootNode(),n=this.overlay.elements[0].getRootNode(),o=this.overlay.getRootNode();t===o?this.prepareOverlayRelativeDescription():t===n&&this.prepareContentRelativeDescription()}prepareOverlayRelativeDescription(){const t=J.u(this.target,"aria-describedby",[this.overlay.id]);this.releaseDescription=()=>{t(),this.releaseDescription=V}}prepareContentRelativeDescription(){const t=[],n=this.overlay.elements.map(i=>(t.push(i.id),i.id||(i.id=`${this.overlay.tagName.toLowerCase()}-helper-${J.n()}`),i.id));this.elementIds=t;const o=J.u(this.target,"aria-describedby",n);this.releaseDescription=()=>{o(),this.overlay.elements.map((i,s)=>{i.id=this.elementIds[s]}),this.releaseDescription=V}}doPointerleave(){this.pointerentered=!1;const t=this.target;this.focusedin&&t.matches(":focus-visible")||(this.hoverTimeout=setTimeout(()=>{this.open=!1},To))}init(){var t;(t=this.abortController)==null||t.abort(),this.abortController=new AbortController;const{signal:n}=this.abortController;this.target.addEventListener("focusin",()=>this.handleTargetFocusin(),{signal:n}),this.target.addEventListener("focusout",()=>this.handleTargetFocusout(),{signal:n}),this.target.addEventListener("pointerenter",()=>this.handleTargetPointerenter(),{signal:n}),this.target.addEventListener("pointerleave",()=>this.handleTargetPointerleave(),{signal:n}),this.overlay&&this.initOverlay()}initOverlay(){if(!this.abortController)return;const{signal:t}=this.abortController;this.overlay.addEventListener("pointerenter",()=>this.handleHostPointerenter(),{signal:t}),this.overlay.addEventListener("pointerleave",()=>this.handleHostPointerleave(),{signal:t})}}const ko=300,ee={touch:"Double tap and long press for additional options",keyboard:"Press Space or Alt+Down Arrow for additional options",mouse:"Click and hold for additional options"};class oe extends wt{constructor(){super(...arguments),this.type=st.longpress,this.longpressState=null,this.releaseDescription=V,this.handlePointerup=()=>{var t;clearTimeout(this.timeout),this.target&&(this.longpressState=((t=this.overlay)==null?void 0:t.state)==="opening"?"pressed":null,document.removeEventListener("pointerup",this.handlePointerup),document.removeEventListener("pointercancel",this.handlePointerup))}}get activelyOpening(){return this.longpressState==="opening"||this.longpressState==="pressed"}handleLongpress(){this.open=!0,this.longpressState=this.longpressState==="potential"?"opening":"pressed"}handlePointerdown(t){!this.target||t.button!==0||(this.longpressState="potential",document.addEventListener("pointerup",this.handlePointerup),document.addEventListener("pointercancel",this.handlePointerup),"holdAffordance"in this.target)||(this.timeout=setTimeout(()=>{this.target&&this.target.dispatchEvent(new CustomEvent("longpress",{bubbles:!0,composed:!0,detail:{source:"pointer"}}))},ko))}handleKeydown(t){const{code:n,altKey:o}=t;o&&n==="ArrowDown"&&(t.stopPropagation(),t.stopImmediatePropagation())}handleKeyup(t){const{code:n,altKey:o}=t;if(n==="Space"||o&&n==="ArrowDown"){if(!this.target)return;t.stopPropagation(),this.target.dispatchEvent(new CustomEvent("longpress",{bubbles:!0,composed:!0,detail:{source:"keyboard"}})),setTimeout(()=>{this.longpressState=null})}}prepareDescription(t){if(this.releaseDescription!==V||this.overlay.elements.length===0)return;const n=document.createElement("div");n.id=`longpress-describedby-descriptor-${J.n()}`;const o=Ft.a()||Ft.w()?"touch":"keyboard";n.textContent=ee[o],n.slot="longpress-describedby-descriptor";const i=t.getRootNode(),s=this.overlay.getRootNode();i===s?this.overlay.append(n):(n.hidden=!("host"in i),t.after(n));const l=J.u(t,"aria-describedby",[n.id]);this.releaseDescription=()=>{l(),n.remove(),this.releaseDescription=V}}shouldCompleteOpen(){this.longpressState=this.longpressState==="pressed"?null:this.longpressState}init(){var t;(t=this.abortController)==null||t.abort(),this.abortController=new AbortController;const{signal:n}=this.abortController;this.target.addEventListener("longpress",()=>this.handleLongpress(),{signal:n}),this.target.addEventListener("pointerdown",o=>this.handlePointerdown(o),{signal:n}),this.prepareDescription(this.target),!this.target.holdAffordance&&(this.target.addEventListener("keydown",o=>this.handleKeydown(o),{signal:n}),this.target.addEventListener("keyup",o=>this.handleKeyup(o),{signal:n}))}}const ne={click:Qt,longpress:oe,hover:te};var So=Object.defineProperty,Lo=Object.getOwnPropertyDescriptor,P=(e,t,n,o)=>{for(var i=o>1?void 0:o?Lo(t,n):t,s=e.length-1,l;s>=0;s--)(l=e[s])&&(i=(o?l(t,n,i):l(i))||i);return o&&i&&So(t,n,i),i};const Ro="showPopover"in document.createElement("div");let Ot=Fe(Q);Ot=Ro?Ne(Ot):He(Ot);var lt;const z=(lt=class extends Ot{constructor(){super(...arguments),this._delayed=!1,this._disabled=!1,this.offset=0,this._open=!1,this.lastRequestSlottableState=!1,this.receivesFocus="auto",this._state="closed",this.triggerElement=null,this.type="auto",this.wasOpen=!1,this.closeOnFocusOut=e=>{if(!e.relatedTarget)return;const t=new Event("overlay-relation-query",{bubbles:!0,composed:!0});e.relatedTarget.addEventListener(t.type,n=>{n.composedPath().includes(this)||(this.open=!1)}),e.relatedTarget.dispatchEvent(t)}}get delayed(){var e;return((e=this.elements.at(-1))==null?void 0:e.hasAttribute("delayed"))||this._delayed}set delayed(e){this._delayed=e}get disabled(){return this._disabled}set disabled(e){var t;this._disabled=e,e?((t=this.strategy)==null||t.abort(),this.wasOpen=this.open,this.open=!1):(this.bindEvents(),this.open=this.open||this.wasOpen,this.wasOpen=!1)}get hasNonVirtualTrigger(){return!!this.triggerElement&&!(this.triggerElement instanceof dt)}get placementController(){return this._placementController||(this._placementController=new Jt(this)),this._placementController}get open(){return this._open}set open(e){var t;e&&this.disabled||e!==this.open&&((t=this.strategy)!=null&&t.activelyOpening&&!e||(this._open=e,this.open&&(lt.openCount+=1),this.requestUpdate("open",!this.open),this.open&&this.requestSlottable()))}get state(){return this._state}set state(e){var t;if(e===this.state)return;const n=this.state;this._state=e,(this.state==="opened"||this.state==="closed")&&((t=this.strategy)==null||t.shouldCompleteOpen()),this.requestUpdate("state",n)}get elementResolver(){return this._elementResolver||(this._elementResolver=new J.d(this)),this._elementResolver}get usesDialog(){return this.type==="modal"||this.type==="page"}get popoverValue(){if("popover"in this)switch(this.type){case"modal":case"page":return;case"hint":return"manual";default:return this.type}}get requiresPositioning(){return!(this.type==="page"||!this.open||!this.triggerElement||!this.placement&&this.type!=="hint")}managePosition(){if(!this.requiresPositioning||!this.open)return;const e=this.offset||0,t=this.triggerElement,n=this.placement||"right",o=this.tipPadding;this.placementController.placeOverlay(this.dialogEl,{offset:e,placement:n,tipPadding:o,trigger:t,type:this.type})}async managePopoverOpen(){super.managePopoverOpen();const e=this.open;if(this.open!==e||(await this.manageDelay(e),this.open!==e)||(await this.ensureOnDOM(e),this.open!==e))return;const t=await this.makeTransition(e);this.open===e&&await this.applyFocus(e,t)}async applyFocus(e,t){if(!(this.receivesFocus==="false"||this.type==="hint")){if(await T(),await T(),e===this.open&&!this.open){this.hasNonVirtualTrigger&&this.contains(this.getRootNode().activeElement)&&this.triggerElement.focus();return}t==null||t.focus()}}returnFocus(){var e;if(this.open||this.type==="hint")return;const t=()=>{var n,o;const i=[];let s=document.activeElement;for(;(n=s==null?void 0:s.shadowRoot)!=null&&n.activeElement;)s=s.shadowRoot.activeElement;for(;s;){const l=s.assignedSlot||s.parentElement||((o=s.getRootNode())==null?void 0:o.host);l&&i.push(l),s=l}return i};this.receivesFocus!=="false"&&(e=this.triggerElement)!=null&&e.focus&&(this.contains(this.getRootNode().activeElement)||t().includes(this)||document.activeElement===document.body)&&this.triggerElement.focus()}async manageOpen(e){if(!(!this.isConnected&&this.open)&&(this.hasUpdated||await this.updateComplete,this.open?(re.add(this),this.willPreventClose&&(document.addEventListener("pointerup",()=>{this.dialogEl.classList.toggle("not-immediately-closable",!1),this.willPreventClose=!1},{once:!0}),this.dialogEl.classList.toggle("not-immediately-closable",!0))):(e&&this.dispose(),re.remove(this)),this.open&&this.state!=="opened"?this.state="opening":!this.open&&this.state!=="closed"&&(this.state="closing"),this.usesDialog?this.manageDialogOpen():this.managePopoverOpen(),this.type==="auto")){const t=this.getRootNode();this.open?t.addEventListener("focusout",this.closeOnFocusOut,{capture:!0}):t.removeEventListener("focusout",this.closeOnFocusOut,{capture:!0})}}bindEvents(){var e;(e=this.strategy)==null||e.abort(),this.strategy=void 0,this.hasNonVirtualTrigger&&this.triggerInteraction&&(this.strategy=new ne[this.triggerInteraction](this.triggerElement,{overlay:this}))}handleBeforetoggle(e){e.newState!=="open"&&this.handleBrowserClose(e)}handleBrowserClose(e){var t;if(e.stopPropagation(),!((t=this.strategy)!=null&&t.activelyOpening)){this.open=!1;return}this.manuallyKeepOpen()}manuallyKeepOpen(){this.open=!0,this.placementController.allowPlacementUpdate=!0,this.manageOpen(!1)}handleSlotchange(){var e,t;this.elements.length===0?(e=this.strategy)==null||e.releaseDescription():this.hasNonVirtualTrigger&&((t=this.strategy)==null||t.prepareDescription(this.triggerElement))}shouldPreventClose(){const e=this.willPreventClose;return this.willPreventClose=!1,e}requestSlottable(){this.lastRequestSlottableState!==this.open&&(this.open||document.body.offsetHeight,this.dispatchEvent(new _t("overlay-content",this.open?{}:vt)),this.lastRequestSlottableState=this.open)}willUpdate(e){var t;if(this.hasAttribute("id")||this.setAttribute("id",`${this.tagName.toLowerCase()}-${J.n()}`),e.has("open")&&(this.hasUpdated||this.open)&&this.manageOpen(e.get("open")),e.has("trigger")){const[o,i]=((t=this.trigger)==null?void 0:t.split("@"))||[];this.elementResolver.selector=o?`#${o}`:"",this.triggerInteraction=i}let n=!1;e.has(J.h)&&(n=this.triggerElement,this.triggerElement=this.elementResolver.element),e.has("triggerElement")&&(n=e.get("triggerElement")),n!==!1&&this.bindEvents()}updated(e){super.updated(e),e.has("placement")&&(this.placement?this.dialogEl.setAttribute("actual-placement",this.placement):this.dialogEl.removeAttribute("actual-placement"),this.open&&e.get("placement")!==void 0&&this.placementController.resetOverlayPosition()),e.has("state")&&this.state==="closed"&&e.get("state")!==void 0&&this.placementController.clearOverlayPosition()}renderContent(){return f.x` <slot @slotchange=${this.handleSlotchange}></slot> `}get dialogStyleMap(){return{"--luzmo-overlay-open-count":lt.openCount.toString()}}renderDialog(){return f.x`
+      <dialog
+        class="dialog"
+        part="dialog"
+        placement=${Z.m(this.requiresPositioning?this.placement||"right":void 0)}
+        style=${Ht(this.dialogStyleMap)}
+        @close=${this.handleBrowserClose}
+        @cancel=${this.handleBrowserClose}
+        @beforetoggle=${this.handleBeforetoggle}
+        ?is-visible=${this.state!=="closed"}
+      >
+        ${this.renderContent()}
+      </dialog>
+    `}renderPopover(){return f.x`
+      <div
+        class="dialog"
+        part="dialog"
+        placement=${Z.m(this.requiresPositioning?this.placement||"right":void 0)}
+        popover=${Z.m(this.popoverValue)}
+        style=${Ht(this.dialogStyleMap)}
+        @beforetoggle=${this.handleBeforetoggle}
+        @close=${this.handleBrowserClose}
+        ?is-visible=${this.state!=="closed"}
+      >
+        ${this.renderContent()}
+      </div>
+    `}render(){const e=this.type==="modal"||this.type==="page";return f.x`
+      ${e?this.renderDialog():this.renderPopover()}
+      <slot name="longpress-describedby-descriptor"></slot>
+    `}connectedCallback(){super.connectedCallback(),this.addEventListener("close",()=>{this.open=!1}),this.hasUpdated&&this.bindEvents()}disconnectedCallback(){var e;(e=this.strategy)==null||e.releaseDescription(),this.open=!1,super.disconnectedCallback()}},lt.styles=[f.r(Ie)],lt.openCount=1,lt);P([f.H({type:Boolean})],z.prototype,"delayed",1);P([Z.d(".dialog")],z.prototype,"dialogEl",2);P([f.H({type:Boolean})],z.prototype,"disabled",1);P([me({flatten:!0,selector:':not([slot="longpress-describedby-descriptor"], slot)'})],z.prototype,"elements",2);P([f.H({type:Number})],z.prototype,"offset",2);P([f.H({type:Boolean,reflect:!0})],z.prototype,"open",1);P([f.H()],z.prototype,"placement",2);P([f.H({attribute:"receives-focus"})],z.prototype,"receivesFocus",2);P([Z.d("slot")],z.prototype,"slotEl",2);P([_.n()],z.prototype,"state",1);P([f.H({type:Number,attribute:"tip-padding"})],z.prototype,"tipPadding",2);P([f.H()],z.prototype,"trigger",2);P([f.H({attribute:!1})],z.prototype,"triggerElement",2);P([f.H({attribute:!1})],z.prototype,"triggerInteraction",2);P([f.H()],z.prototype,"type",2);let xt=z;const Lt=Object.freeze(Object.defineProperty({__proto__:null,LuzmoOverlay:xt},Symbol.toStringTag,{value:"Module"})),Pt=Object.freeze(Object.defineProperty({__proto__:null,C:Qt,H:te,I:st,L:Q,P:Jt,V:dt,a:T,b:wt,c:ee,d:oe,e:xt,f:Lt,g:yt,n:V,o:ct,p:Oe,s:ne},Symbol.toStringTag,{value:"Module"}));/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */const Ao=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const e=document.createElement("style");e.setAttribute("data-luzmo-vars",""),e.textContent='html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}',document.head.appendChild(e)}};Ao();const Do=":host([disabled]) ::slotted([slot=trigger]){pointer-events:none}slot[name=longpress-describedby-descriptor]{display:none}";var $o=Object.defineProperty,k=(e,t,n,o)=>{for(var i=void 0,s=e.length-1,l;s>=0;s--)(l=e[s])&&(i=l(t,n,i)||i);return i&&$o(t,n,i),i};class C extends f.I{constructor(){super(...arguments),this.content="click hover longpress",this.offset=6,this.disabled=!1,this.receivesFocus="auto",this.clickContent=[],this.longpressContent=[],this.hoverContent=[],this.targetContent=[]}static get styles(){return[f.r(Do)]}getAssignedElementsFromSlot(t){return t.assignedElements({flatten:!0})}handleTriggerContent(t){this.targetContent=this.getAssignedElementsFromSlot(t.target)}handleSlotContent(t){switch(t.target.name){case"click-content":{this.clickContent=this.getAssignedElementsFromSlot(t.target);break}case"longpress-content":{this.longpressContent=this.getAssignedElementsFromSlot(t.target);break}case"hover-content":{this.hoverContent=this.getAssignedElementsFromSlot(t.target);break}}}handleBeforetoggle(t){const{target:n}=t;let o;if(n===this.clickOverlayElement)o="click";else if(n===this.longpressOverlayElement)o="longpress";else if(n===this.hoverOverlayElement)o="hover";else return;t.newState==="open"?this.open=o:this.open===o&&(this.open=void 0)}update(t){var n,o,i,s,l,r;t.has("clickContent")&&(this.clickPlacement=((n=this.clickContent[0])==null?void 0:n.getAttribute("placement"))||((o=this.clickContent[0])==null?void 0:o.getAttribute("direction"))||void 0),t.has("hoverContent")&&(this.hoverPlacement=((i=this.hoverContent[0])==null?void 0:i.getAttribute("placement"))||((s=this.hoverContent[0])==null?void 0:s.getAttribute("direction"))||void 0),t.has("longpressContent")&&(this.longpressPlacement=((l=this.longpressContent[0])==null?void 0:l.getAttribute("placement"))||((r=this.longpressContent[0])==null?void 0:r.getAttribute("direction"))||void 0),super.update(t)}renderSlot(t){return f.x`
+      <slot name=${t} @slotchange=${this.handleSlotContent}></slot>
+    `}renderClickOverlay(){Promise.resolve().then(()=>Pt).then(n=>n.f);const t=this.renderSlot("click-content");return this.clickContent.length===0?t:f.x`
+      <luzmo-overlay
+        id="click-overlay"
+        ?disabled=${this.disabled||this.clickContent.length===0}
+        ?open=${this.open==="click"&&this.clickContent.length>0}
+        .offset=${this.offset}
+        .placement=${this.clickPlacement||this.placement}
+        .triggerElement=${this.targetContent[0]}
+        .triggerInteraction=${"click"}
+        .type=${this.type==="modal"?"modal":"auto"}
+        @beforetoggle=${this.handleBeforetoggle}
+        .receivesFocus=${this.receivesFocus}
+      >
+        ${t}
+      </luzmo-overlay>
+    `}renderHoverOverlay(){Promise.resolve().then(()=>Pt).then(n=>n.f);const t=this.renderSlot("hover-content");return this.hoverContent.length===0?t:f.x`
+      <luzmo-overlay
+        id="hover-overlay"
+        ?open=${this.open==="hover"&&this.hoverContent.length>0}
+        ?disabled=${this.disabled||this.hoverContent.length===0||!!this.open&&this.open!=="hover"}
+        .offset=${this.offset}
+        .placement=${this.hoverPlacement||this.placement}
+        .triggerElement=${this.targetContent[0]}
+        .triggerInteraction=${"hover"}
+        .type=${"hint"}
+        @beforetoggle=${this.handleBeforetoggle}
+        .receivesFocus=${this.receivesFocus}
+      >
+        ${t}
+      </luzmo-overlay>
+    `}renderLongpressOverlay(){Promise.resolve().then(()=>Pt).then(n=>n.f);const t=this.renderSlot("longpress-content");return this.longpressContent.length===0?t:f.x`
+      <luzmo-overlay
+        id="longpress-overlay"
+        ?disabled=${this.disabled||this.longpressContent.length===0}
+        ?open=${this.open==="longpress"&&this.longpressContent.length>0}
+        .offset=${this.offset}
+        .placement=${this.longpressPlacement||this.placement}
+        .triggerElement=${this.targetContent[0]}
+        .triggerInteraction=${"longpress"}
+        .type=${"auto"}
+        @beforetoggle=${this.handleBeforetoggle}
+        .receivesFocus=${this.receivesFocus}
+      >
+        ${t}
+      </luzmo-overlay>
+      <slot name="longpress-describedby-descriptor"></slot>
+    `}render(){const t=this.content.split(" ");return f.x`
+      <slot
+        id="trigger"
+        name="trigger"
+        @slotchange=${this.handleTriggerContent}
+      ></slot>
+      ${[t.includes("click")?this.renderClickOverlay():f.x``,t.includes("hover")?this.renderHoverOverlay():f.x``,t.includes("longpress")?this.renderLongpressOverlay():f.x``]}
+    `}updated(t){if(super.updated(t),this.disabled&&t.has("disabled")){this.open=void 0;return}}async getUpdateComplete(){return await super.getUpdateComplete()}}k([f.H()],C.prototype,"content");k([f.H({reflect:!0})],C.prototype,"placement");k([f.H()],C.prototype,"type");k([f.H({type:Number})],C.prototype,"offset");k([f.H({reflect:!0})],C.prototype,"open");k([f.H({type:Boolean,reflect:!0})],C.prototype,"disabled");k([f.H({attribute:"receives-focus"})],C.prototype,"receivesFocus");k([_.n()],C.prototype,"clickContent");k([_.n()],C.prototype,"longpressContent");k([_.n()],C.prototype,"hoverContent");k([_.n()],C.prototype,"targetContent");k([Z.d("#click-overlay",!0)],C.prototype,"clickOverlayElement");k([Z.d("#longpress-overlay",!0)],C.prototype,"longpressOverlayElement");k([Z.d("#hover-overlay",!0)],C.prototype,"hoverOverlayElement");function Fo(e,t,n,o){return xt.open(e,t,n,o)}class ie extends Ft.C{render(t){return f.E}update(t,[n]){this.template=n,this.target!==t.element&&(this.target=t.element,this.renderBefore=this.target.children[0]),this.listenerHost=this.target,this.init()}handleSlottableRequest(t){if(t.target!==t.currentTarget)return;const n=t.data===vt;f.B(n?void 0:this.template(),this.target,{renderBefore:this.renderBefore})}init(){var t;(t=this.listeners)==null||t.abort(),this.listeners=new AbortController;const{signal:n}=this.listeners;this.listenerHost.addEventListener("slottable-request",o=>this.handleSlottableRequest(o),{signal:n})}disconnected(){var t;(t=this.listeners)==null||t.abort()}reconnected(){this.init()}}const Ho=_._(ie);class Pe extends ie{constructor(){super(...arguments),this.defaultOptions={triggerInteraction:"click",overlayOptions:{type:"auto",offset:0}},this.options={...this.defaultOptions.overlayOptions}}render(t,n){return f.E}update(t,[n,o]){var i,s,l;this.options={...this.defaultOptions.overlayOptions,...o==null?void 0:o.overlayOptions},this.insertionOptions=o==null?void 0:o.insertionOptions,this.template=n,this.host=(i=t.options)==null?void 0:i.host;let r=!1;const a=(o==null?void 0:o.triggerInteraction)||this.defaultOptions.triggerInteraction,c=st[(s=this.strategy)==null?void 0:s.type]!==a;this.target!==t.element&&(this.target=t.element,r=!0),(r||c)&&((l=this.strategy)==null||l.abort(),this.strategy=new ne[a](this.target,{isPersistent:!0,handleOverlayReady:h=>{this.listenerHost=this.overlay=h,this.init()}})),this.strategy.open=(o==null?void 0:o.open)??!1}handleSlottableRequest(t){var n,o;if(t.target!==t.currentTarget)return;const i=t.data===vt,s={};if(this.host&&(s.host=this.host),f.B(i?void 0:this.template(),this.overlay,s),i)this.overlay.remove();else{Q.applyOptions(this.overlay,{...this.options,trigger:this.target});const l=typeof((n=this.insertionOptions)==null?void 0:n.el)=="function"?this.insertionOptions.el():((o=this.insertionOptions)==null?void 0:o.el)||this.target,{where:r="afterend"}=this.insertionOptions||{};l.insertAdjacentElement(r,this.overlay)}}}const qo=_._(Pe);customElements.get("luzmo-overlay")||customElements.define("luzmo-overlay",xt);customElements.get("luzmo-overlay-trigger")||customElements.define("luzmo-overlay-trigger",C);const No=Object.freeze(Object.defineProperty({__proto__:null,ClickController:Qt,HoverController:te,InteractionController:wt,InteractionTypes:st,LONGPRESS_INSTRUCTIONS:ee,LongpressController:oe,LuzmoAbstractOverlay:Q,LuzmoOverlay:xt,LuzmoOverlayTrigger:C,OverlayTriggerDirective:Pe,PlacementController:Jt,SlottableRequestDirective:ie,SlottableRequestEvent:_t,VirtualTrigger:dt,guaranteedAllTransitionend:yt,nextFrame:T,noop:V,openOverlay:Fo,overlayTimer:ct,placementUpdatedSymbol:Oe,removeSlottableRequest:vt,slottableRequest:Ho,trigger:qo},Symbol.toStringTag,{value:"Module"}));exports.a=vt;exports.d=me;exports.index=No;exports.o=_t;exports.overlayD7EbnA6E=Pt;exports.p=Ht;

package/components/index-D9vzXhtJ.cjs

@@ -0,0 +1,95 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2024 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+"use strict";const m=require("./luzmo-icons-BrtBl3E5.cjs"),u=require("./property-Su1Q6aME.cjs"),Y=require("./if-defined-CYpcjGCb-Bzbg7zmM.cjs"),f=require("./async-directive-FGzMycjH-CeG35vZ3.cjs"),F=require("./language-resolution-8yZa5r_P-DQ3rZzW5.cjs"),G=require("./sized-mixin-PyCYpyQq-sKzDjc75.cjs"),X=require("./button-base-CDLQV7Vk-BXgdcJZo.cjs"),Z=require("./text-field-7ITo3Lac-CKXsSqJP.cjs");/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */const Q=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const l=document.createElement("style");l.setAttribute("data-luzmo-vars",""),l.textContent='html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}',document.head.appendChild(l)}};Q();const J="@media (forced-colors: active){:host(:is(:active,[active])):not(:disabled),:host(:focus-visible):not(:disabled){--highcontrast-infield-button-border-color: Highlight}}@media (forced-colors: active) and (hover: hover){:host(:hover):not(:disabled){--highcontrast-infield-button-border-color: Highlight}}:host{background-color:initial;cursor:pointer;block-size:var(--luzmo-infield-button-height, var(--infield-button-height));inline-size:var(--luzmo-infield-button-width, var(--infield-button-width));padding:var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill));color:var(--infield-button-content-color, inherit);border-style:none;justify-content:center;align-items:center;display:flex}.fill{block-size:100%;inline-size:100%;background-color:var(--luzmo-infield-button-background-color, var(--infield-button-background-color));border-width:var(--luzmo-infield-button-border-width, var(--infield-button-border-width));border-style:solid;border-color:var(--highcontrast-infield-button-border-color, var(--luzmo-infield-button-border-color, var(--infield-button-border-color)));padding:var(--luzmo-infield-button-fill-padding, var(--infield-button-fill-padding));border-start-start-radius:var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius));border-start-end-radius:var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius));border-end-end-radius:var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius));border-end-start-radius:var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius))}::slotted(*){color:var(--luzmo-infield-button-icon-color, var(--infield-button-icon-color))}:host([inline=end]) .fill{border-start-start-radius:var(--luzmo-infield-button-border-radius-reset, var(--infield-button-border-radius-reset));border-end-start-radius:var(--luzmo-infield-button-border-radius-reset, var(--infield-button-border-radius-reset))}:host([inline=start]) .fill{border-start-end-radius:var(--luzmo-infield-button-border-radius-reset, var(--infield-button-border-radius-reset));border-end-end-radius:var(--luzmo-infield-button-border-radius-reset, var(--infield-button-border-radius-reset))}:host([block=end]),:host([block=start]){--infield-button-width: var(--luzmo-infield-button-width-stacked, 28px)}:host([block=end][size=s]),:host([block=start][size=s]){--infield-button-width: var(--luzmo-infield-button-width-stacked, 20px)}:host([block=end][size=l]),:host([block=start][size=l]){--infield-button-width: var(--luzmo-infield-button-width-stacked, 36px)}:host([block=end][size=xl]),:host([block=start][size=xl]){--infield-button-width: var(--luzmo-infield-button-width-stacked, 44px)}:host([quiet]){--infield-button-background-color: var( --luzmo-infield-button-background-color-quiet, transparent );--infield-button-background-color-hover: var( --luzmo-infield-button-background-color-hover-quiet, transparent );--infield-button-background-color-down: var( --luzmo-infield-button-background-color-down-quiet, transparent );--infield-button-background-color-key-focus: var( --luzmo-infield-button-background-color-key-focus-quiet, transparent );--infield-border-color: var(--luzmo-infield-border-color-quiet, transparent);--infield-button-border-width: var( --luzmo-infield-button-border-width-quiet, 0 )}:host([quiet][disabled]){--infield-button-background-color: var( --luzmo-infield-button-background-color-quiet-disabled, transparent );--infield-button-border-color: var( --luzmo-infield-button-border-color-quiet-disabled, transparent )}:host([disabled]){--infield-button-background-color: var( --luzmo-infield-button-background-color-disabled, var(--luzmo-background-color-disabled) );--infield-button-background-color-hover: var( --luzmo-infield-button-background-color-hover-disabled, var(--luzmo-background-color-disabled) );--infield-button-background-color-down: var( --luzmo-infield-button-background-color-down-disabled, var(--luzmo-background-color-disabled) );--infield-button-border-color: var( --luzmo-infield-button-border-color-disabled, var(--luzmo-background-color-disabled) );--infield-button-content-color: var( --luzmo-infield-button-content-color-disabled, var(--luzmo-color-disabled) );--infield-button-icon-color: var( --luzmo-infield-button-icon-color-disabled, var(--luzmo-color-disabled) );--infield-button-icon-color-hover: var( --luzmo-infield-button-icon-color-hover-disabled, var(--luzmo-color-disabled) );--infield-button-icon-color-down: var( --luzmo-infield-button-icon-color-down-disabled, var(--luzmo-color-disabled) );--infield-button-icon-color-key-focus: var( --luzmo-infield-button-icon-color-key-focus-disabled, var(--luzmo-color-disabled) );cursor:auto}@media (hover: hover){:host(:hover) .fill{background-color:var(--luzmo-infield-button-background-color-hover, var(--infield-button-background-color-hover))}:host(:hover) ::slotted(*){color:var(--luzmo-infield-button-icon-color-hover, var(--infield-button-icon-color-hover))}}:host(:is(:active,[active])) .fill{background-color:var(--luzmo-infield-button-background-color-down, var(--infield-button-background-color-down))}:host(:is(:active,[active])) ::slotted(*){color:var(--luzmo-infield-button-icon-color-down, var(--infield-button-icon-color-down))}:host(:focus-visible){outline:none}:host(:focus-visible) .fill{background-color:var(--luzmo-infield-button-background-color-key-focus, var(--infield-button-background-color-key-focus))}:host(:focus-visible) ::slotted(*){color:var(--luzmo-infield-button-icon-color-key-focus, var(--infield-button-icon-color-key-focus))}.fill{align-items:center;justify-content:var(--luzmo-infield-button-fill-justify-content, var(--infield-button-fill-justify-content));display:flex}:host([block=end]),:host([block=start]){block-size:calc(var(--luzmo-infield-button-height, var(--infield-button-height)) / 2)}:host([block=end]) .fill,:host([block=start]) .fill{box-sizing:border-box;padding-inline-start:calc(var(--luzmo-infield-button-stacked-fill-padding-inline, var(--infield-button-stacked-fill-padding-inline)) - var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)));padding-inline-end:calc(var(--luzmo-infield-button-stacked-fill-padding-inline, var(--infield-button-stacked-fill-padding-inline)) - var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)))}:host([block=start]){padding-block-end:var(--luzmo-infield-button-inner-edge-to-fill, var(--infield-button-inner-edge-to-fill))}:host([block=start]) .fill{border-block-end:none;border-start-start-radius:var(--luzmo-infield-button-stacked-top-border-radius-start-start, var(--infield-button-stacked-top-border-radius-start-start));border-end-end-radius:var(--luzmo-infield-button-stacked-border-radius-reset, var(--infield-button-stacked-border-radius-reset));border-end-start-radius:var(--luzmo-infield-button-stacked-border-radius-reset, var(--infield-button-stacked-border-radius-reset));padding-block-start:calc(var(--luzmo-infield-button-stacked-fill-padding-outer, var(--infield-button-stacked-fill-padding-outer)) - var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)));padding-block-end:calc(var(--luzmo-infield-button-stacked-fill-padding-inner, var(--infield-button-stacked-fill-padding-inner)) - var(--luzmo-infield-button-inner-edge-to-fill, var(--infield-button-inner-edge-to-fill)))}:host([block=end]){padding-block-start:var(--luzmo-infield-button-inner-edge-to-fill, var(--infield-button-inner-edge-to-fill))}:host([block=end]) .fill{border-block-end-width:var(--luzmo-infield-button-stacked-bottom-border-block-end-width, var(--luzmo-infield-button-border-width, var(--infield-button-border-width)));border-start-start-radius:var(--luzmo-infield-button-stacked-border-radius-reset, var(--infield-button-stacked-border-radius-reset));border-start-end-radius:var(--luzmo-infield-button-stacked-border-radius-reset, var(--infield-button-stacked-border-radius-reset));border-end-end-radius:var(--luzmo-infield-button-stacked-bottom-border-radius-end-end, var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius)));border-end-start-radius:var(--luzmo-infield-button-stacked-bottom-border-radius-end-start, var(--infield-button-stacked-bottom-border-radius-end-start));padding-block-start:calc(var(--luzmo-infield-button-stacked-fill-padding-inner, var(--infield-button-stacked-fill-padding-inner)) - var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)));padding-block-end:calc(var(--luzmo-infield-button-stacked-fill-padding-outer, var(--infield-button-stacked-fill-padding-outer)) - var(--luzmo-infield-button-inner-edge-to-fill, var(--infield-button-inner-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)))}::slotted(*){display:initial;flex-shrink:0;margin:0!important}:host{--infield-button-border-width: var(--luzmo-border-width);--infield-button-border-color: inherit;--infield-button-border-radius: var(--luzmo-border-radius-s);--infield-button-border-radius-reset: 0;--infield-button-stacked-top-border-radius-start-start: 0;--infield-button-stacked-bottom-border-radius-end-start: 0;--infield-button-background-color: var(--luzmo-background-color);--infield-button-background-color-hover: var(--luzmo-background-color-hover);--infield-button-background-color-down: var(--luzmo-background-color-down);--infield-button-background-color-key-focus: var( --luzmo-background-color-focus );--infield-button-height: var(--luzmo-component-height);--infield-button-width: var(--luzmo-component-height);--infield-button-stacked-border-radius-reset: 0px;--infield-button-edge-to-fill: 0px;--infield-button-inner-edge-to-fill: 0px;--infield-button-fill-padding: 0px;--infield-button-stacked-fill-padding-inline: 9px;--infield-button-stacked-fill-padding-outer: 3px;--infield-button-stacked-fill-padding-inner: 3px;--infield-button-animation-duration: var(--luzmo-animation-duration);--infield-button-icon-color: var(--luzmo-font-color);--infield-button-icon-color-hover: var(--luzmo-font-color-hard);--infield-button-icon-color-down: var(--luzmo-font-color-hard);--infield-button-icon-color-key-focus: var(--luzmo-font-color-hard);--infield-button-fill-justify-content: center}:host([disabled]){--infield-button-background-color: var(--luzmo-background-color-disabled);--infield-button-background-color-hover: var( --luzmo-background-color-disabled );--infield-button-background-color-down: var( --luzmo-background-color-disabled );--infield-button-border-color: var(--luzmo-border-color-disabled);--infield-button-content-color: var(--luzmo-color-disabled);--infield-button-icon-color: var(--luzmo-color-disabled);--infield-button-icon-color-hover: var(--luzmo-color-disabled);--infield-button-icon-color-down: var(--luzmo-color-disabled);--infield-button-icon-color-key-focus: var(--luzmo-color-disabled)}:host([size=s]){--infield-button-height: var(--luzmo-component-height-s);--infield-button-width: var(--luzmo-component-height-s);--infield-button-stacked-fill-padding-inline: 7px;--infield-button-stacked-fill-padding-outer: 3px;--infield-button-stacked-fill-padding-inner: 3px}:host([size=l]){--infield-button-height: var(--luzmo-component-height-l);--infield-button-width: var(--luzmo-component-height-l);--infield-button-stacked-fill-padding-inline: 13px;--infield-button-stacked-fill-padding-outer: 4px;--infield-button-stacked-fill-padding-inner: 4px}:host([size=xl]){--infield-button-height: var(--luzmo-component-height-xl);--infield-button-width: var(--luzmo-component-height-xl);--infield-button-stacked-fill-padding-inline: 16px;--infield-button-stacked-fill-padding-outer: 5px;--infield-button-stacked-fill-padding-inner: 5px}:host([block=start]){--infield-button-width: 20px}:host([block=end]){--infield-button-width: 20px}:host([block=start][size=s]){--infield-button-width: 16px}:host([block=end][size=s]){--infield-button-width: 16px}:host([block=start][size=l]){--infield-button-width: 28px}:host([block=end][size=l]){--infield-button-width: 28px}:host([block=start][size=xl]){--infield-button-width: 36px}:host([block=end][size=xl]){--infield-button-width: 36px}:host([quiet]){--infield-button-background-color: transparent;--infield-button-background-color-hover: transparent;--infield-button-background-color-down: transparent;--infield-button-background-color-key-focus: transparent;--infield-border-color: transparent;--infield-button-border-width: 0}:host([quiet][disabled]){--infield-button-background-color: transparent;--infield-button-border-color: transparent}:host{box-sizing:border-box;-webkit-user-select:none;user-select:none}::slotted(*){--parent-element-icon-vertical-align: 1px;--icon-size: inherit}";var oo=Object.defineProperty,P=(l,o,e,t)=>{for(var r=void 0,i=l.length-1,n;i>=0;i--)(n=l[i])&&(r=n(o,e,r)||r);return r&&oo(o,e,r),r};class y extends G.m(X.a,{noDefaultSize:!0,validSizes:["s","m","l","xl"]}){constructor(){super(...arguments),this.quiet=!1}static get styles(){return[...super.styles,u.r(J)]}get buttonContent(){return[u.x`
+      <div class="fill">
+        <slot></slot>
+      </div>
+    `]}}P([u.H()],y.prototype,"block");P([u.H()],y.prototype,"inline");P([u.H({type:Boolean,reflect:!0})],y.prototype,"quiet");customElements.get("luzmo-infield-button")||customElements.define("luzmo-infield-button",y);/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */const eo=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const l=document.createElement("style");l.setAttribute("data-luzmo-vars",""),l.textContent='html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}',document.head.appendChild(l)}};eo();let C=new Map,N=!1;try{N=new Intl.NumberFormat("de-DE",{signDisplay:"exceptZero"}).resolvedOptions().signDisplay==="exceptZero"}catch{}let x=!1;try{x=new Intl.NumberFormat("de-DE",{style:"unit",unit:"degree"}).resolvedOptions().style==="unit"}catch{}const $={degree:{narrow:{default:"°","ja-JP":" 度","zh-TW":"度","sl-SI":" °"}}};class z{format(o){let e="";if(!N&&this.options.signDisplay!=null?e=ro(this.numberFormatter,this.options.signDisplay,o):e=this.numberFormatter.format(o),this.options.style==="unit"&&!x){var t;let{unit:r,unitDisplay:i="short",locale:n}=this.resolvedOptions();if(!r)return e;let s=(t=$[r])===null||t===void 0?void 0:t[i];e+=s[n]||s.default}return e}formatToParts(o){return this.numberFormatter.formatToParts(o)}formatRange(o,e){if(typeof this.numberFormatter.formatRange=="function")return this.numberFormatter.formatRange(o,e);if(e<o)throw new RangeError("End date must be >= start date");return`${this.format(o)} – ${this.format(e)}`}formatRangeToParts(o,e){if(typeof this.numberFormatter.formatRangeToParts=="function")return this.numberFormatter.formatRangeToParts(o,e);if(e<o)throw new RangeError("End date must be >= start date");let t=this.numberFormatter.formatToParts(o),r=this.numberFormatter.formatToParts(e);return[...t.map(i=>({...i,source:"startRange"})),{type:"literal",value:" – ",source:"shared"},...r.map(i=>({...i,source:"endRange"}))]}resolvedOptions(){let o=this.numberFormatter.resolvedOptions();return!N&&this.options.signDisplay!=null&&(o={...o,signDisplay:this.options.signDisplay}),!x&&this.options.style==="unit"&&(o={...o,style:"unit",unit:this.options.unit,unitDisplay:this.options.unitDisplay}),o}constructor(o,e={}){this.numberFormatter=to(o,e),this.options=e}}function to(l,o={}){let{numberingSystem:e}=o;if(e&&l.includes("-nu-")&&(l.includes("-u-")||(l+="-u-"),l+=`-nu-${e}`),o.style==="unit"&&!x){var t;let{unit:n,unitDisplay:s="short"}=o;if(!n)throw new Error('unit option must be provided with style: "unit"');if(!(!((t=$[n])===null||t===void 0)&&t[s]))throw new Error(`Unsupported unit ${n} with unitDisplay = ${s}`);o={...o,style:"decimal"}}let r=l+(o?Object.entries(o).sort((n,s)=>n[0]<s[0]?-1:1).join():"");if(C.has(r))return C.get(r);let i=new Intl.NumberFormat(l,o);return C.set(r,i),i}function ro(l,o,e){if(o==="auto")return l.format(e);if(o==="never")return l.format(Math.abs(e));{let t=!1;if(o==="always"?t=e>0||Object.is(e,0):o==="exceptZero"&&(Object.is(e,-0)||Object.is(e,0)?e=Math.abs(e):t=e>0),t){let r=l.format(-e),i=l.format(e),n=r.replace(i,"").replace(/\u200e|\u061C/,"");return[...n].length!==1&&console.warn("@react-aria/i18n polyfill for NumberFormat signDisplay: Unsupported case"),r.replace(i,"!!!").replace(n,"+").replace("!!!",i)}else return l.format(e)}}const io=new RegExp("^.*\\(.*\\).*$"),lo=["latn","arab","hanidec","deva","beng"];class S{parse(o){return q(this.locale,this.options,o).parse(o)}isValidPartialNumber(o,e,t){return q(this.locale,this.options,o).isValidPartialNumber(o,e,t)}getNumberingSystem(o){return q(this.locale,this.options,o).options.numberingSystem}constructor(o,e={}){this.locale=o,this.options=e}}const _=new Map;function q(l,o,e){let t=V(l,o);if(!l.includes("-nu-")&&!t.isValidPartialNumber(e)){for(let r of lo)if(r!==t.options.numberingSystem){let i=V(l+(l.includes("-u-")?"-nu-":"-u-nu-")+r,o);if(i.isValidPartialNumber(e))return i}}return t}function V(l,o){let e=l+(o?Object.entries(o).sort((r,i)=>r[0]<i[0]?-1:1).join():""),t=_.get(e);return t||(t=new no(l,o),_.set(e,t)),t}class no{parse(o){let e=this.sanitize(o);if(this.symbols.group&&(e=v(e,this.symbols.group,"")),this.symbols.decimal&&(e=e.replace(this.symbols.decimal,".")),this.symbols.minusSign&&(e=e.replace(this.symbols.minusSign,"-")),e=e.replace(this.symbols.numeral,this.symbols.index),this.options.style==="percent"){let n=e.indexOf("-");e=e.replace("-","");let s=e.indexOf(".");s===-1&&(s=e.length),e=e.replace(".",""),s-2===0?e=`0.${e}`:s-2===-1?e=`0.0${e}`:s-2===-2?e="0.00":e=`${e.slice(0,s-2)}.${e.slice(s-2)}`,n>-1&&(e=`-${e}`)}let t=e?+e:NaN;if(isNaN(t))return NaN;if(this.options.style==="percent"){var r,i;let n={...this.options,style:"decimal",minimumFractionDigits:Math.min(((r=this.options.minimumFractionDigits)!==null&&r!==void 0?r:0)+2,20),maximumFractionDigits:Math.min(((i=this.options.maximumFractionDigits)!==null&&i!==void 0?i:0)+2,20)};return new S(this.locale,n).parse(new z(this.locale,n).format(t))}return this.options.currencySign==="accounting"&&io.test(o)&&(t=-1*t),t}sanitize(o){return o=o.replace(this.symbols.literals,""),this.symbols.minusSign&&(o=o.replace("-",this.symbols.minusSign)),this.options.numberingSystem==="arab"&&(this.symbols.decimal&&(o=o.replace(",",this.symbols.decimal),o=o.replace("،",this.symbols.decimal)),this.symbols.group&&(o=v(o,".",this.symbols.group))),this.options.locale==="fr-FR"&&(o=v(o,"."," ")),o}isValidPartialNumber(o,e=-1/0,t=1/0){return o=this.sanitize(o),this.symbols.minusSign&&o.startsWith(this.symbols.minusSign)&&e<0?o=o.slice(this.symbols.minusSign.length):this.symbols.plusSign&&o.startsWith(this.symbols.plusSign)&&t>0&&(o=o.slice(this.symbols.plusSign.length)),this.symbols.group&&o.startsWith(this.symbols.group)||this.symbols.decimal&&o.indexOf(this.symbols.decimal)>-1&&this.options.maximumFractionDigits===0?!1:(this.symbols.group&&(o=v(o,this.symbols.group,"")),o=o.replace(this.symbols.numeral,""),this.symbols.decimal&&(o=o.replace(this.symbols.decimal,"")),o.length===0)}constructor(o,e={}){this.locale=o,this.formatter=new Intl.NumberFormat(o,e),this.options=this.formatter.resolvedOptions(),this.symbols=ao(o,this.formatter,this.options,e);var t,r;this.options.style==="percent"&&(((t=this.options.minimumFractionDigits)!==null&&t!==void 0?t:0)>18||((r=this.options.maximumFractionDigits)!==null&&r!==void 0?r:0)>18)&&console.warn("NumberParser cannot handle percentages with greater than 18 decimal places, please reduce the number in your options.")}}const R=new Set(["decimal","fraction","integer","minusSign","plusSign","group"]),so=[0,4,2,1,11,20,3,7,100,21,.1,1.1];function ao(l,o,e,t){var r,i,n,s;let d=new Intl.NumberFormat(l,{...e,minimumSignificantDigits:1,maximumSignificantDigits:21,roundingIncrement:1,roundingPriority:"auto",roundingMode:"halfExpand"}),p=d.formatToParts(-10000.111),H=d.formatToParts(10000.111),M=so.map(a=>d.formatToParts(a));var w;let j=(w=(r=p.find(a=>a.type==="minusSign"))===null||r===void 0?void 0:r.value)!==null&&w!==void 0?w:"-",k=(i=H.find(a=>a.type==="plusSign"))===null||i===void 0?void 0:i.value;!k&&((t==null?void 0:t.signDisplay)==="exceptZero"||(t==null?void 0:t.signDisplay)==="always")&&(k="+");let T=(n=new Intl.NumberFormat(l,{...e,minimumFractionDigits:2,maximumFractionDigits:2}).formatToParts(.001).find(a=>a.type==="decimal"))===null||n===void 0?void 0:n.value,B=(s=p.find(a=>a.type==="group"))===null||s===void 0?void 0:s.value,U=p.filter(a=>!R.has(a.type)).map(a=>I(a.value)),A=M.flatMap(a=>a.filter(h=>!R.has(h.type)).map(h=>I(h.value))),E=[...new Set([...U,...A])].sort((a,h)=>h.length-a.length),L=E.length===0?new RegExp("[\\p{White_Space}]","gu"):new RegExp(`${E.join("|")}|[\\p{White_Space}]`,"gu"),D=[...new Intl.NumberFormat(e.locale,{useGrouping:!1}).format(9876543210)].reverse(),W=new Map(D.map((a,h)=>[a,h])),K=new RegExp(`[${D.join("")}]`,"g");return{minusSign:j,plusSign:k,decimal:T,group:B,literals:L,numeral:K,index:a=>String(W.get(a))}}function v(l,o,e){return l.replaceAll?l.replaceAll(o,e):l.split(o).join(e)}function I(l){return l.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}const uo='#text-field{--stepper-width: calc( var(--luzmo-stepper-height, var(--stepper-height)) * var( --luzmo-stepper-min-width-multiplier, var(--stepper-min-width-multiplier) ) + var(--luzmo-stepper-button-width, var(--stepper-button-width)) + var(--luzmo-stepper-border-width, var(--stepper-border-width)) * 2 );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color, var( --luzmo-stepper-buttons-border-color, var(--stepper-buttons-border-color) ) );--luzmo-infield-button-border-width: var( --luzmo-stepper-button-border-width, var(--stepper-button-border-width) );--luzmo-infield-button-border-radius-reset: var( --stepper-button-border-radius-reset );--luzmo-text-field-border-width: var( --luzmo-stepper-border-width, var(--stepper-border-width) );inline-size:var(--luzmo-stepper-width, var(--stepper-width));block-size:var(--luzmo-stepper-height, var(--stepper-height));border-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));border-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));flex-flow:row;display:inline-flex;position:relative}#text-field:after{content:"";inline-size:100%;block-size:var(--luzmo-stepper-focus-indicator-width, var(--stepper-focus-indicator-width));position:absolute;inset-block-end:calc((var(--luzmo-stepper-focus-indicator-gap, var(--stepper-focus-indicator-gap)) + var(--luzmo-stepper-focus-indicator-width, var(--stepper-focus-indicator-width))) * -1);inset-inline-start:0}:host([focused]) #text-field,#text-field:focus{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-focus, var(--luzmo-stepper-border-color-focus, var(--stepper-border-color-focus)) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus, var( --luzmo-stepper-buttons-border-color-focus, var(--stepper-buttons-border-color-focus) ) )}:host([focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus .input{outline:none}:host([focused]:not([disabled])) #text-field .buttons,:host([focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus .buttons,:host(:not([disabled])) #text-field:focus .input{border-color:var(--highcontrast-stepper-border-color-focus, var(--luzmo-stepper-border-color-focus, var(--stepper-border-color-focus)))}:host([keyboard-focused]) #text-field,#text-field:focus-visible{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-keyboard-focus, var( --luzmo-stepper-buttons-border-color-keyboard-focus, var(--stepper-buttons-border-color-keyboard-focus) ) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-keyboard-focus, var( --luzmo-stepper-buttons-border-color-keyboard-focus, var(--stepper-buttons-border-color-keyboard-focus) ) )}:host([keyboard-focused]:not([disabled])) #text-field,:host(:not([disabled])) #text-field:focus-visible{outline:var(--luzmo-stepper-focus-indicator-width, var(--stepper-focus-indicator-width)) solid;outline-color:var(--highcontrast-stepper-focus-indicator-color, var(--luzmo-stepper-focus-indicator-color, var(--stepper-focus-indicator-color)));outline-offset:var(--luzmo-stepper-focus-indicator-gap, var(--stepper-focus-indicator-gap))}:host([keyboard-focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus-visible .input{outline:none}:host([keyboard-focused]:not([disabled])) #text-field .buttons,:host([keyboard-focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus-visible .buttons,:host(:not([disabled])) #text-field:focus-visible .input{border-color:var(--highcontrast-stepper-border-color-keyboard-focus, var(--luzmo-stepper-border-color-keyboard-focus, var(--stepper-border-color-keyboard-focus)))}:host([invalid]:not([disabled])) #text-field{--luzmo-stepper-border-color: var( --luzmo-stepper-border-color-invalid, var(--stepper-border-color-invalid) );--luzmo-stepper-border-color-hover: var( --luzmo-stepper-border-color-hover-invalid, var(--stepper-border-color-hover-invalid) );--luzmo-stepper-border-color-focus: var( --luzmo-stepper-border-color-focus-invalid, var(--stepper-border-color-focus-invalid) );--luzmo-stepper-border-color-focus-hover: var( --luzmo-stepper-border-color-focus-hover-invalid, var(--stepper-border-color-focus-hover-invalid) );--luzmo-stepper-border-color-keyboard-focus: var( --luzmo-stepper-border-color-keyboard-focus-invalid, var(--stepper-border-color-keyboard-focus-invalid) );--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-invalid, var(--stepper-border-color-invalid) );--luzmo-text-field-icon-spacing-inline-start-invalid: 0}:host([invalid][focused]:not([disabled])) #text-field,:host([invalid]:not([disabled])) #text-field:focus{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-focus-invalid, var(--stepper-border-color-focus-invalid) )}:host([invalid][keyboard-focused]:not([disabled])) #text-field,:host([invalid]:not([disabled])) #text-field:focus-visible{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-keyboard-focus-invalid, var(--stepper-border-color-keyboard-focus-invalid) )}:host([disabled]) #text-field{--luzmo-stepper-border-color: var(--stepper-button-border-color-disabled);--luzmo-stepper-border-color-hover: var( --stepper-button-border-color-disabled );--luzmo-stepper-border-color-focus: var( --stepper-button-border-color-disabled );--luzmo-stepper-border-color-focus-hover: var( --stepper-button-border-color-disabled );--luzmo-stepper-border-color-keyboard-focus: var( --stepper-button-border-color-disabled );--luzmo-stepper-buttons-background-color: var( --stepper-buttons-background-color-disabled );--luzmo-infield-button-border-width: var( --stepper-button-border-width-disabled );--luzmo-infield-button-border-color: var( --stepper-button-border-color-disabled );--luzmo-text-field-border-color-disabled: var( --stepper-button-border-color-disabled )}#text-field .input{border-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));border-inline-end-width:0;border-start-end-radius:0;border-end-end-radius:0}#text-field.hide-stepper .input{border-inline-end-width:var(--luzmo-stepper-border-width, var(--stepper-border-width));border-start-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));border-end-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius))}#text-field .buttons{box-sizing:border-box;block-size:var(--luzmo-stepper-height, var(--stepper-height));inline-size:var(--luzmo-stepper-button-width, var(--stepper-button-width));border-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));border-style:var(--luzmo-stepper-buttons-border-style, var(--stepper-buttons-border-style));border-width:var(--highcontrast-stepper-buttons-border-width, var(--luzmo-stepper-buttons-border-width, var(--stepper-buttons-border-width)));background-color:var(--highcontrast-stepper-buttons-background-color, var(--luzmo-stepper-buttons-background-color, var(--stepper-buttons-background-color)));transition:border-color var(--luzmo-stepper-animation-duration, var(--stepper-animation-duration)) ease-in-out;border-inline-start-width:0;border-start-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));border-end-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));flex-direction:column;justify-content:center;display:flex}:host([quiet]) #text-field{border-start-start-radius:0;border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:0}:host([quiet]) #text-field .input{--luzmo-text-field-focus-indicator-color: transparent}:host([quiet]) #text-field.hide-stepper .input{border-inline-end-width:0;border-end-end-radius:0}:host([quiet]) #text-field .buttons{--luzmo-infield-button-border-color: transparent;border-width:0;border-block-end-width:var(--luzmo-stepper-border-width, var(--stepper-border-width));border-block-end-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));border-block-end-style:solid;border-end-end-radius:0}:host([quiet]) #text-field .button{--luzmo-infield-button-width-stacked: var( --luzmo-stepper-button-width-quiet, var(--stepper-button-width) );--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-quiet, var(--stepper-button-border-color-quiet) );--luzmo-infield-button-stacked-bottom-border-block-end-width: var( --luzmo-stepper-border-width, var(--stepper-border-width) );--luzmo-infield-button-stacked-bottom-border-radius-end-end: 0;--luzmo-infield-button-stacked-bottom-border-radius-end-start: 0;--luzmo-infield-button-fill-justify-content: flex-end;padding:0}:host([quiet]) #text-field .buttons,:host([quiet]) #text-field .input{background-color:initial}:host([quiet][focused]) #text-field,:host([quiet]) #text-field:focus{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus, var(--luzmo-stepper-border-color-focus, var(--stepper-border-color-focus)) )}:host([quiet][keyboard-focused]:not([disabled])) #text-field{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-keyboard-focus, var( --luzmo-stepper-border-color-keyboard-focus, var(--stepper-border-color-keyboard-focus) ) );outline:none}:host([quiet][keyboard-focused]:not([disabled])) #text-field:after{background-color:var(--highcontrast-stepper-focus-indicator-color, var(--luzmo-stepper-focus-indicator-color, var(--stepper-focus-indicator-color)))}@media (hover: hover){:host(:hover:not([disabled])) #text-field{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-hover, var(--luzmo-stepper-border-color-hover, var(--stepper-border-color-hover)) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-hover, var( --luzmo-stepper-buttons-border-color-hover, var(--stepper-buttons-border-color-hover) ) )}:host([focused]:hover) #text-field,:host(:hover) #text-field:focus{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-focus-hover, var( --luzmo-stepper-buttons-border-color-focus-hover, var(--stepper-buttons-border-color-focus-hover) ) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus-hover, var( --luzmo-stepper-buttons-border-color-focus-hover, var(--stepper-buttons-border-color-focus-hover) ) )}:host([focused]:hover) #text-field .buttons,:host([focused]:hover) #text-field .input,:host(:hover) #text-field:focus .buttons,:host(:hover) #text-field:focus .input{border-color:var(--highcontrast-stepper-border-color-focus-hover, var(--luzmo-stepper-border-color-focus-hover, var(--stepper-border-color-focus-hover)))}:host([invalid]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-hover-invalid, var(--stepper-border-color-hover-invalid) )}:host([invalid][focused]:not([disabled]):hover) #text-field,:host([invalid]:not([disabled]):hover) #text-field:focus{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-focus-hover-invalid, var(--stepper-border-color-focus-hover-invalid) )}:host([quiet]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-hover, var(--luzmo-stepper-border-color-hover, var(--stepper-border-color-hover)) )}:host([quiet]:not([disabled]):hover) #text-field .buttons{background-color:initial}:host([quiet][focused]:hover) #text-field,:host([quiet]:hover) #text-field:focus{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus-hover, var( --luzmo-stepper-border-color-focus-hover, var(--stepper-border-color-focus-hover) ) )}:host([quiet][keyboard-focused]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-hover, var(--luzmo-stepper-border-color-hover, var(--stepper-border-color-hover)) )}}@media (forced-colors: active){:host{--highcontrast-stepper-border-color: CanvasText;--highcontrast-stepper-border-color-hover: Highlight;--highcontrast-stepper-border-color-focus: Highlight;--highcontrast-stepper-border-color-focus-hover: Highlight;--highcontrast-stepper-border-color-keyboard-focus: CanvasText;--highcontrast-stepper-button-background-color-default: Canvas;--highcontrast-stepper-button-background-color-hover: Canvas;--highcontrast-stepper-button-background-color-focus: Canvas;--highcontrast-stepper-button-background-color-keyboard-focus: Canvas;--highcontrast-stepper-focus-indicator-color: Highlight}:host([invalid]) #text-field{--highcontrast-stepper-border-color: Highlight;--highcontrast-stepper-border-color-hover: Highlight;--highcontrast-stepper-border-color-focus: Highlight;--highcontrast-stepper-border-color-focus-hover: Highlight;--highcontrast-stepper-border-color-keyboard-focus: Highlight;--highcontrast-infield-button-border-color: Highlight}:host([disabled]) #text-field{--highcontrast-stepper-border-color: GrayText;--highcontrast-infield-button-border-color: GrayText;--highcontrast-stepper-buttons-border-width: var( --luzmo-stepper-border-width, var(--stepper-border-width) )}}:host{--text-field-minimum-width-multiplier: 1.75;--stepper-border-width: var(--luzmo-border-width);--stepper-border-color: var(--luzmo-border-color);--stepper-border-color-hover: var(--luzmo-border-color-full-hover);--stepper-border-color-focus: var(--luzmo-border-color-full-focus);--stepper-border-color-focus-hover: var(--luzmo-border-color-full-focus);--stepper-border-color-keyboard-focus: var(--luzmo-border-color-full-focus);--stepper-border-radius: var(--luzmo-border-radius-s);--stepper-min-width-multiplier: 1.5;--stepper-animation-duration: var(--luzmo-animation-duration);--stepper-buttons-background-color: var(--luzmo-background-color);--stepper-buttons-border-style: none;--stepper-buttons-border-width: 0;--stepper-buttons-border-color: var(--luzmo-border-color);--stepper-buttons-border-color-hover: var(--luzmo-border-color-full-hover);--stepper-buttons-border-color-focus: var(--luzmo-border-color-full-focus);--stepper-buttons-border-color-keyboard-focus: var( --luzmo-border-color-focus );--stepper-button-padding: 0px;--stepper-button-border-radius-reset: 0;--stepper-button-border-width: var(--luzmo-border-width);--stepper-button-background-color-focus: var(--luzmo-background-color-focus);--stepper-button-background-color-keyboard-focus: var( --luzmo-background-color-focus );--stepper-border-color-invalid: var(--luzmo-color-negative);--stepper-border-color-hover-invalid: var(--luzmo-color-negative-hover);--stepper-border-color-focus-invalid: var(--luzmo-color-negative-focus);--stepper-border-color-focus-hover-invalid: var(--luzmo-color-negative-focus);--stepper-border-color-keyboard-focus-invalid: var( --luzmo-color-negative-focus );--stepper-focus-indicator-width: var(--luzmo-indicator-width);--stepper-focus-indicator-gap: calc(-1 * var(--luzmo-border-width));--stepper-focus-indicator-color: var(--luzmo-indicator-color);--stepper-button-border-color-quiet: transparent;--stepper-button-border-color-disabled: var(--luzmo-border-color-disabled);--stepper-button-border-width-disabled: var(--luzmo-border-width);--stepper-buttons-background-color-disabled: var( --luzmo-background-color-disabled );--stepper-button-width: 28px;--stepper-height: var(--luzmo-component-height)}:host([size=s]) #text-field{--stepper-button-width: 16px;--stepper-height: var(--luzmo-component-height-s)}:host([size=m]) #text-field{--stepper-button-width: 20px;--stepper-height: var(--luzmo-component-height)}:host([size=l]) #text-field{--stepper-button-width: 28px;--stepper-height: var(--luzmo-component-height-l)}:host([size=xl]) #text-field{--stepper-button-width: 36px;--stepper-height: var(--luzmo-component-height-xl)}:host{inline-size:var(--luzmo-stepper-width, var(--stepper-width));--swc-number-field-width: calc( var(--luzmo-stepper-height, var(--stepper-height)) * var( --luzmo-stepper-min-width-multiplier, var(--text-field-minimum-width-multiplier) ) + var(--luzmo-stepper-button-width, var(--stepper-button-width)) + var(--luzmo-stepper-border-width, var(--stepper-border-width)) * 2 );--luzmo-infield-button-border-width: var(--unset-value-resets-inheritance);--stepper-width: var(--swc-number-field-width)}:host([size=s]){--stepper-width: calc(var(--swc-number-field-width) / 5 * 4)}:host([size=l]){--stepper-width: calc(var(--swc-number-field-width) * 1.25)}:host([size=xl]){--stepper-width: calc(var(--swc-number-field-width) * 1.25 * 1.25)}#text-field{inline-size:100%}.input{font-variant-numeric:tabular-nums}:host([readonly]) .buttons{pointer-events:none;visibility:hidden}:host([readonly]:not([disabled],[invalid],[focused],[keyboard-focused])) #text-field:hover .input{border-color:transparent}:host([hide-stepper]:not([quiet])) #text-field input{border:var(--luzmo-text-field-border-width, var(--text-field-border-width)) solid var(--luzmo-text-field-border-color, var(--text-field-border-color));border-radius:var(--text-field-corner-radius)}:host([quiet]) #text-field .button{--luzmo-infield-button-border-color: var( --luzmo-infield-border-color-quiet, transparent );--luzmo-infield-button-edge-to-fill: 0;--luzmo-infield-button-border-width: var( --luzmo-infield-button-border-width-quiet, 0 )}';var co=Object.defineProperty,bo=Object.getOwnPropertyDescriptor,b=(l,o,e,t)=>{for(var r=t>1?void 0:t?bo(o,e):o,i=l.length-1,n;i>=0;i--)(n=l[i])&&(r=(t?n(o,e,r):n(r))||r);return t&&r&&co(o,e,r),r};const ho=5,po=100,g="-",O={"１":"1","２":"2","３":"3","４":"4","５":"5","６":"6","７":"7","８":"8","９":"9","０":"0","、":",","，":",","。":".","．":".","％":"%","＋":"+",ー:"-",一:"1",二:"2",三:"3",四:"4",五:"5",六:"6",七:"7",八:"8",九:"9",零:"0"};class c extends Z.i{constructor(){super(...arguments),this.focused=!1,this._forcedUnit="",this.formatOptions={},this.hideStepper=!1,this.indeterminate=!1,this.keyboardFocused=!1,this.managedInput=!1,this.stepModifier=10,this._value=Number.NaN,this._trackingValue="",this.decimalsChars=new Set([".",","]),this.valueBeforeFocus="",this.isIntentDecimal=!1,this.changeCount=0,this.languageResolver=new F.l(this),this.wasIndeterminate=!1,this.hasRecentlyReceivedPointerDown=!1,this.applyFocusElementLabel=o=>{this.appliedLabel=o},this.isComposing=!1}static get styles(){return[...super.styles,u.r(uo)]}set value(o){const e=this.validateInput(o);if(e===this.value)return;this.lastCommitedValue=e;const t=this._value;this._value=e,this.requestUpdate("value",t)}get value(){return this._value}get inputValue(){return this.indeterminate?this.formattedValue:this.inputElement.value}setValue(o=this.value){const e=this.lastCommitedValue;this.value=o,!(e===void 0||e===this.value)&&(this.lastCommitedValue=this.value,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}get valueAsString(){return this._value.toString()}set valueAsString(o){this.value=this.numberParser.parse(o)}get formattedValue(){return Number.isNaN(this.value)?"":this.numberFormatter.format(this.value)+(this.focused?"":this._forcedUnit)}convertValueToNumber(o){let e=[...o].map(i=>O[i]||i).join("");const t=[...this.valueBeforeFocus].filter(i=>this.decimalsChars.has(i)),r=new Set(t);if(f.a()&&this.inputElement.inputMode==="decimal"&&e!==this.valueBeforeFocus){const i=this.numberFormatter.formatToParts(1000.1).find(d=>d.type==="decimal").value;for(const d of r)d!==i&&!this.isIntentDecimal&&(e=e.replaceAll(new RegExp(d,"g"),""));let n=!1;const s=[...e];for(let d=s.length-1;d>=0;d--){const p=s[d];this.decimalsChars.has(p)&&(n?s[d]="":(s[d]=i,n=!0))}e=s.join("")}return this.numberParser.parse(e)}get _step(){var o;return this.step!==void 0?this.step:((o=this.formatOptions)==null?void 0:o.style)==="percent"?.01:1}handlePointerdown(o){if(o.button!==0){o.preventDefault();return}this.managedInput=!0,this.buttons.setPointerCapture(o.pointerId);const e=this.buttons.children[0].getBoundingClientRect(),t=this.buttons.children[1].getBoundingClientRect();this.findChange=r=>{r.clientX>=e.x&&r.clientY>=e.y&&r.clientX<=e.x+e.width&&r.clientY<=e.y+e.height?this.change=i=>this.increment(i.shiftKey?this.stepModifier:1):r.clientX>=t.x&&r.clientY>=t.y&&r.clientX<=t.x+t.width&&r.clientY<=t.y+t.height&&(this.change=i=>this.decrement(i.shiftKey?this.stepModifier:1))},this.findChange(o),this.startChange(o)}startChange(o){this.changeCount=0,this.doChange(o),this.safty=setTimeout(()=>{this.doNextChange(o)},400)}doChange(o){this.change(o)}handlePointermove(o){this.findChange(o)}handlePointerup(o){this.buttons.releasePointerCapture(o.pointerId),cancelAnimationFrame(this.nextChange),clearTimeout(this.safty),this.managedInput=!1,this.setValue()}doNextChange(o){return this.changeCount+=1,this.changeCount%ho===0&&this.doChange(o),requestAnimationFrame(()=>{this.nextChange=this.doNextChange(o)})}stepBy(o){if(this.disabled||this.readonly)return;const e=this.min===void 0?0:this.min;let t=this.value;t+=o*this._step,Number.isNaN(this.value)&&(t=e),t=this.valueWithLimits(t),this.requestUpdate(),this._value=this.validateInput(t),this.inputElement.value=this.numberFormatter.format(t),this.inputElement.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.indeterminate=!1,this.focus()}increment(o=1){this.stepBy(1*o)}decrement(o=1){this.stepBy(-1*o)}handleKeydown(o){if(!this.isComposing)switch(o.code){case"ArrowUp":{o.preventDefault(),this.increment(o.shiftKey?this.stepModifier:1),this.setValue();break}case"ArrowDown":{o.preventDefault(),this.decrement(o.shiftKey?this.stepModifier:1),this.setValue();break}}}onScroll(o){o.preventDefault(),this.managedInput=!0;const e=o.shiftKey?o.deltaX/Math.abs(o.deltaX):o.deltaY/Math.abs(o.deltaY);e!==0&&!Number.isNaN(e)&&(this.stepBy(e*(o.shiftKey?this.stepModifier:1)),clearTimeout(this.queuedChangeEvent),this.queuedChangeEvent=setTimeout(()=>{this.setValue()},po)),this.managedInput=!1}onFocus(){super.onFocus(),this._trackingValue=this.inputValue,this.keyboardFocused=!this.readonly&&!0,this.addEventListener("wheel",this.onScroll,{passive:!1}),this.valueBeforeFocus=this.inputElement.value}onBlur(o){super.onBlur(o),this.keyboardFocused=!this.readonly&&!1,this.removeEventListener("wheel",this.onScroll),this.isIntentDecimal=!1}handleFocusin(){this.focused=!this.readonly&&!0,this.keyboardFocused=!this.readonly&&!0}handleFocusout(){this.focused=!this.readonly&&!1,this.keyboardFocused=!this.readonly&&!1}handleChange(){const o=this.convertValueToNumber(this.inputValue);if(this.wasIndeterminate&&(this.wasIndeterminate=!1,this.indeterminateValue=void 0,Number.isNaN(o))){this.indeterminate=!0;return}this.setValue(o),this.inputElement.value=this.formattedValue}handleCompositionStart(){this.isComposing=!0}handleCompositionEnd(){this.isComposing=!1,requestAnimationFrame(()=>{this.inputElement.dispatchEvent(new Event("input",{composed:!0,bubbles:!0}))})}handleInputElementPointerdown(){this.hasRecentlyReceivedPointerDown=!0,this.updateComplete.then(()=>{requestAnimationFrame(()=>{this.hasRecentlyReceivedPointerDown=!1})})}handleInput(o){if(this.isComposing){if(o.data){const d=this.convertValueToNumber(o.data);Number.isNaN(d)&&(this.inputElement.value=this.indeterminate?g:this._trackingValue,this.isComposing=!1)}o.stopPropagation();return}this.indeterminate&&(this.wasIndeterminate=!0,this.indeterminateValue=this.value,this.inputElement.value=this.inputElement.value.replace(g,"")),o.data&&this.decimalsChars.has(o.data)&&(this.isIntentDecimal=!0);const{value:e,selectionStart:t}=this.inputElement,r=[...e].map(d=>O[d]||d).join("");if(this.numberParser.isValidPartialNumber(r)){this.lastCommitedValue=this.lastCommitedValue??this.value;const d=this.convertValueToNumber(r);!r&&this.indeterminateValue?(this.indeterminate=!0,this._value=this.indeterminateValue):(this.indeterminate=!1,this._value=this.validateInput(d)),this._trackingValue=r,this.inputElement.value=r,this.inputElement.setSelectionRange(t,t);return}this.inputElement.value=this.indeterminate?g:this._trackingValue,o.stopPropagation();const i=r.length,n=this._trackingValue.length,s=(t||i)-(i-n);this.inputElement.setSelectionRange(s,s)}valueWithLimits(o){let e=o;return this.min!==void 0&&(e=Math.max(this.min,e)),this.max!==void 0&&(e=Math.min(this.max,e)),e}validateInput(o){o=this.valueWithLimits(o);const e=o<0?-1:1;if(o*=e,this.step){const t=this.min===void 0?0:this.min,r=Number.parseFloat(this.valueFormatter.format((o-t)%this.step));if(r===0||(Math.round(r/this.step)===1?o+=this.step-r:o-=r),this.max!==void 0)for(;o>this.max;)o-=this.step;o=Number.parseFloat(this.valueFormatter.format(o))}return o*=e,o}get displayValue(){const o=this.focused?"":g;return this.indeterminate?o:this.formattedValue}clearNumberFormatterCache(){this._numberFormatter=void 0,this._numberParser=void 0}get numberFormatter(){if(!this._numberFormatter||!this._numberFormatterFocused){const{style:o,unit:e,unitDisplay:t,...r}=this.formatOptions;o!=="unit"&&(r.style=o),this._numberFormatterFocused=new z(this.languageResolver.language,r);try{this._numberFormatter=new z(this.languageResolver.language,this.formatOptions),this._forcedUnit="",this._numberFormatter.format(1)}catch{o==="unit"&&(this._forcedUnit=e),this._numberFormatter=this._numberFormatterFocused}}return this.focused?this._numberFormatterFocused:this._numberFormatter}clearValueFormatterCache(){this._valueFormatter=void 0}get valueFormatter(){if(!this._valueFormatter){const o=this.step?this.step===Math.floor(this.step)?0:this.step.toString().split(".")[1].length:0;this._valueFormatter=new z("en",{useGrouping:!1,maximumFractionDigits:o})}return this._valueFormatter}get numberParser(){if(!this._numberParser||!this._numberParserFocused){const{style:o,unit:e,unitDisplay:t,...r}=this.formatOptions;o!=="unit"&&(r.style=o),this._numberParserFocused=new S(this.languageResolver.language,r);try{this._numberParser=new S(this.languageResolver.language,this.formatOptions),this._forcedUnit="",this._numberParser.parse("0")}catch{o==="unit"&&(this._forcedUnit=e),this._numberParser=this._numberParserFocused}}return this.focused?this._numberParserFocused:this._numberParser}renderField(){return this.autocomplete="off",u.x`
+      ${super.renderField()}
+      ${this.hideStepper?u.E:u.x`
+            <span
+              class="buttons"
+              @focusin=${this.handleFocusin}
+              @focusout=${this.handleFocusout}
+              ${F.u({start:["pointerdown",this.handlePointerdown],streamInside:[["pointermove","pointerenter","pointerleave","pointerover","pointerout"],this.handlePointermove],end:[["pointerup","pointercancel","pointerleave"],this.handlePointerup]})}
+            >
+              <luzmo-infield-button
+                inline="end"
+                block="start"
+                class="button step-up"
+                aria-hidden="true"
+                label=${"Increase "+this.appliedLabel}
+                size=${this.size}
+                tabindex="-1"
+                ?focused=${this.focused}
+                ?disabled=${this.disabled||this.readonly||this.max!==void 0&&this.value===this.max}
+                ?quiet=${this.quiet}
+              >
+                ${m.O2(m.b)}
+              </luzmo-infield-button>
+              <luzmo-infield-button
+                inline="end"
+                block="end"
+                class="button step-down"
+                aria-hidden="true"
+                label=${"Decrease "+this.appliedLabel}
+                size=${this.size}
+                tabindex="-1"
+                ?focused=${this.focused}
+                ?disabled=${this.disabled||this.readonly||this.min!==void 0&&this.value===this.min}
+                ?quiet=${this.quiet}
+              >
+                ${m.O2(m.T)}
+              </luzmo-infield-button>
+            </span>
+          `}
+    `}update(o){if((o.has("formatOptions")||o.has("resolvedLanguage"))&&this.clearNumberFormatterCache(),o.has("value")||o.has("max")||o.has("min")||o.has("step")){const e=this.numberParser.parse(this.formattedValue.replace(this._forcedUnit,""));this.value=e,this.clearValueFormatterCache()}super.update(o)}willUpdate(o){this.multiline=!1,o.has(F.o)&&this.clearNumberFormatterCache()}firstUpdated(o){super.firstUpdated(o),this.addEventListener("keydown",this.handleKeydown),this.addEventListener("compositionstart",this.handleCompositionStart),this.addEventListener("compositionend",this.handleCompositionEnd)}updated(o){if(!(!this.inputElement||!this.isConnected)){if(o.has("min")||o.has("formatOptions")){const e=this.min!==void 0&&this.min>=0,{maximumFractionDigits:t}=this.numberFormatter.resolvedOptions(),r=t&&t>0;let i="numeric";f.o()&&!e?i="text":(f.a()&&r||f.w()&&r&&e)&&(i="decimal"),this.inputElement.inputMode=i}o.has("focused")&&this.focused&&!this.hasRecentlyReceivedPointerDown&&this.formatOptions.unit&&this.setSelectionRange(0,this.displayValue.length)}}}b([Y.d(".buttons")],c.prototype,"buttons",2);b([u.H({type:Boolean,reflect:!0})],c.prototype,"focused",2);b([u.H({type:Object,attribute:"format-options"})],c.prototype,"formatOptions",2);b([u.H({type:Boolean,reflect:!0,attribute:"hide-stepper"})],c.prototype,"hideStepper",2);b([u.H({type:Boolean,reflect:!0})],c.prototype,"indeterminate",2);b([u.H({type:Boolean,reflect:!0,attribute:"keyboard-focused"})],c.prototype,"keyboardFocused",2);b([u.H({type:Number})],c.prototype,"max",2);b([u.H({type:Number})],c.prototype,"min",2);b([u.H({type:Number})],c.prototype,"step",2);b([u.H({type:Number,reflect:!0,attribute:"step-modifier"})],c.prototype,"stepModifier",2);b([u.H({type:Number})],c.prototype,"value",1);customElements.get("luzmo-number-field")||customElements.define("luzmo-number-field",c);