@luzmo/lucero 2.2.0 → 2.3.0-beta.0

package/components/icon-CSqR-OOO.cjs

@@ -1,18 +0,0 @@
-/*! * 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 e=require("./decorate-Dq34MBGe.cjs");let t=require("lit"),n=require("lit/decorators.js"),r=require("@luzmo/icons"),i=require("lit/directives/if-defined.js");var a=`:host{pointer-events:none;transform:none;transform:var(--luzmo-icon-transform,none);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:var(--luzmo-icon-color,inherit);fill:currentColor;text-align:center;display:inline-block}::slotted(svg),:host(:not([block])) svg,:host(:not([block])) img{vertical-align:var(--luzmo-icon-vertical-align,-.125em)!important}:host([block]){--icon-vertical-align:top;vertical-align:top;display:flex}:host([block]) ::slotted(svg),:host([block]) svg,:host([block]) img{--icon-vertical-align:top;vertical-align:var(--luzmo-icon-vertical-align,top)}: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{object-fit:var(--luzmo-icon-img-object-fit,var(--icon-img-object-fit,fill));object-position:var(--luzmo-icon-img-object-position,var(--icon-img-object-position,50% 50%));width:100%}img,svg,::slotted(*){vertical-align:top;height:100%;color:inherit}@media (forced-colors:active){img,svg,::slotted(*){forced-color-adjust:auto}}`,o=class extends e.n{constructor(...e){super(...e),this.label=``}static get styles(){return[(0,t.unsafeCSS)(a)]}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}update(e){e.has(`label`)&&(this.label?this.removeAttribute(`aria-hidden`):this.setAttribute(`aria-hidden`,`true`)),super.update(e)}render(){return t.html` <slot></slot> `}};e.t([(0,n.property)({reflect:!0})],o.prototype,`label`,void 0),e.t([(0,n.property)({reflect:!0})],o.prototype,`size`,void 0);var s=class extends o{constructor(...e){super(...e),this.block=!1}render(){return this.icon?(0,r.luzmoIcon)(this.icon,this.options):this.src?t.html` <img src=${this.src} alt=${(0,i.ifDefined)(this.label)} /> `:super.render()}};e.t([(0,n.property)()],s.prototype,`src`,void 0),e.t([(0,n.property)()],s.prototype,`options`,void 0),e.t([(0,n.property)()],s.prototype,`icon`,void 0),e.t([(0,n.property)({type:Boolean,reflect:!0})],s.prototype,`block`,void 0),typeof customElements<`u`&&!customElements.get(`luzmo-icon`)&&customElements.define(`luzmo-icon`,s),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/components/notice-xgrLOiC0.cjs

@@ -1,60 +0,0 @@
-/*! * 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 e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs");require("./icon-CSqR-OOO.cjs"),require("./button-l0fRopSN.cjs");let n=require("lit"),r=require("lit/decorators.js"),i=require("@luzmo/icons");var a=`:host{border-radius:var(--luzmo-notice-border-radius,var(--notice-border-radius));box-sizing:border-box;align-items:flex-start;gap:var(--luzmo-notice-column-gap,var(--notice-column-gap));inline-size:100%;max-inline-size:var(--luzmo-notice-max-inline-size,var(--notice-max-inline-size));min-inline-size:0;padding-block:var(--luzmo-notice-padding-block,var(--notice-padding-block));padding-inline:var(--luzmo-notice-padding-inline,var(--notice-padding-inline));background-color:var(--highcontrast-notice-background-color,var(--luzmo-notice-background-color,var(--notice-background-color)));color:var(--highcontrast-notice-text-color,var(--luzmo-notice-text-color,var(--notice-text-color)));font-family:var(--luzmo-notice-font-family,var(--notice-font-family));font-size:var(--luzmo-notice-font-size,var(--notice-font-size));line-height:var(--luzmo-notice-line-height,var(--notice-line-height));display:flex;position:relative;overflow:hidden;border-width:var(--luzmo-notice-border-width,var(--notice-border-width))!important;border-style:solid!important;border-color:var(--highcontrast-notice-border-color,var(--luzmo-notice-border-color,var(--notice-border-color)))!important}:host(:not([open])){display:none}.icon{color:var(--highcontrast-notice-icon-color,var(--luzmo-notice-icon-color,var(--notice-icon-color)));min-block-size:var(--notice-first-line-size);flex:none;justify-content:center;align-items:center;display:inline-flex}.icon luzmo-icon,::slotted([slot=icon]){--luzmo-icon-size:var(--luzmo-notice-icon-size,var(--notice-icon-size));--luzmo-icon-vertical-align:top;flex:none;display:flex}.content{gap:var(--luzmo-notice-content-gap,var(--notice-content-gap));overflow-wrap:anywhere;flex-direction:column;flex:auto;min-inline-size:0;display:flex}:host([closeable]) .content>:first-child,:host([duration]) .content>:first-child{padding-inline-end:var(--notice-first-content-end-padding)}.heading{color:var(--highcontrast-notice-heading-color,var(--luzmo-notice-heading-color,var(--notice-heading-color)));font-weight:var(--luzmo-notice-heading-font-weight,var(--notice-heading-font-weight))}.description{min-inline-size:0}.close-control{block-size:var(--notice-close-size);inline-size:var(--notice-close-size);align-items:center;display:flex;position:absolute;inset-block-start:var(--notice-close-inset);inset-inline-end:var(--notice-close-inset)}.close{--luzmo-close-button-background-color-default:transparent;--luzmo-close-button-background-color-hover:color-mix(in srgb, var(--notice-variant-color) 12%, transparent);--luzmo-close-button-background-color-down:color-mix(in srgb, var(--notice-variant-color) 20%, transparent);--luzmo-close-button-background-color-focus:color-mix(in srgb, var(--notice-variant-color) 12%, transparent);--notice-close-icon-color:var(--highcontrast-notice-icon-color,var(--luzmo-notice-icon-color,var(--notice-icon-color)));--luzmo-close-button-icon-color-default:var(--notice-close-icon-color);--luzmo-close-button-icon-color-hover:var(--notice-close-icon-color);--luzmo-close-button-icon-color-down:var(--notice-close-icon-color);--luzmo-close-button-icon-color-focus:var(--notice-close-icon-color);flex:none}.progress{block-size:var(--luzmo-notice-progress-size,var(--notice-progress-size));background-color:var(--highcontrast-notice-progress-color,var(--luzmo-notice-progress-color,var(--notice-progress-color)));transform-origin:100%;animation:notice-progress var(--notice-progress-duration) linear forwards;position:absolute;inset-block-end:0;inset-inline:0}:host([dir=rtl]) .progress{transform-origin:0}.progress.paused{animation-play-state:paused}@keyframes notice-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.progress{animation:none}}@media (forced-colors:active){:host{--highcontrast-notice-background-color:Canvas;--highcontrast-notice-border-color:CanvasText;--highcontrast-notice-text-color:CanvasText;--highcontrast-notice-heading-color:CanvasText;--highcontrast-notice-icon-color:CanvasText;--highcontrast-notice-progress-color:Highlight;forced-color-adjust:none}}:host{--notice-variant-color:var(--luzmo-informative-color);--notice-semantic-content-color:var(--luzmo-informative-on-subtle-color);--notice-background-color:color-mix(in srgb, var(--notice-variant-color) 10%, var(--luzmo-background-color));--notice-border-color:var(--notice-variant-color);--notice-border-radius:var(--luzmo-border-radius);--notice-border-width:var(--luzmo-border-width);--notice-text-color:var(--luzmo-font-color);--notice-heading-color:var(--notice-semantic-content-color);--notice-font-family:var(--luzmo-font-family);--notice-font-size:var(--luzmo-font-size);--notice-heading-font-weight:var(--luzmo-font-weight-bold);--notice-line-height:1.4;--notice-icon-color:var(--notice-semantic-content-color);--notice-icon-size:var(--luzmo-icon-size-l);--notice-max-inline-size:none;--notice-padding-block:var(--luzmo-spacing-4);--notice-padding-inline:var(--luzmo-spacing-5);--notice-content-gap:var(--luzmo-spacing-1);--notice-column-gap:var(--luzmo-spacing-3);--notice-close-size:var(--luzmo-component-height);--notice-progress-color:var(--notice-variant-color);--notice-progress-size:var(--luzmo-border-width);--notice-first-line-size:calc(var(--luzmo-notice-font-size,var(--notice-font-size)) * var(--luzmo-notice-line-height,var(--notice-line-height)));--notice-close-inset:calc(var(--luzmo-notice-padding-block,var(--notice-padding-block)) + ( var(--notice-first-line-size) - var(--notice-close-size) ) / 2);--notice-first-content-end-padding:calc(var(--notice-close-size) + var(--notice-close-inset) - var(--luzmo-notice-padding-inline,var(--notice-padding-inline)) + var(--luzmo-notice-column-gap,var(--notice-column-gap)))}:host([size=s]){--notice-font-size:var(--luzmo-font-size-s);--notice-icon-size:var(--luzmo-icon-size-m);--notice-close-size:var(--luzmo-component-height-s);--notice-padding-block:var(--luzmo-spacing-3);--notice-padding-inline:var(--luzmo-spacing-4);--notice-border-radius:var(--luzmo-border-radius-s)}:host([size=l]){--notice-font-size:var(--luzmo-font-size-l);--notice-icon-size:var(--luzmo-icon-size-xl);--notice-close-size:var(--luzmo-component-height-l);--notice-padding-block:var(--luzmo-spacing-5);--notice-padding-inline:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--notice-content-gap:var(--luzmo-spacing-2);--notice-column-gap:var(--luzmo-spacing-4);--notice-border-radius:var(--luzmo-border-radius-l)}:host([size=xl]){--notice-font-size:var(--luzmo-font-size-xl);--notice-icon-size:var(--luzmo-icon-size-xl);--notice-close-size:var(--luzmo-component-height-xl);--notice-padding-block:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--notice-padding-inline:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-3));--notice-content-gap:var(--luzmo-spacing-2);--notice-column-gap:var(--luzmo-spacing-4);--notice-border-radius:var(--luzmo-border-radius-xl)}:host([variant=negative]){--notice-variant-color:var(--luzmo-negative-color);--notice-semantic-content-color:var(--luzmo-negative-on-subtle-color)}:host([variant=positive]){--notice-variant-color:var(--luzmo-positive-color);--notice-semantic-content-color:var(--luzmo-positive-on-subtle-color)}:host([variant=notice]){--notice-variant-color:var(--luzmo-notice-color);--notice-semantic-content-color:var(--luzmo-notice-on-subtle-color)}:host([variant=info]){--notice-variant-color:var(--luzmo-informative-color);--notice-semantic-content-color:var(--luzmo-informative-on-subtle-color)}`,o=[`negative`,`positive`,`notice`,`info`],s={close:`Close`,negative:`Error`,positive:`Success`,notice:`Warning`,info:`Information`},c=6,l={negative:i.luzmoExclamationCircle,positive:i.luzmoCheck,notice:i.luzmoAlertOutline,info:i.luzmoInfoCircleOutline},u=class extends t.n(e.n,{validSizes:[`s`,`m`,`l`,`xl`],defaultSize:`m`}){constructor(...e){super(...e),this.open=!0,this._variant=`info`,this.hideIcon=!1,this.closeable=!1,this.heading=``,this.description=``,this._duration=null,this.labels={},this._hasCustomIcon=!1,this._hasSlottedHeading=!1,this._hasSlottedDescription=!1,this._timerPaused=!1,this._timerStartedAt=0,this._remainingMilliseconds=0,this._pauseReasons=new Set,this._handleManualClose=()=>{this._requestClose(`manual`)},this._handlePointerEnter=()=>{this._pauseCountdown(`pointer`)},this._handlePointerLeave=()=>{this._pauseReasons.delete(`pointer`),this._resumeCountdown()},this._handleFocusIn=()=>{this._pauseCountdown(`focus`),this._pauseCountdown(`sticky`)},this._handleFocusOut=e=>{let t=e.relatedTarget;t&&(this.contains(t)||this.shadowRoot?.contains(t))||(this._pauseReasons.delete(`focus`),this._resumeCountdown())}}static get styles(){let e=super.styles;return[...Array.isArray(e)?e:e?[e]:[],(0,n.unsafeCSS)(a)]}get variant(){return this._variant}set variant(e){let t=this._variant;this._variant=o.includes(e)?e:`info`,this.getAttribute(`variant`)!==this._variant&&this.setAttribute(`variant`,this._variant),this.requestUpdate(`variant`,t)}get duration(){return this._duration}set duration(e){let t=this._duration,n=Number(e);this._duration=e!==null&&Number.isFinite(n)&&n>0?Math.max(c,n):null;let r=this._duration===null?null:String(this._duration);this.getAttribute(`duration`)!==r&&(r===null?this.removeAttribute(`duration`):this.setAttribute(`duration`,r)),this.requestUpdate(`duration`,t)}get _resolvedLabels(){return{close:this.labels.close??s.close,negative:this.labels.negative??s.negative,positive:this.labels.positive??s.positive,notice:this.labels.notice??s.notice,info:this.labels.info??s.info}}connectedCallback(){super.connectedCallback(),this._syncSlottedContent(),this._slotObserver=new MutationObserver(()=>this._syncSlottedContent()),this._slotObserver.observe(this,{childList:!0,subtree:!0,attributes:!0,characterData:!0,attributeFilter:[`slot`]}),this.addEventListener(`pointerenter`,this._handlePointerEnter),this.addEventListener(`pointerleave`,this._handlePointerLeave),this.addEventListener(`focusin`,this._handleFocusIn),this.addEventListener(`focusout`,this._handleFocusOut),this._pauseReasons.delete(`disconnect`)?this._resumeCountdown():this.hasUpdated&&this.open&&this.duration&&this._startNewCountdown()}disconnectedCallback(){this._pauseCountdown(`disconnect`),this._pauseReasons.delete(`pointer`),this._pauseReasons.delete(`focus`),this._slotObserver?.disconnect(),this._slotObserver=void 0,this.removeEventListener(`pointerenter`,this._handlePointerEnter),this.removeEventListener(`pointerleave`,this._handlePointerLeave),this.removeEventListener(`focusin`,this._handleFocusIn),this.removeEventListener(`focusout`,this._handleFocusOut),super.disconnectedCallback()}close(e){this._requestClose(e??`programmatic`)}willUpdate(e){if(super.willUpdate(e),e.has(`variant`)||!this.hasAttribute(`role`)){let e=this.variant===`negative`;this.setAttribute(`role`,e?`alert`:`status`),this.setAttribute(`aria-live`,e?`assertive`:`polite`),this.setAttribute(`aria-atomic`,`true`)}}updated(e){super.updated(e),(e.has(`open`)||e.has(`duration`))&&(this.open&&this.duration?this._startNewCountdown():this._stopCountdown(!0))}render(){let e=this._resolvedLabels,t=this._hasCustomIcon||!this.hideIcon,r=this._hasSlottedHeading||!!this.heading,i=this._hasSlottedDescription||!!this.description;return n.html`
-      ${t?n.html`
-              <div class="icon">
-                <slot name="icon">
-                  ${this.hideIcon?n.nothing:this._renderAutomaticIcon(e)}
-                </slot>
-              </div>
-            `:n.nothing}
-      <div class="content">
-        ${r?n.html`
-                <div class="heading">
-                  ${this._hasSlottedHeading?n.html`<slot name="heading"></slot>`:this.heading}
-                </div>
-              `:n.nothing}
-        ${i?n.html`
-                <div class="description">
-                  ${this._hasSlottedDescription?n.html`<slot></slot>`:this.description}
-                </div>
-              `:n.nothing}
-      </div>
-      ${this.closeable||this.duration?n.html`
-              <div class="close-control">
-                <luzmo-close-button
-                  class="close"
-                  .size=${this.size}
-                  .label=${e.close}
-                  @click=${this._handleManualClose}
-                ></luzmo-close-button>
-              </div>
-            `:n.nothing}
-      ${this.open&&this.duration?n.html`
-              <div
-                class=${this._timerPaused?`progress paused`:`progress`}
-                aria-hidden="true"
-                style="--notice-progress-duration: ${this.duration}s"
-              ></div>
-            `:n.nothing}
-    `}_renderAutomaticIcon(e){return n.html`
-      <luzmo-icon
-        .icon=${l[this.variant]}
-        .label=${e[this.variant]}
-      ></luzmo-icon>
-    `}_syncSlottedContent(){let e=[...this.children];this._hasCustomIcon=e.some(e=>e.getAttribute(`slot`)===`icon`),this._hasSlottedHeading=e.some(e=>e.getAttribute(`slot`)===`heading`),this._hasSlottedDescription=[...this.childNodes].some(e=>e.nodeType===Node.TEXT_NODE?!!e.textContent?.trim():e.nodeType===Node.ELEMENT_NODE&&!e.getAttribute(`slot`))}_requestClose(e){let t=new CustomEvent(`luzmo-notice-close`,{detail:{reason:e},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(t)?(this._stopCountdown(!0),this.open=!1):e===`automatic`&&this._stopCountdown(!0)}_startNewCountdown(){this._stopCountdown(!1),this._remainingMilliseconds=this.duration*1e3,this._resumeCountdown()}_pauseCountdown(e){this._timerId!==void 0&&(window.clearTimeout(this._timerId),this._timerId=void 0,this._remainingMilliseconds=Math.max(0,this._remainingMilliseconds-(Date.now()-this._timerStartedAt))),this._pauseReasons.add(e),this._timerPaused=!0}_resumeCountdown(){this._pauseReasons.size>0||(this._timerPaused=!1,!(!this.isConnected||!this.open||!this.duration||this._remainingMilliseconds<=0||this._timerId!==void 0)&&(this._timerStartedAt=Date.now(),this._timerId=window.setTimeout(()=>{this._timerId=void 0,this._remainingMilliseconds=0,this._requestClose(`automatic`)},this._remainingMilliseconds)))}_stopCountdown(e){this._timerId!==void 0&&(window.clearTimeout(this._timerId),this._timerId=void 0),e&&(this._remainingMilliseconds=0,this._pauseReasons.delete(`pointer`),this._pauseReasons.delete(`focus`),this._pauseReasons.delete(`sticky`),this._timerPaused=!1),this._timerStartedAt=0}};e.t([(0,r.property)({type:Boolean,reflect:!0})],u.prototype,`open`,void 0),e.t([(0,r.property)({reflect:!0})],u.prototype,`variant`,null),e.t([(0,r.property)({type:Boolean,reflect:!0,attribute:`hide-icon`})],u.prototype,`hideIcon`,void 0),e.t([(0,r.property)({type:Boolean,reflect:!0})],u.prototype,`closeable`,void 0),e.t([(0,r.property)({type:String,reflect:!0})],u.prototype,`heading`,void 0),e.t([(0,r.property)({type:String,reflect:!0})],u.prototype,`description`,void 0),e.t([(0,r.property)({type:Number,reflect:!0})],u.prototype,`duration`,null),e.t([(0,r.property)({attribute:!1})],u.prototype,`labels`,void 0),e.t([(0,r.state)()],u.prototype,`_hasCustomIcon`,void 0),e.t([(0,r.state)()],u.prototype,`_hasSlottedHeading`,void 0),e.t([(0,r.state)()],u.prototype,`_hasSlottedDescription`,void 0),e.t([(0,r.state)()],u.prototype,`_timerPaused`,void 0),typeof customElements<`u`&&!customElements.get(`luzmo-notice`)&&customElements.define(`luzmo-notice`,u),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/components/number-field-04RFqrUa.cjs

@@ -1,57 +0,0 @@
-/*! * 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 e=require("./decorate-Dq34MBGe.cjs"),t=require("./language-resolution-CSjktYg5.cjs"),n=require("./platform-BAjeJp2W.cjs"),r=require("./streaming-listener-Bfyk6Fsx.cjs"),i=require("./text-field-3fDtTQkR.cjs");require("./infield-button-CYO9V1eX.cjs");let a=require("lit"),o=require("lit/decorators.js"),s=require("@luzmo/icons"),c=require("@internationalized/number");var l=`#text-field{--stepper-width:calc(var(--luzmo-stepper-height,var(--stepper-height)) * var(--luzmo-stepper-min-width-multiplier,var(--stepper-min-width-multiplier)) + var(--luzmo-stepper-button-width,var(--stepper-button-width)) + var(--luzmo-stepper-border-width,var(--stepper-border-width)) * 2);--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color,var(--luzmo-stepper-buttons-border-color,var(--stepper-buttons-border-color)));--luzmo-infield-button-border-width:var(--luzmo-stepper-button-border-width,var(--stepper-button-border-width));--luzmo-infield-button-border-radius-reset:var(--stepper-button-border-radius-reset);--luzmo-text-field-border-width:var(--luzmo-stepper-border-width,var(--stepper-border-width));inline-size:var(--luzmo-stepper-width,var(--stepper-width));block-size:var(--luzmo-stepper-height,var(--stepper-height));border-radius:var(--luzmo-stepper-border-radius,var(--stepper-border-radius));border-color:var(--highcontrast-stepper-border-color,var(--luzmo-stepper-border-color,var(--stepper-border-color)));flex-flow:row;display:inline-flex;position:relative}#text-field:after{content:"";inline-size:100%;block-size:var(--luzmo-stepper-focus-indicator-width,var(--stepper-focus-indicator-width));position:absolute;inset-block-end:calc((var(--luzmo-stepper-focus-indicator-gap,var(--stepper-focus-indicator-gap)) + var(--luzmo-stepper-focus-indicator-width,var(--stepper-focus-indicator-width))) * -1);inset-inline-start:0}:host([focused]) #text-field,#text-field:focus{--luzmo-stepper-border-color:var(--highcontrast-stepper-border-color-focus,var(--luzmo-stepper-border-color-focus,var(--stepper-border-color-focus)));--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-focus,var(--luzmo-stepper-buttons-border-color-focus,var(--stepper-buttons-border-color-focus)))}:host([focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus .input{outline:none}:host([focused]:not([disabled])) #text-field .buttons,:host([focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus .buttons,:host(:not([disabled])) #text-field:focus .input{border-color:var(--highcontrast-stepper-border-color-focus,var(--luzmo-stepper-border-color-focus,var(--stepper-border-color-focus)))}:host([keyboard-focused]) #text-field,#text-field:focus-visible{--luzmo-stepper-border-color:var(--highcontrast-stepper-border-color-keyboard-focus,var(--luzmo-stepper-buttons-border-color-keyboard-focus,var(--stepper-buttons-border-color-keyboard-focus)));--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-keyboard-focus,var(--luzmo-stepper-buttons-border-color-keyboard-focus,var(--stepper-buttons-border-color-keyboard-focus)))}:host([keyboard-focused]:not([disabled])) #text-field,:host(:not([disabled])) #text-field:focus-visible{outline:var(--luzmo-stepper-focus-indicator-width,var(--stepper-focus-indicator-width)) solid;outline-color:var(--highcontrast-stepper-focus-indicator-color,var(--luzmo-stepper-focus-indicator-color,var(--stepper-focus-indicator-color)));outline-offset:var(--luzmo-stepper-focus-indicator-gap,var(--stepper-focus-indicator-gap))}:host([keyboard-focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus-visible .input{outline:none}:host([keyboard-focused]:not([disabled])) #text-field .buttons,:host([keyboard-focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus-visible .buttons,:host(:not([disabled])) #text-field:focus-visible .input{border-color:var(--highcontrast-stepper-border-color-keyboard-focus,var(--luzmo-stepper-border-color-keyboard-focus,var(--stepper-border-color-keyboard-focus)))}:host([invalid]:not([disabled])) #text-field{--luzmo-stepper-border-color:var(--luzmo-stepper-border-color-invalid,var(--stepper-border-color-invalid));--luzmo-stepper-border-color-hover:var(--luzmo-stepper-border-color-hover-invalid,var(--stepper-border-color-hover-invalid));--luzmo-stepper-border-color-focus:var(--luzmo-stepper-border-color-focus-invalid,var(--stepper-border-color-focus-invalid));--luzmo-stepper-border-color-focus-hover:var(--luzmo-stepper-border-color-focus-hover-invalid,var(--stepper-border-color-focus-hover-invalid));--luzmo-stepper-border-color-keyboard-focus:var(--luzmo-stepper-border-color-keyboard-focus-invalid,var(--stepper-border-color-keyboard-focus-invalid));--luzmo-infield-button-border-color:var(--luzmo-stepper-border-color-invalid,var(--stepper-border-color-invalid));--stepper-focus-indicator-color:var(--luzmo-stepper-focus-indicator-color-invalid,var(--stepper-focus-indicator-color-invalid))}:host([invalid][focused]:not([disabled])) #text-field,:host([invalid]:not([disabled])) #text-field:focus{--luzmo-infield-button-border-color:var(--luzmo-stepper-border-color-focus-invalid,var(--stepper-border-color-focus-invalid))}:host([invalid][keyboard-focused]:not([disabled])) #text-field,:host([invalid]:not([disabled])) #text-field:focus-visible{--luzmo-infield-button-border-color:var(--luzmo-stepper-border-color-keyboard-focus-invalid,var(--stepper-border-color-keyboard-focus-invalid))}:host([disabled]) #text-field{--luzmo-stepper-border-color:var(--stepper-button-border-color-disabled);--luzmo-stepper-border-color-hover:var(--stepper-button-border-color-disabled);--luzmo-stepper-border-color-focus:var(--stepper-button-border-color-disabled);--luzmo-stepper-border-color-focus-hover:var(--stepper-button-border-color-disabled);--luzmo-stepper-border-color-keyboard-focus:var(--stepper-button-border-color-disabled);--luzmo-stepper-buttons-background-color:var(--stepper-buttons-background-color-disabled);--luzmo-infield-button-border-width:var(--stepper-button-border-width-disabled);--luzmo-infield-button-border-color:var(--stepper-button-border-color-disabled);--luzmo-text-field-border-color-disabled:var(--stepper-button-border-color-disabled)}#text-field .input{border-color:var(--highcontrast-stepper-border-color,var(--luzmo-stepper-border-color,var(--stepper-border-color)));border-inline-end-width:0;border-start-end-radius:0;border-end-end-radius:0}#text-field.hide-stepper .input{border-inline-end-width:var(--luzmo-stepper-border-width,var(--stepper-border-width));border-start-end-radius:var(--luzmo-stepper-border-radius,var(--stepper-border-radius));border-end-end-radius:var(--luzmo-stepper-border-radius,var(--stepper-border-radius))}#text-field .buttons{box-sizing:border-box;font-size:var(--luzmo-stepper-button-font-size,var(--stepper-button-font-size));block-size:var(--luzmo-stepper-height,var(--stepper-height));inline-size:var(--luzmo-stepper-button-width,var(--stepper-button-width));border-color:var(--highcontrast-stepper-border-color,var(--luzmo-stepper-border-color,var(--stepper-border-color)));border-style:var(--luzmo-stepper-buttons-border-style,var(--stepper-buttons-border-style));border-width:var(--highcontrast-stepper-buttons-border-width,var(--luzmo-stepper-buttons-border-width,var(--stepper-buttons-border-width)));background-color:var(--highcontrast-stepper-buttons-background-color,var(--luzmo-stepper-buttons-background-color,var(--stepper-buttons-background-color)));transition:border-color var(--luzmo-stepper-animation-duration,var(--stepper-animation-duration)) ease-in-out;border-inline-start-width:0;border-start-end-radius:var(--luzmo-stepper-border-radius,var(--stepper-border-radius));border-end-end-radius:var(--luzmo-stepper-border-radius,var(--stepper-border-radius));flex-direction:column;justify-content:center;display:flex}:host([quiet]) #text-field{border-start-start-radius:0;border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:0}:host([quiet]) #text-field .input{--luzmo-text-field-focus-indicator-color:transparent}:host([quiet]) #text-field.hide-stepper .input{border-inline-end-width:0;border-end-end-radius:0}:host([quiet]) #text-field .buttons{--luzmo-infield-button-border-color:transparent;border-width:0;border-block-end-width:var(--luzmo-stepper-border-width,var(--stepper-border-width));border-block-end-color:var(--highcontrast-stepper-border-color,var(--luzmo-stepper-border-color,var(--stepper-border-color)));border-block-end-style:solid;border-end-end-radius:0}:host([quiet]) #text-field .button{--luzmo-infield-button-width-stacked:var(--luzmo-stepper-button-width-quiet,var(--stepper-button-width));--luzmo-infield-button-border-color:var(--luzmo-stepper-border-color-quiet,var(--stepper-button-border-color-quiet));--luzmo-infield-button-stacked-bottom-border-block-end-width:var(--luzmo-stepper-border-width,var(--stepper-border-width));--luzmo-infield-button-stacked-bottom-border-radius-end-end:0;--luzmo-infield-button-stacked-bottom-border-radius-end-start:0;--luzmo-infield-button-fill-justify-content:flex-end;padding:0}:host([quiet]) #text-field .buttons,:host([quiet]) #text-field .input{background-color:initial}:host([quiet][focused]) #text-field,:host([quiet]) #text-field:focus{--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-focus,var(--luzmo-stepper-border-color-focus,var(--stepper-border-color-focus)))}:host([quiet][keyboard-focused]:not([disabled])) #text-field{--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-keyboard-focus,var(--luzmo-stepper-border-color-keyboard-focus,var(--stepper-border-color-keyboard-focus)));outline:none}:host([quiet][keyboard-focused]:not([disabled])) #text-field:after{background-color:var(--highcontrast-stepper-focus-indicator-color,var(--luzmo-stepper-focus-indicator-color,var(--stepper-focus-indicator-color)))}@media (hover:hover){:host(:hover:not([disabled])) #text-field{--luzmo-stepper-border-color:var(--highcontrast-stepper-border-color-hover,var(--luzmo-stepper-border-color-hover,var(--stepper-border-color-hover)));--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-hover,var(--luzmo-stepper-buttons-border-color-hover,var(--stepper-buttons-border-color-hover)))}:host([focused]:hover) #text-field,:host(:hover) #text-field:focus{--luzmo-stepper-border-color:var(--highcontrast-stepper-border-color-focus-hover,var(--luzmo-stepper-buttons-border-color-focus-hover,var(--stepper-buttons-border-color-focus-hover)));--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-focus-hover,var(--luzmo-stepper-buttons-border-color-focus-hover,var(--stepper-buttons-border-color-focus-hover)))}:host([focused]:hover) #text-field .buttons,:host([focused]:hover) #text-field .input,:host(:hover) #text-field:focus .buttons,:host(:hover) #text-field:focus .input{border-color:var(--highcontrast-stepper-border-color-focus-hover,var(--luzmo-stepper-border-color-focus-hover,var(--stepper-border-color-focus-hover)))}:host([invalid]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color:var(--luzmo-stepper-border-color-hover-invalid,var(--stepper-border-color-hover-invalid))}:host([invalid][focused]:not([disabled]):hover) #text-field,:host([invalid]:not([disabled]):hover) #text-field:focus{--luzmo-infield-button-border-color:var(--luzmo-stepper-border-color-focus-hover-invalid,var(--stepper-border-color-focus-hover-invalid))}:host([quiet]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-hover,var(--luzmo-stepper-border-color-hover,var(--stepper-border-color-hover)))}:host([quiet]:not([disabled]):hover) #text-field .buttons{background-color:initial}:host([quiet][focused]:hover) #text-field,:host([quiet]:hover) #text-field:focus{--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-focus-hover,var(--luzmo-stepper-border-color-focus-hover,var(--stepper-border-color-focus-hover)))}:host([quiet][keyboard-focused]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-hover,var(--luzmo-stepper-border-color-hover,var(--stepper-border-color-hover)))}}:host([invalid]) #text-field,:host([valid]) #text-field{--stepper-status-icon-inline-offset:var(--luzmo-stepper-button-width,var(--stepper-button-width))}:host([hide-stepper][invalid]) #text-field,:host([hide-stepper][valid]) #text-field{--stepper-status-icon-inline-offset:0px}:host([invalid]) #text-field .icon,:host([valid]) #text-field .icon{inset-inline-end:calc(var(--stepper-status-icon-inline-offset) + var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid)))}:host([quiet][invalid]) #text-field .icon,:host([quiet][valid]) #text-field .icon{inset-inline-end:var(--stepper-status-icon-inline-offset)}@media (forced-colors:active){:host{--highcontrast-stepper-border-color:CanvasText;--highcontrast-stepper-border-color-hover:Highlight;--highcontrast-stepper-border-color-focus:Highlight;--highcontrast-stepper-border-color-focus-hover:Highlight;--highcontrast-stepper-border-color-keyboard-focus:CanvasText;--highcontrast-stepper-button-background-color-default:Canvas;--highcontrast-stepper-button-background-color-hover:Canvas;--highcontrast-stepper-button-background-color-focus:Canvas;--highcontrast-stepper-button-background-color-keyboard-focus:Canvas;--highcontrast-stepper-focus-indicator-color:Highlight}:host([invalid]) #text-field{--highcontrast-stepper-border-color:Highlight;--highcontrast-stepper-border-color-hover:Highlight;--highcontrast-stepper-border-color-focus:Highlight;--highcontrast-stepper-border-color-focus-hover:Highlight;--highcontrast-stepper-border-color-keyboard-focus:Highlight;--highcontrast-infield-button-border-color:Highlight}:host([disabled]) #text-field{--highcontrast-stepper-border-color:GrayText;--highcontrast-infield-button-border-color:GrayText;--highcontrast-stepper-buttons-border-width:var(--luzmo-stepper-border-width,var(--stepper-border-width))}}:host{--text-field-minimum-width-multiplier:2;--stepper-border-width:var(--luzmo-border-width);--stepper-border-color:var(--luzmo-border-color);--stepper-border-color-hover:var(--luzmo-border-color-full-hover);--stepper-border-color-focus:var(--luzmo-border-color-full-focus);--stepper-border-color-focus-hover:var(--luzmo-border-color-full-focus);--stepper-border-color-keyboard-focus:var(--luzmo-border-color-full-focus);--stepper-border-radius:var(--luzmo-border-radius);--stepper-min-width-multiplier:1.5;--stepper-animation-duration:var(--luzmo-animation-duration);--stepper-buttons-background-color:var(--luzmo-background-color);--stepper-buttons-border-style:none;--stepper-buttons-border-width:0;--stepper-buttons-border-color:var(--luzmo-border-color);--stepper-buttons-border-color-hover:var(--luzmo-border-color-full-hover);--stepper-buttons-border-color-focus:var(--luzmo-border-color-full-focus);--stepper-buttons-border-color-keyboard-focus:var(--luzmo-border-color-focus);--stepper-button-font-size:var(--luzmo-font-size);--stepper-button-padding:0px;--stepper-button-border-radius-reset:0;--stepper-button-border-width:var(--luzmo-border-width);--stepper-button-background-color-focus:var(--luzmo-background-color-focus);--stepper-button-background-color-keyboard-focus:var(--luzmo-background-color-focus);--stepper-border-color-invalid:var(--luzmo-negative-color);--stepper-border-color-hover-invalid:var(--luzmo-negative-color-hover);--stepper-border-color-focus-invalid:var(--luzmo-negative-color-focus);--stepper-border-color-focus-hover-invalid:var(--luzmo-negative-color-focus);--stepper-border-color-keyboard-focus-invalid:var(--luzmo-negative-color-focus);--stepper-focus-indicator-width:var(--luzmo-indicator-width);--stepper-focus-indicator-gap:calc(-1 * var(--luzmo-border-width));--stepper-focus-indicator-color:var(--luzmo-indicator-color);--stepper-focus-indicator-color-invalid:var(--luzmo-negative-color-focus);--stepper-button-border-color-quiet:transparent;--stepper-button-border-color-disabled:var(--luzmo-border-color-disabled);--stepper-button-border-width-disabled:var(--luzmo-border-width);--stepper-buttons-background-color-disabled:var(--luzmo-background-color-disabled);--stepper-button-width:20px;--stepper-height:var(--luzmo-component-height);--stepper-status-icon-space:0px}:host([invalid]){--stepper-status-icon-space:calc(var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid)) + var(--luzmo-text-field-icon-spacing-inline-start-invalid,var(--text-field-icon-spacing-inline-start-invalid)) + var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid)) - var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline)))}:host([valid]){--stepper-status-icon-space:calc(var(--luzmo-text-field-icon-size-valid,var(--text-field-icon-size-valid)) + var(--luzmo-text-field-icon-spacing-inline-start-valid,var(--text-field-icon-spacing-inline-start-valid)) + var(--luzmo-text-field-icon-spacing-inline-end-valid,var(--text-field-icon-spacing-inline-end-valid)) - var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline)))}:host([size=s]) #text-field{--stepper-button-width:16px;--stepper-height:var(--luzmo-component-height-s)}:host([size=m]) #text-field{--stepper-button-width:20px;--stepper-height:var(--luzmo-component-height)}:host([size=l]) #text-field{--stepper-button-width:28px;--stepper-height:var(--luzmo-component-height-l)}:host([size=xl]) #text-field{--stepper-button-width:36px;--stepper-height:var(--luzmo-component-height-xl)}:host{inline-size:var(--luzmo-stepper-width,var(--stepper-width));--number-field-width:calc(var(--luzmo-stepper-height,var(--stepper-height)) * var(--luzmo-stepper-min-width-multiplier,var(--text-field-minimum-width-multiplier)) + var(--luzmo-stepper-button-width,var(--stepper-button-width)) + var(--luzmo-stepper-border-width,var(--stepper-border-width)) * 2);--luzmo-infield-button-border-width:var(--unset-value-resets-inheritance);--stepper-width:calc(var(--number-field-width) + var(--stepper-status-icon-space))}:host([size=s]){--stepper-width:calc(var(--number-field-width) / 5 * 4 + var(--stepper-status-icon-space));--stepper-button-font-size:var(--luzmo-font-size-s)}:host([size=l]){--stepper-width:calc(var(--number-field-width) * 1.25 + var(--stepper-status-icon-space));--stepper-button-font-size:var(--luzmo-font-size-l)}:host([size=xl]){--stepper-width:calc(var(--number-field-width) * 1.25 * 1.25 + var(--stepper-status-icon-space));--stepper-button-font-size:var(--luzmo-font-size-xl)}#text-field{inline-size:100%}.input{font-variant-numeric:tabular-nums}:host([readonly]) .buttons{pointer-events:none;visibility:hidden}:host([readonly]:not([disabled],[invalid],[focused],[keyboard-focused])) #text-field:hover .input{border-color:#0000}:host([hide-stepper]:not([quiet])) #text-field input{border:var(--luzmo-stepper-border-width,var(--stepper-border-width)) solid var(--luzmo-stepper-border-color,var(--stepper-border-color));border-radius:var(--luzmo-border-radius)}:host([quiet]) #text-field .button{--luzmo-infield-button-border-color:var(--luzmo-infield-border-color-quiet,transparent);--luzmo-infield-button-edge-to-fill:0;--luzmo-infield-button-border-width:var(--luzmo-infield-button-border-width-quiet,0)}:host([grows]){--number-field-char-count:1;--number-field-content-width:calc(var(--number-field-char-count) * 1ch + var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline)) * 2 + var(--stepper-status-icon-space));--number-field-grows-width:calc(var(--number-field-content-width) + var(--luzmo-stepper-button-width,var(--stepper-button-width)) + var(--luzmo-stepper-border-width,var(--stepper-border-width)) * 2);inline-size:var(--number-field-grows-width);min-inline-size:var(--luzmo-stepper-width,var(--stepper-width));max-inline-size:100%}:host([grows]) #text-field{inline-size:100%}:host([grows]) #text-field .input{inline-size:100%;min-inline-size:0}`,u={"１":`1`,"２":`2`,"３":`3`,"４":`4`,"５":`5`,"６":`6`,"７":`7`,"８":`8`,"９":`9`,"０":`0`,"、":`,`,"，":`,`,"。":`.`,"．":`.`,"％":`%`,"＋":`+`,ー:`-`,一:`1`,二:`2`,三:`3`,四:`4`,五:`5`,六:`6`,七:`7`,八:`8`,九:`9`,零:`0`},d=class extends i.n{constructor(...e){super(...e),this.focused=!1,this._forcedUnit=``,this.formatOptions={},this.hideStepper=!1,this.grows=!1,this.indeterminate=!1,this.keyboardFocused=!1,this.managedInput=!1,this.stepModifier=10,this._value=NaN,this._trackingValue=``,this.decimalsChars=new Set([`.`,`,`]),this.valueBeforeFocus=``,this.isIntentDecimal=!1,this.changeCount=0,this.languageResolver=new t.t(this),this.wasIndeterminate=!1,this.hasRecentlyReceivedPointerDown=!1,this.applyFocusElementLabel=e=>{this.appliedLabel=e},this.isComposing=!1}static get styles(){return[...super.styles,(0,a.unsafeCSS)(l)]}set value(e){let t=this.validateInput(e);if(t===this.value)return;this.lastCommitedValue=t;let n=this._value;this._value=t,this.requestUpdate(`value`,n)}get value(){return this._value}get inputValue(){return this.indeterminate?this.formattedValue:this.inputElement.value}setValue(e=this.value){let t=this.lastCommitedValue;this.value=e,!(t===void 0||t===this.value)&&(this.lastCommitedValue=this.value,this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0})))}get valueAsString(){return this._value.toString()}set valueAsString(e){this.value=this.numberParser.parse(e)}get formattedValue(){return Number.isNaN(this.value)?``:this.numberFormatter.format(this.value)+(this.focused?``:this._forcedUnit)}convertValueToNumber(e){let t=[...e].map(e=>u[e]||e).join(``),r=[...this.valueBeforeFocus].filter(e=>this.decimalsChars.has(e)),i=new Set(r);if(n.a()&&this.inputElement.inputMode===`decimal`&&t!==this.valueBeforeFocus){let e=this.numberFormatter.formatToParts(1000.1).find(e=>e.type===`decimal`).value;for(let n of i)n!==e&&!this.isIntentDecimal&&(t=t.replaceAll(new RegExp(n,`g`),``));let n=!1,r=[...t];for(let t=r.length-1;t>=0;t--){let i=r[t];this.decimalsChars.has(i)&&(n?r[t]=``:(r[t]=e,n=!0))}t=r.join(``)}return this.numberParser.parse(t)}get _step(){return this.step===void 0?this.formatOptions?.style===`percent`?.01:1:this.step}handlePointerdown(e){if(e.button!==0){e.preventDefault();return}this.managedInput=!0,this.buttons.setPointerCapture(e.pointerId);let t=this.buttons.children[0].getBoundingClientRect(),n=this.buttons.children[1].getBoundingClientRect();this.findChange=e=>{e.clientX>=t.x&&e.clientY>=t.y&&e.clientX<=t.x+t.width&&e.clientY<=t.y+t.height?this.change=e=>this.increment(e.shiftKey?this.stepModifier:1):e.clientX>=n.x&&e.clientY>=n.y&&e.clientX<=n.x+n.width&&e.clientY<=n.y+n.height&&(this.change=e=>this.decrement(e.shiftKey?this.stepModifier:1))},this.findChange(e),this.startChange(e)}startChange(e){this.changeCount=0,this.doChange(e),this.safty=setTimeout(()=>{this.doNextChange(e)},400)}doChange(e){this.change(e)}handlePointermove(e){this.findChange(e)}handlePointerup(e){this.buttons.releasePointerCapture(e.pointerId),cancelAnimationFrame(this.nextChange),clearTimeout(this.safty),this.managedInput=!1,this.setValue()}doNextChange(e){return this.changeCount+=1,this.changeCount%5==0&&this.doChange(e),requestAnimationFrame(()=>{this.nextChange=this.doNextChange(e)})}stepBy(e){if(this.disabled||this.readonly)return;let t=this.min===void 0?0:this.min,n=this.value;n+=e*this._step,Number.isNaN(this.value)&&(n=t),n=this.valueWithLimits(n),this.requestUpdate(),this._value=this.validateInput(n),this.inputElement.value=this.numberFormatter.format(n),this.inputElement.dispatchEvent(new Event(`input`,{bubbles:!0,composed:!0})),this.indeterminate=!1,this.focus()}increment(e=1){this.stepBy(1*e)}decrement(e=1){this.stepBy(-1*e)}handleKeydown(e){if(!this.isComposing)switch(e.code){case`ArrowUp`:e.preventDefault(),this.increment(e.shiftKey?this.stepModifier:1),this.setValue();break;case`ArrowDown`:e.preventDefault(),this.decrement(e.shiftKey?this.stepModifier:1),this.setValue();break}}onScroll(e){e.preventDefault(),this.managedInput=!0;let t=e.shiftKey?e.deltaX/Math.abs(e.deltaX):e.deltaY/Math.abs(e.deltaY);t!==0&&!Number.isNaN(t)&&(this.stepBy(t*(e.shiftKey?this.stepModifier:1)),clearTimeout(this.queuedChangeEvent),this.queuedChangeEvent=setTimeout(()=>{this.setValue()},100)),this.managedInput=!1}onFocus(){super.onFocus(),this._trackingValue=this.inputValue,this.keyboardFocused=!this.readonly&&!0,this.addEventListener(`wheel`,this.onScroll,{passive:!1}),this.valueBeforeFocus=this.inputElement.value}onBlur(e){super.onBlur(e),this.keyboardFocused=!this.readonly&&!1,this.removeEventListener(`wheel`,this.onScroll),this.isIntentDecimal=!1}handleFocusin(){this.focused=!this.readonly&&!0,this.keyboardFocused=!this.readonly&&!0}handleFocusout(){this.focused=!this.readonly&&!1,this.keyboardFocused=!this.readonly&&!1}handleChange(){let e=this.convertValueToNumber(this.inputValue);if(this.wasIndeterminate&&(this.wasIndeterminate=!1,this.indeterminateValue=void 0,Number.isNaN(e))){this.indeterminate=!0;return}this.setValue(e),this.inputElement.value=this.formattedValue}handleCompositionStart(){this.isComposing=!0}handleCompositionEnd(){this.isComposing=!1,requestAnimationFrame(()=>{this.inputElement.dispatchEvent(new Event(`input`,{composed:!0,bubbles:!0}))})}handleInputElementPointerdown(){this.hasRecentlyReceivedPointerDown=!0,this.updateComplete.then(()=>{requestAnimationFrame(()=>{this.hasRecentlyReceivedPointerDown=!1})})}handleInput(e){if(this.isComposing){if(e.data){let t=this.convertValueToNumber(e.data);Number.isNaN(t)&&(this.inputElement.value=this.indeterminate?`-`:this._trackingValue,this.isComposing=!1)}e.stopPropagation();return}this.indeterminate&&(this.wasIndeterminate=!0,this.indeterminateValue=this.value,this.inputElement.value=this.inputElement.value.replace(`-`,``)),e.data&&this.decimalsChars.has(e.data)&&(this.isIntentDecimal=!0);let{value:t,selectionStart:n}=this.inputElement,r=[...t].map(e=>u[e]||e).join(``);if(this.numberParser.isValidPartialNumber(r)){this.lastCommitedValue=this.lastCommitedValue??this.value;let e=this.convertValueToNumber(r);!r&&this.indeterminateValue?(this.indeterminate=!0,this._value=this.indeterminateValue):(this.indeterminate=!1,this._value=this.validateInput(e)),this._trackingValue=r,this.inputElement.value=r,this.inputElement.setSelectionRange(n,n);return}this.inputElement.value=this.indeterminate?`-`:this._trackingValue,e.stopPropagation();let i=r.length,a=this._trackingValue.length,o=(n||i)-(i-a);this.inputElement.setSelectionRange(o,o)}valueWithLimits(e){let t=e;return this.min!==void 0&&(t=Math.max(this.min,t)),this.max!==void 0&&(t=Math.min(this.max,t)),t}validateInput(e){e=this.valueWithLimits(e);let t=e<0?-1:1;if(e*=t,this.step){let t=this.min===void 0?0:this.min,n=Number.parseFloat(this.valueFormatter.format((e-t)%this.step));if(n!==0&&(Math.round(n/this.step)===1?e+=this.step-n:e-=n),this.max!==void 0)for(;e>this.max;)e-=this.step;e=Number.parseFloat(this.valueFormatter.format(e))}return e*=t,e}get displayValue(){let e=this.focused?``:`-`;return this.indeterminate?e:this.formattedValue}clearNumberFormatterCache(){this._numberFormatter=void 0,this._numberParser=void 0}get numberFormatter(){if(!this._numberFormatter||!this._numberFormatterFocused){let{style:e,unit:t,unitDisplay:n,...r}=this.formatOptions;e!==`unit`&&(r.style=e),this._numberFormatterFocused=new c.NumberFormatter(this.languageResolver.language,r);try{this._numberFormatter=new c.NumberFormatter(this.languageResolver.language,this.formatOptions),this._forcedUnit=``,this._numberFormatter.format(1)}catch{e===`unit`&&(this._forcedUnit=t),this._numberFormatter=this._numberFormatterFocused}}return this.focused?this._numberFormatterFocused:this._numberFormatter}clearValueFormatterCache(){this._valueFormatter=void 0}get valueFormatter(){if(!this._valueFormatter){let e=this.step?this.step===Math.floor(this.step)?0:this.step.toString().split(`.`)[1].length:0;this._valueFormatter=new c.NumberFormatter(`en`,{useGrouping:!1,maximumFractionDigits:e})}return this._valueFormatter}get numberParser(){if(!this._numberParser||!this._numberParserFocused){let{style:e,unit:t,unitDisplay:n,...r}=this.formatOptions;e!==`unit`&&(r.style=e),this._numberParserFocused=new c.NumberParser(this.languageResolver.language,r);try{this._numberParser=new c.NumberParser(this.languageResolver.language,this.formatOptions),this._forcedUnit=``,this._numberParser.parse(`0`)}catch{e===`unit`&&(this._forcedUnit=t),this._numberParser=this._numberParserFocused}}return this.focused?this._numberParserFocused:this._numberParser}renderField(){return this.autocomplete=`off`,a.html`
-      ${super.renderField()}
-      ${this.hideStepper?a.nothing:a.html`
-              <span
-                class="buttons"
-                @focusin=${this.handleFocusin}
-                @focusout=${this.handleFocusout}
-                ${r.t({start:[`pointerdown`,this.handlePointerdown],streamInside:[[`pointermove`,`pointerenter`,`pointerleave`,`pointerover`,`pointerout`],this.handlePointermove],end:[[`pointerup`,`pointercancel`,`pointerleave`],this.handlePointerup]})}
-              >
-                <luzmo-infield-button
-                  inline="end"
-                  block="start"
-                  class="button step-up"
-                  aria-hidden="true"
-                  label=${`Increase `+this.appliedLabel}
-                  size=${this.size}
-                  tabindex="-1"
-                  ?focused=${this.focused}
-                  ?disabled=${this.disabled||this.readonly||this.max!==void 0&&this.value===this.max}
-                  ?quiet=${this.quiet}
-                >
-                  ${(0,s.luzmoIcon)(s.luzmoAngleUp)}
-                </luzmo-infield-button>
-                <luzmo-infield-button
-                  inline="end"
-                  block="end"
-                  class="button step-down"
-                  aria-hidden="true"
-                  label=${`Decrease `+this.appliedLabel}
-                  size=${this.size}
-                  tabindex="-1"
-                  ?focused=${this.focused}
-                  ?disabled=${this.disabled||this.readonly||this.min!==void 0&&this.value===this.min}
-                  ?quiet=${this.quiet}
-                >
-                  ${(0,s.luzmoIcon)(s.luzmoAngleDown)}
-                </luzmo-infield-button>
-              </span>
-            `}
-    `}update(e){if((e.has(`formatOptions`)||e.has(`resolvedLanguage`))&&this.clearNumberFormatterCache(),e.has(`value`)||e.has(`max`)||e.has(`min`)||e.has(`step`)){let e=this.numberParser.parse(this.formattedValue.replace(this._forcedUnit,``));this.value=e,this.clearValueFormatterCache()}super.update(e)}willUpdate(e){this.multiline=!1,e.has(t.r)&&this.clearNumberFormatterCache()}firstUpdated(e){super.firstUpdated(e),this.addEventListener(`keydown`,this.handleKeydown),this.addEventListener(`compositionstart`,this.handleCompositionStart),this.addEventListener(`compositionend`,this.handleCompositionEnd)}updated(e){if(!(!this.inputElement||!this.isConnected)){if(this.grows){let e=this.displayValue||this.placeholder||``;this.style.setProperty(`--number-field-char-count`,String(e.length))}if(e.has(`min`)||e.has(`formatOptions`)){let e=this.min!==void 0&&this.min>=0,{maximumFractionDigits:t}=this.numberFormatter.resolvedOptions(),r=t&&t>0,i=`numeric`;n.s()&&!e?i=`text`:(n.a()&&r||n.t()&&r&&e)&&(i=`decimal`),this.inputElement.inputMode=i}e.has(`focused`)&&this.focused&&!this.hasRecentlyReceivedPointerDown&&this.formatOptions.unit&&this.setSelectionRange(0,this.displayValue.length)}}};e.t([(0,o.query)(`.buttons`)],d.prototype,`buttons`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],d.prototype,`focused`,void 0),e.t([(0,o.property)({type:Object,attribute:`format-options`})],d.prototype,`formatOptions`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0,attribute:`hide-stepper`})],d.prototype,`hideStepper`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0,attribute:`grows`})],d.prototype,`grows`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],d.prototype,`indeterminate`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0,attribute:`keyboard-focused`})],d.prototype,`keyboardFocused`,void 0),e.t([(0,o.property)({type:Number})],d.prototype,`max`,void 0),e.t([(0,o.property)({type:Number})],d.prototype,`min`,void 0),e.t([(0,o.property)({type:Number})],d.prototype,`step`,void 0),e.t([(0,o.property)({type:Number,reflect:!0,attribute:`step-modifier`})],d.prototype,`stepModifier`,void 0),e.t([(0,o.property)({type:Number})],d.prototype,`value`,null),customElements.get(`luzmo-number-field`)||customElements.define(`luzmo-number-field`,d),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});

package/components/overlay-B-gaxspw.cjs

@@ -1,47 +0,0 @@
-/*! * 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 e=require("./color-controller-DbyPc33Y.cjs"),t=require("./decorate-Dq34MBGe.cjs"),n=require("./condition-attribute-with-id-Cw92IbcP.cjs"),r=require("./random-id-BcUJAxUZ.cjs"),i=require("./element-resolution-BjaAlqwX.cjs"),a=require("./slottable-request-event-C6eb7Ch3.cjs"),o=require("./focusable-selectors-DJqGLTJo.cjs"),s=require("./platform-BAjeJp2W.cjs");let c=require("lit"),l=require("lit/decorators.js"),u=require("lit/directives/if-defined.js"),d=require("lit/directives/style-map.js"),f=require("@floating-ui/dom");function p(e,t,n=[]){for(let[r,i]of t.entries()){let t=e[r],a=t.parentElement||t.getRootNode();n[r]&&n[r](i),a&&a!==t&&t.replaceWith(i),delete e[r]}return t}var m=(e,t,{position:n,prepareCallback:r}={position:`beforeend`})=>{let{length:i}=e;if(i===0)return()=>e;let a=1,o=0;(n===`afterbegin`||n===`afterend`)&&(a=-1,o=i-1);let s=[];s.length=i;let c=[];c.length=i;let l=typeof document>`u`?null:document.createComment(`placeholder for reparented element`);do{let i=e[o];r&&(c[o]=r(i)),s[o]=l.cloneNode();let u=i.parentElement||i.getRootNode();u&&u!==i&&i.replaceWith(s[o]),t.insertAdjacentElement(n,i),o+=a}while(--i>0);return function(){return p(s,e,c)}},h=1e3,g=1e3,_=new class{constructor(e={}){this.warmUpDelay=h,this.coolDownDelay=g,this.isWarm=!1,this.timeout=0,Object.assign(this,e)}openTimer(e){if(this.cancelCooldownTimer(),!this.component||e!==this.component)return this.component&&(this.close(this.component),this.cancelCooldownTimer()),this.component=e,this.isWarm?Promise.resolve(!1):(this.promise=new Promise(e=>{this.resolve=e,this.timeout=typeof window>`u`?0:window.setTimeout(()=>{this.resolve&&(this.resolve(!1),this.isWarm=!0)},this.warmUpDelay)}),this.promise);if(this.promise)return this.promise;throw Error(`Inconsistent state`)}close(e){this.component&&this.component===e&&(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&&typeof window<`u`&&window.clearTimeout(this.cooldownTimeout),this.cooldownTimeout=typeof window>`u`?void 0:window.setTimeout(()=>{this.isWarm=!1,delete this.cooldownTimeout},this.coolDownDelay))}cancelCooldownTimer(){this.cooldownTimeout&&typeof window<`u`&&window.clearTimeout(this.cooldownTimeout),delete this.cooldownTimeout}},v=()=>{},y=(e,t,n)=>{let r=new AbortController,i=new Map,a=()=>{r.abort(),n()},o,s,c=requestAnimationFrame(()=>{o=requestAnimationFrame(()=>{s=requestAnimationFrame(()=>{a()})})}),l=t=>{t.target===e&&(i.set(t.propertyName,i.get(t.propertyName)-1),i.get(t.propertyName)||i.delete(t.propertyName),i.size===0&&a())};e.addEventListener(`transitionrun`,t=>{t.target===e&&(i.has(t.propertyName)||i.set(t.propertyName,0),i.set(t.propertyName,i.get(t.propertyName)+1),cancelAnimationFrame(c),cancelAnimationFrame(o),cancelAnimationFrame(s))},{signal:r.signal}),e.addEventListener(`transitionend`,l,{signal:r.signal}),e.addEventListener(`transitioncancel`,l,{signal:r.signal}),t()};function b(){return new Promise(e=>requestAnimationFrame(()=>e()))}var x=class e extends t.n{constructor(...e){super(...e),this.dispose=v,this.offset=0,this.willPreventClose=!1}applyFocus(e,t){}get delayed(){return!1}set delayed(e){}get disabled(){return!1}set disabled(e){}get elementResolver(){return this._elementResolver}set elementResolver(e){this._elementResolver=e}ensureOnDOM(e){}makeTransition(e){return null}manageDelay(e){}manageDialogOpen(){}managePopoverOpen(){}managePosition(){}get open(){return!1}set open(e){}get placementController(){return this._placementController}set placementController(e){this._placementController=e}requestSlottable(){}returnFocus(){}get state(){return`closed`}set state(e){}manuallyKeepOpen(){}static update(){let e=new CustomEvent(`luzmo-update-overlays`,{bubbles:!0,composed:!0,cancelable:!0});document.dispatchEvent(e)}static async open(t,n,r,i){await Promise.resolve().then(()=>Z);let a=arguments.length===2,o=r||t,s=new this,c=!1,l=m([o],s,{position:`beforeend`,prepareCallback:e=>{let t=e.slot;return e.removeAttribute(`slot`),()=>{e.slot=t}}});if(s.dispose=()=>{s.addEventListener(`luzmo-closed`,()=>{c||=(l(),!0),requestAnimationFrame(()=>{s.remove()})}),s.open=!1,s.dispose=v},!a&&o&&i){let r=t,a=n,c=i;return e.applyOptions(s,{...c,delayed:c.delayed||o.hasAttribute(`delayed`),trigger:c.virtualTrigger||r,type:a===`modal`?`modal`:a===`hover`?`hint`:`auto`}),r.after(s),await s.updateComplete,s.open=!0,s.dispose}let u=n;return s.append(o),e.applyOptions(s,{...u,delayed:u.delayed||o.hasAttribute(`delayed`)}),s.updateComplete.then(()=>{s.open=!0}),s}static applyOptions(e,t){e.delayed=!!t.delayed,e.receivesFocus=t.receivesFocus??`auto`,e.triggerElement=t.trigger||null,e.type=t.type||`modal`,e.offset=t.offset??0,e.placement=t.placement,e.willPreventClose=!!t.notImmediatelyClosable}},S=e=>e.querySelector(o.n),C=e=>e.assignedElements().find(e=>e.matches(o.n)),w=class extends Event{constructor(){super(`beforetoggle`,{bubbles:!1,composed:!1}),this.currentState=`open`,this.newState=`closed`}},T=class extends Event{constructor(){super(`beforetoggle`,{bubbles:!1,composed:!1}),this.currentState=`closed`,this.newState=`open`}},E=class extends Event{constructor(e,t,{publish:n,interaction:r,reason:i}){super(e,{bubbles:n,composed:n}),this.overlay=t,this.detail={interaction:r,reason:i}}},D=class{constructor(e,t,n){this.x=0,this.y=0,this.x=e,this.y=t,this.rectTop=n}updateBoundingClientRect(e,t,n){this.x=e,this.y=t,this.rectTop=n,x.update()}getBoundingClientRect(){let e=this.rectTop??this.y;return{width:0,height:this.y-e,top:e,right:this.x,y:e,x:this.x,bottom:this.y,left:this.x,toJSON(){}}}};function O(e){class t extends e{async manageDialogOpen(){let e=this.open;if(await b(),await this.managePosition(),this.open!==e)return;let t=await this.dialogMakeTransition(e);this.open===e&&await this.dialogApplyFocus(e,t)}dialogMakeTransition(e){let t=null,n=(n,r)=>()=>{if(n.open=e,!e){let e=()=>{n.removeEventListener(`close`,e)};n.addEventListener(`close`,e)}if(r>0)return;let i=e?T:w;this.dispatchEvent(new i),e&&(n.matches(o.n)&&(t=n),t||=S(n),t||n.querySelectorAll(`slot`).forEach(e=>{t||=C(e)}),!(!this.isConnected||this.dialogEl.open)&&this.dialogEl.showModal())},r=(t,n)=>()=>{if(this.open!==e)return;let r=e?`luzmo-opened`:`luzmo-closed`;if(n>0){t.dispatchEvent(new E(r,this,{interaction:this.type,publish:!1}));return}if(!this.isConnected||e!==this.open)return;let i=async()=>{let n=this.triggerElement instanceof D;this.dispatchEvent(new E(r,this,{interaction:this.type,publish:n})),t.dispatchEvent(new E(r,this,{interaction:this.type,publish:!1})),this.triggerElement&&!n&&this.triggerElement.dispatchEvent(new E(r,this,{interaction:this.type,publish:!0})),this.state=e?`opened`:`closed`,this.returnFocus(),await b(),await b(),e===this.open&&e===!1&&this.requestSlottable()};!e&&this.dialogEl.open?(this.dialogEl.addEventListener(`close`,()=>{i()},{once:!0}),this.dialogEl.close()):i()};return this.elements.forEach((e,t)=>{y(e,n(e,t),r(e,t))}),t}dialogApplyFocus(e,t){this.applyFocus(e,t)}}return t}function k(e){class t extends e{async managePopoverOpen(){await this.managePosition()}async manageDelay(e){if(e===!1||e!==this.open){_.close(this);return}this.delayed&&await _.openTimer(this)&&(this.open=!e)}ensureOnDOM(e){document.body.offsetHeight}makeTransition(e){if(this.open!==e)return null;let t=null,n=(n,r)=>()=>{if(e===this.open){if(n.open=e,r===0){let t=e?T:w;this.dispatchEvent(new t)}e===!0&&(n.matches(o.n)&&(t=n),t||=S(n),!t&&n.querySelectorAll(`slot`).forEach(e=>{t||=C(e)}))}},r=(t,n)=>async()=>{if(this.open!==e)return;let r=e?`luzmo-opened`:`luzmo-closed`;if(t.dispatchEvent(new E(r,this,{interaction:this.type})),n>0)return;let i=this.triggerElement instanceof D;this.dispatchEvent(new E(r,this,{interaction:this.type,publish:i})),this.triggerElement&&!i&&this.triggerElement.dispatchEvent(new E(r,this,{interaction:this.type,publish:!0})),this.state=e?`opened`:`closed`,this.returnFocus(),await b(),await b(),e===this.open&&e===!1&&this.requestSlottable()};return this.elements.forEach((e,t)=>{y(e,n(e,t),r(e,t))}),t}}return t}var ee=typeof CSS<`u`&&CSS.supports(`(overlay: auto)`);function A(e){let t=!1;try{t=e.matches(`:popover-open`)}catch{}let n=!1;try{n=e.matches(`:open`)}catch{}return t||n}function j(e){class t extends e{async manageDelay(e){if(e===!1||e!==this.open){_.close(this);return}this.delayed&&await _.openTimer(this)&&(this.open=!e)}shouldHidePopover(e){if(e&&this.open!==e)return;let t=async({newState:e}={})=>{e!==`open`&&await this.placementController.resetOverlayPosition()};if(!A(this.dialogEl)){t();return}this.dialogEl.addEventListener(`toggle`,t,{once:!0})}shouldShowPopover(e){let t=!1;try{t=this.dialogEl.matches(`:popover-open`)}catch{}let n=!1;try{n=this.dialogEl.matches(`:open`)}catch{}e&&this.open===e&&!t&&!n&&this.isConnected&&(this.dialogEl.showPopover(),this.managePosition())}async ensureOnDOM(e){ee||await this.shouldHidePopover(e),this.shouldShowPopover(e),await b()}makeTransition(e){if(this.open!==e)return null;let t=null,n=(n,r)=>()=>{if(n.open=e,r===0){let t=e?T:w;this.dispatchEvent(new t)}e&&(n.matches(o.n)&&(t=n),t||=S(n),!t&&n.querySelectorAll(`slot`).forEach(e=>{t||=C(e)}))},r=(t,n)=>()=>{if(this.open!==e)return;let r=e?`luzmo-opened`:`luzmo-closed`;if(n>0){t.dispatchEvent(new E(r,this,{interaction:this.type,publish:!1}));return}let i=async()=>{if(this.open!==e)return;await b();let n=this.triggerElement instanceof D;this.dispatchEvent(new E(r,this,{interaction:this.type,publish:n})),t.dispatchEvent(new E(r,this,{interaction:this.type,publish:!1})),this.triggerElement&&!n&&this.triggerElement.dispatchEvent(new E(r,this,{interaction:this.type,publish:!0})),this.state=e?`opened`:`closed`,this.returnFocus(),await b(),await b(),e===this.open&&e===!1&&this.requestSlottable()};if(this.open!==e)return;let a=A(this.dialogEl);e!==!0&&a&&this.isConnected?(this.dialogEl.addEventListener(`beforetoggle`,()=>{i()},{once:!0}),this.dialogEl.hidePopover()):i()};return this.elements.forEach((e,t)=>{y(e,n(e,t),r(e,t))}),t}}return t}var M=typeof document<`u`&&`showPopover`in document.createElement(`div`),N=new class{get document(){return this.root.ownerDocument||document}constructor(){this.root=typeof document>`u`?null:document.body,this.stack=[],this.handleScroll=e=>{typeof document<`u`&&e.target!==document&&e.target!==document.documentElement&&e.target!==document.body||this.stack.forEach(t=>{t.open&&(t.type===`auto`&&t.triggerElement instanceof HTMLElement&&t.triggerElement.closest(`luzmo-picker, luzmo-select, luzmo-action-menu`)&&e.stopPropagation(),typeof document<`u`&&document.dispatchEvent(new CustomEvent(`luzmo-update-overlays`,{bubbles:!0,composed:!0,cancelable:!0})))})},this.handlePointerdown=e=>{this.pointerdownPath=e.composedPath(),this.lastOverlay=this.stack.at(-1)},this.handlePointerup=()=>{let e=this.pointerdownPath;if(this.pointerdownPath=void 0,this.stack.length===0||!e?.length)return;let t=this.lastOverlay;this.lastOverlay=void 0;let n=this.stack.length-1,r=this.stack.filter((r,i)=>!e.find(e=>e===r||e===r?.triggerElement&&r?.type===`hint`||i===n&&r!==t&&r.triggerInteraction===`longpress`)&&!r.shouldPreventClose()&&r.type!==`manual`&&!(r.type===`modal`&&t!==r));r.reverse(),r.forEach(e=>{this.closeOverlay(e);let t=e.parentOverlayToForceClose;for(;t;)this.closeOverlay(t),t=t.parentOverlayToForceClose})},this.handleBeforetoggle=e=>{let{target:t,newState:n}=e;n!==`open`&&this.closeOverlay(t)},this.handleKeydown=e=>{if(e.code!==`Escape`||this.stack.length===0)return;let t=this.stack.at(-1);if(t?.type===`page`){e.preventDefault();return}if(t?.type===`manual`){this.closeOverlay(t);return}M||t&&this.closeOverlay(t)},typeof document<`u`&&this.bindEvents()}bindEvents(){typeof document<`u`&&(this.document.addEventListener(`pointerdown`,this.handlePointerdown),this.document.addEventListener(`pointerup`,this.handlePointerup),this.document.addEventListener(`keydown`,this.handleKeydown),this.document.addEventListener(`scroll`,this.handleScroll,{capture:!0}))}closeOverlay(e){let t=this.stack.indexOf(e);t!==-1&&this.stack.splice(t,1),e.open=!1}overlaysByTriggerElement(e){return this.stack.filter(t=>t.triggerElement===e)}add(e){if(this.stack.includes(e)){let t=this.stack.indexOf(e);t!==-1&&(this.stack.splice(t,1),this.stack.push(e));return}if(e.type===`auto`||e.type===`modal`||e.type===`page`){let t=`luzmo-overlay-query-path`,n=new Event(t,{composed:!0,bubbles:!0});e.addEventListener(t,e=>{let t=e.composedPath();this.stack.forEach(e=>{!t.find(t=>t===e)&&e.type!==`manual`&&e.type!==`modal`&&this.closeOverlay(e)})},{once:!0}),e.dispatchEvent(n)}else if(e.type===`hint`){if(this.stack.some(t=>t.type!==`manual`&&t.triggerElement&&t.triggerElement===e.triggerElement)){e.open=!1;return}this.stack.forEach(e=>{e.type===`hint`&&this.closeOverlay(e)})}requestAnimationFrame(()=>{this.stack.push(e),e.addEventListener(`beforetoggle`,this.handleBeforetoggle,{once:!0})})}remove(e){this.closeOverlay(e)}},te=`:host{pointer-events:none;--luzmo-overlay-animation-distance:.5rem;display:contents}:host(:has(>luzmo-tooltip)){--luzmo-overlay-animation-distance:var(--luzmo-tooltip-animation-distance,4px)}.dialog{box-sizing:border-box;--luzmo-overlay-open:true;background:0 0;border:0;max-width:calc(100vw - 16px);height:auto;max-height:calc(100dvh - 16px);margin:0;padding:0;display:flex;position:fixed;inset:0 auto auto 0;overflow:visible;opacity:1!important}.dialog:not([is-visible]){display:none}.dialog:focus{outline:none}dialog:modal{--luzmo-popover-filter:drop-shadow(0px 2px 6px var(--luzmo-shadow-color))}:host(:not([open])) .dialog{--luzmo-overlay-open:false}.dialog::backdrop{display:none}.dialog:before{content:"";position:absolute;inset:-999em;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 var(--luzmo-shadow-color))}}@supports selector(:popover-open){.dialog{opacity:0}.dialog:popover-open{opacity:1;--luzmo-popover-filter:drop-shadow(0px 2px 6px var(--luzmo-shadow-color))}}@supports (overlay:auto){.dialog{transition:all var(--luzmo-overlay-animation-duration,.13s), translate 0s, display var(--luzmo-overlay-animation-duration,.13s);transition-behavior:allow-discrete;display:none}:is(.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))}}`;function P(e){if(e===void 0)return 0;let t=window.devicePixelRatio||1;return Math.round(e*t)/t}var F=8,I=100,L=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],R=Symbol(`placement updated`),z=class{constructor(e){this.originalPlacements=new WeakMap,this.placementGeneration=0,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=e,this.host.addController(this)}placeOverlay(e=this.target,t=this.options){if(this.cleanup?.(),this.cleanup=void 0,this.target=e,this.options=t,!e||!t)return;let n=(0,f.autoUpdate)(t.trigger,e,this.closeForAncestorUpdate,{ancestorResize:!1,elementResize:!1,layoutShift:!1}),r=(0,f.autoUpdate)(t.trigger,e,this.updatePlacement,{ancestorScroll:!1}),i=window.visualViewport,a=0,o=!1,c=()=>{o||a||(a=requestAnimationFrame(()=>{a=0,!o&&this.updatePlacement()}))};i&&s.u()&&(i.addEventListener(`resize`,c,{passive:!0}),i.addEventListener(`scroll`,c,{passive:!0})),this.cleanup=()=>{this.placementGeneration+=1,o=!0,this.host.elements?.forEach(e=>{e.addEventListener(`luzmo-closed`,()=>{let t=this.originalPlacements.get(e);t&&e.setAttribute(`placement`,t),this.originalPlacements.delete(e)},{once:!0})}),n(),r(),i&&s.u()&&(i.removeEventListener(`resize`,c),i.removeEventListener(`scroll`,c),a&&=(cancelAnimationFrame(a),0))}}async computePlacement(){let{options:e,target:t}=this,n=this.placementGeneration,r=()=>this.placementGeneration===n&&!!this.target&&this.target===t;if(await(document.fonts?document.fonts.ready:Promise.resolve()),!r()||s.u()&&(await new Promise(e=>requestAnimationFrame(e)),!r()))return;let i=e.trigger instanceof HTMLElement?(0,f.flip)():(0,f.flip)({padding:F,fallbackPlacements:L(e.placement)}),[a=0,o=0]=Array.isArray(e?.offset)?e.offset:[e.offset,0],c=this.host.elements.find(e=>e.tipElement)?.tipElement,l=[(0,f.offset)({mainAxis:a,crossAxis:o}),(0,f.shift)({padding:F}),i,(0,f.size)({padding:F,apply:({availableWidth:e,availableHeight:n,rects:{floating:r}})=>{let i=Math.max(I,Math.floor(n)),a=r.height;this.initialHeight=this.isConstrained&&this.initialHeight||a,this.isConstrained=a<this.initialHeight||i<=a;let o=this.isConstrained?`${i}px`:``;Object.assign(t.style,{maxWidth:`${Math.floor(e)}px`,maxHeight:o})}}),...c?[(0,f.arrow)({element:c,padding:e.tipPadding||F})]:[]],{x:u,y:d,placement:p,middlewareData:m}=await(0,f.computePosition)(e.trigger,t,{placement:e.placement,middleware:l,strategy:`fixed`});if(!r())return;let h=u,g=d,_=window.visualViewport;if(_&&s.u()&&(h-=_.offsetLeft,g-=_.offsetTop),Object.assign(t.style,{top:`0px`,left:`0px`,translate:`${P(h)}px ${P(g)}px`}),t.setAttribute(`actual-placement`,p),this.host.elements?.forEach(e=>{this.originalPlacements.has(e)||this.originalPlacements.set(e,e.getAttribute(`placement`)),e.setAttribute(`placement`,p)}),c&&m.arrow){let{x:e,y:t}=m.arrow;Object.assign(c.style,{top:p.startsWith(`right`)||p.startsWith(`left`)?`0px`:``,left:p.startsWith(`bottom`)||p.startsWith(`top`)?`0px`:``,translate:`${P(e)}px ${P(t)}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(){this.host.open||(this.cleanup?.(),this.cleanup=void 0)}hostDisconnected(){this.cleanup?.(),this.cleanup=void 0,document.removeEventListener(`luzmo-update-overlays`,this.resetOverlayPosition)}},B=function(e){return e.click=`click`,e.hover=`hover`,e.longpress=`longpress`,e}({}),V=Symbol(`lastInteractionType`),H=`remove-focus-ring-safari-hack`,U=class{get activelyOpening(){return!1}get open(){return this.overlay?.open??this.isLazilyOpen}set open(e){if(e!==this.open){if(this.isLazilyOpen=e,this.overlay){this.overlay.open=e,this.target[V]=this.type;return}e&&Promise.resolve().then(()=>require("./overlay/index.cjs")).then(()=>{this.overlay=document.createElement(`luzmo-overlay`),this.overlay.open=!0,this.target[V]=this.type})}}get overlay(){return this._overlay}set overlay(e){e&&this.overlay!==e&&(this.overlay&&this.overlay.removeController(this),this._overlay=e,this.overlay.addController(this),this.initOverlay(),this.prepareDescription(this.target),this.handleOverlayReady?.(this.overlay))}constructor(e,{overlay:t,isPersistent:n,handleOverlayReady:r}){this.target=e,this.isLazilyOpen=!1,this.isPersistent=!1,this.isPersistent=!!n,this.handleOverlayReady=r,this.isPersistent&&this.init(),this.overlay=t}prepareDescription(e){}releaseDescription(){}shouldCompleteOpen(){}init(){}initOverlay(){}abort(){this.releaseDescription(),this.abortController?.abort()}hostConnected(){this.init()}hostDisconnected(){this.isPersistent||this.abort()}},W=class extends U{constructor(...e){super(...e),this.type=B.click,this.preventNextToggle=!1}handleClick(){this.preventNextToggle||(this.open=!this.open),this.preventNextToggle=!1}handlePointerdown(){this.preventNextToggle=this.open}init(){this.abortController?.abort(),this.abortController=new AbortController;let{signal:e}=this.abortController;this.target.addEventListener(`click`,()=>this.handleClick(),{signal:e}),this.target.addEventListener(`pointerdown`,()=>this.handlePointerdown(),{signal:e})}},G=300,K=class extends U{constructor(...e){super(...e),this.type=B.hover,this.elementIds=[],this.focusedin=!1,this.pointerentered=!1}handleKeyup(e){(e.code===`Tab`||e.code===`Escape`)&&(this.open=!0,this.removeSafariFocusRingClass())}handleTargetFocusin(){if(this.target.matches(`:focus-visible`)){if(s.u()&&this.target[V]===B.click){this.target.classList.add(H);return}this.open=!0,this.focusedin=!0,this.removeSafariFocusRingClass()}}handleTargetFocusout(){this.removeSafariFocusRingClass(),this.focusedin=!1,!this.pointerentered&&(this.open=!1)}handleTargetPointerenter(){this.hoverTimeout&&=(clearTimeout(this.hoverTimeout),void 0),!this.overlay?.disabled&&(this.open=!0,this.pointerentered=!0)}handleTargetPointerleave(){this.doPointerleave()}handleHostPointerenter(){this.hoverTimeout&&=(clearTimeout(this.hoverTimeout),void 0)}handleHostPointerleave(){this.doPointerleave()}prepareDescription(){if(this.overlay.elements.length===0)return;let e=this.target.getRootNode(),t=this.overlay.elements[0].getRootNode();e===this.overlay.getRootNode()?this.prepareOverlayRelativeDescription():e===t&&this.prepareContentRelativeDescription()}prepareOverlayRelativeDescription(){let e=n.t(this.target,`aria-describedby`,[this.overlay.id]);this.releaseDescription=()=>{e(),this.releaseDescription=v}}prepareContentRelativeDescription(){let e=[],t=this.overlay.elements.map(t=>(e.push(t.id),t.id||=`${this.overlay.tagName.toLowerCase()}-helper-${r.t()}`,t.id));this.elementIds=e;let i=n.t(this.target,`aria-describedby`,t);this.releaseDescription=()=>{i(),this.overlay.elements.map((e,t)=>{e.id=this.elementIds[t]}),this.releaseDescription=v}}doPointerleave(){this.pointerentered=!1;let e=this.target;this.focusedin&&e.matches(`:focus-visible`)||(this.hoverTimeout=setTimeout(()=>{this.open=!1},G))}init(){this.abortController?.abort(),this.abortController=new AbortController;let{signal:e}=this.abortController;this.target.addEventListener(`keyup`,e=>this.handleKeyup(e),{signal:e}),this.target.addEventListener(`focusin`,()=>this.handleTargetFocusin(),{signal:e}),this.target.addEventListener(`focusout`,()=>this.handleTargetFocusout(),{signal:e}),this.target.addEventListener(`pointerenter`,()=>this.handleTargetPointerenter(),{signal:e}),this.target.addEventListener(`pointerleave`,()=>this.handleTargetPointerleave(),{signal:e}),this.overlay&&this.initOverlay()}initOverlay(){if(!this.abortController)return;let{signal:e}=this.abortController;this.overlay.addEventListener(`pointerenter`,()=>this.handleHostPointerenter(),{signal:e}),this.overlay.addEventListener(`pointerleave`,()=>this.handleHostPointerleave(),{signal:e})}removeSafariFocusRingClass(){s.u()&&this.target.classList.contains(`remove-focus-ring-safari-hack`)&&this.target.classList.remove(H)}},q=300,J={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`},Y=class extends U{constructor(...e){super(...e),this.type=B.longpress,this.longpressState=null,this.releaseDescription=v,this.handlePointerup=()=>{clearTimeout(this.timeout),this.target&&(this.longpressState=this.overlay?.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(e){this.target&&e.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`}}))},q)))}handleKeydown(e){let{code:t,altKey:n}=e;n&&t===`ArrowDown`&&(e.stopPropagation(),e.stopImmediatePropagation())}handleKeyup(e){let{code:t,altKey:n}=e;if(t===`Space`||n&&t===`ArrowDown`){if(!this.target)return;e.stopPropagation(),this.target.dispatchEvent(new CustomEvent(`longpress`,{bubbles:!0,composed:!0,detail:{source:`keyboard`}})),setTimeout(()=>{this.longpressState=null})}}prepareDescription(e){if(this.releaseDescription!==v||this.overlay.elements.length===0)return;let t=document.createElement(`div`);t.id=`longpress-describedby-descriptor-${r.t()}`,t.textContent=J[s.a()||s.t()?`touch`:`keyboard`],t.slot=`longpress-describedby-descriptor`;let i=e.getRootNode();i===this.overlay.getRootNode()?this.overlay.append(t):(t.hidden=!(`host`in i),e.after(t));let a=n.t(e,`aria-describedby`,[t.id]);this.releaseDescription=()=>{a(),t.remove(),this.releaseDescription=v}}shouldCompleteOpen(){this.longpressState=this.longpressState===`pressed`?null:this.longpressState}init(){this.abortController?.abort(),this.abortController=new AbortController;let{signal:e}=this.abortController;this.target.addEventListener(`longpress`,()=>this.handleLongpress(),{signal:e}),this.target.addEventListener(`pointerdown`,e=>this.handlePointerdown(e),{signal:e}),this.prepareDescription(this.target),!this.target.holdAffordance&&(this.target.addEventListener(`keydown`,e=>this.handleKeydown(e),{signal:e}),this.target.addEventListener(`keyup`,e=>this.handleKeyup(e),{signal:e}))}},X={click:W,longpress:Y,hover:K},Z=e.n({LuzmoOverlay:()=>$}),ne=typeof document<`u`&&`showPopover`in document.createElement(`div`),Q=O(x);Q=ne?j(Q):k(Q);var $=class e extends Q{constructor(...e){super(...e),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;let t=new Event(`overlay-relation-query`,{bubbles:!0,composed:!0});e.relatedTarget.addEventListener(t.type,e=>{e.composedPath().includes(this)||(this.open=!1)}),e.relatedTarget.dispatchEvent(t)}}static{this.styles=[(0,c.unsafeCSS)(te)]}get delayed(){return this.elements.at(-1)?.hasAttribute(`delayed`)||this._delayed}set delayed(e){this._delayed=e}get disabled(){return this._disabled}set disabled(e){this._disabled=e,e?(this.strategy?.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 D)}get placementController(){return this._placementController||=new z(this),this._placementController}get open(){return this._open}set open(t){t&&this.disabled||t!==this.open&&(this.strategy?.activelyOpening&&!t||(this._open=t,this.open&&(e.openCount+=1),this.requestUpdate(`open`,!this.open),this.open&&this.requestSlottable()))}static{this.openCount=1}get state(){return this._state}set state(e){if(e===this.state)return;let t=this.state;this._state=e,(this.state===`opened`||this.state===`closed`)&&this.strategy?.shouldCompleteOpen(),this.requestUpdate(`state`,t)}get elementResolver(){return this._elementResolver||=new i.t(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;let e=this.offset||0,t=this.triggerElement,n=this.placement||`right`,r=this.tipPadding;this.placementController.placeOverlay(this.dialogEl,{offset:e,placement:n,tipPadding:r,trigger:t,type:this.type})}async managePopoverOpen(){super.managePopoverOpen();let e=this.open;if(this.open!==e||(await this.manageDelay(e),this.open!==e)||(this.triggerInteraction===`longpress`&&await b(),await this.ensureOnDOM(e),this.open!==e))return;let 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 b(),await b(),e===this.open&&!this.open){this.hasNonVirtualTrigger&&this.contains(this.getRootNode().activeElement)&&this.triggerElement.focus();return}t?.focus()}}returnFocus(){this.open||this.type===`hint`||this.receivesFocus!==`false`&&this.triggerElement?.focus&&(this.contains(this.getRootNode().activeElement)||(()=>{let e=[],t=typeof document>`u`?null:document.activeElement;for(;t?.shadowRoot?.activeElement;)t=t.shadowRoot.activeElement;for(;t;){let n=t.assignedSlot||t.parentElement||t.getRootNode()?.host;n&&e.push(n),t=n}return e})().includes(this)||typeof document<`u`&&document.activeElement===document.body)&&this.triggerElement.focus()}async manageOpen(e){if(!(!this.isConnected&&this.open)&&(this.hasUpdated||await this.updateComplete,this.open?(N.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(),N.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`)){let e=this.getRootNode();this.open?e.addEventListener(`focusout`,this.closeOnFocusOut,{capture:!0}):e.removeEventListener(`focusout`,this.closeOnFocusOut,{capture:!0})}}bindEvents(){this.strategy?.abort(),this.strategy=void 0,this.hasNonVirtualTrigger&&this.triggerInteraction&&(this.strategy=new X[this.triggerInteraction](this.triggerElement,{overlay:this}))}handleBeforetoggle(e){e.newState!==`open`&&this.handleBrowserClose(e)}handleBrowserClose(e){if(e.stopPropagation(),!this.strategy?.activelyOpening){this.open=!1;return}this.manuallyKeepOpen()}handleDialogCancel(e){if(this.type===`page`){e.preventDefault();return}this.handleBrowserClose(e)}manuallyKeepOpen(){this.open=!0,this.placementController.allowPlacementUpdate=!0,this.manageOpen(!1)}handleSlotchange(){this.elements.length===0?this.strategy?.releaseDescription():this.hasNonVirtualTrigger&&this.strategy?.prepareDescription(this.triggerElement)}shouldPreventClose(){let e=this.willPreventClose;return this.willPreventClose=!1,e}requestSlottable(){this.lastRequestSlottableState!==this.open&&(this.open||document.body.offsetHeight,this.dispatchEvent(new a.t(`overlay-content`,this.open?{}:a.n)),this.lastRequestSlottableState=this.open)}willUpdate(e){if(this.hasAttribute(`id`)||this.setAttribute(`id`,`${this.tagName.toLowerCase()}-${r.t()}`),e.has(`open`)&&(this.hasUpdated||this.open)&&this.manageOpen(e.get(`open`)),e.has(`trigger`)){let[e,t]=this.trigger?.split(`@`)||[];this.elementResolver.selector=e?`#${e}`:``,this.triggerInteraction=t}let t=!1;e.has(i.n)&&(t=this.triggerElement,this.triggerElement=this.elementResolver.element),e.has(`triggerElement`)&&(t=e.get(`triggerElement`)),t!==!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 c.html` <slot @slotchange=${this.handleSlotchange}></slot> `}get dialogStyleMap(){return{"--luzmo-overlay-open-count":e.openCount.toString()}}renderDialog(){return c.html`
-      <dialog
-        class="dialog"
-        part="dialog"
-        placement=${(0,u.ifDefined)(this.requiresPositioning?this.placement||`right`:void 0)}
-        style=${(0,d.styleMap)(this.dialogStyleMap)}
-        @close=${this.handleBrowserClose}
-        @cancel=${this.handleDialogCancel}
-        @beforetoggle=${this.handleBeforetoggle}
-        ?is-visible=${this.state!==`closed`}
-      >
-        ${this.renderContent()}
-      </dialog>
-    `}renderPopover(){return c.html`
-      <div
-        class="dialog"
-        part="dialog"
-        placement=${(0,u.ifDefined)(this.requiresPositioning?this.placement||`right`:void 0)}
-        popover=${(0,u.ifDefined)(this.popoverValue)}
-        style=${(0,d.styleMap)(this.dialogStyleMap)}
-        @beforetoggle=${this.handleBeforetoggle}
-        @close=${this.handleBrowserClose}
-        ?is-visible=${this.state!==`closed`}
-      >
-        ${this.renderContent()}
-      </div>
-    `}render(){return c.html`
-      ${this.type===`modal`||this.type===`page`?this.renderDialog():this.renderPopover()}
-      <slot name="longpress-describedby-descriptor"></slot>
-    `}connectedCallback(){super.connectedCallback(),this.addEventListener(`close`,e=>{e.defaultPrevented||(this.open=!1)}),this.addEventListener(`luzmo-close`,e=>{e.defaultPrevented||(this.open=!1)}),this.hasUpdated&&this.bindEvents()}disconnectedCallback(){this.strategy?.releaseDescription(),this.open=!1,super.disconnectedCallback()}};t.t([(0,l.property)({type:Boolean})],$.prototype,`delayed`,null),t.t([(0,l.query)(`.dialog`)],$.prototype,`dialogEl`,void 0),t.t([(0,l.property)({type:Boolean})],$.prototype,`disabled`,null),t.t([(0,l.queryAssignedElements)({flatten:!0,selector:`:not([slot="longpress-describedby-descriptor"], slot)`})],$.prototype,`elements`,void 0),t.t([(0,l.property)({type:Number})],$.prototype,`offset`,void 0),t.t([(0,l.property)({type:Boolean,reflect:!0})],$.prototype,`open`,null),t.t([(0,l.property)()],$.prototype,`placement`,void 0),t.t([(0,l.property)({attribute:`receives-focus`})],$.prototype,`receivesFocus`,void 0),t.t([(0,l.query)(`slot`)],$.prototype,`slotEl`,void 0),t.t([(0,l.state)()],$.prototype,`state`,null),t.t([(0,l.property)({type:Number,attribute:`tip-padding`})],$.prototype,`tipPadding`,void 0),t.t([(0,l.property)()],$.prototype,`trigger`,void 0),t.t([(0,l.property)({attribute:!1})],$.prototype,`triggerElement`,void 0),t.t([(0,l.property)({attribute:!1})],$.prototype,`triggerInteraction`,void 0),t.t([(0,l.property)()],$.prototype,`type`,void 0),Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return Y}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return U}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return V}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return J}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return B}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return Z}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return K}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return X}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return W}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return $}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return H}}),Object.defineProperty(exports,"v",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"y",{enumerable:!0,get:function(){return _}});

package/components/overlay-CPZvL0Ic.cjs

@@ -1,73 +0,0 @@
-/*! * 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 e=require("./decorate-Dq34MBGe.cjs"),t=require("./slottable-request-event-C6eb7Ch3.cjs"),n=require("./overlay-B-gaxspw.cjs");let r=require("lit"),i=require("lit/decorators.js"),a=require("lit/async-directive.js");var o=`:host([disabled]) ::slotted([slot=trigger]){pointer-events:none}slot[name=longpress-describedby-descriptor]{display:none}`,s=class extends e.n{constructor(...e){super(...e),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[(0,r.unsafeCSS)(o)]}getAssignedElementsFromSlot(e){return e.assignedElements({flatten:!0})}handleTriggerContent(e){this.targetContent=this.getAssignedElementsFromSlot(e.target)}handleSlotContent(e){switch(e.target.name){case`click-content`:this.clickContent=this.getAssignedElementsFromSlot(e.target);break;case`longpress-content`:this.longpressContent=this.getAssignedElementsFromSlot(e.target);break;case`hover-content`:this.hoverContent=this.getAssignedElementsFromSlot(e.target);break}}handleBeforetoggle(e){let{target:t}=e,n;if(t===this.clickOverlayElement)n=`click`;else if(t===this.longpressOverlayElement)n=`longpress`;else if(t===this.hoverOverlayElement)n=`hover`;else return;e.newState===`open`?this.open=n:this.open===n&&(this.open=void 0)}update(e){e.has(`clickContent`)&&(this.clickPlacement=this.clickContent[0]?.getAttribute(`placement`)||this.clickContent[0]?.getAttribute(`direction`)||void 0),e.has(`hoverContent`)&&(this.hoverPlacement=this.hoverContent[0]?.getAttribute(`placement`)||this.hoverContent[0]?.getAttribute(`direction`)||void 0),e.has(`longpressContent`)&&(this.longpressPlacement=this.longpressContent[0]?.getAttribute(`placement`)||this.longpressContent[0]?.getAttribute(`direction`)||void 0),super.update(e)}renderSlot(e){return r.html`
-      <slot name=${e} @slotchange=${this.handleSlotContent}></slot>
-    `}renderClickOverlay(){let e=this.renderSlot(`click-content`),t=r.html`
-      <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}
-      >
-        ${e}
-      </luzmo-overlay>
-    `;return this.triggeredBy?.includes(`click`)?t:this.clickContent.length===0?e:t}renderHoverOverlay(){let e=this.renderSlot(`hover-content`),t=r.html`
-      <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}
-      >
-        ${e}
-      </luzmo-overlay>
-    `;return this.triggeredBy?.includes(`hover`)?t:this.hoverContent.length===0?e:t}renderLongpressOverlay(){let e=this.renderSlot(`longpress-content`),t=r.html`
-      <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}
-      >
-        ${e}
-      </luzmo-overlay>
-      <slot name="longpress-describedby-descriptor"></slot>
-    `;return this.triggeredBy?.includes(`longpress`)?t:this.longpressContent.length===0?e:t}render(){return r.html`
-      <slot
-        id="trigger"
-        name="trigger"
-        @slotchange=${this.handleTriggerContent}
-      ></slot>
-      ${[this.renderClickOverlay(),this.renderHoverOverlay(),this.renderLongpressOverlay()]}
-    `}updated(e){if(super.updated(e),this.disabled&&e.has(`disabled`)){this.open=void 0;return}}async getUpdateComplete(){return await super.getUpdateComplete()}};e.t([(0,i.property)()],s.prototype,`content`,void 0),e.t([(0,i.property)({attribute:`triggered-by`})],s.prototype,`triggeredBy`,void 0),e.t([(0,i.property)({reflect:!0})],s.prototype,`placement`,void 0),e.t([(0,i.property)()],s.prototype,`type`,void 0),e.t([(0,i.property)({type:Number})],s.prototype,`offset`,void 0),e.t([(0,i.property)({reflect:!0})],s.prototype,`open`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],s.prototype,`disabled`,void 0),e.t([(0,i.property)({attribute:`receives-focus`})],s.prototype,`receivesFocus`,void 0),e.t([(0,i.state)()],s.prototype,`clickContent`,void 0),e.t([(0,i.state)()],s.prototype,`longpressContent`,void 0),e.t([(0,i.state)()],s.prototype,`hoverContent`,void 0),e.t([(0,i.state)()],s.prototype,`targetContent`,void 0),e.t([(0,i.query)(`#click-overlay`,!0)],s.prototype,`clickOverlayElement`,void 0),e.t([(0,i.query)(`#longpress-overlay`,!0)],s.prototype,`longpressOverlayElement`,void 0),e.t([(0,i.query)(`#hover-overlay`,!0)],s.prototype,`hoverOverlayElement`,void 0);function c(e,t,r,i){return n.t.open(e,t,r,i)}var l=class extends a.AsyncDirective{render(e){return r.nothing}update(e,[t]){this.template=t,this.target!==e.element&&(this.target=e.element,this.renderBefore=this.target.children[0]),this.listenerHost=this.target,this.init()}handleSlottableRequest(e){e.target===e.currentTarget&&(0,r.render)(e.data===t.n?void 0:this.template(),this.target,{renderBefore:this.renderBefore})}init(){this.listeners?.abort(),this.listeners=new AbortController;let{signal:e}=this.listeners;this.listenerHost.addEventListener(`slottable-request`,e=>this.handleSlottableRequest(e),{signal:e})}disconnected(){this.listeners?.abort()}reconnected(){this.init()}},u=(0,a.directive)(l),d=class extends l{constructor(...e){super(...e),this.defaultOptions={triggerInteraction:`click`,overlayOptions:{type:`auto`,offset:0}},this.options={...this.defaultOptions.overlayOptions}}render(e,t){return r.nothing}update(e,[t,r]){this.options={...this.defaultOptions.overlayOptions,...r?.overlayOptions},this.insertionOptions=r?.insertionOptions,this.template=t,this.host=e.options?.host;let i=!1,a=r?.triggerInteraction||this.defaultOptions.triggerInteraction,o=n.l[this.strategy?.type]!==a;this.target!==e.element&&(this.target=e.element,i=!0),(i||o)&&(this.strategy?.abort(),this.strategy=new n.r[a](this.target,{isPersistent:!0,handleOverlayReady:e=>{this.listenerHost=this.overlay=e,this.init()}})),this.strategy.open=r?.open??!1}handleSlottableRequest(e){if(e.target!==e.currentTarget)return;let i=e.data===t.n,a={};if(this.host&&(a.host=this.host),(0,r.render)(i?void 0:this.template(),this.overlay,a),i)this.overlay.remove();else{n.h.applyOptions(this.overlay,{...this.options,trigger:this.target});let e=typeof this.insertionOptions?.el==`function`?this.insertionOptions.el():this.insertionOptions?.el||this.target,{where:t=`afterend`}=this.insertionOptions||{};e.insertAdjacentElement(t,this.overlay)}}},f=(0,a.directive)(d);customElements.get(`luzmo-overlay`)||customElements.define(`luzmo-overlay`,n.t),customElements.get(`luzmo-overlay-trigger`)||customElements.define(`luzmo-overlay-trigger`,s),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});