npm - @luzmo/analytics-components-kit - Versions diffs - 1.0.1-alpha.4 → 1.0.1-alpha.40 - Mend

@luzmo/analytics-components-kit 1.0.1-alpha.4 → 1.0.1-alpha.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1476) hide show

package/components/index-BNwJ9moR.js ADDED Viewed

@@ -0,0 +1,1789 @@
+/*! * 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.
+ * */
+import { b as go, y as bo, a as fo } from "./observe-slot-text-BPfIQQtz-v6B-1BYh.js";
+import { R as d, a as T, d as _, m as N, I as oo, P as zo, v as eo, z as a, o as yo, w as _o } from "./base-D76d76ww-BGkuhs54.js";
+import { d as E, m as q } from "./if-defined-DOaE2coe-CNT45Xcl.js";
+import { r as to } from "./focusable-BxtpnzWp-DJQkL8Zv.js";
+import { b as ko } from "./observe-slot-presence-CmVi0zTc-DCFuXW7v.js";
+import { n as xo } from "./element-resolution-FCUT-wql--7ctE626.js";
+import { D as O, d as wo, w as Co, Z as So, A as Eo, s as $o, u as Oo, k as Ao } from "./luzmo-icons-DbwDQtuO-QG0fLECn.js";
+import { _ as lo, $ as Io, s as io, a as Lo, p as A, g as L, b as j, x as To, n as H } from "./directive-helpers-Cm6gitnu-CeYtlPO9.js";
+import { C as Vo } from "./async-directive-BfcqVjDp-BCT-lA4F.js";
+import "./index-C3N6qTxJ.js";
+import { r as Bo } from "./divider.module-DoQWQEIJ-B19eHVg2.js";
+import { g as Fo, u as Po, o as Ro, v as K, a as Mo } from "./pending-state-DTX7ggyF-D1SvcIIz.js";
+import { a as Do } from "./index-Jmmy73Aq.js";
+import "./index-BC1LV3vH.js";
+import "./index-Boxjo5I0.js";
+import "./index-CTVNGPeT.js";
+/*! * 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 qo = () => {
+  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
+    const n = document.createElement("style");
+    n.setAttribute("data-luzmo-vars", ""), n.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(n);
+  }
+};
+qo();
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+let G;
+function jo(n) {
+  return (o, e) => yo(o, e, { get() {
+    return (this.renderRoot ?? G ?? (G = document.createDocumentFragment())).querySelectorAll(n);
+  } });
+}
+const Uo = '#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 No = Object.defineProperty, Ho = Object.getOwnPropertyDescriptor, w = (n, o, e, t) => {
+  for (var l = t > 1 ? void 0 : t ? Ho(o, e) : o, i = n.length - 1, s; i >= 0; i--)
+    (s = n[i]) && (l = (t ? s(o, e, l) : s(l)) || l);
+  return t && l && No(o, e, l), l;
+};
+const Wo = (n) => d`
+  <span class="icon-container icon checkmark ${n.join(" ")}">
+    ${O(So)}
+  </span>
+`, Ko = (n) => d`
+  <span class="icon-container icon checkbox ${n.join(" ")}">
+    ${O(Co)}
+  </span>
+`, Go = (n) => d`
+  <span class="icon-container icon checkbox ${n.join(" ")}">
+    ${O(wo)}
+  </span>
+`;
+class k extends go(
+  bo(ko(to, '[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 ? Go(t) : Ko(t) : o && this.variant !== "highlight" ? Wo(t) : d``;
+    }, this.proxyFocus = () => {
+      this.focus();
+    }, this.willDispatchUpdate = !1, this.addEventListener("click", this.handleClickCapture, {
+      capture: !0
+    }), new fo(this, {
+      config: {
+        characterData: !0,
+        childList: !0,
+        subtree: !0
+      },
+      callback: () => {
+        this.breakItemChildrenCache();
+      }
+    });
+  }
+  static get styles() {
+    return [T(Uo)];
+  }
+  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"));
+  }
+  /**
+   * @private
+   */
+  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 d`
+      ${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"
+    }) : _}
+    `;
+  }
+  handlePointerdown() {
+  }
+  firstUpdated(o) {
+    super.firstUpdated(o), this.setAttribute("tabindex", "-1"), this.addEventListener("pointerdown", this.handlePointerdown), this.hasAttribute("id") || (this.id = `luzmo-option-${xo()}`);
+  }
+  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);
+  }
+}
+w([
+  a({ type: Boolean, reflect: !0 })
+], k.prototype, "active", 2);
+w([
+  a({ type: Boolean, reflect: !0 })
+], k.prototype, "focused", 2);
+w([
+  a({ type: Boolean, reflect: !0 })
+], k.prototype, "selected", 2);
+w([
+  a({ type: Boolean, reflect: !0 })
+], k.prototype, "emphasized", 2);
+w([
+  a({ type: String, reflect: !0 })
+], k.prototype, "variant", 2);
+w([
+  a({ type: String })
+], k.prototype, "value", 1);
+w([
+  E("slot:not([name])")
+], k.prototype, "contentSlot", 2);
+w([
+  E('slot[name="icon"]')
+], k.prototype, "iconSlot", 2);
+w([
+  a({
+    type: Boolean,
+    reflect: !0,
+    attribute: "no-wrap",
+    hasChanged() {
+      return !1;
+    }
+  })
+], k.prototype, "noWrap", 2);
+w([
+  E(".anchor")
+], k.prototype, "anchorElement", 2);
+function V(n, o, e, t) {
+  var l = arguments.length, i = l < 3 ? o : t, s;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") i = Reflect.decorate(n, o, e, t);
+  else for (var r = n.length - 1; r >= 0; r--) (s = n[r]) && (i = (l < 3 ? s(i) : l > 3 ? s(o, e, i) : s(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 Y = (n, o, e) => {
+  const t = /* @__PURE__ */ new Map();
+  for (let l = o; l <= e; l++) t.set(n[l], l);
+  return t;
+}, ro = lo(class extends Io {
+  constructor(n) {
+    if (super(n), n.type !== io.CHILD) throw Error("repeat() can only be used in text expressions");
+  }
+  dt(n, o, e) {
+    let t;
+    e === void 0 ? e = o : o !== void 0 && (t = o);
+    const l = [], i = [];
+    let s = 0;
+    for (const r of n) l[s] = t ? t(r, s) : s, i[s] = e(r, s), s++;
+    return { values: i, keys: l };
+  }
+  render(n, o, e) {
+    return this.dt(n, o, e).values;
+  }
+  update(n, [o, e, t]) {
+    const l = Lo(n), { values: i, keys: s } = this.dt(o, e, t);
+    if (!Array.isArray(l)) return this.ut = s, i;
+    const r = this.ut ?? (this.ut = []), c = [];
+    let u, z, h = 0, g = l.length - 1, p = 0, b = i.length - 1;
+    for (; h <= g && p <= b; ) if (l[h] === null) h++;
+    else if (l[g] === null) g--;
+    else if (r[h] === s[p]) c[p] = A(l[h], i[p]), h++, p++;
+    else if (r[g] === s[b]) c[b] = A(l[g], i[b]), g--, b--;
+    else if (r[h] === s[b]) c[b] = A(l[h], i[b]), L(n, c[b + 1], l[h]), h++, b--;
+    else if (r[g] === s[p]) c[p] = A(l[g], i[p]), L(n, l[h], l[g]), g--, p++;
+    else if (u === void 0 && (u = Y(s, p, b), z = Y(r, h, g)), u.has(r[h])) if (u.has(r[g])) {
+      const f = z.get(s[p]), y = f !== void 0 ? l[f] : null;
+      if (y === null) {
+        const S = L(n, l[h]);
+        A(S, i[p]), c[p] = S;
+      } else c[p] = A(y, i[p]), L(n, l[h], y), l[f] = null;
+      p++;
+    } else j(l[g]), g--;
+    else j(l[h]), h++;
+    for (; p <= b; ) {
+      const f = L(n, c[b + 1]);
+      A(f, i[p]), c[p++] = f;
+    }
+    for (; h <= g; ) {
+      const f = l[h++];
+      f !== null && j(f);
+    }
+    return this.ut = s, To(n, c), eo;
+  }
+});
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class P extends Event {
+  constructor(o) {
+    super(P.eventName, { bubbles: !1 }), this.first = o.first, this.last = o.last;
+  }
+}
+P.eventName = "rangeChanged";
+class R extends Event {
+  constructor(o) {
+    super(R.eventName, { bubbles: !1 }), this.first = o.first, this.last = o.last;
+  }
+}
+R.eventName = "visibilityChanged";
+class M extends Event {
+  constructor() {
+    super(M.eventName, { bubbles: !1 });
+  }
+}
+M.eventName = "unpinned";
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class Yo {
+  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 Yo {
+  constructor(o, e) {
+    super(e), this._clients = /* @__PURE__ */ 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), s = Math.abs(l - e);
+      i < 1 && s < 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 Z = typeof window < "u" ? window.ResizeObserver : void 0;
+const U = Symbol("virtualizerRef"), B = "virtualizer-sizer";
+let J;
+class Jo {
+  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 = /* @__PURE__ */ 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 = /* @__PURE__ */ 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 Z(() => this._hostElementSizeChanged()), this._childrenRO = new Z(this._childrenSizeChanged.bind(this));
+  }
+  _initHostElement(o) {
+    const e = this._hostElement = o.hostElement;
+    this._applyVirtualizerStyles(), e[U] = this;
+  }
+  connected() {
+    this._initObservers();
+    const o = this._isScroller;
+    this._clippingAncestors = oe(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(`[${B}]`);
+      e || (e = document.createElement("div"), e.setAttribute(B, ""), 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(B, ""), this._sizer = e;
+    }
+    return this._sizer;
+  }
+  async updateLayoutConfig(o) {
+    await this._layoutInitialized;
+    const e = o.type || // The new config is compatible with the current layout,
+    // so we update the config and return true to indicate
+    // a successful update
+    J;
+    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 && (J = t = (await import("./flow-D-0MTYCm-BOBCoA5Z.js")).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);
+  }
+  // TODO (graynorton): Rework benchmarking so that it has no API and
+  // instead is always on except in production builds
+  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], s = this._first + l;
+      (this._itemsChanged || this._toBeMeasured.has(i)) && (o[s] = t.call(this, i, this._items[s]));
+    }
+    this._childMeasurements = o, this._schedule(this._updateLayout), this._toBeMeasured.clear();
+  }
+  /**
+   * Returns the width, height, and margins of the given child.
+   */
+  _measureChild(o) {
+    const { width: e, height: t } = o.getBoundingClientRect();
+    return Object.assign({ width: e, height: t }, Xo(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 M());
+  }
+  get _children() {
+    const o = [];
+    let e = this._hostElement.firstElementChild;
+    for (; e; )
+      e.hasAttribute(B) || 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, s, r, c;
+      const u = e.getBoundingClientRect();
+      i = 0, s = 0, r = window.innerHeight, c = window.innerWidth;
+      const z = this._clippingAncestors.map(($) => $.getBoundingClientRect());
+      z.unshift(u);
+      for (const $ of z)
+        i = Math.max(i, $.top), s = Math.max(s, $.left), r = Math.min(r, $.bottom), c = Math.min(c, $.right);
+      const h = t.getBoundingClientRect(), g = {
+        left: u.left - h.left,
+        top: u.top - h.top
+      }, p = {
+        width: t.scrollWidth,
+        height: t.scrollHeight
+      }, b = i - u.top + e.scrollTop, f = s - u.left + e.scrollLeft, y = Math.max(0, r - i), S = Math.max(0, c - s);
+      l.viewportSize = { width: S, height: y }, l.viewportScroll = { top: b, left: f }, l.totalScrollSize = p, l.offsetWithinScroller = g;
+    }
+  }
+  /**
+   * Styles the host element so that its size reflects the
+   * total size of all items.
+   */
+  _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%";
+    }
+  }
+  /**
+   * Sets the top and left transform style of the children from the values in
+   * pos.
+   */
+  _positionChildren(o) {
+    o && o.forEach(({ top: e, left: t, width: l, height: i, xOffset: s, yOffset: r }, 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 = s === void 0 ? null : s + "px", u.style.top = r === void 0 ? null : r + "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;
+  }
+  /**
+   * If we are smoothly scrolling to an element and the target element
+   * is in the DOM, we update our target coordinates as needed
+   */
+  _checkScrollIntoViewTarget(o) {
+    const { index: e } = this._scrollIntoViewTarget || {};
+    e && o != null && o.has(e) && this._updateScrollIntoViewCoordinates(this._layout.getScrollIntoViewCoordinates(this._scrollIntoViewTarget));
+  }
+  /**
+   * Emits a rangechange event with the current first, last, firstVisible, and
+   * lastVisible.
+   */
+  _notifyRange() {
+    this._hostElement.dispatchEvent(new P({ first: this._first, last: this._last }));
+  }
+  _notifyVisibility() {
+    this._hostElement.dispatchEvent(new R({
+      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;
+  }
+  /**
+   * Render and update the view at the next opportunity with the given
+   * hostElement size.
+   */
+  _hostElementSizeChanged() {
+    this._schedule(this._updateLayout);
+  }
+  // TODO (graynorton): Rethink how this works. Probably child loading is too specific
+  // to have dedicated support for; might want some more generic lifecycle hooks for
+  // layouts to use. Possibly handle measurement this way, too, or maybe that remains
+  // a first-class feature?
+  _childLoaded() {
+  }
+  // This is the callback for the ResizeObserver that watches the
+  // virtualizer's children. We land here at the end of every virtualizer
+  // update cycle that results in changes to physical items, and we also
+  // end up here if one or more children change size independently of
+  // the virtualizer update cycle.
+  _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 Xo(n) {
+  const o = window.getComputedStyle(n);
+  return {
+    marginTop: F(o.marginTop),
+    marginRight: F(o.marginRight),
+    marginBottom: F(o.marginBottom),
+    marginLeft: F(o.marginLeft)
+  };
+}
+function F(n) {
+  const o = n ? parseFloat(n) : NaN;
+  return Number.isNaN(o) ? 0 : o;
+}
+function X(n) {
+  if (n.assignedSlot !== null)
+    return n.assignedSlot;
+  if (n.parentElement !== null)
+    return n.parentElement;
+  const o = n.parentNode;
+  return o && o.nodeType === Node.DOCUMENT_FRAGMENT_NODE && o.host || null;
+}
+function Qo(n, o = !1) {
+  const e = [];
+  let t = o ? n : X(n);
+  for (; t !== null; )
+    e.push(t), t = X(t);
+  return e;
+}
+function oe(n, o = !1) {
+  let e = !1;
+  return Qo(n, 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 no = (n) => n, so = (n, o) => d`${o}: ${JSON.stringify(n, null, 2)}`;
+class ee extends Vo {
+  constructor(o) {
+    if (super(o), this._virtualizer = null, this._first = 0, this._last = -1, this._renderItem = (e, t) => so(e, t + this._first), this._keyFunction = (e, t) => no(e, t + this._first), this._items = [], o.type !== io.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 ro(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 ? eo : 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 Jo({ 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 te = lo(ee);
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class I extends zo {
+  constructor() {
+    super(...arguments), this.items = [], this.renderItem = so, this.keyFunction = no, this.layout = {}, this.scroller = !1;
+  }
+  createRenderRoot() {
+    return this;
+  }
+  render() {
+    const { items: o, renderItem: e, keyFunction: t, layout: l, scroller: i } = this;
+    return d`${te({
+      items: o,
+      renderItem: e,
+      keyFunction: t,
+      layout: l,
+      scroller: i
+    })}`;
+  }
+  element(o) {
+    var e;
+    return (e = this[U]) == null ? void 0 : e.element(o);
+  }
+  get layoutComplete() {
+    var o;
+    return (o = this[U]) == null ? void 0 : o.layoutComplete;
+  }
+  /**
+   * This scrollToIndex() shim is here to provide backwards compatibility with other 0.x versions of
+   * lit-virtualizer. It is deprecated and will likely be removed in the 1.0.0 release.
+   */
+  scrollToIndex(o, e = "start") {
+    var t;
+    (t = this.element(o)) == null || t.scrollIntoView({ block: e });
+  }
+}
+V([
+  a({ attribute: !1 })
+], I.prototype, "items", void 0);
+V([
+  a()
+], I.prototype, "renderItem", void 0);
+V([
+  a()
+], I.prototype, "keyFunction", void 0);
+V([
+  a({ attribute: !1 })
+], I.prototype, "layout", void 0);
+V([
+  a({ reflect: !0, type: Boolean })
+], I.prototype, "scroller", void 0);
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+customElements.define("lit-virtualizer", I);
+const le = ":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 ie extends N(oo, {
+  validSizes: ["s", "m", "l"]
+}) {
+  static get styles() {
+    return [T(Bo), T(le)];
+  }
+  firstUpdated(o) {
+    super.firstUpdated(o), this.setAttribute("role", "separator");
+  }
+}
+const re = ":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 ne = Object.defineProperty, C = (n, o, e, t) => {
+  for (var l = void 0, i = n.length - 1, s; i >= 0; i--)
+    (s = n[i]) && (l = s(o, e, l) || l);
+  return l && ne(o, e, l), l;
+};
+const ao = 25;
+function se(n, o) {
+  return !!o && (n === o || n.contains(o));
+}
+class x extends N(oo, {
+  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);
+  }
+  /**
+   * @internal
+   */
+  static get styles() {
+    return [T(re)];
+  }
+  /**
+   * @internal
+   */
+  get _virtualizeActive() {
+    return this.options.length > ao;
+  }
+  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();
+  }
+  // when the focus is lost in the options menu, we need to remove the focus from the item, stop listening to keyboard events and clean up the aria-activedescendant
+  handleBlur(o) {
+    se(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(
+      (s) => {
+        var r, c, u, z;
+        return ((r = s.value) == null ? void 0 : r.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 s = this.focusedOptionIndex;
+    this.focusedOptionIndex = this.options.length > 0 ? (this.options.length + this.focusedOptionIndex + o) % this.options.length : 0;
+    let r = this.options[this.focusedOptionIndex], c = this.options.length;
+    for (; (r != null && r.disabled || r != null && r.divider) && c; )
+      c -= 1, this.focusedOptionIndex = (this.options.length + this.focusedOptionIndex + i) % this.options.length, r = this.options[this.focusedOptionIndex];
+    const u = s < this.focusedOptionIndex && o === -1, z = s > this.focusedOptionIndex && o === 1;
+    (u || z) && (this.focusedOptionIndex = s, 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(
+      (g) => {
+        var p, b, f;
+        return ((p = g.value) == null ? void 0 : p.toString()) === ((f = (b = this.options[this.focusedOptionIndex]) == null ? void 0 : b.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(
+      (g) => {
+        var p, b, f, y, S;
+        return (g.value === null ? null : (p = g.value) == null ? void 0 : p.toString()) === (((b = this.options[this.focusedOptionIndex]) == null ? void 0 : b.value) === null ? (f = this.options[this.focusedOptionIndex]) == null ? void 0 : f.value : (S = (y = this.options[this.focusedOptionIndex]) == null ? void 0 : y.value) == null ? void 0 : S.toString());
+      }
+    ), r != null && r.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(
+      (r) => (r == null ? void 0 : r.value) === (e == null ? void 0 : e.value)
+    );
+    this.focusedOptionIndex = i, this.visibleOptionElements.forEach((r) => {
+      var c, u;
+      if (l) {
+        const z = ((r == null ? void 0 : r.value) === null ? null : (c = r.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());
+        r.focused = z, z && this.setFocusedAndActiveDescendant(r);
+      } else
+        r.focused = !1;
+    });
+    const s = 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 = s ? this.value.filter((r) => r !== (e == null ? void 0 : e.value)) : [...this.value ?? [], e == null ? void 0 : e.value], this._selectedOptions = s ? this._selectedOptions.filter(
+      (r) => r.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 = (r) => d`<luzmo-icon
+        slot="icon"
+        .icon=${r}
+        .size=${this.size}
+      ></luzmo-icon>`, e = (r) => d`<span slot="description">${r}</span>`, t = (r) => d`<luzmo-icon
+        slot="icon"
+        .src=${r}
+        .size=${this.size}
+      ></luzmo-icon>`, l = (r) => {
+      var c;
+      const u = r == null ? void 0 : r.value, z = r == null ? void 0 : r.label, h = r == null ? void 0 : r.description, g = r == null ? void 0 : r.icon, p = r == null ? void 0 : r.imgSrc, b = r == null ? void 0 : r.divider, f = typeof r == "string" || r == null ? void 0 : r.disabled;
+      return b ? d`<luzmo-options-divider></luzmo-options-divider>` : d`<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, r)}
+          >
+            ${g ? o(g) : p ? t(p) : _}
+            ${z} ${h ? e(h) : _}
+          </luzmo-option>`;
+    }, i = this._virtualizeActive ? d`<lit-virtualizer
+          .items=${this.options}
+          .renderItem=${l}
+          @rangeChanged=${this.rangeChange}
+          @visibilityChanged=${this.visibilityChanged}
+        ></lit-virtualizer>` : ro(this.options, l), s = this.pending ? d`<div id="pending">
+          <luzmo-progress-circle indeterminate></luzmo-progress-circle>
+        </div>` : _;
+    return d`${i} ${s}`;
+  }
+  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, s, r, c, u;
+        return (t.value === null ? null : (l = t.value) == null ? void 0 : l.toString()) === (((s = (i = this.options) == null ? void 0 : i[o]) == null ? void 0 : s.value) === null ? null : (u = (c = (r = this.options) == null ? void 0 : r[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);
+  }
+}
+C([
+  a({ type: String, reflect: !0 })
+], x.prototype, "label");
+C([
+  a({ type: String, reflect: !0 })
+], x.prototype, "variant");
+C([
+  a({ type: String, reflect: !0 })
+], x.prototype, "selects");
+C([
+  a({ type: Boolean, reflect: !0 })
+], x.prototype, "emphasized");
+C([
+  a({ type: Boolean, reflect: !0 })
+], x.prototype, "pending");
+C([
+  a({ type: Array })
+], x.prototype, "options");
+C([
+  a({ type: Boolean, reflect: !0, attribute: "no-wrap" })
+], x.prototype, "noWrap");
+C([
+  a({ type: Array })
+], x.prototype, "value");
+C([
+  E("lit-virtualizer")
+], x.prototype, "virtualizer");
+C([
+  jo("luzmo-option")
+], x.prototype, "visibleOptionElements");
+customElements.get("luzmo-options") || customElements.define("luzmo-options", x);
+customElements.get("luzmo-options-divider") || customElements.define("luzmo-options-divider", ie);
+customElements.get("luzmo-option") || customElements.define("luzmo-option", k);
+/*! * 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 ae = () => {
+  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
+    const n = document.createElement("style");
+    n.setAttribute("data-luzmo-vars", ""), n.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(n);
+  }
+};
+ae();
+const ce = (n, o) => {
+  let e = getComputedStyle(n).getPropertyValue(o);
+  for (; !e && n.parentElement; )
+    n = n.parentElement, e = getComputedStyle(n).getPropertyValue(o);
+  return e.trim();
+}, ue = ':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 he = Object.defineProperty, m = (n, o, e, t) => {
+  for (var l = void 0, i = n.length - 1, s; i >= 0; i--)
+    (s = n[i]) && (l = s(o, e, l) || l);
+  return l && he(o, e, l), l;
+};
+const de = () => d`
+  <div class="disclosure-icon icon">
+    ${O($o, { className: "indicator" })}
+  </div>
+`, pe = () => d`
+  <div class="icon-container validation-icon icon">
+    ${O(Oo)}
+  </div>
+`, ve = () => d`
+  <div class="icon-container search-icon icon" id="search-icon">
+    ${O(Ao)}
+  </div>
+`, Q = "select-option-menu", me = 20;
+class v extends N(to, {
+  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 Do(this), this.isMobile = new Fo(this, Po), 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 = () => de(), this.renderAlertIcon = () => pe(), 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, s = this.options.findIndex(
+            (u) => {
+              var z, h, g;
+              return ((z = u == null ? void 0 : u.value) == null ? void 0 : z.toString()) === ((g = (h = this.value) == null ? void 0 : h[0]) == null ? void 0 : g.toString());
+            }
+          );
+          let r = (this.options.length + s + i) % this.options.length, c = this.options.length;
+          for (; (t = (e = this.options) == null ? void 0 : e[r]) != null && t.disabled && c; )
+            c -= 1, r = (this.options.length + r + i) % this.options.length;
+          this.value = [this.options[r].value], this.dispatchEvent(
+            new CustomEvent("change", {
+              bubbles: !0,
+              cancelable: !0,
+              composed: !0,
+              detail: {
+                value: this.value ?? []
+              }
+            })
+          );
+        }
+      }
+    }, this.pendingStateController = new Ro(this);
+  }
+  /**
+   * @internal
+   */
+  static get styles() {
+    return [T(ue)];
+  }
+  /**
+   * @internal
+   */
+  get selfManageFocusElement() {
+    return this._selfManageFocusElement;
+  }
+  /**
+   * @internal
+   */
+  get focusElement() {
+    var o;
+    return this.open ? this.search === "on" || this.search === "auto" && ((o = this.options) == null ? void 0 : o.length) > me ? 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 K.mobile(this.button, this) : new K.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];
+  }
+  /**
+   * @internal
+   */
+  get labelTemplate() {
+    var o, e, t, l, i, s, r, c, u, z, h, g, p, b, f;
+    const y = ((o = this._selectedOptions) == null ? void 0 : o.length) === 1 && ((e = this._selectedOptions[0]) == null ? void 0 : e.icon), S = d`<div
+      id="icon"
+      ?hidden=${typeof this.icons == "string" || ((t = this.value) == null ? void 0 : t.length) > 1 || !y}
+    >
+      ${y ? O(this._selectedOptions[0].icon) : _}
+    </div>`, $ = (po) => po.replaceAll(
+      /{([^}]+)}/g,
+      (vo, mo) => {
+        var W;
+        return mo === "count" ? String((W = this.value) == null ? void 0 : W.length) : vo;
+      }
+    ), co = {
+      "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;
+    (s = this.value) != null && s.length ? D = this.value.length === 1 ? d`<span
+              >${((c = (r = this._selectedOptions) == null ? void 0 : r[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
+            >` : d`<span
+              >${$(this.multipleLabelTemplate)}</span
+            >` : D = d`
+        <slot name="label" id="label">
+          <span aria-hidden="true"> ${this.label} </span>
+        </slot>
+      `;
+    const uo = (g = this.value) != null && g.length ? d`
+          <div aria-hidden="true" class="visually-hidden" id="applied-label">
+            ${this.label}
+            <slot name="label"></slot>
+          </div>
+        ` : d` <span hidden id="applied-label">${this.label}</span> `, ho = () => d`
+      <div class="icon-container clear-icon icon" @click=${this.clearValue}>
+        ${O(Eo)}
+      </div>
+    `;
+    return [
+      d`
+        ${((p = this.value) == null ? void 0 : p.length) === 1 ? S : _}
+        <div
+          id=${q((b = this.value) != null && b.length ? "label" : void 0)}
+          class=${Mo(co)}
+        >
+          ${D}
+        </div>
+        ${uo}
+        ${this.invalid && !this.pending ? d` ${this.renderAlertIcon()} ` : _}
+        ${this.pendingStateController.renderPendingState()}
+        ${this.clearable && !this.readonly && ((f = this.value) == null ? void 0 : f.length) > 0 ? ho() : _}
+        ${this.readonly ? _ : 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"), s = o.has("selects"), r = o.get("open");
+    s && 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 && r === !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) > ao) {
+        const l = this.options.reduce((i, s) => {
+          var r, c;
+          return (((r = i == null ? void 0 : i.label) == null ? void 0 : r.length) ?? 0) > (((c = s == null ? void 0 : s.label) == null ? void 0 : c.length) ?? 0) ? i : s;
+        }, 0);
+        this._estimatePopoverWidth(l);
+      } else
+        this.style.removeProperty("--select-popover-width");
+  }
+  firstUpdated(o) {
+    super.firstUpdated(o), this.bindButtonKeydownListener(), this.bindEvents();
+  }
+  _getCssVarInPixels(o) {
+    const e = ce(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 s = i.offsetWidth + (l ?? 0);
+      return s > (t ?? 0) ? this.style.setProperty("--select-popover-width", `${s}px`) : this.style.removeProperty("--select-popover-width"), i.remove(), s;
+    }).catch((s) => {
+      console.error(s), i.remove();
+    });
+  }
+  /**
+   * @internal
+   */
+  get dismissHelper() {
+    return d`
+      <div class="visually-hidden">
+        <button
+          tabindex="-1"
+          aria-label="Dismiss"
+          @click=${this.close}
+        ></button>
+      </div>
+    `;
+  }
+  // a helper to throw focus to the button is needed because Safari
+  // won't include buttons in the tab order even with tabindex="0"
+  render() {
+    return this.tooltipEl && (this.tooltipEl.disabled = this.open), d`
+      <span
+        id="focus-helper"
+        tabindex=${this.focused || this.open ? "-1" : "0"}
+        @focus=${this.handleHelperFocus}
+        aria-describedby=${Q}
+      ></span>
+      <button
+        aria-controls=${q(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=${q(
+      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}
+    `;
+  }
+  /**
+   * @internal
+   */
+  get renderDescriptionSlot() {
+    return d`
+      <div id=${Q}>
+        <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 d`
+      <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"
+        />
+        ${ve()}
+      </div>
+    `;
+  }
+  /**
+   * @internal
+   */
+  get renderMenu() {
+    const o = this.options.filter((t) => {
+      var l, i, s;
+      const r = typeof t == "string" ? t : t == null ? void 0 : t.label;
+      return (s = (l = r == null ? void 0 : r.toString()) == null ? void 0 : l.toLowerCase()) == null ? void 0 : s.includes(((i = this.searchString) == null ? void 0 : i.toLowerCase()) ?? "");
+    }), e = d`
+      <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 ? d`<div id="no-results">
+            ${this.searchString ? this.noResultsLabel : this.noDataLabel}
+          </div>` : _}
+    `;
+    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 _o(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() : _, i = d`
+      ${l} ${this.dismissHelper} ${o} ${this.dismissHelper}
+    `;
+    return this.dependencyManager.add("luzmo-popover"), d`
+      <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;
+    }
+  }
+}
+m([
+  E("#button")
+], v.prototype, "button");
+m([
+  a({ type: Boolean, reflect: !0 })
+], v.prototype, "disabled");
+m([
+  a({ type: Boolean, reflect: !0 })
+], v.prototype, "focused");
+m([
+  a({ type: String, reflect: !0 })
+], v.prototype, "icons");
+m([
+  a({ type: String, reflect: !0 })
+], v.prototype, "variant");
+m([
+  a({ type: Boolean, reflect: !0 })
+], v.prototype, "emphasized");
+m([
+  a({ type: Boolean, reflect: !0 })
+], v.prototype, "invalid");
+m([
+  a({ type: String, reflect: !0 })
+], v.prototype, "search");
+m([
+  a({ type: Boolean, reflect: !0, attribute: "no-wrap" })
+], v.prototype, "noWrap");
+m([
+  a({ type: Boolean, reflect: !0 })
+], v.prototype, "retrieving");
+m([
+  a({ type: Boolean, reflect: !0 })
+], v.prototype, "pending");
+m([
+  a({ type: Boolean, reflect: !0 })
+], v.prototype, "clearable");
+m([
+  a({ type: String, attribute: "pending-label" })
+], v.prototype, "pendingLabel");
+m([
+  a({ type: String, attribute: "search-label" })
+], v.prototype, "searchLabel");
+m([
+  a({ type: String, attribute: "no-results-label" })
+], v.prototype, "noResultsLabel");
+m([
+  a({ type: String, attribute: "no-data-label" })
+], v.prototype, "noDataLabel");
+m([
+  a({
+    type: String,
+    attribute: "multiple-label-template",
+    reflect: !0
+  })
+], v.prototype, "multipleLabelTemplate");
+m([
+  a()
+], v.prototype, "label");
+m([
+  a({ type: Boolean, reflect: !0 })
+], v.prototype, "open");
+m([
+  a({ type: Boolean, reflect: !0 })
+], v.prototype, "readonly");
+m([
+  H()
+], v.prototype, "labelAlignment");
+m([
+  H()
+], v.prototype, "displayLabelContent");
+m([
+  H()
+], v.prototype, "searchString");
+m([
+  E("luzmo-options")
+], v.prototype, "optionsMenu");
+m([
+  E("#search")
+], v.prototype, "searchInput");
+m([
+  E("luzmo-overlay")
+], v.prototype, "overlayElement");
+m([
+  E("lit-virtualizer")
+], v.prototype, "virtualizer");
+m([
+  a({ type: String, reflect: !0 })
+], v.prototype, "placement");
+m([
+  a({ type: Boolean, reflect: !0 })
+], v.prototype, "quiet");
+m([
+  a({ type: Array })
+], v.prototype, "value");
+m([
+  a({ type: Array })
+], v.prototype, "options");
+m([
+  a({ type: String, reflect: !0 })
+], v.prototype, "selects");
+customElements.get("luzmo-select") || customElements.define("luzmo-select", v);