@luzmo/lucero 2.5.1 → 2.5.2

package/standalone/chunks/{swatch-CGR_GWqO.js → swatch-DivHeYOK.js}

@@ -1,5 +1,5 @@
 
-import"../tokens.js";import{c as e,y as t}from"./lit-BN_lRQbJ.js";import{a as n,c as r,i,l as a,p as o,r as s,u as c,y as l}from"./lucero-runtime-DGJ9-isg.js";import{C as u,a as d}from"./luzmo-icons-B-pCv-xg.js";import{t as f}from"./when-BWvpqCBs.js";import{t as p}from"./roving-tabindex-CB4xC55P.js";var m=`@media (forced-colors:active){:host{--highcontrast-swatch-disabled-icon-color:GrayText;--highcontrast-swatch-focus-indicator-color:ButtonText;--highcontrast-swatch-background-color-selected:Background;--highcontrast-swatch-border-color-selected:Highlight;--highcontrast-swatch-border-color:ButtonText;--highcontrast-swatch-fill-foreground-color:ButtonText}.fill{forced-color-adjust:none}:host([disabled]),:host([disabled]){--highcontrast-swatch-border-color:GrayText}}:host{box-sizing:border-box;inline-size:var(--luzmo-swatch-size,var(--swatch-size));block-size:var(--luzmo-swatch-size,var(--swatch-size));-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;display:flex;position:relative}.disabled-icon{inline-size:var(--luzmo-swatch-disabled-icon-size,var(--swatch-disabled-icon-size));block-size:var(--luzmo-swatch-disabled-icon-size,var(--swatch-disabled-icon-size))}:host,:host:before{border-radius:var(--luzmo-swatch-border-radius,var(--swatch-border-radius))}:host([selected]){background-color:var(--highcontrast-swatch-background-color-selected,var(--luzmo-swatch-inner-border-color-selected,var(--swatch-inner-border-color-selected)))}:host([selected]) .fill:before{box-shadow:none;border-radius:0}:host([selected]):before{opacity:1}:host .is-image .fill:before{background-color:initial}:host([mixed-value]) .fill{background:0 0;background:var(--picked-color,transparent)}:host([mixed-value]) .mixed-value-icon{color:var(--swatch-dash-icon-color);display:block}:host([nothing]) .fill{background-color:initial;background-color:var(--picked-color,transparent);background-image:none}:host([nothing]) .fill:after{inline-size:var(--luzmo-swatch-slash-thickness,var(--swatch-slash-thickness));content:"";background:var(--highcontrast-swatch-fill-foreground-color,var(--luzmo-swatch-slash-icon-color,var(--swatch-slash-icon-color)));block-size:200%;position:absolute;transform:rotate(-45deg)}:host([nothing][shape=rectangle]) .fill:after{transform:rotate(-25deg)}:host([disabled]) .disabled-icon,:host([disabled]) .disabled-icon{display:block}:host:before{content:"";opacity:0;pointer-events:none;position:absolute;inset:0;border-width:var(--luzmo-swatch-border-thickness-selected,var(--swatch-border-thickness-selected))!important;border-style:solid!important;border-color:var(--highcontrast-swatch-border-color-selected,var(--luzmo-swatch-border-color-selected,var(--swatch-border-color-selected)))!important}:host:after{content:"";inset:calc(var(--luzmo-swatch-focus-indicator-gap,var(--swatch-focus-indicator-gap)) * -2);background-color:var(--luzmo-swatch-focus-indicator-background-color,var(--luzmo-background-color));z-index:-1;opacity:0;border-radius:var(--luzmo-swatch-focus-indicator-border-radius,var(--swatch-focus-indicator-border-radius));transition:opacity var(--luzmo-animation-duration) ease-in-out;position:absolute;border-width:var(--luzmo-swatch-focus-indicator-width,var(--swatch-focus-indicator-width))!important;border-style:solid!important;border-color:var(--highcontrast-swatch-focus-indicator-color,var(--luzmo-swatch-focus-indicator-color,var(--swatch-focus-indicator-color)))!important}:host(:focus-visible):after{opacity:1}.fill{box-sizing:border-box;border-radius:var(--luzmo-swatch-border-radius,var(--swatch-border-radius));justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex;position:relative;overflow:hidden}.fill:before{content:"";z-index:0;box-sizing:border-box;box-shadow:inset 0 0 0 var(--luzmo-swatch-border-thickness,var(--swatch-border-thickness)) var(--highcontrast-swatch-border-color,var(--luzmo-swatch-border-color,var(--swatch-border-color)));border-radius:var(--luzmo-swatch-border-radius,var(--swatch-border-radius));position:absolute;inset:0}:host([border=none]) .fill:before,.fill:before{background-color:initial;background-color:var(--picked-color,transparent)}:host([border=none]) .fill:before{box-shadow:none}.mixed-value-icon{pointer-events:none;color:var(--picked-color,transparent);display:none}.disabled-icon{z-index:1;pointer-events:none;color:var(--highcontrast-swatch-disabled-icon-color,var(--luzmo-swatch-disabled-icon-color,var(--swatch-disabled-icon-color)));stroke:var(--highcontrast-swatch-disabled-icon-color,var(--luzmo-swatch-disabled-icon-color,var(--swatch-disabled-icon-color)));display:none;position:relative}.disabled-icon path:first-child{fill:var(--highcontrast-swatch-disabled-icon-color,var(--luzmo-swatch-disabled-icon-color,var(--swatch-disabled-icon-color)))}.disabled-icon path:last-child{fill:var(--luzmo-swatch-icon-border-color,var(--swatch-icon-border-color))}:host([shape=rectangle]){inline-size:calc(var(--luzmo-swatch-size,var(--swatch-size)) * 2)}:host([rounding=none]),:host([rounding=none]) .fill,:host([rounding=none]) .fill:before,:host([rounding=none][selected]) .fill,:host([rounding=none][selected]) .fill:before,:host([rounding=none]):after,:host([rounding=none]):before{border-radius:0}:host([rounding=full][selected]:not([shape=rectangle])) .fill,:host([rounding=full][selected]:not([shape=rectangle])) .fill:before,:host([rounding=full]:not([shape=rectangle])),:host([rounding=full]:not([shape=rectangle])) .fill,:host([rounding=full]:not([shape=rectangle])) .fill:before,:host([rounding=full]:not([shape=rectangle])):after,:host([rounding=full]:not([shape=rectangle])):before{border-radius:100%}:host([selected]) .fill{width:calc(var(--luzmo-swatch-size,var(--swatch-size)) - 2 * var(--luzmo-swatch-border-thickness-selected,var(--swatch-border-thickness-selected)) + -2 * var(--luzmo-swatch-focus-indicator-gap,var(--swatch-focus-indicator-gap)));height:calc(var(--luzmo-swatch-size,var(--swatch-size)) - 2 * var(--luzmo-swatch-border-thickness-selected,var(--swatch-border-thickness-selected)) + -2 * var(--luzmo-swatch-focus-indicator-gap,var(--swatch-focus-indicator-gap)))}:host([selected][shape=rectangle]) .fill{width:calc(var(--luzmo-swatch-size,var(--swatch-size)) * 2 - 2 * var(--luzmo-swatch-border-thickness-selected,var(--swatch-border-thickness-selected)) + -2 * var(--luzmo-swatch-focus-indicator-gap,var(--swatch-focus-indicator-gap)))}::slotted([slot=image]){object-fit:contain;block-size:100%;inline-size:100%;transition:width var(--luzmo-animation-duration) ease-in-out, height var(--luzmo-animation-duration) ease-in-out}:host([size=xl]){--swatch-size:var(--luzmo-component-height-xl);--swatch-disabled-icon-size:24px;--swatch-slash-thickness:6px}:host([size=l]){--swatch-size:var(--luzmo-component-height-l);--swatch-disabled-icon-size:20px;--swatch-slash-thickness:5px}:host([size=s]){--swatch-size:var(--luzmo-component-height-s);--swatch-disabled-icon-size:16px;--swatch-slash-thickness:3px}:host([size=xs]){--swatch-size:var(--luzmo-component-height-xs);--swatch-disabled-icon-size:16px;--swatch-slash-thickness:2px}:host([size=xxs]){--swatch-size:var(--luzmo-component-height-xxs);--swatch-disabled-icon-size:14px;--swatch-slash-thickness:2px}:host{--swatch-size:var(--luzmo-component-height);--swatch-disabled-icon-size:18px;--swatch-slash-thickness:4px;--swatch-border-radius:var(--luzmo-border-radius-s);--swatch-focus-indicator-border-radius:var(--luzmo-border-radius-s);--swatch-border-thickness:var(--luzmo-border-width);--swatch-border-thickness-selected:var(--luzmo-border-width);--swatch-focus-indicator-width:var(--luzmo-indicator-width);--swatch-focus-indicator-gap:var(--luzmo-indicator-gap);--swatch-border-color:var(--luzmo-border-color-down);--swatch-icon-border-color:var(--luzmo-border-color);--swatch-border-color-selected:var(--luzmo-border-color-full-down);--swatch-inner-border-color-selected:var(--luzmo-background-color);--swatch-disabled-icon-color:#fff;--swatch-dash-icon-color:var(--luzmo-font-color);--swatch-slash-icon-color:var(--luzmo-negative-color);--swatch-focus-indicator-color:var(--luzmo-primary)}.fill:before,:host([border=none]) .fill:before{background:var(--picked-color,transparent)}:host .is-image .fill:before{background:0 0}:host .opacity-checkerboard{background:repeating-conic-gradient(var(--luzmo-swatch-checkerboard-light,#fff) 0 25%, var(--luzmo-swatch-checkerboard-dark,#e6e6e6) 0 50%) var(--luzmo-swatch-checkerboard-position,left top)/calc(var(--luzmo-swatch-checkerboard-size,8px) * 2) calc(var(--luzmo-swatch-checkerboard-size,8px) * 2)}`,h=class extends r(n,{validSizes:[`xxs`,`xs`,`s`,`m`,`l`,`xl`],noDefaultSize:!0}){constructor(...t){super(...t),this.color=``,this.label=``,this.mixedValue=!1,this.nothing=!1,this.role=`button`,this.selected=!1,this.readonly=!1,this.renderDisabled=()=>e`
+import"../tokens.js";import{c as e,y as t}from"./lit-DWANyjiY.js";import{a as n,c as r,i,l as a,p as o,r as s,u as c,y as l}from"./lucero-runtime-DMlHjBe_.js";import{C as u,a as d}from"./luzmo-icons-vtQE0BSI.js";import{t as f}from"./when-BWvpqCBs.js";import{t as p}from"./roving-tabindex-CivopiNn.js";var m=`@media (forced-colors:active){:host{--highcontrast-swatch-disabled-icon-color:GrayText;--highcontrast-swatch-focus-indicator-color:ButtonText;--highcontrast-swatch-background-color-selected:Background;--highcontrast-swatch-border-color-selected:Highlight;--highcontrast-swatch-border-color:ButtonText;--highcontrast-swatch-fill-foreground-color:ButtonText}.fill{forced-color-adjust:none}:host([disabled]),:host([disabled]){--highcontrast-swatch-border-color:GrayText}}:host{box-sizing:border-box;inline-size:var(--luzmo-swatch-size,var(--swatch-size));block-size:var(--luzmo-swatch-size,var(--swatch-size));-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;display:flex;position:relative}.disabled-icon{inline-size:var(--luzmo-swatch-disabled-icon-size,var(--swatch-disabled-icon-size));block-size:var(--luzmo-swatch-disabled-icon-size,var(--swatch-disabled-icon-size))}:host,:host:before{border-radius:var(--luzmo-swatch-border-radius,var(--swatch-border-radius))}:host([selected]){background-color:var(--highcontrast-swatch-background-color-selected,var(--luzmo-swatch-inner-border-color-selected,var(--swatch-inner-border-color-selected)))}:host([selected]) .fill:before{box-shadow:none;border-radius:0}:host([selected]):before{opacity:1}:host .is-image .fill:before{background-color:initial}:host([mixed-value]) .fill{background:0 0;background:var(--picked-color,transparent)}:host([mixed-value]) .mixed-value-icon{color:var(--swatch-dash-icon-color);display:block}:host([nothing]) .fill{background-color:initial;background-color:var(--picked-color,transparent);background-image:none}:host([nothing]) .fill:after{inline-size:var(--luzmo-swatch-slash-thickness,var(--swatch-slash-thickness));content:"";background:var(--highcontrast-swatch-fill-foreground-color,var(--luzmo-swatch-slash-icon-color,var(--swatch-slash-icon-color)));block-size:200%;position:absolute;transform:rotate(-45deg)}:host([nothing][shape=rectangle]) .fill:after{transform:rotate(-25deg)}:host([disabled]) .disabled-icon,:host([disabled]) .disabled-icon{display:block}:host:before{content:"";opacity:0;pointer-events:none;position:absolute;inset:0;border-width:var(--luzmo-swatch-border-thickness-selected,var(--swatch-border-thickness-selected))!important;border-style:solid!important;border-color:var(--highcontrast-swatch-border-color-selected,var(--luzmo-swatch-border-color-selected,var(--swatch-border-color-selected)))!important}:host:after{content:"";inset:calc(var(--luzmo-swatch-focus-indicator-gap,var(--swatch-focus-indicator-gap)) * -2);background-color:var(--luzmo-swatch-focus-indicator-background-color,var(--luzmo-background-color));z-index:-1;opacity:0;border-radius:var(--luzmo-swatch-focus-indicator-border-radius,var(--swatch-focus-indicator-border-radius));transition:opacity var(--luzmo-animation-duration) ease-in-out;position:absolute;border-width:var(--luzmo-swatch-focus-indicator-width,var(--swatch-focus-indicator-width))!important;border-style:solid!important;border-color:var(--highcontrast-swatch-focus-indicator-color,var(--luzmo-swatch-focus-indicator-color,var(--swatch-focus-indicator-color)))!important}:host(:focus-visible):after{opacity:1}.fill{box-sizing:border-box;border-radius:var(--luzmo-swatch-border-radius,var(--swatch-border-radius));justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex;position:relative;overflow:hidden}.fill:before{content:"";z-index:0;box-sizing:border-box;box-shadow:inset 0 0 0 var(--luzmo-swatch-border-thickness,var(--swatch-border-thickness)) var(--highcontrast-swatch-border-color,var(--luzmo-swatch-border-color,var(--swatch-border-color)));border-radius:var(--luzmo-swatch-border-radius,var(--swatch-border-radius));position:absolute;inset:0}:host([border=none]) .fill:before,.fill:before{background-color:initial;background-color:var(--picked-color,transparent)}:host([border=none]) .fill:before{box-shadow:none}.mixed-value-icon{pointer-events:none;color:var(--picked-color,transparent);display:none}.disabled-icon{z-index:1;pointer-events:none;color:var(--highcontrast-swatch-disabled-icon-color,var(--luzmo-swatch-disabled-icon-color,var(--swatch-disabled-icon-color)));stroke:var(--highcontrast-swatch-disabled-icon-color,var(--luzmo-swatch-disabled-icon-color,var(--swatch-disabled-icon-color)));display:none;position:relative}.disabled-icon path:first-child{fill:var(--highcontrast-swatch-disabled-icon-color,var(--luzmo-swatch-disabled-icon-color,var(--swatch-disabled-icon-color)))}.disabled-icon path:last-child{fill:var(--luzmo-swatch-icon-border-color,var(--swatch-icon-border-color))}:host([shape=rectangle]){inline-size:calc(var(--luzmo-swatch-size,var(--swatch-size)) * 2)}:host([rounding=none]),:host([rounding=none]) .fill,:host([rounding=none]) .fill:before,:host([rounding=none][selected]) .fill,:host([rounding=none][selected]) .fill:before,:host([rounding=none]):after,:host([rounding=none]):before{border-radius:0}:host([rounding=full][selected]:not([shape=rectangle])) .fill,:host([rounding=full][selected]:not([shape=rectangle])) .fill:before,:host([rounding=full]:not([shape=rectangle])),:host([rounding=full]:not([shape=rectangle])) .fill,:host([rounding=full]:not([shape=rectangle])) .fill:before,:host([rounding=full]:not([shape=rectangle])):after,:host([rounding=full]:not([shape=rectangle])):before{border-radius:100%}:host([selected]) .fill{width:calc(var(--luzmo-swatch-size,var(--swatch-size)) - 2 * var(--luzmo-swatch-border-thickness-selected,var(--swatch-border-thickness-selected)) + -2 * var(--luzmo-swatch-focus-indicator-gap,var(--swatch-focus-indicator-gap)));height:calc(var(--luzmo-swatch-size,var(--swatch-size)) - 2 * var(--luzmo-swatch-border-thickness-selected,var(--swatch-border-thickness-selected)) + -2 * var(--luzmo-swatch-focus-indicator-gap,var(--swatch-focus-indicator-gap)))}:host([selected][shape=rectangle]) .fill{width:calc(var(--luzmo-swatch-size,var(--swatch-size)) * 2 - 2 * var(--luzmo-swatch-border-thickness-selected,var(--swatch-border-thickness-selected)) + -2 * var(--luzmo-swatch-focus-indicator-gap,var(--swatch-focus-indicator-gap)))}::slotted([slot=image]){object-fit:contain;block-size:100%;inline-size:100%;transition:width var(--luzmo-animation-duration) ease-in-out, height var(--luzmo-animation-duration) ease-in-out}:host([size=xl]){--swatch-size:var(--luzmo-component-height-xl);--swatch-disabled-icon-size:24px;--swatch-slash-thickness:6px}:host([size=l]){--swatch-size:var(--luzmo-component-height-l);--swatch-disabled-icon-size:20px;--swatch-slash-thickness:5px}:host([size=s]){--swatch-size:var(--luzmo-component-height-s);--swatch-disabled-icon-size:16px;--swatch-slash-thickness:3px}:host([size=xs]){--swatch-size:var(--luzmo-component-height-xs);--swatch-disabled-icon-size:16px;--swatch-slash-thickness:2px}:host([size=xxs]){--swatch-size:var(--luzmo-component-height-xxs);--swatch-disabled-icon-size:14px;--swatch-slash-thickness:2px}:host{--swatch-size:var(--luzmo-component-height);--swatch-disabled-icon-size:18px;--swatch-slash-thickness:4px;--swatch-border-radius:var(--luzmo-border-radius-s);--swatch-focus-indicator-border-radius:var(--luzmo-border-radius-s);--swatch-border-thickness:var(--luzmo-border-width);--swatch-border-thickness-selected:var(--luzmo-border-width);--swatch-focus-indicator-width:var(--luzmo-indicator-width);--swatch-focus-indicator-gap:var(--luzmo-indicator-gap);--swatch-border-color:var(--luzmo-border-color-down);--swatch-icon-border-color:var(--luzmo-border-color);--swatch-border-color-selected:var(--luzmo-border-color-full-down);--swatch-inner-border-color-selected:var(--luzmo-background-color);--swatch-disabled-icon-color:#fff;--swatch-dash-icon-color:var(--luzmo-font-color);--swatch-slash-icon-color:var(--luzmo-negative-color);--swatch-focus-indicator-color:var(--luzmo-primary)}.fill:before,:host([border=none]) .fill:before{background:var(--picked-color,transparent)}:host .is-image .fill:before{background:0 0}:host .opacity-checkerboard{background:repeating-conic-gradient(var(--luzmo-swatch-checkerboard-light,#fff) 0 25%, var(--luzmo-swatch-checkerboard-dark,#e6e6e6) 0 50%) var(--luzmo-swatch-checkerboard-position,left top)/calc(var(--luzmo-swatch-checkerboard-size,8px) * 2) calc(var(--luzmo-swatch-checkerboard-size,8px) * 2)}`,h=class extends r(n,{validSizes:[`xxs`,`xs`,`s`,`m`,`l`,`xl`],noDefaultSize:!0}){constructor(...t){super(...t),this.color=``,this.label=``,this.mixedValue=!1,this.nothing=!1,this.role=`button`,this.selected=!1,this.readonly=!1,this.renderDisabled=()=>e`
     <svg
       xmlns="http://www.w3.org/2000/svg"
       class="disabled-icon"
@@ -16,7 +16,7 @@ import"../tokens.js";import{c as e,y as t}from"./lit-BN_lRQbJ.js";import{a as n,
         fill="var(--swatch-disabled-icon-stroke-color)"
       />
     </svg>
-  `,this.renderMixedValue=()=>u(d)}static get styles(){return[t(m)]}get value(){return this._value||this.color||this.label}set value(e){if(e===this._value)return;let t=this.value;this._value=e,this.requestUpdate(`value`,t)}get focusElement(){return this}toggle(e){this.readonly||(this.selected=e??!this.selected)}handleClick(){this.disabled||this.mixedValue||(this.toggle(),this.dispatchEvent(new Event(`change`,{cancelable:!0,bubbles:!0}))||this.toggle())}handleKeydown(e){let{code:t}=e;switch(t){case`Space`:e.preventDefault(),this.addEventListener(`keyup`,this.handleKeyup);break;default:break}}handleKeypress(e){let{code:t}=e;switch(t){case`Enter`:case`NumpadEnter`:this.click();break;default:break}}handleKeyup(e){let{code:t}=e;switch(t){case`Space`:this.removeEventListener(`keyup`,this.handleKeyup),this.click();break;default:break}}render(){return e`
+  `,this.renderMixedValue=()=>u(d)}static get styles(){return[t(m)]}get value(){return this._value||this.color||this.label}set value(e){if(e===this._value)return;let t=this.value;this._value=e,this.requestUpdate(`value`,t)}get focusElement(){return this}toggle(e){this.readonly||(this.selected=e??!this.selected)}handleClick(){this.disabled||this.mixedValue||(this.toggle(),this.dispatchEvent(new Event(`change`,{cancelable:!0,bubbles:!0}))||this.toggle())}handleKeydown(e){let{code:t}=e;t===`Space`&&(e.preventDefault(),this.addEventListener(`keyup`,this.handleKeyup))}handleKeypress(e){let{code:t}=e;switch(t){case`Enter`:case`NumpadEnter`:this.click()}}handleKeyup(e){let{code:t}=e;t===`Space`&&(this.removeEventListener(`keyup`,this.handleKeyup),this.click())}render(){return e`
       <div
         class="opacity-checkerboard fill"
         style=${i(this.color?`--picked-color: ${this.color}`:void 0)}
@@ -25,9 +25,9 @@ import"../tokens.js";import{c as e,y as t}from"./lit-BN_lRQbJ.js";import{a as n,
         ${f(this.disabled,this.renderDisabled)}
         ${f(this.mixedValue,this.renderMixedValue)}
       </div>
-    `}willUpdate(e){if(this.getAttribute(`role`)||this.setAttribute(`role`,`button`),(e.has(`selected`)||e.has(`role`))&&!this.readonly){let t=this.role===`button`?`aria-pressed`:`aria-checked`,n=this.role===`button`?`aria-checked`:`aria-pressed`;e.has(`role`)&&this.removeAttribute(n),this.setAttribute(t,this.selected?`true`:`false`)}(e.has(`label`)||e.has(`color`)||e.has(`mixedValue`)||e.has(`nothing`))&&(this.label!==this.color&&this.label?.length?this.setAttribute(`aria-label`,this.label):this.color?this.setAttribute(`aria-label`,this.color):this.mixedValue?this.setAttribute(`aria-label`,`Mixed`):this.nothing?this.setAttribute(`aria-label`,`None`):this.removeAttribute(`aria-label`))}firstUpdated(e){super.firstUpdated(e),this.addEventListener(`click`,this.handleClick),this.addEventListener(`keydown`,this.handleKeydown),this.addEventListener(`keypress`,this.handleKeypress),this.hasAttribute(`tabindex`)||this.setAttribute(`tabindex`,`0`)}};a([l({reflect:!0})],h.prototype,`border`,void 0),a([l()],h.prototype,`color`,void 0),a([l()],h.prototype,`label`,void 0),a([l({type:Boolean,reflect:!0,attribute:`mixed-value`})],h.prototype,`mixedValue`,void 0),a([l({type:Boolean,reflect:!0})],h.prototype,`nothing`,void 0),a([l({reflect:!0})],h.prototype,`role`,void 0),a([l({reflect:!0})],h.prototype,`rounding`,void 0),a([l({type:Boolean,reflect:!0})],h.prototype,`selected`,void 0),a([l({type:Boolean,reflect:!0})],h.prototype,`readonly`,void 0),a([l({reflect:!0})],h.prototype,`shape`,void 0),a([l()],h.prototype,`value`,null);var g=`:host{justify-content:flex-start;align-items:flex-start;gap:var(--luzmo-swatch-group-spacing-regular,var(--swatch-group-spacing-regular));flex-flow:wrap;display:inline-flex}:host([density=compact]){gap:var(--luzmo-swatch-group-spacing-compact,var(--swatch-group-spacing-compact))}:host([density=spacious]){gap:var(--luzmo-swatch-group-spacing-spacious,var(--swatch-group-spacing-spacious))}:host{--swatch-group-spacing-compact:2px;--swatch-group-spacing-regular:4px;--swatch-group-spacing-spacious:8px}`,_=class extends r(c,{validSizes:[`xs`,`s`,`m`,`l`],noDefaultSize:!0}){static get styles(){return[t(g)]}get selected(){return this._selected}set selected(e){if(e===this.selected)return;let t=this.selected;this._selected=e,this.requestUpdate(`selected`,t)}constructor(){super(),this._selected=[],this.selectedSet=new Set,this.rovingTabindexController=new p(this,{focusInIndex:e=>{let t=-1,n=e.findIndex((n,r)=>(!e[t]&&!n.disabled&&(t=r),n.selected&&!n.disabled));return e[n]?n:t},elements:()=>this.swatches,isFocusableElement:e=>!e.disabled}),this.manageChange=async()=>{let e=new Set;this.selectedSet=new Set(this.selected),await Promise.all(this.swatches.map(e=>e.updateComplete)),this.swatches.forEach(t=>{e.add(t.value),t.selected&&this.selectedSet.add(t.value)}),this.selectedSet.forEach(t=>{e.has(t)||this.selectedSet.delete(t)}),this._selected=[...this.selectedSet],this.rovingTabindexController.clearElementCache()},new s(this,{config:{attributes:!0,childList:!0,subtree:!0},callback:()=>{this.manageChange()}})}focus(e){this.rovingTabindexController.focus(e)}handleChange(e){e.stopPropagation();let t=this.selected;if(!this.selects){e.preventDefault();return}if(this.selects===`single`){let{target:t}=e;if(t.tabIndex=0,t.selected=!0,this.selectedSet.has(t.value))return;this.selectedSet.clear(),this.selectedSet.add(t.value),this.rovingTabindexController.elements.forEach(e=>{e!==t&&(e.selected=!1)})}else if(this.selects===`multiple`){let{target:t}=e;t.selected?this.selectedSet.add(t.value):this.selectedSet.delete(t.value)}this._selected=[...this.selectedSet],this.dispatchEvent(new Event(`change`,{cancelable:!0,bubbles:!0}))||(this._selected=t,e.preventDefault())}getPassthroughSwatchActions(e){let t={};e.has(`selects`)&&(this.selects||e.get(`selects`)!==void 0)&&(t.selects=this.selects),e.has(`border`)&&(this.border||e.get(`border`)!==void 0)&&(t.border=this.border),e.has(`rounding`)&&(this.rounding||e.get(`rounding`)!==void 0)&&(t.rounding=this.rounding),e.has(`size`)&&(this.size!==`m`||e.get(`size`)!==void 0)&&(t.size=this.size),e.has(`shape`)&&(this.shape||e.get(`shape`)!==void 0)&&(t.shape=this.shape);let n=[];return Object.keys(t).length>0&&n.push(e=>{`border`in t&&(e.border=t.border),`rounding`in t&&(e.rounding=t.rounding),`shape`in t&&(e.shape=t.shape),`size`in t&&(e.size=t.size)}),n}getSelectionSwatchActions(e){let t=[];if(!e.has(`selects`))return t;this.selects?this.setAttribute(`role`,this.selects===`single`?`radiogroup`:`group`):this.removeAttribute(`role`);let n=this.selects?{single:`radio`,multiple:`checkbox`}[this.selects]:`button`;return t.push(e=>{e.setAttribute(`role`,n)}),t}render(){return e`
+    `}willUpdate(e){if(this.getAttribute(`role`)||this.setAttribute(`role`,`button`),(e.has(`selected`)||e.has(`role`))&&!this.readonly){let t=this.role===`button`?`aria-pressed`:`aria-checked`,n=this.role===`button`?`aria-checked`:`aria-pressed`;e.has(`role`)&&this.removeAttribute(n),this.setAttribute(t,this.selected?`true`:`false`)}(e.has(`label`)||e.has(`color`)||e.has(`mixedValue`)||e.has(`nothing`))&&(this.label!==this.color&&this.label?.length?this.setAttribute(`aria-label`,this.label):this.color?this.setAttribute(`aria-label`,this.color):this.mixedValue?this.setAttribute(`aria-label`,`Mixed`):this.nothing?this.setAttribute(`aria-label`,`None`):this.removeAttribute(`aria-label`))}firstUpdated(e){super.firstUpdated(e),this.addEventListener(`click`,this.handleClick),this.addEventListener(`keydown`,this.handleKeydown),this.addEventListener(`keypress`,this.handleKeypress),this.hasAttribute(`tabindex`)||this.setAttribute(`tabindex`,`0`)}};a([l({reflect:!0})],h.prototype,`border`,void 0),a([l()],h.prototype,`color`,void 0),a([l()],h.prototype,`label`,void 0),a([l({type:Boolean,reflect:!0,attribute:`mixed-value`})],h.prototype,`mixedValue`,void 0),a([l({type:Boolean,reflect:!0})],h.prototype,`nothing`,void 0),a([l({reflect:!0})],h.prototype,`role`,void 0),a([l({reflect:!0})],h.prototype,`rounding`,void 0),a([l({type:Boolean,reflect:!0})],h.prototype,`selected`,void 0),a([l({type:Boolean,reflect:!0})],h.prototype,`readonly`,void 0),a([l({reflect:!0})],h.prototype,`shape`,void 0),a([l()],h.prototype,`value`,null);var g=`:host{justify-content:flex-start;align-items:flex-start;gap:var(--luzmo-swatch-group-spacing-regular,var(--swatch-group-spacing-regular));flex-flow:wrap;display:inline-flex}:host([density=compact]){gap:var(--luzmo-swatch-group-spacing-compact,var(--swatch-group-spacing-compact))}:host([density=spacious]){gap:var(--luzmo-swatch-group-spacing-spacious,var(--swatch-group-spacing-spacious))}:host{--swatch-group-spacing-compact:2px;--swatch-group-spacing-regular:4px;--swatch-group-spacing-spacious:8px}`,_=class extends r(c,{validSizes:[`xs`,`s`,`m`,`l`],noDefaultSize:!0}){static get styles(){return[t(g)]}get selected(){return this._selected}set selected(e){if(e===this.selected)return;let t=this.selected;this._selected=e,this.requestUpdate(`selected`,t)}constructor(){super(),this._selected=[],this.selectedSet=/* @__PURE__ */ new Set,this.rovingTabindexController=new p(this,{focusInIndex:e=>{let t=-1,n=e.findIndex((n,r)=>(!e[t]&&!n.disabled&&(t=r),n.selected&&!n.disabled));return e[n]?n:t},elements:()=>this.swatches,isFocusableElement:e=>!e.disabled}),this.manageChange=async()=>{let e=/* @__PURE__ */ new Set;this.selectedSet=new Set(this.selected),await Promise.all(this.swatches.map(e=>e.updateComplete)),this.swatches.forEach(t=>{e.add(t.value),t.selected&&this.selectedSet.add(t.value)}),this.selectedSet.forEach(t=>{e.has(t)||this.selectedSet.delete(t)}),this._selected=[...this.selectedSet],this.rovingTabindexController.clearElementCache()},new s(this,{config:{attributes:!0,childList:!0,subtree:!0},callback:()=>{this.manageChange()}})}focus(e){this.rovingTabindexController.focus(e)}handleChange(e){e.stopPropagation();let t=this.selected;if(!this.selects)e.preventDefault();else{if(this.selects===`single`){let{target:t}=e;if(t.tabIndex=0,t.selected=!0,this.selectedSet.has(t.value))return;this.selectedSet.clear(),this.selectedSet.add(t.value),this.rovingTabindexController.elements.forEach(e=>{e!==t&&(e.selected=!1)})}else if(this.selects===`multiple`){let{target:t}=e;t.selected?this.selectedSet.add(t.value):this.selectedSet.delete(t.value)}this._selected=[...this.selectedSet],this.dispatchEvent(new Event(`change`,{cancelable:!0,bubbles:!0}))||(this._selected=t,e.preventDefault())}}getPassthroughSwatchActions(e){let t={};e.has(`selects`)&&(this.selects||e.get(`selects`)!==void 0)&&(t.selects=this.selects),e.has(`border`)&&(this.border||e.get(`border`)!==void 0)&&(t.border=this.border),e.has(`rounding`)&&(this.rounding||e.get(`rounding`)!==void 0)&&(t.rounding=this.rounding),e.has(`size`)&&(this.size!==`m`||e.get(`size`)!==void 0)&&(t.size=this.size),e.has(`shape`)&&(this.shape||e.get(`shape`)!==void 0)&&(t.shape=this.shape);let n=[];return Object.keys(t).length>0&&n.push(e=>{`border`in t&&(e.border=t.border),`rounding`in t&&(e.rounding=t.rounding),`shape`in t&&(e.shape=t.shape),`size`in t&&(e.size=t.size)}),n}getSelectionSwatchActions(e){let t=[];if(!e.has(`selects`))return t;this.selects?this.setAttribute(`role`,this.selects===`single`?`radiogroup`:`group`):this.removeAttribute(`role`);let n=this.selects?{single:`radio`,multiple:`checkbox`}[this.selects]:`button`;return t.push(e=>{e.setAttribute(`role`,n)}),t}render(){return e`
       <slot
         @change=${this.handleChange}
         @slotchange=${this.manageChange}
       ></slot>
-    `}willUpdate(e){let t=[...this.getPassthroughSwatchActions(e),...this.getSelectionSwatchActions(e)],n=new Set(this.selected),r=new Set;e.has(`selected`)&&t.push(e=>{r.add(e.value),e.selected=!!(n.has(e.value)||!this.hasUpdated&&e.selected)});let i=()=>{n=new Set(this.selected),this.swatches.forEach(e=>{t.forEach(t=>{t(e)})}),e.has(`selected`)&&(this._selected=[...n.values()].filter(e=>r.has(e)))};this.hasUpdated?i():this.renderRoot.addEventListener(`slotchange`,()=>{requestAnimationFrame(i)},{once:!0})}};a([l({reflect:!0})],_.prototype,`border`,void 0),a([l({reflect:!0})],_.prototype,`density`,void 0),a([l({reflect:!0})],_.prototype,`rounding`,void 0),a([l({type:Array})],_.prototype,`selected`,null),a([l()],_.prototype,`selects`,void 0),a([l({reflect:!0})],_.prototype,`shape`,void 0),a([o({flatten:!0})],_.prototype,`swatches`,void 0),customElements.get(`luzmo-swatch`)||customElements.define(`luzmo-swatch`,h),customElements.get(`luzmo-swatch-group`)||customElements.define(`luzmo-swatch-group`,_);export{h as n,_ as t};
+    `}willUpdate(e){let t=[...this.getPassthroughSwatchActions(e),...this.getSelectionSwatchActions(e)],n=new Set(this.selected),r=/* @__PURE__ */ new Set;e.has(`selected`)&&t.push(e=>{r.add(e.value),e.selected=!!(n.has(e.value)||!this.hasUpdated&&e.selected)});let i=()=>{n=new Set(this.selected),this.swatches.forEach(e=>{t.forEach(t=>{t(e)})}),e.has(`selected`)&&(this._selected=[...n.values()].filter(e=>r.has(e)))};this.hasUpdated?i():this.renderRoot.addEventListener(`slotchange`,()=>{requestAnimationFrame(i)},{once:!0})}};a([l({reflect:!0})],_.prototype,`border`,void 0),a([l({reflect:!0})],_.prototype,`density`,void 0),a([l({reflect:!0})],_.prototype,`rounding`,void 0),a([l({type:Array})],_.prototype,`selected`,null),a([l()],_.prototype,`selects`,void 0),a([l({reflect:!0})],_.prototype,`shape`,void 0),a([o({flatten:!0})],_.prototype,`swatches`,void 0),customElements.get(`luzmo-swatch`)||customElements.define(`luzmo-swatch`,h),customElements.get(`luzmo-swatch-group`)||customElements.define(`luzmo-swatch-group`,_);export{h as n,_ as t};

package/standalone/chunks/{template-property-Dn64faHO.js → template-property-CyrkVY0Q.js}

@@ -1,2 +1,2 @@
 
-import{c as e,i as t}from"./lit-BN_lRQbJ.js";import{y as n}from"./lucero-runtime-DGJ9-isg.js";import{r,t as i}from"./directive-Du_3lDov.js";import{t as a}from"./async-directive-BA2_dM-5.js";import"./async-directive-CPdA0BOw.js";function o(e){if(!e.context.includes(e.implicit))throw Error(`The implicit template value must name a context argument.`);return n({attribute:!1})}var s=i(class extends a{constructor(e){if(super(e),this.args=[],e.type!==r.CHILD)throw Error(`Template renderers must be used in child expressions.`)}render(e,n){return e!==this.factory&&this.dispose(),this.factory=e,this.args=n,this.isConnected?(this.view?this.view.update(n):this.view=e(n),this.view.nodes):t}disconnected(){this.dispose()}reconnected(){this.factory&&this.setValue(this.render(this.factory,this.args))}dispose(){this.view?.destroy(),this.view=void 0}});function c(t){return(...n)=>e`${s(t,n)}`}export{o as n,c as t};
+import{c as e,i as t}from"./lit-DWANyjiY.js";import{y as n}from"./lucero-runtime-DMlHjBe_.js";import{r,t as i}from"./directive-Du_3lDov.js";import{t as a}from"./async-directive-ByLzVnWY.js";import"./async-directive-DNgXlN7F.js";function o(e){if(!e.context.includes(e.implicit))throw Error(`The implicit template value must name a context argument.`);return n({attribute:!1})}var s=i(class extends a{constructor(e){if(super(e),this.args=[],e.type!==r.CHILD)throw Error(`Template renderers must be used in child expressions.`)}render(e,n){return e!==this.factory&&this.dispose(),this.factory=e,this.args=n,this.isConnected?(this.view?this.view.update(n):this.view=e(n),this.view.nodes):t}disconnected(){this.dispose()}reconnected(){this.factory&&this.setValue(this.render(this.factory,this.args))}dispose(){this.view?.destroy(),this.view=void 0}});function c(t){return(...n)=>e`${s(t,n)}`}export{o as n,c as t};

package/standalone/chunks/{text-field-4OKvLOXG.js → text-field-D5ncaa2n.js}

@@ -1,5 +1,5 @@
 
-import"../tokens.js";import{c as e,i as t,y as n}from"./lit-BN_lRQbJ.js";import{c as r,l as i,u as a,y as o}from"./lucero-runtime-DGJ9-isg.js";import{C as s,u as c}from"./luzmo-icons-B-pCv-xg.js";import{t as l}from"./text-field-C2oROxum.js";var u=`@media (forced-colors:active){:host{--highcontrast-helptext-content-color-default:CanvasText;--highcontrast-helptext-icon-color-default:CanvasText}:host,.text,.icon{forced-color-adjust:none}}:host{--helptext-bottom-to-workflow-icon:3px;color:var(--highcontrast-helptext-content-color-default,var(--luzmo-helptext-content-color-default,var(--helptext-content-color-default)));font-family:var(--luzmo-helptext-font-family,var(--luzmo-font-family));font-weight:var(--luzmo-helptext-font-weight,var(--luzmo-font-weight));font-size:var(--luzmo-helptext-font-size,var(--helptext-font-size,var(--luzmo-font-size-s)));min-block-size:var(--luzmo-helptext-min-height,var(--helptext-min-height,24px));display:flex}.icon{block-size:var(--luzmo-helptext-icon-size,var(--helptext-icon-size,18px));inline-size:var(--luzmo-helptext-icon-size,var(--helptext-icon-size,18px));flex-shrink:0;margin-inline-end:var(--luzmo-helptext-text-to-visual,var(--helptext-text-to-visual,7px));padding-block-start:var(--luzmo-helptext-top-to-workflow-icon,var(--helptext-top-to-workflow-icon,3px));padding-block-end:var(--luzmo-helptext-bottom-to-workflow-icon,var(--helptext-bottom-to-workflow-icon,3px))}.text{line-height:var(--luzmo-helptext-line-height,var(--helptext-line-height,1.3));padding-block-start:var(--luzmo-helptext-top-to-text,var(--helptext-top-to-text,4px));padding-block-end:var(--luzmo-helptext-bottom-to-text,var(--helptext-bottom-to-text,5px))}:host(:lang(ja)) .text,:host(:lang(ko)) .text,:host(:lang(zh)) .text{line-height:var(--luzmo-helptext-line-height-cjk,var(--helptext-line-height-cjk,1.4))}:host([variant=neutral]) .text{color:var(--highcontrast-helptext-content-color-default,var(--luzmo-helptext-content-color-default,var(--helptext-content-color-default)))}:host([variant=neutral]) .icon{color:var(--highcontrast-helptext-icon-color-default,var(--luzmo-helptext-icon-color-default,var(--helptext-icon-color-default)))}:host([variant=negative]) .text{color:var(--highcontrast-helptext-content-color-default,var(--luzmo-helptext-content-color-default,var(--luzmo-negative-color-down)))}:host([variant=negative]) .icon{color:var(--highcontrast-helptext-icon-color-default,var(--luzmo-helptext-icon-color-default,var(--helptext-icon-color-default)))}:host([disabled]) .text{color:var(--highcontrast-helptext-content-color-default,var(--luzmo-helptext-content-color-default,var(--luzmo-font-color)))}:host([disabled]) .icon{color:var(--highcontrast-helptext-icon-color-default,var(--luzmo-helptext-icon-color-default,var(--helptext-icon-color-default)))}:host{--helptext-line-height:1.3;--helptext-content-color-default:var(--luzmo-font-color);--helptext-icon-color-default:var(--luzmo-font-color);--helptext-disabled-content-color:var(--luzmo-font-color-disabled)}:host([variant=neutral]){--helptext-content-color-default:var(--luzmo-font-color);--helptext-icon-color-default:var(--luzmo-font-color)}:host([variant=negative]){--helptext-content-color-default:var(--luzmo-negative-color);--helptext-icon-color-default:var(--luzmo-negative-color)}:host([disabled]){--helptext-content-color-default:var(--luzmo-font-color-disabled);--helptext-icon-color-default:var(--luzmo-font-color-disabled)}:host(:lang(ja)),:host(:lang(zh)),:host(:lang(ko)){--helptext-line-height-cjk:1.4}:host([size=s]){--helptext-min-height:24px;--helptext-icon-size:16px;--helptext-font-size:12px;--helptext-text-to-visual:7px;--helptext-top-to-workflow-icon:4px;--helptext-top-to-text:4px;--helptext-bottom-to-text:5px}:host{--helptext-min-height:24px;--helptext-icon-size:18px;--helptext-font-size:12px;--helptext-text-to-visual:7px;--helptext-top-to-workflow-icon:3px;--helptext-top-to-text:4px;--helptext-bottom-to-text:5px}:host([size=l]){--helptext-min-height:32px;--helptext-icon-size:20px;--helptext-font-size:14px;--helptext-text-to-visual:8px;--helptext-top-to-workflow-icon:6px;--helptext-top-to-text:6px;--helptext-bottom-to-text:5px}:host([size=xl]){--helptext-min-height:40px;--helptext-icon-size:22px;--helptext-font-size:16px;--helptext-text-to-visual:9px;--helptext-top-to-workflow-icon:9px;--helptext-top-to-text:9px;--helptext-bottom-to-text:12px}`,d=class extends r(a,{noDefaultSize:!0}){constructor(...e){super(...e),this.icon=!1,this.variant=`neutral`}static get styles(){return[n(u)]}render(){return e`
+import"../tokens.js";import{c as e,i as t,y as n}from"./lit-DWANyjiY.js";import{c as r,l as i,u as a,y as o}from"./lucero-runtime-DMlHjBe_.js";import{C as s,u as c}from"./luzmo-icons-vtQE0BSI.js";import{t as l}from"./text-field-DXzpM1Qn.js";var u=`@media (forced-colors:active){:host{--highcontrast-helptext-content-color-default:CanvasText;--highcontrast-helptext-icon-color-default:CanvasText}:host,.text,.icon{forced-color-adjust:none}}:host{--helptext-bottom-to-workflow-icon:3px;color:var(--highcontrast-helptext-content-color-default,var(--luzmo-helptext-content-color-default,var(--helptext-content-color-default)));font-family:var(--luzmo-helptext-font-family,var(--luzmo-font-family));font-weight:var(--luzmo-helptext-font-weight,var(--luzmo-font-weight));font-size:var(--luzmo-helptext-font-size,var(--helptext-font-size,var(--luzmo-font-size-s)));min-block-size:var(--luzmo-helptext-min-height,var(--helptext-min-height,24px));display:flex}.icon{block-size:var(--luzmo-helptext-icon-size,var(--helptext-icon-size,18px));inline-size:var(--luzmo-helptext-icon-size,var(--helptext-icon-size,18px));flex-shrink:0;margin-inline-end:var(--luzmo-helptext-text-to-visual,var(--helptext-text-to-visual,7px));padding-block-start:var(--luzmo-helptext-top-to-workflow-icon,var(--helptext-top-to-workflow-icon,3px));padding-block-end:var(--luzmo-helptext-bottom-to-workflow-icon,var(--helptext-bottom-to-workflow-icon,3px))}.text{line-height:var(--luzmo-helptext-line-height,var(--helptext-line-height,1.3));padding-block-start:var(--luzmo-helptext-top-to-text,var(--helptext-top-to-text,4px));padding-block-end:var(--luzmo-helptext-bottom-to-text,var(--helptext-bottom-to-text,5px))}:host(:lang(ja)) .text,:host(:lang(ko)) .text,:host(:lang(zh)) .text{line-height:var(--luzmo-helptext-line-height-cjk,var(--helptext-line-height-cjk,1.4))}:host([variant=neutral]) .text{color:var(--highcontrast-helptext-content-color-default,var(--luzmo-helptext-content-color-default,var(--helptext-content-color-default)))}:host([variant=neutral]) .icon{color:var(--highcontrast-helptext-icon-color-default,var(--luzmo-helptext-icon-color-default,var(--helptext-icon-color-default)))}:host([variant=negative]) .text{color:var(--highcontrast-helptext-content-color-default,var(--luzmo-helptext-content-color-default,var(--luzmo-negative-color-down)))}:host([variant=negative]) .icon{color:var(--highcontrast-helptext-icon-color-default,var(--luzmo-helptext-icon-color-default,var(--helptext-icon-color-default)))}:host([disabled]) .text{color:var(--highcontrast-helptext-content-color-default,var(--luzmo-helptext-content-color-default,var(--luzmo-font-color)))}:host([disabled]) .icon{color:var(--highcontrast-helptext-icon-color-default,var(--luzmo-helptext-icon-color-default,var(--helptext-icon-color-default)))}:host{--helptext-line-height:1.3;--helptext-content-color-default:var(--luzmo-font-color);--helptext-icon-color-default:var(--luzmo-font-color);--helptext-disabled-content-color:var(--luzmo-font-color-disabled)}:host([variant=neutral]){--helptext-content-color-default:var(--luzmo-font-color);--helptext-icon-color-default:var(--luzmo-font-color)}:host([variant=negative]){--helptext-content-color-default:var(--luzmo-negative-color);--helptext-icon-color-default:var(--luzmo-negative-color)}:host([disabled]){--helptext-content-color-default:var(--luzmo-font-color-disabled);--helptext-icon-color-default:var(--luzmo-font-color-disabled)}:host(:lang(ja)),:host(:lang(zh)),:host(:lang(ko)){--helptext-line-height-cjk:1.4}:host([size=s]){--helptext-min-height:24px;--helptext-icon-size:16px;--helptext-font-size:12px;--helptext-text-to-visual:7px;--helptext-top-to-workflow-icon:4px;--helptext-top-to-text:4px;--helptext-bottom-to-text:5px}:host{--helptext-min-height:24px;--helptext-icon-size:18px;--helptext-font-size:12px;--helptext-text-to-visual:7px;--helptext-top-to-workflow-icon:3px;--helptext-top-to-text:4px;--helptext-bottom-to-text:5px}:host([size=l]){--helptext-min-height:32px;--helptext-icon-size:20px;--helptext-font-size:14px;--helptext-text-to-visual:8px;--helptext-top-to-workflow-icon:6px;--helptext-top-to-text:6px;--helptext-bottom-to-text:5px}:host([size=xl]){--helptext-min-height:40px;--helptext-icon-size:22px;--helptext-font-size:16px;--helptext-text-to-visual:9px;--helptext-top-to-workflow-icon:9px;--helptext-top-to-text:9px;--helptext-bottom-to-text:12px}`,d=class extends r(a,{noDefaultSize:!0}){constructor(...e){super(...e),this.icon=!1,this.variant=`neutral`}static get styles(){return[n(u)]}render(){return e`
       ${this.variant===`negative`&&this.icon?e` ${s(c)} `:t}
       <div class="text"><slot></slot></div>
     `}};i([o({type:Boolean,reflect:!0})],d.prototype,`icon`,void 0),i([o({reflect:!0})],d.prototype,`variant`,void 0),customElements.get(`luzmo-text-field`)||customElements.define(`luzmo-text-field`,l),customElements.get(`luzmo-help-text`)||customElements.define(`luzmo-help-text`,d);export{d as t};

package/standalone/chunks/{text-field-C2oROxum.js → text-field-DXzpM1Qn.js}

@@ -1,5 +1,5 @@
 
-import{c as e,i as t,o as n,y as r}from"./lit-BN_lRQbJ.js";import{a as i,c as a,g as o,i as s,l as c,v as l,y as u}from"./lucero-runtime-DGJ9-isg.js";import{C as d,c as f,o as p}from"./luzmo-icons-B-pCv-xg.js";import{n as m,r as h,t as g}from"./directive-Du_3lDov.js";import{i as _,r as v}from"./directive-helpers-Bu8icI7Y.js";import{t as y}from"./manage-help-text-Cl9OJ2xf.js";import{t as b}from"./text-field.module-ClDE7laI.js";var x=g(class extends m{constructor(e){if(super(e),e.type!==h.PROPERTY&&e.type!==h.ATTRIBUTE&&e.type!==h.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!_(e))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[r]){if(r===n||r===t)return r;let i=e.element,a=e.name;if(e.type===h.PROPERTY){if(r===i[a])return n}else if(e.type===h.BOOLEAN_ATTRIBUTE){if(!!r===i.hasAttribute(a))return n}else if(e.type===h.ATTRIBUTE&&i.getAttribute(a)===r+``)return n;return v(e),r}}),S=[`text`,`url`,`tel`,`email`,`password`],C=class extends y(a(i,{noDefaultSize:!0})){constructor(...e){super(...e),this.allowedKeys=``,this.focused=!1,this.invalid=!1,this.label=``,this.placeholder=``,this._type=`text`,this.grows=!1,this.maxlength=-1,this.minlength=-1,this.multiline=!1,this.readonly=!1,this.rows=-1,this.maxRows=-1,this.valid=!1,this.hideValidationIcons=!1,this._value=``,this.quiet=!1,this.required=!1}static get styles(){return[r(b)]}applyFocusElementLabel(e){this.appliedLabel=e}set type(e){let t=this._type;this._type=e,this.requestUpdate(`type`,t)}get type(){return S.find(e=>e===this._type)??`text`}set value(e){if(e===this.value)return;let t=this._value;this._value=e,this.requestUpdate(`value`,t)}get value(){return this._value}get focusElement(){return this.inputElement}setSelectionRange(e,t,n=`none`){this.inputElement.setSelectionRange(e,t,n)}select(){this.inputElement.select()}handleInput(e){if(this.allowedKeys&&this.inputElement.value&&!RegExp(`^[${this.allowedKeys}]*$`,`u`).test(this.inputElement.value)){let e=this.inputElement.selectionStart-1;this.inputElement.value=this.value.toString(),this.inputElement.setSelectionRange(e,e);return}this.value=this.inputElement.value}handleChange(){this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0}))}onFocus(){this.focused=!this.readonly&&!0}onBlur(e){this.focused=!this.readonly&&!1}handleInputElementPointerdown(){}renderStateIcons(){return this.hideValidationIcons?t:this.invalid?e`
+import{c as e,i as t,o as n,y as r}from"./lit-DWANyjiY.js";import{a as i,c as a,g as o,i as s,l as c,v as l,y as u}from"./lucero-runtime-DMlHjBe_.js";import{C as d,c as f,o as p}from"./luzmo-icons-vtQE0BSI.js";import{n as m,r as h,t as g}from"./directive-Du_3lDov.js";import{i as _,r as v}from"./directive-helpers-DM8VtBpR.js";import{t as y}from"./manage-help-text-DO3PkWgh.js";import{t as b}from"./text-field.module-ClDE7laI.js";var x=g(class extends m{constructor(e){if(super(e),e.type!==h.PROPERTY&&e.type!==h.ATTRIBUTE&&e.type!==h.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!_(e))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[r]){if(r===n||r===t)return r;let i=e.element,a=e.name;if(e.type===h.PROPERTY){if(r===i[a])return n}else if(e.type===h.BOOLEAN_ATTRIBUTE){if(!!r===i.hasAttribute(a))return n}else if(e.type===h.ATTRIBUTE&&i.getAttribute(a)===r+``)return n;return v(e),r}}),S=[`text`,`url`,`tel`,`email`,`password`],C=class extends y(a(i,{noDefaultSize:!0})){constructor(...e){super(...e),this.allowedKeys=``,this.focused=!1,this.invalid=!1,this.label=``,this.placeholder=``,this._type=`text`,this.grows=!1,this.maxlength=-1,this.minlength=-1,this.multiline=!1,this.readonly=!1,this.rows=-1,this.maxRows=-1,this.valid=!1,this.hideValidationIcons=!1,this._value=``,this.quiet=!1,this.required=!1}static get styles(){return[r(b)]}applyFocusElementLabel(e){this.appliedLabel=e}set type(e){let t=this._type;this._type=e,this.requestUpdate(`type`,t)}get type(){return S.find(e=>e===this._type)??`text`}set value(e){if(e===this.value)return;let t=this._value;this._value=e,this.requestUpdate(`value`,t)}get value(){return this._value}get focusElement(){return this.inputElement}setSelectionRange(e,t,n=`none`){this.inputElement.setSelectionRange(e,t,n)}select(){this.inputElement.select()}handleInput(e){if(this.allowedKeys&&this.inputElement.value&&!RegExp(`^[${this.allowedKeys}]*$`,`u`).test(this.inputElement.value)){let e=this.inputElement.selectionStart-1;this.inputElement.value=this.value.toString(),this.inputElement.setSelectionRange(e,e)}else this.value=this.inputElement.value}handleChange(){this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0}))}onFocus(){this.focused=!this.readonly&&!0}onBlur(e){this.focused=!this.readonly&&!1}handleInputElementPointerdown(){}renderStateIcons(){return this.hideValidationIcons?t:this.invalid?e`
         <div id="invalid" class="icon">${d(p)}</div>
       `:this.valid?e`
         <div id="valid" class="icon">${d(f)}</div>

package/standalone/chunks/{tooltip-DB6jRVyB.js → tooltip-B-j8PrNl.js}

@@ -1,5 +1,17 @@
 
-import"../tokens.js";import{c as e,y as t}from"./lit-BN_lRQbJ.js";import{c as n,g as r,i,l as a,u as o,y as s}from"./lucero-runtime-DGJ9-isg.js";import{t as c}from"./dependency-manger-BPrqqTnJ.js";import{t as l}from"./focusable-selectors-D5e0OxNL.js";var u=`#tooltip{pointer-events:none;visibility:hidden;opacity:0;transition:transform .13s ease-in-out,opacity .13s ease-in-out,visibility 0s linear .13s;transition:transform var(--luzmo-overlay-animation-duration,.13s) ease-in-out, opacity var(--luzmo-overlay-animation-duration,.13s) ease-in-out, visibility 0s linear var(--luzmo-overlay-animation-duration,.13s)}:host([open]) #tooltip{pointer-events:auto;visibility:visible;opacity:1;transition-delay:0s;transition-delay:var(--luzmo-overlay-animation-duration-opened,0s)}@media (forced-colors:active){#tooltip{border:1px solid #0000}#tip{--highcontrast-tooltip-background-color-default:CanvasText;--highcontrast-tooltip-background-color-informative:CanvasText;--highcontrast-tooltip-background-color-positive:CanvasText;--highcontrast-tooltip-background-color-negative:CanvasText;forced-color-adjust:none}}#tooltip{box-sizing:border-box;vertical-align:top;inline-size:auto;padding-inline:var(--luzmo-tooltip-spacing-inline,.688rem);border-radius:var(--luzmo-tooltip-border-radius,.313rem);block-size:auto;min-block-size:var(--luzmo-tooltip-height,1.875rem);max-inline-size:var(--luzmo-tooltip-max-inline-size,12.5rem);background-color:var(--highcontrast-tooltip-background-color-default,var(--luzmo-tooltip-background-color-default,#6d6d6d));color:var(--luzmo-tooltip-content-color,white);font-size:var(--luzmo-tooltip-font-size,var(--tooltip-font-size,.938rem));font-weight:var(--luzmo-tooltip-font-weight,400);line-height:var(--luzmo-tooltip-line-height,1.3);word-break:break-word;-webkit-font-smoothing:antialiased;cursor:default;-webkit-user-select:none;user-select:none;flex-direction:row;align-items:center;display:inline-flex;position:relative}:host(:lang(ja)) #tooltip,:host(:lang(ko)) #tooltip,:host(:lang(zh)) #tooltip{line-height:var(--luzmo-tooltip-cjk-line-height,1.5)}#tooltip p{margin:0}:host([variant=info]) #tooltip{background-color:var(--highcontrast-tooltip-background-color-informative,var(--luzmo-tooltip-background-color-informative,#0265dc))}:host([variant=positive]) #tooltip{background-color:var(--highcontrast-tooltip-background-color-positive,var(--luzmo-tooltip-background-color-positive,#007a4d))}:host([variant=negative]) #tooltip{background-color:var(--highcontrast-tooltip-background-color-negative,var(--luzmo-tooltip-background-color-negative,#d31510))}#tip{block-size:var(--luzmo-tooltip-tip-square-size,.625rem);inline-size:var(--luzmo-tooltip-tip-square-size,.625rem);background-color:var(--highcontrast-tooltip-background-color-default,var(--luzmo-tooltip-background-color-default,#6d6d6d));clip-path:polygon(0 calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)), 50% var(--luzmo-tooltip-tip-height-percentage,50%), 100% calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)));inset-block-start:100%;position:absolute;left:50%;transform:translate(-50%)}:host([variant=info]) #tooltip #tip{background-color:var(--highcontrast-tooltip-background-color-informative,var(--luzmo-tooltip-background-color-informative,#0265dc))}:host([variant=positive]) #tooltip #tip{background-color:var(--highcontrast-tooltip-background-color-positive,var(--luzmo-tooltip-background-color-positive,#007a4d))}:host([variant=negative]) #tooltip #tip{background-color:var(--highcontrast-tooltip-background-color-negative,var(--luzmo-tooltip-background-color-negative,#d31510))}:host([placement*=top]) #tooltip #tip,.luzmo-Tooltip--top-end #tip,.luzmo-Tooltip--top-left #tip,.luzmo-Tooltip--top-right #tip,.luzmo-Tooltip--top-start #tip{inset-block-start:100%}:host([placement*=bottom]) #tooltip #tip,.luzmo-Tooltip--bottom-end #tip,.luzmo-Tooltip--bottom-left #tip,.luzmo-Tooltip--bottom-right #tip,.luzmo-Tooltip--bottom-start #tip{clip-path:polygon(50% calc(100% - var(--luzmo-tooltip-tip-height-percentage,50%)), 0 calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)), 100% calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)));inset-block:auto 100%}.luzmo-Tooltip--bottom-end #tip,.luzmo-Tooltip--bottom-left #tip,.luzmo-Tooltip--bottom-right #tip,.luzmo-Tooltip--bottom-start #tip,.luzmo-Tooltip--top-end #tip,.luzmo-Tooltip--top-left #tip,.luzmo-Tooltip--top-right #tip,.luzmo-Tooltip--top-start #tip{transform:none}.luzmo-Tooltip--bottom-left #tip,.luzmo-Tooltip--top-left #tip{inset-inline-start:var(--luzmo-tooltip-pointer-corner-spacing,.313rem)}.luzmo-Tooltip--bottom-right #tip,.luzmo-Tooltip--top-right #tip{inset-inline:auto var(--luzmo-tooltip-pointer-corner-spacing,.313rem)}.luzmo-Tooltip--bottom-start #tip,.luzmo-Tooltip--top-start #tip{inset-inline:var(--luzmo-tooltip-pointer-corner-spacing,.313rem) auto}:host([dir=rtl]) .luzmo-Tooltip--bottom-start #tip,:host([dir=rtl]) .luzmo-Tooltip--top-start #tip{right:var(--luzmo-tooltip-pointer-corner-spacing,.313rem);left:auto}.luzmo-Tooltip--bottom-start #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--luzmo-tooltip-pointer-corner-spacing,.313rem);left:auto}.luzmo-Tooltip--top-start #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--luzmo-tooltip-pointer-corner-spacing,.313rem);left:auto}.luzmo-Tooltip--bottom-end #tip,.luzmo-Tooltip--top-end #tip{inset-inline:auto var(--luzmo-tooltip-pointer-corner-spacing,.313rem)}:host([dir=rtl]) .luzmo-Tooltip--bottom-end #tip,:host([dir=rtl]) .luzmo-Tooltip--top-end #tip{left:var(--luzmo-tooltip-pointer-corner-spacing,.313rem);right:auto}.luzmo-Tooltip--bottom-end #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--luzmo-tooltip-pointer-corner-spacing,.313rem);right:auto}.luzmo-Tooltip--top-end #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--luzmo-tooltip-pointer-corner-spacing,.313rem);right:auto}.luzmo-Tooltip--end #tip,.luzmo-Tooltip--end-bottom #tip,.luzmo-Tooltip--end-top #tip,:host([placement*=left]) #tooltip #tip,.luzmo-Tooltip--left-bottom #tip,.luzmo-Tooltip--left-top #tip,:host([placement*=right]) #tooltip #tip,.luzmo-Tooltip--right-bottom #tip,.luzmo-Tooltip--right-top #tip,.luzmo-Tooltip--start #tip,.luzmo-Tooltip--start-bottom #tip,.luzmo-Tooltip--start-top #tip{inset-block-start:50%;transform:translateY(-50%)}.luzmo-Tooltip--end-bottom #tip,.luzmo-Tooltip--end-top #tip,.luzmo-Tooltip--left-bottom #tip,.luzmo-Tooltip--left-top #tip,.luzmo-Tooltip--right-bottom #tip,.luzmo-Tooltip--right-top #tip,.luzmo-Tooltip--start-bottom #tip,.luzmo-Tooltip--start-top #tip{inset-block-start:auto;transform:none}.luzmo-Tooltip--end #tip,.luzmo-Tooltip--end-bottom #tip,.luzmo-Tooltip--end-top #tip,:host([placement*=right]) #tooltip #tip,.luzmo-Tooltip--right-bottom #tip,.luzmo-Tooltip--right-top #tip{clip-path:polygon(calc(100% - var(--luzmo-tooltip-tip-height-percentage,50%)) 50%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0);inset-inline:auto 100%}:host([placement*=left]) #tooltip #tip,.luzmo-Tooltip--left-bottom #tip,.luzmo-Tooltip--left-top #tip,.luzmo-Tooltip--start #tip,.luzmo-Tooltip--start-bottom #tip,.luzmo-Tooltip--start-top #tip{clip-path:polygon(calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0, calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, var(--luzmo-tooltip-tip-height-percentage,50%) 50%);inset-inline-start:100%}.luzmo-Tooltip--end-top #tip,.luzmo-Tooltip--left-top #tip,.luzmo-Tooltip--right-top #tip,.luzmo-Tooltip--start-top #tip{inset-block-start:var(--luzmo-tooltip-pointer-corner-spacing,.313rem)}.luzmo-Tooltip--end-bottom #tip,.luzmo-Tooltip--left-bottom #tip,.luzmo-Tooltip--right-bottom #tip,.luzmo-Tooltip--start-bottom #tip{inset-block-end:var(--luzmo-tooltip-pointer-corner-spacing,.313rem)}:host([dir=rtl]) .luzmo-Tooltip--end #tip,:host([dir=rtl]) .luzmo-Tooltip--end-bottom #tip,:host([dir=rtl]) .luzmo-Tooltip--end-top #tip,:host([dir=rtl][placement*=left]) #tooltip #tip,:host([dir=rtl]) .luzmo-Tooltip--left-bottom #tip,:host([dir=rtl]) .luzmo-Tooltip--left-top #tip{clip-path:polygon(calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0, calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, var(--luzmo-tooltip-tip-height-percentage,50%) 50%);left:100%;right:auto}.luzmo-Tooltip--end #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0, calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, var(--luzmo-tooltip-tip-height-percentage,50%) 50%);left:100%;right:auto}.luzmo-Tooltip--end-bottom #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0, calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, var(--luzmo-tooltip-tip-height-percentage,50%) 50%);left:100%;right:auto}.luzmo-Tooltip--end-top #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0, calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, var(--luzmo-tooltip-tip-height-percentage,50%) 50%);left:100%;right:auto}:host([placement*=left]) #tooltip #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0, calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, var(--luzmo-tooltip-tip-height-percentage,50%) 50%);left:100%;right:auto}.luzmo-Tooltip--left-bottom #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0, calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, var(--luzmo-tooltip-tip-height-percentage,50%) 50%);left:100%;right:auto}.luzmo-Tooltip--left-top #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0, calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, var(--luzmo-tooltip-tip-height-percentage,50%) 50%);left:100%;right:auto}:host([dir=rtl][placement*=right]) #tooltip #tip,:host([dir=rtl]) .luzmo-Tooltip--right-bottom #tip,:host([dir=rtl]) .luzmo-Tooltip--right-top #tip,:host([dir=rtl]) .luzmo-Tooltip--start #tip,:host([dir=rtl]) .luzmo-Tooltip--start-bottom #tip,:host([dir=rtl]) .luzmo-Tooltip--start-top #tip{clip-path:polygon(var(--luzmo-tooltip-tip-height-percentage,50%) 50%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0);left:auto;right:100%}:host([placement*=right]) #tooltip #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(var(--luzmo-tooltip-tip-height-percentage,50%) 50%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0);left:auto;right:100%}.luzmo-Tooltip--right-bottom #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(var(--luzmo-tooltip-tip-height-percentage,50%) 50%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0);left:auto;right:100%}.luzmo-Tooltip--right-top #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(var(--luzmo-tooltip-tip-height-percentage,50%) 50%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0);left:auto;right:100%}.luzmo-Tooltip--start #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(var(--luzmo-tooltip-tip-height-percentage,50%) 50%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0);left:auto;right:100%}.luzmo-Tooltip--start-bottom #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(var(--luzmo-tooltip-tip-height-percentage,50%) 50%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0);left:auto;right:100%}.luzmo-Tooltip--start-top #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(var(--luzmo-tooltip-tip-height-percentage,50%) 50%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0);left:auto;right:100%}::slotted([slot=icon]){inline-size:var(--luzmo-tooltip-icon-width,1.125rem);block-size:var(--luzmo-tooltip-icon-height,1.125rem);flex-shrink:0;align-self:flex-start;margin-block-start:var(--luzmo-tooltip-icon-spacing-block-start,.313rem);margin-inline-start:calc(var(--luzmo-tooltip-icon-spacing-inline-start,.563rem) - var(--luzmo-tooltip-spacing-inline,.688rem));margin-inline-end:var(--luzmo-tooltip-icon-spacing-inline-end,.563rem)}#label{line-height:var(--luzmo-tooltip-line-height,1.3);margin-block-start:var(--luzmo-tooltip-spacing-block-start,.313rem);margin-block-end:var(--luzmo-tooltip-spacing-block-end,.375rem)}#tooltip,:host([placement*=top]) #tooltip,.luzmo-Tooltip--top-end,.luzmo-Tooltip--top-left,.luzmo-Tooltip--top-right,.luzmo-Tooltip--top-start{margin-block-end:calc(var(--luzmo-tooltip-tip-block-size,.313rem) + var(--luzmo-tooltip-margin,0rem))}:host([open]) .luzmo-Tooltip--top-end,:host([open]) .luzmo-Tooltip--top-left,:host([open]) .luzmo-Tooltip--top-right,:host([open]) .luzmo-Tooltip--top-start,:host([placement*=top][open]) #tooltip,:host([open]) #tooltip{transform:translateY(calc(var(--luzmo-tooltip-animation-distance,.313rem) * -1))}:host([placement*=bottom]) #tooltip,.luzmo-Tooltip--bottom-end,.luzmo-Tooltip--bottom-left,.luzmo-Tooltip--bottom-right,.luzmo-Tooltip--bottom-start{margin-block-start:calc(var(--luzmo-tooltip-tip-block-size,.313rem) + var(--luzmo-tooltip-margin,0rem))}:host([open]) .luzmo-Tooltip--bottom-end,:host([open]) .luzmo-Tooltip--bottom-left,:host([open]) .luzmo-Tooltip--bottom-right,:host([open]) .luzmo-Tooltip--bottom-start,:host([placement*=bottom][open]) #tooltip{transform:translateY(var(--luzmo-tooltip-animation-distance,.313rem))}:host([placement*=right]) #tooltip,.luzmo-Tooltip--right-bottom,.luzmo-Tooltip--right-top{margin-left:calc(var(--luzmo-tooltip-tip-block-size,.313rem) + var(--luzmo-tooltip-margin,0rem))}:host([open]) .luzmo-Tooltip--right-bottom,:host([open]) .luzmo-Tooltip--right-top,:host([placement*=right][open]) #tooltip{transform:translateX(var(--luzmo-tooltip-animation-distance,.313rem))}:host([placement*=left]) #tooltip,.luzmo-Tooltip--left-bottom,.luzmo-Tooltip--left-top{margin-right:calc(var(--luzmo-tooltip-tip-block-size,.313rem) + var(--luzmo-tooltip-margin,0rem))}:host([open]) .luzmo-Tooltip--left-bottom,:host([open]) .luzmo-Tooltip--left-top,:host([placement*=left][open]) #tooltip{transform:translateX(calc(var(--luzmo-tooltip-animation-distance,.313rem) * -1))}.luzmo-Tooltip--start,.luzmo-Tooltip--start-bottom,.luzmo-Tooltip--start-top{margin-inline-end:calc(var(--luzmo-tooltip-tip-block-size,.313rem) + var(--luzmo-tooltip-margin,0rem))}:host([open]) .luzmo-Tooltip--start-bottom,:host([open]) .luzmo-Tooltip--start-top,:host([open]) .luzmo-Tooltip--start{transform:translateX(calc(var(--luzmo-tooltip-animation-distance,.313rem) * -1))}:is(:host([open]) .luzmo-Tooltip--start-bottom:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([open]) .luzmo-Tooltip--start-top:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([open]) .luzmo-Tooltip--start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl][open]) .luzmo-Tooltip--start-bottom,:host([dir=rtl][open]) .luzmo-Tooltip--start-top,:host([dir=rtl][open]) .luzmo-Tooltip--start){transform:translateX(var(--luzmo-tooltip-animation-distance,.313rem))}.luzmo-Tooltip--end,.luzmo-Tooltip--end-bottom,.luzmo-Tooltip--end-top{margin-inline-start:calc(var(--luzmo-tooltip-tip-block-size,.313rem) + var(--luzmo-tooltip-margin,0rem))}:host([open]) .luzmo-Tooltip--end-bottom,:host([open]) .luzmo-Tooltip--end-top,:host([open]) .luzmo-Tooltip--end{transform:translateX(var(--luzmo-tooltip-animation-distance,.313rem))}:is(:host([open]) .luzmo-Tooltip--end-bottom:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([open]) .luzmo-Tooltip--end-top:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([open]) .luzmo-Tooltip--end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl][open]) .luzmo-Tooltip--end-bottom,:host([dir=rtl][open]) .luzmo-Tooltip--end-top,:host([dir=rtl][open]) .luzmo-Tooltip--end){transform:translateX(calc(var(--luzmo-tooltip-animation-distance,.313rem) * -1))}:host{--luzmo-tooltip-background-color-default:#000;--tooltip-font-size:var(--luzmo-font-size);font-family:var(--luzmo-tooltip-font-family,var(--luzmo-font-family))}:host([size=s]){--tooltip-font-size:var(--luzmo-font-size-s)}:host([size=m]){--tooltip-font-size:var(--luzmo-font-size-m)}:host([size=l]){--tooltip-font-size:var(--luzmo-font-size-l)}:host([size=xl]){--tooltip-font-size:var(--luzmo-font-size-xl)}:host{white-space:initial;display:contents}#tooltip{inline-size:max-content}#tip{clip-path:polygon(0 -5%,50% 50%,100% -5%);width:.625rem!important;height:.625rem!important}#tip[style]{transform:none!important}:host(:not([placement*=top])) #tooltip{margin-bottom:0}:host([placement*=top]) #tooltip #tip{inset-block-start:100%}:host([placement*=bottom]) #tooltip #tip{clip-path:polygon(50% 50%,0 105%,100% 105%);inset-block-end:100%;top:auto}:host([placement*=left]) #tooltip #tip,:host([placement*=right]) #tooltip #tip{inset-block-start:50%;transform:translateY(-50%)}:host([placement*=right]) #tooltip #tip{clip-path:polygon(50% 50%,105% 100%,105% 0);inset-inline:calc(var(--luzmo-tooltip-tip-block-size,.313rem) * -2) 100%}:host([placement*=left]) #tooltip #tip{clip-path:polygon(-5% 0,-5% 100%,50% 50%);inset-inline-start:100%}luzmo-overlay:not(:defined){display:none}`,d=class extends HTMLElement{constructor(){super(),this._open=!1,this._placement=`top`,this.addEventListener(`luzmo-opened`,this.redispatchEvent),this.addEventListener(`luzmo-closed`,this.redispatchEvent)}redispatchEvent(e){e.stopPropagation(),this.tooltip.dispatchEvent(new CustomEvent(e.type,{bubbles:e.bubbles,composed:e.composed,detail:e.detail}))}get tooltip(){return this.getRootNode().host}static get observedAttributes(){return[`open`,`placement`]}attributeChangedCallback(e,t,n){switch(e){case`open`:this.open=n!==null;break;case`placement`:this.placement=n;break}}set open(e){this._open=e;let{tooltip:t}=this;t&&(t.open=e)}get open(){return this._open}set placement(e){this._placement=e;let{tooltip:t}=this;t&&(t.placement=e)}get placement(){return this._placement}get tipElement(){return this.tooltip.tipElement}};customElements.get(`luzmo-tooltip-openable`)||customElements.define(`luzmo-tooltip-openable`,d);var f=class extends n(o,{defaultSize:`s`}){constructor(...e){super(...e),this.delayed=!1,this.dependencyManager=new c(this),this.disabled=!1,this.showOnlyIfTruncated=!1,this.selfManaged=!1,this.offset=0,this._open=!1,this._variant=``,this.handleOpenOverlay=()=>{this.open=!0},this.handleCloseOverlay=()=>{this.open=!1},this._overlayDependencyRegistered=!1,this._triggerElement=null}static get styles(){return[t(u)]}get open(){return this._open}set open(e){e&&this.showOnlyIfTruncated&&!this.isContentTruncated()||(this._open=e)}get variant(){return this._variant}set variant(e){if(e!==this.variant){if([`info`,`positive`,`negative`].includes(e)){this.setAttribute(`variant`,e),this._variant=e;return}this.removeAttribute(`variant`),this._variant=``}}isContentTruncated(){let e=this.triggerElement;if(!e)return!1;if(this.truncatedElementSelector){let t=e.querySelector(this.truncatedElementSelector);if(t)return t.scrollWidth>t.clientWidth}return e.scrollWidth>e.clientWidth}forwardTransitionEvent(e){this.dispatchEvent(new TransitionEvent(e.type,{bubbles:!0,composed:!0,propertyName:e.propertyName}))}ensureOverlayDependency(){this._overlayDependencyRegistered||(this._overlayDependencyRegistered=!0,this.dependencyManager.add(`luzmo-overlay`),import(`../overlay.js`))}willUpdate(e){super.willUpdate(e),e.has(`selfManaged`)&&this.selfManaged&&this.ensureOverlayDependency()}set triggerElement(e){this._triggerElement=e,this.overlayElement&&(this.overlayElement.triggerElement=e)}get triggerElement(){return this._triggerElement||this.resolveSelfManagedTriggerElement()}resolveSelfManagedTriggerElement(){let e=this.assignedSlot||this,t=e.getRootNode();if(t===document)return null;let n=e.parentElement||t.host||t,r=0;for(;!n?.matches?.(l);){if(!n.isConnected)return null;let i=n;if(e=n.assignedSlot||n,t=e.getRootNode(),t===document||(n=e.parentElement||t.host||t,n===i||++r>1e3))return null}return n}render(){let t=e`
+import"../tokens.js";import{c as e,y as t}from"./lit-DWANyjiY.js";import{c as n,g as r,i,l as a,u as o,y as s}from"./lucero-runtime-DMlHjBe_.js";import{t as c}from"./dependency-manger-BPrqqTnJ.js";import{t as l}from"./focusable-selectors-D5e0OxNL.js";var u=`#tooltip{pointer-events:none;visibility:hidden;opacity:0;transition:transform .13s ease-in-out,opacity .13s ease-in-out,visibility 0s linear .13s;transition:transform var(--luzmo-overlay-animation-duration,.13s) ease-in-out, opacity var(--luzmo-overlay-animation-duration,.13s) ease-in-out, visibility 0s linear var(--luzmo-overlay-animation-duration,.13s)}:host([open]) #tooltip{pointer-events:auto;visibility:visible;opacity:1;transition-delay:0s;transition-delay:var(--luzmo-overlay-animation-duration-opened,0s)}@media (forced-colors:active){#tooltip{border:1px solid #0000}#tip{--highcontrast-tooltip-background-color-default:CanvasText;--highcontrast-tooltip-background-color-informative:CanvasText;--highcontrast-tooltip-background-color-positive:CanvasText;--highcontrast-tooltip-background-color-negative:CanvasText;forced-color-adjust:none}}#tooltip{box-sizing:border-box;vertical-align:top;inline-size:auto;padding-inline:var(--luzmo-tooltip-spacing-inline,.688rem);border-radius:var(--luzmo-tooltip-border-radius,.313rem);block-size:auto;min-block-size:var(--luzmo-tooltip-height,1.875rem);max-inline-size:var(--luzmo-tooltip-max-inline-size,12.5rem);background-color:var(--highcontrast-tooltip-background-color-default,var(--luzmo-tooltip-background-color-default,#6d6d6d));color:var(--luzmo-tooltip-content-color,white);font-size:var(--luzmo-tooltip-font-size,var(--tooltip-font-size,.938rem));font-weight:var(--luzmo-tooltip-font-weight,400);line-height:var(--luzmo-tooltip-line-height,1.3);word-break:break-word;-webkit-font-smoothing:antialiased;cursor:default;-webkit-user-select:none;user-select:none;flex-direction:row;align-items:center;display:inline-flex;position:relative}:host(:lang(ja)) #tooltip,:host(:lang(ko)) #tooltip,:host(:lang(zh)) #tooltip{line-height:var(--luzmo-tooltip-cjk-line-height,1.5)}#tooltip p{margin:0}:host([variant=info]) #tooltip{background-color:var(--highcontrast-tooltip-background-color-informative,var(--luzmo-tooltip-background-color-informative,#0265dc))}:host([variant=positive]) #tooltip{background-color:var(--highcontrast-tooltip-background-color-positive,var(--luzmo-tooltip-background-color-positive,#007a4d))}:host([variant=negative]) #tooltip{background-color:var(--highcontrast-tooltip-background-color-negative,var(--luzmo-tooltip-background-color-negative,#d31510))}#tip{block-size:var(--luzmo-tooltip-tip-square-size,.625rem);inline-size:var(--luzmo-tooltip-tip-square-size,.625rem);background-color:var(--highcontrast-tooltip-background-color-default,var(--luzmo-tooltip-background-color-default,#6d6d6d));clip-path:polygon(0 calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)), 50% var(--luzmo-tooltip-tip-height-percentage,50%), 100% calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)));inset-block-start:100%;position:absolute;left:50%;transform:translate(-50%)}:host([variant=info]) #tooltip #tip{background-color:var(--highcontrast-tooltip-background-color-informative,var(--luzmo-tooltip-background-color-informative,#0265dc))}:host([variant=positive]) #tooltip #tip{background-color:var(--highcontrast-tooltip-background-color-positive,var(--luzmo-tooltip-background-color-positive,#007a4d))}:host([variant=negative]) #tooltip #tip{background-color:var(--highcontrast-tooltip-background-color-negative,var(--luzmo-tooltip-background-color-negative,#d31510))}:host([placement*=top]) #tooltip #tip,.luzmo-Tooltip--top-end #tip,.luzmo-Tooltip--top-left #tip,.luzmo-Tooltip--top-right #tip,.luzmo-Tooltip--top-start #tip{inset-block-start:100%}:host([placement*=bottom]) #tooltip #tip,.luzmo-Tooltip--bottom-end #tip,.luzmo-Tooltip--bottom-left #tip,.luzmo-Tooltip--bottom-right #tip,.luzmo-Tooltip--bottom-start #tip{clip-path:polygon(50% calc(100% - var(--luzmo-tooltip-tip-height-percentage,50%)), 0 calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)), 100% calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)));inset-block:auto 100%}.luzmo-Tooltip--bottom-end #tip,.luzmo-Tooltip--bottom-left #tip,.luzmo-Tooltip--bottom-right #tip,.luzmo-Tooltip--bottom-start #tip,.luzmo-Tooltip--top-end #tip,.luzmo-Tooltip--top-left #tip,.luzmo-Tooltip--top-right #tip,.luzmo-Tooltip--top-start #tip{transform:none}.luzmo-Tooltip--bottom-left #tip,.luzmo-Tooltip--top-left #tip{inset-inline-start:var(--luzmo-tooltip-pointer-corner-spacing,.313rem)}.luzmo-Tooltip--bottom-right #tip,.luzmo-Tooltip--top-right #tip{inset-inline:auto var(--luzmo-tooltip-pointer-corner-spacing,.313rem)}.luzmo-Tooltip--bottom-start #tip,.luzmo-Tooltip--top-start #tip{inset-inline:var(--luzmo-tooltip-pointer-corner-spacing,.313rem) auto}:host([dir=rtl]) .luzmo-Tooltip--bottom-start #tip,:host([dir=rtl]) .luzmo-Tooltip--top-start #tip{right:var(--luzmo-tooltip-pointer-corner-spacing,.313rem);left:auto}.luzmo-Tooltip--bottom-start #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--luzmo-tooltip-pointer-corner-spacing,.313rem);left:auto}.luzmo-Tooltip--top-start #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--luzmo-tooltip-pointer-corner-spacing,.313rem);left:auto}.luzmo-Tooltip--bottom-end #tip,.luzmo-Tooltip--top-end #tip{inset-inline:auto var(--luzmo-tooltip-pointer-corner-spacing,.313rem)}:host([dir=rtl]) .luzmo-Tooltip--bottom-end #tip,:host([dir=rtl]) .luzmo-Tooltip--top-end #tip{left:var(--luzmo-tooltip-pointer-corner-spacing,.313rem);right:auto}.luzmo-Tooltip--bottom-end #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--luzmo-tooltip-pointer-corner-spacing,.313rem);right:auto}.luzmo-Tooltip--top-end #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--luzmo-tooltip-pointer-corner-spacing,.313rem);right:auto}.luzmo-Tooltip--end #tip,.luzmo-Tooltip--end-bottom #tip,.luzmo-Tooltip--end-top #tip,:host([placement*=left]) #tooltip #tip,.luzmo-Tooltip--left-bottom #tip,.luzmo-Tooltip--left-top #tip,:host([placement*=right]) #tooltip #tip,.luzmo-Tooltip--right-bottom #tip,.luzmo-Tooltip--right-top #tip,.luzmo-Tooltip--start #tip,.luzmo-Tooltip--start-bottom #tip,.luzmo-Tooltip--start-top #tip{inset-block-start:50%;transform:translateY(-50%)}.luzmo-Tooltip--end-bottom #tip,.luzmo-Tooltip--end-top #tip,.luzmo-Tooltip--left-bottom #tip,.luzmo-Tooltip--left-top #tip,.luzmo-Tooltip--right-bottom #tip,.luzmo-Tooltip--right-top #tip,.luzmo-Tooltip--start-bottom #tip,.luzmo-Tooltip--start-top #tip{inset-block-start:auto;transform:none}.luzmo-Tooltip--end #tip,.luzmo-Tooltip--end-bottom #tip,.luzmo-Tooltip--end-top #tip,:host([placement*=right]) #tooltip #tip,.luzmo-Tooltip--right-bottom #tip,.luzmo-Tooltip--right-top #tip{clip-path:polygon(calc(100% - var(--luzmo-tooltip-tip-height-percentage,50%)) 50%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0);inset-inline:auto 100%}:host([placement*=left]) #tooltip #tip,.luzmo-Tooltip--left-bottom #tip,.luzmo-Tooltip--left-top #tip,.luzmo-Tooltip--start #tip,.luzmo-Tooltip--start-bottom #tip,.luzmo-Tooltip--start-top #tip{clip-path:polygon(calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0, calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, var(--luzmo-tooltip-tip-height-percentage,50%) 50%);inset-inline-start:100%}.luzmo-Tooltip--end-top #tip,.luzmo-Tooltip--left-top #tip,.luzmo-Tooltip--right-top #tip,.luzmo-Tooltip--start-top #tip{inset-block-start:var(--luzmo-tooltip-pointer-corner-spacing,.313rem)}.luzmo-Tooltip--end-bottom #tip,.luzmo-Tooltip--left-bottom #tip,.luzmo-Tooltip--right-bottom #tip,.luzmo-Tooltip--start-bottom #tip{inset-block-end:var(--luzmo-tooltip-pointer-corner-spacing,.313rem)}:host([dir=rtl]) .luzmo-Tooltip--end #tip,:host([dir=rtl]) .luzmo-Tooltip--end-bottom #tip,:host([dir=rtl]) .luzmo-Tooltip--end-top #tip,:host([dir=rtl][placement*=left]) #tooltip #tip,:host([dir=rtl]) .luzmo-Tooltip--left-bottom #tip,:host([dir=rtl]) .luzmo-Tooltip--left-top #tip{clip-path:polygon(calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0, calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, var(--luzmo-tooltip-tip-height-percentage,50%) 50%);left:100%;right:auto}.luzmo-Tooltip--end #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0, calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, var(--luzmo-tooltip-tip-height-percentage,50%) 50%);left:100%;right:auto}.luzmo-Tooltip--end-bottom #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0, calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, var(--luzmo-tooltip-tip-height-percentage,50%) 50%);left:100%;right:auto}.luzmo-Tooltip--end-top #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0, calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, var(--luzmo-tooltip-tip-height-percentage,50%) 50%);left:100%;right:auto}:host([placement*=left]) #tooltip #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0, calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, var(--luzmo-tooltip-tip-height-percentage,50%) 50%);left:100%;right:auto}.luzmo-Tooltip--left-bottom #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0, calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, var(--luzmo-tooltip-tip-height-percentage,50%) 50%);left:100%;right:auto}.luzmo-Tooltip--left-top #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0, calc(0% - var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, var(--luzmo-tooltip-tip-height-percentage,50%) 50%);left:100%;right:auto}:host([dir=rtl][placement*=right]) #tooltip #tip,:host([dir=rtl]) .luzmo-Tooltip--right-bottom #tip,:host([dir=rtl]) .luzmo-Tooltip--right-top #tip,:host([dir=rtl]) .luzmo-Tooltip--start #tip,:host([dir=rtl]) .luzmo-Tooltip--start-bottom #tip,:host([dir=rtl]) .luzmo-Tooltip--start-top #tip{clip-path:polygon(var(--luzmo-tooltip-tip-height-percentage,50%) 50%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0);left:auto;right:100%}:host([placement*=right]) #tooltip #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(var(--luzmo-tooltip-tip-height-percentage,50%) 50%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0);left:auto;right:100%}.luzmo-Tooltip--right-bottom #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(var(--luzmo-tooltip-tip-height-percentage,50%) 50%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0);left:auto;right:100%}.luzmo-Tooltip--right-top #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(var(--luzmo-tooltip-tip-height-percentage,50%) 50%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0);left:auto;right:100%}.luzmo-Tooltip--start #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(var(--luzmo-tooltip-tip-height-percentage,50%) 50%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0);left:auto;right:100%}.luzmo-Tooltip--start-bottom #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(var(--luzmo-tooltip-tip-height-percentage,50%) 50%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0);left:auto;right:100%}.luzmo-Tooltip--start-top #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:polygon(var(--luzmo-tooltip-tip-height-percentage,50%) 50%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 100%, calc(100% + var(--luzmo-tooltip-tip-antialiasing-inset,.5px)) 0);left:auto;right:100%}::slotted([slot=icon]){inline-size:var(--luzmo-tooltip-icon-width,1.125rem);block-size:var(--luzmo-tooltip-icon-height,1.125rem);flex-shrink:0;align-self:flex-start;margin-block-start:var(--luzmo-tooltip-icon-spacing-block-start,.313rem);margin-inline-start:calc(var(--luzmo-tooltip-icon-spacing-inline-start,.563rem) - var(--luzmo-tooltip-spacing-inline,.688rem));margin-inline-end:var(--luzmo-tooltip-icon-spacing-inline-end,.563rem)}#label{line-height:var(--luzmo-tooltip-line-height,1.3);margin-block-start:var(--luzmo-tooltip-spacing-block-start,.313rem);margin-block-end:var(--luzmo-tooltip-spacing-block-end,.375rem)}#tooltip,:host([placement*=top]) #tooltip,.luzmo-Tooltip--top-end,.luzmo-Tooltip--top-left,.luzmo-Tooltip--top-right,.luzmo-Tooltip--top-start{margin-block-end:calc(var(--luzmo-tooltip-tip-block-size,.313rem) + var(--luzmo-tooltip-margin,0rem))}:host([open]) .luzmo-Tooltip--top-end,:host([open]) .luzmo-Tooltip--top-left,:host([open]) .luzmo-Tooltip--top-right,:host([open]) .luzmo-Tooltip--top-start,:host([placement*=top][open]) #tooltip,:host([open]) #tooltip{transform:translateY(calc(var(--luzmo-tooltip-animation-distance,.313rem) * -1))}:host([placement*=bottom]) #tooltip,.luzmo-Tooltip--bottom-end,.luzmo-Tooltip--bottom-left,.luzmo-Tooltip--bottom-right,.luzmo-Tooltip--bottom-start{margin-block-start:calc(var(--luzmo-tooltip-tip-block-size,.313rem) + var(--luzmo-tooltip-margin,0rem))}:host([open]) .luzmo-Tooltip--bottom-end,:host([open]) .luzmo-Tooltip--bottom-left,:host([open]) .luzmo-Tooltip--bottom-right,:host([open]) .luzmo-Tooltip--bottom-start,:host([placement*=bottom][open]) #tooltip{transform:translateY(var(--luzmo-tooltip-animation-distance,.313rem))}:host([placement*=right]) #tooltip,.luzmo-Tooltip--right-bottom,.luzmo-Tooltip--right-top{margin-left:calc(var(--luzmo-tooltip-tip-block-size,.313rem) + var(--luzmo-tooltip-margin,0rem))}:host([open]) .luzmo-Tooltip--right-bottom,:host([open]) .luzmo-Tooltip--right-top,:host([placement*=right][open]) #tooltip{transform:translateX(var(--luzmo-tooltip-animation-distance,.313rem))}:host([placement*=left]) #tooltip,.luzmo-Tooltip--left-bottom,.luzmo-Tooltip--left-top{margin-right:calc(var(--luzmo-tooltip-tip-block-size,.313rem) + var(--luzmo-tooltip-margin,0rem))}:host([open]) .luzmo-Tooltip--left-bottom,:host([open]) .luzmo-Tooltip--left-top,:host([placement*=left][open]) #tooltip{transform:translateX(calc(var(--luzmo-tooltip-animation-distance,.313rem) * -1))}.luzmo-Tooltip--start,.luzmo-Tooltip--start-bottom,.luzmo-Tooltip--start-top{margin-inline-end:calc(var(--luzmo-tooltip-tip-block-size,.313rem) + var(--luzmo-tooltip-margin,0rem))}:host([open]) .luzmo-Tooltip--start-bottom,:host([open]) .luzmo-Tooltip--start-top,:host([open]) .luzmo-Tooltip--start{transform:translateX(calc(var(--luzmo-tooltip-animation-distance,.313rem) * -1))}:is(:host([open]) .luzmo-Tooltip--start-bottom:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([open]) .luzmo-Tooltip--start-top:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([open]) .luzmo-Tooltip--start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl][open]) .luzmo-Tooltip--start-bottom,:host([dir=rtl][open]) .luzmo-Tooltip--start-top,:host([dir=rtl][open]) .luzmo-Tooltip--start){transform:translateX(var(--luzmo-tooltip-animation-distance,.313rem))}.luzmo-Tooltip--end,.luzmo-Tooltip--end-bottom,.luzmo-Tooltip--end-top{margin-inline-start:calc(var(--luzmo-tooltip-tip-block-size,.313rem) + var(--luzmo-tooltip-margin,0rem))}:host([open]) .luzmo-Tooltip--end-bottom,:host([open]) .luzmo-Tooltip--end-top,:host([open]) .luzmo-Tooltip--end{transform:translateX(var(--luzmo-tooltip-animation-distance,.313rem))}:is(:host([open]) .luzmo-Tooltip--end-bottom:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([open]) .luzmo-Tooltip--end-top:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([open]) .luzmo-Tooltip--end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl][open]) .luzmo-Tooltip--end-bottom,:host([dir=rtl][open]) .luzmo-Tooltip--end-top,:host([dir=rtl][open]) .luzmo-Tooltip--end){transform:translateX(calc(var(--luzmo-tooltip-animation-distance,.313rem) * -1))}:host{--luzmo-tooltip-background-color-default:#000;--tooltip-font-size:var(--luzmo-font-size);font-family:var(--luzmo-tooltip-font-family,var(--luzmo-font-family))}:host([size=s]){--tooltip-font-size:var(--luzmo-font-size-s)}:host([size=m]){--tooltip-font-size:var(--luzmo-font-size-m)}:host([size=l]){--tooltip-font-size:var(--luzmo-font-size-l)}:host([size=xl]){--tooltip-font-size:var(--luzmo-font-size-xl)}:host{white-space:initial;display:contents}#tooltip{inline-size:max-content}#tip{clip-path:polygon(0 -5%,50% 50%,100% -5%);width:.625rem!important;height:.625rem!important}#tip[style]{transform:none!important}:host(:not([placement*=top])) #tooltip{margin-bottom:0}:host([placement*=top]) #tooltip #tip{inset-block-start:100%}:host([placement*=bottom]) #tooltip #tip{clip-path:polygon(50% 50%,0 105%,100% 105%);inset-block-end:100%;top:auto}:host([placement*=left]) #tooltip #tip,:host([placement*=right]) #tooltip #tip{inset-block-start:50%;transform:translateY(-50%)}:host([placement*=right]) #tooltip #tip{clip-path:polygon(50% 50%,105% 100%,105% 0);inset-inline:calc(var(--luzmo-tooltip-tip-block-size,.313rem) * -2) 100%}:host([placement*=left]) #tooltip #tip{clip-path:polygon(-5% 0,-5% 100%,50% 50%);inset-inline-start:100%}luzmo-overlay:not(:defined){display:none}`,d=class extends HTMLElement{constructor(){super(),this._open=!1,this._placement=`top`,this.addEventListener(`luzmo-opened`,this.redispatchEvent),this.addEventListener(`luzmo-closed`,this.redispatchEvent)}redispatchEvent(e){e.stopPropagation(),this.tooltip.dispatchEvent(new CustomEvent(e.type,{bubbles:e.bubbles,composed:e.composed,detail:e.detail}))}get tooltip(){return this.getRootNode().host}static get observedAttributes(){return[`open`,`placement`]}attributeChangedCallback(e,t,n){switch(e){
+/* c8 ignore next 3 */
+case`open`:this.open=n!==null;break;case`placement`:this.placement=n}}set open(e){this._open=e;let{tooltip:t}=this;
+/* c8 ignore next 3 */
+t&&(t.open=e)}
+/* c8 ignore next 3 */
+get open(){return this._open}set placement(e){this._placement=e;let{tooltip:t}=this;t&&(t.placement=e)}
+/* c8 ignore next 3 */
+get placement(){return this._placement}get tipElement(){return this.tooltip.tipElement}};customElements.get(`luzmo-tooltip-openable`)||customElements.define(`luzmo-tooltip-openable`,d);var f=class extends n(o,{defaultSize:`s`}){constructor(...e){super(...e),this.delayed=!1,this.dependencyManager=new c(this),this.disabled=!1,this.showOnlyIfTruncated=!1,this.selfManaged=!1,this.offset=0,this._open=!1,this._variant=``,this.handleOpenOverlay=()=>{this.open=!0},this.handleCloseOverlay=()=>{this.open=!1},this._overlayDependencyRegistered=!1,this._triggerElement=null}static get styles(){return[t(u)]}get open(){return this._open}set open(e){e&&this.showOnlyIfTruncated&&!this.isContentTruncated()||(this._open=e)}get variant(){return this._variant}set variant(e){e!==this.variant&&([`info`,`positive`,`negative`].includes(e)?(this.setAttribute(`variant`,e),this._variant=e):(this.removeAttribute(`variant`),this._variant=``))}isContentTruncated(){let e=this.triggerElement;if(!e)return!1;if(this.truncatedElementSelector){let t=e.querySelector(this.truncatedElementSelector);if(t)return t.scrollWidth>t.clientWidth}return e.scrollWidth>e.clientWidth}forwardTransitionEvent(e){this.dispatchEvent(new TransitionEvent(e.type,{bubbles:!0,composed:!0,propertyName:e.propertyName}))}ensureOverlayDependency(){this._overlayDependencyRegistered||(this._overlayDependencyRegistered=!0,this.dependencyManager.add(`luzmo-overlay`),import(`../overlay.js`))}willUpdate(e){super.willUpdate(e),e.has(`selfManaged`)&&this.selfManaged&&this.ensureOverlayDependency()}set triggerElement(e){this._triggerElement=e,this.overlayElement&&(this.overlayElement.triggerElement=e)}get triggerElement(){return this._triggerElement||this.resolveSelfManagedTriggerElement()}resolveSelfManagedTriggerElement(){let e=this.assignedSlot||this,t=e.getRootNode();if(t===document)return null;let n=e.parentElement||t.host||
+/* c8 ignore next 1 */
+t,r=0;for(;!n?.matches?.(l);){if(!n.isConnected)return null;let i=n;if(e=n.assignedSlot||n,t=e.getRootNode(),t===document||(n=e.parentElement||t.host||
+/* c8 ignore next 1 */
+t,n===i||++r>1e3))return null}return n}render(){let t=e`
       <luzmo-tooltip-openable
         id="tooltip"
         placement=${i(this.placement)}

package/standalone/chunks/{unsafe-html-BPQaWy0v.js → unsafe-html-BeDipvu3.js}

@@ -1,2 +1,2 @@
 
-import{i as e,o as t}from"./lit-BN_lRQbJ.js";import{n,r,t as i}from"./directive-Du_3lDov.js";var a=class extends n{constructor(t){if(super(t),this.it=e,t.type!==r.CHILD)throw Error(this.constructor.directiveName+`() can only be used in child bindings`)}render(n){if(n===e||n==null)return this._t=void 0,this.it=n;if(n===t)return n;if(typeof n!=`string`)throw Error(this.constructor.directiveName+`() called with a non-string value`);if(n===this.it)return this._t;this.it=n;let r=[n];return r.raw=r,this._t={_$litType$:this.constructor.resultType,strings:r,values:[]}}};a.directiveName=`unsafeHTML`,a.resultType=1;var o=i(a);export{o as n,a as t};
+import{i as e,o as t}from"./lit-DWANyjiY.js";import{n,r,t as i}from"./directive-Du_3lDov.js";var a=class extends n{constructor(t){if(super(t),this.it=e,t.type!==r.CHILD)throw Error(this.constructor.directiveName+`() can only be used in child bindings`)}render(n){if(n===e||n==null)return this._t=void 0,this.it=n;if(n===t)return n;if(typeof n!=`string`)throw Error(this.constructor.directiveName+`() called with a non-string value`);if(n===this.it)return this._t;this.it=n;let r=[n];return r.raw=r,this._t={_$litType$:this.constructor.resultType,strings:r,values:[]}}};a.directiveName=`unsafeHTML`,a.resultType=1;var o=i(a);export{o as n,a as t};

package/standalone/clear-button.js

@@ -17,4 +17,4 @@
  *
  */
 
-import"./tokens.js";import{t as e}from"./chunks/clear-button-3zpCVxG5.js";typeof customElements<`u`&&!customElements.get(`luzmo-clear-button`)&&customElements.define(`luzmo-clear-button`,e);export{e as LuzmoClearButton};
+import"./tokens.js";import{t as e}from"./chunks/clear-button-B4r_oxfc.js";typeof customElements<`u`&&!customElements.get(`luzmo-clear-button`)&&customElements.define(`luzmo-clear-button`,e);export{e as LuzmoClearButton};

package/standalone/close-button.js

@@ -17,4 +17,4 @@
  *
  */
 
-import"./tokens.js";import{t as e}from"./chunks/close-button-C96dazyi.js";export{e as LuzmoCloseButton};
+import"./tokens.js";export{t as LuzmoCloseButton}from"./chunks/close-button-DVCeu3_f.js";

package/standalone/color-area.js

@@ -17,4 +17,4 @@
  *
  */
 
-import"./tokens.js";import{t as e}from"./chunks/color-area-Cj8oPsIF.js";export{e as LuzmoColorArea};
+import"./tokens.js";export{t as LuzmoColorArea}from"./chunks/color-area-BCI2oMGd.js";

package/standalone/color-field.js

@@ -17,4 +17,4 @@
  *
  */
 
-import"./tokens.js";import{t as e}from"./chunks/color-field-BFvUGE4L.js";export{e as LuzmoColorField};
+import"./tokens.js";export{t as LuzmoColorField}from"./chunks/color-field-BaVvupq0.js";

package/standalone/color-handle.js

@@ -17,4 +17,4 @@
  *
  */
 
-import"./tokens.js";import{t as e}from"./chunks/color-handle-BHrAxEG2.js";export{e as LuzmoColorHandle};
+import"./tokens.js";export{t as LuzmoColorHandle}from"./chunks/color-handle-BLQiuRSS.js";

package/standalone/color-loupe.js

@@ -17,4 +17,4 @@
  *
  */
 
-import"./tokens.js";import{t as e}from"./chunks/color-loupe-C34cms5t.js";export{e as LuzmoColorLoupe};
+import"./tokens.js";export{t as LuzmoColorLoupe}from"./chunks/color-loupe-_dC69K1Z.js";

package/standalone/color-menu.js

@@ -17,4 +17,4 @@
  *
  */
 
-import"./tokens.js";import{t as e}from"./chunks/color-menu-BIKuitbH.js";export{e as LuzmoColorMenu};
+import"./tokens.js";export{t as LuzmoColorMenu}from"./chunks/color-menu-BDZh85nX.js";

package/standalone/color-palette-group.js

@@ -17,7 +17,7 @@
  *
  */
 
-import"./tokens.js";import{c as e,y as t}from"./chunks/lit-BN_lRQbJ.js";import{c as n,g as r,i,l as a,r as o,u as s,y as c}from"./chunks/lucero-runtime-DGJ9-isg.js";import{t as l}from"./chunks/roving-tabindex-CB4xC55P.js";var u=`.color-palette-group{column-gap:var(--luzmo-color-palette-group-column-gap,var(--color-palette-group-column-gap));row-gap:var(--luzmo-color-palette-group-row-gap,var(--color-palette-group-row-gap));flex-wrap:wrap;display:flex}::slotted(*){flex-shrink:0}::slotted(:focus-visible){z-index:1}:host{--color-palette-group-column-gap:var(--luzmo-spacing-3);--color-palette-group-row-gap:var(--luzmo-spacing-3)}:host([size=s]){--color-palette-group-column-gap:var(--luzmo-spacing-2);--color-palette-group-row-gap:var(--luzmo-spacing-2)}:host,:host([size=l]),:host([size=xl]){--color-palette-group-column-gap:var(--luzmo-spacing-3);--color-palette-group-row-gap:var(--luzmo-spacing-3)}`,d=class extends n(s,{validSizes:[`s`,`m`,`l`,`xl`],noDefaultSize:!0}){static get styles(){return[t(u)]}set palettes(e){e!==this.palettes&&(this._palettes=e,this.rovingTabindexController.clearElementCache())}get palettes(){return this._palettes}constructor(){super(),this.disabled=!1,this.horizontal=!1,this._palettes=[],this.rovingTabindexController=new l(this,{focusInIndex:e=>e.findIndex(e=>this.selected?!e.disabled&&e.value===this.selected:!e.disabled),elements:()=>this.palettes,isFocusableElement:e=>!e.disabled}),this.label=``,this._onKeyDown=e=>{if(e.code===`Enter`||e.code===`Space`){e.preventDefault();let t=e.target;if(t.value===void 0)return;this.deselectSelectedPalettes(),t.selected=!0,t.tabIndex=0,t.setAttribute(`aria-checked`,`true`),this.setSelected(t.value,!0)}},this.manageColorPalettes=()=>{if(!this.slotElement)return;let e=this.slotElement.assignedElements({flatten:!0}).reduce((e,t)=>{if(t.matches(`luzmo-color-palette`))e.push(t);else{let n=[...t.querySelectorAll(`:scope > luzmo-color-palette`)];e.push(...n)}return e},[]);this.palettes=e,this.manageChildren(),this.manageSelects()},new o(this,{config:{childList:!0,subtree:!0},callback:()=>{this.manageColorPalettes()},skipInitial:!0})}get selected(){return this._selected}set selected(e){this.requestUpdate(`selected`,this._selected),this._selected=e,this.updateComplete.then(()=>{this.applySelects(),this.manageChildren()})}dispatchChange(e){this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0,cancelable:!0}))||(this.setSelected(e),this.palettes.map(e=>{e.selected=!!(e.value&&this.selected===e.value)}))}setSelected(e,t){if(e===this.selected)return;let n=this.selected;this.requestUpdate(`selected`,n),this._selected=e,t&&this.dispatchChange(n)}focus(e){this.rovingTabindexController.focus(e)}deselectSelectedPalettes(){this.palettes.forEach(e=>{e.selected&&(e.selected=!1,e.tabIndex=-1,e.setAttribute(`aria-checked`,`false`))})}_handleClick(e){let t=e.target;t.value!==void 0&&(this.deselectSelectedPalettes(),t.selected=!0,t.tabIndex=0,t.setAttribute(`aria-checked`,`true`),this.setSelected(t.value,!0))}async applySelects(){await this.manageSelects()}async manageSelects(){if(this.palettes.length===0)return;let e=this.palettes;this.setAttribute(`role`,`radiogroup`);let t=[],n=e.map(async e=>{await e.updateComplete,e.setAttribute(`role`,`radio`),e.setAttribute(`aria-checked`,e.selected?`true`:`false`),e.selected&&t.push(e)});await Promise.all(n);let r=t.map(e=>e.value).find(Boolean);this.setSelected(r)}render(){return e`
+import"./tokens.js";import{c as e,y as t}from"./chunks/lit-DWANyjiY.js";import{c as n,g as r,i,l as a,r as o,u as s,y as c}from"./chunks/lucero-runtime-DMlHjBe_.js";import{t as l}from"./chunks/roving-tabindex-CivopiNn.js";var u=`.color-palette-group{column-gap:var(--luzmo-color-palette-group-column-gap,var(--color-palette-group-column-gap));row-gap:var(--luzmo-color-palette-group-row-gap,var(--color-palette-group-row-gap));flex-wrap:wrap;display:flex}::slotted(*){flex-shrink:0}::slotted(:focus-visible){z-index:1}:host{--color-palette-group-column-gap:var(--luzmo-spacing-3);--color-palette-group-row-gap:var(--luzmo-spacing-3)}:host([size=s]){--color-palette-group-column-gap:var(--luzmo-spacing-2);--color-palette-group-row-gap:var(--luzmo-spacing-2)}:host,:host([size=l]),:host([size=xl]){--color-palette-group-column-gap:var(--luzmo-spacing-3);--color-palette-group-row-gap:var(--luzmo-spacing-3)}`,d=class extends n(s,{validSizes:[`s`,`m`,`l`,`xl`],noDefaultSize:!0}){static get styles(){return[t(u)]}set palettes(e){e!==this.palettes&&(this._palettes=e,this.rovingTabindexController.clearElementCache())}get palettes(){return this._palettes}constructor(){super(),this.disabled=!1,this.horizontal=!1,this._palettes=[],this.rovingTabindexController=new l(this,{focusInIndex:e=>e.findIndex(e=>this.selected?!e.disabled&&e.value===this.selected:!e.disabled),elements:()=>this.palettes,isFocusableElement:e=>!e.disabled}),this.label=``,this._onKeyDown=e=>{if(e.code===`Enter`||e.code===`Space`){e.preventDefault();let t=e.target;if(t.value===void 0)return;this.deselectSelectedPalettes(),t.selected=!0,t.tabIndex=0,t.setAttribute(`aria-checked`,`true`),this.setSelected(t.value,!0)}},this.manageColorPalettes=()=>{if(!this.slotElement)return;let e=this.slotElement.assignedElements({flatten:!0}).reduce((e,t)=>{if(t.matches(`luzmo-color-palette`))e.push(t);else{let n=[...t.querySelectorAll(`:scope > luzmo-color-palette`)];e.push(...n)}return e},[]);this.palettes=e,this.manageChildren(),this.manageSelects()},new o(this,{config:{childList:!0,subtree:!0},callback:()=>{this.manageColorPalettes()},skipInitial:!0})}get selected(){return this._selected}set selected(e){this.requestUpdate(`selected`,this._selected),this._selected=e,this.updateComplete.then(()=>{this.applySelects(),this.manageChildren()})}dispatchChange(e){this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0,cancelable:!0}))||(this.setSelected(e),this.palettes.map(e=>{e.selected=!!(e.value&&this.selected===e.value)}))}setSelected(e,t){if(e===this.selected)return;let n=this.selected;this.requestUpdate(`selected`,n),this._selected=e,t&&this.dispatchChange(n)}focus(e){this.rovingTabindexController.focus(e)}deselectSelectedPalettes(){this.palettes.forEach(e=>{e.selected&&(e.selected=!1,e.tabIndex=-1,e.setAttribute(`aria-checked`,`false`))})}_handleClick(e){let t=e.target;t.value!==void 0&&(this.deselectSelectedPalettes(),t.selected=!0,t.tabIndex=0,t.setAttribute(`aria-checked`,`true`),this.setSelected(t.value,!0))}async applySelects(){await this.manageSelects()}async manageSelects(){if(this.palettes.length===0)return;let e=this.palettes;this.setAttribute(`role`,`radiogroup`);let t=[],n=e.map(async e=>{await e.updateComplete,e.setAttribute(`role`,`radio`),e.setAttribute(`aria-checked`,e.selected?`true`:`false`),e.selected&&t.push(e)});await Promise.all(n);let r=t.map(e=>e.value).find(Boolean);this.setSelected(r)}render(){return e`
       <div
         class="color-palette-group"
         aria-label=${i(this.label??void 0)}

package/standalone/color-palette.js

@@ -17,4 +17,4 @@
  *
  */
 
-import"./tokens.js";import{c as e,y as t}from"./chunks/lit-BN_lRQbJ.js";import{a as n,c as r,l as i,y as a}from"./chunks/lucero-runtime-DGJ9-isg.js";var o=`:host{box-sizing:border-box}:host([focused]),:host(:focus-visible){outline:none}:host([focused]) #palette,:host(:focus-visible) #palette{border:var(--luzmo-color-palette-focus-indicator-width,var(--color-palette-focus-indicator-width)) solid var(--luzmo-color-palette-focus-indicator-color,var(--color-palette-focus-indicator-color))!important}:host([disabled]){pointer-events:none;cursor:not-allowed}:host([disabled]) #palette{opacity:var(--luzmo-color-palette-disabled-opacity,.3);background-color:var(--luzmo-color-palette-disabled-background-color,var(--color-palette-disabled-background-color))!important;border-color:#0000!important}:host([selected]) #palette{border-color:var(--luzmo-color-palette-selected-border-color,var(--color-palette-selected-border-color));background-color:var(--luzmo-color-palette-selected-background-color,var(--color-palette-selected-background-color))}:host:hover #palette{border-color:var(--luzmo-color-palette-hover-border-color,var(--color-palette-hover-border-color))}#palette{box-sizing:border-box;width:fit-content;height:100%;padding:var(--luzmo-color-palette-padding,var(--color-palette-padding));border:var(--luzmo-color-palette-border-width,var(--color-palette-border-width)) solid transparent;cursor:pointer;border-radius:var(--luzmo-color-palette-border-radius,var(--color-palette-border-radius));display:flex}#palette>div{box-sizing:border-box;border:var(--luzmo-color-palette-color-border-width,var(--color-palette-color-border-width)) solid var(--luzmo-color-palette-color-border-color,var(--color-palette-color-border-color));height:var(--luzmo-color-palette-color-height,var(--color-palette-color-height));width:var(--luzmo-color-palette-color-width,var(--color-palette-color-width))}#palette:hover{background-color:var(--luzmo-color-palette-hover-background-color,var(--color-palette-hover-background-color))}#palette:focus-visible{outline:none}:host(:not([reverse]):not([horizontal])) #palette{flex-direction:column}:host(:not([reverse]):not([horizontal])) #palette>div:not(:first-child){border-top:0}:host(:not([reverse]):not([horizontal])) #palette>div:first-child{border-top-left-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius));border-top-right-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius))}:host(:not([reverse]):not([horizontal])) #palette>div:last-child{border-bottom-left-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius));border-bottom-right-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius))}:host([reverse]:not([horizontal])) #palette{flex-direction:column-reverse}:host([reverse]:not([horizontal])) #palette>div:not(:first-child){border-bottom:0}:host([reverse]:not([horizontal])) #palette>div:first-child{border-bottom-left-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius));border-bottom-right-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius))}:host([reverse]:not([horizontal])) #palette>div:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius));border-top-right-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius))}:host([horizontal]:not([reverse])) #palette{flex-direction:row}:host([horizontal]:not([reverse])) #palette>div:not(:first-child){border-left:0}:host([horizontal]:not([reverse])) #palette>div:first-child{border-top-left-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius));border-bottom-left-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius))}:host([horizontal]:not([reverse])) #palette>div:last-child{border-top-right-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius));border-bottom-right-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius))}:host([horizontal][reverse]) #palette{flex-direction:row-reverse}:host([horizontal][reverse]) #palette>div:not(:first-child){border-right:0}:host([horizontal][reverse]) #palette>div:first-child{border-top-right-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius));border-bottom-right-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius))}:host([horizontal][reverse]) #palette>div:last-child{border-top-left-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius));border-bottom-left-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius))}:host{--color-palette-padding:var(--luzmo-spacing-1);--color-palette-background-color:transparent;--color-palette-hover-background-color:var(--luzmo-background-color-highlight);--color-palette-selected-border-color:var(--luzmo-border-color-down);--color-palette-selected-background-color:var(--luzmo-background-color-highlight-hover);--color-palette-disabled-background-color:transparent;--color-palette-border-width:var(--luzmo-border-width);--color-palette-hover-border-color:var(--luzmo-border-color);--color-palette-focus-indicator-width:var(--luzmo-indicator-width);--color-palette-focus-indicator-color:var(--luzmo-indicator-color);--color-palette-color-width:var(--luzmo-spacing-5);--color-palette-color-height:1.25rem;--color-palette-color-border-radius:var(--luzmo-border-radius);--color-palette-color-border-width:var(--luzmo-border-width);--color-palette-color-border-color:var(--luzmo-border-color);--color-palette-border-radius:calc(var(--color-palette-color-border-radius) + var(--color-palette-padding))}:host([horizontal]){--color-palette-color-height:var(--luzmo-spacing-5);--color-palette-color-width:1.25rem}:host([size=s]){--color-palette-color-width:.75rem;--color-palette-color-height:var(--luzmo-spacing-5);--color-palette-padding:var(--luzmo-spacing-1);--color-palette-color-border-radius:var(--luzmo-border-radius-s)}:host([size=s][horizontal]){--color-palette-color-height:.75rem;--color-palette-color-width:var(--luzmo-spacing-5)}:host([size=l]){--color-palette-color-width:1.25rem;--color-palette-color-height:1.5rem;--color-palette-padding:var(--luzmo-spacing-2);--color-palette-color-border-radius:var(--luzmo-border-radius-l)}:host([size=l][horizontal]){--color-palette-color-height:1.25rem;--color-palette-color-width:1.5rem}:host([size=xl]){--color-palette-color-width:1.5rem;--color-palette-color-height:1.75rem;--color-palette-padding:var(--luzmo-spacing-2);--color-palette-color-border-radius:var(--luzmo-border-radius-xl)}:host([size=xl][horizontal]){--color-palette-color-height:1.5rem;--color-palette-color-width:1.75rem}`,s=class extends r(n,{validSizes:[`s`,`m`,`l`,`xl`],noDefaultSize:!0}){constructor(...e){super(...e),this.disabled=!1,this.focused=!1,this.selected=!1,this.active=!1,this.reverse=!1,this.horizontal=!1}static{this.styles=t(o)}get focusElement(){return this}render(){return e` <div id="palette">${this.colors?.map(t=>e`<div class="color" style="background-color: ${t}"></div>`)}</div> `}firstUpdated(e){super.firstUpdated(e)}updated(e){super.updated(e),e.has(`selected`)&&this.setAttribute(`tabindex`,this.selected?`0`:`-1`),e.has(`disabled`)&&(this.disabled?this.setAttribute(`aria-disabled`,`true`):this.removeAttribute(`aria-disabled`))}};i([a({type:Boolean,reflect:!0})],s.prototype,`disabled`,void 0),i([a({type:Boolean,reflect:!0})],s.prototype,`focused`,void 0),i([a({type:Boolean,reflect:!0})],s.prototype,`selected`,void 0),i([a({type:Boolean,reflect:!0})],s.prototype,`active`,void 0),i([a({type:String,reflect:!0})],s.prototype,`value`,void 0),i([a({type:Array,reflect:!0})],s.prototype,`colors`,void 0),i([a({type:Boolean,reflect:!0})],s.prototype,`reverse`,void 0),i([a({type:Boolean,reflect:!0})],s.prototype,`horizontal`,void 0),customElements.get(`luzmo-color-palette`)||customElements.define(`luzmo-color-palette`,s);export{s as LuzmoColorPalette};
+import"./tokens.js";import{c as e,y as t}from"./chunks/lit-DWANyjiY.js";import{a as n,c as r,l as i,y as a}from"./chunks/lucero-runtime-DMlHjBe_.js";var o=`:host{box-sizing:border-box}:host([focused]),:host(:focus-visible){outline:none}:host([focused]) #palette,:host(:focus-visible) #palette{border:var(--luzmo-color-palette-focus-indicator-width,var(--color-palette-focus-indicator-width)) solid var(--luzmo-color-palette-focus-indicator-color,var(--color-palette-focus-indicator-color))!important}:host([disabled]){pointer-events:none;cursor:not-allowed}:host([disabled]) #palette{opacity:var(--luzmo-color-palette-disabled-opacity,.3);background-color:var(--luzmo-color-palette-disabled-background-color,var(--color-palette-disabled-background-color))!important;border-color:#0000!important}:host([selected]) #palette{border-color:var(--luzmo-color-palette-selected-border-color,var(--color-palette-selected-border-color));background-color:var(--luzmo-color-palette-selected-background-color,var(--color-palette-selected-background-color))}:host:hover #palette{border-color:var(--luzmo-color-palette-hover-border-color,var(--color-palette-hover-border-color))}#palette{box-sizing:border-box;width:fit-content;height:100%;padding:var(--luzmo-color-palette-padding,var(--color-palette-padding));border:var(--luzmo-color-palette-border-width,var(--color-palette-border-width)) solid transparent;cursor:pointer;border-radius:var(--luzmo-color-palette-border-radius,var(--color-palette-border-radius));display:flex}#palette>div{box-sizing:border-box;border:var(--luzmo-color-palette-color-border-width,var(--color-palette-color-border-width)) solid var(--luzmo-color-palette-color-border-color,var(--color-palette-color-border-color));height:var(--luzmo-color-palette-color-height,var(--color-palette-color-height));width:var(--luzmo-color-palette-color-width,var(--color-palette-color-width))}#palette:hover{background-color:var(--luzmo-color-palette-hover-background-color,var(--color-palette-hover-background-color))}#palette:focus-visible{outline:none}:host(:not([reverse]):not([horizontal])) #palette{flex-direction:column}:host(:not([reverse]):not([horizontal])) #palette>div:not(:first-child){border-top:0}:host(:not([reverse]):not([horizontal])) #palette>div:first-child{border-top-left-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius));border-top-right-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius))}:host(:not([reverse]):not([horizontal])) #palette>div:last-child{border-bottom-left-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius));border-bottom-right-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius))}:host([reverse]:not([horizontal])) #palette{flex-direction:column-reverse}:host([reverse]:not([horizontal])) #palette>div:not(:first-child){border-bottom:0}:host([reverse]:not([horizontal])) #palette>div:first-child{border-bottom-left-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius));border-bottom-right-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius))}:host([reverse]:not([horizontal])) #palette>div:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius));border-top-right-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius))}:host([horizontal]:not([reverse])) #palette{flex-direction:row}:host([horizontal]:not([reverse])) #palette>div:not(:first-child){border-left:0}:host([horizontal]:not([reverse])) #palette>div:first-child{border-top-left-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius));border-bottom-left-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius))}:host([horizontal]:not([reverse])) #palette>div:last-child{border-top-right-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius));border-bottom-right-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius))}:host([horizontal][reverse]) #palette{flex-direction:row-reverse}:host([horizontal][reverse]) #palette>div:not(:first-child){border-right:0}:host([horizontal][reverse]) #palette>div:first-child{border-top-right-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius));border-bottom-right-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius))}:host([horizontal][reverse]) #palette>div:last-child{border-top-left-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius));border-bottom-left-radius:var(--luzmo-color-palette-color-border-radius,var(--color-palette-color-border-radius))}:host{--color-palette-padding:var(--luzmo-spacing-1);--color-palette-background-color:transparent;--color-palette-hover-background-color:var(--luzmo-background-color-highlight);--color-palette-selected-border-color:var(--luzmo-border-color-down);--color-palette-selected-background-color:var(--luzmo-background-color-highlight-hover);--color-palette-disabled-background-color:transparent;--color-palette-border-width:var(--luzmo-border-width);--color-palette-hover-border-color:var(--luzmo-border-color);--color-palette-focus-indicator-width:var(--luzmo-indicator-width);--color-palette-focus-indicator-color:var(--luzmo-indicator-color);--color-palette-color-width:var(--luzmo-spacing-5);--color-palette-color-height:1.25rem;--color-palette-color-border-radius:var(--luzmo-border-radius);--color-palette-color-border-width:var(--luzmo-border-width);--color-palette-color-border-color:var(--luzmo-border-color);--color-palette-border-radius:calc(var(--color-palette-color-border-radius) + var(--color-palette-padding))}:host([horizontal]){--color-palette-color-height:var(--luzmo-spacing-5);--color-palette-color-width:1.25rem}:host([size=s]){--color-palette-color-width:.75rem;--color-palette-color-height:var(--luzmo-spacing-5);--color-palette-padding:var(--luzmo-spacing-1);--color-palette-color-border-radius:var(--luzmo-border-radius-s)}:host([size=s][horizontal]){--color-palette-color-height:.75rem;--color-palette-color-width:var(--luzmo-spacing-5)}:host([size=l]){--color-palette-color-width:1.25rem;--color-palette-color-height:1.5rem;--color-palette-padding:var(--luzmo-spacing-2);--color-palette-color-border-radius:var(--luzmo-border-radius-l)}:host([size=l][horizontal]){--color-palette-color-height:1.25rem;--color-palette-color-width:1.5rem}:host([size=xl]){--color-palette-color-width:1.5rem;--color-palette-color-height:1.75rem;--color-palette-padding:var(--luzmo-spacing-2);--color-palette-color-border-radius:var(--luzmo-border-radius-xl)}:host([size=xl][horizontal]){--color-palette-color-height:1.5rem;--color-palette-color-width:1.75rem}`,s=class extends r(n,{validSizes:[`s`,`m`,`l`,`xl`],noDefaultSize:!0}){constructor(...e){super(...e),this.disabled=!1,this.focused=!1,this.selected=!1,this.active=!1,this.reverse=!1,this.horizontal=!1}static{this.styles=t(o)}get focusElement(){return this}render(){let t=this.colors?.map(t=>e`<div class="color" style="background-color: ${t}"></div>`);return e` <div id="palette">${t}</div> `}firstUpdated(e){super.firstUpdated(e)}updated(e){super.updated(e),e.has(`selected`)&&this.setAttribute(`tabindex`,this.selected?`0`:`-1`),e.has(`disabled`)&&(this.disabled?this.setAttribute(`aria-disabled`,`true`):this.removeAttribute(`aria-disabled`))}};i([a({type:Boolean,reflect:!0})],s.prototype,`disabled`,void 0),i([a({type:Boolean,reflect:!0})],s.prototype,`focused`,void 0),i([a({type:Boolean,reflect:!0})],s.prototype,`selected`,void 0),i([a({type:Boolean,reflect:!0})],s.prototype,`active`,void 0),i([a({type:String,reflect:!0})],s.prototype,`value`,void 0),i([a({type:Array,reflect:!0})],s.prototype,`colors`,void 0),i([a({type:Boolean,reflect:!0})],s.prototype,`reverse`,void 0),i([a({type:Boolean,reflect:!0})],s.prototype,`horizontal`,void 0),customElements.get(`luzmo-color-palette`)||customElements.define(`luzmo-color-palette`,s);export{s as LuzmoColorPalette};

package/standalone/color-picker.js

@@ -17,7 +17,7 @@
  *
  */
 
-import"./tokens.js";import{c as e,y as t}from"./chunks/lit-BN_lRQbJ.js";import{c as n,g as r,l as i,u as a,v as o,y as s}from"./chunks/lucero-runtime-DGJ9-isg.js";import"./chunks/popover-BsB3dmQe.js";import{n as c}from"./chunks/slottable-request-event-D9FhiqH1.js";import"./chunks/overlay-C_XW8yry.js";import"./chunks/swatch-CGR_GWqO.js";import"./chunks/color-menu-BIKuitbH.js";var l=`luzmo-popover{margin-left:var(--luzmo-color-picker-popover-horizontal-gap,var(--color-picker-popover-horizontal-gap));margin-right:var(--luzmo-color-picker-popover-horizontal-gap,var(--color-picker-popover-horizontal-gap))}luzmo-swatch{cursor:pointer}:host([read-only]) luzmo-swatch{cursor:default;pointer-events:none}:host{--luzmo-popover-content-area-spacing-vertical:0;--color-picker-popover-horizontal-gap:var(--luzmo-spacing-4)}:host([size=s]){--color-picker-popover-horizontal-gap:var(--luzmo-spacing-3)}:host([size=l]),:host([size=xl]){--color-picker-popover-horizontal-gap:var(--luzmo-spacing-5)}`,u=class extends n(a){constructor(...e){super(...e),this.color=`rgb(255, 0, 0)`,this.open=!1,this.disabled=!1,this.readOnly=!1,this.placement=`left-start`,this.rounding=`full`,this.swatches=[],this.noAlphaChannel=!1,this._renderMenu=!1}static{this.styles=t(l)}overlayCloseEvent(){this.open=!1}overlayOpenEvent(){this.open=!0}handleColorChange(){let e=this.menuElement.color;this.color=typeof e==`string`?e:String(e),this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0}))}firstUpdated(){this.overlayElement.addEventListener(`slottable-request`,e=>{this._renderMenu=e.data!==c})}updated(e){e.has(`open`)&&this.open===!0&&(this._renderMenu=!0)}renderColorMenu(){return e`
+import"./tokens.js";import{c as e,y as t}from"./chunks/lit-DWANyjiY.js";import{c as n,g as r,l as i,u as a,v as o,y as s}from"./chunks/lucero-runtime-DMlHjBe_.js";import"./chunks/popover-Ca-FBqiU.js";import{n as c}from"./chunks/slottable-request-event-D9FhiqH1.js";import"./chunks/overlay-CgQMEmrM.js";import"./chunks/swatch-DivHeYOK.js";import"./chunks/color-menu-BDZh85nX.js";var l=`luzmo-popover{margin-left:var(--luzmo-color-picker-popover-horizontal-gap,var(--color-picker-popover-horizontal-gap));margin-right:var(--luzmo-color-picker-popover-horizontal-gap,var(--color-picker-popover-horizontal-gap))}luzmo-swatch{cursor:pointer}:host([read-only]) luzmo-swatch{cursor:default;pointer-events:none}:host{--luzmo-popover-content-area-spacing-vertical:0;--color-picker-popover-horizontal-gap:var(--luzmo-spacing-4)}:host([size=s]){--color-picker-popover-horizontal-gap:var(--luzmo-spacing-3)}:host([size=l]),:host([size=xl]){--color-picker-popover-horizontal-gap:var(--luzmo-spacing-5)}`,u=class extends n(a){constructor(...e){super(...e),this.color=`rgb(255, 0, 0)`,this.open=!1,this.disabled=!1,this.readOnly=!1,this.placement=`left-start`,this.rounding=`full`,this.swatches=[],this.noAlphaChannel=!1,this._renderMenu=!1}static{this.styles=t(l)}overlayCloseEvent(){this.open=!1}overlayOpenEvent(){this.open=!0}handleColorChange(){let e=this.menuElement.color;this.color=typeof e==`string`?e:String(e),this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0}))}firstUpdated(){this.overlayElement.addEventListener(`slottable-request`,e=>{this._renderMenu=e.data!==c})}updated(e){e.has(`open`)&&this.open===!0&&(this._renderMenu=!0)}renderColorMenu(){return e`
       <luzmo-color-menu
         .size=${this.size}
         .color=${this.color}

package/standalone/color-slider.js

@@ -17,4 +17,4 @@
  *
  */
 
-import"./tokens.js";import{t as e}from"./chunks/color-slider-CAqvxsgS.js";export{e as LuzmoColorSlider};
+import"./tokens.js";export{t as LuzmoColorSlider}from"./chunks/color-slider-Bipcekrc.js";

package/standalone/date-range-picker.js

@@ -17,7 +17,7 @@
  *
  */
 
-import"./tokens.js";import{c as e,i as t,y as n}from"./chunks/lit-BN_lRQbJ.js";import{a as r,c as i,g as a,i as o,l as s,s as c,v as l,y as u}from"./chunks/lucero-runtime-DGJ9-isg.js";import{g as d,o as f}from"./chunks/luzmo-icons-B-pCv-xg.js";import{t as p}from"./chunks/when-BWvpqCBs.js";import"./chunks/icon-BypO7M7G.js";import"./chunks/popover-BsB3dmQe.js";import{t as m}from"./chunks/class-map-CxQ0PcQP.js";import"./chunks/overlay-C_XW8yry.js";import{_ as h,d as g,g as _,h as v,l as y,n as b,p as x,s as S,y as C}from"./chunks/calendar-BOzu003d.js";import{t as w}from"./chunks/NumberParser-r_jv94LA.js";import{t as T}from"./chunks/manage-help-text-Cl9OJ2xf.js";import{t as E}from"./chunks/text-field.module-ClDE7laI.js";import"./chunks/picker-button-BZWqDoNQ.js";import{a as D,c as O,f as k,i as A,l as j,n as M,o as N,p as P,r as F,s as I,t as L,u as R}from"./chunks/segments-factory-Da9ojsLC.js";var z=`:host{font-family:var(--luzmo-font-family);--date-range-picker-border-radius:var(--luzmo-date-range-picker-border-radius,var(--luzmo-border-radius));--date-range-picker-border-width:var(--luzmo-border-width);--date-range-picker-button-border-color:var(--luzmo-date-range-picker-pickerbutton-border-color,var(--luzmo-border-color));--date-range-picker-button-border-color-focus:var(--luzmo-date-range-picker-pickerbutton-border-color-focus,var(--luzmo-primary));--date-range-picker-button-border-color-invalid:var(--luzmo-date-range-picker-pickerbutton-border-color-invalid,var(--luzmo-negative-color));--date-range-picker-dash-color:var(--luzmo-date-range-picker-dash-color,var(--luzmo-font-color));--date-range-picker-dash-font-size:var(--luzmo-date-range-picker-dash-font-size,var(--luzmo-font-size));--date-range-picker-focus-ring-color:var(--luzmo-date-range-picker-focus-ring-color,var(--luzmo-indicator-color));--date-range-picker-focus-ring-gap:var(--luzmo-date-range-picker-focus-ring-gap,0px);--date-range-picker-focus-ring-width:var(--luzmo-date-range-picker-focus-ring-width,var(--luzmo-border-width));--date-range-picker-focus-animation:var(--luzmo-date-range-picker-focus-animation,var(--luzmo-animation-duration));--date-range-picker-calendar-padding:var(--luzmo-date-range-picker-calendar-padding,var(--luzmo-spacing-4));--luzmo-text-field-width:var(--luzmo-date-range-picker-width,var(--date-range-picker-width));border-radius:var(--date-range-picker-border-radius);flex-flow:row;max-inline-size:100%;display:inline-flex;position:relative}:host([disabled]) luzmo-picker-button{cursor:default}:host([disabled]){--luzmo-date-range-picker-dash-color:var(--luzmo-date-range-picker-dash-color-disabled,var(--luzmo-font-color-disabled))}:host([disabled]) .luzmo-DatePicker-rangeDash{background-color:var(--luzmo-text-field-background-color-disabled,var(--luzmo-background-color-disabled));border-block-color:#0000}:host([readonly]) .luzmo-DatePicker-rangeDash{background-color:initial;border-block-color:#0000}:host([invalid]:not([quiet])) .range-wrapper:after{border-color:var(--date-range-picker-button-border-color-invalid)}:host([invalid]:not([quiet])) .range-wrapper .input,:host([invalid]:not([quiet])) .range-wrapper .input:read-only{border-color:#0000}:host([invalid]:not([quiet])) .luzmo-DatePicker-rangeDash{background-color:#0000;border-block-color:#0000}:host(:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-range-picker-button-border-color)}:host([focused]),:host([focused]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-range-picker-button-border-color-focus)}:host([invalid]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-range-picker-button-border-color-invalid)}.range-wrapper{border-radius:var(--date-range-picker-border-radius);flex-flow:row;flex:1;align-items:stretch;inline-size:100%;min-inline-size:0;display:inline-flex;position:relative}.range-wrapper:after{pointer-events:none;content:"";border:var(--date-range-picker-focus-ring-width) solid transparent;border-radius:var(--date-range-picker-border-radius);transition:border-color var(--date-range-picker-focus-animation) ease-in-out;position:absolute;inset:0}:host([focused]) .range-wrapper:not(.luzmo-DatePicker--quiet):after{border-color:var(--date-range-picker-focus-ring-color)}:host([focused]) .range-wrapper:not(.luzmo-DatePicker--quiet) #text-field:after{display:none}:host([focused]) .range-wrapper .input,:host([focused]) .range-wrapper .input:read-only,:host([focused]) .range-wrapper #text-field .input,:host([focused]) .range-wrapper #text-field:hover .input{border-color:var(--date-range-picker-focus-ring-color);outline:none}:host([focused]) .range-wrapper .luzmo-DatePicker-rangeDash{border-block-color:var(--date-range-picker-focus-ring-color)}:host .input:read-only{border-color:var(--luzmo-date-range-picker-border-color,var(--luzmo-border-color))}:host(:not([quiet],[readonly],[disabled])) .input:read-only{background-color:var(--luzmo-text-field-background-color,var(--luzmo-background-color))}:host([disabled]:not([quiet])) .input:read-only{background-color:var(--luzmo-text-field-background-color-disabled,var(--luzmo-background-color-disabled))}.input.luzmo-DatePicker-startField{border-inline-end:0;border-start-end-radius:0;border-end-end-radius:0}.input.luzmo-DatePicker-endField{border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}.luzmo-DatePicker-rangeDash{color:var(--date-range-picker-dash-color);font-size:var(--date-range-picker-dash-font-size);flex:initial;z-index:1;background-color:var(--luzmo-text-field-background-color,var(--luzmo-background-color,#fff));border-block:var(--date-range-picker-border-width) solid var(--luzmo-border-color,#ccc);transition:border-block-color var(--luzmo-text-field-animation-duration,var(--luzmo-animation-duration)) ease-in-out;align-items:center;display:flex}.luzmo-DatePicker-rangeDash:before{content:"→";margin-inline:var(--luzmo-spacing-2,4px);text-align:center;display:inline-block}luzmo-picker-button{cursor:pointer;z-index:2;position:absolute;inset-inline-end:0}:host([quiet]) .luzmo-DatePicker-rangeDash{background-color:#0000;border-block-start-width:0;border-inline-width:0;border-radius:0}:host([quiet]) .range-wrapper:after{display:none}:host([quiet][focused]) .range-wrapper:after{border-color:#0000;border-block-end-color:var(--date-range-picker-focus-ring-color);border-radius:0;display:block;inset-block-end:0}:host([quiet]) luzmo-picker-button{inline-size:auto}:host([quiet]) luzmo-picker-button:not(:disabled,.is-open){--luzmo-picker-button-background-color:transparent}@media (hover:hover){:host(:hover:not([focused],[disabled],[invalid],[readonly])){--luzmo-picker-button-border-color:var(--highcontrast-text-field-border-color-hover,var(--luzmo-text-field-border-color-hover,rgba(var(--luzmo-primary-rgb), .3)))}:host(:hover:not([focused],[disabled],[invalid],[readonly])) .range-wrapper #text-field .input{border-color:var(--highcontrast-text-field-border-color-hover,var(--luzmo-text-field-border-color-hover,rgba(var(--luzmo-primary-rgb), .3)))}:host(:hover:not([focused],[disabled],[invalid],[readonly])) .luzmo-DatePicker-rangeDash{border-block-color:var(--highcontrast-text-field-border-color-hover,var(--luzmo-text-field-border-color-hover,rgba(var(--luzmo-primary-rgb), .3)))}:host([focused]:hover:not([disabled],[invalid],[readonly])) .luzmo-DatePicker-rangeDash{border-block-color:var(--highcontrast-text-field-border-color-focus-hover,var(--luzmo-text-field-border-color-focus-hover,var(--luzmo-primary)))}}@media (forced-colors:active){:host{--date-range-picker-dash-color:CanvasText;--date-range-picker-focus-ring-color:Highlight}:host([disabled]){--date-range-picker-dash-color:GrayText}}:host{--date-range-picker-calendar-padding:var(--luzmo-spacing-4);--date-range-picker-icon-size:18px;--date-range-picker-dash-font-size:var(--luzmo-font-size);--date-range-picker-width:auto;--text-field-focus-indicator-color:var(--luzmo-background-color-highlight)}:host([size=s]){--date-range-picker-calendar-padding:var(--luzmo-spacing-3);--date-range-picker-icon-size:16px;--date-range-picker-dash-font-size:var(--luzmo-font-size-s)}:host([size=m]){--date-range-picker-calendar-padding:var(--luzmo-spacing-4);--date-range-picker-icon-size:18px;--date-range-picker-dash-font-size:var(--luzmo-font-size-m)}:host([size=l]){--date-range-picker-calendar-padding:var(--luzmo-spacing-5);--date-range-picker-icon-size:20px;--date-range-picker-dash-font-size:var(--luzmo-font-size-l)}:host([size=xl]){--date-range-picker-calendar-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--date-range-picker-icon-size:22px;--date-range-picker-dash-font-size:var(--luzmo-font-size-xl)}:host{--picker-button-size:var(--luzmo-text-field-height,var(--text-field-height));--input-spacing:var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline));--input-border-width:var(--luzmo-text-field-border-width,var(--luzmo-border-width));--status-icon-size:var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid));flex-wrap:wrap}:host #text-field{flex:auto;inline-size:auto;min-inline-size:0;display:inline-block}:host #text-field .input,:host([quiet]) #text-field .input,:host([invalid]) #text-field .input{inline-size:100%}:host #text-field:last-of-type .input{padding-inline-end:calc(var(--picker-button-size) + var(--input-spacing) - var(--input-border-width))}:host([invalid]) .input.luzmo-DatePicker-startField{padding-inline-end:calc(var(--input-spacing) - var(--input-border-width))}:host([invalid]) #text-field:last-of-type .input{padding-inline-end:calc(var(--picker-button-size) + var(--status-icon-size) + 2 * var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid)))}:host([invalid]) .range-wrapper .icon{z-index:3;pointer-events:none;font-size:var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid));color:var(--luzmo-negative-color);justify-content:center;align-items:center;display:flex;position:absolute;inset-block-start:var(--luzmo-text-field-icon-spacing-block-invalid,var(--text-field-icon-spacing-block-invalid));inset-block-end:var(--luzmo-text-field-icon-spacing-block-invalid,var(--text-field-icon-spacing-block-invalid));inset-inline-end:calc(var(--picker-button-size) + var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid)))}luzmo-picker-button:focus-visible{outline:none}luzmo-popover{overflow-y:auto}luzmo-popover .popover-content{padding:var(--luzmo-date-range-picker-calendar-padding,var(--date-range-picker-calendar-padding))}.input-content{scrollbar-width:none;align-items:center;height:100%;line-height:normal;display:flex;overflow:auto hidden}.input-content::-webkit-scrollbar{width:0;height:0;display:none}.literal-segment,.editable-segment{color:var(--luzmo-date-range-picker-font-color-default,var(--luzmo-font-color));display:inline-block}.editable-segment{font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap;caret-color:#0000;outline:none;padding:0 .15em}[dir=ltr] .editable-segment{text-align:start}.literal-segment{white-space:pre;-webkit-user-select:none;user-select:none}.is-placeholder,.is-placeholder+.literal-segment{color:var(--luzmo-font-color-disabled)}.editable-segment:focus-visible{color:var(--luzmo-date-range-picker-segment-text-color-focus,var(--luzmo-font-color));background-color:var(--highcontrast-text-field-focus-indicator-color,var(--luzmo-text-field-focus-indicator-color,var(--text-field-focus-indicator-color)))}.editable-segment::selection{background-color:#0000}.calendar-layout,.calendar-layout--dual .calendars-row{gap:var(--luzmo-spacing-4,16px);flex-direction:row;display:flex}.calendar-container{flex-shrink:0}.defined-ranges{gap:var(--luzmo-spacing-1,2px);border-inline-start:var(--luzmo-border-width,1px) solid var(--luzmo-border-color,#e0e0e0);flex-direction:column;min-inline-size:120px;padding-inline-start:var(--luzmo-spacing-4,16px);display:flex}.defined-range-item{inline-size:100%;padding:var(--luzmo-spacing-2,4px) var(--luzmo-spacing-3,8px);border-radius:var(--luzmo-border-radius,4px);color:var(--luzmo-font-color,inherit);font-family:var(--luzmo-font-family,inherit);font-size:var(--luzmo-font-size,inherit);text-align:start;cursor:pointer;transition:background-color var(--luzmo-animation-duration,.13s) ease;white-space:nowrap;background:0 0;border:none;display:block}.defined-range-item:hover{background-color:var(--luzmo-background-color-hover,#0000000d)}.defined-range-item:focus-visible{outline:var(--luzmo-indicator-width,2px) solid var(--luzmo-indicator-color,var(--luzmo-primary));outline-offset:var(--luzmo-indicator-gap,2px)}.defined-range-item[aria-selected=true]{background-color:var(--luzmo-background-color-highlight,#00000014);font-weight:var(--bold-font-weight,bold)}`;function B(){let e=new Date;e.setHours(0,0,0,0);let t=new Date(e);t.setDate(t.getDate()-1);let n=new Date(e),r=n.getDay();n.setDate(n.getDate()-r);let i=new Date(n);i.setDate(i.getDate()+6);let a=new Date(n);a.setDate(a.getDate()-7);let o=new Date(n);o.setDate(o.getDate()-1);let s=new Date(e.getFullYear(),e.getMonth(),1),c=new Date(e.getFullYear(),e.getMonth()+1,0),l=new Date(e.getFullYear(),e.getMonth()-1,1),u=new Date(e.getFullYear(),e.getMonth(),0);return[{label:`Today`,startDate:e,endDate:e},{label:`Yesterday`,startDate:t,endDate:t},{label:`This Week`,startDate:n,endDate:i},{label:`Last Week`,startDate:a,endDate:o},{label:`This Month`,startDate:s,endDate:c},{label:`Last Month`,startDate:l,endDate:u}]}function V(e){return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`}var H=class extends T(i(r,{validSizes:Object.values(c)})){static get styles(){return[n(z),n(E)]}get _language(){try{return this.language?new Intl.Locale(this.language).language:`en`}catch{return`en`}}get focusElement(){return this.firstEditableSegment}clear(){this._startDate=void 0,this._endDate=void 0,this.startDate=void 0,this.endDate=void 0,this.setStartSegments(),this.setEndSegments()}constructor(){super(),this.precision=k.Day,this.calendars=1,this.showDefinedRanges=!1,this.definedRanges=B(),this.invalid=!1,this.readonly=!1,this.quiet=!1,this.placement=`bottom`,this.language=`en`,this.labels={previous:`Previous`,next:`Next`,today:`Today`,selected:`Selected`,empty:`Empty`,calendar:`Calendar`,startDate:`Start date`,endDate:`End date`},this.focused=!1,this.startSegments=new N([]),this.endSegments=new N([]),this.isCalendarOpen=!1,this._timeZone=this.timeZone??h(),this._skipMonthSync=!1,this.handleFocusIn=()=>{this.focused=!this.readonly},this.handleFocusOut=()=>{this.focused=!1},this.setNumberParser(),this.setDateFormatter(),this.setAriaDateFormatter(),this.addEventListener(`focusin`,this.handleFocusIn),this.addEventListener(`focusout`,this.handleFocusOut)}willUpdate(e){let t=e.has(`startDate`),n=e.has(`endDate`),r=e.has(`min`),i=e.has(`max`),a=e.has(`language`),o=e.has(`dateFormat`),s=e.has(`dateSeparator`),c=e.has(`precision`),l=e.has(`disabled`);e.has(`timeZone`)&&(this._timeZone=this.timeZone??h()),a&&this.setNumberParser(),(a||c)&&(this.setDateFormatter(),this.setAriaDateFormatter()),(t||n||r||i)&&this.parseAllDates(),(t||a||c||o||s)&&this.setStartSegments(),(n||a||c||o||s)&&this.setEndSegments(),l&&this.isCalendarOpen&&(this.isCalendarOpen=!1);let u=e.has(`isCalendarOpen`)&&this.isCalendarOpen;(t||n)&&(this._skipMonthSync||this.syncCalendarMonths(),this._skipMonthSync=!1),u&&this.calendars===2&&this.syncCalendarMonths(),this.updateAriaLabel()}initCalendarMonths(){let e=this._startDate??g(C(this._timeZone)),t=_(e);this._leftMonth=t.toString(),this._rightMonth=this._endDate&&!v(e,this._endDate)?_(this._endDate).toString():t.add({months:1}).toString()}syncCalendarMonths(){if(this.calendars!==2)return;let e=this._startDate??g(C(this._timeZone)),t=_(e);this._endDate&&!v(e,this._endDate)?(this._leftMonth=t.toString(),this._rightMonth=_(this._endDate).toString()):(this._leftMonth=t.toString(),this._rightMonth=t.add({months:1}).toString())}parseDateValue(e){return e?e.includes(`T`)?S(e).set({era:`AD`}):g(y(e)).set({era:`AD`}):void 0}parseAllDates(){this._startDate=this.parseDateValue(this.startDate),this._endDate=this.parseDateValue(this.endDate)}updateAriaLabel(){if(this._startDate&&this._endDate){let e=this.ariaDateFormatter.format(I(this._startDate)),t=this.ariaDateFormatter.format(I(this._endDate));this.setAttribute(`aria-label`,`${this.labels.selected}: ${e} – ${t}`)}else this.setAttribute(`aria-label`,this.labels.empty)}render(){return e`
+import"./tokens.js";import{c as e,i as t,y as n}from"./chunks/lit-DWANyjiY.js";import{a as r,c as i,g as a,i as o,l as s,s as c,v as l,y as u}from"./chunks/lucero-runtime-DMlHjBe_.js";import{g as d,o as f}from"./chunks/luzmo-icons-vtQE0BSI.js";import{t as p}from"./chunks/when-BWvpqCBs.js";import"./chunks/icon-6P1RsbD1.js";import"./chunks/popover-Ca-FBqiU.js";import{t as m}from"./chunks/class-map-E9JVium5.js";import"./chunks/overlay-CgQMEmrM.js";import{_ as h,d as g,g as _,h as v,l as y,n as b,p as x,s as S,y as C}from"./chunks/calendar-BxARYymw.js";import{t as w}from"./chunks/NumberParser--1Rm0Yk7.js";import{t as T}from"./chunks/manage-help-text-DO3PkWgh.js";import{t as E}from"./chunks/text-field.module-ClDE7laI.js";import"./chunks/picker-button-DbamPU-T.js";import{a as D,c as O,f as k,i as A,l as j,n as M,o as N,p as P,r as F,s as I,t as L,u as R}from"./chunks/segments-factory-B6oGyosS.js";var z=`:host{font-family:var(--luzmo-font-family);--date-range-picker-border-radius:var(--luzmo-date-range-picker-border-radius,var(--luzmo-border-radius));--date-range-picker-border-width:var(--luzmo-border-width);--date-range-picker-button-border-color:var(--luzmo-date-range-picker-pickerbutton-border-color,var(--luzmo-border-color));--date-range-picker-button-border-color-focus:var(--luzmo-date-range-picker-pickerbutton-border-color-focus,var(--luzmo-primary));--date-range-picker-button-border-color-invalid:var(--luzmo-date-range-picker-pickerbutton-border-color-invalid,var(--luzmo-negative-color));--date-range-picker-dash-color:var(--luzmo-date-range-picker-dash-color,var(--luzmo-font-color));--date-range-picker-dash-font-size:var(--luzmo-date-range-picker-dash-font-size,var(--luzmo-font-size));--date-range-picker-focus-ring-color:var(--luzmo-date-range-picker-focus-ring-color,var(--luzmo-indicator-color));--date-range-picker-focus-ring-gap:var(--luzmo-date-range-picker-focus-ring-gap,0px);--date-range-picker-focus-ring-width:var(--luzmo-date-range-picker-focus-ring-width,var(--luzmo-border-width));--date-range-picker-focus-animation:var(--luzmo-date-range-picker-focus-animation,var(--luzmo-animation-duration));--date-range-picker-calendar-padding:var(--luzmo-date-range-picker-calendar-padding,var(--luzmo-spacing-4));--luzmo-text-field-width:var(--luzmo-date-range-picker-width,var(--date-range-picker-width));border-radius:var(--date-range-picker-border-radius);flex-flow:row;max-inline-size:100%;display:inline-flex;position:relative}:host([disabled]) luzmo-picker-button{cursor:default}:host([disabled]){--luzmo-date-range-picker-dash-color:var(--luzmo-date-range-picker-dash-color-disabled,var(--luzmo-font-color-disabled))}:host([disabled]) .luzmo-DatePicker-rangeDash{background-color:var(--luzmo-text-field-background-color-disabled,var(--luzmo-background-color-disabled));border-block-color:#0000}:host([readonly]) .luzmo-DatePicker-rangeDash{background-color:initial;border-block-color:#0000}:host([invalid]:not([quiet])) .range-wrapper:after{border-color:var(--date-range-picker-button-border-color-invalid)}:host([invalid]:not([quiet])) .range-wrapper .input,:host([invalid]:not([quiet])) .range-wrapper .input:read-only{border-color:#0000}:host([invalid]:not([quiet])) .luzmo-DatePicker-rangeDash{background-color:#0000;border-block-color:#0000}:host(:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-range-picker-button-border-color)}:host([focused]),:host([focused]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-range-picker-button-border-color-focus)}:host([invalid]:not([quiet],[disabled])){--luzmo-picker-button-border-color:var(--date-range-picker-button-border-color-invalid)}.range-wrapper{border-radius:var(--date-range-picker-border-radius);flex-flow:row;flex:1;align-items:stretch;inline-size:100%;min-inline-size:0;display:inline-flex;position:relative}.range-wrapper:after{pointer-events:none;content:"";border:var(--date-range-picker-focus-ring-width) solid transparent;border-radius:var(--date-range-picker-border-radius);transition:border-color var(--date-range-picker-focus-animation) ease-in-out;position:absolute;inset:0}:host([focused]) .range-wrapper:not(.luzmo-DatePicker--quiet):after{border-color:var(--date-range-picker-focus-ring-color)}:host([focused]) .range-wrapper:not(.luzmo-DatePicker--quiet) #text-field:after{display:none}:host([focused]) .range-wrapper .input,:host([focused]) .range-wrapper .input:read-only,:host([focused]) .range-wrapper #text-field .input,:host([focused]) .range-wrapper #text-field:hover .input{border-color:var(--date-range-picker-focus-ring-color);outline:none}:host([focused]) .range-wrapper .luzmo-DatePicker-rangeDash{border-block-color:var(--date-range-picker-focus-ring-color)}:host .input:read-only{border-color:var(--luzmo-date-range-picker-border-color,var(--luzmo-border-color))}:host(:not([quiet],[readonly],[disabled])) .input:read-only{background-color:var(--luzmo-text-field-background-color,var(--luzmo-background-color))}:host([disabled]:not([quiet])) .input:read-only{background-color:var(--luzmo-text-field-background-color-disabled,var(--luzmo-background-color-disabled))}.input.luzmo-DatePicker-startField{border-inline-end:0;border-start-end-radius:0;border-end-end-radius:0}.input.luzmo-DatePicker-endField{border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}.luzmo-DatePicker-rangeDash{color:var(--date-range-picker-dash-color);font-size:var(--date-range-picker-dash-font-size);flex:initial;z-index:1;background-color:var(--luzmo-text-field-background-color,var(--luzmo-background-color,#fff));border-block:var(--date-range-picker-border-width) solid var(--luzmo-border-color,#ccc);transition:border-block-color var(--luzmo-text-field-animation-duration,var(--luzmo-animation-duration)) ease-in-out;align-items:center;display:flex}.luzmo-DatePicker-rangeDash:before{content:"→";margin-inline:var(--luzmo-spacing-2,4px);text-align:center;display:inline-block}luzmo-picker-button{cursor:pointer;z-index:2;position:absolute;inset-inline-end:0}:host([quiet]) .luzmo-DatePicker-rangeDash{background-color:#0000;border-block-start-width:0;border-inline-width:0;border-radius:0}:host([quiet]) .range-wrapper:after{display:none}:host([quiet][focused]) .range-wrapper:after{border-color:#0000;border-block-end-color:var(--date-range-picker-focus-ring-color);border-radius:0;display:block;inset-block-end:0}:host([quiet]) luzmo-picker-button{inline-size:auto}:host([quiet]) luzmo-picker-button:not(:disabled,.is-open){--luzmo-picker-button-background-color:transparent}@media (hover:hover){:host(:hover:not([focused],[disabled],[invalid],[readonly])){--luzmo-picker-button-border-color:var(--highcontrast-text-field-border-color-hover,var(--luzmo-text-field-border-color-hover,rgba(var(--luzmo-primary-rgb), .3)))}:host(:hover:not([focused],[disabled],[invalid],[readonly])) .range-wrapper #text-field .input{border-color:var(--highcontrast-text-field-border-color-hover,var(--luzmo-text-field-border-color-hover,rgba(var(--luzmo-primary-rgb), .3)))}:host(:hover:not([focused],[disabled],[invalid],[readonly])) .luzmo-DatePicker-rangeDash{border-block-color:var(--highcontrast-text-field-border-color-hover,var(--luzmo-text-field-border-color-hover,rgba(var(--luzmo-primary-rgb), .3)))}:host([focused]:hover:not([disabled],[invalid],[readonly])) .luzmo-DatePicker-rangeDash{border-block-color:var(--highcontrast-text-field-border-color-focus-hover,var(--luzmo-text-field-border-color-focus-hover,var(--luzmo-primary)))}}@media (forced-colors:active){:host{--date-range-picker-dash-color:CanvasText;--date-range-picker-focus-ring-color:Highlight}:host([disabled]){--date-range-picker-dash-color:GrayText}}:host{--date-range-picker-calendar-padding:var(--luzmo-spacing-4);--date-range-picker-icon-size:18px;--date-range-picker-dash-font-size:var(--luzmo-font-size);--date-range-picker-width:auto;--text-field-focus-indicator-color:var(--luzmo-background-color-highlight)}:host([size=s]){--date-range-picker-calendar-padding:var(--luzmo-spacing-3);--date-range-picker-icon-size:16px;--date-range-picker-dash-font-size:var(--luzmo-font-size-s)}:host([size=m]){--date-range-picker-calendar-padding:var(--luzmo-spacing-4);--date-range-picker-icon-size:18px;--date-range-picker-dash-font-size:var(--luzmo-font-size-m)}:host([size=l]){--date-range-picker-calendar-padding:var(--luzmo-spacing-5);--date-range-picker-icon-size:20px;--date-range-picker-dash-font-size:var(--luzmo-font-size-l)}:host([size=xl]){--date-range-picker-calendar-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--date-range-picker-icon-size:22px;--date-range-picker-dash-font-size:var(--luzmo-font-size-xl)}:host{--picker-button-size:var(--luzmo-text-field-height,var(--text-field-height));--input-spacing:var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline));--input-border-width:var(--luzmo-text-field-border-width,var(--luzmo-border-width));--status-icon-size:var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid));flex-wrap:wrap}:host #text-field{flex:auto;inline-size:auto;min-inline-size:0;display:inline-block}:host #text-field .input,:host([quiet]) #text-field .input,:host([invalid]) #text-field .input{inline-size:100%}:host #text-field:last-of-type .input{padding-inline-end:calc(var(--picker-button-size) + var(--input-spacing) - var(--input-border-width))}:host([invalid]) .input.luzmo-DatePicker-startField{padding-inline-end:calc(var(--input-spacing) - var(--input-border-width))}:host([invalid]) #text-field:last-of-type .input{padding-inline-end:calc(var(--picker-button-size) + var(--status-icon-size) + 2 * var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid)))}:host([invalid]) .range-wrapper .icon{z-index:3;pointer-events:none;font-size:var(--luzmo-text-field-icon-size-invalid,var(--text-field-icon-size-invalid));color:var(--luzmo-negative-color);justify-content:center;align-items:center;display:flex;position:absolute;inset-block-start:var(--luzmo-text-field-icon-spacing-block-invalid,var(--text-field-icon-spacing-block-invalid));inset-block-end:var(--luzmo-text-field-icon-spacing-block-invalid,var(--text-field-icon-spacing-block-invalid));inset-inline-end:calc(var(--picker-button-size) + var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid)))}luzmo-picker-button:focus-visible{outline:none}luzmo-popover{overflow-y:auto}luzmo-popover .popover-content{padding:var(--luzmo-date-range-picker-calendar-padding,var(--date-range-picker-calendar-padding))}.input-content{scrollbar-width:none;align-items:center;height:100%;line-height:normal;display:flex;overflow:auto hidden}.input-content::-webkit-scrollbar{width:0;height:0;display:none}.literal-segment,.editable-segment{color:var(--luzmo-date-range-picker-font-color-default,var(--luzmo-font-color));display:inline-block}.editable-segment{font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap;caret-color:#0000;outline:none;padding:0 .15em}[dir=ltr] .editable-segment{text-align:start}.literal-segment{white-space:pre;-webkit-user-select:none;user-select:none}.is-placeholder,.is-placeholder+.literal-segment{color:var(--luzmo-font-color-disabled)}.editable-segment:focus-visible{color:var(--luzmo-date-range-picker-segment-text-color-focus,var(--luzmo-font-color));background-color:var(--highcontrast-text-field-focus-indicator-color,var(--luzmo-text-field-focus-indicator-color,var(--text-field-focus-indicator-color)))}.editable-segment::selection{background-color:#0000}.calendar-layout,.calendar-layout--dual .calendars-row{gap:var(--luzmo-spacing-4,16px);flex-direction:row;display:flex}.calendar-container{flex-shrink:0}.defined-ranges{gap:var(--luzmo-spacing-1,2px);border-inline-start:var(--luzmo-border-width,1px) solid var(--luzmo-border-color,#e0e0e0);flex-direction:column;min-inline-size:120px;padding-inline-start:var(--luzmo-spacing-4,16px);display:flex}.defined-range-item{inline-size:100%;padding:var(--luzmo-spacing-2,4px) var(--luzmo-spacing-3,8px);border-radius:var(--luzmo-border-radius,4px);color:var(--luzmo-font-color,inherit);font-family:var(--luzmo-font-family,inherit);font-size:var(--luzmo-font-size,inherit);text-align:start;cursor:pointer;transition:background-color var(--luzmo-animation-duration,.13s) ease;white-space:nowrap;background:0 0;border:none;display:block}.defined-range-item:hover{background-color:var(--luzmo-background-color-hover,#0000000d)}.defined-range-item:focus-visible{outline:var(--luzmo-indicator-width,2px) solid var(--luzmo-indicator-color,var(--luzmo-primary));outline-offset:var(--luzmo-indicator-gap,2px)}.defined-range-item[aria-selected=true]{background-color:var(--luzmo-background-color-highlight,#00000014);font-weight:var(--bold-font-weight,bold)}`;function B(){let e=/* @__PURE__ */ new Date;e.setHours(0,0,0,0);let t=new Date(e);t.setDate(t.getDate()-1);let n=new Date(e),r=n.getDay();n.setDate(n.getDate()-r);let i=new Date(n);i.setDate(i.getDate()+6);let a=new Date(n);a.setDate(a.getDate()-7);let o=new Date(n);o.setDate(o.getDate()-1);let s=new Date(e.getFullYear(),e.getMonth(),1),c=new Date(e.getFullYear(),e.getMonth()+1,0),l=new Date(e.getFullYear(),e.getMonth()-1,1),u=new Date(e.getFullYear(),e.getMonth(),0);return[{label:`Today`,startDate:e,endDate:e},{label:`Yesterday`,startDate:t,endDate:t},{label:`This Week`,startDate:n,endDate:i},{label:`Last Week`,startDate:a,endDate:o},{label:`This Month`,startDate:s,endDate:c},{label:`Last Month`,startDate:l,endDate:u}]}function V(e){return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`}var H=class extends T(i(r,{validSizes:Object.values(c)})){static get styles(){return[n(z),n(E)]}get _language(){try{return this.language?new Intl.Locale(this.language).language:`en`}catch{return`en`}}get focusElement(){return this.firstEditableSegment}clear(){this._startDate=void 0,this._endDate=void 0,this.startDate=void 0,this.endDate=void 0,this.setStartSegments(),this.setEndSegments()}constructor(){super(),this.precision=k.Day,this.calendars=1,this.showDefinedRanges=!1,this.definedRanges=B(),this.invalid=!1,this.readonly=!1,this.quiet=!1,this.placement=`bottom`,this.language=`en`,this.labels={previous:`Previous`,next:`Next`,today:`Today`,selected:`Selected`,empty:`Empty`,calendar:`Calendar`,startDate:`Start date`,endDate:`End date`},this.focused=!1,this.startSegments=new N([]),this.endSegments=new N([]),this.isCalendarOpen=!1,this._timeZone=this.timeZone??h(),this._skipMonthSync=!1,this.handleFocusIn=()=>{this.focused=!this.readonly},this.handleFocusOut=()=>{this.focused=!1},this.setNumberParser(),this.setDateFormatter(),this.setAriaDateFormatter(),this.addEventListener(`focusin`,this.handleFocusIn),this.addEventListener(`focusout`,this.handleFocusOut)}willUpdate(e){let t=e.has(`startDate`),n=e.has(`endDate`),r=e.has(`min`),i=e.has(`max`),a=e.has(`language`),o=e.has(`dateFormat`),s=e.has(`dateSeparator`),c=e.has(`precision`),l=e.has(`disabled`);e.has(`timeZone`)&&(this._timeZone=this.timeZone??h()),a&&this.setNumberParser(),(a||c)&&(this.setDateFormatter(),this.setAriaDateFormatter()),(t||n||r||i)&&this.parseAllDates(),(t||a||c||o||s)&&this.setStartSegments(),(n||a||c||o||s)&&this.setEndSegments(),l&&this.isCalendarOpen&&(this.isCalendarOpen=!1);let u=e.has(`isCalendarOpen`)&&this.isCalendarOpen;(t||n)&&(this._skipMonthSync||this.syncCalendarMonths(),this._skipMonthSync=!1),u&&this.calendars===2&&this.syncCalendarMonths(),this.updateAriaLabel()}initCalendarMonths(){let e=this._startDate??g(C(this._timeZone)),t=_(e);this._leftMonth=t.toString(),this._rightMonth=this._endDate&&!v(e,this._endDate)?_(this._endDate).toString():t.add({months:1}).toString()}syncCalendarMonths(){if(this.calendars!==2)return;let e=this._startDate??g(C(this._timeZone)),t=_(e);this._endDate&&!v(e,this._endDate)?(this._leftMonth=t.toString(),this._rightMonth=_(this._endDate).toString()):(this._leftMonth=t.toString(),this._rightMonth=t.add({months:1}).toString())}parseDateValue(e){return e?e.includes(`T`)?S(e).set({era:`AD`}):g(y(e)).set({era:`AD`}):void 0}parseAllDates(){this._startDate=this.parseDateValue(this.startDate),this._endDate=this.parseDateValue(this.endDate)}updateAriaLabel(){if(this._startDate&&this._endDate){let e=this.ariaDateFormatter.format(I(this._startDate)),t=this.ariaDateFormatter.format(I(this._endDate));this.setAttribute(`aria-label`,`${this.labels.selected}: ${e} – ${t}`)}else this.setAttribute(`aria-label`,this.labels.empty)}render(){return e`
       <div class="luzmo-DatePicker--range range-wrapper">
         <div id="text-field">${this.renderStartInput()}</div>
         <div class="luzmo-DatePicker-rangeDash"></div>
@@ -80,7 +80,7 @@ import"./tokens.js";import{c as e,i as t,y as n}from"./chunks/lit-BN_lRQbJ.js";i
         </div>
         ${this.renderDefinedRanges()}
       </div>
-    `}renderDualCalendar(){return(!this._leftMonth||!this._rightMonth)&&this.initCalendarMonths(),e`
+    `}renderDualCalendar(){return this._leftMonth&&this._rightMonth||this.initCalendarMonths(),e`
       <div class="calendar-layout calendar-layout--dual">
         <div class="calendars-row">
           <div class="calendar-container">
@@ -179,4 +179,4 @@ import"./tokens.js";import{c as e,i as t,y as n}from"./chunks/lit-BN_lRQbJ.js";i
         data-type=${t.type}
         .innerText=${t.value===void 0?t.placeholder??``:t.formatted??``}
       ></div>
-    `}getSegments(e){return e===`start`?this.startSegments:this.endSegments}setSegmentsForField(e,t){e===`start`?this.startSegments=t:this.endSegments=t}getModifierParams(e){return{dateFormatter:this.dateFormatter,segments:this.getSegments(e),currentDate:x(this._timeZone)}}handleKeydown(e,t){let n=e.target,r=n.dataset.type;if(r)switch(e.code){case`ArrowUp`:{let e=new F(this.getModifierParams(t));this.setSegmentsForField(t,e.modify(r)),this.updateValueFromSegments(t),this.dispatchInputEvent();break}case`ArrowDown`:{let e=new A(this.getModifierParams(t));this.setSegmentsForField(t,e.modify(r)),this.updateValueFromSegments(t),this.dispatchInputEvent();break}case`ArrowRight`:this.focusSegment(n,`next`);break;case`ArrowLeft`:this.focusSegment(n,`previous`);break;case`Enter`:case`Space`:this.commitValue();break;case`Backspace`:case`Delete`:if(e.preventDefault(),this.getSegments(t).getByType(r)?.value===void 0)this.focusSegment(n,`previous`);else{let e=new D(this.getModifierParams(t));this.setSegmentsForField(t,e.modify(r)),this.updateValueFromSegments(t),this.dispatchInputEvent()}break}}handleInput(e,t){e.stopPropagation();let n=e.target.dataset.type,r=this.getSegments(t).editableValues,i=new M({...this.getModifierParams(t),eventData:e.data,numberParser:this.numberParser}).modify(n);this.setSegmentsForField(t,i);let a=i.getByType(n),o=e.target;o.textContent=a.value===void 0?a.placeholder:a.formatted,this.updateValueFromSegments(t);let s=i.editableValues;O(r,s)||this.dispatchInputEvent()}focusSegment(e,t){let n=e;for(;;){let e=t===`previous`?n.previousElementSibling:n.nextElementSibling;if(!e)break;if(e.getAttribute(`contenteditable`)){e.focus();return}n=e}}updateValueFromSegments(e){let t=this.getSegments(e).getFormattedDate(this.precision);if(t&&(j(t)||R(t))){let n=t.toString();e===`start`?(this._startDate=t,this.startDate=n):(this._endDate=t,this.endDate=n)}else e===`start`?(this._startDate=void 0,this.startDate=void 0):(this._endDate=void 0,this.endDate=void 0)}commitValue(){if(this._startDate&&this._endDate){if(this._startDate.compare(this._endDate)>0){let e=this._startDate;this._startDate=this._endDate,this._endDate=e,this.startDate=this._startDate.toString(),this.endDate=this._endDate.toString(),this.setStartSegments(),this.setEndSegments()}this.dispatchChange()}}handleLeftMonthChange(e){let t=e.detail,n=y(t.date);this._leftMonth=t.date,this._rightMonth&&v(n,y(this._rightMonth))&&(this._rightMonth=_(n).add({months:1}).toString())}handleRightMonthChange(e){let t=e.detail,n=y(t.date);this._rightMonth=t.date,this._leftMonth&&v(n,y(this._leftMonth))&&(this._leftMonth=_(n).subtract({months:1}).toString())}dispatchChange(){this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,cancelable:!0,detail:{startDate:this.startDate??``,endDate:this.endDate??``}}))}dispatchInputEvent(){this.dispatchEvent(new CustomEvent(`input`,{bubbles:!0,composed:!0,cancelable:!0,detail:{startDate:this.startDate??``,endDate:this.endDate??``}}))}setStartSegments(){this.startSegments=this.createSegmentsFromDate(this._startDate)}setEndSegments(){this.endSegments=this.createSegmentsFromDate(this._endDate)}createSegmentsFromDate(e){let t=x(this._timeZone),n=e?{year:e.year,month:e.month,day:e.day}:{};e&&R(e)&&(n.hour=e.hour,n.minute=e.minute,n.second=e.second,n.millisecond=e.millisecond);let r=e?t.set(n):t,i=new L(this.dateFormatter).createSegments(r,e!==void 0);if(this.dateFormat){let e=i.all.findIndex(e=>e.type===P.Month),t=i.all.findIndex(e=>e.type===P.Day);if(e!==-1&&t!==-1){if(this.dateFormat===`mmdd`&&e>t){let n=i.all[e];i.all[e]=i.all[t],i.all[t]=n}else if(this.dateFormat===`ddmm`&&t>e){let n=i.all[t];i.all[t]=i.all[e],i.all[e]=n}}}return typeof this.dateSeparator==`string`&&this.dateSeparator&&(i.all?.[1]?.type===P.Literal&&(i.all[1].formatted=this.dateSeparator),i.all?.[3]?.type===P.Literal&&(i.all[3].formatted=this.dateSeparator)),this.precision===k.Day?new N(i.all.filter(e=>{let t=e.type;return t===P.Year||t===P.Month||t===P.Day||t===P.Literal})):i}setNumberParser(){this.numberParser=new w(this._language,{maximumFractionDigits:0})}setDateFormatter(){this.dateFormatter=new b(this._language,{day:`2-digit`,month:`2-digit`,year:`numeric`,...this.getTimeOptions(`2-digit`)})}setAriaDateFormatter(){this.ariaDateFormatter=new b(this._language,{day:`numeric`,month:`long`,year:`numeric`,...this.getTimeOptions(`numeric`)})}getTimeOptions(e){switch(this.precision){case k.Millisecond:return{hour:e,minute:e,second:e,fractionalSecondDigits:3};case k.Second:return{hour:e,minute:e,second:e};case k.Minute:return{hour:e,minute:e};case k.Hour:return{hour:e};default:return{}}}};s([u({type:String,attribute:`start-date`,reflect:!0})],H.prototype,`startDate`,void 0),s([u({type:String,attribute:`end-date`,reflect:!0})],H.prototype,`endDate`,void 0),s([u({type:String,reflect:!0})],H.prototype,`min`,void 0),s([u({type:String,reflect:!0})],H.prototype,`max`,void 0),s([u({type:String,attribute:`date-format`,reflect:!0})],H.prototype,`dateFormat`,void 0),s([u({type:String,attribute:`date-separator`,reflect:!0})],H.prototype,`dateSeparator`,void 0),s([u({type:String,reflect:!0})],H.prototype,`precision`,void 0),s([u({type:Number,reflect:!0})],H.prototype,`calendars`,void 0),s([u({type:Boolean,attribute:`show-defined-ranges`,reflect:!0})],H.prototype,`showDefinedRanges`,void 0),s([u({attribute:!1})],H.prototype,`definedRanges`,void 0),s([u({type:Boolean,reflect:!0})],H.prototype,`invalid`,void 0),s([u({type:Boolean,reflect:!0})],H.prototype,`readonly`,void 0),s([u({type:Boolean,reflect:!0})],H.prototype,`quiet`,void 0),s([u({type:String,reflect:!0})],H.prototype,`placement`,void 0),s([u({type:String,attribute:`time-zone`,reflect:!0})],H.prototype,`timeZone`,void 0),s([u({type:String,reflect:!0})],H.prototype,`language`,void 0),s([u({attribute:!1})],H.prototype,`labels`,void 0),s([u({type:Boolean,reflect:!0})],H.prototype,`focused`,void 0),s([l()],H.prototype,`_startDate`,void 0),s([l()],H.prototype,`_endDate`,void 0),s([l()],H.prototype,`startSegments`,void 0),s([l()],H.prototype,`endSegments`,void 0),s([l()],H.prototype,`isCalendarOpen`,void 0),s([l()],H.prototype,`_leftMonth`,void 0),s([l()],H.prototype,`_rightMonth`,void 0),s([a(`.editable-segment`)],H.prototype,`firstEditableSegment`,void 0),s([a(`.range-wrapper`)],H.prototype,`rangeWrapper`,void 0),customElements.get(`luzmo-date-range-picker`)||customElements.define(`luzmo-date-range-picker`,H);export{H as LuzmoDateRangePicker};
+    `}getSegments(e){return e===`start`?this.startSegments:this.endSegments}setSegmentsForField(e,t){e===`start`?this.startSegments=t:this.endSegments=t}getModifierParams(e){return{dateFormatter:this.dateFormatter,segments:this.getSegments(e),currentDate:x(this._timeZone)}}handleKeydown(e,t){let n=e.target,r=n.dataset.type;if(r)switch(e.code){case`ArrowUp`:{let e=new F(this.getModifierParams(t));this.setSegmentsForField(t,e.modify(r)),this.updateValueFromSegments(t),this.dispatchInputEvent();break}case`ArrowDown`:{let e=new A(this.getModifierParams(t));this.setSegmentsForField(t,e.modify(r)),this.updateValueFromSegments(t),this.dispatchInputEvent();break}case`ArrowRight`:this.focusSegment(n,`next`);break;case`ArrowLeft`:this.focusSegment(n,`previous`);break;case`Enter`:case`Space`:this.commitValue();break;case`Backspace`:case`Delete`:if(e.preventDefault(),this.getSegments(t).getByType(r)?.value===void 0)this.focusSegment(n,`previous`);else{let e=new D(this.getModifierParams(t));this.setSegmentsForField(t,e.modify(r)),this.updateValueFromSegments(t),this.dispatchInputEvent()}}}handleInput(e,t){e.stopPropagation();let n=e.target.dataset.type,r=this.getSegments(t).editableValues,i=new M({...this.getModifierParams(t),eventData:e.data,numberParser:this.numberParser}).modify(n);this.setSegmentsForField(t,i);let a=i.getByType(n),o=e.target;o.textContent=a.value===void 0?a.placeholder:a.formatted,this.updateValueFromSegments(t);let s=i.editableValues;O(r,s)||this.dispatchInputEvent()}focusSegment(e,t){let n=e;for(;;){let e=t===`previous`?n.previousElementSibling:n.nextElementSibling;if(!e)break;if(e.getAttribute(`contenteditable`)){e.focus();return}n=e}}updateValueFromSegments(e){let t=this.getSegments(e).getFormattedDate(this.precision);if(t&&(j(t)||R(t))){let n=t.toString();e===`start`?(this._startDate=t,this.startDate=n):(this._endDate=t,this.endDate=n)}else e===`start`?(this._startDate=void 0,this.startDate=void 0):(this._endDate=void 0,this.endDate=void 0)}commitValue(){if(this._startDate&&this._endDate){if(this._startDate.compare(this._endDate)>0){let e=this._startDate;this._startDate=this._endDate,this._endDate=e,this.startDate=this._startDate.toString(),this.endDate=this._endDate.toString(),this.setStartSegments(),this.setEndSegments()}this.dispatchChange()}}handleLeftMonthChange(e){let t=e.detail,n=y(t.date);this._leftMonth=t.date,this._rightMonth&&v(n,y(this._rightMonth))&&(this._rightMonth=_(n).add({months:1}).toString())}handleRightMonthChange(e){let t=e.detail,n=y(t.date);this._rightMonth=t.date,this._leftMonth&&v(n,y(this._leftMonth))&&(this._leftMonth=_(n).subtract({months:1}).toString())}dispatchChange(){this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,cancelable:!0,detail:{startDate:this.startDate??``,endDate:this.endDate??``}}))}dispatchInputEvent(){this.dispatchEvent(new CustomEvent(`input`,{bubbles:!0,composed:!0,cancelable:!0,detail:{startDate:this.startDate??``,endDate:this.endDate??``}}))}setStartSegments(){this.startSegments=this.createSegmentsFromDate(this._startDate)}setEndSegments(){this.endSegments=this.createSegmentsFromDate(this._endDate)}createSegmentsFromDate(e){let t=x(this._timeZone),n=e?{year:e.year,month:e.month,day:e.day}:{};e&&R(e)&&(n.hour=e.hour,n.minute=e.minute,n.second=e.second,n.millisecond=e.millisecond);let r=e?t.set(n):t,i=new L(this.dateFormatter).createSegments(r,e!==void 0);if(this.dateFormat){let e=i.all.findIndex(e=>e.type===P.Month),t=i.all.findIndex(e=>e.type===P.Day);if(e!==-1&&t!==-1){if(this.dateFormat===`mmdd`&&e>t){let n=i.all[e];i.all[e]=i.all[t],i.all[t]=n}else if(this.dateFormat===`ddmm`&&t>e){let n=i.all[t];i.all[t]=i.all[e],i.all[e]=n}}}if(typeof this.dateSeparator==`string`&&this.dateSeparator&&(i.all?.[1]?.type===P.Literal&&(i.all[1].formatted=this.dateSeparator),i.all?.[3]?.type===P.Literal&&(i.all[3].formatted=this.dateSeparator)),this.precision===k.Day){let e=i.all.filter(e=>{let t=e.type;return t===P.Year||t===P.Month||t===P.Day||t===P.Literal});return new N(e)}return i}setNumberParser(){this.numberParser=new w(this._language,{maximumFractionDigits:0})}setDateFormatter(){this.dateFormatter=new b(this._language,{day:`2-digit`,month:`2-digit`,year:`numeric`,...this.getTimeOptions(`2-digit`)})}setAriaDateFormatter(){this.ariaDateFormatter=new b(this._language,{day:`numeric`,month:`long`,year:`numeric`,...this.getTimeOptions(`numeric`)})}getTimeOptions(e){switch(this.precision){case k.Millisecond:return{hour:e,minute:e,second:e,fractionalSecondDigits:3};case k.Second:return{hour:e,minute:e,second:e};case k.Minute:return{hour:e,minute:e};case k.Hour:return{hour:e};default:return{}}}};s([u({type:String,attribute:`start-date`,reflect:!0})],H.prototype,`startDate`,void 0),s([u({type:String,attribute:`end-date`,reflect:!0})],H.prototype,`endDate`,void 0),s([u({type:String,reflect:!0})],H.prototype,`min`,void 0),s([u({type:String,reflect:!0})],H.prototype,`max`,void 0),s([u({type:String,attribute:`date-format`,reflect:!0})],H.prototype,`dateFormat`,void 0),s([u({type:String,attribute:`date-separator`,reflect:!0})],H.prototype,`dateSeparator`,void 0),s([u({type:String,reflect:!0})],H.prototype,`precision`,void 0),s([u({type:Number,reflect:!0})],H.prototype,`calendars`,void 0),s([u({type:Boolean,attribute:`show-defined-ranges`,reflect:!0})],H.prototype,`showDefinedRanges`,void 0),s([u({attribute:!1})],H.prototype,`definedRanges`,void 0),s([u({type:Boolean,reflect:!0})],H.prototype,`invalid`,void 0),s([u({type:Boolean,reflect:!0})],H.prototype,`readonly`,void 0),s([u({type:Boolean,reflect:!0})],H.prototype,`quiet`,void 0),s([u({type:String,reflect:!0})],H.prototype,`placement`,void 0),s([u({type:String,attribute:`time-zone`,reflect:!0})],H.prototype,`timeZone`,void 0),s([u({type:String,reflect:!0})],H.prototype,`language`,void 0),s([u({attribute:!1})],H.prototype,`labels`,void 0),s([u({type:Boolean,reflect:!0})],H.prototype,`focused`,void 0),s([l()],H.prototype,`_startDate`,void 0),s([l()],H.prototype,`_endDate`,void 0),s([l()],H.prototype,`startSegments`,void 0),s([l()],H.prototype,`endSegments`,void 0),s([l()],H.prototype,`isCalendarOpen`,void 0),s([l()],H.prototype,`_leftMonth`,void 0),s([l()],H.prototype,`_rightMonth`,void 0),s([a(`.editable-segment`)],H.prototype,`firstEditableSegment`,void 0),s([a(`.range-wrapper`)],H.prototype,`rangeWrapper`,void 0),customElements.get(`luzmo-date-range-picker`)||customElements.define(`luzmo-date-range-picker`,H);export{H as LuzmoDateRangePicker};