solid-ui 3.1.3-5 → 3.1.3-6

package/dist/components/menu-items/MenuItems.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuItems.cjs.js","names":["customElement","WebComponent","consume","html","menuContext","styles","_classDecs","_MenuItems","_MenuItems2","_A","WeakMap","_ref","_contextDecs","context","subscribe","_MenuItems3","MenuItems","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_context","_classPrivateFieldGet","v","_classPrivateFieldSet","connectedCallback","setAttribute","style","positionAnchor","id","render","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/menu-items/MenuItems.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { menuContext, MenuContext } from '@/lib/menus/context'\n\nimport styles from './MenuItems.styles.css'\n\n@customElement('solid-ui-menu-items')\nexport default class MenuItems extends WebComponent {\n  static styles = styles\n\n  @consume({ context: menuContext, subscribe: true })\n  private accessor context!: MenuContext\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.setAttribute('popover', 'auto')\n    this.setAttribute('role', 'menu')\n\n    this.style.positionAnchor = '--menu-anchor'\n\n    if (this.context) {\n      this.id = `${this.context.id}-menu-items`\n    }\n  }\n\n  render () {\n    return html`\n        <div>\n            <slot></slot>\n        </div>\n    `\n  }\n}\n"],"mappings":"+3IAK2CM,EAAA,CAE1CN,EAAAA,cAAc,qBAAqB,CAAC,EAAA,IAAAO,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAAAA,EAAAA,SAI1B,CAAEC,QAAST,EAAAA,YAAaU,UAAW,EAAK,CAAC,EAAC,WAAAC,EAJrD,cACuCd,EAAAA,OAAa,CAAAgB,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAV,GAAAW,EAAA,IAAA,EAAAC,EAAA,IAAA,EAAA,CAAA,CAAA,IAAAV,IAAA,CAAA,OAAAW,EAAAb,EAAA,IAAA,CAAA,CAAA,IAIjCI,QAAOU,EAAA,CAAAC,EAAAf,EAAA,KAAAc,CAAA,CAAA,CAExBE,mBAAqB,CACnB,MAAMA,kBAAkB,EAExB,KAAKC,aAAa,UAAW,MAAM,EACnC,KAAKA,aAAa,OAAQ,MAAM,EAEhC,KAAKC,MAAMC,eAAiB,gBAExB,KAAKf,UACP,KAAKgB,GAAK,GAAG,KAAKhB,QAAQgB,GAAE,aAEhC,CAEAC,QAAU,CACR,MAAO3B,GAAAA,IAAI;;;;KAKb,CACF,EAAC,CAAA4B,EAAA,CAAAV,EAAAD,GAAAY,EAAA,CAAAzB,EAAA0B,IAAAC,EAAAnB,EAAA,CAAA,CAAAH,EAAA,EAAA,SAAA,CAAA,EAAAN,EAAA,EAAA,IAAA,GA1BsCL,EAAAA,OAAY,EAAAc,GAAAoB,EAAA,cAAAC,CAAA,CAAAnB,aAAA,CAAA,MAAAV,CAAA,EAAA8B,EAAA,KAAA,SACjChC,EAAAA,OAAM,EAAA4B,EAAA,CAAA,CAAA,EAAAI,EAAAF,EAAA3B,EAAA,IAAA,EAAA,EAAA2B"}

package/dist/components/menu-items/MenuItems.d.ts

@@ -1,8 +0,0 @@
-import { WebComponent } from '../../lib/components';
-export default class MenuItems extends WebComponent {
-    static styles: import('lit').CSSResult;
-    private accessor context;
-    connectedCallback(): void;
-    render(): import('lit-html').TemplateResult<1>;
-}
-//# sourceMappingURL=MenuItems.d.ts.map

package/dist/components/menu-items/MenuItems.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuItems.d.ts","sourceRoot":"","sources":["../../../src/components/menu-items/MenuItems.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAQ9D,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,YAAY;IACjD,MAAM,CAAC,MAAM,0BAAS;IAGtB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAc;IAEtC,iBAAiB;IAajB,MAAM;CAOP"}

package/dist/components/menu-items/MenuItems.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuItems.esm.js","names":["customElement","WebComponent","consume","html","menuContext","styles","_classDecs","_MenuItems","_MenuItems2","_A","WeakMap","_ref","_contextDecs","context","subscribe","_MenuItems3","MenuItems","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_context","_classPrivateFieldGet","v","_classPrivateFieldSet","connectedCallback","setAttribute","style","positionAnchor","id","render","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/menu-items/MenuItems.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { menuContext, MenuContext } from '@/lib/menus/context'\n\nimport styles from './MenuItems.styles.css'\n\n@customElement('solid-ui-menu-items')\nexport default class MenuItems extends WebComponent {\n  static styles = styles\n\n  @consume({ context: menuContext, subscribe: true })\n  private accessor context!: MenuContext\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.setAttribute('popover', 'auto')\n    this.setAttribute('role', 'menu')\n\n    this.style.positionAnchor = '--menu-anchor'\n\n    if (this.context) {\n      this.id = `${this.context.id}-menu-items`\n    }\n  }\n\n  render () {\n    return html`\n        <div>\n            <slot></slot>\n        </div>\n    `\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK2CM,IAAA,CAE1CN,EAAc,qBAAqB,CAAC;AAAA,IAAAO;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,KAAAC,IAIlCV,EAAQ;CAAEW,SAAST;CAAaU,WAAW;AAAK,CAAC,GAAC,YAAAC,IAJrD,cACuCd,EAAa;CAAAgB,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAV,IAAAW,EAAA,IAAA,GAAAC,EAAA,IAAA,EAAA;CAAA;CAAA,KAAAV,KAAA;EAAA,OAAAW,EAAAb,GAAA,IAAA;CAAA;CAAA,IAIjCI,QAAOU,GAAA;EAAAC,EAAAf,GAAA,MAAAc,CAAA;CAAA;CAExBE,oBAAqB;EAQnB,AAPA,MAAMA,kBAAkB,GAExB,KAAKC,aAAa,WAAW,MAAM,GACnC,KAAKA,aAAa,QAAQ,MAAM,GAEhC,KAAKC,MAAMC,iBAAiB,iBAExB,KAAKf,YACP,KAAKgB,KAAK,GAAG,KAAKhB,QAAQgB,GAAE;CAEhC;CAEAC,SAAU;EACR,OAAO3B,CAAI;;;;;CAKb;AACF,GAAC,CAAA4B,GAAA,CAAAV,GAAAD,IAAAY,GAAA,CAAAzB,GAAA0B,MAAAC,EAAAnB,GAAA,CAAA;CAAAH;CAAA;CAAA;AAAA,CAAA,GAAAN,GAAA,GAAA,KAAA,GA1BsCL,CAAY,GAAAc,IAAAoB,IAAA,cAAAC,EAAA;CAAAnB,cAAA;EAAA,MAAAV,CAAA,GAAA8B,EAAA,MAAA,UACjChC,CAAM,GAAA4B,EAAA;CAAA;AAAA,GAAAI,EAAAF,GAAA3B,GAAA,KAAA,CAAA,GAAA2B,GAAA"}

package/dist/components/menu-items/MenuItems.styles.cjs.js

@@ -1,2 +0,0 @@
-var e=require("lit").css`:host{top:calc(anchor(bottom) + 5px);right:anchor(right);position-try-fallbacks:flip-block, flip-inline;position-anchor:--menu-anchor;background:0 0;border:none;position:fixed;bottom:auto;left:auto;overflow:visible}:host div{background:var(--solid-ui-color-slate-50);border:1px solid var(--solid-ui-color-slate-200);border-radius:5px;flex-direction:column;gap:5px;min-width:300px;padding:10px 5px;display:flex;box-shadow:0 4px 16px #00000059}`;exports.default=e;
-//# sourceMappingURL=MenuItems.styles.cjs.js.map

package/dist/components/menu-items/MenuItems.styles.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuItems.styles.cjs.js","names":[],"sources":["../../../src/components/menu-items/MenuItems.styles.css"],"sourcesContent":[":host {\n    position: fixed;\n    top: calc(anchor(bottom) + 5px);\n    right: anchor(right);\n    left: auto;\n    bottom: auto;\n    overflow: visible;\n    position-try-fallbacks: flip-block, flip-inline;\n\n    /* Also set in JS for global tree-scoped reference */\n    position-anchor: --menu-anchor;\n\n    /* [popover] resets */\n    border: none;\n    background: transparent;\n\n    div {\n        min-width: 300px;\n        background: var(--solid-ui-color-slate-50);\n        border: 1px solid var(--solid-ui-color-slate-200);\n        border-radius: 5px;\n        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.35);\n        padding: 10px 5px;\n        display: flex;\n        flex-direction: column;\n        gap: 5px;\n    }\n}\n"],"mappings":""}

package/dist/components/menu-items/MenuItems.styles.esm.js

@@ -1,7 +0,0 @@
-import { css as e } from "lit";
-//#region src/components/menu-items/MenuItems.styles.css
-var t = e`:host{top:calc(anchor(bottom) + 5px);right:anchor(right);position-try-fallbacks:flip-block, flip-inline;position-anchor:--menu-anchor;background:0 0;border:none;position:fixed;bottom:auto;left:auto;overflow:visible}:host div{background:var(--solid-ui-color-slate-50);border:1px solid var(--solid-ui-color-slate-200);border-radius:5px;flex-direction:column;gap:5px;min-width:300px;padding:10px 5px;display:flex;box-shadow:0 4px 16px #00000059}`;
-//#endregion
-export { t as default };
-
-//# sourceMappingURL=MenuItems.styles.esm.js.map

package/dist/components/menu-items/MenuItems.styles.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuItems.styles.esm.js","names":[],"sources":["../../../src/components/menu-items/MenuItems.styles.css"],"sourcesContent":[":host {\n    position: fixed;\n    top: calc(anchor(bottom) + 5px);\n    right: anchor(right);\n    left: auto;\n    bottom: auto;\n    overflow: visible;\n    position-try-fallbacks: flip-block, flip-inline;\n\n    /* Also set in JS for global tree-scoped reference */\n    position-anchor: --menu-anchor;\n\n    /* [popover] resets */\n    border: none;\n    background: transparent;\n\n    div {\n        min-width: 300px;\n        background: var(--solid-ui-color-slate-50);\n        border: 1px solid var(--solid-ui-color-slate-200);\n        border-radius: 5px;\n        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.35);\n        padding: 10px 5px;\n        display: flex;\n        flex-direction: column;\n        gap: 5px;\n    }\n}\n"],"mappings":""}

package/dist/components/menu-items/index.cjs.js

@@ -1,2 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./MenuItems.cjs.js");var t=e._MenuItems;Object.defineProperty(exports,"MenuItems",{enumerable:!0,get:function(){return e._MenuItems}}),exports.default=t;
-//# sourceMappingURL=index.cjs.js.map

package/dist/components/menu-items/index.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs.js","names":["MenuItems"],"sources":["../../../src/components/menu-items/index.ts"],"sourcesContent":["import MenuItems from './MenuItems'\n\nexport { MenuItems }\nexport default MenuItems\n"],"mappings":"qIAGA,IAAA,EAAeA,EAAAA"}

package/dist/components/menu-items/index.d.ts

@@ -1,4 +0,0 @@
-import { default as MenuItems } from './MenuItems';
-export { MenuItems };
-export default MenuItems;
-//# sourceMappingURL=index.d.ts.map

package/dist/components/menu-items/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/menu-items/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAA;AAEnC,OAAO,EAAE,SAAS,EAAE,CAAA;AACpB,eAAe,SAAS,CAAA"}

package/dist/components/menu-items/index.esm.js

@@ -1,7 +0,0 @@
-import { _MenuItems as e } from "./MenuItems.esm.js";
-//#region src/components/menu-items/index.ts
-var t = e;
-//#endregion
-export { e as MenuItems, t as default };
-
-//# sourceMappingURL=index.esm.js.map

package/dist/components/menu-items/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","names":["MenuItems"],"sources":["../../../src/components/menu-items/index.ts"],"sourcesContent":["import MenuItems from './MenuItems'\n\nexport { MenuItems }\nexport default MenuItems\n"],"mappings":";;AAGA,IAAA,IAAeA"}

package/dist/components/menu-items.js

@@ -1,2 +0,0 @@
-import { n as e, t } from "../chunks/menu-items-DKKcQrb6.js";
-export { e as MenuItems, t as default };

package/dist/lib/menus/context.cjs.js

@@ -1,2 +0,0 @@
-var e=(0,require("@lit/context").createContext)(Symbol(`menu`));exports.menuContext=e;
-//# sourceMappingURL=context.cjs.js.map

package/dist/lib/menus/context.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.cjs.js","names":[],"sources":["../../../src/lib/menus/context.ts"],"sourcesContent":["import { createContext } from '@lit/context'\n\nexport interface MenuContext {\n  readonly id: string\n}\n\nexport const menuContext = createContext<MenuContext>(Symbol('menu'))\n"],"mappings":"AAMA,IAAa,GAAA,wBAAA,EAAA,eAAyC,OAAO,MAAM,CAAC"}

package/dist/lib/menus/context.d.ts

@@ -1,7 +0,0 @@
-export interface MenuContext {
-    readonly id: string;
-}
-export declare const menuContext: {
-    __context__: MenuContext;
-};
-//# sourceMappingURL=context.d.ts.map

package/dist/lib/menus/context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/lib/menus/context.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,WAAW;;CAA6C,CAAA"}

package/dist/lib/menus/context.esm.js

@@ -1,7 +0,0 @@
-import { createContext as e } from "@lit/context";
-//#region src/lib/menus/context.ts
-var t = e(Symbol("menu"));
-//#endregion
-export { t as menuContext };
-
-//# sourceMappingURL=context.esm.js.map

package/dist/lib/menus/context.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.esm.js","names":[],"sources":["../../../src/lib/menus/context.ts"],"sourcesContent":["import { createContext } from '@lit/context'\n\nexport interface MenuContext {\n  readonly id: string\n}\n\nexport const menuContext = createContext<MenuContext>(Symbol('menu'))\n"],"mappings":";;AAMA,IAAa,IAAc,EAA2B,OAAO,MAAM,CAAC"}

package/dist/lib/menus/index.cjs.js

@@ -1 +0,0 @@
-require("./context.cjs.js");

package/dist/lib/menus/index.d.ts

@@ -1,2 +0,0 @@
-export * from './context';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/menus/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/menus/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}

package/dist/lib/menus/index.esm.js

@@ -1 +0,0 @@
-import "./context.esm.js";

package/dist/v2/components/forms/select/Select.cjs.js

@@ -1,225 +0,0 @@
-const e=require("../shared/downArrow.cjs.js"),t=require("../shared/listboxTemplate.cjs.js"),n=require("../shared/listboxStyles.cjs.js"),r=require("../shared/keyboard.cjs.js");let i=require("lit"),a=require("lit/html.js");var o=class o extends i.LitElement{static _nextId=0;_popupPortalHost=null;_popupPortalRoot=null;_popupPortalContainer=null;_handleDocumentPointerDown=e=>{let t=e.target;if(!this._popupOpen||!(t instanceof Node))return;let n=`composedPath`in e?e.composedPath():[];n.includes(this)||this._popupPortalHost&&n.includes(this._popupPortalHost)||this._popupPortalRoot&&n.includes(this._popupPortalRoot)||this.contains(t)||this._closePopup()};_handleViewportChange=()=>{this._popupOpen&&this._updatePopupPosition()};static properties={label:{type:String,reflect:!0},theme:{type:String,reflect:!0},options:{type:Array,attribute:!1},layout:{type:String,reflect:!0},value:{type:String,reflect:!0},_popupOpen:{state:!0},_activeIndex:{state:!0}};static styles=[n.listboxStyles,i.css`
-      :host {
-        /* default theme */
-        display: block;
-        width: 100%;
-        min-width: 0;
-        max-width: 100%;
-        position: relative;
-        z-index: var(--select-z-index, 400);
-        box-sizing: border-box;
-        --select-open-z-index: 1000;
-        --select-popup-z-index: 1001;
-        --select-popup-background: var(--color-background, #f8f9fb);
-        --select-trigger-background: var(--color-background, #f8f9fb);
-        --select-trigger-toggle-hover-background: var(
-          --color-header-menu-item-hover,
-          #e6dcff
-        );
-        --input-background: var(--color-background, #f8f9fb);
-        --input-text: var(--color-text, #1a1a1a);
-        --input-border: var(--color-border-button-hover, var(--gray-400, #99A1AF));
-        --label-color: var(--grey-purple-700, #1a1a1a);
-        --placeholder-color: var(--grey-purple-700, #5e546d);
-        --select-trigger-text: var(--input-text);
-        --popup-background: var(--select-popup-background);
-        --popup-text: var(--color-text, #1a1a1a);
-        --popup-border: var(--color-border, #e5e7eb);
-        --popup-shadow: var(
-          --box-shadow-sm,
-          0 1px 4px rgba(124, 77, 255, 0.12)
-        );
-      }
-
-      :host([theme='dark']) {
-        display: block;
-        width: 100%;
-        min-width: 0;
-        max-width: 100%;
-        position: relative;
-        z-index: var(--select-z-index, 900);
-        box-sizing: border-box;
-        --select-open-z-index: 1000;
-        --select-popup-z-index: 1001;
-        --select-popup-background: var(--color-background, #1a1a1a);
-        --select-trigger-background: var(--color-background, #1a1a1a);
-        --select-trigger-toggle-hover-background: var(
-          --color-header-menu-item-hover,
-          #e6dcff
-        );
-        --input-background: var(--color-background, #1a1a1a);
-        --input-text: var(--color-text, #f8f9fb);
-        --input-border: var(--color-border-button-hover, var(--gray-400, #99A1AF));
-        --label-color: var(--grey-purple-700, #f8f9fb);
-        --placeholder-color: var(--grey-purple-700, #c7bfd3);
-        --select-trigger-text: var(--input-text);
-        --popup-background: var(--select-popup-background);
-        --popup-text: var(--color-text, #f8f9fb);
-        --popup-border: var(--color-border, #e5e7eb);
-        --popup-shadow: var(
-          --box-shadow-sm,
-          0 1px 4px rgba(124, 77, 255, 0.12)
-        );
-      }
-
-      :host([popup-open]) {
-        z-index: var(--select-open-z-index);
-      }
-
-      .select-field-row {
-        display: flex;
-        flex-direction: row;
-        position: relative;
-        width: 100%;
-        min-width: 0;
-      }
-
-      .select-trigger {
-        display: block;
-        position: relative;
-        width: 100%;
-        min-width: 0;
-        min-height: var(--select-trigger-height, var(--min-touch-target, 44px));
-        height: var(--select-trigger-height, var(--min-touch-target, 44px));
-        padding: var(--spacing-xxs, 0.3125rem)
-          calc(26px + (var(--select-trigger-inline-padding, var(--spacing-2xs, 0.625rem)) * 2) + 6px)
-          var(--spacing-xxs, 0.3125rem)
-          var(--select-trigger-inline-padding, var(--spacing-2xs, 0.625rem));
-        border-radius: var(--border-radius-base, 0.3125rem);
-        background: var(--select-trigger-background);
-        border: 1px solid var(--input-border);
-        color: var(--select-trigger-text);
-        cursor: pointer;
-        appearance: none;
-        -webkit-appearance: none;
-        font-family: inherit;
-        font-size: var(--font-size-sm, 0.875rem);
-        font-weight: var(--font-weight-md, 500);
-        line-height: normal;
-        text-align: left;
-        white-space: nowrap;
-        text-decoration: none;
-        box-sizing: border-box;
-      }
-
-      .select-trigger:focus-visible {
-        outline: 2px solid var(--color-focus-ring, var(--color-primary, #7C4DFF));
-        outline-offset: 2px;
-      }
-
-      .select-trigger-label {
-        display: block;
-        text-align: left;
-        overflow: hidden;
-        text-overflow: ellipsis;
-      }
-
-      .select-trigger-toggle {
-        position: absolute;
-        right: 6px;
-        top: 50%;
-        transform: translateY(-50%);
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: 26px;
-        height: 26px;
-        padding: 0;
-        border: none;
-        background: transparent;
-        cursor: pointer;
-        border-radius: var(--border-radius-base, 0.3125rem);
-        flex-shrink: 0;
-      }
-
-      .select-trigger-toggle:hover {
-        background: var(
-          --select-trigger-toggle-hover-background,
-          var(--color-header-menu-item-hover, #e6dcff)
-        );
-      }
-
-      .select-field-row:focus-within .select-trigger-toggle {
-        background: var(
-          --select-trigger-toggle-hover-background,
-          var(--color-header-menu-item-hover, #e6dcff)
-        );
-      }
-
-      .select-trigger-icon {
-        display: inline-flex;
-        flex: 0 0 auto;
-        align-items: center;
-        justify-content: center;
-        width: 0.75rem;
-        height: 0.4375rem;
-        pointer-events: none;
-      }
-
-      .select-trigger-icon svg {
-        width: 100%;
-        height: 100%;
-        display: block;
-      }
-
-      .select-options-section {
-        position: relative;
-        background: var(--popup-background);
-        border-radius: inherit;
-        isolation: isolate;
-      }
-
-      .popup-box {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        min-width: 100%;
-        background: var(--popup-background);
-        opacity: 1;
-        overflow: hidden;
-        color: var(--popup-text);
-        box-shadow: var(--popup-shadow);
-        border: 1px solid var(--popup-border);
-        border-radius: var(--border-radius-md, 0.5rem);
-        box-sizing: border-box;
-        isolation: isolate;
-        z-index: var(--select-popup-z-index);
-      }
-    `];_listboxId=`solid-ui-select-listbox-${o._nextId++}`;constructor(){super(),this.label=`Select an option`,this.theme=`light`,this.options=[],this.layout=`desktop`,this.value=``,this._popupOpen=!1,this._activeIndex=-1}connectedCallback(){super.connectedCallback(),document.addEventListener(`pointerdown`,this._handleDocumentPointerDown),window.addEventListener(`resize`,this._handleViewportChange),window.addEventListener(`scroll`,this._handleViewportChange,!0)}disconnectedCallback(){this._detachPopupPortal(),document.removeEventListener(`pointerdown`,this._handleDocumentPointerDown),window.removeEventListener(`resize`,this._handleViewportChange),window.removeEventListener(`scroll`,this._handleViewportChange,!0),super.disconnectedCallback()}updated(){this.toggleAttribute(`popup-open`,this._popupOpen),this._popupOpen?(this._updatePopupPosition(),this._popupPortalRoot&&(0,a.render)(this._renderPopup(),this._popupPortalRoot)):this._popupPortalRoot&&(0,a.render)(null,this._popupPortalRoot)}_getPopupPortalContainer(){return this.closest(`dialog[open]`)||document.body}_ensurePopupPortal(){let e=this._getPopupPortalContainer();if(this._popupPortalHost&&this._popupPortalRoot&&this._popupPortalContainer===e)return;this._detachPopupPortal(),this._popupPortalHost=document.createElement(`div`),this._popupPortalHost.setAttribute(`data-solid-ui-select-portal`,``),this._popupPortalHost.style.position=`fixed`,this._popupPortalHost.style.inset=`0 auto auto 0`,this._popupPortalHost.style.zIndex=`2147483647`,this._popupPortalHost.style.pointerEvents=`none`,this._popupPortalHost.style.boxSizing=`border-box`,this._popupPortalRoot=this._popupPortalHost.attachShadow({mode:`open`});let t=(Array.isArray(o.styles)?o.styles:[o.styles]).map(e=>e?.styleSheet).filter(e=>!!e);t.length>0&&(this._popupPortalRoot.adoptedStyleSheets=t),e.appendChild(this._popupPortalHost),this._popupPortalContainer=e}_detachPopupPortal(){this._popupPortalRoot&&(0,a.render)(null,this._popupPortalRoot),this._popupPortalHost?.parentNode&&this._popupPortalHost.parentNode.removeChild(this._popupPortalHost),this._popupPortalHost=null,this._popupPortalRoot=null,this._popupPortalContainer=null}_updatePopupPosition(){this._ensurePopupPortal();let e=this.getBoundingClientRect(),t=Math.min(288,Math.max(120,window.innerHeight-e.bottom-12));this._popupPortalHost&&(this._popupPortalHost.style.top=`${Math.round(e.bottom+2)}px`,this._popupPortalHost.style.left=`${Math.round(e.left)}px`,this._popupPortalHost.style.width=`${Math.round(e.width)}px`,this._popupPortalHost.style.maxHeight=`${Math.round(t)}px`,this._popupPortalHost.style.height=`0px`)}_closePopup(){this._popupOpen=!1,this._activeIndex=-1,this._popupPortalRoot&&(0,a.render)(null,this._popupPortalRoot)}_getSelectedIndex(){return r.findOptionIndexByValue(this.options,this.value)}_getSelectedOption(){let e=this._getSelectedIndex();return e>=0?this.options[e]:this.options[0]}_getDisplayedOptions(){let e=this._getSelectedOption();return e?[e,...this.options.filter(t=>t.value!==e.value)]:this.options}_getActiveOption(){let e=this._getDisplayedOptions();if(!(this._activeIndex<0))return e[this._activeIndex]}_selectValueFromDropdown(e){this.value=e,this.dispatchEvent(new CustomEvent(`change`,{detail:{value:e},bubbles:!0,composed:!0})),this._closePopup()}_selectActiveOption(){let e=this._getActiveOption();e&&!e.disabled&&this._selectValueFromDropdown(e.value)}_openPopup(){let e=this._getDisplayedOptions();this._popupOpen=!0,this._updatePopupPosition(),this._activeIndex=r.findOptionIndexByValue(e,this.value),this._activeIndex<0&&(this._activeIndex=r.getFirstEnabledIndex(e))}_handleTriggerKeydown(e){let t=this._getDisplayedOptions(),n=r.getListboxActionFromKey(e.key);if(n!==`none`)switch(e.preventDefault(),n){case`close`:this._closePopup();break;case`first`:this._popupOpen||this._openPopup(),this._activeIndex=r.getFirstEnabledIndex(t);break;case`last`:this._popupOpen||this._openPopup(),this._activeIndex=r.getLastEnabledIndex(t);break;case`next`:if(!this._popupOpen){this._openPopup();break}this._activeIndex=r.getNextEnabledIndex(this._activeIndex,t,1);break;case`previous`:if(!this._popupOpen){this._openPopup();break}this._activeIndex=r.getNextEnabledIndex(this._activeIndex,t,-1);break;case`select`:if(!this._popupOpen){this._openPopup();break}this._selectActiveOption();break;default:break}}_getOptionId(e,t){return`${this._listboxId}-option-${t}-${e.value}`}_renderPopup(){let e=this._getDisplayedOptions();return i.html`
-      <div class="popup-box" part="popup-box" style="pointer-events: auto; max-height: inherit; overflow: auto;">
-        <div class="select-options-section">
-          ${t.renderListbox({selectedOption:this._getSelectedOption(),activeOption:this._getActiveOption(),options:e,listboxId:this._listboxId,getOptionId:(e,t)=>this._getOptionId(e,t),onOptionSelect:e=>this._selectValueFromDropdown(e.value)})}
-        </div>
-      </div>
-    `}render(){let t=this._getSelectedOption(),n=this._getActiveOption(),r=t?.label??this.label,a=this._popupOpen&&n?this._getOptionId(n,this._activeIndex):void 0;return i.html`
-      <div class="select-field-row">
-        <button
-          class="select-trigger"
-          type="button"
-          aria-haspopup="listbox"
-          aria-expanded="${this._popupOpen}"
-          aria-controls="${this._listboxId}"
-          aria-activedescendant="${a??``}"
-          part="select-trigger"
-          @click="${()=>this._popupOpen?this._closePopup():this._openPopup()}"
-          @keydown="${this._handleTriggerKeydown}"
-        >
-          <span class="select-trigger-label" part="trigger-label"
-            >${r}</span
-          >
-          <span class="select-trigger-toggle" part="trigger-toggle">
-            <span class="select-trigger-icon" part="trigger-icon" aria-hidden="true"
-              >${e.downArrowIcon}</span
-            >
-          </span>
-        </button>
-      </div>
-
-      <div
-        class="select-root"
-        aria-label="Select a value"
-        @click="${e=>{e.target===e.currentTarget&&this._closePopup()}}"
-      ></div>
-    `}};exports.Select=o;
-//# sourceMappingURL=Select.cjs.js.map

package/dist/v2/components/forms/select/Select.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.cjs.js","names":[],"sources":["../../../../../src/v2/components/forms/select/Select.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { render as renderPortal } from 'lit/html.js'\nimport { downArrowIcon } from '../shared/downArrow'\nimport { renderListbox } from '../shared/listboxTemplate'\nimport { SelectOption } from '../shared/optionTypes'\nimport { listboxStyles } from '../shared/listboxStyles'\nimport {\n  findOptionIndexByValue,\n  getFirstEnabledIndex,\n  getLastEnabledIndex,\n  getListboxActionFromKey,\n  getNextEnabledIndex\n} from '../shared/keyboard'\n\n/* The following keyboard navigation and ARIA support for Select\n  were generated by AI Model: GPT-5.4 */\n/* Prompt: can you wire up the keyboard interactions and aria attributes for Select */\nexport class Select extends LitElement {\n  private static _nextId = 0\n  private _popupPortalHost: HTMLDivElement | null = null\n  private _popupPortalRoot: ShadowRoot | null = null\n  private _popupPortalContainer: Element | null = null\n  private readonly _handleDocumentPointerDown = (event: Event) => {\n    const eventTarget = event.target\n\n    if (!this._popupOpen || !(eventTarget instanceof Node)) {\n      return\n    }\n\n    const eventPath =\n      'composedPath' in event\n        ? (\n            event as Event & { composedPath: () => EventTarget[] }\n          ).composedPath()\n        : []\n\n    if (eventPath.includes(this)) {\n      return\n    }\n\n    if (\n      (this._popupPortalHost && eventPath.includes(this._popupPortalHost)) ||\n      (this._popupPortalRoot && eventPath.includes(this._popupPortalRoot))\n    ) {\n      return\n    }\n\n    if (!this.contains(eventTarget)) {\n      this._closePopup()\n    }\n  }\n\n  private readonly _handleViewportChange = () => {\n    if (!this._popupOpen) return\n    this._updatePopupPosition()\n  }\n\n  static properties = {\n    label: { type: String, reflect: true },\n    theme: { type: String, reflect: true },\n    options: { type: Array, attribute: false },\n    layout: { type: String, reflect: true },\n    value: { type: String, reflect: true },\n    _popupOpen: { state: true },\n    _activeIndex: { state: true }\n  }\n\n  static styles = [\n    listboxStyles,\n    css`\n      :host {\n        /* default theme */\n        display: block;\n        width: 100%;\n        min-width: 0;\n        max-width: 100%;\n        position: relative;\n        z-index: var(--select-z-index, 400);\n        box-sizing: border-box;\n        --select-open-z-index: 1000;\n        --select-popup-z-index: 1001;\n        --select-popup-background: var(--color-background, #f8f9fb);\n        --select-trigger-background: var(--color-background, #f8f9fb);\n        --select-trigger-toggle-hover-background: var(\n          --color-header-menu-item-hover,\n          #e6dcff\n        );\n        --input-background: var(--color-background, #f8f9fb);\n        --input-text: var(--color-text, #1a1a1a);\n        --input-border: var(--color-border-button-hover, var(--gray-400, #99A1AF));\n        --label-color: var(--grey-purple-700, #1a1a1a);\n        --placeholder-color: var(--grey-purple-700, #5e546d);\n        --select-trigger-text: var(--input-text);\n        --popup-background: var(--select-popup-background);\n        --popup-text: var(--color-text, #1a1a1a);\n        --popup-border: var(--color-border, #e5e7eb);\n        --popup-shadow: var(\n          --box-shadow-sm,\n          0 1px 4px rgba(124, 77, 255, 0.12)\n        );\n      }\n\n      :host([theme='dark']) {\n        display: block;\n        width: 100%;\n        min-width: 0;\n        max-width: 100%;\n        position: relative;\n        z-index: var(--select-z-index, 900);\n        box-sizing: border-box;\n        --select-open-z-index: 1000;\n        --select-popup-z-index: 1001;\n        --select-popup-background: var(--color-background, #1a1a1a);\n        --select-trigger-background: var(--color-background, #1a1a1a);\n        --select-trigger-toggle-hover-background: var(\n          --color-header-menu-item-hover,\n          #e6dcff\n        );\n        --input-background: var(--color-background, #1a1a1a);\n        --input-text: var(--color-text, #f8f9fb);\n        --input-border: var(--color-border-button-hover, var(--gray-400, #99A1AF));\n        --label-color: var(--grey-purple-700, #f8f9fb);\n        --placeholder-color: var(--grey-purple-700, #c7bfd3);\n        --select-trigger-text: var(--input-text);\n        --popup-background: var(--select-popup-background);\n        --popup-text: var(--color-text, #f8f9fb);\n        --popup-border: var(--color-border, #e5e7eb);\n        --popup-shadow: var(\n          --box-shadow-sm,\n          0 1px 4px rgba(124, 77, 255, 0.12)\n        );\n      }\n\n      :host([popup-open]) {\n        z-index: var(--select-open-z-index);\n      }\n\n      .select-field-row {\n        display: flex;\n        flex-direction: row;\n        position: relative;\n        width: 100%;\n        min-width: 0;\n      }\n\n      .select-trigger {\n        display: block;\n        position: relative;\n        width: 100%;\n        min-width: 0;\n        min-height: var(--select-trigger-height, var(--min-touch-target, 44px));\n        height: var(--select-trigger-height, var(--min-touch-target, 44px));\n        padding: var(--spacing-xxs, 0.3125rem)\n          calc(26px + (var(--select-trigger-inline-padding, var(--spacing-2xs, 0.625rem)) * 2) + 6px)\n          var(--spacing-xxs, 0.3125rem)\n          var(--select-trigger-inline-padding, var(--spacing-2xs, 0.625rem));\n        border-radius: var(--border-radius-base, 0.3125rem);\n        background: var(--select-trigger-background);\n        border: 1px solid var(--input-border);\n        color: var(--select-trigger-text);\n        cursor: pointer;\n        appearance: none;\n        -webkit-appearance: none;\n        font-family: inherit;\n        font-size: var(--font-size-sm, 0.875rem);\n        font-weight: var(--font-weight-md, 500);\n        line-height: normal;\n        text-align: left;\n        white-space: nowrap;\n        text-decoration: none;\n        box-sizing: border-box;\n      }\n\n      .select-trigger:focus-visible {\n        outline: 2px solid var(--color-focus-ring, var(--color-primary, #7C4DFF));\n        outline-offset: 2px;\n      }\n\n      .select-trigger-label {\n        display: block;\n        text-align: left;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      .select-trigger-toggle {\n        position: absolute;\n        right: 6px;\n        top: 50%;\n        transform: translateY(-50%);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 26px;\n        height: 26px;\n        padding: 0;\n        border: none;\n        background: transparent;\n        cursor: pointer;\n        border-radius: var(--border-radius-base, 0.3125rem);\n        flex-shrink: 0;\n      }\n\n      .select-trigger-toggle:hover {\n        background: var(\n          --select-trigger-toggle-hover-background,\n          var(--color-header-menu-item-hover, #e6dcff)\n        );\n      }\n\n      .select-field-row:focus-within .select-trigger-toggle {\n        background: var(\n          --select-trigger-toggle-hover-background,\n          var(--color-header-menu-item-hover, #e6dcff)\n        );\n      }\n\n      .select-trigger-icon {\n        display: inline-flex;\n        flex: 0 0 auto;\n        align-items: center;\n        justify-content: center;\n        width: 0.75rem;\n        height: 0.4375rem;\n        pointer-events: none;\n      }\n\n      .select-trigger-icon svg {\n        width: 100%;\n        height: 100%;\n        display: block;\n      }\n\n      .select-options-section {\n        position: relative;\n        background: var(--popup-background);\n        border-radius: inherit;\n        isolation: isolate;\n      }\n\n      .popup-box {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        min-width: 100%;\n        background: var(--popup-background);\n        opacity: 1;\n        overflow: hidden;\n        color: var(--popup-text);\n        box-shadow: var(--popup-shadow);\n        border: 1px solid var(--popup-border);\n        border-radius: var(--border-radius-md, 0.5rem);\n        box-sizing: border-box;\n        isolation: isolate;\n        z-index: var(--select-popup-z-index);\n      }\n    `\n  ]\n\n  declare label: string\n  declare theme: 'light' | 'dark'\n  declare options: Array<SelectOption>\n  declare layout: 'desktop' | 'mobile'\n  declare value: string\n  declare _popupOpen: boolean\n  declare _activeIndex: number\n\n  private readonly _listboxId = `solid-ui-select-listbox-${Select._nextId++}`\n\n  constructor () {\n    super()\n    this.label = 'Select an option'\n    this.theme = 'light'\n    this.options = []\n    this.layout = 'desktop'\n    this.value = ''\n    this._popupOpen = false\n    this._activeIndex = -1\n  }\n\n  connectedCallback () {\n    super.connectedCallback()\n    document.addEventListener('pointerdown', this._handleDocumentPointerDown)\n    window.addEventListener('resize', this._handleViewportChange)\n    window.addEventListener('scroll', this._handleViewportChange, true)\n  }\n\n  disconnectedCallback () {\n    this._detachPopupPortal()\n    document.removeEventListener('pointerdown', this._handleDocumentPointerDown)\n    window.removeEventListener('resize', this._handleViewportChange)\n    window.removeEventListener('scroll', this._handleViewportChange, true)\n    super.disconnectedCallback()\n  }\n\n  protected updated () {\n    this.toggleAttribute('popup-open', this._popupOpen)\n\n    if (this._popupOpen) {\n      this._updatePopupPosition()\n      if (this._popupPortalRoot) {\n        renderPortal(this._renderPopup(), this._popupPortalRoot)\n      }\n    } else if (this._popupPortalRoot) {\n      renderPortal(null, this._popupPortalRoot)\n    }\n  }\n\n  private _getPopupPortalContainer () {\n    return this.closest('dialog[open]') || document.body\n  }\n\n  private _ensurePopupPortal () {\n    const nextContainer = this._getPopupPortalContainer()\n\n    if (\n      this._popupPortalHost &&\n      this._popupPortalRoot &&\n      this._popupPortalContainer === nextContainer\n    ) {\n      return\n    }\n\n    this._detachPopupPortal()\n\n    this._popupPortalHost = document.createElement('div')\n    this._popupPortalHost.setAttribute('data-solid-ui-select-portal', '')\n    this._popupPortalHost.style.position = 'fixed'\n    this._popupPortalHost.style.inset = '0 auto auto 0'\n    this._popupPortalHost.style.zIndex = '2147483647'\n    this._popupPortalHost.style.pointerEvents = 'none'\n    this._popupPortalHost.style.boxSizing = 'border-box'\n\n    this._popupPortalRoot = this._popupPortalHost.attachShadow({ mode: 'open' })\n    const styleSheets = (Array.isArray(Select.styles) ? Select.styles : [Select.styles])\n      .map((style) => style?.styleSheet)\n      .filter((styleSheet): styleSheet is CSSStyleSheet => Boolean(styleSheet))\n\n    if (styleSheets.length > 0) {\n      this._popupPortalRoot.adoptedStyleSheets = styleSheets\n    }\n\n    nextContainer.appendChild(this._popupPortalHost)\n    this._popupPortalContainer = nextContainer\n  }\n\n  private _detachPopupPortal () {\n    if (this._popupPortalRoot) {\n      renderPortal(null, this._popupPortalRoot)\n    }\n\n    if (this._popupPortalHost?.parentNode) {\n      this._popupPortalHost.parentNode.removeChild(this._popupPortalHost)\n    }\n\n    this._popupPortalHost = null\n    this._popupPortalRoot = null\n    this._popupPortalContainer = null\n  }\n\n  private _updatePopupPosition () {\n    this._ensurePopupPortal()\n\n    const rect = this.getBoundingClientRect()\n    const maxHeight = Math.min(288, Math.max(120, window.innerHeight - rect.bottom - 12))\n\n    if (this._popupPortalHost) {\n      this._popupPortalHost.style.top = `${Math.round(rect.bottom + 2)}px`\n      this._popupPortalHost.style.left = `${Math.round(rect.left)}px`\n      this._popupPortalHost.style.width = `${Math.round(rect.width)}px`\n      this._popupPortalHost.style.maxHeight = `${Math.round(maxHeight)}px`\n      this._popupPortalHost.style.height = '0px'\n    }\n  }\n\n  private _closePopup () {\n    this._popupOpen = false\n    this._activeIndex = -1\n\n    if (this._popupPortalRoot) {\n      renderPortal(null, this._popupPortalRoot)\n    }\n  }\n\n  private _getSelectedIndex () {\n    return findOptionIndexByValue(this.options, this.value)\n  }\n\n  private _getSelectedOption () {\n    const selectedIndex = this._getSelectedIndex()\n\n    if (selectedIndex >= 0) {\n      return this.options[selectedIndex]\n    }\n\n    return this.options[0]\n  }\n\n  private _getDisplayedOptions () {\n    const selectedOption = this._getSelectedOption()\n\n    if (!selectedOption) {\n      return this.options\n    }\n\n    return [\n      selectedOption,\n      ...this.options.filter((option) => option.value !== selectedOption.value)\n    ]\n  }\n\n  private _getActiveOption () {\n    const popupOptions = this._getDisplayedOptions()\n\n    if (this._activeIndex < 0) {\n      return undefined\n    }\n\n    return popupOptions[this._activeIndex]\n  }\n\n  private _selectValueFromDropdown (uri: string) {\n    this.value = uri\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        detail: { value: uri },\n        bubbles: true,\n        composed: true\n      })\n    )\n    this._closePopup()\n  }\n\n  private _selectActiveOption () {\n    const activeOption = this._getActiveOption()\n\n    if (activeOption && !activeOption.disabled) {\n      this._selectValueFromDropdown(activeOption.value)\n    }\n  }\n\n  private _openPopup () {\n    const popupOptions = this._getDisplayedOptions()\n\n    this._popupOpen = true\n    this._updatePopupPosition()\n    this._activeIndex = findOptionIndexByValue(popupOptions, this.value)\n\n    if (this._activeIndex < 0) {\n      this._activeIndex = getFirstEnabledIndex(popupOptions)\n    }\n  }\n\n  private _handleTriggerKeydown (event: KeyboardEvent) {\n    const popupOptions = this._getDisplayedOptions()\n    const action = getListboxActionFromKey(event.key)\n\n    if (action === 'none') {\n      return\n    }\n\n    event.preventDefault()\n\n    switch (action) {\n      case 'close':\n        this._closePopup()\n        break\n      case 'first':\n        if (!this._popupOpen) {\n          this._openPopup()\n        }\n        this._activeIndex = getFirstEnabledIndex(popupOptions)\n        break\n      case 'last':\n        if (!this._popupOpen) {\n          this._openPopup()\n        }\n        this._activeIndex = getLastEnabledIndex(popupOptions)\n        break\n      case 'next':\n        if (!this._popupOpen) {\n          this._openPopup()\n          break\n        }\n        this._activeIndex = getNextEnabledIndex(\n          this._activeIndex,\n          popupOptions,\n          1\n        )\n        break\n      case 'previous':\n        if (!this._popupOpen) {\n          this._openPopup()\n          break\n        }\n        this._activeIndex = getNextEnabledIndex(\n          this._activeIndex,\n          popupOptions,\n          -1\n        )\n        break\n      case 'select':\n        if (!this._popupOpen) {\n          this._openPopup()\n          break\n        }\n        this._selectActiveOption()\n        break\n      default:\n        break\n    }\n  }\n\n  private _getOptionId (option: SelectOption, index: number) {\n    return `${this._listboxId}-option-${index}-${option.value}`\n  }\n\n  private _renderPopup () {\n    const popupOptions = this._getDisplayedOptions()\n    const selectedOption = this._getSelectedOption()\n    const activeOption = this._getActiveOption()\n\n    return html`\n      <div class=\"popup-box\" part=\"popup-box\" style=\"pointer-events: auto; max-height: inherit; overflow: auto;\">\n        <div class=\"select-options-section\">\n          ${renderListbox({\n            selectedOption,\n            activeOption,\n            options: popupOptions,\n            listboxId: this._listboxId,\n            getOptionId: (option, index) => this._getOptionId(option, index),\n            onOptionSelect: (option) =>\n              this._selectValueFromDropdown(option.value)\n          })}\n        </div>\n      </div>\n    `\n  }\n\n  render () {\n    const selectedOption = this._getSelectedOption()\n    const activeOption = this._getActiveOption()\n    const triggerLabel = selectedOption?.label ?? this.label\n    const activeDescendant =\n      this._popupOpen && activeOption\n        ? this._getOptionId(activeOption, this._activeIndex)\n        : undefined\n\n    return html`\n      <div class=\"select-field-row\">\n        <button\n          class=\"select-trigger\"\n          type=\"button\"\n          aria-haspopup=\"listbox\"\n          aria-expanded=\"${this._popupOpen}\"\n          aria-controls=\"${this._listboxId}\"\n          aria-activedescendant=\"${activeDescendant ?? ''}\"\n          part=\"select-trigger\"\n          @click=\"${() => this._popupOpen ? this._closePopup() : this._openPopup()}\"\n          @keydown=\"${this._handleTriggerKeydown}\"\n        >\n          <span class=\"select-trigger-label\" part=\"trigger-label\"\n            >${triggerLabel}</span\n          >\n          <span class=\"select-trigger-toggle\" part=\"trigger-toggle\">\n            <span class=\"select-trigger-icon\" part=\"trigger-icon\" aria-hidden=\"true\"\n              >${downArrowIcon}</span\n            >\n          </span>\n        </button>\n      </div>\n\n      <div\n        class=\"select-root\"\n        aria-label=\"Select a value\"\n        @click=\"${(e: MouseEvent) => {\n          if (e.target === e.currentTarget) this._closePopup()\n        }}\"\n      ></div>\n    `\n  }\n}\n"],"mappings":"6NAiBA,IAAa,EAAb,MAAa,UAAe,EAAA,UAAW,CACrC,OAAe,QAAU,EACzB,iBAAkD,KAClD,iBAA8C,KAC9C,sBAAgD,KAChD,2BAA+C,GAAiB,CAC9D,IAAM,EAAc,EAAM,OAE1B,GAAI,CAAC,KAAK,YAAc,EAAE,aAAuB,MAC/C,OAGF,IAAM,EACJ,iBAAkB,EAEZ,EACA,aAAa,EACf,CAAC,EAEH,EAAU,SAAS,IAAI,GAKxB,KAAK,kBAAoB,EAAU,SAAS,KAAK,gBAAgB,GACjE,KAAK,kBAAoB,EAAU,SAAS,KAAK,gBAAgB,GAK/D,KAAK,SAAS,CAAW,GAC5B,KAAK,YAAY,CAErB,EAEA,0BAA+C,CACxC,KAAK,YACV,KAAK,qBAAqB,CAC5B,EAEA,OAAO,WAAa,CAClB,MAAO,CAAE,KAAM,OAAQ,QAAS,EAAK,EACrC,MAAO,CAAE,KAAM,OAAQ,QAAS,EAAK,EACrC,QAAS,CAAE,KAAM,MAAO,UAAW,EAAM,EACzC,OAAQ,CAAE,KAAM,OAAQ,QAAS,EAAK,EACtC,MAAO,CAAE,KAAM,OAAQ,QAAS,EAAK,EACrC,WAAY,CAAE,MAAO,EAAK,EAC1B,aAAc,CAAE,MAAO,EAAK,CAC9B,EAEA,OAAO,OAAS,CACd,EAAA,cACA,EAAA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6LL,EAUA,WAA8B,2BAA2B,EAAO,YAEhE,aAAe,CACb,MAAM,EACN,KAAK,MAAQ,mBACb,KAAK,MAAQ,QACb,KAAK,QAAU,CAAC,EAChB,KAAK,OAAS,UACd,KAAK,MAAQ,GACb,KAAK,WAAa,GAClB,KAAK,aAAe,EACtB,CAEA,mBAAqB,CACnB,MAAM,kBAAkB,EACxB,SAAS,iBAAiB,cAAe,KAAK,0BAA0B,EACxE,OAAO,iBAAiB,SAAU,KAAK,qBAAqB,EAC5D,OAAO,iBAAiB,SAAU,KAAK,sBAAuB,EAAI,CACpE,CAEA,sBAAwB,CACtB,KAAK,mBAAmB,EACxB,SAAS,oBAAoB,cAAe,KAAK,0BAA0B,EAC3E,OAAO,oBAAoB,SAAU,KAAK,qBAAqB,EAC/D,OAAO,oBAAoB,SAAU,KAAK,sBAAuB,EAAI,EACrE,MAAM,qBAAqB,CAC7B,CAEA,SAAqB,CACnB,KAAK,gBAAgB,aAAc,KAAK,UAAU,EAE9C,KAAK,YACP,KAAK,qBAAqB,EACtB,KAAK,mBACP,EAAA,EAAA,QAAa,KAAK,aAAa,EAAG,KAAK,gBAAgB,GAEhD,KAAK,mBACd,EAAA,EAAA,QAAa,KAAM,KAAK,gBAAgB,CAE5C,CAEA,0BAAoC,CAClC,OAAO,KAAK,QAAQ,cAAc,GAAK,SAAS,IAClD,CAEA,oBAA8B,CAC5B,IAAM,EAAgB,KAAK,yBAAyB,EAEpD,GACE,KAAK,kBACL,KAAK,kBACL,KAAK,wBAA0B,EAE/B,OAGF,KAAK,mBAAmB,EAExB,KAAK,iBAAmB,SAAS,cAAc,KAAK,EACpD,KAAK,iBAAiB,aAAa,8BAA+B,EAAE,EACpE,KAAK,iBAAiB,MAAM,SAAW,QACvC,KAAK,iBAAiB,MAAM,MAAQ,gBACpC,KAAK,iBAAiB,MAAM,OAAS,aACrC,KAAK,iBAAiB,MAAM,cAAgB,OAC5C,KAAK,iBAAiB,MAAM,UAAY,aAExC,KAAK,iBAAmB,KAAK,iBAAiB,aAAa,CAAE,KAAM,MAAO,CAAC,EAC3E,IAAM,GAAe,MAAM,QAAQ,EAAO,MAAM,EAAI,EAAO,OAAS,CAAC,EAAO,MAAM,GAC/E,IAAK,GAAU,GAAO,UAAU,EAChC,OAAQ,GAA4C,EAAQ,CAAW,EAEtE,EAAY,OAAS,IACvB,KAAK,iBAAiB,mBAAqB,GAG7C,EAAc,YAAY,KAAK,gBAAgB,EAC/C,KAAK,sBAAwB,CAC/B,CAEA,oBAA8B,CACxB,KAAK,mBACP,EAAA,EAAA,QAAa,KAAM,KAAK,gBAAgB,EAGtC,KAAK,kBAAkB,YACzB,KAAK,iBAAiB,WAAW,YAAY,KAAK,gBAAgB,EAGpE,KAAK,iBAAmB,KACxB,KAAK,iBAAmB,KACxB,KAAK,sBAAwB,IAC/B,CAEA,sBAAgC,CAC9B,KAAK,mBAAmB,EAExB,IAAM,EAAO,KAAK,sBAAsB,EAClC,EAAY,KAAK,IAAI,IAAK,KAAK,IAAI,IAAK,OAAO,YAAc,EAAK,OAAS,EAAE,CAAC,EAEhF,KAAK,mBACP,KAAK,iBAAiB,MAAM,IAAM,GAAG,KAAK,MAAM,EAAK,OAAS,CAAC,EAAE,IACjE,KAAK,iBAAiB,MAAM,KAAO,GAAG,KAAK,MAAM,EAAK,IAAI,EAAE,IAC5D,KAAK,iBAAiB,MAAM,MAAQ,GAAG,KAAK,MAAM,EAAK,KAAK,EAAE,IAC9D,KAAK,iBAAiB,MAAM,UAAY,GAAG,KAAK,MAAM,CAAS,EAAE,IACjE,KAAK,iBAAiB,MAAM,OAAS,MAEzC,CAEA,aAAuB,CACrB,KAAK,WAAa,GAClB,KAAK,aAAe,GAEhB,KAAK,mBACP,EAAA,EAAA,QAAa,KAAM,KAAK,gBAAgB,CAE5C,CAEA,mBAA6B,CAC3B,OAAO,EAAA,uBAAuB,KAAK,QAAS,KAAK,KAAK,CACxD,CAEA,oBAA8B,CAC5B,IAAM,EAAgB,KAAK,kBAAkB,EAM7C,OAJI,GAAiB,EACZ,KAAK,QAAQ,GAGf,KAAK,QAAQ,EACtB,CAEA,sBAAgC,CAC9B,IAAM,EAAiB,KAAK,mBAAmB,EAM/C,OAJK,EAIE,CACL,EACA,GAAG,KAAK,QAAQ,OAAQ,GAAW,EAAO,QAAU,EAAe,KAAK,CAC1E,EANS,KAAK,OAOhB,CAEA,kBAA4B,CAC1B,IAAM,EAAe,KAAK,qBAAqB,EAE3C,UAAK,aAAe,GAIxB,OAAO,EAAa,KAAK,aAC3B,CAEA,yBAAkC,EAAa,CAC7C,KAAK,MAAQ,EACb,KAAK,cACH,IAAI,YAAY,SAAU,CACxB,OAAQ,CAAE,MAAO,CAAI,EACrB,QAAS,GACT,SAAU,EACZ,CAAC,CACH,EACA,KAAK,YAAY,CACnB,CAEA,qBAA+B,CAC7B,IAAM,EAAe,KAAK,iBAAiB,EAEvC,GAAgB,CAAC,EAAa,UAChC,KAAK,yBAAyB,EAAa,KAAK,CAEpD,CAEA,YAAsB,CACpB,IAAM,EAAe,KAAK,qBAAqB,EAE/C,KAAK,WAAa,GAClB,KAAK,qBAAqB,EAC1B,KAAK,aAAe,EAAA,uBAAuB,EAAc,KAAK,KAAK,EAE/D,KAAK,aAAe,IACtB,KAAK,aAAe,EAAA,qBAAqB,CAAY,EAEzD,CAEA,sBAA+B,EAAsB,CACnD,IAAM,EAAe,KAAK,qBAAqB,EACzC,EAAS,EAAA,wBAAwB,EAAM,GAAG,EAE5C,OAAW,OAMf,OAFA,EAAM,eAAe,EAEb,EAAR,CACE,IAAK,QACH,KAAK,YAAY,EACjB,MACF,IAAK,QACE,KAAK,YACR,KAAK,WAAW,EAElB,KAAK,aAAe,EAAA,qBAAqB,CAAY,EACrD,MACF,IAAK,OACE,KAAK,YACR,KAAK,WAAW,EAElB,KAAK,aAAe,EAAA,oBAAoB,CAAY,EACpD,MACF,IAAK,OACH,GAAI,CAAC,KAAK,WAAY,CACpB,KAAK,WAAW,EAChB,KACF,CACA,KAAK,aAAe,EAAA,oBAClB,KAAK,aACL,EACA,CACF,EACA,MACF,IAAK,WACH,GAAI,CAAC,KAAK,WAAY,CACpB,KAAK,WAAW,EAChB,KACF,CACA,KAAK,aAAe,EAAA,oBAClB,KAAK,aACL,EACA,EACF,EACA,MACF,IAAK,SACH,GAAI,CAAC,KAAK,WAAY,CACpB,KAAK,WAAW,EAChB,KACF,CACA,KAAK,oBAAoB,EACzB,MACF,QACE,KACJ,CACF,CAEA,aAAsB,EAAsB,EAAe,CACzD,MAAO,GAAG,KAAK,WAAW,UAAU,EAAM,GAAG,EAAO,OACtD,CAEA,cAAwB,CACtB,IAAM,EAAe,KAAK,qBAAqB,EAI/C,MAAO,GAAA,IAAI;;;YAGH,EAAA,cAAc,CACd,eAPe,KAAK,mBAOpB,EACA,aAPa,KAAK,iBAOlB,EACA,QAAS,EACT,UAAW,KAAK,WAChB,aAAc,EAAQ,IAAU,KAAK,aAAa,EAAQ,CAAK,EAC/D,eAAiB,GACf,KAAK,yBAAyB,EAAO,KAAK,CAC9C,CAAC,EAAE;;;KAIX,CAEA,QAAU,CACR,IAAM,EAAiB,KAAK,mBAAmB,EACzC,EAAe,KAAK,iBAAiB,EACrC,EAAe,GAAgB,OAAS,KAAK,MAC7C,EACJ,KAAK,YAAc,EACf,KAAK,aAAa,EAAc,KAAK,YAAY,EACjD,IAAA,GAEN,MAAO,GAAA,IAAI;;;;;;2BAMY,KAAK,WAAW;2BAChB,KAAK,WAAW;mCACR,GAAoB,GAAG;;wBAEhC,KAAK,WAAa,KAAK,YAAY,EAAI,KAAK,WAAW,EAAE;sBAC7D,KAAK,sBAAsB;;;eAGlC,EAAa;;;;iBAIX,EAAA,cAAc;;;;;;;;;kBASZ,GAAkB,CACvB,EAAE,SAAW,EAAE,eAAe,KAAK,YAAY,CACrD,EAAE;;KAGR,CACF"}