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

package/components/index-DDleIdd8.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-ChsOQ1Yj.cjs"),B=require("./directive-helpers-nlQRAaQt-CQ_hWlbQ.cjs"),Y=require("./if-defined-BSAr_4u4-CNmaFBUP.cjs"),Re=require("./base-D76d76ww-BiajPmzU.cjs"),G=require("./element-resolution-FCUT-wql-DSTvdyds.cjs"),ft=require("./index-DC2Pby0z.cjs"),Ft=require("./async-directive-DWRUSKKF-C2JoUGYR.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",ke=" !"+pe,qt=B._(class extends B.${constructor(e){var t;if(super(e),e.type!==B.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(ke);o.includes("-")||s?n.setProperty(o,s?i.slice(0,-11):i,s?pe:""):n[o]=i}}return f.v}});/*! * 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 Bt 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 Re.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 Se(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 Le=(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 Se(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,j=()=>{},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 Z extends f.kt{constructor(){super(...arguments),this.dispose=j,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(()=>St);const s=arguments.length===2,l=o||t,r=new this;let a=!1;const c=Le([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=j},!s&&l&&i){const d=t,p=n,u=i;return Z.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),Z.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 Mt=e=>e.querySelector(ft.t),Wt=e=>e.assignedElements().find(t=>t.matches(ft.t));class It 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,Z.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:It;this.dispatchEvent(new c),o&&(r.matches(ft.t)&&(i=r),i=i||Mt(r),i||r.querySelectorAll("slot").forEach(h=>{i||(i=Wt(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 qe(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:It;this.dispatchEvent(new c)}o!==!0||(r.matches(ft.t)&&(i=r),i=i||Mt(r),i)||r.querySelectorAll("slot").forEach(c=>{i||(i=Wt(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 He=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(),He||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:It;this.dispatchEvent(new c)}!o||(r.matches(ft.t)&&(i=r),i=i||Mt(r),i)||r.querySelectorAll("slot").forEach(c=>{i||(i=Wt(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 _e="showPopover"in document.createElement("div");class Be{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}_e||(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 Be,Me=':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,S=Math.max,Tt=Math.round,Et=Math.floor,M=e=>({x:e,y:e}),We={left:"right",right:"left",bottom:"top",top:"bottom"},Ie={start:"end",end:"start"};function Ht(e,t,n){return S(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 Vt(e){return e==="y"?"height":"width"}function nt(e){return["top","bottom"].includes(et(e))?"y":"x"}function jt(e){return ge(nt(e))}function Ue(e,t,n){n===void 0&&(n=!1);const o=pt(e),i=jt(e),s=Vt(i);let l=i==="x"?o===(n?"end":"start")?"right":"left":o==="start"?"bottom":"top";return t.reference[s]>t.floating[s]&&(l=Rt(l)),[l,Rt(l)]}function Ve(e){const t=Rt(e);return[Nt(e),t,Nt(t)]}function Nt(e){return e.replace(/start|end/g,t=>Ie[t])}function je(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=je(et(e),n==="start",o);return i&&(s=s.map(l=>l+"-"+i),t&&(s=s.concat(s.map(Nt)))),s}function Rt(e){return e.replace(/left|right|bottom|top/g,t=>We[t])}function Je(e){return{top:0,right:0,bottom:0,left:0,...e}}function fe(e){return typeof e!="number"?Je(e):{top:e,right:e,bottom:e,left:e}}function kt(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=jt(t),r=Vt(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 Qe=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=kt(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=kt(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=jt(i),m=Vt(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],k=await(l.getOffsetParent==null?void 0:l.getOffsetParent(c));let A=k?k[w]:0;(!A||!await(l.isElement==null?void 0:l.isElement(k)))&&(A=r.floating[w]||s.floating[m]);const U=x/2-E/2,H=A/2-g[m]/2-1,D=tt(d[y],H),K=tt(d[b],H),N=D,J=A-g[m]-K,O=A/2-g[m]/2+U,rt=Ht(N,O,J),V=!a.arrow&&pt(i)!=null&&O!==rt&&s.reference[m]/2-(O<N?D:K)-g[m]/2<0,_=V?O<N?O-N:O-J:0;return{[u]:p[u]+_,data:{[u]:rt,centerOffset:O-rt-_,...V&&{alignmentOffset:_}},reset:V}}}),Ye=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?[Rt(r)]:Ve(r)),k=m!=="none";!p&&k&&E.push(...Ke(r,g,m,x));const A=[r,...E],U=await Kt(t,v),H=[];let D=((o=s.flip)==null?void 0:o.overflows)||[];if(h&&H.push(U[y]),d){const O=Ue(i,l,x);H.push(U[O[0]],U[O[1]])}if(D=[...D,{placement:i,overflows:H}],!H.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 V=(N=D.filter(_=>_.overflows[0]<=0).sort((_,Q)=>_.overflows[1]-Q.overflows[1])[0])==null?void 0:N.placement;if(!V)switch(u){case"bestFit":{var J;const _=(J=D.filter(Q=>{if(k){const X=nt(Q.placement);return X===b||X==="y"}return!0}).map(Q=>[Q.placement,Q.overflows.filter(X=>X>0).reduce((X,Te)=>X+Te,0)]).sort((Q,X)=>Q[1]-X[1])[0])==null?void 0:J[0];_&&(V=_);break}case"initialPlacement":V=r;break}if(i!==V)return{reset:{placement:V}}}return{}}}};async function Ge(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 Ze=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 Ge(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=Ht(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=Ht(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),k=!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),k&&!p){const D=S(h.left,0),K=S(h.right,0),N=S(h.top,0),J=S(h.bottom,0);u?U=m-2*(D!==0||K!==0?D+K:S(h.left,h.right)):A=g-2*(N!==0||J!==0?N+J:S(h.top,h.bottom))}await a({...t,availableWidth:U,availableHeight:A});const H=await l.getDimensions(r.floating);return m!==H.width||g!==H.height?{reset:{rects:!0}}:{}}}};function Lt(){return typeof window<"u"}function mt(e){return ve(e)?(e.nodeName||"").toLowerCase():"#document"}function L(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function I(e){var t;return(t=(ve(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function ve(e){return Lt()?e instanceof Node||e instanceof L(e).Node:!1}function F(e){return Lt()?e instanceof Element||e instanceof L(e).Element:!1}function W(e){return Lt()?e instanceof HTMLElement||e instanceof L(e).HTMLElement:!1}function ae(e){return!Lt()||typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof L(e).ShadowRoot}function bt(e){const{overflow:t,overflowX:n,overflowY:o,display:i}=q(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 Jt(e){const t=Qt(),n=F(e)?q(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(;W(t)&&!ht(t);){if(Jt(t))return t;if(At(t))return null;t=ot(t)}return null}function Qt(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function ht(e){return["html","body","#document"].includes(mt(e))}function q(e){return L(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||I(e);return ae(t)?t.host:t}function ye(e){const t=ot(e);return ht(t)?e.ownerDocument?e.ownerDocument.body:e.body:W(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=L(i);if(s){const r=_t(l);return t.concat(l,l.visualViewport||[],bt(i)?i:[],r&&n?gt(r):[])}return t.concat(i,gt(i,[],n))}function _t(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function be(e){const t=q(e);let n=parseFloat(t.width)||0,o=parseFloat(t.height)||0;const i=W(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(!W(t))return M(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=M(0);function we(e){const t=L(e);return!Qt()||!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!==L(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=M(1);t&&(o?F(o)&&(l=at(o)):l=at(e));const r=so(s,n,o)?we(s):M(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=L(s),u=o&&F(o)?L(o):o;let m=p,g=_t(m);for(;g&&o&&u!==m;){const v=at(g),y=g.getBoundingClientRect(),b=q(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=L(g),g=_t(m)}}return kt({width:h,height:d,x:a,y:c})}function Yt(e,t){const n=Dt(e).scrollLeft;return t?t.left+n:it(I(e)).left+n}function xe(e,t,n){n===void 0&&(n=!1);const o=e.getBoundingClientRect(),i=o.left+t.scrollLeft-(n?0:Yt(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=I(o),r=t?At(t.floating):!1;if(o===l||r&&s)return n;let a={scrollLeft:0,scrollTop:0},c=M(1);const h=M(0),d=W(o);if((d||!d&&!s)&&((mt(o)!=="body"||bt(l))&&(a=Dt(o)),W(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):M(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=I(e),n=Dt(e),o=e.ownerDocument.body,i=S(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),s=S(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight);let l=-n.scrollLeft+Yt(e);const r=-n.scrollTop;return q(o).direction==="rtl"&&(l+=S(t.clientWidth,o.clientWidth)-i),{width:i,height:s,x:l,y:r}}function co(e,t){const n=L(e),o=I(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=Qt();(!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=W(e)?at(e):M(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(I(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 kt(o)}function Ee(e,t){const n=ot(e);return n===t||!F(n)||ht(n)?!1:q(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=q(e).position==="fixed";let l=s?ot(e):e;for(;F(l)&&!ht(l);){const r=q(l),a=Jt(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=S(h.top,a.top),a.right=tt(h.right,a.right),a.bottom=tt(h.bottom,a.bottom),a.left=S(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=W(t),i=I(t),s=n==="fixed",l=it(e,!0,s,t);let r={scrollLeft:0,scrollTop:0};const a=M(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=Yt(i));const c=i&&!o&&!s?xe(i,r):M(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 q(e).position==="static"}function he(e,t){if(!W(e)||q(e).position==="fixed")return null;if(t)return t(e);let n=e.offsetParent;return I(e)===n&&(n=n.ownerDocument.body),n}function ze(e,t){const n=L(e);if(At(e))return n;if(!W(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)&&!Jt(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 q(e).direction==="rtl"}const yo={convertOffsetParentRelativeRectToViewportRelativeRect:ro,getDocumentElement:I,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=I(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:S(0,tt(1,a))||1};let w=!0;function x(E){const k=E[0].intersectionRatio;if(k!==a){if(!w)return l();k?l(!1,k):o=setTimeout(()=>{l(!1,1e-7)},1e3)}k===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=Ze,xo=to,ue=Ye,Eo=eo,zo=Xe,Co=(e,t,n)=>{const o=new Map,i={platform:yo,...n},s={...i.platform,_c:o};return Qe(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 Gt{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(()=>St);this.overlay=new n,this.overlay.open=!0}),Promise.resolve().then(()=>St))}}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 Zt 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=G.u(this.target,"aria-describedby",[this.overlay.id]);this.releaseDescription=()=>{t(),this.releaseDescription=j}}prepareContentRelativeDescription(){const t=[],n=this.overlay.elements.map(i=>(t.push(i.id),i.id||(i.id=`${this.overlay.tagName.toLowerCase()}-helper-${G.n()}`),i.id));this.elementIds=t;const o=G.u(this.target,"aria-describedby",n);this.releaseDescription=()=>{o(),this.overlay.elements.map((i,s)=>{i.id=this.elementIds[s]}),this.releaseDescription=j}}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 Ro=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=j,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"}}))},Ro))}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!==j||this.overlay.elements.length===0)return;const n=document.createElement("div");n.id=`longpress-describedby-descriptor-${G.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=G.u(t,"aria-describedby",[n.id]);this.releaseDescription=()=>{l(),n.remove(),this.releaseDescription=j}}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:Zt,longpress:oe,hover:te};var ko=Object.defineProperty,So=Object.getOwnPropertyDescriptor,P=(e,t,n,o)=>{for(var i=o>1?void 0:o?So(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&&ko(t,n,i),i};const Lo="showPopover"in document.createElement("div");let Ot=Fe(Z);Ot=Lo?Ne(Ot):qe(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 Gt(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 G.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 Bt("overlay-content",this.open?{}:vt)),this.lastRequestSlottableState=this.open)}willUpdate(e){var t;if(this.hasAttribute("id")||this.setAttribute("id",`${this.tagName.toLowerCase()}-${G.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(G.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.Ht` <slot @slotchange=${this.handleSlotchange}></slot> `}get dialogStyleMap(){return{"--luzmo-overlay-open-count":lt.openCount.toString()}}renderDialog(){return f.Ht`
+      <dialog
+        class="dialog"
+        part="dialog"
+        placement=${Y.m(this.requiresPositioning?this.placement||"right":void 0)}
+        style=${qt(this.dialogStyleMap)}
+        @close=${this.handleBrowserClose}
+        @cancel=${this.handleBrowserClose}
+        @beforetoggle=${this.handleBeforetoggle}
+        ?is-visible=${this.state!=="closed"}
+      >
+        ${this.renderContent()}
+      </dialog>
+    `}renderPopover(){return f.Ht`
+      <div
+        class="dialog"
+        part="dialog"
+        placement=${Y.m(this.requiresPositioning?this.placement||"right":void 0)}
+        popover=${Y.m(this.popoverValue)}
+        style=${qt(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.Ht`
+      ${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.ht(Me)],lt.openCount=1,lt);P([f.Rt({type:Boolean})],z.prototype,"delayed",1);P([Y.d(".dialog")],z.prototype,"dialogEl",2);P([f.Rt({type:Boolean})],z.prototype,"disabled",1);P([me({flatten:!0,selector:':not([slot="longpress-describedby-descriptor"], slot)'})],z.prototype,"elements",2);P([f.Rt({type:Number})],z.prototype,"offset",2);P([f.Rt({type:Boolean,reflect:!0})],z.prototype,"open",1);P([f.Rt()],z.prototype,"placement",2);P([f.Rt({attribute:"receives-focus"})],z.prototype,"receivesFocus",2);P([Y.d("slot")],z.prototype,"slotEl",2);P([B.n()],z.prototype,"state",1);P([f.Rt({type:Number,attribute:"tip-padding"})],z.prototype,"tipPadding",2);P([f.Rt()],z.prototype,"trigger",2);P([f.Rt({attribute:!1})],z.prototype,"triggerElement",2);P([f.Rt({attribute:!1})],z.prototype,"triggerInteraction",2);P([f.Rt()],z.prototype,"type",2);let xt=z;const St=Object.freeze(Object.defineProperty({__proto__:null,LuzmoOverlay:xt},Symbol.toStringTag,{value:"Module"})),Pt=Object.freeze(Object.defineProperty({__proto__:null,C:Zt,H:te,I:st,L:Z,P:Gt,V:dt,a:T,b:wt,c:ee,d:oe,e:xt,f:St,g:yt,n:j,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,R=(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.kt{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.ht(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.Ht`
+      <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.Ht`
+      <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.Ht`
+      <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.Ht`
+      <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.Ht`
+      <slot
+        id="trigger"
+        name="trigger"
+        @slotchange=${this.handleTriggerContent}
+      ></slot>
+      ${[t.includes("click")?this.renderClickOverlay():f.Ht``,t.includes("hover")?this.renderHoverOverlay():f.Ht``,t.includes("longpress")?this.renderLongpressOverlay():f.Ht``]}
+    `}updated(t){if(super.updated(t),this.disabled&&t.has("disabled")){this.open=void 0;return}}async getUpdateComplete(){return await super.getUpdateComplete()}}R([f.Rt()],C.prototype,"content");R([f.Rt({reflect:!0})],C.prototype,"placement");R([f.Rt()],C.prototype,"type");R([f.Rt({type:Number})],C.prototype,"offset");R([f.Rt({reflect:!0})],C.prototype,"open");R([f.Rt({type:Boolean,reflect:!0})],C.prototype,"disabled");R([f.Rt({attribute:"receives-focus"})],C.prototype,"receivesFocus");R([B.n()],C.prototype,"clickContent");R([B.n()],C.prototype,"longpressContent");R([B.n()],C.prototype,"hoverContent");R([B.n()],C.prototype,"targetContent");R([Y.d("#click-overlay",!0)],C.prototype,"clickOverlayElement");R([Y.d("#longpress-overlay",!0)],C.prototype,"longpressOverlayElement");R([Y.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.d}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.wt(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 qo=B._(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.d}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.wt(i?void 0:this.template(),this.overlay,s),i)this.overlay.remove();else{Z.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 Ho=B._(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:Zt,HoverController:te,InteractionController:wt,InteractionTypes:st,LONGPRESS_INSTRUCTIONS:ee,LongpressController:oe,LuzmoAbstractOverlay:Z,LuzmoOverlay:xt,LuzmoOverlayTrigger:C,OverlayTriggerDirective:Pe,PlacementController:Gt,SlottableRequestDirective:ie,SlottableRequestEvent:Bt,VirtualTrigger:dt,guaranteedAllTransitionend:yt,nextFrame:T,noop:j,openOverlay:Fo,overlayTimer:ct,placementUpdatedSymbol:Oe,removeSlottableRequest:vt,slottableRequest:qo,trigger:Ho},Symbol.toStringTag,{value:"Module"}));exports.a=vt;exports.d=me;exports.index=No;exports.o=Bt;exports.overlayCJ9by37f=Pt;exports.p=qt;

package/components/index-DLrQ4hc5.cjs

@@ -0,0 +1,42 @@
+/*! * 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 d=require("@luzmo/icons"),r=require("./property-ChsOQ1Yj.cjs"),s=require("./sized-mixin-BxMraZLS-w9I35lP7.cjs"),g=require("./button-base-B7v4eeRh-CjngVDsD.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 h=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const c=document.createElement("style");c.setAttribute("data-luzmo-vars",""),c.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(c)}};h();const m=':host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--luzmo-button-font-family, var(--luzmo-sans-font-family-stack, var(--luzmo-font-family)));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height, var(--luzmo-line-height-100, var(--line-height-100)));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration, var(--luzmo-animation-duration-100, var(--animation-duration-100))) ease-out,border-color var(--luzmo-button-animation-duration, var(--luzmo-animation-duration-100, var(--animation-duration-100))) ease-out,color var(--luzmo-button-animation-duration, var(--luzmo-animation-duration-100, var(--animation-duration-100))) ease-out,box-shadow var(--luzmo-button-animation-duration, var(--luzmo-animation-duration-100, var(--animation-duration-100))) ease-out;border-style:solid;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;overflow:visible}:host(:focus){outline:none}:host([disabled]){cursor:default}::slotted([slot=icon]){max-block-size:100%;flex-shrink:0}#label{text-align:center;place-self:center}#label:empty{display:none}@media (forced-colors: active){:host{--highcontrast-action-button-focus-indicator-color: ButtonText}:host:after{forced-color-adjust:none}:host([selected]){--highcontrast-action-button-background-color-default: Highlight;--highcontrast-action-button-background-color-hover: Highlight;--highcontrast-action-button-background-color-focus: Highlight;--highcontrast-action-button-background-color-down: Highlight;--highcontrast-action-button-background-color-disabled: ButtonFace;--highcontrast-action-button-border-color-default: HighlightText;--highcontrast-action-button-border-color-hover: HighlightText;--highcontrast-action-button-border-color-focus: HighlightText;--highcontrast-action-button-border-color-down: HighlightText;--highcontrast-action-button-border-color-disabled: GrayText;--highcontrast-action-button-content-color-default: HighlightText;--highcontrast-action-button-content-color-hover: HighlightText;--highcontrast-action-button-content-color-focus: HighlightText;--highcontrast-action-button-content-color-down: HighlightText;--highcontrast-action-button-content-color-disabled: GrayText}:host([selected]) .hold-affordance,:host([selected]) ::slotted([slot=icon]),:host([selected]) #label{forced-color-adjust:none}}:host{--action-button-focus-indicator-border-radius: calc( var(--action-button-border-radius) + var(--action-button-focus-indicator-gap) );--action-button-edge-to-visual: calc( var(--action-button-edge-to-visual-size) - var(--action-button-border-width) );--action-button-edge-to-text: calc( var(--action-button-edge-to-text-size) - var(--action-button-border-width) );--action-button-edge-to-visual-only: calc( var(--action-button-edge-to-visual-only-size) - var( --action-button-border-width ) );min-inline-size:var(--luzmo-action-button-min-width, var(--action-button-min-width));block-size:var(--luzmo-action-button-height, var(--action-button-height));border-radius:var(--luzmo-action-button-border-radius, var(--action-button-border-radius));border-width:var(--luzmo-action-button-border-width, var(--action-button-border-width));gap:calc(var(--luzmo-action-button-text-to-visual, var(--action-button-text-to-visual)) + var(--luzmo-action-button-edge-to-text, var(--action-button-edge-to-text)) - var(--luzmo-action-button-edge-to-visual-only, var(--action-button-edge-to-visual-only)));padding-inline:var(--luzmo-action-button-edge-to-text, var(--action-button-edge-to-text));background-color:var(--highcontrast-action-button-background-color-default, var(--luzmo-action-button-background-color-default, var(--action-button-background-color-default)));border-color:var(--highcontrast-action-button-border-color-default, var(--luzmo-action-button-border-color-default, var(--action-button-border-color-default)));color:var(--highcontrast-action-button-content-color-default, var(--luzmo-action-button-content-color-default, var(--action-button-content-color-default)));position:relative}:host:dir(rtl),:host([dir=rtl]){--logical-rotation: matrix(-1, 0, 0, 1, 0, 0)}@media (hover: hover){:host(:hover){background-color:var(--highcontrast-action-button-background-color-hover, var(--luzmo-action-button-background-color-hover, var(--action-button-background-color-hover)));border-color:var(--highcontrast-action-button-border-color-hover, var(--luzmo-action-button-border-color-hover, var(--action-button-border-color-hover)));color:var(--highcontrast-action-button-content-color-hover, var(--luzmo-action-button-content-color-hover, var(--action-button-content-color-hover)))}}:host(:focus-visible){background-color:var(--highcontrast-action-button-background-color-focus, var(--luzmo-action-button-background-color-focus, var(--action-button-background-color-focus)));border-color:var(--highcontrast-action-button-border-color-focus, var(--luzmo-action-button-border-color-focus, var(--action-button-border-color-focus)));color:var(--highcontrast-action-button-content-color-focus, var(--luzmo-action-button-content-color-focus, var(--action-button-content-color-focus)))}:host(:is(:active,[active])){background-color:var(--highcontrast-action-button-background-color-down, var(--luzmo-action-button-background-color-down, var(--action-button-background-color-down)));border-color:var(--highcontrast-action-button-border-color-down, var(--luzmo-action-button-border-color-down, var(--action-button-border-color-down)));color:var(--highcontrast-action-button-content-color-down, var(--luzmo-action-button-content-color-down, var(--action-button-content-color-down)))}:host([disabled]){background-color:var(--highcontrast-action-button-background-color-disabled, var(--luzmo-action-button-background-color-disabled, var(--action-button-background-color-disabled)));border-color:var(--highcontrast-action-button-border-color-disabled, var(--luzmo-action-button-border-color-disabled, var(--action-button-border-color-disabled)));color:var(--highcontrast-action-button-content-color-disabled, var(--luzmo-action-button-content-color-disabled, var(--action-button-content-color-disabled)))}:host([selected]){--luzmo-action-button-background-color-default: var( --luzmo-action-button-background-color-default-selected );--luzmo-action-button-background-color-hover: var( --luzmo-action-button-background-color-hover-selected );--luzmo-action-button-background-color-down: var( --luzmo-action-button-background-color-down-selected );--luzmo-action-button-background-color-focus: var( --luzmo-action-button-background-color-focus-selected );--luzmo-action-button-content-color-default: var( --luzmo-action-button-content-color-default-selected );--luzmo-action-button-content-color-hover: var( --luzmo-action-button-content-color-hover-selected );--luzmo-action-button-content-color-down: var( --luzmo-action-button-content-color-down-selected );--luzmo-action-button-content-color-focus: var( --luzmo-action-button-content-color-focus-selected )}:host([selected][emphasized]){--luzmo-action-button-background-color-default: var( --luzmo-action-button-background-color-default-selected-emphasized );--luzmo-action-button-background-color-hover: var( --luzmo-action-button-background-color-hover-selected-emphasized );--luzmo-action-button-background-color-down: var( --luzmo-action-button-background-color-down-selected-emphasized );--luzmo-action-button-background-color-focus: var( --luzmo-action-button-background-color-focus-selected-emphasized );--luzmo-action-button-content-color-default: var( --luzmo-action-button-content-color-default-selected-emphasized );--luzmo-action-button-content-color-hover: var( --luzmo-action-button-content-color-hover-selected-emphasized );--luzmo-action-button-content-color-down: var( --luzmo-action-button-content-color-down-selected-emphasized );--luzmo-action-button-content-color-focus: var( --luzmo-action-button-content-color-focus-selected-emphasized )}:host([selected][static-color=black]),:host([selected][static-color=white]){--luzmo-action-button-content-color-default: var( --luzmo-action-button-static-content-color );--luzmo-action-button-content-color-hover: var( --luzmo-action-button-static-content-color );--luzmo-action-button-content-color-down: var( --luzmo-action-button-static-content-color );--luzmo-action-button-content-color-focus: var( --luzmo-action-button-static-content-color )}::slotted([slot=icon]){inline-size:var(--luzmo-action-button-icon-size, var(--action-button-icon-size));color:inherit;margin-inline-start:calc(var(--luzmo-action-button-edge-to-visual, var(--action-button-edge-to-visual)) - var(--luzmo-action-button-edge-to-text, var(--action-button-edge-to-text)));margin-inline-end:calc(var(--luzmo-action-button-edge-to-visual, var(--action-button-edge-to-visual)) - var(--luzmo-action-button-edge-to-text, var(--action-button-edge-to-text)))}.hold-affordance+::slotted([slot=icon]){margin-inline-start:calc(var(--luzmo-action-button-edge-to-visual, var(--action-button-edge-to-visual)) - var(--luzmo-action-button-edge-to-text, var(--action-button-edge-to-text)));margin-inline-end:calc(var(--luzmo-action-button-edge-to-visual-only, var(--action-button-edge-to-visual-only)) - var(--luzmo-action-button-edge-to-text, var(--action-button-edge-to-text)))}.hold-affordance+[icon-only]::slotted([slot=icon]),[icon-only]::slotted([slot=icon]){margin-inline-start:calc(var(--luzmo-action-button-edge-to-visual-only, var(--action-button-edge-to-visual-only)) - var(--luzmo-action-button-edge-to-text, var(--action-button-edge-to-text)));margin-inline-end:calc(var(--luzmo-action-button-edge-to-visual-only, var(--action-button-edge-to-visual-only)) - var(--luzmo-action-button-edge-to-text, var(--action-button-edge-to-text)))}#label{pointer-events:none;font-size:var(--luzmo-action-button-font-size, var(--action-button-font-size));white-space:nowrap;color:inherit;color:var(--luzmo-action-button-label-color, inherit);text-overflow:ellipsis;overflow:hidden}.hold-affordance{color:inherit;transform:var(--logical-rotation);position:absolute;font-size:var(--action-button-corner-triangle-size);inset-block-end:calc(var(--luzmo-action-button-edge-to-hold-icon, var(--action-button-edge-to-hold-icon)) - var(--luzmo-action-button-border-width, var(--action-button-border-width)));inset-inline-end:calc(var(--luzmo-action-button-edge-to-hold-icon, var(--action-button-edge-to-hold-icon)) - var(--luzmo-action-button-border-width, var(--action-button-border-width)))}:host{transition:border-color var(--luzmo-action-button-animation-duration, var(--action-button-animation-duration)) ease-in-out}:host:after{margin:calc((var(--luzmo-action-button-focus-indicator-gap, var(--action-button-focus-indicator-gap)) + var(--luzmo-action-button-border-width, var(--action-button-border-width))) * -1);border-radius:var(--luzmo-action-button-focus-indicator-border-radius, var(--action-button-focus-indicator-border-radius));transition:box-shadow var(--luzmo-action-button-animation-duration, var(--action-button-animation-duration)) ease-in-out;pointer-events:none;content:"";position:absolute;top:0;right:0;bottom:0;left:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-action-button-focus-indicator-thickness, var(--action-button-focus-indicator-thickness)) var(--highcontrast-action-button-focus-indicator-color, var(--luzmo-action-button-focus-indicator-color, var(--action-button-focus-indicator-color)))}:host{--action-button-animation-duration: var(--luzmo-animation-duration);--action-button-border-radius: var(--luzmo-border-radius);--action-button-border-width: var(--luzmo-border-width);--action-button-content-color-default: var(--luzmo-font-color);--action-button-content-color-hover: var(--luzmo-font-color-hover);--action-button-content-color-down: var(--luzmo-font-color-down);--action-button-content-color-focus: var(--luzmo-font-color-focus);--action-button-focus-indicator-gap: var(--luzmo-indicator-gap);--action-button-focus-indicator-thickness: var(--luzmo-indicator-width);--action-button-focus-indicator-color: var(--luzmo-indicator-color);--action-button-background-color-default: var(--luzmo-background-color);--action-button-background-color-hover: var(--luzmo-background-color-hover);--action-button-background-color-down: var(--luzmo-background-color-down);--action-button-background-color-focus: var(--luzmo-background-color-focus);--action-button-border-color-default: var(--luzmo-border-color);--action-button-border-color-hover: var(--luzmo-border-color-hover);--action-button-border-color-down: var(--luzmo-border-color-down);--action-button-border-color-focus: var(--luzmo-border-color-focus);--action-button-background-color-disabled: var(--luzmo-background-color);--action-button-border-color-disabled: var(--luzmo-border-color-disabled);--action-button-content-color-disabled: var(--luzmo-font-color-disabled)}:host([quiet]){--action-button-background-color-default: transparent;--action-button-background-color-hover: var(--luzmo-background-color-hover);--action-button-background-color-down: var(--luzmo-background-color-down);--action-button-background-color-focus: var(--luzmo-background-color-focus);--action-button-background-color-disabled: transparent;--action-button-border-color-default: transparent;--action-button-border-color-hover: transparent;--action-button-border-color-down: transparent;--action-button-border-color-focus: transparent;--action-button-border-color-disabled: transparent}:host([selected]){--action-button-background-color-default: var(--luzmo-font-color);--action-button-background-color-hover: var(--luzmo-font-color-hover);--action-button-background-color-down: var(--luzmo-font-color-down);--action-button-background-color-focus: var(--luzmo-font-color-focus);--action-button-content-color-default: var(--luzmo-background-color);--action-button-content-color-hover: var(--luzmo-background-color);--action-button-content-color-down: var(--luzmo-background-color);--action-button-content-color-focus: var(--luzmo-background-color);--action-button-border-color-default: transparent;--action-button-border-color-hover: transparent;--action-button-border-color-down: transparent;--action-button-border-color-focus: transparent;--action-button-border-color-disabled: transparent;--action-button-background-color-disabled: var( --luzmo-background-color-disabled )}:host([selected][emphasized]){--action-button-background-color-default: var(--luzmo-primary);--action-button-background-color-hover: var(--luzmo-primary-hover);--action-button-background-color-down: var(--luzmo-primary-down);--action-button-background-color-focus: var(--luzmo-primary-focus);--action-button-content-color-default: var(--luzmo-primary-inverse-color);--action-button-content-color-hover: var(--luzmo-primary-inverse-color);--action-button-content-color-down: var(--luzmo-primary-inverse-color);--action-button-content-color-focus: var(--luzmo-primary-inverse-color)}:host([static-color=black][quiet]),:host([static-color=white][quiet]){--action-button-border-color-default: transparent;--action-button-border-color-hover: transparent;--action-button-border-color-down: transparent;--action-button-border-color-focus: transparent;--action-button-border-color-disabled: transparent}:host([static-color=black]){--action-button-background-color-default: transparent;--action-button-background-color-hover: rgba(0, 0, 0, .25);--action-button-background-color-down: rgba(0, 0, 0, .4);--action-button-background-color-focus: rgba(0, 0, 0, .25);--action-button-background-color-disabled: transparent;--action-button-border-color-default: rgba(0, 0, 0, .4);--action-button-border-color-hover: rgba(0, 0, 0, .55);--action-button-border-color-down: rgba(0, 0, 0, .7);--action-button-border-color-focus: rgba(0, 0, 0, .25);--action-button-border-color-disabled: transparent;--action-button-content-color-default: rgb(0, 0, 0);--action-button-content-color-hover: rgb(0, 0, 0);--action-button-content-color-down: rgb(0, 0, 0);--action-button-content-color-focus: rgb(0, 0, 0);--action-button-content-color-disabled: rgba(0, 0, 0, .55);--action-button-focus-indicator-color: rgb(0, 0, 0)}:host([static-color=black][selected]){--action-button-background-color-default: rgba(0, 0, 0, .9);--action-button-background-color-hover: rgb(0, 0, 0);--action-button-background-color-down: rgb(0, 0, 0);--action-button-background-color-focus: rgb(0, 0, 0);--action-button-background-color-disabled: rgba(0, 0, 0, .1);--action-button-border-color-disabled: transparent;--action-button-content-color-default: rgb(255, 255, 255);--action-button-content-color-hover: rgb(255, 255, 255);--action-button-content-color-down: rgb(255, 255, 255);--action-button-content-color-focus: rgb(255, 255, 255)}:host([static-color=black][selected][emphasized]){--action-button-background-color-default: rgba(0, 0, 0, .9);--action-button-background-color-hover: rgb(0, 0, 0);--action-button-background-color-down: rgb(0, 0, 0);--action-button-background-color-focus: rgb(0, 0, 0);--action-button-content-color-default: rgb(255, 255, 255);--action-button-content-color-hover: rgb(255, 255, 255);--action-button-content-color-down: rgb(255, 255, 255);--action-button-content-color-focus: rgb(255, 255, 255)}:host([static-color=white]){--action-button-background-color-default: transparent;--action-button-background-color-hover: rgba(255, 255, 255, .25);--action-button-background-color-down: rgba(255, 255, 255, .4);--action-button-background-color-focus: rgba(255, 255, 255, .25);--action-button-background-color-disabled: transparent;--action-button-border-color-default: rgba(255, 255, 255, .4);--action-button-border-color-hover: rgba(255, 255, 255, .55);--action-button-border-color-down: rgba(255, 255, 255, .7);--action-button-border-color-focus: rgba(255, 255, 255, .55);--action-button-border-color-disabled: rgba(255, 255, 255, .25);--action-button-content-color-default: rgb(255, 255, 255);--action-button-content-color-hover: rgb(255, 255, 255);--action-button-content-color-down: rgb(255, 255, 255);--action-button-content-color-focus: rgb(255, 255, 255);--action-button-content-color-disabled: rgba(255, 255, 255, .55);--action-button-focus-indicator-color: rgb(255, 255, 255)}:host([static-color=white][selected]){--action-button-background-color-default: rgba(255, 255, 255, .9);--action-button-background-color-hover: rgb(255, 255, 255);--action-button-background-color-down: rgb(255, 255, 255);--action-button-background-color-focus: rgb(255, 255, 255);--action-button-background-color-disabled: rgba(255, 255, 255, .1);--action-button-border-color-disabled: transparent;--action-button-content-color-default: rgb(0, 0, 0);--action-button-content-color-hover: rgb(0, 0, 0);--action-button-content-color-down: rgb(0, 0, 0);--action-button-content-color-focus: rgb(0, 0, 0)}:host([static-color=white][selected][emphasized]){--action-button-background-color-default: rgba(255, 255, 255, .9);--action-button-background-color-hover: rgb(255, 255, 255);--action-button-background-color-down: rgb(255, 255, 255);--action-button-background-color-focus: rgb(255, 255, 255);--action-button-content-color-default: rgb(0, 0, 0)}:host{--action-button-min-width: var(--luzmo-component-height);--action-button-height: var(--luzmo-component-height);--action-button-icon-size: var(--luzmo-font-size-l);--action-button-font-size: var(--luzmo-font-size);--action-button-text-to-visual: var(--luzmo-spacing-2);--action-button-edge-to-hold-icon: var(--luzmo-spacing-2);--action-button-edge-to-visual-size: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--action-button-edge-to-visual-only-size: var(--luzmo-spacing-3);--action-button-edge-to-text-size: 12px;--action-button-corner-triangle-size: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([size=xs]){--action-button-min-width: var(--luzmo-component-height-xs);--action-button-height: var(--luzmo-component-height-xs);--action-button-icon-size: var(--luzmo-font-size-s);--action-button-font-size: var(--luzmo-font-size-xs);--action-button-text-to-visual: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--action-button-edge-to-hold-icon: var(--luzmo-spacing-2);--action-button-edge-to-visual-size: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--action-button-edge-to-visual-only-size: var(--luzmo-spacing-2);--action-button-edge-to-text-size: var(--luzmo-spacing-2);--action-button-corner-triangle-size: var(--luzmo-spacing-2)}:host([size=s]){--action-button-min-width: var(--luzmo-component-height-s);--action-button-height: var(--luzmo-component-height-s);--action-button-icon-size: var(--luzmo-font-size);--action-button-font-size: var(--luzmo-font-size-s);--action-button-text-to-visual: var(--luzmo-spacing-3);--action-button-edge-to-hold-icon: var(--luzmo-spacing-2);--action-button-edge-to-visual-size: var(--luzmo-spacing-3);--action-button-edge-to-visual-only-size: var(--luzmo-spacing-2);--action-button-edge-to-text-size: var(--luzmo-spacing-3);--action-button-corner-triangle-size: var(--luzmo-spacing-2)}:host([size=l]){--action-button-min-width: var(--luzmo-component-height-l);--action-button-height: var(--luzmo-component-height-l);--action-button-icon-size: var(--luzmo-font-size-xl);--action-button-font-size: var(--luzmo-font-size-l);--action-button-text-to-visual: var(--luzmo-spacing-3);--action-button-edge-to-hold-icon: var(--luzmo-spacing-2);--action-button-edge-to-visual-size: var(--luzmo-spacing-4);--action-button-edge-to-visual-only-size: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--action-button-edge-to-text-size: var(--luzmo-spacing-5);--action-button-corner-triangle-size: var(--luzmo-spacing-3)}:host([size=xl]){--action-button-min-width: var(--luzmo-component-height-xl);--action-button-height: var(--luzmo-component-height-xl);--action-button-icon-size: var(--luzmo-font-size-xxl);--action-button-font-size: var(--luzmo-font-size-xl);--action-button-text-to-visual: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--action-button-edge-to-hold-icon: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--action-button-edge-to-visual-size: var(--luzmo-spacing-5);--action-button-edge-to-visual-only-size: var(--luzmo-spacing-4);--action-button-edge-to-text-size: var(--luzmo-spacing-5);--action-button-corner-triangle-size: var(--luzmo-spacing-3)}::slotted([slot=icon]){flex-shrink:0}#label{flex-grow:var(--action-button-label-flex-grow);text-align:var(--action-button-label-text-align);pointer-events:none!important}:host([size=xs]){min-width:var(--action-button-height, 0);--action-button-edge-to-visual-only: calc( var(--luzmo-spacing-2) - var(--action-button-border-width) )}:host([size=s]){--action-button-edge-to-visual-only: calc( var(--luzmo-spacing-2) - var(--action-button-border-width) )}:host([size=m]){--action-button-edge-to-visual-only: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) - var(--action-button-border-width) )}:host([size=l]){--action-button-edge-to-visual-only: calc( var(--luzmo-spacing-3) - var(--action-button-border-width) )}:host([size=xl]){--action-button-edge-to-visual-only: calc( var(--luzmo-spacing-4) - var(--action-button-border-width) )}@media (forced-colors: active){:host{--highcontrast-action-button-border-color-disabled: GrayText;--highcontrast-action-button-content-color-disabled: GrayText}}';var v=Object.defineProperty,z=Object.getOwnPropertyDescriptor,e=(c,o,t,n)=>{for(var i=n>1?void 0:n?z(o,t):o,l=c.length-1,u;l>=0;l--)(u=c[l])&&(i=(n?u(o,t,i):u(i))||i);return n&&i&&v(o,t,i),i};const f=300;let b;class a extends s.m(g.a,{validSizes:["xs","s","m","l","xl"],noDefaultSize:!0}){constructor(){super(),this.emphasized=!1,this.holdAffordance=!1,this.quiet=!1,this.role="button",this.selected=!1,this.toggles=!1,this._value="",this.onClick=()=>{this.toggles&&(this.selected=!this.selected,this.dispatchEvent(new Event("change",{cancelable:!0,bubbles:!0,composed:!0}))||(this.selected=!this.selected))},this.addEventListener("click",this.onClick)}static get styles(){return[...super.styles,r.ht(m)]}get value(){return this._value||this.itemText}set value(o){o!==this._value&&(this._value=o||"",this._value?this.setAttribute("value",this._value):this.removeAttribute("value"))}get itemText(){return(this.textContent||"").trim()}handlePointerdownHoldAffordance(o){o.button===0&&(this.addEventListener("pointerup",this.handlePointerupHoldAffordance),this.addEventListener("pointercancel",this.handlePointerupHoldAffordance),b=setTimeout(()=>{this.dispatchEvent(new CustomEvent("longpress",{bubbles:!0,composed:!0,detail:{source:"pointer"}}))},f))}handlePointerupHoldAffordance(){clearTimeout(b),this.removeEventListener("pointerup",this.handlePointerupHoldAffordance),this.removeEventListener("pointercancel",this.handlePointerupHoldAffordance)}handleKeydown(o){if(!this.holdAffordance)return super.handleKeydown(o);const{code:t,altKey:n}=o;(t==="Space"||n&&t==="ArrowDown")&&(o.preventDefault(),t==="ArrowDown"&&(o.stopPropagation(),o.stopImmediatePropagation()),this.addEventListener("keyup",this.handleKeyup),this.active=!0)}handleKeyup(o){if(!this.holdAffordance)return super.handleKeyup(o);const{code:t,altKey:n}=o;(t==="Space"||n&&t==="ArrowDown")&&(o.stopPropagation(),this.dispatchEvent(new CustomEvent("longpress",{bubbles:!0,composed:!0,detail:{source:"keyboard"}})),this.active=!1)}get buttonContent(){const o=super.buttonContent;return this.holdAffordance&&o.unshift(r.Ht`
+        <div
+          class="hold-affordance corner-triangle-${this.size}"
+        >
+          ${d.luzmoIcon(d.luzmoCornerTriangle)}
+        </div>
+      `),o}updated(o){super.updated(o);const t=this.role==="button",n=t&&(this.selected||this.toggles)&&!(this.hasAttribute("aria-haspopup")&&this.hasAttribute("aria-expanded"));(o.has("selected")||o.has("role"))&&(n?this.setAttribute("aria-pressed",this.selected?"true":"false"):(this.removeAttribute("aria-pressed"),t&&this.toggles&&this.hasAttribute("aria-expanded")&&this.setAttribute("aria-expanded",this.selected?"true":"false"))),o.has("holdAffordance")&&(this.holdAffordance?this.addEventListener("pointerdown",this.handlePointerdownHoldAffordance):(this.removeEventListener("pointerdown",this.handlePointerdownHoldAffordance),this.handlePointerupHoldAffordance()))}}e([r.Rt({type:Boolean,reflect:!0})],a.prototype,"emphasized",2);e([r.Rt({type:Boolean,reflect:!0,attribute:"hold-affordance"})],a.prototype,"holdAffordance",2);e([r.Rt({type:Boolean,reflect:!0})],a.prototype,"quiet",2);e([r.Rt({reflect:!0})],a.prototype,"role",2);e([r.Rt({type:Boolean,reflect:!0})],a.prototype,"selected",2);e([r.Rt({type:Boolean,reflect:!0})],a.prototype,"toggles",2);e([r.Rt({reflect:!0,attribute:"static-color"})],a.prototype,"staticColor",2);e([r.Rt({type:String})],a.prototype,"value",1);customElements.get("luzmo-action-button")||customElements.define("luzmo-action-button",a);

package/components/index-DMbzEC_s.js

@@ -0,0 +1,104 @@
+/*! * 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.
+ * */
+import { luzmoIcon as d } from "@luzmo/icons";
+import { H as m, k as g, h as b, R as i } from "./property-CXJD1jOW.js";
+import { m as f } from "./if-defined-BSAr_4u4-CVDyXUmc.js";
+/*! * 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 p = () => {
+  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);
+  }
+};
+p();
+const h = ":host{pointer-events:none;transform:none;transform:var(--luzmo-icon-transform, none);inline-size:var(--luzmo-icon-inline-size, var(--luzmo-icon-size, var(--icon-size)));block-size:var(--luzmo-icon-block-size, var(--luzmo-icon-size, var(--icon-size)));font-size:var(--luzmo-icon-block-size, var(--luzmo-icon-size, var(--icon-size)));color:inherit;color:var(--luzmo-icon-color, inherit);fill:currentColor;display:inline-block}::slotted(svg),:host svg,:host img{--icon-vertical-align: var(--parent-element-icon-vertical-align, -.125em);vertical-align:var(--icon-vertical-align)!important}:host([block]){display:block;vertical-align:0}:host([block]) svg,:host([block]) img{--icon-vertical-align: var(--parent-element-icon-vertical-align, 0)}:host([size=xxs]){--icon-size: var(--luzmo-icon-size-xxs)}:host([size=xs]){--icon-size: var(--luzmo-icon-size-xs)}:host([size=s]){--icon-size: var(--luzmo-icon-size-s)}:host,:host([size=m]){--icon-size: var(--luzmo-icon-size-m)}:host([size=l]){--icon-size: var(--luzmo-icon-size-l)}:host([size=xl]){--icon-size: var(--luzmo-icon-size-xl)}:host([size=xxl]){--icon-size: var(--luzmo-icon-size-xxl)}:host(:not(:root)){overflow:visible}@media (forced-colors: active){:host{forced-color-adjust:auto}}img,svg,::slotted(*){height:100%;width:100%;vertical-align:top;color:inherit}@media (forced-colors: active){img,svg,::slotted(*){forced-color-adjust:auto}}";
+var v = Object.defineProperty, a = (e, l, t, z) => {
+  for (var o = void 0, r = e.length - 1, c; r >= 0; r--)
+    (c = e[r]) && (o = c(l, t, o) || o);
+  return o && v(l, t, o), o;
+};
+class u extends g {
+  constructor() {
+    super(...arguments), this.label = "";
+  }
+  static get styles() {
+    return [b(h)];
+  }
+  connectedCallback() {
+    super.connectedCallback();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+  }
+  update(l) {
+    l.has("label") && (this.label ? this.removeAttribute("aria-hidden") : this.setAttribute("aria-hidden", "true")), super.update(l);
+  }
+  render() {
+    return m` <slot></slot> `;
+  }
+}
+a([
+  i({ reflect: !0 })
+], u.prototype, "label");
+a([
+  i({ reflect: !0 })
+], u.prototype, "size");
+var x = Object.defineProperty, s = (e, l, t, z) => {
+  for (var o = void 0, r = e.length - 1, c; r >= 0; r--)
+    (c = e[r]) && (o = c(l, t, o) || o);
+  return o && x(l, t, o), o;
+};
+class n extends u {
+  constructor() {
+    super(...arguments), this.block = !1;
+  }
+  render() {
+    return this.icon ? d(this.icon, this.options) : this.src ? m` <img src=${this.src} alt=${f(this.label)} /> ` : super.render();
+  }
+}
+s([
+  i()
+], n.prototype, "src");
+s([
+  i()
+], n.prototype, "options");
+s([
+  i()
+], n.prototype, "icon");
+s([
+  i({ type: Boolean })
+], n.prototype, "block");
+customElements.get("luzmo-icon") || customElements.define("luzmo-icon", n);