solid-ui 3.1.3-1 → 3.1.3-3

package/dist/chunks/combobox-BAJFfAqV.js

@@ -1,391 +0,0 @@
-import { i as e, n as t, r as n, s as r, t as i } from "./lit-CC2G_f_C.js";
-import { a, c as o, i as s, n as c, o as l, r as u, s as d, t as f } from "./listboxTemplate-CLsbhnb_.js";
-//#region src/v2/components/forms/combobox/Combobox.ts
-var p = class p extends i {
-	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();
-	};
-	suggestionProvider;
-	static properties = {
-		label: {
-			type: String,
-			reflect: !0
-		},
-		placeholder: {
-			type: String,
-			reflect: !0
-		},
-		theme: {
-			type: String,
-			reflect: !0
-		},
-		layout: {
-			type: String,
-			reflect: !0
-		},
-		value: {
-			type: String,
-			reflect: !0
-		},
-		inputValue: { type: String },
-		options: {
-			type: Array,
-			attribute: !1
-		},
-		_popupOpen: { state: !0 },
-		_activeIndex: { state: !0 }
-	};
-	static styles = [d, r`
-    :host {
-      /* default theme */
-      display: block;
-      width: 100%;
-      min-width: 0;
-      max-width: 100%;
-      position: relative;
-      box-sizing: border-box;
-      --popup-background: var(--color-background, #F8F9FB);
-      --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));
-      --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);
-      --combobox-input-height: var(--select-trigger-height, var(--min-touch-target, 44px));
-      --combobox-input-inline-padding: var(--select-trigger-inline-padding, var(--spacing-2xs, 0.625rem));
-      --combobox-input-block-padding: var(--spacing-xxs, 0.3125rem);
-    }
-
-    :host([theme='dark']) {
-      display: block;
-      width: 100%;
-      min-width: 0;
-      max-width: 100%;
-      position: relative;
-      box-sizing: border-box;
-      --popup-background: var(--color-background, #F8F9FB);
-      --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));
-      --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);
-      --combobox-input-height: var(--select-trigger-height, var(--min-touch-target, 44px));
-      --combobox-input-inline-padding: var(--select-trigger-inline-padding, var(--spacing-2xs, 0.625rem));
-      --combobox-input-block-padding: var(--spacing-xxs, 0.3125rem);
-    }
-
-    .popup-box {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      background: var(--popup-background);
-      color: var(--popup-text);
-      box-shadow: var(--popup-shadow);
-      border: 1px solid var(--popup-border);
-      border-radius: var(--border-radius-md, 0.5rem);
-      min-width: 100%;
-      overflow: hidden;
-      box-sizing: border-box;
-      isolation: isolate;
-    }
-
-    .select-options-section {
-      position: relative;
-      background: var(--popup-background);
-      border-radius: inherit;
-      isolation: isolate;
-    }
-
-    .combobox-root {
-      display: flex;
-      flex-direction: column;
-      gap: 6px;
-    }
-
-    .text-label {
-      color: var(--label-color);
-      margin-bottom: 6px;
-    }
-
-    .input-field-row {
-      display: flex;
-      flex-direction: row;
-      position: relative;
-      width: 100%;
-      min-width: 0;
-    }
-
-    .text-input {
-      display: block;
-      flex: 1;
-      width: 100%;
-      min-width: 0;
-      min-height: var(--combobox-input-height);
-      height: var(--combobox-input-height);
-      padding: var(--combobox-input-block-padding) calc(26px + (var(--combobox-input-inline-padding) * 2) + 6px) var(--combobox-input-block-padding) var(--combobox-input-inline-padding);
-      border: 1px solid var(--input-border);
-      border-radius: var(--border-radius-base, 0.3125rem);
-      background: var(--input-background);
-      color: var(--input-text);
-      font: inherit;
-      font-size: var(--font-size-sm, 0.875rem);
-      font-weight: var(--font-weight-md, 500);
-      line-height: normal;
-      appearance: none;
-      -webkit-appearance: none;
-      box-sizing: border-box;
-    }
-
-    .text-input::placeholder {
-      color: var(--placeholder-color);
-    }
-
-    .text-input:focus-visible {
-      outline: 2px solid var(--color-focus-ring, var(--color-primary, #7C4DFF));
-      outline-offset: 2px;
-    }
-
-    .dropdown-toggle {
-      position: absolute;
-      right: 6px;
-      top: 50%;
-      transform: translateY(-50%);
-      width: 26px;
-      height: 26px;
-      padding: 0;
-      border: none;
-      background: transparent;
-      cursor: pointer;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      flex-shrink: 0;
-      border-radius: var(--border-radius-base, 0.3125rem);
-    }
-
-    .dropdown-toggle:hover {
-      background: var(--color-header-menu-item-hover, #e6dcff);
-    }
-
-    .input-field-row:focus-within .dropdown-toggle {
-      background: var(--color-header-menu-item-hover, #e6dcff);
-    }
-
-    .dropdown-toggle:focus-visible {
-      outline: 2px solid var(--color-focus-ring, var(--color-primary, #7C4DFF));
-      outline-offset: 2px;
-      background: var(--color-header-menu-item-hover, #e6dcff);
-    }
-
-    .dropdown-toggle svg {
-      width: 14px;
-      height: 14px;
-      display: block;
-    }
-  }
-  `];
-	_inputId = `solid-ui-combobox-input-${p._nextId++}`;
-	_listboxId = `solid-ui-combobox-listbox-${p._nextId++}`;
-	_suggestionRequestId = 0;
-	constructor() {
-		super(), this.label = "Select an option", this.placeholder = "Type to search", this.theme = "light", this.layout = "desktop", this.options = [], this.value = "", this.inputValue = "", 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();
-	}
-	_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-combobox-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(p.styles) ? p.styles : [p.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 && n(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");
-	}
-	_openPopup() {
-		let e = this._getDisplayedOptions();
-		this._popupOpen = !0, this._updatePopupPosition(), this._activeIndex = c(e, this.value), this._activeIndex < 0 && (this._activeIndex = u(e));
-	}
-	_closePopup() {
-		this._popupOpen = !1, this._popupPortalRoot && n(null, this._popupPortalRoot);
-	}
-	updated(e) {
-		if (this._popupOpen ? (this._updatePopupPosition(), this._popupPortalRoot && n(this._renderPopup(), this._popupPortalRoot)) : this._popupPortalRoot && n(null, this._popupPortalRoot), (e.has("value") || e.has("options")) && this.value) {
-			let e = this.options.find((e) => e.value === this.value);
-			e && this.inputValue !== e.label && (this.inputValue = e.label);
-		}
-	}
-	_getSelectedIndex() {
-		return c(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];
-	}
-	async _loadSuggestions(e) {
-		if (!this.suggestionProvider) {
-			this._openPopup();
-			return;
-		}
-		let t = ++this._suggestionRequestId, n = await this.suggestionProvider(e);
-		t === this._suggestionRequestId && (this.options = n, this._openPopup());
-	}
-	async _handleInputChange(e) {
-		let t = e.target.value;
-		this.inputValue = t, this.value = "", this.dispatchEvent(new CustomEvent("input", {
-			detail: { value: t },
-			bubbles: !0,
-			composed: !0
-		})), await this._loadSuggestions(t);
-	}
-	_handleInputKeydown(e) {
-		if (e.key === " " || e.key === "Spacebar") return;
-		let t = this._getDisplayedOptions(), n = a(e.key);
-		if (n !== "none") switch (e.preventDefault(), n) {
-			case "close":
-				this._closePopup();
-				break;
-			case "first":
-				this._popupOpen || this._openPopup(), this._activeIndex = u(t);
-				break;
-			case "last":
-				this._popupOpen || this._openPopup(), this._activeIndex = s(t);
-				break;
-			case "next":
-				if (!this._popupOpen) {
-					this._openPopup();
-					break;
-				}
-				this._activeIndex = l(this._activeIndex, t, 1);
-				break;
-			case "previous":
-				if (!this._popupOpen) {
-					this._openPopup();
-					break;
-				}
-				this._activeIndex = l(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}`;
-	}
-	_selectValueFromDropdown(e) {
-		let t = this.options.find((t) => t.value === e);
-		this.value = e, this.inputValue = t?.label ?? e, this.dispatchEvent(new CustomEvent("change", {
-			detail: {
-				value: e,
-				label: this.inputValue,
-				option: t
-			},
-			bubbles: !0,
-			composed: !0
-		})), this._closePopup();
-	}
-	_selectActiveOption() {
-		let e = this._getActiveOption();
-		e && !e.disabled && this._selectValueFromDropdown(e.value);
-	}
-	_renderPopup() {
-		let t = this._getDisplayedOptions();
-		return e`
-      <div class="popup-box" style="pointer-events: auto; max-height: inherit; overflow: auto;">
-        <div class="select-options-section">
-          ${f({
-			selectedOption: this._getSelectedOption(),
-			activeOption: this._activeIndex >= 0 ? t[this._activeIndex] : void 0,
-			options: t,
-			listboxId: this._listboxId,
-			getOptionId: (e, t) => this._getOptionId(e, t),
-			onOptionSelect: (e) => this._selectValueFromDropdown(e.value)
-		})}
-        </div>
-      </div>
-    `;
-	}
-	render() {
-		let n = this._getActiveOption(), r = this._popupOpen && n ? this._getOptionId(n, this._activeIndex) : void 0, i = this.label ? t : this.getAttribute("aria-label") || this.placeholder || "Combobox";
-		return e`
-      <div class="combobox-root">
-        ${this.label ? e`<label class="text-label" for="${this._inputId}">${this.label}</label>` : null}
-        <div class="input-field-row">
-          <input
-            id="${this._inputId}"
-            class="text-input"
-            part="input"
-            type="text"
-            role="combobox"
-            aria-autocomplete="list"
-            aria-label="${i}"
-            aria-expanded="${this._popupOpen}"
-            aria-controls="${this._listboxId}"
-            aria-activedescendant="${r ?? ""}"
-            placeholder="${this.placeholder}"
-            .value="${this.inputValue}"
-            @focus="${() => this._openPopup()}"
-            @input="${this._handleInputChange}"
-            @keydown="${this._handleInputKeydown}"
-          />
-          <button
-            class="dropdown-toggle"
-            type="button"
-            aria-label="Show options"
-            aria-expanded="${this._popupOpen}"
-            @click="${() => this._popupOpen ? this._closePopup() : this._openPopup()}"
-          >
-            ${o}
-          </button>
-        </div>
-      </div>
-    `;
-	}
-}, m = "solid-ui-combobox";
-customElements.get(m) || customElements.define(m, p);
-//#endregion
-export { p as t };
-
-//# sourceMappingURL=combobox-BAJFfAqV.js.map

package/dist/chunks/combobox-BAJFfAqV.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"combobox-BAJFfAqV.js","names":["LitElement","html","css","nothing","render","renderPortal","downArrowIcon","listboxStyles","findOptionIndexByValue","getFirstEnabledIndex","getLastEnabledIndex","getListboxActionFromKey","getNextEnabledIndex","renderListbox","Combobox","_nextId","_popupPortalHost","_popupPortalRoot","_popupPortalContainer","_handleDocumentPointerDown","event","eventTarget","target","_popupOpen","Node","eventPath","composedPath","includes","contains","_closePopup","_handleViewportChange","_updatePopupPosition","suggestionProvider","properties","label","type","String","reflect","placeholder","theme","layout","value","inputValue","options","Array","attribute","state","_activeIndex","styles","_inputId","_listboxId","_suggestionRequestId","constructor","connectedCallback","document","addEventListener","window","disconnectedCallback","_detachPopupPortal","removeEventListener","_getPopupPortalContainer","closest","body","_ensurePopupPortal","nextContainer","createElement","setAttribute","style","position","inset","zIndex","pointerEvents","boxSizing","attachShadow","mode","styleSheets","isArray","map","styleSheet","filter","Boolean","length","adoptedStyleSheets","appendChild","parentNode","removeChild","rect","getBoundingClientRect","maxHeight","Math","min","max","innerHeight","bottom","top","round","left","width","height","_openPopup","popupOptions","_getDisplayedOptions","updated","changedProperties","_renderPopup","has","selectedOption","find","option","_getSelectedIndex","_getSelectedOption","selectedIndex","_getActiveOption","undefined","_loadSuggestions","query","requestId","suggestions","_handleInputChange","e","dispatchEvent","CustomEvent","detail","bubbles","composed","_handleInputKeydown","key","action","preventDefault","_selectActiveOption","_getOptionId","index","_selectValueFromDropdown","activeOption","disabled","listboxId","getOptionId","onOptionSelect","activeDescendant","ariaLabel","getAttribute","Combobox","COMBOBOX_TAG_NAME","customElements","get","define"],"sources":["../../src/v2/components/forms/combobox/Combobox.ts","../../src/v2/components/forms/combobox/index.ts"],"sourcesContent":["import { LitElement, html, css, nothing } from 'lit'\nimport { render as renderPortal } from 'lit/html.js'\nimport { downArrowIcon } from '../shared/downArrow'\nimport { listboxStyles } from '../shared/listboxStyles'\nimport { findOptionIndexByValue, getFirstEnabledIndex, getLastEnabledIndex, getListboxActionFromKey, getNextEnabledIndex } from '../shared/keyboard'\nimport { ComboboxSuggestion } from './comboboxTypes'\nimport { renderListbox } from '../shared/listboxTemplate'\n\nexport class Combobox 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        ? (event as Event & { composedPath: () => EventTarget[] }).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  suggestionProvider?: (query: string) => Promise<ComboboxSuggestion[]>\n\n  static properties = {\n    label: { type: String, reflect: true },\n    placeholder: { type: String, reflect: true },\n    theme: { type: String, reflect: true },\n    layout: { type: String, reflect: true },\n    value: { type: String, reflect: true },\n    inputValue: { type: String },\n    options: { type: Array, attribute: false },\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      box-sizing: border-box;\n      --popup-background: var(--color-background, #F8F9FB);\n      --popup-text: var(--color-text, #1A1A1A);\n      --popup-border: var(--color-border, #E5E7EB);\n      --popup-shadow: var(--box-shadow-sm, 0 1px 4px rgba(124,77,255,0.12));\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      --combobox-input-height: var(--select-trigger-height, var(--min-touch-target, 44px));\n      --combobox-input-inline-padding: var(--select-trigger-inline-padding, var(--spacing-2xs, 0.625rem));\n      --combobox-input-block-padding: var(--spacing-xxs, 0.3125rem);\n    }\n\n    :host([theme='dark']) {\n      display: block;\n      width: 100%;\n      min-width: 0;\n      max-width: 100%;\n      position: relative;\n      box-sizing: border-box;\n      --popup-background: var(--color-background, #F8F9FB);\n      --popup-text: var(--color-text, #1A1A1A);\n      --popup-border: var(--color-border, #E5E7EB);\n      --popup-shadow: var(--box-shadow-sm, 0 1px 4px rgba(124,77,255,0.12));\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      --combobox-input-height: var(--select-trigger-height, var(--min-touch-target, 44px));\n      --combobox-input-inline-padding: var(--select-trigger-inline-padding, var(--spacing-2xs, 0.625rem));\n      --combobox-input-block-padding: var(--spacing-xxs, 0.3125rem);\n    }\n\n    .popup-box {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      background: var(--popup-background);\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      min-width: 100%;\n      overflow: hidden;\n      box-sizing: border-box;\n      isolation: isolate;\n    }\n\n    .select-options-section {\n      position: relative;\n      background: var(--popup-background);\n      border-radius: inherit;\n      isolation: isolate;\n    }\n\n    .combobox-root {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n    }\n\n    .text-label {\n      color: var(--label-color);\n      margin-bottom: 6px;\n    }\n\n    .input-field-row {\n      display: flex;\n      flex-direction: row;\n      position: relative;\n      width: 100%;\n      min-width: 0;\n    }\n\n    .text-input {\n      display: block;\n      flex: 1;\n      width: 100%;\n      min-width: 0;\n      min-height: var(--combobox-input-height);\n      height: var(--combobox-input-height);\n      padding: var(--combobox-input-block-padding) calc(26px + (var(--combobox-input-inline-padding) * 2) + 6px) var(--combobox-input-block-padding) var(--combobox-input-inline-padding);\n      border: 1px solid var(--input-border);\n      border-radius: var(--border-radius-base, 0.3125rem);\n      background: var(--input-background);\n      color: var(--input-text);\n      font: inherit;\n      font-size: var(--font-size-sm, 0.875rem);\n      font-weight: var(--font-weight-md, 500);\n      line-height: normal;\n      appearance: none;\n      -webkit-appearance: none;\n      box-sizing: border-box;\n    }\n\n    .text-input::placeholder {\n      color: var(--placeholder-color);\n    }\n\n    .text-input:focus-visible {\n      outline: 2px solid var(--color-focus-ring, var(--color-primary, #7C4DFF));\n      outline-offset: 2px;\n    }\n\n    .dropdown-toggle {\n      position: absolute;\n      right: 6px;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 26px;\n      height: 26px;\n      padding: 0;\n      border: none;\n      background: transparent;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      border-radius: var(--border-radius-base, 0.3125rem);\n    }\n\n    .dropdown-toggle:hover {\n      background: var(--color-header-menu-item-hover, #e6dcff);\n    }\n\n    .input-field-row:focus-within .dropdown-toggle {\n      background: var(--color-header-menu-item-hover, #e6dcff);\n    }\n\n    .dropdown-toggle:focus-visible {\n      outline: 2px solid var(--color-focus-ring, var(--color-primary, #7C4DFF));\n      outline-offset: 2px;\n      background: var(--color-header-menu-item-hover, #e6dcff);\n    }\n\n    .dropdown-toggle svg {\n      width: 14px;\n      height: 14px;\n      display: block;\n    }\n  }\n  `\n  ]\n\n  declare label: string\n  declare placeholder: string\n  declare theme: 'light' | 'dark'\n  declare options: Array<ComboboxSuggestion>\n  declare layout: 'desktop' | 'mobile'\n  declare value: string\n  declare inputValue: string\n  declare _popupOpen: boolean\n  declare _activeIndex: number\n\n  private readonly _inputId = `solid-ui-combobox-input-${Combobox._nextId++}`\n  private readonly _listboxId = `solid-ui-combobox-listbox-${Combobox._nextId++}`\n  private _suggestionRequestId = 0\n\n  constructor () {\n    super()\n    this.label = 'Select an option'\n    this.placeholder = 'Type to search'\n    this.theme = 'light'\n    this.layout = 'desktop'\n    this.options = []\n    this.value = ''\n    this.inputValue = ''\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  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-combobox-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(Combobox.styles) ? Combobox.styles : [Combobox.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 _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 _closePopup () {\n    this._popupOpen = false\n    if (this._popupPortalRoot) {\n      renderPortal(null, this._popupPortalRoot)\n    }\n  }\n\n  protected updated (changedProperties: Map<string, unknown>) {\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    if ((changedProperties.has('value') || changedProperties.has('options')) && this.value) {\n      const selectedOption = this.options.find((option) => option.value === this.value)\n      if (selectedOption && this.inputValue !== selectedOption.label) {\n        this.inputValue = selectedOption.label\n      }\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 async _loadSuggestions (query: string) {\n    if (!this.suggestionProvider) {\n      this._openPopup()\n      return\n    }\n\n    const requestId = ++this._suggestionRequestId\n    const suggestions = await this.suggestionProvider(query)\n\n    if (requestId !== this._suggestionRequestId) {\n      return\n    }\n\n    this.options = suggestions\n    this._openPopup()\n  }\n\n  private async _handleInputChange (e: Event) {\n    const query = (e.target as HTMLInputElement).value\n\n    this.inputValue = query\n    this.value = ''\n    this.dispatchEvent(new CustomEvent('input', {\n      detail: { value: query },\n      bubbles: true,\n      composed: true\n    }))\n    await this._loadSuggestions(query)\n  }\n\n  private _handleInputKeydown (e: KeyboardEvent) {\n    if (e.key === ' ' || e.key === 'Spacebar') {\n      return\n    }\n\n    const popupOptions = this._getDisplayedOptions()\n    const action = getListboxActionFromKey(e.key)\n\n    if (action === 'none') {\n      return\n    }\n\n    e.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(this._activeIndex, popupOptions, 1)\n        break\n      case 'previous':\n        if (!this._popupOpen) {\n          this._openPopup()\n          break\n        }\n        this._activeIndex = getNextEnabledIndex(this._activeIndex, popupOptions, -1)\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: ComboboxSuggestion, index: number) {\n    return `${this._listboxId}-option-${index}-${option.value}`\n  }\n\n  private _selectValueFromDropdown (value: string) {\n    const selectedOption = this.options.find(option => option.value === value)\n\n    this.value = value\n    this.inputValue = selectedOption?.label ?? value\n    this.dispatchEvent(new CustomEvent('change', {\n      detail: {\n        value,\n        label: this.inputValue,\n        option: selectedOption\n      },\n      bubbles: true,\n      composed: true\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 _renderPopup () {\n    const popupOptions = this._getDisplayedOptions()\n    const selectedOption = this._getSelectedOption()\n    const activeOption = this._activeIndex >= 0 ? popupOptions[this._activeIndex] : undefined\n\n    return html`\n      <div class=\"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 activeOption = this._getActiveOption()\n    const activeDescendant = this._popupOpen && activeOption\n      ? this._getOptionId(activeOption, this._activeIndex)\n      : undefined\n    const ariaLabel = this.label ? nothing : (this.getAttribute('aria-label') || this.placeholder || 'Combobox')\n\n    return html`\n      <div class=\"combobox-root\">\n        ${this.label\n          ? html`<label class=\"text-label\" for=\"${this._inputId}\">${this.label}</label>`\n          : null}\n        <div class=\"input-field-row\">\n          <input\n            id=\"${this._inputId}\"\n            class=\"text-input\"\n            part=\"input\"\n            type=\"text\"\n            role=\"combobox\"\n            aria-autocomplete=\"list\"\n            aria-label=\"${ariaLabel}\"\n            aria-expanded=\"${this._popupOpen}\"\n            aria-controls=\"${this._listboxId}\"\n            aria-activedescendant=\"${activeDescendant ?? ''}\"\n            placeholder=\"${this.placeholder}\"\n            .value=\"${this.inputValue}\"\n            @focus=\"${() => this._openPopup()}\"\n            @input=\"${this._handleInputChange}\"\n            @keydown=\"${this._handleInputKeydown}\"\n          />\n          <button\n            class=\"dropdown-toggle\"\n            type=\"button\"\n            aria-label=\"Show options\"\n            aria-expanded=\"${this._popupOpen}\"\n            @click=\"${() => this._popupOpen ? this._closePopup() : this._openPopup()}\"\n          >\n            ${downArrowIcon}\n          </button>\n        </div>\n      </div>\n    `\n  }\n}\n","import { Combobox } from './Combobox'\n\nexport { Combobox }\n\nconst COMBOBOX_TAG_NAME = 'solid-ui-combobox'\n\nif (!customElements.get(COMBOBOX_TAG_NAME)) {\n  customElements.define(COMBOBOX_TAG_NAME, Combobox)\n}\n"],"mappings":"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"}