solid-ui 3.1.3-1 → 3.1.3-3

package/dist/v2/components/forms/combobox/Combobox.esm.js

@@ -1,394 +0,0 @@
-import { downArrowIcon as e } from "../shared/downArrow.esm.js";
-import { listboxStyles as t } from "../shared/listboxStyles.esm.js";
-import { findOptionIndexByValue as n, getFirstEnabledIndex as r, getLastEnabledIndex as i, getListboxActionFromKey as a, getNextEnabledIndex as o } from "../shared/keyboard.esm.js";
-import { renderListbox as s } from "../shared/listboxTemplate.esm.js";
-import { LitElement as c, css as l, html as u, nothing as d } from "lit";
-import { render as f } from "lit/html.js";
-//#region src/v2/components/forms/combobox/Combobox.ts
-var p = class p extends c {
-	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 = [t, l`
-    :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 && f(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 = n(e, this.value), this._activeIndex < 0 && (this._activeIndex = r(e));
-	}
-	_closePopup() {
-		this._popupOpen = !1, this._popupPortalRoot && f(null, this._popupPortalRoot);
-	}
-	updated(e) {
-		if (this._popupOpen ? (this._updatePopupPosition(), this._popupPortalRoot && f(this._renderPopup(), this._popupPortalRoot)) : this._popupPortalRoot && f(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 n(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 = r(t);
-				break;
-			case "last":
-				this._popupOpen || this._openPopup(), this._activeIndex = i(t);
-				break;
-			case "next":
-				if (!this._popupOpen) {
-					this._openPopup();
-					break;
-				}
-				this._activeIndex = o(this._activeIndex, t, 1);
-				break;
-			case "previous":
-				if (!this._popupOpen) {
-					this._openPopup();
-					break;
-				}
-				this._activeIndex = o(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 e = this._getDisplayedOptions();
-		return u`
-      <div class="popup-box" style="pointer-events: auto; max-height: inherit; overflow: auto;">
-        <div class="select-options-section">
-          ${s({
-			selectedOption: this._getSelectedOption(),
-			activeOption: this._activeIndex >= 0 ? e[this._activeIndex] : void 0,
-			options: e,
-			listboxId: this._listboxId,
-			getOptionId: (e, t) => this._getOptionId(e, t),
-			onOptionSelect: (e) => this._selectValueFromDropdown(e.value)
-		})}
-        </div>
-      </div>
-    `;
-	}
-	render() {
-		let t = this._getActiveOption(), n = this._popupOpen && t ? this._getOptionId(t, this._activeIndex) : void 0, r = this.label ? d : this.getAttribute("aria-label") || this.placeholder || "Combobox";
-		return u`
-      <div class="combobox-root">
-        ${this.label ? u`<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="${r}"
-            aria-expanded="${this._popupOpen}"
-            aria-controls="${this._listboxId}"
-            aria-activedescendant="${n ?? ""}"
-            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()}"
-          >
-            ${e}
-          </button>
-        </div>
-      </div>
-    `;
-	}
-};
-//#endregion
-export { p as Combobox };
-
-//# sourceMappingURL=Combobox.esm.js.map

package/dist/v2/components/forms/combobox/Combobox.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Combobox.esm.js","names":[],"sources":["../../../../../src/v2/components/forms/combobox/Combobox.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"],"mappings":"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"}

package/dist/v2/components/forms/combobox/index.cjs.js

@@ -1,2 +0,0 @@
-const e=require("./Combobox.cjs.js");var t=`solid-ui-combobox`;customElements.get(t)||customElements.define(t,e.Combobox);
-//# sourceMappingURL=index.cjs.js.map

package/dist/v2/components/forms/combobox/index.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs.js","names":[],"sources":["../../../../../src/v2/components/forms/combobox/index.ts"],"sourcesContent":["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":"qCAIA,IAAM,EAAoB,oBAErB,eAAe,IAAI,CAAiB,GACvC,eAAe,OAAO,EAAmB,EAAA,QAAQ"}

package/dist/v2/components/forms/combobox/index.esm.js

@@ -1,7 +0,0 @@
-import { Combobox as e } from "./Combobox.esm.js";
-//#region src/v2/components/forms/combobox/index.ts
-var t = "solid-ui-combobox";
-customElements.get(t) || customElements.define(t, e);
-//#endregion
-
-//# sourceMappingURL=index.esm.js.map

package/dist/v2/components/forms/combobox/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../../src/v2/components/forms/combobox/index.ts"],"sourcesContent":["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":";;AAIA,IAAM,IAAoB;AAErB,eAAe,IAAI,CAAiB,KACvC,eAAe,OAAO,GAAmB,CAAQ"}