@luzmo/lucero 2.4.2 → 2.5.1

package/components/select-CKMCEJf7.cjs

@@ -0,0 +1,158 @@
+/*! * 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.
+ * */
+require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./focusable-B6h03pAe.cjs");require("./icon-zOPAWCdx.cjs"),require("./popover-BsdqkvKI.cjs");const r=require("./dependency-manger-BSaHw9ju.cjs"),i=require("./match-media-B_0cVVtk.cjs");require("./progress-circle-bO_VAX3N.cjs");const a=require("./pending-state-CGHvTtKR.cjs");require("./overlay-Dn7EbA_W.cjs"),require("./tooltip-DjOW52n2.cjs");const o=require("./strategies-Bb7zEjrU.cjs"),s=require("./options-CP9V2CSJ.cjs");let c=require("lit"),l=require("lit/decorators.js"),u=require("@luzmo/icons"),d=require("lit/directives/if-defined.js"),f=require("lit/directives/class-map.js");var p=(e,t)=>{let n=getComputedStyle(e).getPropertyValue(t);for(;!n&&e.parentElement;)e=e.parentElement,n=getComputedStyle(e).getPropertyValue(t);return n.trim()},m=`:host{font-family:var(--luzmo-select-font-family,var(--select-font-family));font-size:var(--luzmo-select-font-size,var(--select-font-size))}#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-select-font-size,var(--select-font-size));margin-inline-end:var(--luzmo-select-spacing-text-to-icon,var(--select-spacing-text-to-icon))}@media (forced-colors:active){:host{--highcontrast-select-focus-indicator-color:Highlight;--highcontrast-select-border-color-default:ButtonBorder;--highcontrast-select-border-color-hover:Highlight;--highcontrast-select-border-color-disabled:GrayText;--highcontrast-select-content-color-default:ButtonText;--highcontrast-select-content-color-disabled:GrayText;--highcontrast-select-background-color:ButtonFace}#button:focus-visible{--highcontrast-select-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(--select-minimum-width-multiplier) * var(--luzmo-select-button-block-size,var(--select-button-block-size)));block-size:var(--luzmo-select-button-block-size,var(--select-button-block-size));border-width:var(--luzmo-select-button-border-width,var(--select-button-border-width));border-radius:var(--luzmo-select-button-border-radius,var(--select-button-border-radius));box-shadow:var(--luzmo-select-button-box-shadow,var(--select-button-box-shadow));transition:background-color var(--luzmo-select-animation-duration,var(--select-animation-duration)), box-shadow var(--luzmo-select-animation-duration,var(--select-animation-duration)), border-color var(--luzmo-select-animation-duration,var(--select-animation-duration)) ease-in-out;color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-default,var(--select-font-color-default)));background-color:var(--highcontrast-select-background-color,var(--luzmo-select-background-color-default,var(--select-background-color-default)));border-style:solid;border-color:var(--highcontrast-select-border-color-default,var(--luzmo-select-border-color-default,var(--select-border-color-default)));margin-block-start:var(--luzmo-select-spacing-label-to-select,var(--select-spacing-label-to-select));padding-block:0;padding-inline-start:var(--luzmo-select-inline-edge-to-content,var(--select-inline-edge-to-content));padding-inline-end:var(--luzmo-select-spacing-edge-to-disclosure-icon,var(--select-spacing-edge-to-disclosure-icon));display:flex}#button:after{pointer-events:none;content:"";block-size:calc(100% + var(--luzmo-select-focus-indicator-gap,var(--select-focus-indicator-gap)) * 2 + var(--luzmo-select-button-border-width,var(--select-button-border-width)) * 2);inline-size:calc(100% + var(--luzmo-select-focus-indicator-gap,var(--select-focus-indicator-gap)) * 2 + var(--luzmo-select-button-border-width,var(--select-button-border-width)) * 2);border-style:solid;border-width:var(--luzmo-select-focus-indicator-width,var(--select-focus-indicator-width));border-radius:calc(var(--luzmo-select-button-border-radius,var(--select-button-border-radius)) + var(--luzmo-select-focus-indicator-gap,var(--select-focus-indicator-gap)) + var(--luzmo-select-button-border-width,var(--select-button-border-width)));border-color:#0000;margin-block-start:calc((var(--luzmo-select-focus-indicator-gap,var(--select-focus-indicator-gap)) + var(--luzmo-select-focus-indicator-width,var(--select-focus-indicator-width)) + var(--luzmo-select-button-border-width,var(--select-button-border-width))) * -1);margin-inline-start:calc((var(--luzmo-select-focus-indicator-gap,var(--select-focus-indicator-gap)) + var(--luzmo-select-focus-indicator-width,var(--select-focus-indicator-width)) + var(--luzmo-select-button-border-width,var(--select-button-border-width))) * -1);position:absolute;inset-block:0;inset-inline:0}#button:active{background-color:var(--highcontrast-select-background-color,var(--luzmo-select-background-color-active,var(--select-background-color-active)));border-color:var(--highcontrast-select-border-color-default,var(--luzmo-select-border-active,var(--select-border-color-active)))}#button:active:after{border-color:#0000}#button.placeholder:active .label{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-active,var(--select-font-color-active)))}#button:focus-visible{background-color:var(--highcontrast-select-background-color,var(--luzmo-select-background-color-key-focus,var(--select-background-color-key-focus)));border-color:var(--highcontrast-select-border-color-default,var(--luzmo-select-border-color-key-focus,var(--select-border-color-key-focus)));color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-key-focus,var(--select-font-color-key-focus)));outline:none}#button:focus-visible:after{border-color:var(--highcontrast-select-focus-indicator-color,var(--luzmo-select-focus-indicator-color,var(--select-focus-indicator-color)))}#button.placeholder:focus-visible{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-key-focus,var(--select-font-color-key-focus)))}#button:focus-visible .disclosure-icon,#button:focus-visible .clear-icon{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-icon-color-key-focus,var(--select-icon-color-key-focus)))}:host([open]) #button:not(:disabled,.is-disabled){color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-default-open,var(--select-font-color-default-open)));background-color:var(--highcontrast-select-background-color,var(--luzmo-select-background-color-default-open,var(--select-background-color-default-open)));border-color:var(--highcontrast-select-border-color-default,var(--luzmo-select-border-default-open,var(--select-border-color-default-open)))}:host([open]) #button:not(:disabled,.is-disabled) .disclosure-icon,:host([open]) #button:not(:disabled,.is-disabled) .clear-icon{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-icon-color-default-open,var(--select-icon-color-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-select-border-color-default,var(--luzmo-select-border-color-error-default,var(--select-border-color-error-default)))}:host([invalid]) #button:not(:disabled,.is-disabled) .validation-icon{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-icon-color-error,var(--select-icon-color-error)))}:host([invalid]) #button:not(:disabled,.is-disabled):active{border-color:var(--highcontrast-select-border-color-default,var(--luzmo-select-border-color-error-active,var(--select-border-color-error-active)))}:host([invalid][open]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-select-border-color-default,var(--luzmo-select-border-color-error-default-open,var(--select-border-color-error-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):focus-visible{border-color:var(--highcontrast-select-border-color-default,var(--luzmo-select-border-color-error-key-focus,var(--select-border-color-error-key-focus)))}:host([pending]) #button .disclosure-icon,:host([pending]) #button .clear-icon{color:var(--highcontrast-select-content-color-disabled,var(--luzmo-select-icon-color-disabled,var(--select-icon-color-disabled)))}.icon{flex-shrink:0}.label{white-space:nowrap;font-size:var(--luzmo-select-font-size,var(--select-font-size));line-height:var(--luzmo-select-button-line-height,var(--select-button-line-height));font-weight:var(--luzmo-select-font-weight,var(--select-font-weight));text-overflow:ellipsis;text-align:start;flex:auto;overflow:hidden}.label.placeholder{font-weight:var(--luzmo-select-placeholder-font-weight,var(--select-font-weight));font-style:var(--luzmo-select-placeholder-font-style,var(--select-placeholder-font-style));transition:color var(--luzmo-select-animation-duration,var(--select-animation-duration)) ease-in-out;color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-default,var(--select-font-color-default)))}.label.placeholder:active{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-active,var(--select-font-color-active)))}.clear-icon,.disclosure-icon{vertical-align:top;transition:color var(--luzmo-select-animation-duration,var(--select-animation-duration)) ease-out;color:var(--highcontrast-select-content-color-default,var(--luzmo-select-icon-color-default,var(--select-icon-color-default)));flex-shrink:0;display:inline-block;position:relative}.disclosure-icon{margin-inline-start:var(--luzmo-select-spacing-icon-to-disclosure-icon,var(--select-spacing-icon-to-disclosure-icon))}.clear-icon{margin-inline-start:var(--luzmo-select-spacing-icon-to-clear-icon,var(--select-spacing-icon-to-clear-icon))}.disclosure-icon:active{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-icon-color-active,var(--select-icon-color-active)))}luzmo-progress-circle,.validation-icon{margin-inline-start:var(--luzmo-select-spacing-text-to-icon,var(--select-spacing-text-to-icon))}.icon-container{height:100%;font-size:var(--luzmo-select-disclosure-icon-size,var(--select-disclosure-icon-size));align-items:center;display:flex;position:relative}.icon-container.disclosure-icon{margin-inline-end:0}.label~.disclosure-icon,.label~.clear-icon{margin-inline-start:var(--luzmo-select-spacing-text-to-icon,var(--select-spacing-text-to-icon))}:host([quiet]) #button{inline-size:auto;min-inline-size:0;padding-inline:var(--luzmo-select-inline-edge-to-content-quiet,var(--select-inline-edge-to-content-quiet));color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-default,var(--select-font-color-default)));background-color:initial;background-color:var(--highcontrast-select-background-color,transparent);box-shadow:none;border:none;border-radius:0;margin-block-start:calc(var(--luzmo-select-spacing-label-to-select-quiet,var(--select-spacing-label-to-select-quiet)) + 1px)}:host([quiet]) #button.label-inline{margin-block-start:0}:host([quiet]) #button .disclosure-icon{margin-inline-end:var(--luzmo-select-spacing-edge-to-disclosure-icon-quiet,var(--select-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-select-content-color-default,var(--luzmo-select-font-color-hover,var(--select-font-color-hover)));background-color:var(--highcontrast-select-background-color,var(--luzmo-select-background-color-hover,var(--select-background-color-hover)));border-color:var(--highcontrast-select-border-color-hover,var(--luzmo-select-border-color-hover,var(--select-border-color-hover)))}#button:hover .disclosure-icon,#button:hover .clear-icon{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-icon-color-hover,var(--select-icon-color-hover)))}#button:hover .clear-icon:hover{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-clear-icon-color-hover,var(--select-icon-color-focus)))}:host([open]):not([quiet]) #button:not(:disabled,.is-disabled):hover{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-hover-open,var(--select-font-color-hover-open)));background-color:var(--highcontrast-select-background-color,var(--luzmo-select-background-color-hover-open,var(--select-background-color-hover-open)));border-color:var(--highcontrast-select-border-color-hover,var(--luzmo-select-border-color-hover-open,var(--select-border-color-hover-open)))}:host([open]) #button:not(:disabled,.is-disabled):hover .disclosure-icon,:host([open]) #button:not(:disabled,.is-disabled):hover .clear-icon{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-icon-color-hover-open,var(--select-icon-color-hover-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-select-border-color-hover,var(--luzmo-select-border-color-error-hover,var(--select-border-color-error-hover)))}:host([invalid][open]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-select-border-color-hover,var(--luzmo-select-border-color-error-hover-open,var(--select-border-color-error-hover-open)))}.label.placeholder:hover{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-hover,var(--select-font-color-hover)))}:host([quiet]) #button:hover{background-color:initial;background-color:var(--highcontrast-select-background-color,transparent)!important}}:host([quiet]) #button:focus-visible{background-color:initial;background-color:var(--highcontrast-select-background-color,transparent)}:host([quiet]) #button:focus-visible:after{box-shadow:0 var(--luzmo-select-focus-indicator-width,var(--select-focus-indicator-width)) 0 0 var(--highcontrast-select-focus-indicator-color,var(--luzmo-select-focus-indicator-color,var(--select-focus-indicator-color)));margin:calc((var(--luzmo-select-focus-indicator-gap,var(--select-focus-indicator-gap)) + var(--luzmo-select-button-border-width,var(--select-button-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-select-background-color,transparent)}.label-inline{vertical-align:top;display:inline-flex}:host([disabled]) #button,#button:disabled{cursor:default;background-color:var(--highcontrast-select-background-color,var(--luzmo-select-background-color-disabled,var(--select-background-color-disabled)));border-color:#0000;border-color:var(--highcontrast-select-border-color-disabled,transparent);color:var(--highcontrast-select-content-color-disabled,var(--luzmo-select-font-color-disabled,var(--select-font-color-disabled)))}:host([disabled]) #button .icon,:host([disabled]) #button .disclosure-icon,:host([disabled]) #button .clear-icon,:host([disabled]) #button .validation-icon,#button:disabled .icon,#button:disabled .disclosure-icon,#button:disabled .clear-icon,#button:disabled .validation-icon{color:var(--highcontrast-select-content-color-disabled,var(--luzmo-select-icon-color-disabled,var(--select-icon-color-disabled)))}:host([disabled]) #button .label.placeholder,#button:disabled .label.placeholder{color:var(--highcontrast-select-content-color-disabled,var(--luzmo-select-font-color-disabled,var(--select-font-color-disabled)))}#popover{max-width:var(--luzmo-select-popover-max-width,var(--select-popover-max-width));min-width:var(--luzmo-select-popover-min-width,var(--select-popover-min-width));width:var(--luzmo-select-popover-width,var(--select-popover-width))}#popover.search-on{padding:0 0 var(--luzmo-popover-content-area-spacing-vertical,var(--popover-content-area-spacing-vertical)) 0!important}#search-container{border-bottom:var(--luzmo-select-search-container-border-bottom-width,var(--select-search-container-border-bottom-width)) solid var(--luzmo-select-search-container-border-bottom-color,var(--select-search-container-border-bottom-color));flex:none;display:flex;position:relative}#search-icon{left:var(--luzmo-select-inline-edge-to-content,var(--select-inline-edge-to-content));color:var(--luzmo-select-search-icon-color,var(--select-search-icon-color));font-size:var(--luzmo-select-search-icon-height,var(--select-search-icon-height));width:var(--luzmo-select-search-icon-width,var(--select-search-icon-width));text-align:center;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0}#search:focus-within+#search-icon,#search:focus+#search-icon{color:var(--luzmo-select-search-icon-color-focus,var(--select-search-icon-color-focus))}#search{box-sizing:border-box;border-top-left-radius:var(--luzmo-popover-border-radius,var(--popover-border-radius));border-top-right-radius:var(--luzmo-popover-border-radius,var(--popover-border-radius));background-color:var(--luzmo-select-search-background-color,var(--select-search-background-color));width:100%;color:var(--luzmo-select-search-color,var(--select-search-color));height:var(--luzmo-select-button-block-size,var(--select-button-block-size));line-height:var(--luzmo-select-button-block-size,var(--select-button-block-size));padding-left:calc(var(--luzmo-select-inline-edge-to-content,var(--select-inline-edge-to-content)) + var(--luzmo-select-spacing-search-icon-to-text,var(--select-spacing-search-icon-to-text)) + var(--luzmo-select-search-icon-width,var(--select-search-icon-width)));padding-right:var(--luzmo-select-inline-edge-to-content,var(--select-inline-edge-to-content));font-size:var(--luzmo-select-font-size,var(--select-font-size));font-family:var(--luzmo-select-font-family,var(--select-font-family));line-height:var(--luzmo-select-button-line-height,var(--select-button-line-height));font-weight:var(--luzmo-select-font-weight,var(--select-font-weight));border:var(--luzmo-select-search-input-border-bottom-width,var(--select-search-input-border-bottom-width)) solid var(--luzmo-select-search-input-border-bottom-color,var(--select-search-input-border-bottom-color));outline:none}#no-results{color:var(--luzmo-select-no-results-color,var(--select-no-results-color));font-style:var(--luzmo-select-no-results-font-style,var(--select-no-results-font-style));height:var(--luzmo-select-no-results-height,var(--select-no-results-height));padding-inline:var(--luzmo-select-no-results-spacing-edge-to-text,var(--select-no-results-spacing-edge-to-text));align-items:center;display:flex}:host{--select-popover-max-width:300px;--select-popover-min-width:160px;--select-font-family:var(--luzmo-font-family);--select-font-size:var(--luzmo-font-size);--select-font-weight:var(--luzmo-font-weight);--select-spacing-search-icon-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--select-search-icon-height:var(--luzmo-font-size);--select-search-icon-width:var(--luzmo-font-size);--select-search-icon-color:var(--luzmo-disabled-color);--select-search-icon-color-focus:var(--luzmo-font-color);--select-search-color:var(--luzmo-font-color);--select-search-background-color:var(--luzmo-background-color);--select-search-container-border-bottom-width:var(--luzmo-border-width);--select-search-container-border-bottom-color:var(--luzmo-border-color);--select-search-input-border-bottom-width:var(--luzmo-border-width);--select-search-input-border-bottom-color:transparent;--select-background-color-default:var(--luzmo-background-color);--select-background-color-default-open:var(--luzmo-background-color-hover);--select-background-color-active:var(--luzmo-background-color-down);--select-background-color-hover:var(--luzmo-background-color-hover);--select-background-color-hover-open:var(--luzmo-background-color-down);--select-background-color-key-focus:var(--luzmo-background-color-down);--select-border-color-default:var(--luzmo-border-color);--select-border-color-default-open:var(--luzmo-border-color-hover);--select-border-color-hover:var(--luzmo-border-color);--select-border-color-hover-open:var(--luzmo-border-color-hover);--select-border-color-active:var(--luzmo-border-color);--select-border-color-key-focus:var(--luzmo-border-color);--select-button-border-width:var(--luzmo-border-width);--select-placeholder-font-style:var(--luzmo-font-style);--select-button-line-height:var(--luzmo-line-height);--select-button-box-shadow:0px 1px 3px 0px var(--luzmo-shadow-color);--select-button-block-size:var(--luzmo-component-height);--select-button-border-radius:var(--luzmo-border-radius);--select-button-border-radius-reset:0;--select-inline-edge-to-content:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--select-spacing-text-to-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--select-spacing-text-to-icon-inline-end:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--select-spacing-icon-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--select-spacing-icon-to-clear-icon:var(--select-spacing-icon-to-disclosure-icon);--select-inline-edge-to-content-quiet:0px;--select-spacing-label-to-select:0px;--select-spacing-label-to-select-quiet:calc(-1 * var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--select-spacing-edge-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--select-spacing-edge-to-disclosure-icon-quiet:0px;--select-animation-duration:var(--luzmo-animation-duration);--select-font-color-default:var(--luzmo-font-color);--select-font-color-default-open:var(--luzmo-font-color-hover);--select-font-color-hover:var(--luzmo-font-color-hover);--select-font-color-hover-open:var(--luzmo-font-color-down);--select-font-color-active:var(--luzmo-font-color-focus);--select-font-color-key-focus:var(--luzmo-font-color-focus);--select-icon-color-default:var(--luzmo-font-color);--select-icon-color-default-open:var(--luzmo-font-color-hover);--select-icon-color-hover:var(--luzmo-font-color-hover);--select-icon-color-hover-open:var(--luzmo-font-color-hover);--select-icon-color-active:var(--luzmo-font-color-focus);--select-icon-color-key-focus:var(--luzmo-font-color-focus);--select-border-color-error-default:var(--luzmo-negative-color);--select-border-color-error-default-open:var(--luzmo-negative-color-down);--select-border-color-error-hover:var(--luzmo-negative-color-hover);--select-border-color-error-hover-open:var(--luzmo-negative-color-down);--select-border-color-error-active:var(--luzmo-negative-color-down);--select-border-color-error-key-focus:var(--luzmo-negative-color-focus);--select-icon-color-error:var(--luzmo-negative-color);--select-background-color-disabled:var(--luzmo-background-color-disabled);--select-font-color-disabled:var(--luzmo-disabled-color);--select-icon-color-disabled:var(--luzmo-disabled-color);--select-focus-indicator-gap:var(--luzmo-indicator-gap);--select-focus-indicator-width:var(--luzmo-indicator-width);--select-focus-indicator-color:var(--luzmo-indicator-color);--select-disclosure-icon-size:var(--luzmo-font-size-s);--select-no-results-height:var(--select-button-block-size);--select-no-results-color:var(--select-font-color-disabled);--select-no-results-font-style:italic;--select-no-results-spacing-edge-to-text:var(--select-inline-edge-to-content)}:host([size=s]){--select-button-block-size:var(--luzmo-component-height-s);--select-font-size:var(--luzmo-font-size-s);--select-search-icon-height:var(--luzmo-font-size-s);--select-search-icon-width:var(--luzmo-font-size-s);--select-popover-max-width:280px;--select-popover-min-width:140px;--select-spacing-search-icon-to-text:var(--luzmo-spacing-3);--select-inline-edge-to-content:var(--luzmo-spacing-3);--select-spacing-text-to-icon:var(--luzmo-spacing-3);--select-spacing-text-to-icon-inline-end:var(--luzmo-spacing-3);--select-spacing-icon-to-disclosure-icon:var(--luzmo-spacing-3);--select-spacing-label-to-select-quiet:calc(-1 * var(--luzmo-spacing-3));--select-spacing-edge-to-disclosure-icon:var(--luzmo-spacing-3);--select-disclosure-icon-size:var(--luzmo-font-size-s)}:host([size=l]){--select-button-block-size:var(--luzmo-component-height-l);--select-font-size:var(--luzmo-font-size-l);--select-search-icon-height:var(--luzmo-font-size-l);--select-search-icon-width:var(--luzmo-font-size-l);--select-popover-max-width:360px;--select-popover-min-width:220px;--select-spacing-search-icon-to-text:var(--luzmo-spacing-4);--select-inline-edge-to-content:var(--luzmo-spacing-4);--select-spacing-text-to-icon:var(--luzmo-spacing-4);--select-spacing-text-to-icon-inline-end:var(--luzmo-spacing-4);--select-spacing-icon-to-disclosure-icon:var(--luzmo-spacing-4);--select-spacing-label-to-select-quiet:calc(-1 * var(--luzmo-spacing-4));--select-spacing-edge-to-disclosure-icon:var(--luzmo-spacing-4);--select-disclosure-icon-size:var(--luzmo-font-size)}:host([size=xl]){--select-button-block-size:var(--luzmo-component-height-xl);--select-font-size:var(--luzmo-font-size-xl);--select-search-icon-height:var(--luzmo-font-size-xl);--select-search-icon-width:var(--luzmo-font-size-xl);--select-popover-max-width:400px;--select-popover-min-width:260px;--select-spacing-search-icon-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--select-inline-edge-to-content:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--select-spacing-text-to-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--select-spacing-text-to-icon-inline-end:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--select-spacing-icon-to-disclosure-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--select-spacing-label-to-select-quiet:calc(-1 * var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--select-spacing-edge-to-disclosure-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--select-disclosure-icon-size:var(--luzmo-font-size-l)}:host([variant=highlight]) ::slotted(luzmo-option[selected]){--option-highlight-label-content-color:var(--luzmo-primary-inverse-color);--option-label-icon-color-default:var(--luzmo-primary-inverse-color);--menu-checkmark-display:var(--menu-checkmark-display-hidden);background-color:var(--luzmo-option-highlight-label-background-color,var(--option-highlight-label-background-color,var(--luzmo-border-color)));padding-inline-start:var(--luzmo-option-label-inline-edge-to-content,var(--option-label-inline-edge-to-content))}:host{vertical-align:top;max-inline-size:100%;inline-size:var(--luzmo-select-inline-size,var(--select-inline-size));min-inline-size:calc(var(--select-minimum-width-multiplier) * var(--luzmo-select-block-size,var(--select-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}.validation-icon{flex-shrink:0}luzmo-overlay{pointer-events:none}luzmo-options{pointer-events:initial}:host>#no-results,:host>luzmo-options{display:none}:host([focused]:not([quiet])) #button #label.placeholder{color:var(--select-placeholder-text-color-key-focus,var(--alias-placeholder-text-color-hover))}.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-select-background-color,var(--luzmo-select-background-color-default,var(--select-background-color-default)));border-color:var(--highcontrast-select-border-color-default,var(--luzmo-select-border-color-default,var(--select-border-color-default)));color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-default,var(--select-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-select-background-color,var(--luzmo-select-background-color-default,var(--select-background-color-default)));border-color:var(--highcontrast-select-border-color-default,var(--luzmo-select-border-color-default,var(--select-border-color-default)));color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-default,var(--select-font-color-default)))}`,h=()=>c.html`
+  <div class="disclosure-icon icon">
+    ${(0,u.luzmoIcon)(u.luzmoAngleDown,{className:`indicator`})}
+  </div>
+`,g=()=>c.html`
+  <div class="icon-container validation-icon icon">
+    ${(0,u.luzmoIcon)(u.luzmoAlert)}
+  </div>
+`,_=()=>c.html`
+  <div class="icon-container search-icon icon" id="search-icon">
+    ${(0,u.luzmoIcon)(u.luzmoSearch)}
+  </div>
+`,v=`select-option-menu`,y=class extends t.n(n.t,{noDefaultSize:!0}){static get styles(){return[(0,c.unsafeCSS)(m)]}get selfManageFocusElement(){return this._selfManageFocusElement}constructor(){super(),this.disabled=!1,this.focused=!1,this.variant=`checkmarks`,this.emphasized=!1,this.invalid=!1,this.search=`auto`,this.noWrap=!1,this.retrieving=!1,this.pending=!1,this.clearable=!1,this.hideDropdownIcon=!1,this.pendingLabel=`Pending`,this.searchLabel=`Search`,this.noResultsLabel=`No results`,this.noDataLabel=`No data`,this.multipleLabelTemplate=`Selected {count} items`,this.label=`Select`,this.open=!1,this.readonly=!1,this.placement=`bottom-end`,this.quiet=!1,this.value=[],this.options=[],this.selects=`multiple`,this.dependencyManager=new r.t(this),this.isMobile=new i.r(this,i.t),this.listRole=`listbox`,this.itemRole=`option`,this.hasRenderedOverlay=!1,this._selfManageFocusElement=!1,this.selectionPromise=Promise.resolve(),this.enterKeydownOn=null,this._selectedOptions=[],this.handleSlottableRequest=e=>{},this.renderAngleIcon=()=>h(),this.renderAlertIcon=()=>g(),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.clearValue=e=>{e.preventDefault(),e.stopPropagation(),this.value=[],this.strategy&&(this.strategy.preventNextToggle=`no`),this.open=!1,this.strategy&&(this.strategy.open=!1),this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,cancelable:!0,composed:!0,detail:{value:this.value??[]}}))},this.handleEscape=e=>{e.code===`Escape`&&this.open&&(e.stopPropagation(),e.preventDefault(),this.toggle(!1))},this.handleKeydown=e=>{let{code:t}=e;if(t===`Escape`){this.handleEscape(e);return}if([`Delete`,`Backspace`].includes(t)){this.clearValue(e);return}if(this.focused=!0,!(!t.startsWith(`Arrow`)||this.readonly||this.pending)){if(t===`ArrowUp`||t===`ArrowDown`){this.toggle(!0),e.preventDefault();return}if(e.preventDefault(),this.selects===`single`){let e=t===`ArrowRight`?1:-1,n=this.options.findIndex(e=>e?.value?.toString()===this.value?.[0]?.toString()),r=(this.options.length+n+e)%this.options.length,i=this.options.length;for(;(this.options?.[r]?.disabled||s.r(this.options?.[r]))&&i;)--i,r=(this.options.length+r+e)%this.options.length;let a=this.options[r];if(a?.disabled||s.r(a))return;this.value=[a.value??null],this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,cancelable:!0,composed:!0,detail:{value:this.value??[]}}))}}},this.pendingStateController=new a.t(this)}get focusElement(){return this.open?this.search===`on`||this.search===`auto`&&this.options?.length>20?this.searchInput: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){let t=e?.detail?.value??[];JSON.stringify(this.value)!==JSON.stringify(t)&&(this.value=t),this.strategy&&(this.strategy.preventNextToggle=`no`),e.stopPropagation(),(!e.cancelable||this.selects===`single`)&&(this.open=!1,this.strategy&&(this.strategy.open=!1)),e.preventDefault(),this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,cancelable:!0,composed:!0,detail:{value:this.value??[]}}))}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 o.t.desktop(this.button,this),this.strategy?.overlay&&(this.strategy.overlay.type=`auto`,this.strategy.overlay.placement=this.placement)}connectedCallback(){super.connectedCallback(),this.ensurePopoverDependency()}disconnectedCallback(){this.close(),this.strategy?.releaseDescription(),super.disconnectedCallback()}handleTooltipSlotchange(e){this.tooltipEl=e.target.assignedElements()[0]}get labelTemplate(){let e=this._selectedOptions?.length===1&&this._selectedOptions[0]?.icon,t=c.html`<div
+      id="icon"
+      ?hidden=${typeof this.icons==`string`||this.value?.length>1||!e}
+    >
+      ${e?(0,u.luzmoIcon)(this._selectedOptions[0].icon):c.nothing}
+    </div>`,n=e=>e.replaceAll(/{([^}]+)}/g,(e,t)=>t===`count`?String(this.value?.length):e),r={"visually-hidden":this.icons===`only`&&this.value?.length>0,placeholder:!this.value?.length,label:!0},i;i=this.value?.length?this.value.length===1?c.html`<span
+              >${this._selectedOptions?.[0]?.shortLabel??this._selectedOptions?.[0]?.label??this.value?.[0]}</span
+            >`:c.html`<span
+              >${n(this.multipleLabelTemplate)}</span
+            >`:c.html`
+        <slot name="label" id="label">
+          <span aria-hidden="true"> ${this.label} </span>
+        </slot>
+      `;let a=this.value?.length?c.html`
+          <div aria-hidden="true" class="visually-hidden" id="applied-label">
+            ${this.label}
+            <slot name="label"></slot>
+          </div>
+        `:c.html` <span hidden id="applied-label">${this.label}</span> `;return[c.html`
+        ${this.value?.length===1?t:c.nothing}
+        <div
+          id=${(0,d.ifDefined)(this.value?.length?`label`:void 0)}
+          class=${(0,f.classMap)(r)}
+        >
+          ${i}
+        </div>
+        ${a}
+        ${this.invalid&&!this.pending?c.html` ${this.renderAlertIcon()} `:c.nothing}
+        ${this.pendingStateController.renderPendingState()}
+        ${this.clearable&&!this.readonly&&this.value?.length>0?c.html`
+      <div class="icon-container clear-icon icon" @click=${this.clearValue}>
+        ${(0,u.luzmoIcon)(u.luzmoClose14)}
+      </div>
+    `:c.nothing}
+        ${this.readonly||this.hideDropdownIcon?c.nothing:this.renderAngleIcon()}
+        <slot
+          aria-hidden="true"
+          name="tooltip"
+          id="tooltip"
+          @slotchange=${this.handleTooltipSlotchange}
+        ></slot>
+      `]}update(e){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),super.update(e)}bindButtonKeydownListener(){this.button.addEventListener(`keydown`,this.handleKeydown)}willUpdate(e){let t=e.has(`open`),n=e.has(`value`),r=e.has(`options`),i=e.has(`selects`),a=e.get(`open`);i&&this.selects===`single`&&this.value?.length>1&&(console.warn(`luzmo-select is being set to a single value given the selects property changed to 'single'`),this.value=this.value.slice(0,1)),t&&a===!1&&this.open&&this.searchString&&(this.searchString=``),(n||r)&&this.setSelectedOptionsFromValue()}updated(e){super.updated(e);let t=e.has(`options`),n=e.has(`open`),r=e.has(`placement`);if(n&&(this.strategy.open=this.open,this.open===!1&&this.optionsMenu.scrollToTop()),t){let e=this.options?.length??0;for(let t of this.options??[])t.children?.length&&(e+=t.children.length);if(e>25){let e=(e,t=e.label)=>(t?.length??0)+(e.children?.length?0:e.shortcut?.length??0),t=this.options[0];for(let n of this.options)e(n)>e(t)&&(t=n);for(let n of this.options)if(n.children?.length)for(let r of n.children){let i=`${n.label} (${r.label})`;e(r,i)>e(t)&&(t={...r,label:i})}this._estimatePopoverWidth(t)}else this.style.removeProperty(`--select-popover-width`)}this.strategy?.overlay&&(this.strategy.overlay.type!==`auto`&&(this.strategy.overlay.type=`auto`),(r||this.strategy.overlay.type===`auto`)&&(this.strategy.overlay.placement=this.placement))}firstUpdated(e){super.firstUpdated(e),this.bindButtonKeydownListener(),this.bindEvents()}_getCssVarInPixels(e){let t=p(this,e),n;if(t.endsWith(`rem`)){let e=Number.parseFloat(getComputedStyle(document.documentElement).fontSize);n=Number.parseFloat(t)*e}else if(t.endsWith(`em`)){let e=Number.parseFloat(getComputedStyle(this).fontSize);n=Number.parseFloat(t)*e}else n=Number.parseFloat(t);return n>=0?n:void 0}_estimatePopoverWidth(e){let t=this._getCssVarInPixels(`--luzmo-select-font-size`)??this._getCssVarInPixels(`--select-font-size`),n=this._getCssVarInPixels(`--luzmo-select-popover-min-width`)??this._getCssVarInPixels(`--select-popover-min-width`),r=this._getCssVarInPixels(`--luzmo-spacing-5`),i=document.createElement(`luzmo-options`);i.style.setProperty(`--luzmo-select-font-size`,`${t}px`),i.options=[e],i.value=[e.value??null],i.variant=this.variant,i.size=this.size,i.style.position=`absolute`,i.style.left=`-9999px`,i.style.top=`-9999px`,i.style.opacity=`0`,i.style.width=`auto`,document.body.append(i),i.updateComplete.then(()=>{let e=i.offsetWidth+(r??0);return e>(n??0)?this.style.setProperty(`--select-popover-width`,`${e}px`):this.style.removeProperty(`--select-popover-width`),i.remove(),e}).catch(e=>{console.error(e),i.remove()})}get dismissHelper(){return c.html`
+      <div class="visually-hidden">
+        <button
+          tabindex="-1"
+          aria-label="Dismiss"
+          @click=${this.close}
+        ></button>
+      </div>
+    `}render(){return this.tooltipEl&&(this.tooltipEl.disabled=this.open),c.html`
+      <span
+        id="focus-helper"
+        tabindex=${this.focused||this.open?`-1`:`0`}
+        @focus=${this.handleHelperFocus}
+        aria-describedby=${v}
+      ></span>
+      <button
+        aria-controls=${(0,d.ifDefined)(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,d.ifDefined)(this.labelAlignment?`label-${this.labelAlignment}`:void 0)}
+        @blur=${this.handleButtonBlur}
+        @keydown=${{handleEvent:this.handleEnterKeydown,capture:!0}}
+        ?disabled=${this.disabled}
+        tabindex="-1"
+      >
+        ${this.labelTemplate}
+      </button>
+      ${this.renderMenu} ${this.renderDescriptionSlot}
+    `}get renderDescriptionSlot(){return c.html`
+      <div id=${v}>
+        <slot name="description"></slot>
+      </div>
+    `}setSelectedOptionsFromValue(){let e=[];for(let t of this.options){let n=t?.value;!t.children?.length&&this.value?.includes(n??null)&&e.push(t);for(let n of t.children??[]){let r=n?.value;this.value?.includes(r??null)&&e.push({...n,label:`${t.label} (${n.label})`})}}this._selectedOptions=e}renderSearchInput(){return c.html`
+      <div id="search-container">
+        <input
+          type="text"
+          id="search"
+          .placeholder=${this.searchLabel}
+          @input=${this.handleSearchInput}
+          @keydown=${this.handleSearchKeydown}
+          .value=${this.searchString??``}
+          .aria-label=${this.searchLabel}
+          autocomplete="off"
+          tabindex="0"
+          role="searchbox"
+        />
+        ${_()}
+      </div>
+    `}filterOptions(){let e=this.searchString?.toLowerCase()??``,t=this.options.filter(t=>s.r(t)?!0:!!(typeof t==`string`?t:t?.label)?.toString()?.toLowerCase()?.includes(e));if(!e)return t;let n=t.filter((e,n)=>{if(!s.r(e))return!0;for(let e of t.slice(n+1)){if(e?.header)return!1;if(!s.r(e))return!0}return!1});return n.filter((e,t)=>!e?.divider||t>0&&!n[t-1]?.divider)}get renderMenu(){let e=this.filterOptions(),t=e.some(e=>!s.r(e)),n=c.html`
+      <luzmo-options
+        .variant=${this.variant}
+        aria-labelledby="applied-label"
+        id="menu"
+        ?emphasized=${this.emphasized}
+        .selects=${this.selects??`multiple`}
+        .options=${e}
+        .value=${this.value}
+        .optionIconRenderer=${this.optionIconRenderer}
+        ?pending=${this.retrieving}
+        ?no-wrap=${this.noWrap}
+        @change=${this.handleChange}
+        @keydown=${{handleEvent:this.handleEnterKeydown,capture:!0}}
+        @luzmo-scrolled=${this.handleScrolled}
+        @luzmo-exceeded-top=${this.handleExceededTop}
+        role=${this.listRole}
+        size=${this.size}
+        tabindex="0"
+      >
+      </luzmo-options>
+      ${!t&&!this.retrieving&&!this.pending?c.html`<div id="no-results">
+              ${this.searchString?this.noResultsLabel:this.noDataLabel}
+            </div>`:c.nothing}
+    `;return this.hasRenderedOverlay=this.hasRenderedOverlay||this.focused||this.open,this.hasRenderedOverlay?(this.dependencyManager.loaded&&this.dependencyManager.add(`luzmo-overlay`),this.renderOverlay(n)):n}renderOverlay(e){return this.strategy?.overlay===void 0?e:((0,c.render)(this.renderContainer(e),this.strategy?.overlay,{host:this}),this.strategy?.overlay)}ensurePopoverDependency(){this._popoverDependencyRegistered||(this._popoverDependencyRegistered=!0,this.dependencyManager.add(`luzmo-popover`))}renderContainer(e){let t=this.search===`on`||this.searchString&&this.searchString?.length>0||this.search===`auto`&&this.options?.length>20,n=c.html`
+      ${t?this.renderSearchInput():c.nothing} ${this.dismissHelper} ${e} ${this.dismissHelper}
+    `;return c.html`
+      <luzmo-popover
+        class=${(0,d.ifDefined)(t?`search-on`:void 0)}
+        id="popover"
+        size=${this.size}
+        role="presentation"
+        placement=${this.placement}
+      >
+        ${n}
+      </luzmo-popover>
+    `}async getUpdateComplete(){let e=await super.getUpdateComplete();return await this.selectionPromise,this.overlayElement&&await this.overlayElement.updateComplete,e}handleScrolled(e){e.stopPropagation(),e.preventDefault(),this.dispatchEvent(new CustomEvent(`luzmo-scrolled`,{bubbles:!0,composed:!0,cancelable:!0,detail:{first:e?.detail?.first,last:e?.detail?.last}}))}handleExceededTop(e){e.preventDefault(),e.stopPropagation(),this.searchInput?this.searchInput.focus():this.toggle(!1)}handleSearchInput(e){let t=e.target.value;t!==this.searchString&&(this.searchString=t,this.dispatchEvent(new CustomEvent(`luzmo-search`,{bubbles:!0,composed:!0,cancelable:!0,detail:{string:this.searchString}})))}handleSearchKeydown(e){if(e.code===`Escape`){this.searchString?this.searchString=``:this.handleEscape(e);return}if(e.code===`ArrowDown`){this.optionsMenu.focus(),e.preventDefault(),e.stopPropagation();return}else if(e.code===`ArrowUp`){this.toggle(!1);return}}};e.t([(0,l.query)(`#button`)],y.prototype,`button`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,`disabled`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,`focused`,void 0),e.t([(0,l.property)({type:String,reflect:!0})],y.prototype,`icons`,void 0),e.t([(0,l.property)({type:String,reflect:!0})],y.prototype,`variant`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,`emphasized`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,`invalid`,void 0),e.t([(0,l.property)({type:String,reflect:!0})],y.prototype,`search`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0,attribute:`no-wrap`})],y.prototype,`noWrap`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,`retrieving`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,`pending`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,`clearable`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0,attribute:`hide-dropdown-icon`})],y.prototype,`hideDropdownIcon`,void 0),e.t([(0,l.property)({type:String,attribute:`pending-label`})],y.prototype,`pendingLabel`,void 0),e.t([(0,l.property)({type:String,attribute:`search-label`})],y.prototype,`searchLabel`,void 0),e.t([(0,l.property)({type:String,attribute:`no-results-label`})],y.prototype,`noResultsLabel`,void 0),e.t([(0,l.property)({type:String,attribute:`no-data-label`})],y.prototype,`noDataLabel`,void 0),e.t([(0,l.property)({type:String,attribute:`multiple-label-template`,reflect:!0})],y.prototype,`multipleLabelTemplate`,void 0),e.t([(0,l.property)({type:String,reflect:!0})],y.prototype,`label`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,`open`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,`readonly`,void 0),e.t([(0,l.state)()],y.prototype,`labelAlignment`,void 0),e.t([(0,l.state)()],y.prototype,`displayLabelContent`,void 0),e.t([(0,l.state)()],y.prototype,`searchString`,void 0),e.t([(0,l.query)(`luzmo-options`)],y.prototype,`optionsMenu`,void 0),e.t([(0,l.query)(`#search`)],y.prototype,`searchInput`,void 0),e.t([(0,l.query)(`luzmo-overlay`)],y.prototype,`overlayElement`,void 0),e.t([(0,l.property)({type:String,reflect:!0})],y.prototype,`placement`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],y.prototype,`quiet`,void 0),e.t([(0,l.property)({type:Array,hasChanged(e,t){return JSON.stringify(e??[])!==JSON.stringify(t??[])},converter:{fromAttribute:e=>{if(!e||e===``)return[];try{return JSON.parse(e)}catch{return[]}},toAttribute:e=>JSON.stringify(e)}})],y.prototype,`value`,void 0),e.t([(0,l.property)({type:Array,hasChanged(e,t){return JSON.stringify(e??[])!==JSON.stringify(t??[])}})],y.prototype,`options`,void 0),e.t([(0,l.property)({attribute:!1})],y.prototype,`optionIconRenderer`,void 0),e.t([(0,l.property)({type:String,reflect:!0})],y.prototype,`selects`,void 0),customElements.get(`luzmo-select`)||customElements.define(`luzmo-select`,y),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return y}});

package/components/status-light/index.cjs

@@ -15,4 +15,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../status-light-D3hdx8Pd.cjs");exports.LuzmoStatusLight=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../status-light-COApWq-B.cjs");exports.LuzmoStatusLight=e.t;

package/components/status-light/index.js

@@ -16,5 +16,5 @@
  * SOFTWARE.
  * */
 import "../tokens.js";
-import { t as e } from "../status-light-DwUnjE3t.js";
+import { t as e } from "../status-light-B1T3aGJs.js";
 export { e as LuzmoStatusLight };

package/components/{status-light-DwUnjE3t.js → status-light-B1T3aGJs.js}

@@ -22,7 +22,7 @@ import { n as r } from "./language-resolution-BaKYDD1a.js";
 import { html as i, unsafeCSS as a } from "lit";
 import { property as o } from "lit/decorators.js";
 //#region src/components/status-light/status-light.module.scss?inline
-var s = ":host{font-family:var(--luzmo-status-light-font-family,var(--luzmo-font-family));color:var(--highcontrast-status-light-content-color,var(--luzmo-status-light-content-color,var(--status-light-content-color)));min-block-size:var(--luzmo-status-light-height,var(--status-light-height));box-sizing:border-box;vertical-align:bottom;-webkit-user-select:none;user-select:none;align-items:center;gap:var(--luzmo-status-light-gap,var(--status-light-gap));outline:none;display:inline-flex;position:relative}.dot{block-size:var(--luzmo-status-light-dot-size,var(--status-light-dot-size));inline-size:var(--luzmo-status-light-dot-size,var(--status-light-dot-size));background-color:var(--highcontrast-status-light-dot-color,var(--luzmo-status-light-dot-color,var(--status-light-dot-color)));border-radius:50%;flex-shrink:0}.label{box-sizing:border-box;line-height:1;font-weight:var(--luzmo-status-light-font-weight,var(--status-light-font-weight));font-size:var(--luzmo-status-light-font-size,var(--status-light-font-size));cursor:default;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}:host([data-luzmo-language-script=Latn]) .label{text-box:trim-both cap alphabetic;margin-block:-.35em;padding-block:.35em}:host([disabled]){opacity:var(--luzmo-status-light-disabled-opacity,.4);pointer-events:none;cursor:default}@media (forced-colors:active){:host{--highcontrast-status-light-content-color:ButtonText;forced-color-adjust:none}.dot{--highcontrast-status-light-dot-color:Highlight}:host([disabled]){--highcontrast-status-light-content-color:GrayText}:host([disabled]) .dot{--highcontrast-status-light-dot-color:GrayText}}:host{--status-light-content-color:var(--luzmo-font-color);--status-light-font-weight:var(--luzmo-font-weight);--status-light-dot-color:var(--luzmo-border-color-full)}:host([size=xs]){--status-light-height:var(--luzmo-component-height-xxs);--status-light-font-size:var(--luzmo-font-size-xs);--status-light-dot-size:6px;--status-light-gap:var(--luzmo-spacing-3)}:host([size=s]){--status-light-height:var(--luzmo-component-height-xs);--status-light-font-size:var(--luzmo-font-size-s);--status-light-dot-size:8px;--status-light-gap:var(--luzmo-spacing-3)}:host{--status-light-height:var(--luzmo-component-height-s);--status-light-font-size:var(--luzmo-font-size);--status-light-dot-size:10px;--status-light-gap:var(--luzmo-spacing-3)}:host([size=l]){--status-light-height:var(--luzmo-component-height);--status-light-font-size:var(--luzmo-font-size);--status-light-dot-size:12px;--status-light-gap:var(--luzmo-spacing-4)}:host([size=xl]){--status-light-height:var(--luzmo-component-height-l);--status-light-font-size:var(--luzmo-font-size-l);--status-light-dot-size:14px;--status-light-gap:var(--luzmo-spacing-4)}:host([variant=neutral]){--status-light-dot-color:var(--luzmo-selected-color-hard)}:host([variant=informative]){--status-light-dot-color:var(--luzmo-informative-color)}:host([variant=positive]){--status-light-dot-color:var(--luzmo-positive-color)}:host([variant=negative]){--status-light-dot-color:var(--luzmo-negative-color)}:host([variant=notice]){--status-light-dot-color:var(--luzmo-notice-color)}:host([variant=seafoam]){--status-light-dot-color:var(--luzmo-seafoam-color)}:host([variant=indigo]){--status-light-dot-color:var(--luzmo-indigo-color)}:host([variant=purple]){--status-light-dot-color:var(--luzmo-purple-color)}:host([variant=fuchsia]){--status-light-dot-color:var(--luzmo-fuchsia-color)}:host([variant=magenta]){--status-light-dot-color:var(--luzmo-magenta-color)}:host([variant=yellow]){--status-light-dot-color:var(--luzmo-yellow-color)}:host([variant=gray]){--status-light-dot-color:var(--luzmo-gray-color)}:host([variant=red]){--status-light-dot-color:var(--luzmo-red-color)}:host([variant=orange]){--status-light-dot-color:var(--luzmo-orange-color)}:host([variant=chartreuse]){--status-light-dot-color:var(--luzmo-chartreuse-color)}:host([variant=celery]){--status-light-dot-color:var(--luzmo-celery-color)}:host([variant=green]){--status-light-dot-color:var(--luzmo-green-color)}:host([variant=cyan]){--status-light-dot-color:var(--luzmo-cyan-color)}:host([variant=blue]){--status-light-dot-color:var(--luzmo-blue-color)}", c = [
+var s = ":host{font-family:var(--luzmo-status-light-font-family,var(--luzmo-font-family));color:var(--highcontrast-status-light-content-color,var(--luzmo-status-light-content-color,var(--status-light-content-color)));min-block-size:var(--luzmo-status-light-height,var(--status-light-height));box-sizing:border-box;vertical-align:bottom;-webkit-user-select:none;user-select:none;align-items:center;gap:var(--luzmo-status-light-gap,var(--status-light-gap));outline:none;display:inline-flex;position:relative}.dot{block-size:var(--luzmo-status-light-dot-size,var(--status-light-dot-size));inline-size:var(--luzmo-status-light-dot-size,var(--status-light-dot-size));background-color:var(--highcontrast-status-light-dot-color,var(--luzmo-status-light-dot-color,var(--status-light-dot-color)));border-radius:50%;flex-shrink:0}.label{box-sizing:border-box;line-height:1;font-weight:var(--luzmo-status-light-font-weight,var(--status-light-font-weight));font-size:var(--luzmo-status-light-font-size,var(--status-light-font-size));cursor:default;white-space:nowrap;text-overflow:ellipsis;display:block;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(*){margin-block:-.35em;padding-block:.35em}:host([disabled]){opacity:var(--luzmo-status-light-disabled-opacity,.4);pointer-events:none;cursor:default}@media (forced-colors:active){:host{--highcontrast-status-light-content-color:ButtonText;forced-color-adjust:none}.dot{--highcontrast-status-light-dot-color:Highlight}:host([disabled]){--highcontrast-status-light-content-color:GrayText}:host([disabled]) .dot{--highcontrast-status-light-dot-color:GrayText}}:host{--status-light-content-color:var(--luzmo-font-color);--status-light-font-weight:var(--luzmo-font-weight);--status-light-dot-color:var(--luzmo-border-color-full)}:host([size=xs]){--status-light-height:var(--luzmo-component-height-xxs);--status-light-font-size:var(--luzmo-font-size-xs);--status-light-dot-size:6px;--status-light-gap:var(--luzmo-spacing-3)}:host([size=s]){--status-light-height:var(--luzmo-component-height-xs);--status-light-font-size:var(--luzmo-font-size-s);--status-light-dot-size:8px;--status-light-gap:var(--luzmo-spacing-3)}:host{--status-light-height:var(--luzmo-component-height-s);--status-light-font-size:var(--luzmo-font-size);--status-light-dot-size:10px;--status-light-gap:var(--luzmo-spacing-3)}:host([size=l]){--status-light-height:var(--luzmo-component-height);--status-light-font-size:var(--luzmo-font-size);--status-light-dot-size:12px;--status-light-gap:var(--luzmo-spacing-4)}:host([size=xl]){--status-light-height:var(--luzmo-component-height-l);--status-light-font-size:var(--luzmo-font-size-l);--status-light-dot-size:14px;--status-light-gap:var(--luzmo-spacing-4)}:host([variant=neutral]){--status-light-dot-color:var(--luzmo-selected-color-hard)}:host([variant=informative]){--status-light-dot-color:var(--luzmo-informative-color)}:host([variant=positive]){--status-light-dot-color:var(--luzmo-positive-color)}:host([variant=negative]){--status-light-dot-color:var(--luzmo-negative-color)}:host([variant=notice]){--status-light-dot-color:var(--luzmo-notice-color)}:host([variant=seafoam]){--status-light-dot-color:var(--luzmo-seafoam-color)}:host([variant=indigo]){--status-light-dot-color:var(--luzmo-indigo-color)}:host([variant=purple]){--status-light-dot-color:var(--luzmo-purple-color)}:host([variant=fuchsia]){--status-light-dot-color:var(--luzmo-fuchsia-color)}:host([variant=magenta]){--status-light-dot-color:var(--luzmo-magenta-color)}:host([variant=yellow]){--status-light-dot-color:var(--luzmo-yellow-color)}:host([variant=gray]){--status-light-dot-color:var(--luzmo-gray-color)}:host([variant=red]){--status-light-dot-color:var(--luzmo-red-color)}:host([variant=orange]){--status-light-dot-color:var(--luzmo-orange-color)}:host([variant=chartreuse]){--status-light-dot-color:var(--luzmo-chartreuse-color)}:host([variant=celery]){--status-light-dot-color:var(--luzmo-celery-color)}:host([variant=green]){--status-light-dot-color:var(--luzmo-green-color)}:host([variant=cyan]){--status-light-dot-color:var(--luzmo-cyan-color)}:host([variant=blue]){--status-light-dot-color:var(--luzmo-blue-color)}", c = [
 	"neutral",
 	"informative",
 	"positive",

package/components/status-light-COApWq-B.cjs

@@ -0,0 +1,21 @@
+/*! * 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.
+ * */
+require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./language-resolution-CSjktYg5.cjs");let r=require("lit"),i=require("lit/decorators.js");var a=`:host{font-family:var(--luzmo-status-light-font-family,var(--luzmo-font-family));color:var(--highcontrast-status-light-content-color,var(--luzmo-status-light-content-color,var(--status-light-content-color)));min-block-size:var(--luzmo-status-light-height,var(--status-light-height));box-sizing:border-box;vertical-align:bottom;-webkit-user-select:none;user-select:none;align-items:center;gap:var(--luzmo-status-light-gap,var(--status-light-gap));outline:none;display:inline-flex;position:relative}.dot{block-size:var(--luzmo-status-light-dot-size,var(--status-light-dot-size));inline-size:var(--luzmo-status-light-dot-size,var(--status-light-dot-size));background-color:var(--highcontrast-status-light-dot-color,var(--luzmo-status-light-dot-color,var(--status-light-dot-color)));border-radius:50%;flex-shrink:0}.label{box-sizing:border-box;line-height:1;font-weight:var(--luzmo-status-light-font-weight,var(--status-light-font-weight));font-size:var(--luzmo-status-light-font-size,var(--status-light-font-size));cursor:default;white-space:nowrap;text-overflow:ellipsis;display:block;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(*){margin-block:-.35em;padding-block:.35em}:host([disabled]){opacity:var(--luzmo-status-light-disabled-opacity,.4);pointer-events:none;cursor:default}@media (forced-colors:active){:host{--highcontrast-status-light-content-color:ButtonText;forced-color-adjust:none}.dot{--highcontrast-status-light-dot-color:Highlight}:host([disabled]){--highcontrast-status-light-content-color:GrayText}:host([disabled]) .dot{--highcontrast-status-light-dot-color:GrayText}}:host{--status-light-content-color:var(--luzmo-font-color);--status-light-font-weight:var(--luzmo-font-weight);--status-light-dot-color:var(--luzmo-border-color-full)}:host([size=xs]){--status-light-height:var(--luzmo-component-height-xxs);--status-light-font-size:var(--luzmo-font-size-xs);--status-light-dot-size:6px;--status-light-gap:var(--luzmo-spacing-3)}:host([size=s]){--status-light-height:var(--luzmo-component-height-xs);--status-light-font-size:var(--luzmo-font-size-s);--status-light-dot-size:8px;--status-light-gap:var(--luzmo-spacing-3)}:host{--status-light-height:var(--luzmo-component-height-s);--status-light-font-size:var(--luzmo-font-size);--status-light-dot-size:10px;--status-light-gap:var(--luzmo-spacing-3)}:host([size=l]){--status-light-height:var(--luzmo-component-height);--status-light-font-size:var(--luzmo-font-size);--status-light-dot-size:12px;--status-light-gap:var(--luzmo-spacing-4)}:host([size=xl]){--status-light-height:var(--luzmo-component-height-l);--status-light-font-size:var(--luzmo-font-size-l);--status-light-dot-size:14px;--status-light-gap:var(--luzmo-spacing-4)}:host([variant=neutral]){--status-light-dot-color:var(--luzmo-selected-color-hard)}:host([variant=informative]){--status-light-dot-color:var(--luzmo-informative-color)}:host([variant=positive]){--status-light-dot-color:var(--luzmo-positive-color)}:host([variant=negative]){--status-light-dot-color:var(--luzmo-negative-color)}:host([variant=notice]){--status-light-dot-color:var(--luzmo-notice-color)}:host([variant=seafoam]){--status-light-dot-color:var(--luzmo-seafoam-color)}:host([variant=indigo]){--status-light-dot-color:var(--luzmo-indigo-color)}:host([variant=purple]){--status-light-dot-color:var(--luzmo-purple-color)}:host([variant=fuchsia]){--status-light-dot-color:var(--luzmo-fuchsia-color)}:host([variant=magenta]){--status-light-dot-color:var(--luzmo-magenta-color)}:host([variant=yellow]){--status-light-dot-color:var(--luzmo-yellow-color)}:host([variant=gray]){--status-light-dot-color:var(--luzmo-gray-color)}:host([variant=red]){--status-light-dot-color:var(--luzmo-red-color)}:host([variant=orange]){--status-light-dot-color:var(--luzmo-orange-color)}:host([variant=chartreuse]){--status-light-dot-color:var(--luzmo-chartreuse-color)}:host([variant=celery]){--status-light-dot-color:var(--luzmo-celery-color)}:host([variant=green]){--status-light-dot-color:var(--luzmo-green-color)}:host([variant=cyan]){--status-light-dot-color:var(--luzmo-cyan-color)}:host([variant=blue]){--status-light-dot-color:var(--luzmo-blue-color)}`,o=[`neutral`,`informative`,`positive`,`negative`,`notice`,`seafoam`,`indigo`,`purple`,`fuchsia`,`magenta`,`yellow`,`gray`,`red`,`orange`,`chartreuse`,`celery`,`green`,`cyan`,`blue`],s=class extends t.n(e.n,{validSizes:[`xs`,`s`,`m`,`l`,`xl`],noDefaultSize:!0}){constructor(...e){super(...e),this._languageScript=new n.n(this),this._variant=`neutral`,this.disabled=!1}static get styles(){return[(0,r.unsafeCSS)(a)]}get variant(){return this._variant}set variant(e){e!==this._variant&&(o.includes(e)?(this._variant=e,this.setAttribute(`variant`,e)):(this._variant=`neutral`,this.setAttribute(`variant`,`neutral`)))}render(){return r.html`
+      <span class="dot"></span>
+      <span class="label"><slot></slot></span>
+    `}updated(e){super.updated(e),e.has(`disabled`)&&(this.disabled?this.setAttribute(`aria-disabled`,`true`):this.removeAttribute(`aria-disabled`))}firstUpdated(e){super.firstUpdated(e),this.hasAttribute(`role`)||this.setAttribute(`role`,`status`),this.hasAttribute(`variant`)||this.setAttribute(`variant`,this.variant)}};e.t([(0,i.property)({reflect:!0})],s.prototype,`variant`,null),e.t([(0,i.property)({type:Boolean,reflect:!0})],s.prototype,`disabled`,void 0),customElements.get(`luzmo-status-light`)||customElements.define(`luzmo-status-light`,s),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/components/strategies-Bb7zEjrU.cjs

@@ -0,0 +1,18 @@
+/*! * 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("./platform-BAjeJp2W.cjs");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}Promise.resolve().then(()=>require("./overlay/index.cjs")).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.u()&&this.target.classList.add(n))}handleFocusOut(){this.host.open||e.u()&&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}}};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});

package/components/{strategies-Cl59wdNZ.js → strategies-COS7mShJ.js}

@@ -16,23 +16,10 @@
  * SOFTWARE.
  * */
 import { u as e } from "./platform-Ce9pNsR9.js";
-//#region src/utils/reactive-controllers/match-media.ts
-var t = "(max-width: 743px) and (hover: none) and (pointer: coarse)", n = "(hover: none) and (pointer: coarse)", r = class {
-	constructor(e, t) {
-		this.key = Symbol("match-media-key"), this.matches = !1, this.host = e, this.host.addController(this), typeof window > "u" ? this.matches = !1 : (this.media = window.matchMedia(t), this.matches = this.media.matches), this.onChange = this.onChange.bind(this), e.addController(this);
-	}
-	hostConnected() {
-		this.media?.addEventListener("change", this.onChange);
-	}
-	hostDisconnected() {
-		this.media?.removeEventListener("change", this.onChange);
-	}
-	onChange(e) {
-		this.matches !== e.matches && (this.matches = e.matches, this.host.requestUpdate(this.key, !this.matches));
-	}
-}, i = /* @__PURE__ */ function(e) {
+//#region src/utils/button-interaction-controllers/interaction-controller.ts
+var t = /* @__PURE__ */ function(e) {
 	return e[e.desktop = 0] = "desktop", e[e.mobile = 1] = "mobile", e;
-}({}), a = "remove-focus-ring-safari-hack", o = class {
+}({}), n = "remove-focus-ring-safari-hack", r = class {
 	get activelyOpening() {
 		return !1;
 	}
@@ -87,10 +74,10 @@ var t = "(max-width: 743px) and (hover: none) and (pointer: coarse)", n = "(hove
 	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);
 	}
-}, s = {
-	desktop: class extends o {
+}, i = {
+	desktop: class extends r {
 		constructor(...e) {
-			super(...e), this.type = i.desktop;
+			super(...e), this.type = t.desktop;
 		}
 		handlePointerdown(e) {
 			if (e.target.closest(".clear-icon") || e.button !== 0 || e.pointerType === "touch") return;
@@ -114,18 +101,18 @@ var t = "(max-width: 743px) and (hover: none) and (pointer: coarse)", n = "(hove
 			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 o {
+	mobile: class extends r {
 		constructor(...e) {
-			super(...e), this.type = i.mobile;
+			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(a));
+			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(a);
+			this.host.open || e() && this.target.classList.contains("remove-focus-ring-safari-hack") && this.target.classList.remove(n);
 		}
 		init() {
 			if (this.listenersBound) return;
@@ -136,4 +123,4 @@ var t = "(max-width: 743px) and (hover: none) and (pointer: coarse)", n = "(hove
 	}
 };
 //#endregion
-export { r as i, t as n, n as r, s as t };
+export { i as t };

package/components/table/controllers/table-announcer.d.ts

@@ -0,0 +1,12 @@
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+/**
+ * Announces sort changes through one polite live region shared by every
+ * table. A grid may only own rows, so the region cannot live in the table's
+ * own tree; it sits on `document.body` while any table is connected.
+ */
+export declare class TableAnnouncerController implements ReactiveController {
+    constructor(host: ReactiveControllerHost);
+    announce(message: string): void;
+    hostConnected(): void;
+    hostDisconnected(): void;
+}

package/components/table/controllers/table-column-resize.d.ts

@@ -0,0 +1,41 @@
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+import { TableColumnLayout } from '../table-columns';
+import type { LuzmoTableHeadCell } from '../table-head-cell';
+import { TableLabels } from '../types';
+export interface TableColumnResizeHost extends ReactiveControllerHost, HTMLElement {
+    columnWidths: Record<string, number>;
+}
+export interface TableColumnResizeOptions {
+    owns: (event: Event) => boolean;
+    isLTR: () => boolean;
+    language: () => string;
+    labels: () => TableLabels;
+    selectAllLabel: () => string | undefined;
+    layouts: () => TableColumnLayout[];
+    headCells: () => LuzmoTableHeadCell[];
+    announce: (message: string) => void;
+}
+export declare const resizeHandleFromPath: (path: EventTarget[]) => HTMLElement | undefined;
+/**
+ * Pointer and keyboard column resizing. Drag state, the localized width
+ * announcement, and the committed `luzmo-column-resized` event live here.
+ */
+export declare class TableColumnResizeController implements ReactiveController {
+    private readonly host;
+    private readonly options;
+    private drag?;
+    private widthFormatter;
+    private formatterLanguage;
+    constructor(host: TableColumnResizeHost, options: TableColumnResizeOptions);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    /** Resizes when the event path contains a column separator. */
+    handleKeydown(event: KeyboardEvent): void;
+    private handlePointerDown;
+    private handlePointerMove;
+    private handlePointerUp;
+    private resizeColumn;
+    private setColumnWidth;
+    private formatWidth;
+    private cellFromPath;
+}

package/components/table/controllers/table-grid-navigation.d.ts

@@ -0,0 +1,28 @@
+import type { ReactiveElement } from 'lit';
+import type { FocusGroupConfig } from '../../../utils/reactive-controllers/focus-group';
+import { RovingTabindexController } from '../../../utils/reactive-controllers/roving-tabindex';
+export type TableGridNavigationConfig = FocusGroupConfig<HTMLElement> & {
+    rows: () => HTMLElement[][];
+    isLTR: () => boolean;
+};
+/**
+ * One roving tab stop for the body grid. Arrow, Home, and End movement lives
+ * here because the shared focus group treats Home and End as list wrap-arounds
+ * and cannot clamp ragged rows. Header cells and resize separators stay
+ * outside this group; each is its own tab stop.
+ */
+export declare class TableGridNavigationController extends RovingTabindexController<HTMLElement> {
+    private readonly rows;
+    private readonly isLTR;
+    constructor(host: ReactiveElement, { rows, isLTR, ...config }: TableGridNavigationConfig);
+    acceptsEventCode(code: string): boolean;
+    handleFocusout: (event: FocusEvent) => void;
+    handleKeydown: (event: KeyboardEvent) => void;
+    focusElement(element: HTMLElement, options?: FocusOptions): void;
+    private owns;
+    private cellFromPath;
+    private activeGridCell;
+    private navigationTarget;
+    private columnKey;
+    private cellForKey;
+}

package/components/table/controllers/table-layout.d.ts

@@ -0,0 +1,55 @@
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+import type { ElementSize } from '../../../utils/sized-mixin';
+import { TableColumnLayout } from '../table-columns';
+import type { LuzmoTableHeadCell } from '../table-head-cell';
+import { TableModel } from '../table-model';
+import { TableColumn, TableItem, TableLabels, TableRenderDetails, TableSelects } from '../types';
+export interface TableLayoutHost extends ReactiveControllerHost, HTMLElement {
+    columns: TableColumn[];
+    columnWidths: Record<string, number>;
+    items?: TableItem[];
+    renderDetails?: TableRenderDetails;
+    selects?: TableSelects;
+    emphasized: boolean;
+    size: ElementSize;
+    labels: TableLabels;
+    selectAllLabel?: string;
+}
+export interface TableLayoutOptions {
+    model: TableModel;
+    owns: (event: Event) => boolean;
+}
+/**
+ * Column tracks and the header/body presentation pass. Subscribes to body
+ * scroll so the header stays aligned, and tears that listener down on
+ * disconnect.
+ */
+export declare class TableLayoutController implements ReactiveController {
+    private readonly host;
+    private readonly options;
+    private bodyObserver?;
+    private observedBody?;
+    constructor(host: TableLayoutHost, options: TableLayoutOptions);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    hostUpdated(): void;
+    hasExpansion(): boolean;
+    layouts(): TableColumnLayout[];
+    headCells(): LuzmoTableHeadCell[];
+    applyGridMetrics(): void;
+    syncPresentation(): void;
+    syncHeadTabStops(): void;
+    private handleBodyScroll;
+    private syncHead;
+    private watchBodyScrollbar;
+    private syncHeadScroll;
+    private syncColumns;
+    private syncDeclarativeRows;
+    private syncGridColumns;
+    private isDataMode;
+    private slottedHead;
+    private head;
+    private body;
+    private declarativeRows;
+    private rows;
+}

package/components/table/controllers/table-row-expansion.d.ts

@@ -0,0 +1,45 @@
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+import type { LuzmoTableRowDetails } from '../table-row-details';
+import type { LuzmoTableRow } from '../table-row';
+import { TableLabels } from '../types';
+export declare const tableDetailsClosingSymbol: unique symbol;
+type ExpansionUpdateHost = ReactiveControllerHost & {
+    requestUpdate(name?: PropertyKey, oldValue?: unknown): void;
+};
+export interface TableRowExpansionHost extends ExpansionUpdateHost, HTMLElement {
+    expanded: string[];
+    labels: TableLabels;
+    selectAllLabel?: string;
+    items?: readonly unknown[];
+}
+export interface TableRowExpansionOptions {
+    owns: (event: Event) => boolean;
+    focusDisclosure: (element: HTMLElement) => void;
+}
+export declare const detailsForRow: (row: HTMLElement) => LuzmoTableRowDetails | null;
+/**
+ * Row details open and close. Owns the closing-animation set, the cancelable
+ * toggle event, and the collapsed-event subscription.
+ */
+export declare class TableRowExpansionController implements ReactiveController {
+    private readonly host;
+    private readonly options;
+    private closingDetails;
+    constructor(host: TableRowExpansionHost, options: TableRowExpansionOptions);
+    get closing(): ReadonlySet<string>;
+    hostConnected(): void;
+    hostDisconnected(): void;
+    /** Drops in-progress closing rows when the table changes mode. */
+    clear(): void;
+    toggle(row: LuzmoTableRow): void;
+    collapseFromPath(path: EventTarget[]): void;
+    private handleDetailsCollapsed;
+    private setClosing;
+    private dispatchToggle;
+    private expandLabel;
+    private rowByValue;
+    private isDataMode;
+    private declarativeRows;
+    private rows;
+}
+export {};