@luzmo/lucero 2.4.2 → 2.5.1

package/{components/picker-BliQJlY_.cjs → standalone/chunks/picker-jZI5AjVJ.js}

@@ -1,82 +1,66 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2026 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./focusable-B6h03pAe.cjs"),r=require("./language-resolution-CSjktYg5.cjs"),i=require("./dependency-manger-BSaHw9ju.cjs"),a=require("./strategies-BwNbUXYS.cjs");require("./progress-circle-bO_VAX3N.cjs");const o=require("./pending-state-CGHvTtKR.cjs");require("./menu-CrhA2iPZ.cjs"),require("./overlay-Dn7EbA_W.cjs"),require("./tooltip-DjOW52n2.cjs");let s=require("lit"),c=require("lit/decorators.js"),l=require("@luzmo/icons"),u=require("lit/directives/if-defined.js"),d=require("lit/directives/class-map.js"),f=require("lit/directives/style-map.js");var p=`#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--luzmo-button-font-family,var(--luzmo-font-family));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height,var(--luzmo-line-height,1.3));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, border-color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, box-shadow var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;position:relative;overflow:visible}#button::-moz-focus-inner{border-style:none;padding:0}#button:focus{outline:none}#icon{font-size:var(--luzmo-picker-font-size,var(--picker-font-size));margin-inline-end:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}@media (forced-colors:active){:host{--highcontrast-picker-focus-indicator-color:Highlight;--highcontrast-picker-border-color-default:ButtonBorder;--highcontrast-picker-border-color-hover:Highlight;--highcontrast-picker-border-color-disabled:GrayText;--highcontrast-picker-content-color-default:ButtonText;--highcontrast-picker-content-color-disabled:GrayText;--highcontrast-picker-background-color:ButtonFace}#button:focus-visible{--highcontrast-picker-border-color-hover:ButtonText}#button .label,#button:after{forced-color-adjust:none}}#button{box-sizing:border-box;max-inline-size:100%;min-inline-size:calc(var(--picker-minimum-width-multiplier) * var(--luzmo-picker-block-size,var(--picker-block-size)));block-size:var(--luzmo-picker-block-size,var(--picker-block-size));border-width:var(--luzmo-picker-border-width,var(--picker-border-width));border-radius:var(--luzmo-picker-border-radius,var(--picker-border-radius));box-shadow:var(--luzmo-picker-box-shadow,var(--picker-box-shadow));transition:background-color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)), box-shadow var(--luzmo-picker-animation-duration,var(--picker-animation-duration)), border-color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-in-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-style:solid;border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));margin-block-start:var(--luzmo-picker-spacing-label-to-picker,var(--picker-spacing-label-to-picker));padding-block:0;padding-inline-start:var(--luzmo-picker-spacing-edge-to-text,var(--picker-spacing-edge-to-text));padding-inline-end:var(--luzmo-picker-spacing-edge-to-disclosure-icon,var(--picker-spacing-edge-to-disclosure-icon));display:flex}#button:after{pointer-events:none;content:"";block-size:calc(100% + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) * 2 + var(--luzmo-picker-border-width,var(--picker-border-width)) * 2);inline-size:calc(100% + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) * 2 + var(--luzmo-picker-border-width,var(--picker-border-width)) * 2);border-style:solid;border-width:var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width));border-radius:calc(var(--luzmo-picker-border-radius,var(--picker-border-radius)) + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-border-width,var(--picker-border-width)));border-color:#0000;margin-block-start:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1);margin-inline-start:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1);position:absolute;inset-block:0;inset-inline:0}#button:active{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-active,var(--picker-background-color-active)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-active,var(--picker-border-color-active)))}#button:active:after{border-color:#0000}#button.placeholder:active .label{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-active,var(--picker-font-color-active)))}#button:focus-visible{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-key-focus,var(--picker-background-color-key-focus)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-key-focus,var(--picker-border-color-key-focus)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-key-focus,var(--picker-font-color-key-focus)));outline:none}#button:focus-visible:after{border-color:var(--highcontrast-picker-focus-indicator-color,var(--luzmo-picker-focus-indicator-color,var(--picker-focus-indicator-color)))}#button.placeholder:focus-visible{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-key-focus,var(--picker-font-color-key-focus)))}#button:focus-visible .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-key-focus,var(--picker-icon-color-key-focus)))}:host([open]) #button:not(:disabled,.is-disabled){color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default-open,var(--picker-font-color-default-open)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default-open,var(--picker-background-color-default-open)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-default-open,var(--picker-border-color-default-open)))}:host([open]) #button:not(:disabled,.is-disabled) .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-default-open,var(--picker-icon-color-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-default,var(--picker-border-color-error-default)))}:host([invalid]) #button:not(:disabled,.is-disabled) .validation-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-error,var(--picker-icon-color-error)))}:host([invalid]) #button:not(:disabled,.is-disabled):active{border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-active,var(--picker-border-color-error-active)))}:host([invalid][open]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-default-open,var(--picker-border-color-error-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):focus-visible{border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-key-focus,var(--picker-border-color-error-key-focus)))}:host([pending]) #button .disclosure-icon{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-icon-color-disabled,var(--picker-icon-color-disabled)))}.icon{flex-shrink:0}.label{white-space:nowrap;font-size:var(--luzmo-picker-font-size,var(--picker-font-size));line-height:var(--luzmo-picker-line-height,var(--picker-line-height));font-weight:var(--luzmo-picker-font-weight,var(--picker-font-weight));text-overflow:ellipsis;text-align:start;flex:auto;overflow:hidden}:host([data-luzmo-language-script=Latn]) .label{text-box:trim-both cap alphabetic;margin-block:-.35em;padding-block:.35em}.label.placeholder{font-weight:var(--luzmo-picker-placeholder-font-weight,var(--picker-font-weight));font-style:var(--luzmo-picker-placeholder-font-style,var(--picker-placeholder-font-style));transition:color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-in-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}.label.placeholder:active{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-active,var(--picker-font-color-active)))}.disclosure-icon{vertical-align:top;transition:color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-default,var(--picker-icon-color-default)));flex-shrink:0;margin-inline-start:var(--luzmo-picker-spacing-icon-to-disclosure-icon,var(--picker-spacing-icon-to-disclosure-icon));display:inline-block;position:relative}.disclosure-icon:active{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-active,var(--picker-icon-color-active)))}luzmo-progress-circle,.validation-icon{margin-inline-start:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}.icon-container{height:100%;font-size:var(--luzmo-picker-disclosure-icon-size,var(--picker-disclosure-icon-size));align-items:center;display:flex;position:relative}.icon-container.disclosure-icon{margin-inline-end:0}.label~.disclosure-icon{margin-inline-start:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}:host([quiet]) #button{inline-size:auto;min-inline-size:0;padding-inline:var(--luzmo-picker-spacing-edge-to-text-quiet,var(--picker-spacing-edge-to-text-quiet));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)));background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent);box-shadow:none;border:none;border-radius:0;margin-block-start:calc(var(--luzmo-picker-spacing-label-to-picker-quiet,var(--picker-spacing-label-to-picker-quiet)) + 1px)}:host([quiet]) #button.label-inline{margin-block-start:0}:host([quiet]) #button .disclosure-icon{margin-inline-end:var(--luzmo-picker-spacing-edge-to-disclosure-icon-quiet,var(--picker-spacing-edge-to-disclosure-icon-quiet))}:host([quiet]) #button:after{border:none;block-size:auto;inline-size:auto}@media (hover:hover){#button:hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover,var(--picker-font-color-hover)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-hover,var(--picker-background-color-hover)));border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-hover,var(--picker-border-color-hover)))}#button:hover .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-hover,var(--picker-icon-color-hover)))}:host([open]):not([quiet]) #button:not(:disabled,.is-disabled):hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover-open,var(--picker-font-color-hover-open)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-hover-open,var(--picker-background-color-hover-open)));border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-hover-open,var(--picker-border-color-hover-open)))}:host([open]) #button:not(:disabled,.is-disabled):hover .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-hover-open,var(--picker-icon-color-hover-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-error-hover,var(--picker-border-color-error-hover)))}:host([invalid][open]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-error-hover-open,var(--picker-border-color-error-hover-open)))}.label.placeholder:hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover,var(--picker-font-color-hover)))}:host([quiet]) #button:hover{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)!important}}:host([quiet]) #button:focus-visible{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)}:host([quiet]) #button:focus-visible:after{box-shadow:0 var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) 0 0 var(--highcontrast-picker-focus-indicator-color,var(--luzmo-picker-focus-indicator-color,var(--picker-focus-indicator-color)));margin:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1) 0;border:none;border-radius:0}:host([quiet][open]) #button,:host([quiet][disabled]) #button#button,:host([quiet]) #button#button:disabled,:host([quiet]) #button:active{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)}.label-inline{vertical-align:top;display:inline-flex}:host([disabled]) #button,#button:disabled{cursor:default;background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-disabled,var(--picker-background-color-disabled)));border-color:#0000;border-color:var(--highcontrast-picker-border-color-disabled,transparent);color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-font-color-disabled,var(--picker-font-color-disabled)))}:host([disabled]) #button .icon,:host([disabled]) #button .disclosure-icon,:host([disabled]) #button .validation-icon,#button:disabled .icon,#button:disabled .disclosure-icon,#button:disabled .validation-icon{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-icon-color-disabled,var(--picker-icon-color-disabled)))}:host([disabled]) #button .label.placeholder,#button:disabled .label.placeholder{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-font-color-disabled,var(--picker-font-color-disabled)))}:host{--picker-box-shadow:0px 1px 3px 0px var(--luzmo-shadow-color);--picker-background-color-default:var(--luzmo-background-color);--picker-background-color-default-open:var(--luzmo-background-color-hover);--picker-background-color-active:var(--luzmo-background-color-down);--picker-background-color-hover:var(--luzmo-background-color-hover);--picker-background-color-hover-open:var(--luzmo-background-color-down);--picker-background-color-key-focus:var(--luzmo-background-color-down);--picker-border-color-default:var(--luzmo-border-color);--picker-border-color-default-open:var(--luzmo-border-color-hover);--picker-border-color-hover:var(--luzmo-border-color);--picker-border-color-hover-open:var(--luzmo-border-color-hover);--picker-border-color-active:var(--luzmo-border-color);--picker-border-color-key-focus:var(--luzmo-border-color);--picker-border-width:var(--luzmo-border-width);--picker-font-size:var(--luzmo-font-size);--picker-font-weight:var(--luzmo-font-weight);--picker-placeholder-font-style:var(--luzmo-font-style);--picker-line-height:var(--luzmo-line-height);--picker-block-size:32px;--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon-inline-end:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-icon-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-text-quiet:0px;--picker-spacing-label-to-picker:0px;--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon-quiet:0px;--picker-animation-duration:var(--luzmo-animation-duration);--picker-font-color-default:var(--luzmo-font-color);--picker-font-color-default-open:var(--luzmo-font-color-hover);--picker-font-color-hover:var(--luzmo-font-color-hover);--picker-font-color-hover-open:var(--luzmo-font-color-down);--picker-font-color-active:var(--luzmo-font-color-focus);--picker-font-color-key-focus:var(--luzmo-font-color-focus);--picker-icon-color-default:var(--luzmo-font-color);--picker-icon-color-default-open:var(--luzmo-font-color-hover);--picker-icon-color-hover:var(--luzmo-font-color-hover);--picker-icon-color-hover-open:var(--luzmo-font-color-hover);--picker-icon-color-active:var(--luzmo-font-color-focus);--picker-icon-color-key-focus:var(--luzmo-font-color-focus);--picker-border-color-error-default:var(--luzmo-negative-color);--picker-border-color-error-default-open:var(--luzmo-negative-color-down);--picker-border-color-error-hover:var(--luzmo-negative-color-hover);--picker-border-color-error-hover-open:var(--luzmo-negative-color-down);--picker-border-color-error-active:var(--luzmo-negative-color-down);--picker-border-color-error-key-focus:var(--luzmo-negative-color-focus);--picker-icon-color-error:var(--luzmo-negative-color);--picker-background-color-disabled:var(--luzmo-background-color-disabled);--picker-font-color-disabled:var(--luzmo-disabled-color);--picker-icon-color-disabled:var(--luzmo-disabled-color);--picker-focus-indicator-gap:var(--luzmo-indicator-gap);--picker-focus-indicator-width:var(--luzmo-indicator-width);--picker-focus-indicator-color:var(--luzmo-indicator-color);--picker-disclosure-icon-size:var(--luzmo-font-size-s)}:host([size=s]){--picker-block-size:28px;--picker-font-size:var(--luzmo-font-size-s);--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:var(--luzmo-spacing-3);--picker-spacing-text-to-icon:var(--luzmo-spacing-3);--picker-spacing-text-to-icon-inline-end:var(--luzmo-spacing-3);--picker-spacing-icon-to-disclosure-icon:var(--luzmo-spacing-3);--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-3));--picker-spacing-edge-to-disclosure-icon:var(--luzmo-spacing-3);--picker-disclosure-icon-size:var(--luzmo-font-size-s)}:host([size=l]){--picker-block-size:40px;--picker-font-size:var(--luzmo-font-size-l);--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:var(--luzmo-spacing-4);--picker-spacing-text-to-icon:var(--luzmo-spacing-4);--picker-spacing-text-to-icon-inline-end:var(--luzmo-spacing-4);--picker-spacing-icon-to-disclosure-icon:var(--luzmo-spacing-4);--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-4));--picker-spacing-edge-to-disclosure-icon:var(--luzmo-spacing-4);--picker-disclosure-icon-size:var(--luzmo-font-size)}:host([size=xl]){--picker-block-size:48px;--picker-font-size:var(--luzmo-font-size-xl);--picker-border-radius:var(--luzmo-border-radius-l);--picker-spacing-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon-inline-end:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-icon-to-disclosure-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-disclosure-icon-size:var(--luzmo-font-size-l)}:host([variant=highlight]) ::slotted(luzmo-menu-item[selected]){--menu-item-highlight-label-content-color:var(--luzmo-primary-inverse-color);--menu-item-label-icon-color-default:var(--luzmo-primary-inverse-color);--menu-checkmark-display:var(--menu-checkmark-display-hidden);background-color:var(--luzmo-menu-item-highlight-label-background-color,var(--menu-item-highlight-label-background-color,var(--luzmo-border-color)));padding-inline-start:var(--luzmo-menu-item-label-inline-edge-to-content,var(--menu-item-label-inline-edge-to-content))}:host{vertical-align:top;max-inline-size:100%;inline-size:var(--luzmo-picker-inline-size,var(--picker-inline-size));min-inline-size:calc(var(--picker-minimum-width-multiplier) * var(--luzmo-picker-block-size,var(--picker-block-size)));display:inline-flex}:host([quiet]){width:auto;min-width:0}:host([disabled]){pointer-events:none}#button{width:100%;min-width:100%;max-width:100%}#icon:not([hidden]){display:inline-flex}:host([readonly]) #button{user-select:inherit}.picker,.validation-icon{flex-shrink:0}luzmo-overlay{pointer-events:none}luzmo-menu{pointer-events:initial}:host>luzmo-menu{display:none}:host([focused]:not([quiet])) #button #label.placeholder{color:var(--picker-placeholder-text-color-key-focus,var(--alias-placeholder-text-color-hover))}#label.visually-hidden~.picker{margin-inline-start:auto}:host([focused]:not([quiet],[pending])) #button .picker{color:var(--picker-icon-color-key-focus,var(--alias-icon-color-focus))}.visually-hidden{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0 -1px -1px 0;padding:0;position:absolute;overflow:hidden}luzmo-overlay:not(:defined){display:none}#button.remove-focus-ring-safari-hack:focus-visible{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}#button.remove-focus-ring-safari-hack:after{border:none}#button.remove-focus-ring-safari-hack:focus-visible:after{box-shadow:none}#button.remove-focus-ring-safari-hack:active{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}`,m=()=>s.html`
+
+import{a as e,c as t,i 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,F as f,o as p}from"./luzmo-icons-B-pCv-xg.js";import{n as m}from"./language-resolution-BWHk9A73.js";import{t as h}from"./class-map-CxQ0PcQP.js";import{t as g}from"./style-map-D4QeV3m0.js";import{t as _}from"./dependency-manger-BPrqqTnJ.js";import{n as v,r as y,t as b}from"./match-media-BMi7j6hf.js";import"./progress-circle-CEx1b5Sv.js";import{t as x}from"./pending-state-DxeRqe6Q.js";import"./menu-DSMoQt1w.js";import"./overlay-C_XW8yry.js";import"./tooltip-DB6jRVyB.js";import{t as S}from"./strategies-C-vW4MlK.js";var C=`#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--luzmo-button-font-family,var(--luzmo-font-family));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height,var(--luzmo-line-height,1.3));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, border-color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, box-shadow var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;position:relative;overflow:visible}#button::-moz-focus-inner{border-style:none;padding:0}#button:focus{outline:none}#icon{font-size:var(--luzmo-picker-font-size,var(--picker-font-size));margin-inline-end:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}@media (forced-colors:active){:host{--highcontrast-picker-focus-indicator-color:Highlight;--highcontrast-picker-border-color-default:ButtonBorder;--highcontrast-picker-border-color-hover:Highlight;--highcontrast-picker-border-color-disabled:GrayText;--highcontrast-picker-content-color-default:ButtonText;--highcontrast-picker-content-color-disabled:GrayText;--highcontrast-picker-background-color:ButtonFace}#button:focus-visible{--highcontrast-picker-border-color-hover:ButtonText}#button .label,#button:after{forced-color-adjust:none}}#button{box-sizing:border-box;max-inline-size:100%;min-inline-size:calc(var(--picker-minimum-width-multiplier) * var(--luzmo-picker-block-size,var(--picker-block-size)));block-size:var(--luzmo-picker-block-size,var(--picker-block-size));border-width:var(--luzmo-picker-border-width,var(--picker-border-width));border-radius:var(--luzmo-picker-border-radius,var(--picker-border-radius));box-shadow:var(--luzmo-picker-box-shadow,var(--picker-box-shadow));transition:background-color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)), box-shadow var(--luzmo-picker-animation-duration,var(--picker-animation-duration)), border-color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-in-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-style:solid;border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));margin-block-start:var(--luzmo-picker-spacing-label-to-picker,var(--picker-spacing-label-to-picker));padding-block:0;padding-inline-start:var(--luzmo-picker-spacing-edge-to-text,var(--picker-spacing-edge-to-text));padding-inline-end:var(--luzmo-picker-spacing-edge-to-disclosure-icon,var(--picker-spacing-edge-to-disclosure-icon));display:flex}#button:after{pointer-events:none;content:"";block-size:calc(100% + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) * 2 + var(--luzmo-picker-border-width,var(--picker-border-width)) * 2);inline-size:calc(100% + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) * 2 + var(--luzmo-picker-border-width,var(--picker-border-width)) * 2);border-style:solid;border-width:var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width));border-radius:calc(var(--luzmo-picker-border-radius,var(--picker-border-radius)) + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-border-width,var(--picker-border-width)));border-color:#0000;margin-block-start:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1);margin-inline-start:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1);position:absolute;inset-block:0;inset-inline:0}#button:active{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-active,var(--picker-background-color-active)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-active,var(--picker-border-color-active)))}#button:active:after{border-color:#0000}#button.placeholder:active .label{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-active,var(--picker-font-color-active)))}#button:focus-visible{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-key-focus,var(--picker-background-color-key-focus)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-key-focus,var(--picker-border-color-key-focus)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-key-focus,var(--picker-font-color-key-focus)));outline:none}#button:focus-visible:after{border-color:var(--highcontrast-picker-focus-indicator-color,var(--luzmo-picker-focus-indicator-color,var(--picker-focus-indicator-color)))}#button.placeholder:focus-visible{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-key-focus,var(--picker-font-color-key-focus)))}#button:focus-visible .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-key-focus,var(--picker-icon-color-key-focus)))}:host([open]) #button:not(:disabled,.is-disabled){color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default-open,var(--picker-font-color-default-open)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default-open,var(--picker-background-color-default-open)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-default-open,var(--picker-border-color-default-open)))}:host([open]) #button:not(:disabled,.is-disabled) .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-default-open,var(--picker-icon-color-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-default,var(--picker-border-color-error-default)))}:host([invalid]) #button:not(:disabled,.is-disabled) .validation-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-error,var(--picker-icon-color-error)))}:host([invalid]) #button:not(:disabled,.is-disabled):active{border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-active,var(--picker-border-color-error-active)))}:host([invalid][open]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-default-open,var(--picker-border-color-error-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):focus-visible{border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-key-focus,var(--picker-border-color-error-key-focus)))}:host([pending]) #button .disclosure-icon{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-icon-color-disabled,var(--picker-icon-color-disabled)))}.icon{flex-shrink:0}.label{white-space:nowrap;font-size:var(--luzmo-picker-font-size,var(--picker-font-size));line-height:var(--luzmo-picker-line-height,var(--picker-line-height));font-weight:var(--luzmo-picker-font-weight,var(--picker-font-weight));text-overflow:ellipsis;text-align:start;flex:auto;overflow:hidden}:host([data-luzmo-language-script=Latn]) .label{text-box:trim-both cap alphabetic;margin-block:-.35em;padding-block:.35em}:host([data-luzmo-language-script=Latn]) .label slot::slotted(*),:host([data-luzmo-language-script=Latn]) .label>*{margin-block:-.35em;padding-block:.35em}.label.placeholder{font-weight:var(--luzmo-picker-placeholder-font-weight,var(--picker-font-weight));font-style:var(--luzmo-picker-placeholder-font-style,var(--picker-placeholder-font-style));transition:color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-in-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}.label.placeholder:active{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-active,var(--picker-font-color-active)))}.disclosure-icon{vertical-align:top;transition:color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-default,var(--picker-icon-color-default)));flex-shrink:0;margin-inline-start:var(--luzmo-picker-spacing-icon-to-disclosure-icon,var(--picker-spacing-icon-to-disclosure-icon));display:inline-block;position:relative}.disclosure-icon:active{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-active,var(--picker-icon-color-active)))}luzmo-progress-circle,.validation-icon{margin-inline-start:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}.icon-container{height:100%;font-size:var(--luzmo-picker-disclosure-icon-size,var(--picker-disclosure-icon-size));align-items:center;display:flex;position:relative}.icon-container.disclosure-icon{margin-inline-end:0}.label~.disclosure-icon{margin-inline-start:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}:host([quiet]) #button{inline-size:auto;min-inline-size:0;padding-inline:var(--luzmo-picker-spacing-edge-to-text-quiet,var(--picker-spacing-edge-to-text-quiet));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)));background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent);box-shadow:none;border:none;border-radius:0;margin-block-start:calc(var(--luzmo-picker-spacing-label-to-picker-quiet,var(--picker-spacing-label-to-picker-quiet)) + 1px)}:host([quiet]) #button.label-inline{margin-block-start:0}:host([quiet]) #button .disclosure-icon{margin-inline-end:var(--luzmo-picker-spacing-edge-to-disclosure-icon-quiet,var(--picker-spacing-edge-to-disclosure-icon-quiet))}:host([quiet]) #button:after{border:none;block-size:auto;inline-size:auto}@media (hover:hover){#button:hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover,var(--picker-font-color-hover)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-hover,var(--picker-background-color-hover)));border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-hover,var(--picker-border-color-hover)))}#button:hover .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-hover,var(--picker-icon-color-hover)))}:host([open]):not([quiet]) #button:not(:disabled,.is-disabled):hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover-open,var(--picker-font-color-hover-open)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-hover-open,var(--picker-background-color-hover-open)));border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-hover-open,var(--picker-border-color-hover-open)))}:host([open]) #button:not(:disabled,.is-disabled):hover .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-hover-open,var(--picker-icon-color-hover-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-error-hover,var(--picker-border-color-error-hover)))}:host([invalid][open]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-error-hover-open,var(--picker-border-color-error-hover-open)))}.label.placeholder:hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover,var(--picker-font-color-hover)))}:host([quiet]) #button:hover{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)!important}}:host([quiet]) #button:focus-visible{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)}:host([quiet]) #button:focus-visible:after{box-shadow:0 var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) 0 0 var(--highcontrast-picker-focus-indicator-color,var(--luzmo-picker-focus-indicator-color,var(--picker-focus-indicator-color)));margin:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1) 0;border:none;border-radius:0}:host([quiet][open]) #button,:host([quiet][disabled]) #button#button,:host([quiet]) #button#button:disabled,:host([quiet]) #button:active{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)}.label-inline{vertical-align:top;display:inline-flex}:host([disabled]) #button,#button:disabled{cursor:default;background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-disabled,var(--picker-background-color-disabled)));border-color:#0000;border-color:var(--highcontrast-picker-border-color-disabled,transparent);color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-font-color-disabled,var(--picker-font-color-disabled)))}:host([disabled]) #button .icon,:host([disabled]) #button .disclosure-icon,:host([disabled]) #button .validation-icon,#button:disabled .icon,#button:disabled .disclosure-icon,#button:disabled .validation-icon{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-icon-color-disabled,var(--picker-icon-color-disabled)))}:host([disabled]) #button .label.placeholder,#button:disabled .label.placeholder{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-font-color-disabled,var(--picker-font-color-disabled)))}:host{--picker-box-shadow:0px 1px 3px 0px var(--luzmo-shadow-color);--picker-background-color-default:var(--luzmo-background-color);--picker-background-color-default-open:var(--luzmo-background-color-hover);--picker-background-color-active:var(--luzmo-background-color-down);--picker-background-color-hover:var(--luzmo-background-color-hover);--picker-background-color-hover-open:var(--luzmo-background-color-down);--picker-background-color-key-focus:var(--luzmo-background-color-down);--picker-border-color-default:var(--luzmo-border-color);--picker-border-color-default-open:var(--luzmo-border-color-hover);--picker-border-color-hover:var(--luzmo-border-color);--picker-border-color-hover-open:var(--luzmo-border-color-hover);--picker-border-color-active:var(--luzmo-border-color);--picker-border-color-key-focus:var(--luzmo-border-color);--picker-border-width:var(--luzmo-border-width);--picker-font-size:var(--luzmo-font-size);--picker-font-weight:var(--luzmo-font-weight);--picker-placeholder-font-style:var(--luzmo-font-style);--picker-line-height:var(--luzmo-line-height);--picker-block-size:32px;--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon-inline-end:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-icon-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-text-quiet:0px;--picker-spacing-label-to-picker:0px;--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon-quiet:0px;--picker-animation-duration:var(--luzmo-animation-duration);--picker-font-color-default:var(--luzmo-font-color);--picker-font-color-default-open:var(--luzmo-font-color-hover);--picker-font-color-hover:var(--luzmo-font-color-hover);--picker-font-color-hover-open:var(--luzmo-font-color-down);--picker-font-color-active:var(--luzmo-font-color-focus);--picker-font-color-key-focus:var(--luzmo-font-color-focus);--picker-icon-color-default:var(--luzmo-font-color);--picker-icon-color-default-open:var(--luzmo-font-color-hover);--picker-icon-color-hover:var(--luzmo-font-color-hover);--picker-icon-color-hover-open:var(--luzmo-font-color-hover);--picker-icon-color-active:var(--luzmo-font-color-focus);--picker-icon-color-key-focus:var(--luzmo-font-color-focus);--picker-border-color-error-default:var(--luzmo-negative-color);--picker-border-color-error-default-open:var(--luzmo-negative-color-down);--picker-border-color-error-hover:var(--luzmo-negative-color-hover);--picker-border-color-error-hover-open:var(--luzmo-negative-color-down);--picker-border-color-error-active:var(--luzmo-negative-color-down);--picker-border-color-error-key-focus:var(--luzmo-negative-color-focus);--picker-icon-color-error:var(--luzmo-negative-color);--picker-background-color-disabled:var(--luzmo-background-color-disabled);--picker-font-color-disabled:var(--luzmo-disabled-color);--picker-icon-color-disabled:var(--luzmo-disabled-color);--picker-focus-indicator-gap:var(--luzmo-indicator-gap);--picker-focus-indicator-width:var(--luzmo-indicator-width);--picker-focus-indicator-color:var(--luzmo-indicator-color);--picker-disclosure-icon-size:var(--luzmo-font-size-s)}:host([size=s]){--picker-block-size:28px;--picker-font-size:var(--luzmo-font-size-s);--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:var(--luzmo-spacing-3);--picker-spacing-text-to-icon:var(--luzmo-spacing-3);--picker-spacing-text-to-icon-inline-end:var(--luzmo-spacing-3);--picker-spacing-icon-to-disclosure-icon:var(--luzmo-spacing-3);--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-3));--picker-spacing-edge-to-disclosure-icon:var(--luzmo-spacing-3);--picker-disclosure-icon-size:var(--luzmo-font-size-s)}:host([size=l]){--picker-block-size:40px;--picker-font-size:var(--luzmo-font-size-l);--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:var(--luzmo-spacing-4);--picker-spacing-text-to-icon:var(--luzmo-spacing-4);--picker-spacing-text-to-icon-inline-end:var(--luzmo-spacing-4);--picker-spacing-icon-to-disclosure-icon:var(--luzmo-spacing-4);--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-4));--picker-spacing-edge-to-disclosure-icon:var(--luzmo-spacing-4);--picker-disclosure-icon-size:var(--luzmo-font-size)}:host([size=xl]){--picker-block-size:48px;--picker-font-size:var(--luzmo-font-size-xl);--picker-border-radius:var(--luzmo-border-radius-l);--picker-spacing-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon-inline-end:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-icon-to-disclosure-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-disclosure-icon-size:var(--luzmo-font-size-l)}:host([variant=highlight]) ::slotted(luzmo-menu-item[selected]){--menu-item-highlight-label-content-color:var(--luzmo-primary-inverse-color);--menu-item-label-icon-color-default:var(--luzmo-primary-inverse-color);--menu-checkmark-display:var(--menu-checkmark-display-hidden);background-color:var(--luzmo-menu-item-highlight-label-background-color,var(--menu-item-highlight-label-background-color,var(--luzmo-border-color)));padding-inline-start:var(--luzmo-menu-item-label-inline-edge-to-content,var(--menu-item-label-inline-edge-to-content))}:host{vertical-align:top;max-inline-size:100%;inline-size:var(--luzmo-picker-inline-size,var(--picker-inline-size));min-inline-size:calc(var(--picker-minimum-width-multiplier) * var(--luzmo-picker-block-size,var(--picker-block-size)));display:inline-flex}:host([quiet]){width:auto;min-width:0}:host([disabled]){pointer-events:none}#button{width:100%;min-width:100%;max-width:100%}#icon:not([hidden]){display:inline-flex}:host([readonly]) #button{user-select:inherit}.picker,.validation-icon{flex-shrink:0}luzmo-overlay{pointer-events:none}luzmo-menu{pointer-events:initial}:host>luzmo-menu{display:none}:host([focused]:not([quiet])) #button #label.placeholder{color:var(--picker-placeholder-text-color-key-focus,var(--alias-placeholder-text-color-hover))}#label.visually-hidden~.picker{margin-inline-start:auto}:host([focused]:not([quiet],[pending])) #button .picker{color:var(--picker-icon-color-key-focus,var(--alias-icon-color-focus))}.visually-hidden{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0 -1px -1px 0;padding:0;position:absolute;overflow:hidden}luzmo-overlay:not(:defined){display:none}#button.remove-focus-ring-safari-hack:focus-visible{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}#button.remove-focus-ring-safari-hack:after{border:none}#button.remove-focus-ring-safari-hack:focus-visible:after{box-shadow:none}#button.remove-focus-ring-safari-hack:active{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}`,w=()=>t`
   <div class="disclosure-icon icon">
-    ${(0,l.luzmoIcon)(l.luzmoAngleDown,{className:`indicator`})}
+    ${d(f,{className:`indicator`})}
   </div>
-`,h=()=>s.html`
+`,T=()=>t`
   <div class="icon-container validation-icon icon">
-    ${(0,l.luzmoIcon)(l.luzmoAlert)}
+    ${d(p)}
   </div>
-`,g=`option-picker`,_=class extends t.n(n.t,{noDefaultSize:!0}){get selectedItem(){return this._selectedItem}get selectedItemContent(){return this._selectedItemContent||{icon:[],content:[]}}get selfManageFocusElement(){return this._selfManageFocusElement}get menuItems(){return this.optionsMenu.childItems}constructor(){super(),this._languageScript=new r.n(this),this.disabled=!1,this.focused=!1,this.invalid=!1,this.pending=!1,this.pendingLabel=`Pending`,this.open=!1,this.readonly=!1,this.placement=`bottom-start`,this.quiet=!1,this.value=``,this.selects=`single`,this.dependencyManager=new i.t(this),this.isMobile=new a.i(this,a.n),this.isTouchDevice=new a.i(this,a.r),this.listRole=`listbox`,this.itemRole=`option`,this.hasRenderedOverlay=!1,this._selfManageFocusElement=!1,this.deprecatedMenu=null,this.selectionPromise=Promise.resolve(),this.willManageSelection=!1,this.recentlyConnected=!1,this.enterKeydownOn=null,this.handleSlottableRequest=e=>{},this.applyFocusElementLabel=(e,t)=>{this.appliedLabel=e,this.labelAlignment=t.sideAligned?`inline`:void 0},this.handleEscape=e=>{e.code===`Escape`&&this.open&&(e.stopPropagation(),e.preventDefault(),this.toggle(!1))},this.handleKeydown=e=>{if(this.focused=!0,e.code===`Escape`){this.handleEscape(e);return}e.code!==`ArrowDown`&&e.code!==`ArrowUp`||(e.stopPropagation(),e.preventDefault(),this.toggle(!0))},this.renderAngleIcon=()=>m(),this.renderAlertIcon=()=>h(),this._popoverDependencyRegistered=!1,this.handleEnterKeydown=e=>{if(e.code===`Enter`){if(this.enterKeydownOn){e.preventDefault();return}this.enterKeydownOn=e.target,this.addEventListener(`keyup`,e=>{e.code===`Enter`&&(this.enterKeydownOn=null)},{once:!0})}},this.pendingStateController=new o.t(this)}set selectedItem(e){let t=e?.querySelector(`[slot="icon"]`);if(this.selectedItemContent=e?e.itemChildren:void 0,e===this.selectedItem)return;let n=this.selectedItem;this._selectedItem=e,this._selectedItemIcon=t?.icon??void 0,this.requestUpdate(`selectedItem`,n)}get focusElement(){return this.open?this.optionsMenu:this.button}forceFocusVisible(){this.disabled||(this.focused=!0)}click(){this.disabled||this.toggle()}handleButtonBlur(){this.focused=!1}focus(e){super.focus(e),!this.disabled&&this.focusElement&&(this.focused=this.hasVisibleFocusInTree())}handleHelperFocus(){this.focused=!0,this.button.focus()}handleChange(e){this.strategy&&(this.strategy.preventNextToggle=`no`);let[t]=e.target.selectedItems;e.stopPropagation(),e.cancelable?this.setValueFromItem(t,e):(this.open=!1,this.strategy&&(this.strategy.open=!1))}handleButtonFocus(e){this.strategy?.handleButtonFocus(e)}toggle(e){this.readonly||this.pending||(this.open=e===void 0?!this.open:e,this.strategy&&(this.strategy.open=this.open),this._selfManageFocusElement=this.open)}close(){this.readonly||this.strategy&&(this.open=!1,this.strategy.open=!1)}bindEvents(){this.strategy?.abort(),this.strategy=new a.t.desktop(this.button,this),this.strategy?.overlay&&(this.strategy.overlay.type=`auto`,this.strategy.overlay.placement=this.placement)}connectedCallback(){super.connectedCallback(),this.recentlyConnected=this.hasUpdated,this.ensurePopoverDependency()}disconnectedCallback(){this.close(),this.strategy?.releaseDescription(),super.disconnectedCallback()}async setValueFromItem(e,t){this.open=!1,this.strategy&&(this.strategy.open=!1);let n=this.selectedItem,r=this.value;if(this.selectedItem=e,this.value=e?.value??``,await this.updateComplete,!this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,cancelable:!0,composed:!0,detail:this.value}))&&this.selects){t&&t.preventDefault(),this.setMenuItemSelected(this.selectedItem,!1),n&&this.setMenuItemSelected(n,!0),this.selectedItem=n,this.value=r,this.open=!0,this.strategy&&(this.strategy.open=!0);return}else if(!this.selects){this.selectedItem=n,this.value=r;return}n&&this.setMenuItemSelected(n,!1),this.setMenuItemSelected(e,!!this.selects)}setMenuItemSelected(e,t){this.selects!=null&&(e.selected=t)}get containerStyles(){return this.isMobile.matches?{"--swc-menu-width":`100%`}:{}}set selectedItemContent(e){if(e===this.selectedItemContent)return;let t=this.selectedItemContent;this._selectedItemContent=e,this.requestUpdate(`selectedItemContent`,t)}handleTooltipSlotchange(e){this.tooltipEl=e.target.assignedElements()[0]}renderLabelContent(e){return this.value&&this.selectedItem?e:s.html`
+`,E=`option-picker`,D=class extends a(i,{noDefaultSize:!0}){get selectedItem(){return this._selectedItem}get selectedItemContent(){return this._selectedItemContent||{icon:[],content:[]}}get selfManageFocusElement(){return this._selfManageFocusElement}get menuItems(){return this.optionsMenu.childItems}constructor(){super(),this._languageScript=new m(this),this.disabled=!1,this.focused=!1,this.invalid=!1,this.pending=!1,this.pendingLabel=`Pending`,this.open=!1,this.readonly=!1,this.placement=`bottom-start`,this.quiet=!1,this.value=``,this.selects=`single`,this.dependencyManager=new _(this),this.isMobile=new y(this,b),this.isTouchDevice=new y(this,v),this.listRole=`listbox`,this.itemRole=`option`,this.hasRenderedOverlay=!1,this._selfManageFocusElement=!1,this.deprecatedMenu=null,this.selectionPromise=Promise.resolve(),this.willManageSelection=!1,this.recentlyConnected=!1,this.enterKeydownOn=null,this.handleSlottableRequest=e=>{},this.applyFocusElementLabel=(e,t)=>{this.appliedLabel=e,this.labelAlignment=t.sideAligned?`inline`:void 0},this.handleEscape=e=>{e.code===`Escape`&&this.open&&(e.stopPropagation(),e.preventDefault(),this.toggle(!1))},this.handleKeydown=e=>{if(this.focused=!0,e.code===`Escape`){this.handleEscape(e);return}e.code!==`ArrowDown`&&e.code!==`ArrowUp`||(e.stopPropagation(),e.preventDefault(),this.toggle(!0))},this.renderAngleIcon=()=>w(),this.renderAlertIcon=()=>T(),this._popoverDependencyRegistered=!1,this.handleEnterKeydown=e=>{if(e.code===`Enter`){if(this.enterKeydownOn){e.preventDefault();return}this.enterKeydownOn=e.target,this.addEventListener(`keyup`,e=>{e.code===`Enter`&&(this.enterKeydownOn=null)},{once:!0})}},this.pendingStateController=new x(this)}set selectedItem(e){let t=e?.querySelector(`[slot="icon"]`);if(this.selectedItemContent=e?e.itemChildren:void 0,e===this.selectedItem)return;let n=this.selectedItem;this._selectedItem=e,this._selectedItemIcon=t?.icon??void 0,this.requestUpdate(`selectedItem`,n)}get focusElement(){return this.open?this.optionsMenu:this.button}forceFocusVisible(){this.disabled||(this.focused=!0)}click(){this.disabled||this.toggle()}handleButtonBlur(){this.focused=!1}focus(e){super.focus(e),!this.disabled&&this.focusElement&&(this.focused=this.hasVisibleFocusInTree())}handleHelperFocus(){this.focused=!0,this.button.focus()}handleChange(e){this.strategy&&(this.strategy.preventNextToggle=`no`);let[t]=e.target.selectedItems;e.stopPropagation(),e.cancelable?this.setValueFromItem(t,e):(this.open=!1,this.strategy&&(this.strategy.open=!1))}handleButtonFocus(e){this.strategy?.handleButtonFocus(e)}toggle(e){this.readonly||this.pending||(this.open=e===void 0?!this.open:e,this.strategy&&(this.strategy.open=this.open),this._selfManageFocusElement=this.open)}close(){this.readonly||this.strategy&&(this.open=!1,this.strategy.open=!1)}bindEvents(){this.strategy?.abort(),this.strategy=new S.desktop(this.button,this),this.strategy?.overlay&&(this.strategy.overlay.type=`auto`,this.strategy.overlay.placement=this.placement)}connectedCallback(){super.connectedCallback(),this.recentlyConnected=this.hasUpdated,this.ensurePopoverDependency()}disconnectedCallback(){this.close(),this.strategy?.releaseDescription(),super.disconnectedCallback()}async setValueFromItem(e,t){this.open=!1,this.strategy&&(this.strategy.open=!1);let n=this.selectedItem,r=this.value;if(this.selectedItem=e,this.value=e?.value??``,await this.updateComplete,!this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,cancelable:!0,composed:!0,detail:this.value}))&&this.selects){t&&t.preventDefault(),this.setMenuItemSelected(this.selectedItem,!1),n&&this.setMenuItemSelected(n,!0),this.selectedItem=n,this.value=r,this.open=!0,this.strategy&&(this.strategy.open=!0);return}else if(!this.selects){this.selectedItem=n,this.value=r;return}n&&this.setMenuItemSelected(n,!1),this.setMenuItemSelected(e,!!this.selects)}setMenuItemSelected(e,t){this.selects!=null&&(e.selected=t)}get containerStyles(){return this.isMobile.matches?{"--swc-menu-width":`100%`}:{}}set selectedItemContent(e){if(e===this.selectedItemContent)return;let t=this.selectedItemContent;this._selectedItemContent=e,this.requestUpdate(`selectedItemContent`,t)}handleTooltipSlotchange(e){this.tooltipEl=e.target.assignedElements()[0]}renderLabelContent(e){return this.value&&this.selectedItem?e:t`
       <slot name="label" id="label">
-        <span aria-hidden=${(0,u.ifDefined)(this.appliedLabel?void 0:`true`)}>
+        <span aria-hidden=${s(this.appliedLabel?void 0:`true`)}>
           ${this.label}
         </span>
       </slot>
-    `}get buttonContent(){let e={"visually-hidden":this.icons===`only`&&!!this.value,placeholder:!this.value,label:!0},t=this.appliedLabel||this.label,n=s.html` <div id="icon" ?hidden=${this.icons===`none`}>
-      ${this._selectedItemIcon?(0,l.luzmoIcon)(this._selectedItemIcon):s.nothing}
-    </div>`;return[s.html`
-        ${this._selectedItemIcon?n:s.nothing}
+    `}get buttonContent(){let e={"visually-hidden":this.icons===`only`&&!!this.value,placeholder:!this.value,label:!0},r=this.appliedLabel||this.label,i=t` <div id="icon" ?hidden=${this.icons===`none`}>
+      ${this._selectedItemIcon?d(this._selectedItemIcon):n}
+    </div>`;return[t`
+        ${this._selectedItemIcon?i:n}
         <div
-          id=${(0,u.ifDefined)(this.value&&this.selectedItem?`label`:void 0)}
-          class=${(0,d.classMap)(e)}
+          id=${s(this.value&&this.selectedItem?`label`:void 0)}
+          class=${h(e)}
         >
           ${this.renderLabelContent(this.selectedItemContent.content)}
         </div>
-        ${this.value&&this.selectedItem?s.html`
+        ${this.value&&this.selectedItem?t`
                 <div
                   aria-hidden="true"
                   class="visually-hidden"
                   id="applied-label"
                 >
-                  ${t}
+                  ${r}
                   <slot name="label"></slot>
                 </div>
-              `:s.html` <span hidden id="applied-label">${t}</span> `}
-        ${this.invalid&&!this.pending?s.html` ${this.renderAlertIcon()} `:s.nothing}
+              `:t` <span hidden id="applied-label">${r}</span> `}
+        ${this.invalid&&!this.pending?t` ${this.renderAlertIcon()} `:n}
         ${this.pendingStateController.renderPendingState()}
-        ${this.readonly?s.nothing:this.renderAngleIcon()}
+        ${this.readonly?n:this.renderAngleIcon()}
         <slot
           aria-hidden="true"
           name="tooltip"
           id="tooltip"
           @slotchange=${this.handleTooltipSlotchange}
         ></slot>
-      `]}renderOverlay(e){return this.strategy?.overlay===void 0?e:((0,s.render)(this.renderContainer(e),this.strategy?.overlay,{host:this}),this.strategy?.overlay)}get renderDescriptionSlot(){return s.html`
-      <div id=${g}>
+      `]}renderOverlay(t){return this.strategy?.overlay===void 0?t:(e(this.renderContainer(t),this.strategy?.overlay,{host:this}),this.strategy?.overlay)}get renderDescriptionSlot(){return t`
+      <div id=${E}>
         <slot name="description"></slot>
       </div>
-    `}render(){return this.tooltipEl&&(this.tooltipEl.disabled=this.open),s.html`
+    `}render(){return this.tooltipEl&&(this.tooltipEl.disabled=this.open),t`
       <span
         id="focus-helper"
         tabindex=${this.focused||this.open?`-1`:`0`}
         @focus=${this.handleHelperFocus}
-        aria-describedby=${g}
+        aria-describedby=${E}
       ></span>
       <button
-        aria-controls=${(0,u.ifDefined)(this.open?`menu`:void 0)}
+        aria-controls=${s(this.open?`menu`:void 0)}
         aria-describedby="tooltip"
         aria-expanded=${this.open?`true`:`false`}
         aria-haspopup="true"
         aria-labelledby="loader icon label applied-label"
         id="button"
-        class=${(0,u.ifDefined)(this.labelAlignment?`label-${this.labelAlignment}`:void 0)}
+        class=${s(this.labelAlignment?`label-${this.labelAlignment}`:void 0)}
         @blur=${this.handleButtonBlur}
         @keydown=${{handleEvent:this.handleEnterKeydown,capture:!0}}
         ?disabled=${this.disabled}
@@ -85,7 +69,7 @@ const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs
         ${this.buttonContent}
       </button>
       ${this.renderMenu} ${this.renderDescriptionSlot}
-    `}update(e){this.selects&&=`single`,e.has(`disabled`)&&this.disabled&&this.strategy&&(this.open=!1,this.strategy.open=!1),e.has(`pending`)&&this.pending&&this.strategy&&(this.open=!1,this.strategy.open=!1),e.has(`value`)&&this.shouldScheduleManageSelection(),this.hasUpdated||(this.deprecatedMenu=this.querySelector(`:scope > luzmo-menu`),this.deprecatedMenu?.toggleAttribute(`ignore`,!0),this.deprecatedMenu?.setAttribute(`selects`,`inherit`)),super.update(e)}bindButtonKeydownListener(){this.button.addEventListener(`keydown`,this.handleKeydown)}updated(e){super.updated(e),e.has(`open`)&&(this.strategy.open=this.open),this.strategy?.overlay&&this.strategy.overlay.type!==`auto`&&(this.strategy.overlay.type=`auto`,this.strategy.overlay.placement=this.placement)}firstUpdated(e){super.firstUpdated(e),this.bindButtonKeydownListener(),this.bindEvents()}get dismissHelper(){return s.html`
+    `}update(e){this.selects&&=`single`,e.has(`disabled`)&&this.disabled&&this.strategy&&(this.open=!1,this.strategy.open=!1),e.has(`pending`)&&this.pending&&this.strategy&&(this.open=!1,this.strategy.open=!1),e.has(`value`)&&this.shouldScheduleManageSelection(),this.hasUpdated||(this.deprecatedMenu=this.querySelector(`:scope > luzmo-menu`),this.deprecatedMenu?.toggleAttribute(`ignore`,!0),this.deprecatedMenu?.setAttribute(`selects`,`inherit`)),super.update(e)}bindButtonKeydownListener(){this.button.addEventListener(`keydown`,this.handleKeydown)}updated(e){super.updated(e),e.has(`open`)&&(this.strategy.open=this.open),this.strategy?.overlay&&this.strategy.overlay.type!==`auto`&&(this.strategy.overlay.type=`auto`,this.strategy.overlay.placement=this.placement)}firstUpdated(e){super.firstUpdated(e),this.bindButtonKeydownListener(),this.bindEvents()}get dismissHelper(){return t`
       <div class="visually-hidden">
         <button
           tabindex="-1"
@@ -93,19 +77,19 @@ const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs
           @click=${this.close}
         ></button>
       </div>
-    `}ensurePopoverDependency(){this._popoverDependencyRegistered||(this._popoverDependencyRegistered=!0,this.dependencyManager.add(`luzmo-popover`),Promise.resolve().then(()=>require("./popover/index.cjs")))}renderContainer(e){let t=s.html`
+    `}ensurePopoverDependency(){this._popoverDependencyRegistered||(this._popoverDependencyRegistered=!0,this.dependencyManager.add(`luzmo-popover`),import(`../popover.js`))}renderContainer(e){let n=t`
       ${this.dismissHelper} ${e} ${this.dismissHelper}
-    `;return s.html`
+    `;return t`
       <luzmo-popover
         id="popover"
         size=${this.size}
         role="presentation"
-        style=${(0,f.styleMap)(this.containerStyles)}
+        style=${g(this.containerStyles)}
         placement=${this.placement}
       >
-        ${t}
+        ${n}
       </luzmo-popover>
-    `}get renderMenu(){let e=s.html`
+    `}get renderMenu(){let e=t`
       <luzmo-menu
         aria-labelledby="applied-label"
         @change=${this.handleChange}
@@ -121,4 +105,4 @@ const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs
       >
         <slot @slotchange=${this.shouldScheduleManageSelection}></slot>
       </luzmo-menu>
-    `;return this.hasRenderedOverlay=this.hasRenderedOverlay||this.focused||this.open||!!this.deprecatedMenu,this.hasRenderedOverlay?(this.dependencyManager.loaded&&this.dependencyManager.add(`luzmo-overlay`),this.renderOverlay(e)):e}shouldScheduleManageSelection(e){!this.willManageSelection&&(!e||e.target.getRootNode().host===this)&&(this.willManageSelection=!0,requestAnimationFrame(()=>{requestAnimationFrame(()=>{this.manageSelection()})}))}shouldManageSelection(){this.willManageSelection||(this.willManageSelection=!0,this.manageSelection())}async manageSelection(){if(this.selects==null)return;this.selectionPromise=new Promise(e=>this.selectionResolver=e);let e;await this.optionsMenu.updateComplete,this.recentlyConnected&&=(await new Promise(e=>requestAnimationFrame(()=>e(!0))),!1),this.menuItems.forEach(t=>{this.value===t.value&&!t.disabled?e=t:t.selected=!1}),e?(e.selected=!!this.selects,this.selectedItem=e):(this.value=``,this.selectedItem=void 0),this.open&&(await this.optionsMenu.updateComplete,this.optionsMenu.updateSelectedItemIndex()),this.selectionResolver(),this.willManageSelection=!1}async getUpdateComplete(){let e=await super.getUpdateComplete();return await this.selectionPromise,e}onScroll(){this.dispatchEvent(new Event(`scroll`))}};e.t([(0,c.state)()],_.prototype,`appliedLabel`,void 0),e.t([(0,c.query)(`#button`)],_.prototype,`button`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0})],_.prototype,`disabled`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0})],_.prototype,`focused`,void 0),e.t([(0,c.property)({type:String,reflect:!0})],_.prototype,`icons`,void 0),e.t([(0,c.property)({type:String,reflect:!0})],_.prototype,`variant`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0})],_.prototype,`invalid`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0})],_.prototype,`pending`,void 0),e.t([(0,c.property)({type:String,attribute:`pending-label`})],_.prototype,`pendingLabel`,void 0),e.t([(0,c.property)()],_.prototype,`label`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0})],_.prototype,`open`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0})],_.prototype,`readonly`,void 0),e.t([(0,c.state)()],_.prototype,`labelAlignment`,void 0),e.t([(0,c.query)(`luzmo-menu`)],_.prototype,`optionsMenu`,void 0),e.t([(0,c.query)(`luzmo-overlay`)],_.prototype,`overlayElement`,void 0),e.t([(0,c.property)()],_.prototype,`placement`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0})],_.prototype,`quiet`,void 0),e.t([(0,c.property)({type:String})],_.prototype,`value`,void 0),e.t([(0,c.property)({attribute:!1})],_.prototype,`selectedItem`,null),e.t([(0,c.state)()],_.prototype,`selectedItemContent`,null);var v=class extends _{constructor(...e){super(...e),this.handleKeydown=e=>{let{code:t}=e;if(this.focused=!0,t===`Escape`){this.handleEscape(e);return}if(!t.startsWith(`Arrow`)||this.readonly||this.pending)return;if(t===`ArrowUp`||t===`ArrowDown`){this.toggle(!0),e.preventDefault();return}e.preventDefault();let n=this.selectedItem?this.menuItems.indexOf(this.selectedItem):-1,r=n<0||t===`ArrowRight`?1:-1,i=n+r;for(;this.menuItems[i]&&this.menuItems[i].disabled;)i+=r;!this.menuItems[i]||this.menuItems[i].disabled||(!this.value||i!==n)&&this.setValueFromItem(this.menuItems[i])}}static get styles(){return[(0,s.unsafeCSS)(p)]}get containerStyles(){let e=super.containerStyles;return this.quiet||(e[`min-width`]=`${this.offsetWidth}px`),e}};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return g}});
+    `;return this.hasRenderedOverlay=this.hasRenderedOverlay||this.focused||this.open||!!this.deprecatedMenu,this.hasRenderedOverlay?(this.dependencyManager.loaded&&this.dependencyManager.add(`luzmo-overlay`),this.renderOverlay(e)):e}shouldScheduleManageSelection(e){!this.willManageSelection&&(!e||e.target.getRootNode().host===this)&&(this.willManageSelection=!0,requestAnimationFrame(()=>{requestAnimationFrame(()=>{this.manageSelection()})}))}shouldManageSelection(){this.willManageSelection||(this.willManageSelection=!0,this.manageSelection())}async manageSelection(){if(this.selects==null)return;this.selectionPromise=new Promise(e=>this.selectionResolver=e);let e;await this.optionsMenu.updateComplete,this.recentlyConnected&&=(await new Promise(e=>requestAnimationFrame(()=>e(!0))),!1),this.menuItems.forEach(t=>{this.value===t.value&&!t.disabled?e=t:t.selected=!1}),e?(e.selected=!!this.selects,this.selectedItem=e):(this.value=``,this.selectedItem=void 0),this.open&&(await this.optionsMenu.updateComplete,this.optionsMenu.updateSelectedItemIndex()),this.selectionResolver(),this.willManageSelection=!1}async getUpdateComplete(){let e=await super.getUpdateComplete();return await this.selectionPromise,e}onScroll(){this.dispatchEvent(new Event(`scroll`))}};c([l()],D.prototype,`appliedLabel`,void 0),c([o(`#button`)],D.prototype,`button`,void 0),c([u({type:Boolean,reflect:!0})],D.prototype,`disabled`,void 0),c([u({type:Boolean,reflect:!0})],D.prototype,`focused`,void 0),c([u({type:String,reflect:!0})],D.prototype,`icons`,void 0),c([u({type:String,reflect:!0})],D.prototype,`variant`,void 0),c([u({type:Boolean,reflect:!0})],D.prototype,`invalid`,void 0),c([u({type:Boolean,reflect:!0})],D.prototype,`pending`,void 0),c([u({type:String,attribute:`pending-label`})],D.prototype,`pendingLabel`,void 0),c([u()],D.prototype,`label`,void 0),c([u({type:Boolean,reflect:!0})],D.prototype,`open`,void 0),c([u({type:Boolean,reflect:!0})],D.prototype,`readonly`,void 0),c([l()],D.prototype,`labelAlignment`,void 0),c([o(`luzmo-menu`)],D.prototype,`optionsMenu`,void 0),c([o(`luzmo-overlay`)],D.prototype,`overlayElement`,void 0),c([u()],D.prototype,`placement`,void 0),c([u({type:Boolean,reflect:!0})],D.prototype,`quiet`,void 0),c([u({type:String})],D.prototype,`value`,void 0),c([u({attribute:!1})],D.prototype,`selectedItem`,null),c([l()],D.prototype,`selectedItemContent`,null);var O=class extends D{constructor(...e){super(...e),this.handleKeydown=e=>{let{code:t}=e;if(this.focused=!0,t===`Escape`){this.handleEscape(e);return}if(!t.startsWith(`Arrow`)||this.readonly||this.pending)return;if(t===`ArrowUp`||t===`ArrowDown`){this.toggle(!0),e.preventDefault();return}e.preventDefault();let n=this.selectedItem?this.menuItems.indexOf(this.selectedItem):-1,r=n<0||t===`ArrowRight`?1:-1,i=n+r;for(;this.menuItems[i]&&this.menuItems[i].disabled;)i+=r;!this.menuItems[i]||this.menuItems[i].disabled||(!this.value||i!==n)&&this.setValueFromItem(this.menuItems[i])}}static get styles(){return[r(C)]}get containerStyles(){let e=super.containerStyles;return this.quiet||(e[`min-width`]=`${this.offsetWidth}px`),e}};export{O as n,D as r,E as t};

package/standalone/chunks/{segments-factory-Ch3AAizU.js → segments-factory-Da9ojsLC.js}

@@ -1,2 +1,2 @@
 
-import{a as e,i as t,m as n,o as r,v as i}from"./calendar-ZwUYkzVq.js";import{t as a}from"./NumberFormatter-DMCfW685.js";var o={Year:`year`,Month:`month`,Day:`day`,Hour:`hour`,Minute:`minute`,Second:`second`,Millisecond:`fractionalSecond`,DayPeriod:`dayPeriod`,Literal:`literal`},s={[o.Year]:`––––`,[o.Month]:`––`,[o.Day]:`––`,[o.Hour]:`––`,[o.Minute]:`––`,[o.Second]:`––`,[o.Millisecond]:`–––`,[o.DayPeriod]:`––`},c={Day:`day`,Hour:`hour`,Minute:`minute`,Second:`second`,Millisecond:`millisecond`},l=2e3;function u(e){return typeof e==`number`}function d(e){return e instanceof r}function f(t){return t instanceof e}function p(e){return e instanceof t}function m(e,t){return e=e%12+t}function h(e){return e>=12?12:0}function g(e,t){return e.length===t.length&&e.every((e,n)=>e===t[n])}function _(e){return p(e)?new Date(e.year,e.month-1,e.day):new Date(e.year,e.month-1,e.day,e.hour,e.minute,e.second,e.millisecond)}var v=class{constructor(e,t,n){this.type=e,this.formatted=t,this.label=n,this.placeholder=s[e]}increment(e){this.value===void 0?this.value=this.minValue:(this.value+=1,this.value>this.maxValue&&(this.value=this.minValue))}decrement(e){this.value===void 0?this.value=this.maxValue:(--this.value,this.value<this.minValue&&(this.value=this.maxValue))}setValueFromDate(e){this.type===`fractionalSecond`?this.value=e.millisecond:this.type!==o.DayPeriod&&(this.value=e[this.type])}clear(){this.value=void 0}handleInput(e,t){let n=t.parse(e);if(Number.isNaN(n))return;let r=t.parse(`${this.value??``}${n}`);if(this.isInputValueCompliant(r)){this.value=r;return}this.isInputValueCompliant(n)&&(this.value=n)}isInputValueCompliant(e){let{minValue:t,maxValue:n}=this.inputValidationLimits;return e>=t&&e<=n}get inputValidationLimits(){return{minValue:this.minValue,maxValue:this.maxValue}}updateValueToLimits(){this.value!==void 0&&(this.value<this.minValue&&(this.value=this.minValue),this.value>this.maxValue&&(this.value=this.maxValue))}},y=class extends v{constructor(e,t){super(o.Year,e,t),this.minValue=1,this.maxValue=9999}setLimits(e){this.minValue=1,this.maxValue=e.calendar.getYearsInEra(e),this.updateValueToLimits()}increment(e){this.value===void 0?this.value=e.year:super.increment()}decrement(e){this.value===void 0?this.value=e.year:super.decrement()}clear(){if(this.value===void 0)return;let e=Math.floor(this.value/10);this.value=e>0?e:void 0}},b=class{constructor(e){this.segments=e}get all(){return this.segments}get editableValues(){return this.all.filter(e=>e instanceof v).map(e=>e.value)}get year(){let e=this.getByType(o.Year);if(e&&e instanceof y)return e}get month(){let e=this.getByType(o.Month);if(e)return e}get day(){let e=this.getByType(o.Day);if(e)return e}get hour(){let e=this.getByType(o.Hour);if(e)return e}get minute(){let e=this.getByType(o.Minute);if(e)return e}get second(){let e=this.getByType(o.Second);if(e)return e}get millisecond(){let e=this.getByType(o.Millisecond);if(e)return e}get dayPeriod(){let e=this.getByType(o.DayPeriod);if(e)return e}getByType(e){return this.segments.find(t=>t.type===e)}getFormattedDate(n=c.Day){let r=this.year?.value,i=this.month?.value,a=this.day?.value;if(!u(r)||!u(i)||!u(a))return;if(n===c.Day)return new t(r,i,a);let o=this.hour?.value;if(!u(o))return;if(this.dayPeriod){let e=this.dayPeriod.value;if(!u(e))return;o=m(o,e)}if(n===c.Hour)return new e(r,i,a,o);let s=this.minute?.value;if(!u(s))return;if(n===c.Minute)return new e(r,i,a,o,s);let l=this.second?.value;if(!u(l))return;if(n===c.Second)return new e(r,i,a,o,s,l);let d=this.millisecond?.value;if(u(d))return new e(r,i,a,o,s,l,d)}},x=class{constructor(e,t){this.dateFormatter=e,this.currentDate=t,this.numberFormatter=new a(this.dateFormatter.resolvedOptions().locale,{useGrouping:!1})}format(e){if(!e.year||!e.month||!e.day)return e;let t=this.getDateInfoWithDefaults(e);return t?(this.setSegmentsFormatted(e,t),this.padSegmentsFormatted(e),e):e}setSegmentsFormatted(e,t){e=new b(e.all);let{year:n,month:r,day:i,hour:a,minute:s,second:c,millisecond:l}=t,u=new Date(n,r-1,i,a,s,c,l);if(!e.year)return;e.year.formatted=this.numberFormatter.format(n);let d=[o.Month,o.Day,o.Hour,o.Minute,o.Second,o.DayPeriod],f=this.dateFormatter.formatToParts(u);for(let t of d){let n=e[t];if(!n)continue;let r=f.find(e=>e.type===t)?.value;r&&(n.formatted=r)}}padSegmentsFormatted(e){if(!e.hour)return;let t=[o.Month,o.Day,o.Hour,o.Minute,o.Second];for(let n of t){let t=e[n];t&&(t.formatted=t.formatted.padStart(2,this.numberFormatter.format(0)))}}getDateInfoWithDefaults(e){if(!e.year||!e.month||!e.day)return;let t=e.day.value??i(this.currentDate),r=e.month.value??n(this.currentDate),a=e.year.value??2e3,o=e.dayPeriod?.value,s=e.hour?.value;u(s)?u(o)&&(s=m(s,o)):s=u(o)?o:this.currentDate.hour;let c=e.minute?.value??this.currentDate.minute,l=e.second?.value??this.currentDate.second,d=e.millisecond?.value??this.currentDate.millisecond;return{year:a,month:r,day:t,hour:s,minute:c,second:l,millisecond:d}}},S=class{constructor(e){let{dateFormatter:t,segments:n,currentDate:r}=e;this.segments=new b(n.all),this.dateFormatter=t,this.currentDate=r}modify(e){let t=this.segments.getByType(e);if(!t)return this.segments;this.modifySegment(t),this.updateSegmentsLimits(e);let n=new x(this.dateFormatter,this.currentDate);return this.segments=n.format(this.segments),this.segments}updateSegmentsLimits(e){let t=e===o.Year,n=e===o.Month,r=this.segments.year,i=this.segments.month,a=this.segments.day;t&&(i?.setLimits(this.currentDate),a?.setLimits(this.currentDate,i?.value,r?.value)),n&&a?.setLimits(this.currentDate,i?.value,r?.value)}},C=class extends S{modifySegment(e){e.clear()}},w=class extends S{modifySegment(e){e.decrement(this.currentDate)}},T=class extends S{modifySegment(e){e.increment(this.currentDate)}},E=class extends S{constructor(e){let{dateFormatter:t,segments:n,currentDate:r}=e;super({dateFormatter:t,segments:n,currentDate:r}),this.eventData=e.eventData,this.numberParser=e.numberParser}modifySegment(e){this.eventData!==null&&e.handleInput(this.eventData,this.numberParser)}},D=class extends v{constructor(e,t){super(o.Day,e,t),this.minValue=1,this.maxValue=31}setLimits(e,n,r){if(!u(n)){this.minValue=1,this.maxValue=31;return}u(r)||(r=l);let a=new t(r,n,1);this.maxValue=e.calendar.getDaysInMonth(a),this.minValue=i(a),this.updateValueToLimits()}},O=class extends v{constructor(e,t){super(o.Month,e,t),this.minValue=1,this.maxValue=12}setLimits(e){this.minValue=n(e),this.maxValue=e.calendar.getMonthsInYear(e),this.updateValueToLimits()}},k=class{constructor(e){this.formatted=e,this.type=o.Literal}},A=class extends v{constructor(e,t){super(o.DayPeriod,e,t),this.minValue=0,this.maxValue=12,this.localizedMinValue=`AM`,this.localizedMaxValue=`PM`}toggleAmPm(){this.value=this.value===0?12:0}increment(){this.value===void 0?this.value=this.minValue:this.toggleAmPm()}decrement(){this.value===void 0?this.value=this.maxValue:this.toggleAmPm()}setValueFromDate(e){this.value=h(e.hour)}handleInput(e){let t=e.toLowerCase(),n=this.localizedMinValue.toLowerCase().includes(t),r=this.localizedMaxValue.toLowerCase().includes(t);n&&r||(n&&(this.value=0),r&&(this.value=12))}setLocalizedLimits(e){let[t,n]=[new Date(0,0,0,this.minValue,0),new Date(0,0,0,this.maxValue,0)].map(this.getDayPeriodFromDate.bind(this,e));t&&(this.localizedMinValue=t),n&&(this.localizedMaxValue=n)}getDayPeriodFromDate(e,t){return e.formatToParts(t).find(e=>e.type===this.type)?.value}},j=class extends v{constructor(e,t){super(o.Hour,e,t),this.minValue=0,this.maxValue=23}setLimits(e){this.minValue=0,this.maxValue=23,e&&(this.minValue=0,this.maxValue=11),this.updateValueToLimits()}setValueFromDate(e,t){t?this.value=e.hour-h(e.hour):super.setValueFromDate(e)}get inputValidationLimits(){let e=this.maxValue===11;return{minValue:+!!e,maxValue:e?12:23}}},M=class extends v{constructor(e,t){super(o.Millisecond,e,t),this.minValue=0,this.maxValue=999}},N=class extends v{constructor(e,t){super(o.Minute,e,t),this.minValue=0,this.maxValue=59}},P=class extends v{constructor(e,t){super(o.Second,e,t),this.minValue=0,this.maxValue=59}},F=class{constructor(e){this.dateFormatter=e;let t=this.dateFormatter.resolvedOptions().locale;this.numberFormatter=new a(t,{useGrouping:!1}),this.dateTimeFieldDisplayNames=new Intl.DisplayNames([t],{type:`dateTimeField`})}createSegments(e,t=!1){let n=_(e),r=new b(this.dateFormatter.formatToParts(n).map(t=>{let n=t.type,r=t.value;return n===`year`&&(r=this.numberFormatter.format(e.year)),this.createSegment(n,r)})),i=r.year,a=r.month,o=r.day;i.setLimits(e),a.setLimits(e),t&&(i.setValueFromDate(e),a.setValueFromDate(e)),o.setLimits(e,a.value,i.value),t&&o.setValueFromDate(e);let s=r.hour,c=r.minute,l=r.second,u=r.millisecond,d=r.dayPeriod;if(d&&d.setLocalizedLimits(this.dateFormatter),!s)return r;let f=!!d;if(s.setLimits(f),t){if(s.setValueFromDate(e,f),f&&r.dayPeriod.setValueFromDate(e),!c||(c.setValueFromDate(e),!l)||(l.setValueFromDate(e),!u))return r;u.setValueFromDate(e)}return r}createSegment(e,t){if(e===o.Literal)return new k(t);let n=this.displayNameOfType(e);switch(e){case o.Year:return new y(t,n);case o.Month:return new O(t,n);case o.Day:return new D(t,n);case o.Hour:return new j(t,n);case o.Minute:return new N(t,n);case o.Second:return new P(t,n);case o.Millisecond:return new M(t,n);case o.DayPeriod:return new A(t,n)}}displayNameOfType(e){let t=e===`fractionalSecond`?`millisecond`:this.dateTimeFieldDisplayNames.of(e);return t?t.charAt(0).toUpperCase()+t.slice(1):``}};export{C as a,g as c,d,c as f,w as i,p as l,E as n,b as o,o as p,T as r,_ as s,F as t,f as u};
+import{a as e,i as t,m as n,o as r,v as i}from"./calendar-BOzu003d.js";import{t as a}from"./NumberFormatter-DMCfW685.js";var o={Year:`year`,Month:`month`,Day:`day`,Hour:`hour`,Minute:`minute`,Second:`second`,Millisecond:`fractionalSecond`,DayPeriod:`dayPeriod`,Literal:`literal`},s={[o.Year]:`––––`,[o.Month]:`––`,[o.Day]:`––`,[o.Hour]:`––`,[o.Minute]:`––`,[o.Second]:`––`,[o.Millisecond]:`–––`,[o.DayPeriod]:`––`},c={Day:`day`,Hour:`hour`,Minute:`minute`,Second:`second`,Millisecond:`millisecond`},l=2e3;function u(e){return typeof e==`number`}function d(e){return e instanceof r}function f(t){return t instanceof e}function p(e){return e instanceof t}function m(e,t){return e=e%12+t}function h(e){return e>=12?12:0}function g(e,t){return e.length===t.length&&e.every((e,n)=>e===t[n])}function _(e){return p(e)?new Date(e.year,e.month-1,e.day):new Date(e.year,e.month-1,e.day,e.hour,e.minute,e.second,e.millisecond)}var v=class{constructor(e,t,n){this.type=e,this.formatted=t,this.label=n,this.placeholder=s[e]}increment(e){this.value===void 0?this.value=this.minValue:(this.value+=1,this.value>this.maxValue&&(this.value=this.minValue))}decrement(e){this.value===void 0?this.value=this.maxValue:(--this.value,this.value<this.minValue&&(this.value=this.maxValue))}setValueFromDate(e){this.type===`fractionalSecond`?this.value=e.millisecond:this.type!==o.DayPeriod&&(this.value=e[this.type])}clear(){this.value=void 0}handleInput(e,t){let n=t.parse(e);if(Number.isNaN(n))return;let r=t.parse(`${this.value??``}${n}`);if(this.isInputValueCompliant(r)){this.value=r;return}this.isInputValueCompliant(n)&&(this.value=n)}isInputValueCompliant(e){let{minValue:t,maxValue:n}=this.inputValidationLimits;return e>=t&&e<=n}get inputValidationLimits(){return{minValue:this.minValue,maxValue:this.maxValue}}updateValueToLimits(){this.value!==void 0&&(this.value<this.minValue&&(this.value=this.minValue),this.value>this.maxValue&&(this.value=this.maxValue))}},y=class extends v{constructor(e,t){super(o.Year,e,t),this.minValue=1,this.maxValue=9999}setLimits(e){this.minValue=1,this.maxValue=e.calendar.getYearsInEra(e),this.updateValueToLimits()}increment(e){this.value===void 0?this.value=e.year:super.increment()}decrement(e){this.value===void 0?this.value=e.year:super.decrement()}clear(){if(this.value===void 0)return;let e=Math.floor(this.value/10);this.value=e>0?e:void 0}},b=class{constructor(e){this.segments=e}get all(){return this.segments}get editableValues(){return this.all.filter(e=>e instanceof v).map(e=>e.value)}get year(){let e=this.getByType(o.Year);if(e&&e instanceof y)return e}get month(){let e=this.getByType(o.Month);if(e)return e}get day(){let e=this.getByType(o.Day);if(e)return e}get hour(){let e=this.getByType(o.Hour);if(e)return e}get minute(){let e=this.getByType(o.Minute);if(e)return e}get second(){let e=this.getByType(o.Second);if(e)return e}get millisecond(){let e=this.getByType(o.Millisecond);if(e)return e}get dayPeriod(){let e=this.getByType(o.DayPeriod);if(e)return e}getByType(e){return this.segments.find(t=>t.type===e)}getFormattedDate(n=c.Day){let r=this.year?.value,i=this.month?.value,a=this.day?.value;if(!u(r)||!u(i)||!u(a))return;if(n===c.Day)return new t(r,i,a);let o=this.hour?.value;if(!u(o))return;if(this.dayPeriod){let e=this.dayPeriod.value;if(!u(e))return;o=m(o,e)}if(n===c.Hour)return new e(r,i,a,o);let s=this.minute?.value;if(!u(s))return;if(n===c.Minute)return new e(r,i,a,o,s);let l=this.second?.value;if(!u(l))return;if(n===c.Second)return new e(r,i,a,o,s,l);let d=this.millisecond?.value;if(u(d))return new e(r,i,a,o,s,l,d)}},x=class{constructor(e,t){this.dateFormatter=e,this.currentDate=t,this.numberFormatter=new a(this.dateFormatter.resolvedOptions().locale,{useGrouping:!1})}format(e){if(!e.year||!e.month||!e.day)return e;let t=this.getDateInfoWithDefaults(e);return t?(this.setSegmentsFormatted(e,t),this.padSegmentsFormatted(e),e):e}setSegmentsFormatted(e,t){e=new b(e.all);let{year:n,month:r,day:i,hour:a,minute:s,second:c,millisecond:l}=t,u=new Date(n,r-1,i,a,s,c,l);if(!e.year)return;e.year.formatted=this.numberFormatter.format(n);let d=[o.Month,o.Day,o.Hour,o.Minute,o.Second,o.DayPeriod],f=this.dateFormatter.formatToParts(u);for(let t of d){let n=e[t];if(!n)continue;let r=f.find(e=>e.type===t)?.value;r&&(n.formatted=r)}}padSegmentsFormatted(e){if(!e.hour)return;let t=[o.Month,o.Day,o.Hour,o.Minute,o.Second];for(let n of t){let t=e[n];t&&(t.formatted=t.formatted.padStart(2,this.numberFormatter.format(0)))}}getDateInfoWithDefaults(e){if(!e.year||!e.month||!e.day)return;let t=e.day.value??i(this.currentDate),r=e.month.value??n(this.currentDate),a=e.year.value??2e3,o=e.dayPeriod?.value,s=e.hour?.value;u(s)?u(o)&&(s=m(s,o)):s=u(o)?o:this.currentDate.hour;let c=e.minute?.value??this.currentDate.minute,l=e.second?.value??this.currentDate.second,d=e.millisecond?.value??this.currentDate.millisecond;return{year:a,month:r,day:t,hour:s,minute:c,second:l,millisecond:d}}},S=class{constructor(e){let{dateFormatter:t,segments:n,currentDate:r}=e;this.segments=new b(n.all),this.dateFormatter=t,this.currentDate=r}modify(e){let t=this.segments.getByType(e);if(!t)return this.segments;this.modifySegment(t),this.updateSegmentsLimits(e);let n=new x(this.dateFormatter,this.currentDate);return this.segments=n.format(this.segments),this.segments}updateSegmentsLimits(e){let t=e===o.Year,n=e===o.Month,r=this.segments.year,i=this.segments.month,a=this.segments.day;t&&(i?.setLimits(this.currentDate),a?.setLimits(this.currentDate,i?.value,r?.value)),n&&a?.setLimits(this.currentDate,i?.value,r?.value)}},C=class extends S{modifySegment(e){e.clear()}},w=class extends S{modifySegment(e){e.decrement(this.currentDate)}},T=class extends S{modifySegment(e){e.increment(this.currentDate)}},E=class extends S{constructor(e){let{dateFormatter:t,segments:n,currentDate:r}=e;super({dateFormatter:t,segments:n,currentDate:r}),this.eventData=e.eventData,this.numberParser=e.numberParser}modifySegment(e){this.eventData!==null&&e.handleInput(this.eventData,this.numberParser)}},D=class extends v{constructor(e,t){super(o.Day,e,t),this.minValue=1,this.maxValue=31}setLimits(e,n,r){if(!u(n)){this.minValue=1,this.maxValue=31;return}u(r)||(r=l);let a=new t(r,n,1);this.maxValue=e.calendar.getDaysInMonth(a),this.minValue=i(a),this.updateValueToLimits()}},O=class extends v{constructor(e,t){super(o.Month,e,t),this.minValue=1,this.maxValue=12}setLimits(e){this.minValue=n(e),this.maxValue=e.calendar.getMonthsInYear(e),this.updateValueToLimits()}},k=class{constructor(e){this.formatted=e,this.type=o.Literal}},A=class extends v{constructor(e,t){super(o.DayPeriod,e,t),this.minValue=0,this.maxValue=12,this.localizedMinValue=`AM`,this.localizedMaxValue=`PM`}toggleAmPm(){this.value=this.value===0?12:0}increment(){this.value===void 0?this.value=this.minValue:this.toggleAmPm()}decrement(){this.value===void 0?this.value=this.maxValue:this.toggleAmPm()}setValueFromDate(e){this.value=h(e.hour)}handleInput(e){let t=e.toLowerCase(),n=this.localizedMinValue.toLowerCase().includes(t),r=this.localizedMaxValue.toLowerCase().includes(t);n&&r||(n&&(this.value=0),r&&(this.value=12))}setLocalizedLimits(e){let[t,n]=[new Date(0,0,0,this.minValue,0),new Date(0,0,0,this.maxValue,0)].map(this.getDayPeriodFromDate.bind(this,e));t&&(this.localizedMinValue=t),n&&(this.localizedMaxValue=n)}getDayPeriodFromDate(e,t){return e.formatToParts(t).find(e=>e.type===this.type)?.value}},j=class extends v{constructor(e,t){super(o.Hour,e,t),this.minValue=0,this.maxValue=23}setLimits(e){this.minValue=0,this.maxValue=23,e&&(this.minValue=0,this.maxValue=11),this.updateValueToLimits()}setValueFromDate(e,t){t?this.value=e.hour-h(e.hour):super.setValueFromDate(e)}get inputValidationLimits(){let e=this.maxValue===11;return{minValue:+!!e,maxValue:e?12:23}}},M=class extends v{constructor(e,t){super(o.Millisecond,e,t),this.minValue=0,this.maxValue=999}},N=class extends v{constructor(e,t){super(o.Minute,e,t),this.minValue=0,this.maxValue=59}},P=class extends v{constructor(e,t){super(o.Second,e,t),this.minValue=0,this.maxValue=59}},F=class{constructor(e){this.dateFormatter=e;let t=this.dateFormatter.resolvedOptions().locale;this.numberFormatter=new a(t,{useGrouping:!1}),this.dateTimeFieldDisplayNames=new Intl.DisplayNames([t],{type:`dateTimeField`})}createSegments(e,t=!1){let n=_(e),r=new b(this.dateFormatter.formatToParts(n).map(t=>{let n=t.type,r=t.value;return n===`year`&&(r=this.numberFormatter.format(e.year)),this.createSegment(n,r)})),i=r.year,a=r.month,o=r.day;i.setLimits(e),a.setLimits(e),t&&(i.setValueFromDate(e),a.setValueFromDate(e)),o.setLimits(e,a.value,i.value),t&&o.setValueFromDate(e);let s=r.hour,c=r.minute,l=r.second,u=r.millisecond,d=r.dayPeriod;if(d&&d.setLocalizedLimits(this.dateFormatter),!s)return r;let f=!!d;if(s.setLimits(f),t){if(s.setValueFromDate(e,f),f&&r.dayPeriod.setValueFromDate(e),!c||(c.setValueFromDate(e),!l)||(l.setValueFromDate(e),!u))return r;u.setValueFromDate(e)}return r}createSegment(e,t){if(e===o.Literal)return new k(t);let n=this.displayNameOfType(e);switch(e){case o.Year:return new y(t,n);case o.Month:return new O(t,n);case o.Day:return new D(t,n);case o.Hour:return new j(t,n);case o.Minute:return new N(t,n);case o.Second:return new P(t,n);case o.Millisecond:return new M(t,n);case o.DayPeriod:return new A(t,n)}}displayNameOfType(e){let t=e===`fractionalSecond`?`millisecond`:this.dateTimeFieldDisplayNames.of(e);return t?t.charAt(0).toUpperCase()+t.slice(1):``}};export{C as a,g as c,d,c as f,w as i,p as l,E as n,b as o,o as p,T as r,_ as s,F as t,f as u};

package/standalone/chunks/strategies-C-vW4MlK.js

@@ -0,0 +1,2 @@
+
+import{u as e}from"./platform-BfrBbd97.js";var t=function(e){return e[e.desktop=0]=`desktop`,e[e.mobile=1]=`mobile`,e}({}),n=`remove-focus-ring-safari-hack`,r=class{get activelyOpening(){return!1}get open(){return this._open}set open(e){if(this._open!==e){if(this._open=e,this.overlay){this.host.open=e;return}import(`../overlay.js`).then(()=>{this.overlay=document.createElement(`luzmo-overlay`),this.host.open=!0,this.host.requestUpdate()})}}get overlay(){return this._overlay}set overlay(e){e&&this.overlay!==e&&(this._overlay=e,this.initOverlay())}constructor(e,t){this.target=e,this.host=t,this.listenersBound=!1,this.preventNextToggle=`no`,this.pointerdownState=!1,this.enterKeydownOn=null,this._open=!1,this.target=e,this.host=t,this.host.addController(this),this.init()}releaseDescription(){}handleBeforetoggle(e){e.composedPath()[0]===e.target&&(e.newState===`closed`&&(this.preventNextToggle===`no`?this.open=!1:this.pointerdownState||this.overlay?.manuallyKeepOpen()),this.open||(this.host.optionsMenu.updateSelectedItemIndex(),typeof this.host.optionsMenu?.closeDescendentOverlays==`function`&&this.host.optionsMenu.closeDescendentOverlays()))}initOverlay(){this.overlay&&(this.overlay.addEventListener(`beforetoggle`,e=>{this.handleBeforetoggle(e)}),this.overlay.type=this.host.isMobile.matches?`modal`:`auto`,this.overlay.triggerElement=this.host,this.overlay.placement=this.host.isMobile.matches?void 0:this.host.placement,this.overlay.receivesFocus=`true`,this.overlay.willPreventClose=this.preventNextToggle!==`no`&&this.open,this.overlay.addEventListener(`slottable-request`,this.host.handleSlottableRequest))}handlePointerdown(e){}handleButtonFocus(e){this.preventNextToggle===`maybe`&&e.relatedTarget===this.host.optionsMenu&&(this.preventNextToggle=`yes`)}handleActivate(e){}init(){}abort(){this.releaseDescription(),this.abortController?.abort(),this.listenersBound=!1}hostConnected(){this.init()}hostDisconnected(){this.abort()}hostUpdated(){this.overlay&&this.host.dependencyManager.loaded&&this.host.open!==this.overlay.open&&(this.overlay.willPreventClose=this.preventNextToggle!==`no`,this.overlay.open=this.host.open)}},i={desktop:class extends r{constructor(...e){super(...e),this.type=t.desktop}handlePointerdown(e){if(e.target.closest(`.clear-icon`)||e.button!==0||e.pointerType===`touch`)return;this.pointerdownState=this.open,this.preventNextToggle=`maybe`;let t=0,n=()=>{cancelAnimationFrame(t),t=requestAnimationFrame(()=>{document.removeEventListener(`pointerup`,n),document.removeEventListener(`pointercancel`,n),this.target.removeEventListener(`click`,n),requestAnimationFrame(()=>{this.preventNextToggle=`no`})})};document.addEventListener(`pointerup`,n),document.addEventListener(`pointercancel`,n),this.target.addEventListener(`click`,n),this.handleActivate()}handleActivate(e){this.enterKeydownOn&&this.enterKeydownOn!==this.target||this.preventNextToggle!==`yes`&&(e?.type===`click`&&this.open!==this.pointerdownState||this.host.toggle())}init(){if(this.listenersBound)return;this.abortController=new AbortController;let{signal:e}=this.abortController;this.target.addEventListener(`click`,e=>this.handleActivate(e),{signal:e}),this.target.addEventListener(`pointerdown`,e=>this.handlePointerdown(e),{signal:e}),this.target.addEventListener(`focus`,e=>this.handleButtonFocus(e),{signal:e}),this.listenersBound=!0}},mobile:class extends r{constructor(...e){super(...e),this.type=t.mobile}handleClick(e){e.target.closest(`.clear-button`)&&(this.preventNextToggle===`no`&&(this.open=!this.open),this.preventNextToggle=`no`)}handlePointerdown(t){t.target.closest(`.clear-button`)&&(this.preventNextToggle=this.open?`yes`:`no`,e()&&this.target.classList.add(n))}handleFocusOut(){this.host.open||e()&&this.target.classList.contains(`remove-focus-ring-safari-hack`)&&this.target.classList.remove(n)}init(){if(this.listenersBound)return;this.abortController=new AbortController;let{signal:e}=this.abortController;this.target.addEventListener(`click`,e=>this.handleClick(e),{signal:e}),this.target.addEventListener(`pointerdown`,e=>this.handlePointerdown(e),{signal:e}),this.target.addEventListener(`focusout`,()=>this.handleFocusOut(),{signal:e}),this.listenersBound=!0}}};export{i as t};

package/standalone/chunks/{swatch-m_4GcO2_.js → swatch-CGR_GWqO.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-CJa-aByT.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-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`
     <svg
       xmlns="http://www.w3.org/2000/svg"
       class="disabled-icon"

package/standalone/chunks/template-property-Dn64faHO.js

@@ -0,0 +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};

package/standalone/chunks/{text-field-BnZtyodU.js → text-field-4OKvLOXG.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-CJa-aByT.js";import{t as l}from"./text-field-BrlDeJsx.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-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`
       ${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-BrlDeJsx.js → text-field-C2oROxum.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-CJa-aByT.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-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`
         <div id="invalid" class="icon">${d(p)}</div>
       `:this.valid?e`
         <div id="valid" class="icon">${d(f)}</div>

package/standalone/clear-button.js

@@ -17,4 +17,4 @@
  *
  */
 
-import"./tokens.js";import{t as e}from"./chunks/clear-button-pVGfwye8.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-3zpCVxG5.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-RpPiwBdf.js";export{e as LuzmoCloseButton};
+import"./tokens.js";import{t as e}from"./chunks/close-button-C96dazyi.js";export{e as LuzmoCloseButton};

package/standalone/color-field.js

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

package/standalone/color-menu.js

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

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-m_4GcO2_.js";import"./chunks/color-menu-B5UOMYmX.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-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`
       <luzmo-color-menu
         .size=${this.size}
         .color=${this.color}

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-CJa-aByT.js";import{t as p}from"./chunks/when-BWvpqCBs.js";import"./chunks/icon-Dy6J1QeX.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-ZwUYkzVq.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-BeXTIgUt.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-Ch3AAizU.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-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`
       <div class="luzmo-DatePicker--range range-wrapper">
         <div id="text-field">${this.renderStartInput()}</div>
         <div class="luzmo-DatePicker-rangeDash"></div>