@luzmo/analytics-components-kit 1.0.1-alpha.31 → 1.0.1-alpha.33

package/components/index-CTHlwZ9E.cjs

@@ -0,0 +1,274 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+"use strict";const F=require("./observe-slot-text-BPfIQQtz-DHOh38Ve.cjs"),r=require("./base-D76d76ww-tT6yr8eb.cjs"),_=require("./if-defined-DOaE2coe-Cvlu5s9n.cjs"),K=require("./focusable-BxtpnzWp-CkK9AeMt.cjs"),io=require("./observe-slot-presence-CmVi0zTc-B4M1Mze7.cjs"),ro=require("./element-resolution-FCUT-wql-DSTvdyds.cjs"),y=require("./luzmo-icons-DbwDQtuO-DSQ-uVxy.cjs"),b=require("./directive-helpers-Cm6gitnu-BeggOiwf.cjs"),no=require("./async-directive-BfcqVjDp-C8C45jl6.cjs");require("./index-BKwbYw6x.cjs");const so=require("./divider.module-DoQWQEIJ-Bg8RrFkc.cjs"),I=require("./pending-state-DTX7ggyF-BQGaWUEI.cjs"),ao=require("./index-BtIWR_s6.cjs");require("./index-DSQyBS9Z.cjs");require("./index-DF-s3cEL.cjs");require("./index-BoXbQm2o.cjs");/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */const co=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const s=document.createElement("style");s.setAttribute("data-luzmo-vars",""),s.textContent='html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1a77e9;--luzmo-informative-color-rgb: 26, 119, 233;--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}',document.head.appendChild(s)}};co();/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */let M;function uo(s){return(o,e)=>r.o(o,e,{get(){return(this.renderRoot??M??(M=document.createDocumentFragment())).querySelectorAll(s)}})}const ho='#icon{grid-area:iconArea;align-self:start;height:var(--luzmo-option-icon-container-height, var(--option-icon-container-height));display:flex;align-items:center;justify-content:center;color:var(--highcontrast-option-color-default, var(--luzmo-option-label-icon-color-default, var(--option-label-icon-color-default)))}::slotted([slot=icon]){fill:var(--highcontrast-option-color-default, var(--luzmo-option-label-icon-color-default, var(--option-label-icon-color-default)));margin-inline-end:var(--luzmo-option-label-text-to-visual, var(--option-label-text-to-visual));block-size:var(--luzmo-option-icon-size, var(--option-icon-height));inline-size:var(--luzmo-option-icon-width, var(--option-icon-height));font-size:var(--luzmo-option-icon-size, var(--option-icon-height));text-align:center;--luzmo-icon-vertical-align: 0}:host{cursor:pointer;box-sizing:border-box;background-color:var(--highcontrast-option-background-color-default, var(--luzmo-option-background-color-default, var(--option-background-color-default)));line-height:var(--luzmo-option-label-line-height, var(--option-label-line-height));min-block-size:var(--luzmo-option-min-height, var(--option-min-height));padding-block-start:var(--luzmo-option-top-edge-to-text, var(--option-top-edge-to-text));padding-block-end:var(--luzmo-option-bottom-edge-to-text, var(--option-bottom-edge-to-text));padding-inline:var(--luzmo-option-label-inline-edge-to-content, var(--option-label-inline-edge-to-content));grid-template:". . headingIconArea sectionHeadingArea . ." "selectedArea checkArea iconArea labelArea valueArea actionsArea" 1fr ". . . descriptionArea . ." ". . . . . ."/auto auto auto 1fr auto auto;justify-content:start;margin:0;-webkit-text-decoration:none;text-decoration:none;display:grid;outline:none;align-items:center;position:relative;flex-shrink:0}:host:focus-visible{outline:none}#label{grid-area:submenuItemLabelArea}.checkmark,.checkbox{opacity:1;grid-area:checkArea;align-self:start;display:block}.checkmark{font-size:var(--luzmo-option-checkmark-size, var(--option-checkmark-size));fill:var(--highcontrast-options-checkmark-icon-color-default, var(--luzmo-options-checkmark-icon-color-default, var(--options-checkmark-icon-color-default)));color:var(--highcontrast-options-checkmark-icon-color-default, var(--luzmo-options-checkmark-icon-color-default, var(--options-checkmark-icon-color-default)));margin-block-start:calc(var(--luzmo-option-top-to-checkmark, var(--option-top-to-checkmark)) - var(--luzmo-option-top-edge-to-text, var(--option-top-edge-to-text)));margin-inline-end:var(--luzmo-option-text-to-control, var(--option-label-text-to-control))}.checkbox{font-size:var(--luzmo-option-checkbox-size, var(--option-checkbox-size));fill:var(--highcontrast-options-checkbox-icon-color-default, var(--luzmo-options-checkbox-icon-color-default, var(--options-checkbox-icon-color-default)));color:var(--highcontrast-options-checkbox-icon-color-default, var(--luzmo-options-checkbox-icon-color-default, var(--options-checkbox-icon-color-default)));margin-block-start:calc(var(--luzmo-option-top-to-checkbox, var(--option-top-to-checkbox)) - var(--luzmo-option-top-edge-to-text, var(--option-top-edge-to-text)));margin-inline-end:var(--luzmo-option-text-to-control, var(--option-label-text-to-control))}::slotted([slot=value]){grid-area:submenuItemValueArea}:host([focused]){background-color:var(--highcontrast-option-background-color-focus, var(--luzmo-option-background-color-key-focus, var(--option-background-color-key-focus)));outline:none}:host([focused])>#label,:host(:focus)>#label{color:var(--highcontrast-option-color-focus, var(--luzmo-option-label-content-color-focus, var(--option-label-content-color-focus)))}:host([focused])>[name=description]::slotted(*),:host(:focus)>[name=description]::slotted(*){color:var(--highcontrast-option-color-focus, var(--luzmo-option-description-color-focus, var(--option-description-color-focus)))}:host([focused])>::slotted([slot=value]),:host(:focus)>::slotted([slot=value]){color:var(--highcontrast-option-color-focus, var(--luzmo-option-value-color-focus, var(--option-value-color-focus)))}:host([focused])>.icon:not(.checkmark,.checkbox),:host(:focus)>.icon:not(.checkmark,.checkbox){fill:var(--highcontrast-option-color-focus, var(--luzmo-option-label-icon-color-focus, var(--option-label-icon-color-focus)));color:var(--highcontrast-option-color-focus, var(--luzmo-option-label-icon-color-focus, var(--option-label-icon-color-focus)))}:host([focused])>.checkmark,:host(:focus)>.checkmark{fill:var(--highcontrast-option-color-focus, var(--luzmo-options-checkmark-icon-color-focus, var(--options-checkmark-icon-color-focus)));color:var(--highcontrast-option-color-focus, var(--luzmo-options-checkmark-icon-color-focus, var(--options-checkmark-icon-color-focus)))}:host([focused])>.checkbox,:host(:focus)>.checkbox{fill:var(--highcontrast-option-color-focus, var(--luzmo-options-checkbox-icon-color-focus, var(--options-checkbox-icon-color-focus)));color:var(--highcontrast-option-color-focus, var(--luzmo-options-checkbox-icon-color-focus, var(--options-checkbox-icon-color-focus)))}:host:dir(rtl),:host([dir=rtl]){--option-focus-indicator-direction-scalar: -1}:host(:is(:active,[active])){background-color:var(--highcontrast-option-background-color-focus, var(--luzmo-option-background-color-down, var(--option-background-color-down)))}:host(:is(:active,[active]))>#label{color:var(--highcontrast-option-color-focus, var(--luzmo-option-label-content-color-down, var(--option-label-content-color-down)))}:host(:is(:active,[active]))>[name=description]::slotted(*){color:var(--highcontrast-option-color-focus, var(--luzmo-option-description-color-down, var(--option-description-color-down)))}:host(:is(:active,[active]))>::slotted([slot=value]){color:var(--highcontrast-option-color-focus, var(--luzmo-option-value-color-down, var(--option-value-color-down)))}:host(:is(:active,[active]))>.icon:not(.checkmark,.checkbox){fill:var(--highcontrast-option-color-focus, var(--luzmo-option-label-icon-color-down, var(--option-label-icon-color-down)));color:var(--highcontrast-option-color-focus, var(--luzmo-option-label-icon-color-down, var(--option-label-icon-color-down)))}:host(:is(:active,[active]))>.checkmark{fill:var(--highcontrast-option-color-focus, var(--luzmo-options-checkmark-icon-color-down, var(--options-checkmark-icon-color-down)));color:var(--highcontrast-option-color-focus, var(--luzmo-options-checkmark-icon-color-down, var(--options-checkmark-icon-color-down)))}:host(:is(:active,[active]))>.checkbox{fill:var(--highcontrast-option-color-focus, var(--luzmo-options-checkbox-icon-color-down, var(--options-checkbox-icon-color-down)));color:var(--highcontrast-option-color-focus, var(--luzmo-options-checkbox-icon-color-down, var(--options-checkbox-icon-color-down)))}:host([disabled]),:host([aria-disabled=true]){background-color:initial}:host([disabled]) #label,:host([disabled]) ::slotted([slot=value]),:host([aria-disabled=true]) #label,:host([aria-disabled=true]) ::slotted([slot=value]){color:var(--highcontrast-option-color-disabled, var(--luzmo-option-label-content-color-disabled, var(--option-label-content-color-disabled)))}:host([disabled]) [name=description]::slotted(*),:host([aria-disabled=true]) [name=description]::slotted(*){color:var(--highcontrast-option-color-disabled, var(--luzmo-option-description-color-disabled, var(--option-description-color-disabled)))}:host([disabled]) ::slotted([slot=icon]),:host([aria-disabled=true]) ::slotted([slot=icon]){color:var(--highcontrast-option-color-disabled, var(--luzmo-option-label-icon-color-disabled, var(--option-label-icon-color-disabled)));fill:var(--highcontrast-option-color-disabled, var(--luzmo-option-label-icon-color-disabled, var(--option-label-icon-color-disabled)))}:host([focused]){box-shadow:inset calc(var(--luzmo-option-focus-indicator-width, var(--option-focus-indicator-width)) * 1) 0 0 0 var(--highcontrast-option-focus-indicator-color, var(--luzmo-option-focus-indicator-color, var(--option-focus-indicator-color)));box-shadow:inset calc(var(--luzmo-option-focus-indicator-width, var(--option-focus-indicator-width)) * var(--option-focus-indicator-direction-scalar, 1)) 0 0 0 var(--highcontrast-option-focus-indicator-color, var(--luzmo-option-focus-indicator-color, var(--option-focus-indicator-color)))}#label{font-size:var(--luzmo-option-label-font-size, var(--option-label-font-size));color:var(--highcontrast-option-color-default, var(--luzmo-option-label-content-color-default, var(--option-label-content-color-default)));-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;grid-area:labelArea}:host([variant=highlight][selected]){background-color:var(--luzmo-option-highlight-selected-label-background-color, var(--option-highlight-selected-label-background-color))}:host([variant=highlight][selected]) #label{color:var(--luzmo-option-highlight-selected-label-content-color, var(--option-highlight-selected-label-content-color))}:host([variant=highlight][selected]):hover #label{color:var(--luzmo-option-highlight-selected-label-content-color-hover, var(--option-highlight-selected-label-content-color-hover))}:host([variant=highlight][selected]):active #label{color:var(--luzmo-option-highlight-selected-label-content-color-down, var(--option-highlight-selected-label-content-color-down))}:host([variant=highlight][selected]):focus #label{color:var(--luzmo-option-highlight-selected-label-content-color-focus, var(--option-highlight-selected-label-content-color-focus))}:host([variant=highlight][selected]) ::slotted([slot=icon]){color:var(--highcontrast-option-color-disabled, var(--luzmo-option-highlight-selected-label-content-color, var(--option-highlight-selected-label-content-color)));fill:var(--highcontrast-option-color-disabled, var(--luzmo-option-highlight-selected-label-content-color, var(--option-highlight-selected-label-content-color)))}::slotted([slot=value]){color:var(--highcontrast-option-color-default, var(--luzmo-option-value-color-default, var(--option-value-color-default)));font-size:var(--luzmo-option-label-font-size, var(--option-label-font-size));grid-area:valueArea;justify-self:end}[name=description]::slotted(*){color:var(--highcontrast-option-color-default, var(--luzmo-option-description-color-default, var(--option-description-color-default)));font-size:var(--luzmo-option-description-font-size, var(--option-description-font-size));-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;line-height:var(--luzmo-option-description-line-height, var(--option-description-line-height));grid-area:descriptionArea;margin-block-start:var(--luzmo-option-label-to-description-spacing, var(--option-label-to-description-spacing))}:host([no-wrap]) #label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover: hover){:host(:hover){background-color:var(--highcontrast-option-background-color-focus, var(--luzmo-option-background-color-hover, var(--option-background-color-hover)))}:host(:hover)>#label{color:var(--highcontrast-option-color-focus, var(--luzmo-option-label-content-color-hover, var(--option-label-content-color-hover)))}:host([variant=highlight][selected]:hover)>#label{color:var(--luzmo-option-highlight-selected-label-content-color-hover, var(--option-highlight-selected-label-content-color-hover))}:host(:hover)>[name=description]::slotted(*){color:var(--highcontrast-option-color-focus, var(--luzmo-option-description-color-hover, var(--option-description-color-hover)))}:host(:hover)>::slotted([slot=value]){color:var(--highcontrast-option-color-focus, var(--luzmo-option-value-color-hover, var(--option-value-color-hover)))}:host(:hover)>.icon:not(.checkmark,.checkbox){fill:var(--highcontrast-option-color-focus, var(--luzmo-option-label-icon-color-hover, var(--option-label-icon-color-hover)));color:var(--highcontrast-option-color-focus, var(--luzmo-option-label-icon-color-hover, var(--option-label-icon-color-hover)))}:host([variant=highlight][selected]:hover)>.icon:not(.checkmark,.checkbox){fill:var(--luzmo-option-highlight-selected-label-icon-color-hover, var(--option-highlight-selected-label-icon-color-hover))}:host(:hover)>.checkmark{fill:var(--highcontrast-option-color-focus, var(--luzmo-options-checkmark-icon-color-hover, var(--options-checkmark-icon-color-hover)));color:var(--highcontrast-option-color-focus, var(--luzmo-options-checkmark-icon-color-hover, var(--options-checkmark-icon-color-hover)))}:host(:hover)>.checkbox{fill:var(--highcontrast-option-color-focus, var(--luzmo-options-checkbox-icon-color-hover, var(--options-checkbox-icon-color-hover)));color:var(--highcontrast-option-color-focus, var(--luzmo-options-checkbox-icon-color-hover, var(--options-checkbox-icon-color-hover)))}:host([disabled]:hover),:host([aria-disabled=true]:hover){cursor:default;background-color:initial}:host([disabled]:hover) #label,:host([disabled]:hover) ::slotted([slot=value]),:host([aria-disabled=true]:hover) #label,:host([aria-disabled=true]:hover) ::slotted([slot=value]){color:var(--highcontrast-option-color-disabled, var(--luzmo-option-label-content-color-disabled, var(--option-label-content-color-disabled)))}:host([disabled]:hover) [name=description]::slotted(*),:host([aria-disabled=true]:hover) [name=description]::slotted(*){color:var(--highcontrast-option-color-disabled, var(--luzmo-option-description-color-disabled, var(--option-description-color-disabled)))}:host([disabled]:hover) ::slotted([slot=icon]),:host([aria-disabled=true]:hover) ::slotted([slot=icon]){color:var(--highcontrast-option-color-disabled, var(--luzmo-option-label-icon-color-disabled, var(--option-label-icon-color-disabled)));fill:var(--highcontrast-option-color-disabled, var(--luzmo-option-label-icon-color-disabled, var(--option-label-icon-color-disabled)))}}:host([emphasized]){--options-checkmark-icon-color-default: var(--luzmo-primary);--options-checkmark-icon-color-hover: var(--luzmo-primary-hover);--options-checkmark-icon-color-down: var(--luzmo-primary-down);--options-checkmark-icon-color-focus: var(--luzmo-primary-focus);--options-checkbox-icon-color-default: var(--luzmo-primary);--options-checkbox-icon-color-hover: var(--luzmo-primary-hover);--options-checkbox-icon-color-down: var(--luzmo-primary-down);--options-checkbox-icon-color-focus: var(--luzmo-primary-focus)}:host{text-align:initial;font-family:var(--luzmo-option-font-family, var(--luzmo-font-family))}:host([hidden]){display:none}:host([disabled]){pointer-events:none}:host([disabled]) [name=value]::slotted(*){color:var(--luzmo-option-label-icon-color-disabled, var(--luzmo-disabled-color))}#button{position:absolute;top:0;right:0;bottom:0;left:0}.icon-container>svg{vertical-align:top}:host([dir=ltr]) [icon-only]::slotted(:last-of-type){margin-right:auto}:host([dir=rtl]) [icon-only]::slotted(:last-of-type){margin-left:auto}@media (forced-colors: active){:host{forced-color-adjust:none}}:host([no-wrap]) #label{display:block}';var po=Object.defineProperty,vo=Object.getOwnPropertyDescriptor,C=(s,o,e,t)=>{for(var l=t>1?void 0:t?vo(o,e):o,i=s.length-1,a;i>=0;i--)(a=s[i])&&(l=(t?a(o,e,l):a(l))||l);return t&&l&&po(o,e,l),l};const mo=s=>r.Rt`
+  <span class="icon-container icon checkmark ${s.join(" ")}">
+    ${y.D(y.Z)}
+  </span>
+`,go=s=>r.Rt`
+  <span class="icon-container icon checkbox ${s.join(" ")}">
+    ${y.D(y.w)}
+  </span>
+`,bo=s=>r.Rt`
+  <span class="icon-container icon checkbox ${s.join(" ")}">
+    ${y.D(y.d)}
+  </span>
+`;class x extends F.b(F.y(io.b(K.r,'[slot="icon"]'))){constructor(){super(),this.active=!1,this.focused=!1,this.selected=!1,this.emphasized=!1,this.variant="checkmarks",this._value="",this.noWrap=!1,this.renderCheckIcon=(o,e)=>{const t=e?["check-icon--with-adjacent-icon"]:[];return this.variant==="checkboxes"?o?bo(t):go(t):o&&this.variant!=="highlight"?mo(t):r.Rt``},this.proxyFocus=()=>{this.focus()},this.willDispatchUpdate=!1,this.addEventListener("click",this.handleClickCapture,{capture:!0}),new F.a(this,{config:{characterData:!0,childList:!0,subtree:!0},callback:()=>{this.breakItemChildrenCache()}})}static get styles(){return[r.at(ho)]}get value(){return this._value||this.itemText}set value(o){o!==this._value&&(this._value=o||"",this._value?this.setAttribute("value",this._value):this.removeAttribute("value"))}get itemText(){return this.itemChildren.content.reduce((o,e)=>o+(e.textContent||"").trim(),"")}get focusElement(){return this}get hasIcon(){return this.slotContentIsPresent}get itemChildren(){if(!this.iconSlot||!this.contentSlot)return{icon:[],content:[]};if(this._itemChildren)return this._itemChildren;const o=this.iconSlot.assignedElements().map(t=>{const l=t.cloneNode(!0);return l.removeAttribute("slot"),l.classList.toggle("icon"),l}),e=this.contentSlot.assignedNodes().map(t=>t.cloneNode(!0));return this._itemChildren={icon:o,content:e},this._itemChildren}click(){this.disabled||this.shouldProxyClick()||super.click()}handleClickCapture(o){if(this.disabled)return o.preventDefault(),o.stopImmediatePropagation(),o.stopPropagation(),!1}shouldProxyClick(){let o=!1;return this.anchorElement&&(this.anchorElement.click(),o=!0),o}breakItemChildrenCache(){this._itemChildren=void 0,this.triggerUpdate()}render(){return r.Rt`
+      ${this.renderCheckIcon(this.selected,this.hasIcon)}
+      <div id="icon">
+        <slot name="icon"></slot>
+      </div>
+      <div id="label">
+        <slot id="slot"></slot>
+      </div>
+      <slot name="description"></slot>
+      <slot name="value"></slot>
+      ${this.href&&this.href.length>0?super.renderAnchor({id:"button",ariaHidden:!0,className:"button anchor hidden"}):r.d}
+    `}handlePointerdown(){}firstUpdated(o){super.firstUpdated(o),this.setAttribute("tabindex","-1"),this.addEventListener("pointerdown",this.handlePointerdown),this.hasAttribute("id")||(this.id=`luzmo-option-${ro.n()}`)}updateAriaSelected(){const o=this.getAttribute("role");o==="option"?this.setAttribute("aria-selected",this.selected?"true":"false"):o==="optioncheckbox"&&this.setAttribute("aria-checked",this.selected?"true":"false")}setRole(o){this.setAttribute("role",o),this.updateAriaSelected()}updated(o){super.updated(o),o.has("label")&&(this.label||o.get("label")!==void 0)&&this.setAttribute("aria-label",this.label||""),this.anchorElement&&(this.anchorElement.addEventListener("focus",this.proxyFocus),this.anchorElement.tabIndex=-1),o.has("selected")&&this.updateAriaSelected()}connectedCallback(){super.connectedCallback(),this.triggerUpdate()}async triggerUpdate(){this.willDispatchUpdate||(this.willDispatchUpdate=!0,await new Promise(o=>requestAnimationFrame(o)),this.dispatchUpdate())}dispatchUpdate(){this.isConnected&&(this.willDispatchUpdate=!1)}}C([r.zt({type:Boolean,reflect:!0})],x.prototype,"active",2);C([r.zt({type:Boolean,reflect:!0})],x.prototype,"focused",2);C([r.zt({type:Boolean,reflect:!0})],x.prototype,"selected",2);C([r.zt({type:Boolean,reflect:!0})],x.prototype,"emphasized",2);C([r.zt({type:String,reflect:!0})],x.prototype,"variant",2);C([r.zt({type:String})],x.prototype,"value",1);C([_.d("slot:not([name])")],x.prototype,"contentSlot",2);C([_.d('slot[name="icon"]')],x.prototype,"iconSlot",2);C([r.zt({type:Boolean,reflect:!0,attribute:"no-wrap",hasChanged(){return!1}})],x.prototype,"noWrap",2);C([_.d(".anchor")],x.prototype,"anchorElement",2);function A(s,o,e,t){var l=arguments.length,i=l<3?o:t,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(s,o,e,t);else for(var n=s.length-1;n>=0;n--)(a=s[n])&&(i=(l<3?a(i):l>3?a(o,e,i):a(o,e))||i);return l>3&&i&&Object.defineProperty(o,e,i),i}/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const j=(s,o,e)=>{const t=new Map;for(let l=o;l<=e;l++)t.set(s[l],l);return t},Q=b._(class extends b.${constructor(s){if(super(s),s.type!==b.s.CHILD)throw Error("repeat() can only be used in text expressions")}dt(s,o,e){let t;e===void 0?e=o:o!==void 0&&(t=o);const l=[],i=[];let a=0;for(const n of s)l[a]=t?t(n,a):a,i[a]=e(n,a),a++;return{values:i,keys:l}}render(s,o,e){return this.dt(s,o,e).values}update(s,[o,e,t]){const l=b.a(s),{values:i,keys:a}=this.dt(o,e,t);if(!Array.isArray(l))return this.ut=a,i;const n=this.ut??(this.ut=[]),c=[];let u,z,h=0,m=l.length-1,d=0,g=i.length-1;for(;h<=m&&d<=g;)if(l[h]===null)h++;else if(l[m]===null)m--;else if(n[h]===a[d])c[d]=b.p(l[h],i[d]),h++,d++;else if(n[m]===a[g])c[g]=b.p(l[m],i[g]),m--,g--;else if(n[h]===a[g])c[g]=b.p(l[h],i[g]),b.g(s,c[g+1],l[h]),h++,g--;else if(n[m]===a[d])c[d]=b.p(l[m],i[d]),b.g(s,l[h],l[m]),m--,d++;else if(u===void 0&&(u=j(a,d,g),z=j(n,h,m)),u.has(n[h]))if(u.has(n[m])){const f=z.get(a[d]),k=f!==void 0?l[f]:null;if(k===null){const E=b.g(s,l[h]);b.p(E,i[d]),c[d]=E}else c[d]=b.p(k,i[d]),b.g(s,l[h],k),l[f]=null;d++}else b.b(l[m]),m--;else b.b(l[h]),h++;for(;d<=g;){const f=b.g(s,c[g+1]);b.p(f,i[d]),c[d++]=f}for(;h<=m;){const f=l[h++];f!==null&&b.b(f)}return this.ut=a,b.x(s,c),r.v}});/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */class R extends Event{constructor(o){super(R.eventName,{bubbles:!1}),this.first=o.first,this.last=o.last}}R.eventName="rangeChanged";class V extends Event{constructor(o){super(V.eventName,{bubbles:!1}),this.first=o.first,this.last=o.last}}V.eventName="visibilityChanged";class B extends Event{constructor(){super(B.eventName,{bubbles:!1})}}B.eventName="unpinned";/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */class fo{constructor(o){this._element=null;const e=o??window;this._node=e,o&&(this._element=o)}get element(){return this._element||document.scrollingElement||document.documentElement}get scrollTop(){return this.element.scrollTop||window.scrollY}get scrollLeft(){return this.element.scrollLeft||window.scrollX}get scrollHeight(){return this.element.scrollHeight}get scrollWidth(){return this.element.scrollWidth}get viewportHeight(){return this._element?this._element.getBoundingClientRect().height:window.innerHeight}get viewportWidth(){return this._element?this._element.getBoundingClientRect().width:window.innerWidth}get maxScrollTop(){return this.scrollHeight-this.viewportHeight}get maxScrollLeft(){return this.scrollWidth-this.viewportWidth}}class zo extends fo{constructor(o,e){super(e),this._clients=new Set,this._retarget=null,this._end=null,this.__destination=null,this.correctingScrollError=!1,this._checkForArrival=this._checkForArrival.bind(this),this._updateManagedScrollTo=this._updateManagedScrollTo.bind(this),this.scrollTo=this.scrollTo.bind(this),this.scrollBy=this.scrollBy.bind(this);const t=this._node;this._originalScrollTo=t.scrollTo,this._originalScrollBy=t.scrollBy,this._originalScroll=t.scroll,this._attach(o)}get _destination(){return this.__destination}get scrolling(){return this._destination!==null}scrollTo(o,e){const t=typeof o=="number"&&typeof e=="number"?{left:o,top:e}:o;this._scrollTo(t)}scrollBy(o,e){const t=typeof o=="number"&&typeof e=="number"?{left:o,top:e}:o;t.top!==void 0&&(t.top+=this.scrollTop),t.left!==void 0&&(t.left+=this.scrollLeft),this._scrollTo(t)}_nativeScrollTo(o){this._originalScrollTo.bind(this._element||window)(o)}_scrollTo(o,e=null,t=null){this._end!==null&&this._end(),o.behavior==="smooth"?(this._setDestination(o),this._retarget=e,this._end=t):this._resetScrollState(),this._nativeScrollTo(o)}_setDestination(o){let{top:e,left:t}=o;return e=e===void 0?void 0:Math.max(0,Math.min(e,this.maxScrollTop)),t=t===void 0?void 0:Math.max(0,Math.min(t,this.maxScrollLeft)),this._destination!==null&&t===this._destination.left&&e===this._destination.top?!1:(this.__destination={top:e,left:t,behavior:"smooth"},!0)}_resetScrollState(){this.__destination=null,this._retarget=null,this._end=null}_updateManagedScrollTo(o){this._destination&&this._setDestination(o)&&this._nativeScrollTo(this._destination)}managedScrollTo(o,e,t){return this._scrollTo(o,e,t),this._updateManagedScrollTo}correctScrollError(o){this.correctingScrollError=!0,requestAnimationFrame(()=>requestAnimationFrame(()=>this.correctingScrollError=!1)),this._nativeScrollTo(o),this._retarget&&this._setDestination(this._retarget()),this._destination&&this._nativeScrollTo(this._destination)}_checkForArrival(){if(this._destination!==null){const{scrollTop:o,scrollLeft:e}=this;let{top:t,left:l}=this._destination;t=Math.min(t||0,this.maxScrollTop),l=Math.min(l||0,this.maxScrollLeft);const i=Math.abs(t-o),a=Math.abs(l-e);i<1&&a<1&&(this._end&&this._end(),this._resetScrollState())}}detach(o){return this._clients.delete(o),this._clients.size===0&&(this._node.scrollTo=this._originalScrollTo,this._node.scrollBy=this._originalScrollBy,this._node.scroll=this._originalScroll,this._node.removeEventListener("scroll",this._checkForArrival)),null}_attach(o){this._clients.add(o),this._clients.size===1&&(this._node.scrollTo=this.scrollTo,this._node.scrollBy=this.scrollBy,this._node.scroll=this.scrollTo,this._node.addEventListener("scroll",this._checkForArrival))}}/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */let U=typeof window<"u"?window.ResizeObserver:void 0;const P=Symbol("virtualizerRef"),L="virtualizer-sizer";let N;class yo{constructor(o){if(this._benchmarkStart=null,this._layout=null,this._clippingAncestors=[],this._scrollSize=null,this._scrollError=null,this._childrenPos=null,this._childMeasurements=null,this._toBeMeasured=new Map,this._rangeChanged=!0,this._itemsChanged=!0,this._visibilityChanged=!0,this._scrollerController=null,this._isScroller=!1,this._sizer=null,this._hostElementRO=null,this._childrenRO=null,this._mutationObserver=null,this._scrollEventListeners=[],this._scrollEventListenerOptions={passive:!0},this._loadListener=this._childLoaded.bind(this),this._scrollIntoViewTarget=null,this._updateScrollIntoViewCoordinates=null,this._items=[],this._first=-1,this._last=-1,this._firstVisible=-1,this._lastVisible=-1,this._scheduled=new WeakSet,this._measureCallback=null,this._measureChildOverride=null,this._layoutCompletePromise=null,this._layoutCompleteResolver=null,this._layoutCompleteRejecter=null,this._pendingLayoutComplete=null,this._layoutInitialized=null,this._connected=!1,!o)throw new Error("Virtualizer constructor requires a configuration object");if(o.hostElement)this._init(o);else throw new Error('Virtualizer configuration requires the "hostElement" property')}set items(o){Array.isArray(o)&&o!==this._items&&(this._itemsChanged=!0,this._items=o,this._schedule(this._updateLayout))}_init(o){this._isScroller=!!o.scroller,this._initHostElement(o);const e=o.layout||{};this._layoutInitialized=this._initLayout(e)}_initObservers(){this._mutationObserver=new MutationObserver(this._finishDOMUpdate.bind(this)),this._hostElementRO=new U(()=>this._hostElementSizeChanged()),this._childrenRO=new U(this._childrenSizeChanged.bind(this))}_initHostElement(o){const e=this._hostElement=o.hostElement;this._applyVirtualizerStyles(),e[P]=this}connected(){this._initObservers();const o=this._isScroller;this._clippingAncestors=xo(this._hostElement,o),this._scrollerController=new zo(this,this._clippingAncestors[0]),this._schedule(this._updateLayout),this._observeAndListen(),this._connected=!0}_observeAndListen(){this._mutationObserver.observe(this._hostElement,{childList:!0}),this._hostElementRO.observe(this._hostElement),this._scrollEventListeners.push(window),window.addEventListener("scroll",this,this._scrollEventListenerOptions),this._clippingAncestors.forEach(o=>{o.addEventListener("scroll",this,this._scrollEventListenerOptions),this._scrollEventListeners.push(o),this._hostElementRO.observe(o)}),this._hostElementRO.observe(this._scrollerController.element),this._children.forEach(o=>this._childrenRO.observe(o)),this._scrollEventListeners.forEach(o=>o.addEventListener("scroll",this,this._scrollEventListenerOptions))}disconnected(){var o,e,t,l;this._scrollEventListeners.forEach(i=>i.removeEventListener("scroll",this,this._scrollEventListenerOptions)),this._scrollEventListeners=[],this._clippingAncestors=[],(o=this._scrollerController)==null||o.detach(this),this._scrollerController=null,(e=this._mutationObserver)==null||e.disconnect(),this._mutationObserver=null,(t=this._hostElementRO)==null||t.disconnect(),this._hostElementRO=null,(l=this._childrenRO)==null||l.disconnect(),this._childrenRO=null,this._rejectLayoutCompletePromise("disconnected"),this._connected=!1}_applyVirtualizerStyles(){const o=this._hostElement.style;o.display=o.display||"block",o.position=o.position||"relative",o.contain=o.contain||"size layout",this._isScroller&&(o.overflow=o.overflow||"auto",o.minHeight=o.minHeight||"150px")}_getSizer(){const o=this._hostElement;if(!this._sizer){let e=o.querySelector(`[${L}]`);e||(e=document.createElement("div"),e.setAttribute(L,""),o.appendChild(e)),Object.assign(e.style,{position:"absolute",margin:"-2px 0 0 0",padding:0,visibility:"hidden",fontSize:"2px"}),e.textContent="&nbsp;",e.setAttribute(L,""),this._sizer=e}return this._sizer}async updateLayoutConfig(o){await this._layoutInitialized;const e=o.type||N;if(typeof e=="function"&&this._layout instanceof e){const t={...o};return delete t.type,this._layout.config=t,!0}return!1}async _initLayout(o){let e,t;if(typeof o.type=="function"){t=o.type;const l={...o};delete l.type,e=l}else e=o;t===void 0&&(N=t=(await Promise.resolve().then(()=>require("./flow-D-0MTYCm-BW5krWol.cjs"))).FlowLayout),this._layout=new t(l=>this._handleLayoutMessage(l),e),this._layout.measureChildren&&typeof this._layout.updateItemSizes=="function"&&(typeof this._layout.measureChildren=="function"&&(this._measureChildOverride=this._layout.measureChildren),this._measureCallback=this._layout.updateItemSizes.bind(this._layout)),this._layout.listenForChildLoadEvents&&this._hostElement.addEventListener("load",this._loadListener,!0),this._schedule(this._updateLayout)}startBenchmarking(){this._benchmarkStart===null&&(this._benchmarkStart=window.performance.now())}stopBenchmarking(){if(this._benchmarkStart!==null){const o=window.performance.now(),e=o-this._benchmarkStart,t=performance.getEntriesByName("uv-virtualizing","measure").filter(l=>l.startTime>=this._benchmarkStart&&l.startTime<o).reduce((l,i)=>l+i.duration,0);return this._benchmarkStart=null,{timeElapsed:e,virtualizationTime:t}}return null}_measureChildren(){const o={},e=this._children,t=this._measureChildOverride||this._measureChild;for(let l=0;l<e.length;l++){const i=e[l],a=this._first+l;(this._itemsChanged||this._toBeMeasured.has(i))&&(o[a]=t.call(this,i,this._items[a]))}this._childMeasurements=o,this._schedule(this._updateLayout),this._toBeMeasured.clear()}_measureChild(o){const{width:e,height:t}=o.getBoundingClientRect();return Object.assign({width:e,height:t},_o(o))}async _schedule(o){this._scheduled.has(o)||(this._scheduled.add(o),await Promise.resolve(),this._scheduled.delete(o),o.call(this))}async _updateDOM(o){this._scrollSize=o.scrollSize,this._adjustRange(o.range),this._childrenPos=o.childPositions,this._scrollError=o.scrollError||null;const{_rangeChanged:e,_itemsChanged:t}=this;this._visibilityChanged&&(this._notifyVisibility(),this._visibilityChanged=!1),(e||t)&&(this._notifyRange(),this._rangeChanged=!1),this._finishDOMUpdate()}_finishDOMUpdate(){this._connected&&(this._children.forEach(o=>this._childrenRO.observe(o)),this._checkScrollIntoViewTarget(this._childrenPos),this._positionChildren(this._childrenPos),this._sizeHostElement(this._scrollSize),this._correctScrollError(),this._benchmarkStart&&"mark"in window.performance&&window.performance.mark("uv-end"))}_updateLayout(){this._layout&&this._connected&&(this._layout.items=this._items,this._updateView(),this._childMeasurements!==null&&(this._measureCallback&&this._measureCallback(this._childMeasurements),this._childMeasurements=null),this._layout.reflowIfNeeded(),this._benchmarkStart&&"mark"in window.performance&&window.performance.mark("uv-end"))}_handleScrollEvent(){var o;if(this._benchmarkStart&&"mark"in window.performance){try{window.performance.measure("uv-virtualizing","uv-start","uv-end")}catch(e){console.warn("Error measuring performance data: ",e)}window.performance.mark("uv-start")}this._scrollerController.correctingScrollError===!1&&((o=this._layout)==null||o.unpin()),this._schedule(this._updateLayout)}handleEvent(o){switch(o.type){case"scroll":(o.currentTarget===window||this._clippingAncestors.includes(o.currentTarget))&&this._handleScrollEvent();break;default:console.warn("event not handled",o)}}_handleLayoutMessage(o){o.type==="stateChanged"?this._updateDOM(o):o.type==="visibilityChanged"?(this._firstVisible=o.firstVisible,this._lastVisible=o.lastVisible,this._notifyVisibility()):o.type==="unpinned"&&this._hostElement.dispatchEvent(new B)}get _children(){const o=[];let e=this._hostElement.firstElementChild;for(;e;)e.hasAttribute(L)||o.push(e),e=e.nextElementSibling;return o}_updateView(){var o;const e=this._hostElement,t=(o=this._scrollerController)==null?void 0:o.element,l=this._layout;if(e&&t&&l){let i,a,n,c;const u=e.getBoundingClientRect();i=0,a=0,n=window.innerHeight,c=window.innerWidth;const z=this._clippingAncestors.map(O=>O.getBoundingClientRect());z.unshift(u);for(const O of z)i=Math.max(i,O.top),a=Math.max(a,O.left),n=Math.min(n,O.bottom),c=Math.min(c,O.right);const h=t.getBoundingClientRect(),m={left:u.left-h.left,top:u.top-h.top},d={width:t.scrollWidth,height:t.scrollHeight},g=i-u.top+e.scrollTop,f=a-u.left+e.scrollLeft,k=Math.max(0,n-i),E=Math.max(0,c-a);l.viewportSize={width:E,height:k},l.viewportScroll={top:g,left:f},l.totalScrollSize=d,l.offsetWithinScroller=m}}_sizeHostElement(o){const e=o&&o.width!==null?Math.min(82e5,o.width):0,t=o&&o.height!==null?Math.min(82e5,o.height):0;if(this._isScroller)this._getSizer().style.transform=`translate(${e}px, ${t}px)`;else{const l=this._hostElement.style;l.minWidth=e?`${e}px`:"100%",l.minHeight=t?`${t}px`:"100%"}}_positionChildren(o){o&&o.forEach(({top:e,left:t,width:l,height:i,xOffset:a,yOffset:n},c)=>{const u=this._children[c-this._first];u&&(u.style.position="absolute",u.style.boxSizing="border-box",u.style.transform=`translate(${t}px, ${e}px)`,l!==void 0&&(u.style.width=l+"px"),i!==void 0&&(u.style.height=i+"px"),u.style.left=a===void 0?null:a+"px",u.style.top=n===void 0?null:n+"px")})}async _adjustRange(o){const{_first:e,_last:t,_firstVisible:l,_lastVisible:i}=this;this._first=o.first,this._last=o.last,this._firstVisible=o.firstVisible,this._lastVisible=o.lastVisible,this._rangeChanged=this._rangeChanged||this._first!==e||this._last!==t,this._visibilityChanged=this._visibilityChanged||this._firstVisible!==l||this._lastVisible!==i}_correctScrollError(){if(this._scrollError){const{scrollTop:o,scrollLeft:e}=this._scrollerController,{top:t,left:l}=this._scrollError;this._scrollError=null,this._scrollerController.correctScrollError({top:o-t,left:e-l})}}element(o){var e;return o===1/0&&(o=this._items.length-1),((e=this._items)==null?void 0:e[o])===void 0?void 0:{scrollIntoView:(t={})=>this._scrollElementIntoView({...t,index:o})}}_scrollElementIntoView(o){if(o.index>=this._first&&o.index<=this._last)this._children[o.index-this._first].scrollIntoView(o);else if(o.index=Math.min(o.index,this._items.length-1),o.behavior==="smooth"){const e=this._layout.getScrollIntoViewCoordinates(o),{behavior:t}=o;this._updateScrollIntoViewCoordinates=this._scrollerController.managedScrollTo(Object.assign(e,{behavior:t}),()=>this._layout.getScrollIntoViewCoordinates(o),()=>this._scrollIntoViewTarget=null),this._scrollIntoViewTarget=o}else this._layout.pin=o}_checkScrollIntoViewTarget(o){const{index:e}=this._scrollIntoViewTarget||{};e&&o!=null&&o.has(e)&&this._updateScrollIntoViewCoordinates(this._layout.getScrollIntoViewCoordinates(this._scrollIntoViewTarget))}_notifyRange(){this._hostElement.dispatchEvent(new R({first:this._first,last:this._last}))}_notifyVisibility(){this._hostElement.dispatchEvent(new V({first:this._firstVisible,last:this._lastVisible}))}get layoutComplete(){return this._layoutCompletePromise||(this._layoutCompletePromise=new Promise((o,e)=>{this._layoutCompleteResolver=o,this._layoutCompleteRejecter=e})),this._layoutCompletePromise}_rejectLayoutCompletePromise(o){this._layoutCompleteRejecter!==null&&this._layoutCompleteRejecter(o),this._resetLayoutCompleteState()}_scheduleLayoutComplete(){this._layoutCompletePromise&&this._pendingLayoutComplete===null&&(this._pendingLayoutComplete=requestAnimationFrame(()=>requestAnimationFrame(()=>this._resolveLayoutCompletePromise())))}_resolveLayoutCompletePromise(){this._layoutCompleteResolver!==null&&this._layoutCompleteResolver(),this._resetLayoutCompleteState()}_resetLayoutCompleteState(){this._layoutCompletePromise=null,this._layoutCompleteResolver=null,this._layoutCompleteRejecter=null,this._pendingLayoutComplete=null}_hostElementSizeChanged(){this._schedule(this._updateLayout)}_childLoaded(){}_childrenSizeChanged(o){var e;if((e=this._layout)!=null&&e.measureChildren){for(const t of o)this._toBeMeasured.set(t.target,t.contentRect);this._measureChildren()}this._scheduleLayoutComplete(),this._itemsChanged=!1,this._rangeChanged=!1}}function _o(s){const o=window.getComputedStyle(s);return{marginTop:T(o.marginTop),marginRight:T(o.marginRight),marginBottom:T(o.marginBottom),marginLeft:T(o.marginLeft)}}function T(s){const o=s?parseFloat(s):NaN;return Number.isNaN(o)?0:o}function H(s){if(s.assignedSlot!==null)return s.assignedSlot;if(s.parentElement!==null)return s.parentElement;const o=s.parentNode;return o&&o.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&o.host||null}function ko(s,o=!1){const e=[];let t=o?s:H(s);for(;t!==null;)e.push(t),t=H(t);return e}function xo(s,o=!1){let e=!1;return ko(s,o).filter(t=>{if(e)return!1;const l=getComputedStyle(t);return e=l.position==="fixed",l.overflow!=="visible"})}/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const G=s=>s,J=(s,o)=>r.Rt`${o}: ${JSON.stringify(s,null,2)}`;class wo extends no.C{constructor(o){if(super(o),this._virtualizer=null,this._first=0,this._last=-1,this._renderItem=(e,t)=>J(e,t+this._first),this._keyFunction=(e,t)=>G(e,t+this._first),this._items=[],o.type!==b.s.CHILD)throw new Error("The virtualize directive can only be used in child expressions")}render(o){o&&this._setFunctions(o);const e=[];if(this._first>=0&&this._last>=this._first)for(let t=this._first;t<=this._last;t++)e.push(this._items[t]);return Q(e,this._keyFunction,this._renderItem)}update(o,[e]){this._setFunctions(e);const t=this._items!==e.items;return this._items=e.items||[],this._virtualizer?this._updateVirtualizerConfig(o,e):this._initialize(o,e),t?r.v:this.render()}async _updateVirtualizerConfig(o,e){if(!await this._virtualizer.updateLayoutConfig(e.layout||{})){const t=o.parentNode;this._makeVirtualizer(t,e)}this._virtualizer.items=this._items}_setFunctions(o){const{renderItem:e,keyFunction:t}=o;e&&(this._renderItem=(l,i)=>e(l,i+this._first)),t&&(this._keyFunction=(l,i)=>t(l,i+this._first))}_makeVirtualizer(o,e){this._virtualizer&&this._virtualizer.disconnected();const{layout:t,scroller:l,items:i}=e;this._virtualizer=new yo({hostElement:o,layout:t,scroller:l}),this._virtualizer.items=i,this._virtualizer.connected()}_initialize(o,e){const t=o.parentNode;t&&t.nodeType===1&&(t.addEventListener("rangeChanged",l=>{this._first=l.first,this._last=l.last,this.setValue(this.render())}),this._makeVirtualizer(t,e))}disconnected(){var o;(o=this._virtualizer)==null||o.disconnected()}reconnected(){var o;(o=this._virtualizer)==null||o.connected()}}const Co=b._(wo);/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */class $ extends r.P{constructor(){super(...arguments),this.items=[],this.renderItem=J,this.keyFunction=G,this.layout={},this.scroller=!1}createRenderRoot(){return this}render(){const{items:o,renderItem:e,keyFunction:t,layout:l,scroller:i}=this;return r.Rt`${Co({items:o,renderItem:e,keyFunction:t,layout:l,scroller:i})}`}element(o){var e;return(e=this[P])==null?void 0:e.element(o)}get layoutComplete(){var o;return(o=this[P])==null?void 0:o.layoutComplete}scrollToIndex(o,e="start"){var t;(t=this.element(o))==null||t.scrollIntoView({block:e})}}A([r.zt({attribute:!1})],$.prototype,"items",void 0);A([r.zt()],$.prototype,"renderItem",void 0);A([r.zt()],$.prototype,"keyFunction",void 0);A([r.zt({attribute:!1})],$.prototype,"layout",void 0);A([r.zt({reflect:!0,type:Boolean})],$.prototype,"scroller",void 0);/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */customElements.define("lit-virtualizer",$);const So=":host{--options-divider-thickness: var( --divider-thickness-medium, var(--luzmo-border-width) );inline-size:auto;margin-block:var(--luzmo-options-section-divider-margin-block, max(0px, (var(--option-section-divider-height) - var(--options-divider-thickness)) / 2));margin-inline:var(--luzmo-option-label-inline-edge-to-content, var(--option-label-inline-edge-to-content));overflow:visible}:host{display:block;flex-shrink:0}";class Eo extends r.m(r.It,{validSizes:["s","m","l"]}){static get styles(){return[r.at(so.r),r.at(So)]}firstUpdated(o){super.firstUpdated(o),this.setAttribute("role","separator")}}const Oo=":host{--option-top-to-action: var(--luzmo-spacing-1);--option-top-to-checkbox: var(--luzmo-spacing-1);--option-label-line-height: var(--luzmo-line-height);--option-label-line-height-cjk: 1.5;--option-label-to-description-spacing: 1px;--option-focus-indicator-width: var(--luzmo-indicator-width);--option-focus-indicator-color: var(--luzmo-indicator-color);--option-label-to-value-area-min-spacing: var(--luzmo-spacing-3);--option-label-content-color-default: var(--luzmo-font-color);--option-label-content-color-hover: var(--luzmo-font-color-hover);--option-label-content-color-down: var(--luzmo-font-color-down);--option-label-content-color-focus: var(--luzmo-font-color-focus);--option-label-icon-color-default: var(--luzmo-font-color);--option-label-icon-color-hover: var(--luzmo-font-color-hover);--option-label-icon-color-down: var(--luzmo-font-color-down);--option-label-icon-color-focus: var(--luzmo-font-color-focus);--option-highlight-selected-label-background-color: var(--luzmo-primary);--option-highlight-selected-label-content-color: var( --luzmo-primary-inverse-color );--option-highlight-selected-label-content-color-hover: var( --luzmo-primary-inverse-color );--option-highlight-selected-label-content-color-down: var( --luzmo-primary-inverse-color );--option-highlight-selected-label-content-color-focus: var( --luzmo-primary-inverse-color );--option-label-content-color-disabled: var(--luzmo-font-color-disabled);--option-label-icon-color-disabled: var(--luzmo-font-color-disabled);--option-description-line-height: var(--luzmo-line-height);--option-description-line-height-cjk: 1.5;--option-description-color-default: var(--luzmo-font-color);--option-description-color-hover: var(--luzmo-font-color-hover);--option-description-color-down: var(--luzmo-font-color-down);--option-description-color-focus: var(--luzmo-font-color-focus);--option-description-color-disabled: var(--luzmo-disabled-color);--options-section-header-line-height: var(--luzmo-line-height);--options-section-header-line-height-cjk: 1.5;--options-section-header-font-weight: bold;--options-section-header-color: var(--luzmo-font-color-hard);--options-collapsible-icon-color: var(--luzmo-font-color-hard);--options-checkmark-icon-color-default: var(--luzmo-font-color);--options-checkmark-icon-color-hover: var(--luzmo-font-color-hover);--options-checkmark-icon-color-down: var(--luzmo-font-color-down);--options-checkmark-icon-color-focus: var(--luzmo-font-color-focus);--options-checkbox-icon-color-default: var(--luzmo-font-color);--options-checkbox-icon-color-hover: var(--luzmo-font-color-hover);--options-checkbox-icon-color-down: var(--luzmo-font-color-down);--options-checkbox-icon-color-focus: var(--luzmo-font-color-focus);--options-drillin-icon-color-default: var(--luzmo-font-color);--options-drillin-icon-color-hover: var(--luzmo-font-color-hover);--options-drillin-icon-color-down: var(--luzmo-font-color-down);--options-drillin-icon-color-focus: var(--luzmo-font-color-focus);--option-value-color-default: var(--luzmo-font-color);--option-value-color-hover: var(--luzmo-font-color-hover);--option-value-color-down: var(--luzmo-font-color-down);--option-value-color-focus: var(--luzmo-font-color-focus);--option-collapsible-no-icon-suboption-padding-x-start: 28px;--option-background-color-selected: var(--luzmo-background-color);--option-background-color-default: var(--luzmo-background-color);--option-background-color-hover: var(--luzmo-background-color-hover);--option-background-color-down: var(--luzmo-background-color-down);--option-background-color-key-focus: var(--luzmo-background-color-focus)}:host{--option-min-height: var(--luzmo-component-height);--option-icon-container-height: 18px;--options-pending-height: var(--option-min-height);--progress-circle-size: calc( var(--options-pending-height) - var(--option-top-edge-to-text) - var( --option-bottom-edge-to-text ) );--option-icon-height: var(--luzmo-font-size-l);--option-icon-width: var(--luzmo-font-size-l);--option-label-font-size: var(--luzmo-font-size);--option-label-text-to-visual: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--option-label-text-to-control: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--option-label-inline-edge-to-content: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--pending-inline-edge-to-content: var(--option-label-inline-edge-to-content);--option-top-edge-to-text: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--option-bottom-edge-to-text: var(--luzmo-spacing-3);--option-description-font-size: var(--luzmo-font-size-xs);--options-section-header-font-size: var(--luzmo-font-size);--options-section-header-min-width: var(--luzmo-component-height);--option-selectable-edge-to-text-not-selected: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--option-checkmark-size: var(--luzmo-font-size-xs);--option-checkbox-size: var(--luzmo-font-size-xs);--option-top-to-checkmark: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--option-top-to-checkbox: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([size=s]){--option-min-height: var(--luzmo-component-height-s);--option-icon-container-height: 17px;--option-icon-height: var(--luzmo-font-size);--option-icon-width: var(--luzmo-font-size);--option-label-font-size: var(--luzmo-font-size-s);--option-label-text-to-visual: var(--luzmo-spacing-3);--option-label-text-to-control: var(--luzmo-spacing-3);--option-label-inline-edge-to-content: var(--luzmo-spacing-3);--option-top-edge-to-text: calc( var(--luzmo-spacing-1) + var(--luzmo-spacing-2) );--option-bottom-edge-to-text: var(--luzmo-spacing-2);--option-description-font-size: var(--luzmo-font-size-xs);--options-section-header-font-size: var(--luzmo-font-size-s);--options-section-header-min-width: var(--luzmo-component-height-s);--option-selectable-edge-to-text-not-selected: var(--luzmo-spacing-3);--option-checkmark-size: var(--luzmo-font-size-xs);--option-checkbox-size: var(--luzmo-font-size-xs);--option-top-to-checkmark: var(--luzmo-spacing-3);--option-top-to-checkbox: var(--luzmo-spacing-3)}:host([size=l]){--option-min-height: var(--luzmo-component-height-l);--option-icon-container-height: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--option-icon-height: var(--luzmo-font-size-l);--option-icon-width: var(--luzmo-font-size-l);--option-label-font-size: var(--luzmo-font-size-l);--option-label-text-to-visual: var(--luzmo-spacing-4);--option-label-text-to-control: var(--luzmo-spacing-4);--option-label-inline-edge-to-content: var(--luzmo-spacing-4);--option-top-edge-to-text: var(--luzmo-spacing-4);--option-bottom-edge-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--option-description-font-size: var(--luzmo-font-size-s);--options-section-header-font-size: var(--luzmo-font-size-l);--options-section-header-min-width: var(--luzmo-component-height-l);--option-selectable-edge-to-text-not-selected: var(--luzmo-spacing-4);--option-checkmark-size: var(--luzmo-font-size-s);--option-checkbox-size: var(--luzmo-font-size-s);--option-top-to-checkmark: var(--luzmo-spacing-4);--option-top-to-checkbox: var(--luzmo-spacing-4)}:host([size=xl]){--option-min-height: var(--luzmo-component-height-xl);--option-icon-container-height: 26px;--option-icon-height: var(--luzmo-font-size-xl);--option-icon-width: var(--luzmo-font-size-xl);--option-label-font-size: var(--luzmo-font-size-xl);--option-label-text-to-visual: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--option-label-text-to-control: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--option-label-inline-edge-to-content: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--option-top-edge-to-text: var(--luzmo-spacing-4);--option-bottom-edge-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--option-description-font-size: var(--luzmo-font-size);--options-section-header-font-size: var(--luzmo-font-size-xl);--options-section-header-min-width: var(--luzmo-component-height-xl);--option-selectable-edge-to-text-not-selected: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--option-checkmark-size: var(--luzmo-font-size);--option-checkbox-size: var(--luzmo-font-size);--option-top-to-checkmark: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--option-top-to-checkbox: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) )}@media (forced-colors: active){:host{--highcontrast-option-background-color-default: ButtonFace;--highcontrast-option-color-default: ButtonText;--highcontrast-option-background-color-focus: Highlight;--highcontrast-option-color-focus: HighlightText;--highcontrast-options-checkmark-icon-color-default: Highlight;--highcontrast-options-checkbox-icon-color-default: Highlight;--highcontrast-option-color-disabled: GrayText;--highcontrast-option-focus-indicator-color: Highlight;--highcontrast-option-selected-background-color: Highlight;--highcontrast-option-selected-color: HighlightText}@supports (color: SelectedItem){:host{--highcontrast-option-selected-background-color: SelectedItem;--highcontrast-option-selected-color: SelectedItemText}}}:host{inline-size:auto;inline-size:var(--luzmo-options-inline-size, auto);box-sizing:border-box;margin:0;padding:0;list-style-type:none;display:inline-block;overflow:auto}:host:lang(ja),:host:lang(ko),:host:lang(zh){--option-label-line-height: var( --luzmo-option-label-line-height-cjk, var(--option-label-line-height-cjk) );--option-description-line-height: var( --luzmo-option-description-line-height-cjk, var(--option-description-line-height-cjk) );--options-section-header-line-height: var( --luzmo-options-section-header-line-height-cjk, var(--options-section-header-line-height-cjk) )}luzmo-option{width:100%}#pending{display:flex;flex-shrink:0;align-items:center;height:var(--options-pending-height);padding-inline:var(--pending-inline-edge-to-content)}:host{display:inline-flex;flex-direction:column;width:100%}:host(:focus){outline:none}::slotted(*){flex-shrink:0}";var Io=Object.defineProperty,S=(s,o,e,t)=>{for(var l=void 0,i=s.length-1,a;i>=0;i--)(a=s[i])&&(l=a(o,e,l)||l);return l&&Io(o,e,l),l};const X=25;function $o(s,o){return!!o&&(s===o||s.contains(o))}class w extends r.m(r.It,{noDefaultSize:!0}){constructor(){super(),this.label="",this.variant="highlight",this.selects="single",this.emphasized=!1,this.pending=!1,this.options=[],this.value=[],this.focusedOptionIndex=0,this._selectedOptions=[],this._firstVisibleIndex=0,this.addEventListener("focusin",this.handleFocusin),this.addEventListener("blur",this.handleBlur)}static get styles(){return[r.at(Oo)]}get _virtualizeActive(){return this.options.length>X}firstUpdated(o){super.firstUpdated(o),this.hasAttribute("tabindex")||(this.tabIndex=0);const e=[new Promise(t=>requestAnimationFrame(()=>t(!0)))];[...this.children].forEach(t=>{t.localName==="luzmo-option"&&e.push(t.updateComplete)}),this.optionElementsUpdated=Promise.all(e)}willUpdate(o){var e;o.has("selects")&&this.selects==="single"&&((e=this.value)==null?void 0:e.length)>1&&(this.value=this.value.slice(0,1))}updated(o){super.updated(o),o.has("label")&&(this.label||o.get("label")!==void 0)&&(this.label?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label"))}async getUpdateComplete(){const o=await super.getUpdateComplete();return await this.optionElementsUpdated,o}focus({preventScroll:o}={}){super.focus({preventScroll:o}),this.focusOptionByOffset(0)}_removeFocusedPropertyOnOptions(){requestAnimationFrame(()=>{this.visibleOptionElements.forEach(o=>{o.focused=!1})})}scrollToTop(){this.scrollTop=0}handleFocusin(){this.startListeningToKeyboard()}handleBlur(o){$o(this,o.relatedTarget)||(this.stopListeningToKeyboard(),this._removeFocusedPropertyOnOptions(),this.removeAttribute("aria-activedescendant"))}startListeningToKeyboard(){this.addEventListener("keydown",this.handleKeydown)}stopListeningToKeyboard(){this.removeEventListener("keydown",this.handleKeydown)}handleKeydown(o){var e;if(o.defaultPrevented)return;const t=this.focusedOptionIndex,l=[...this.visibleOptionElements].find(a=>{var n,c,u,z;return((n=a.value)==null?void 0:n.toString())===((z=(u=(c=this.options)==null?void 0:c[t])==null?void 0:u.value)==null?void 0:z.toString())}),{key:i}=o;if(i==="Tab"){this.prepareToCleanUp();return}if(i===" "||i==="Enter"){o.preventDefault(),l&&this.toggleOption(o,(e=this.options)==null?void 0:e[t]);return}if(i==="ArrowDown"||i==="ArrowUp"){o.preventDefault(),this.navigateWithinOptions(o,l);return}}navigateWithinOptions(o,e){const{key:t}=o,l=t==="ArrowDown"?1:-1;o.preventDefault(),o.stopPropagation();const i=this.focusOptionByOffset(l,e,!0);i!==e&&(this._virtualizeActive||i==null||i.scrollIntoView({block:"nearest"}))}focusOptionByOffset(o,e,t){var l;const i=o||1;e&&(e.focused=!1);const a=this.focusedOptionIndex;this.focusedOptionIndex=this.options.length>0?(this.options.length+this.focusedOptionIndex+o)%this.options.length:0;let n=this.options[this.focusedOptionIndex],c=this.options.length;for(;(n!=null&&n.disabled||n!=null&&n.divider)&&c;)c-=1,this.focusedOptionIndex=(this.options.length+this.focusedOptionIndex+i)%this.options.length,n=this.options[this.focusedOptionIndex];const u=a<this.focusedOptionIndex&&o===-1,z=a>this.focusedOptionIndex&&o===1;(u||z)&&(this.focusedOptionIndex=a,this.dispatchEvent(new Event(`luzmo-exceeded-${u?"top":"bottom"}`,{bubbles:!0,composed:!0,cancelable:!0})));let h;return t&&this._virtualizeActive&&(h=[...this.visibleOptionElements].find(m=>{var d,g,f;return((d=m.value)==null?void 0:d.toString())===((f=(g=this.options[this.focusedOptionIndex])==null?void 0:g.value)==null?void 0:f.toString())}),h||(this.focusedOptionIndex=this._firstVisibleIndex)),this._virtualizeActive&&t&&((l=this.virtualizer.element(this.focusedOptionIndex))==null||l.scrollIntoView({behavior:"smooth",block:"nearest"})),h=h??[...this.visibleOptionElements].find(m=>{var d,g,f,k,E;return(m.value===null?null:(d=m.value)==null?void 0:d.toString())===(((g=this.options[this.focusedOptionIndex])==null?void 0:g.value)===null?(f=this.options[this.focusedOptionIndex])==null?void 0:f.value:(E=(k=this.options[this.focusedOptionIndex])==null?void 0:k.value)==null?void 0:E.toString())}),n!=null&&n.disabled||this.setFocusedAndActiveDescendant(h),h}updateSelectedItemIndex(){this.focusedOptionIndex=this._virtualizeActive?this._firstVisibleIndex:0}setSelectedOptionsFromValue(){this._selectedOptions=this.options.filter(o=>{var e;return Array.isArray(this.value)&&((e=this.value)==null?void 0:e.includes((o==null?void 0:o.value)??null))})}visibilityChanged(o){this._firstVisibleIndex=(o==null?void 0:o.first)??0}rangeChange(o){o.stopPropagation(),o.preventDefault(),(o==null?void 0:o.first)!==-1&&(o==null?void 0:o.last)!==-1&&this.dispatchEvent(new CustomEvent("luzmo-scrolled",{bubbles:!0,composed:!0,cancelable:!0,detail:{first:o.first,last:o.last}}))}async toggleOption(o,e){var t;const l=o instanceof KeyboardEvent,i=this.options.findIndex(n=>(n==null?void 0:n.value)===(e==null?void 0:e.value));this.focusedOptionIndex=i,this.visibleOptionElements.forEach(n=>{var c,u;if(l){const z=((n==null?void 0:n.value)===null?null:(c=n.value)==null?void 0:c.toString())===((e==null?void 0:e.value)===null?null:(u=e==null?void 0:e.value)==null?void 0:u.toString());n.focused=z,z&&this.setFocusedAndActiveDescendant(n)}else n.focused=!1});const a=Array.isArray(this.value)&&((t=this.value)==null?void 0:t.includes((e==null?void 0:e.value)??null));this.selects==="single"?(this.value=[e==null?void 0:e.value],this._selectedOptions=[e]):(this.value=a?this.value.filter(n=>n!==(e==null?void 0:e.value)):[...this.value??[],e==null?void 0:e.value],this._selectedOptions=a?this._selectedOptions.filter(n=>n.value!==e.value):[...this._selectedOptions,e]),await this.updateComplete,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!0,composed:!0,detail:{value:this.value??[]}})),this.prepareToCleanUp()}handleOptionClick(o,e){this.toggleOption(e,o)}render(){const o=n=>r.Rt`<luzmo-icon
+        slot="icon"
+        .icon=${n}
+        .size=${this.size}
+      ></luzmo-icon>`,e=n=>r.Rt`<span slot="description">${n}</span>`,t=n=>r.Rt`<luzmo-icon
+        slot="icon"
+        .src=${n}
+        .size=${this.size}
+      ></luzmo-icon>`,l=n=>{var c;const u=n==null?void 0:n.value,z=n==null?void 0:n.label,h=n==null?void 0:n.description,m=n==null?void 0:n.icon,d=n==null?void 0:n.imgSrc,g=n==null?void 0:n.divider,f=typeof n=="string"||n==null?void 0:n.disabled;return g?r.Rt`<luzmo-options-divider></luzmo-options-divider>`:r.Rt`<luzmo-option
+            .value=${u}
+            .size=${this.size}
+            .variant=${this.variant}
+            ?emphasized=${this.emphasized}
+            ?no-wrap=${this.noWrap}
+            ?disabled=${f}
+            .selected=${Array.isArray(this.value)?(c=this.value)==null?void 0:c.includes(u):!1}
+            .role=${this.selects==="single"?"option":"optioncheckbox"}
+            @click=${this.handleOptionClick.bind(this,n)}
+          >
+            ${m?o(m):d?t(d):r.d}
+            ${z} ${h?e(h):r.d}
+          </luzmo-option>`},i=this._virtualizeActive?r.Rt`<lit-virtualizer
+          .items=${this.options}
+          .renderItem=${l}
+          @rangeChanged=${this.rangeChange}
+          @visibilityChanged=${this.visibilityChanged}
+        ></lit-virtualizer>`:Q(this.options,l),a=this.pending?r.Rt`<div id="pending">
+          <luzmo-progress-circle indeterminate></luzmo-progress-circle>
+        </div>`:r.d;return r.Rt`${i} ${a}`}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listbox"),this.updateComplete.then(()=>this.updateItemFocus())}disconnectedCallback(){super.disconnectedCallback()}prepareToCleanUp(){document.addEventListener("focusout",()=>{requestAnimationFrame(()=>{this.updateSelectedItemIndex()})},{once:!0})}updateItemFocus(){if(this.visibleOptionElements.length===0)return;const o=this.focusedOptionIndex,e=[...this.visibleOptionElements].find(t=>{var l,i,a,n,c,u;return(t.value===null?null:(l=t.value)==null?void 0:l.toString())===(((a=(i=this.options)==null?void 0:i[o])==null?void 0:a.value)===null?null:(u=(c=(n=this.options)==null?void 0:n[o])==null?void 0:c.value)==null?void 0:u.toString())});this.setFocusedAndActiveDescendant(e)}setFocusedAndActiveDescendant(o){var e,t;if(!o)return;const l=this.hasVisibleFocusInTree()||!!((e=this.visibleOptionElements)!=null&&e.some&&(t=this.visibleOptionElements)!=null&&t.some(i=>i.hasVisibleFocusInTree()));o.focused=l,l&&this.setAttribute("aria-activedescendant",o.id)}}S([r.zt({type:String,reflect:!0})],w.prototype,"label");S([r.zt({type:String,reflect:!0})],w.prototype,"variant");S([r.zt({type:String,reflect:!0})],w.prototype,"selects");S([r.zt({type:Boolean,reflect:!0})],w.prototype,"emphasized");S([r.zt({type:Boolean,reflect:!0})],w.prototype,"pending");S([r.zt({type:Array})],w.prototype,"options");S([r.zt({type:Boolean,reflect:!0,attribute:"no-wrap"})],w.prototype,"noWrap");S([r.zt({type:Array})],w.prototype,"value");S([_.d("lit-virtualizer")],w.prototype,"virtualizer");S([uo("luzmo-option")],w.prototype,"visibleOptionElements");customElements.get("luzmo-options")||customElements.define("luzmo-options",w);customElements.get("luzmo-options-divider")||customElements.define("luzmo-options-divider",Eo);customElements.get("luzmo-option")||customElements.define("luzmo-option",x);/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */const Ao=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const s=document.createElement("style");s.setAttribute("data-luzmo-vars",""),s.textContent='html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1a77e9;--luzmo-informative-color-rgb: 26, 119, 233;--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}',document.head.appendChild(s)}};Ao();const Lo=(s,o)=>{let e=getComputedStyle(s).getPropertyValue(o);for(;!e&&s.parentElement;)s=s.parentElement,e=getComputedStyle(s).getPropertyValue(o);return e.trim()},To=':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{margin-inline-end:var(--luzmo-select-spacing-text-to-icon, var(--select-spacing-text-to-icon));font-size:var(--luzmo-select-font-size, var(--select-font-size))}@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-spacing-edge-to-text, var(--select-spacing-edge-to-text));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{display:flex;position:relative;height:100%;align-items:center;font-size:var(--luzmo-select-disclosure-icon-size, var(--select-disclosure-icon-size))}.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-spacing-edge-to-text-quiet, var(--select-spacing-edge-to-text-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);border:none;border-radius:0;box-shadow:none;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{block-size:auto;inline-size:auto;border:none}@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))}#search-container{flex:0 0 auto;display:flex;position:relative;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))}#search-icon{position:absolute;left:var(--luzmo-select-spacing-edge-to-text, var(--select-spacing-edge-to-text));color:var(--luzmo-select-search-icon-color, var(--select-search-icon-color));top:0;bottom:0;pointer-events:none}#search:focus-within+#search-icon,#search:focus+#search-icon{color:var(--luzmo-select-search-icon-color-focus, var(--select-search-icon-color-focus))}#search{width:100%;box-sizing:border-box;color:var(--luzmo-select-search-color, var(--select-search-color));height:var(--luzmo-select-button-block-size, var(--select-button-block-size));padding-left:calc(var(--luzmo-select-spacing-edge-to-text, var(--select-spacing-edge-to-text)) + var(--luzmo-select-spacing-search-icon-to-text, var(--select-spacing-search-icon-to-text)) + var(--luzmo-select-font-size, var(--select-font-size)));padding-right:var(--luzmo-select-spacing-edge-to-text, var(--select-spacing-edge-to-text));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));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));display:flex;align-items:center}: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-spacing-search-icon-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--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-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-font-weight: var(--luzmo-font-weight);--select-placeholder-font-style: var(--luzmo-font-style);--select-button-line-height: var(--luzmo-line-height);--select-button-box-shadow: 0px 1px 3px 0px rgba(var(--luzmo-border-color-rgb), .06);--select-button-block-size: var(--luzmo-component-height);--select-button-border-radius: var(--luzmo-border-radius);--select-button-border-radius-reset: 0;--select-spacing-edge-to-text: 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-spacing-edge-to-text-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-spacing-edge-to-text)}:host([size=s]){--select-button-block-size: var(--luzmo-component-height-s);--select-font-size: 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-spacing-edge-to-text: 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-popover-max-width: 360px;--select-popover-min-width: 220px;--select-spacing-search-icon-to-text: var(--luzmo-spacing-4);--select-spacing-edge-to-text: 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-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-spacing-edge-to-text: 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);padding-inline-start:var(--luzmo-option-label-inline-edge-to-content, var(--option-label-inline-edge-to-content));background-color:var(--luzmo-option-highlight-label-background-color, var(--option-highlight-label-background-color, var(--luzmo-border-color)))}:host{display:inline-flex;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)))}: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{-webkit-user-select:inherit;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{border:0;clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;margin:0 -1px -1px 0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}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)))}';var Ro=Object.defineProperty,v=(s,o,e,t)=>{for(var l=void 0,i=s.length-1,a;i>=0;i--)(a=s[i])&&(l=a(o,e,l)||l);return l&&Ro(o,e,l),l};const Vo=()=>r.Rt`
+  <div class="disclosure-icon icon">
+    ${y.D(y.s,{className:"indicator"})}
+  </div>
+`,Bo=()=>r.Rt`
+  <div class="icon-container validation-icon icon">
+    ${y.D(y.u)}
+  </div>
+`,Do=()=>r.Rt`
+  <div class="icon-container search-icon icon" id="search-icon">
+    ${y.D(y.k)}
+  </div>
+`,W="select-option-menu",Fo=20;class p extends r.m(K.r,{noDefaultSize:!0}){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.pendingLabel="Pending",this.searchLabel="Search",this.noResultsLabel="No results",this.noDataLabel="No data",this.multipleLabelTemplate="Selected {count} items",this.open=!1,this.readonly=!1,this.placement="bottom-end",this.quiet=!1,this.value=[],this.options=[],this.selects="multiple",this.dependencyManager=new ao.a(this),this.isMobile=new I.g(this,I.u),this.listRole="listbox",this.itemRole="option",this.hasRenderedOverlay=!1,this._selfManageFocusElement=!1,this.selectionPromise=Promise.resolve(),this.enterKeydownOn=null,this._selectedOptions=[],this.handleSlottableRequest=o=>{},this.renderAngleIcon=()=>Vo(),this.renderAlertIcon=()=>Bo(),this.handleEnterKeydown=o=>{if(o.code==="Enter"){if(this.enterKeydownOn){o.preventDefault();return}this.enterKeydownOn=o.target,this.addEventListener("keyup",e=>{e.code==="Enter"&&(this.enterKeydownOn=null)},{once:!0})}},this.clearValue=o=>{o.preventDefault(),o.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.handleKeydown=o=>{var e,t;const{code:l}=o;if(["Delete","Backspace"].includes(l)){this.clearValue(o);return}if(this.focused=!0,!(!l.startsWith("Arrow")||this.readonly||this.pending)){if(l==="ArrowUp"||l==="ArrowDown"){this.toggle(!0),o.preventDefault();return}if(o.preventDefault(),this.selects==="single"){const i=l==="ArrowRight"?1:-1,a=this.options.findIndex(u=>{var z,h,m;return((z=u==null?void 0:u.value)==null?void 0:z.toString())===((m=(h=this.value)==null?void 0:h[0])==null?void 0:m.toString())});let n=(this.options.length+a+i)%this.options.length,c=this.options.length;for(;(t=(e=this.options)==null?void 0:e[n])!=null&&t.disabled&&c;)c-=1,n=(this.options.length+n+i)%this.options.length;this.value=[this.options[n].value],this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!0,composed:!0,detail:{value:this.value??[]}}))}}},this.pendingStateController=new I.o(this)}static get styles(){return[r.at(To)]}get selfManageFocusElement(){return this._selfManageFocusElement}get focusElement(){var o;return this.open?this.search==="on"||this.search==="auto"&&((o=this.options)==null?void 0:o.length)>Fo?this.searchInput:this.optionsMenu:this.button}forceFocusVisible(){this.disabled||(this.focused=!0)}click(){this.disabled||this.toggle()}handleButtonBlur(){this.focused=!1}focus(o){super.focus(o),!this.disabled&&this.focusElement&&(this.focused=this.hasVisibleFocusInTree())}handleHelperFocus(){this.focused=!0,this.button.focus()}handleChange(o){var e;this.value=((e=o==null?void 0:o.detail)==null?void 0:e.value)??[],this.strategy&&(this.strategy.preventNextToggle="no"),o.stopPropagation(),(!o.cancelable||this.selects==="single")&&(this.open=!1,this.strategy&&(this.strategy.open=!1)),o.preventDefault(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!0,composed:!0,detail:{value:this.value??[]}}))}handleButtonFocus(o){var e;(e=this.strategy)==null||e.handleButtonFocus(o)}toggle(o){this.readonly||this.pending||(this.open=o===void 0?!this.open:o,this.strategy&&(this.strategy.open=this.open),this._selfManageFocusElement=this.open)}close(){this.readonly||this.strategy&&(this.open=!1,this.strategy.open=!1)}bindEvents(){var o;(o=this.strategy)==null||o.abort(),this.strategy=this.isMobile.matches?new I.v.mobile(this.button,this):new I.v.desktop(this.button,this)}connectedCallback(){super.connectedCallback()}disconnectedCallback(){var o;this.close(),(o=this.strategy)==null||o.releaseDescription(),super.disconnectedCallback()}handleTooltipSlotchange(o){this.tooltipEl=o.target.assignedElements()[0]}get labelTemplate(){var o,e,t,l,i,a,n,c,u,z,h,m,d,g,f;const k=((o=this._selectedOptions)==null?void 0:o.length)===1&&((e=this._selectedOptions[0])==null?void 0:e.icon),E=r.Rt`<div
+      id="icon"
+      ?hidden=${typeof this.icons=="string"||((t=this.value)==null?void 0:t.length)>1||!k}
+    >
+      ${k?y.D(this._selectedOptions[0].icon):r.d}
+    </div>`,O=eo=>eo.replaceAll(/{([^}]+)}/g,(to,lo)=>{var q;return lo==="count"?String((q=this.value)==null?void 0:q.length):to}),Y={"visually-hidden":this.icons==="only"&&((l=this.value)==null?void 0:l.length)>0,placeholder:!((i=this.value)!=null&&i.length),label:!0};let D;(a=this.value)!=null&&a.length?D=this.value.length===1?r.Rt`<span
+              >${((c=(n=this._selectedOptions)==null?void 0:n[0])==null?void 0:c.shortLabel)??((z=(u=this._selectedOptions)==null?void 0:u[0])==null?void 0:z.label)??((h=this.value)==null?void 0:h[0])}</span
+            >`:r.Rt`<span
+              >${O(this.multipleLabelTemplate)}</span
+            >`:D=r.Rt`
+        <slot name="label" id="label">
+          <span aria-hidden="true"> ${this.label} </span>
+        </slot>
+      `;const Z=(m=this.value)!=null&&m.length?r.Rt`
+          <div aria-hidden="true" class="visually-hidden" id="applied-label">
+            ${this.label}
+            <slot name="label"></slot>
+          </div>
+        `:r.Rt` <span hidden id="applied-label">${this.label}</span> `,oo=()=>r.Rt`
+      <div class="icon-container clear-icon icon" @click=${this.clearValue}>
+        ${y.D(y.A)}
+      </div>
+    `;return[r.Rt`
+        ${((d=this.value)==null?void 0:d.length)===1?E:r.d}
+        <div
+          id=${_.m((g=this.value)!=null&&g.length?"label":void 0)}
+          class=${I.u$1(Y)}
+        >
+          ${D}
+        </div>
+        ${Z}
+        ${this.invalid&&!this.pending?r.Rt` ${this.renderAlertIcon()} `:r.d}
+        ${this.pendingStateController.renderPendingState()}
+        ${this.clearable&&!this.readonly&&((f=this.value)==null?void 0:f.length)>0?oo():r.d}
+        ${this.readonly?r.d:this.renderAngleIcon()}
+        <slot
+          aria-hidden="true"
+          name="tooltip"
+          id="tooltip"
+          @slotchange=${this.handleTooltipSlotchange}
+        ></slot>
+      `]}update(o){o.has("disabled")&&this.disabled&&this.strategy&&(this.open=!1,this.strategy.open=!1),o.has("pending")&&this.pending&&this.strategy&&(this.open=!1,this.strategy.open=!1),super.update(o)}bindButtonKeydownListener(){this.button.addEventListener("keydown",this.handleKeydown)}willUpdate(o){var e;const t=o.has("open"),l=o.has("value"),i=o.has("options"),a=o.has("selects"),n=o.get("open");a&&this.selects==="single"&&((e=this.value)==null?void 0:e.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&&n===!1&&this.open&&this.searchString&&(this.searchString=""),(l||i)&&this.setSelectedOptionsFromValue()}updated(o){var e;super.updated(o);const t=o.has("options");if(o.has("open")&&(this.strategy.open=this.open,this.open===!1&&this.optionsMenu.scrollToTop()),t)if(((e=this.options)==null?void 0:e.length)>X){const l=this.options.reduce((i,a)=>{var n,c;return(((n=i==null?void 0:i.label)==null?void 0:n.length)??0)>(((c=a==null?void 0:a.label)==null?void 0:c.length)??0)?i:a},0);this._estimatePopoverWidth(l)}else this.style.removeProperty("--select-popover-width")}firstUpdated(o){super.firstUpdated(o),this.bindButtonKeydownListener(),this.bindEvents()}_getCssVarInPixels(o){const e=Lo(this,o);let t;if(e.endsWith("rem")){const l=Number.parseFloat(getComputedStyle(document.documentElement).fontSize);t=Number.parseFloat(e)*l}else if(e.endsWith("em")){const l=Number.parseFloat(getComputedStyle(this).fontSize);t=Number.parseFloat(e)*l}else t=Number.parseFloat(e);return t>=0?t:void 0}_estimatePopoverWidth(o){const e=this._getCssVarInPixels("--luzmo-select-font-size")??this._getCssVarInPixels("--select-font-size"),t=this._getCssVarInPixels("--luzmo-select-popover-min-width")??this._getCssVarInPixels("--select-popover-min-width"),l=this._getCssVarInPixels("--luzmo-spacing-5"),i=document.createElement("luzmo-options");i.style.setProperty("--luzmo-select-font-size",`${e}px`),i.options=[o],i.value=[o],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(()=>{const a=i.offsetWidth+(l??0);return a>(t??0)?this.style.setProperty("--select-popover-width",`${a}px`):this.style.removeProperty("--select-popover-width"),i.remove(),a}).catch(a=>{console.error(a),i.remove()})}get dismissHelper(){return r.Rt`
+      <div class="visually-hidden">
+        <button
+          tabindex="-1"
+          aria-label="Dismiss"
+          @click=${this.close}
+        ></button>
+      </div>
+    `}render(){return this.tooltipEl&&(this.tooltipEl.disabled=this.open),r.Rt`
+      <span
+        id="focus-helper"
+        tabindex=${this.focused||this.open?"-1":"0"}
+        @focus=${this.handleHelperFocus}
+        aria-describedby=${W}
+      ></span>
+      <button
+        aria-controls=${_.m(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=${_.m(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 r.Rt`
+      <div id=${W}>
+        <slot name="description"></slot>
+      </div>
+    `}setSelectedOptionsFromValue(){this._selectedOptions=this.options.filter(o=>{var e;const t=typeof o=="string"?o:o==null?void 0:o.value;return(e=this.value)==null?void 0:e.includes(t)})}renderSearchInput(){return r.Rt`
+      <div id="search-container">
+        <input
+          type="text"
+          id="search"
+          .placeholder=${this.searchLabel}
+          @input=${this.handleSearchInput}
+          @change=${this.handleSearchInput}
+          @keydown=${this.handleSearchKeydown}
+          .value=${this.searchString??""}
+          .aria-label=${this.searchLabel}
+          autocomplete="off"
+          tabindex="0"
+          role="searchbox"
+        />
+        ${Do()}
+      </div>
+    `}get renderMenu(){const o=this.options.filter(t=>{var l,i,a;const n=typeof t=="string"?t:t==null?void 0:t.label;return(a=(l=n==null?void 0:n.toString())==null?void 0:l.toLowerCase())==null?void 0:a.includes(((i=this.searchString)==null?void 0:i.toLowerCase())??"")}),e=r.Rt`
+      <luzmo-options
+        .variant=${this.variant}
+        aria-labelledby="applied-label"
+        id="menu"
+        ?emphasized=${this.emphasized}
+        .selects=${this.selects??"multiple"}
+        .options=${o}
+        .value=${this.value}
+        ?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>
+      ${o.length===0&&!this.retrieving&&!this.pending?r.Rt`<div id="no-results">
+            ${this.searchString?this.noResultsLabel:this.noDataLabel}
+          </div>`:r.d}
+    `;return this.hasRenderedOverlay=this.hasRenderedOverlay||this.focused||this.open,this.hasRenderedOverlay?(this.dependencyManager.loaded&&this.dependencyManager.add("luzmo-overlay"),this.renderOverlay(e)):e}renderOverlay(o){var e,t,l;if(((e=this.strategy)==null?void 0:e.overlay)===void 0)return o;const i=this.renderContainer(o);return r.wt(i,(t=this.strategy)==null?void 0:t.overlay,{host:this}),(l=this.strategy)==null?void 0:l.overlay}renderContainer(o){var e,t;const l=this.search==="on"||this.searchString&&((e=this.searchString)==null?void 0:e.length)>0||this.search==="auto"&&((t=this.options)==null?void 0:t.length)>20?this.renderSearchInput():r.d,i=r.Rt`
+      ${l} ${this.dismissHelper} ${o} ${this.dismissHelper}
+    `;return this.dependencyManager.add("luzmo-popover"),r.Rt`
+      <luzmo-popover
+        id="popover"
+        size=${this.size}
+        role="presentation"
+        placement=${this.placement}
+      >
+        ${i}
+      </luzmo-popover>
+    `}async getUpdateComplete(){const o=await super.getUpdateComplete();return await this.selectionPromise,this.overlayElement&&await this.overlayElement.updateComplete,o}handleScrolled(o){var e,t;o.stopPropagation(),o.preventDefault(),this.dispatchEvent(new CustomEvent("luzmo-scrolled",{bubbles:!0,composed:!0,cancelable:!0,detail:{first:(e=o==null?void 0:o.detail)==null?void 0:e.first,last:(t=o==null?void 0:o.detail)==null?void 0:t.last}}))}handleExceededTop(o){o.preventDefault(),o.stopPropagation(),this.searchInput?this.searchInput.focus():this.toggle(!1)}handleSearchInput(o){this.searchString=o.target.value,this.dispatchEvent(new CustomEvent("luzmo-search",{bubbles:!0,composed:!0,cancelable:!0,detail:{string:this.searchString}}))}handleSearchKeydown(o){if(o.code==="Escape"){this.searchString="";return}if(o.code==="ArrowDown"){this.optionsMenu.focus(),o.preventDefault(),o.stopPropagation();return}else if(o.code==="ArrowUp"){this.toggle(!1);return}}}v([_.d("#button")],p.prototype,"button");v([r.zt({type:Boolean,reflect:!0})],p.prototype,"disabled");v([r.zt({type:Boolean,reflect:!0})],p.prototype,"focused");v([r.zt({type:String,reflect:!0})],p.prototype,"icons");v([r.zt({type:String,reflect:!0})],p.prototype,"variant");v([r.zt({type:Boolean,reflect:!0})],p.prototype,"emphasized");v([r.zt({type:Boolean,reflect:!0})],p.prototype,"invalid");v([r.zt({type:String,reflect:!0})],p.prototype,"search");v([r.zt({type:Boolean,reflect:!0,attribute:"no-wrap"})],p.prototype,"noWrap");v([r.zt({type:Boolean,reflect:!0})],p.prototype,"retrieving");v([r.zt({type:Boolean,reflect:!0})],p.prototype,"pending");v([r.zt({type:Boolean,reflect:!0})],p.prototype,"clearable");v([r.zt({type:String,attribute:"pending-label"})],p.prototype,"pendingLabel");v([r.zt({type:String,attribute:"search-label"})],p.prototype,"searchLabel");v([r.zt({type:String,attribute:"no-results-label"})],p.prototype,"noResultsLabel");v([r.zt({type:String,attribute:"no-data-label"})],p.prototype,"noDataLabel");v([r.zt({type:String,attribute:"multiple-label-template",reflect:!0})],p.prototype,"multipleLabelTemplate");v([r.zt()],p.prototype,"label");v([r.zt({type:Boolean,reflect:!0})],p.prototype,"open");v([r.zt({type:Boolean,reflect:!0})],p.prototype,"readonly");v([b.n()],p.prototype,"labelAlignment");v([b.n()],p.prototype,"displayLabelContent");v([b.n()],p.prototype,"searchString");v([_.d("luzmo-options")],p.prototype,"optionsMenu");v([_.d("#search")],p.prototype,"searchInput");v([_.d("luzmo-overlay")],p.prototype,"overlayElement");v([_.d("lit-virtualizer")],p.prototype,"virtualizer");v([r.zt({type:String,reflect:!0})],p.prototype,"placement");v([r.zt({type:Boolean,reflect:!0})],p.prototype,"quiet");v([r.zt({type:Array})],p.prototype,"value");v([r.zt({type:Array})],p.prototype,"options");v([r.zt({type:String,reflect:!0})],p.prototype,"selects");customElements.get("luzmo-select")||customElements.define("luzmo-select",p);

package/components/{index-Brg_sVUg.js → index-CTVNGPeT.js}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { LuzmoPopover as l } from "./popover-DRyjN9y_-w1zh4tvw.js";
+import { LuzmoPopover as l } from "./popover-DjX0aAnY-B_ujTfos.js";
 /*! * Lucero - The design system for Luzmo.
  * 
  * Copyright © 2025 Luzmo