@krollins/blueprint 0.2.2 → 0.3.0

package/dist/shared/combobox-fcD23BVq.js

@@ -0,0 +1,557 @@
+import { t as e } from "./decorate-BJVyhdRd.js";
+import { t } from "./debounce-BOon6N4f.js";
+import { t as n } from "./form-control-CBEBNz12.js";
+import { a as r, i, r as a } from "./field-message-CPXPLd6z.js";
+import { t as o } from "./memoize-CpXRWhgJ.js";
+import { LitElement as s, css as c, html as l, nothing as u } from "lit";
+import { customElement as d, property as f, query as p, state as m } from "lit/decorators.js";
+import { classMap as h } from "lit/directives/class-map.js";
+import { repeat as g } from "lit/directives/repeat.js";
+//#region source/components/combobox/combobox.style.ts
+var _ = c`
+  /* Base styles */
+  :host {
+    display: block;
+    font-family: var(--bp-font-family);
+  }
+
+  .combobox__label {
+    display: block;
+    font-family: var(--bp-font-family);
+    font-size: var(--bp-font-size-sm);
+    font-weight: var(--bp-font-weight-medium);
+    color: var(--bp-color-text);
+    line-height: var(--bp-line-height-normal);
+    margin-bottom: var(--bp-spacing-xs);
+  }
+
+  .combobox__required {
+    color: var(--bp-color-error);
+    margin-left: var(--bp-spacing-xs);
+  }
+
+  .combobox {
+    position: relative;
+    width: 100%;
+  }
+
+  .combobox__control {
+    display: flex;
+    align-items: center;
+    position: relative;
+    background-color: var(--bp-color-surface);
+    border: var(--bp-border-width) solid var(--bp-color-input-border);
+    border-radius: var(--bp-border-radius-md);
+    transition: border-color var(--bp-transition-fast);
+  }
+
+  .combobox__control:hover:not(.combobox--disabled .combobox__control) {
+    border-color: var(--bp-color-primary);
+  }
+
+  .combobox__control:focus-within {
+    outline: var(--bp-focus-width) solid var(--bp-color-focus);
+    outline-offset: var(--bp-focus-width);
+    border-color: var(--bp-color-focus);
+  }
+
+  .combobox__input {
+    flex: 1;
+    min-width: 0;
+    padding: var(--bp-spacing-sm) var(--bp-spacing-md);
+    background: transparent;
+    border: none;
+    outline: none;
+    color: var(--bp-color-text);
+    font-family: var(--bp-font-family);
+    font-size: var(--bp-font-size-base);
+  }
+
+  .combobox__input::placeholder {
+    color: var(--bp-color-text-muted);
+  }
+
+  .combobox__input:disabled {
+    cursor: not-allowed;
+  }
+
+  .combobox__indicators {
+    display: flex;
+    align-items: center;
+    gap: var(--bp-spacing-xs);
+    padding-right: var(--bp-spacing-sm);
+    flex-shrink: 0;
+  }
+
+  .combobox__clear {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--bp-spacing-6);
+    height: var(--bp-spacing-6);
+    padding: 0;
+    background: transparent;
+    border: none;
+    border-radius: var(--bp-border-radius-sm);
+    color: var(--bp-color-text-muted);
+    cursor: pointer;
+    font-size: var(--bp-font-size-xl);
+    line-height: 1;
+    transition: all var(--bp-transition-fast);
+  }
+
+  .combobox__clear:hover {
+    color: var(--bp-color-primary);
+    background-color: color-mix(
+      in srgb,
+      var(--bp-color-primary) 8%,
+      transparent
+    );
+  }
+
+  .combobox__clear:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+
+  .combobox__dropdown-indicator {
+    color: var(--bp-color-text-muted);
+    font-size: var(--bp-font-size-xs);
+    transition: transform var(--bp-transition-fast);
+    user-select: none;
+  }
+
+  .combobox--open .combobox__dropdown-indicator {
+    transform: rotate(180deg);
+  }
+
+  .combobox__dropdown {
+    position: absolute;
+    top: calc(100% + var(--bp-spacing-xs));
+    left: 0;
+    right: 0;
+    z-index: var(--bp-z-dropdown);
+    background-color: var(--bp-color-surface);
+    border: var(--bp-border-width) solid var(--bp-color-border);
+    border-top: calc(var(--bp-border-width) * 2) solid var(--bp-color-primary);
+    border-radius: var(--bp-border-radius-md);
+    box-shadow: var(--bp-shadow-md);
+    max-height: calc(var(--bp-spacing-10) * 6);
+    overflow-y: auto;
+    opacity: 0;
+    visibility: hidden;
+    transform: translateY(calc(-1 * var(--bp-spacing-md)));
+    transition:
+      opacity var(--bp-transition-fast),
+      transform var(--bp-transition-fast),
+      visibility var(--bp-transition-fast);
+    contain: layout style paint;
+  }
+
+  .combobox--open .combobox__dropdown {
+    opacity: 1;
+    visibility: visible;
+    transform: translateY(0);
+  }
+
+  .combobox__options {
+    list-style: none;
+    margin: 0;
+    padding: var(--bp-spacing-2xs);
+  }
+
+  .combobox__option {
+    padding: var(--bp-spacing-sm) var(--bp-spacing-md);
+    cursor: pointer;
+    border-radius: var(--bp-border-radius-md);
+    transition:
+      background-color var(--bp-transition-fast),
+      color var(--bp-transition-fast);
+  }
+
+  .combobox__option:hover {
+    background-color: color-mix(
+      in srgb,
+      var(--bp-color-primary) 8%,
+      transparent
+    );
+  }
+
+  .combobox__option--focused {
+    background-color: color-mix(
+      in srgb,
+      var(--bp-color-primary) 8%,
+      transparent
+    );
+    outline: var(--bp-focus-width) solid var(--bp-color-primary);
+    outline-offset: calc(-1 * var(--bp-focus-width));
+  }
+
+  .combobox__option--selected {
+    background-color: color-mix(
+      in srgb,
+      var(--bp-color-primary) 8%,
+      transparent
+    );
+    color: var(--bp-color-primary);
+  }
+
+  .combobox__option--selected:hover,
+  .combobox__option--selected.combobox__option--focused {
+    background-color: color-mix(
+      in srgb,
+      var(--bp-color-primary) 12%,
+      transparent
+    );
+  }
+
+  .combobox__option--empty {
+    color: var(--bp-color-text-muted);
+    cursor: default;
+    text-align: center;
+    padding: var(--bp-spacing-lg) var(--bp-spacing-md);
+    font-style: italic;
+  }
+
+  .combobox__option--empty:hover {
+    background-color: transparent;
+  }
+
+  /* Sizes */
+  .combobox--sm .combobox__input {
+    padding: var(--bp-spacing-2xs) var(--bp-spacing-xs);
+    font-size: var(--bp-font-size-sm);
+  }
+
+  .combobox--sm .combobox__indicators {
+    padding-right: var(--bp-spacing-xs);
+  }
+
+  .combobox--lg .combobox__input {
+    padding: var(--bp-spacing-md) var(--bp-spacing-lg);
+    font-size: var(--bp-font-size-lg);
+  }
+
+  .combobox--lg .combobox__indicators {
+    padding-right: var(--bp-spacing-md);
+  }
+
+  /* Variants */
+  .combobox--default .combobox__control {
+    border-color: var(--bp-color-input-border);
+  }
+
+  .combobox--success .combobox__control {
+    border-color: var(--bp-color-success);
+  }
+
+  .combobox--error .combobox__control {
+    border-color: var(--bp-color-error);
+  }
+
+  .combobox--warning .combobox__control {
+    border-color: var(--bp-color-warning);
+  }
+
+  .combobox--info .combobox__control {
+    border-color: var(--bp-color-info);
+  }
+
+  .combobox--success
+    .combobox__control:hover:not(.combobox--disabled .combobox__control) {
+    border-color: var(--bp-color-success);
+  }
+
+  .combobox--error
+    .combobox__control:hover:not(.combobox--disabled .combobox__control) {
+    border-color: var(--bp-color-error);
+  }
+
+  .combobox--warning
+    .combobox__control:hover:not(.combobox--disabled .combobox__control) {
+    border-color: var(--bp-color-warning);
+  }
+
+  .combobox--info
+    .combobox__control:hover:not(.combobox--disabled .combobox__control) {
+    border-color: var(--bp-color-info);
+  }
+
+  /* States */
+  .combobox--disabled .combobox__control {
+    background-color: var(--bp-color-surface-subdued);
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
+
+  .combobox--disabled .combobox__input {
+    color: var(--bp-color-text-muted);
+  }
+
+  /* Hide slot */
+  slot {
+    display: none;
+  }
+
+  /* Hide hidden inputs */
+  input[type='hidden'] {
+    display: none;
+  }
+
+  /* iOS zoom prevention: ensure 16px minimum on touch devices */
+  @media (max-width: 768px) {
+    .combobox--sm .combobox__input {
+      font-size: 16px;
+    }
+  }
+`, v = class extends n(s) {
+	static {
+		this.styles = [i, _];
+	}
+	constructor() {
+		super(), this.isOpen = !1, this.searchText = "", this.focusedIndex = -1, this.cachedFilteredOptions = [], this.cachedOptions = [], this.debouncedFilter = t(() => {
+			this.cachedFilteredOptions = this.filterOptions(this.cachedOptions, this.searchText);
+		}, 150), this.filterOptions = o((e, t) => {
+			if (!t.trim()) return e;
+			let n = t.toLowerCase();
+			return e.filter((e) => e.label.toLowerCase().includes(n));
+		}), this.handleDocumentClick = (e) => {
+			this.contains(e.target) || this.closeDropdown();
+		}, this.handleSlotChange = () => {
+			this.cachedOptions = this.getOptions(), this.cachedFilteredOptions = this.filterOptions(this.cachedOptions, this.searchText);
+		}, this.handleInputFocus = () => {
+			this.disabled || (this.isOpen = !0, this.focusedIndex = -1);
+		}, this.handleInputClick = (e) => {
+			e.stopPropagation(), !this.disabled && (this.isOpen = !0);
+		}, this.handleInputChange = (e) => {
+			let t = e.target;
+			if (this.searchText = t.value, this.isOpen = !0, this.focusedIndex = -1, this.debouncedFilter(), this.allowCustomValue) {
+				let e = this.value;
+				this.value = this.searchText, this.dispatchEvent(new CustomEvent("bp-change", {
+					detail: {
+						value: this.value,
+						previousValue: e
+					},
+					bubbles: !0,
+					composed: !0
+				}));
+			}
+		}, this.handleOptionClick = (e) => {
+			if (this.disabled) return;
+			let t = this.value;
+			this.value = e.value, this.searchText = e.label, this.isOpen = !1, this.focusedIndex = -1, this.debouncedFilter.cancel(), this.cachedFilteredOptions = this.filterOptions(this.cachedOptions, this.searchText), this.dispatchEvent(new CustomEvent("bp-change", {
+				detail: {
+					value: this.value,
+					label: e.label,
+					previousValue: t
+				},
+				bubbles: !0,
+				composed: !0
+			}));
+			let n = this.shadowRoot?.querySelector("input[type=\"hidden\"]");
+			n && (n.value = this.value), this.inputElement?.focus();
+		}, this.handleInputKeyDown = (e) => {
+			if (this.disabled) return;
+			let t = this.getFilteredOptions();
+			switch (e.key) {
+				case "ArrowDown":
+					e.preventDefault(), this.isOpen ? this.focusedIndex = Math.min(this.focusedIndex + 1, t.length - 1) : (this.isOpen = !0, this.focusedIndex = 0);
+					break;
+				case "ArrowUp":
+					e.preventDefault(), this.isOpen ? this.focusedIndex = Math.max(this.focusedIndex - 1, 0) : (this.isOpen = !0, this.focusedIndex = t.length - 1);
+					break;
+				case "Enter":
+					if (e.preventDefault(), this.isOpen && this.focusedIndex >= 0) {
+						let e = t[this.focusedIndex];
+						e && this.handleOptionClick(e);
+					} else this.isOpen ||= !0;
+					break;
+				case "Escape":
+					e.preventDefault(), this.closeDropdown();
+					break;
+				case "Tab": this.closeDropdown();
+			}
+		}, this.handleClear = (e) => {
+			if (e.stopPropagation(), this.disabled) return;
+			let t = this.value;
+			this.value = "", this.searchText = "", this.debouncedFilter.cancel(), this.cachedFilteredOptions = this.filterOptions(this.cachedOptions, this.searchText), this.dispatchEvent(new CustomEvent("bp-change", {
+				detail: {
+					value: "",
+					previousValue: t
+				},
+				bubbles: !0,
+				composed: !0
+			})), this.inputElement?.focus();
+		}, this.value = "", this.name = "", this.label = "", this.helperText = "", this.errorMessage = "", this.placeholder = "Search or select...", this.disabled = !1, this.required = !1, this.size = "md", this.variant = "default", this.allowCustomValue = !1;
+	}
+	connectedCallback() {
+		super.connectedCallback(), document.addEventListener("click", this.handleDocumentClick, { passive: !0 }), this.updateComplete.then(() => {
+			this.cachedOptions = this.getOptions(), this.updateSearchText(), this.cachedFilteredOptions = this.filterOptions(this.cachedOptions, this.searchText);
+		});
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), document.removeEventListener("click", this.handleDocumentClick, { passive: !0 }), this.debouncedFilter.cancel();
+	}
+	updateSearchText() {
+		if (!this.value) {
+			this.searchText = "";
+			return;
+		}
+		let e = (this.cachedOptions.length > 0 ? this.cachedOptions : this.getOptions()).find((e) => e.value === this.value);
+		e && (this.searchText = e.label);
+	}
+	closeDropdown() {
+		this.isOpen = !1, this.focusedIndex = -1, this.debouncedFilter.cancel(), this.updateSearchText(), this.cachedFilteredOptions = this.filterOptions(this.cachedOptions, this.searchText);
+	}
+	getOptions() {
+		return ((this.shadowRoot?.querySelector("slot"))?.assignedElements() || []).filter((e) => e.tagName === "OPTION").map((e) => ({
+			value: e.value || e.textContent || "",
+			label: e.textContent || ""
+		}));
+	}
+	getFilteredOptions() {
+		return this.cachedFilteredOptions;
+	}
+	renderDropdown() {
+		let e = this.getFilteredOptions();
+		return l`
+      <div class="combobox__dropdown" id="listbox" part="dropdown">
+        <ul class="combobox__options" role="listbox">
+          ${e.length === 0 ? l`<li
+                  class="combobox__option combobox__option--empty"
+                  role="option"
+                >
+                  No results found
+                </li>` : g(e, (e) => e.value, (e, t) => {
+			let n = e.value === this.value, r = t === this.focusedIndex;
+			return l`
+                      <li
+                        class=${h({
+				combobox__option: !0,
+				"combobox__option--selected": n,
+				"combobox__option--focused": r
+			})}
+                        role="option"
+                        aria-selected=${n}
+                        @click=${() => this.handleOptionClick(e)}
+                        part="option ${n ? "option-selected" : ""}"
+                      >
+                        ${e.label}
+                      </li>
+                    `;
+		})}
+        </ul>
+      </div>
+    `;
+	}
+	render() {
+		let e = {
+			helperText: this.helperText,
+			errorMessage: this.errorMessage,
+			invalid: this.variant === "error"
+		}, { invalid: t, describedBy: n } = a(e), i = !!(this.value || this.searchText);
+		return l`
+      <div
+        class=${h({
+			combobox: !0,
+			"combobox--open": this.isOpen,
+			"combobox--disabled": this.disabled,
+			[`combobox--${this.size}`]: !0,
+			[`combobox--${t ? "error" : this.variant}`]: !0
+		})}
+      >
+        ${this.label ? l`
+                <label
+                  class="combobox__label"
+                  for="combobox-input"
+                  part="label"
+                >
+                  ${this.label}
+                  ${this.required ? l`<span class="combobox__required" aria-hidden="true"
+                          >*</span
+                        >` : u}
+                </label>
+              ` : u}
+        <div class="combobox__control" part="control">
+          <input
+            id="combobox-input"
+            type="text"
+            class="combobox__input"
+            .value=${this.searchText}
+            placeholder=${this.placeholder}
+            ?disabled=${this.disabled}
+            ?required=${this.required}
+            @focus=${this.handleInputFocus}
+            @click=${this.handleInputClick}
+            @input=${this.handleInputChange}
+            @keydown=${this.handleInputKeyDown}
+            role="combobox"
+            aria-haspopup="listbox"
+            aria-expanded=${this.isOpen}
+            aria-autocomplete="list"
+            aria-controls="listbox"
+            aria-disabled=${this.disabled}
+            aria-invalid=${t ? "true" : u}
+            aria-describedby=${n ?? u}
+            part="input"
+          />
+
+          <div class="combobox__indicators">
+            ${i ? l`
+                    <button
+                      type="button"
+                      class="combobox__clear"
+                      @click=${this.handleClear}
+                      aria-label="Clear selection"
+                      tabindex="-1"
+                      ?disabled=${this.disabled}
+                      part="clear-button"
+                    >
+                      ×
+                    </button>
+                  ` : ""}
+            <span class="combobox__dropdown-indicator" part="indicator">
+              ▼
+            </span>
+          </div>
+        </div>
+
+        ${this.isOpen ? this.renderDropdown() : u}
+
+        <!-- Hidden slot for options -->
+        <slot @slotchange=${this.handleSlotChange}></slot>
+
+        <!-- Hidden input for form submission -->
+        ${this.name ? l`<input
+                type="hidden"
+                name="${this.name}"
+                .value=${this.value}
+              />` : ""}
+      </div>
+      ${r(e)}
+    `;
+	}
+};
+e([f({
+	type: String,
+	reflect: !0
+})], v.prototype, "value", void 0), e([f({ type: String })], v.prototype, "name", void 0), e([f({
+	type: String,
+	reflect: !0
+})], v.prototype, "label", void 0), e([f({ type: String })], v.prototype, "helperText", void 0), e([f({ type: String })], v.prototype, "errorMessage", void 0), e([f({ type: String })], v.prototype, "placeholder", void 0), e([f({
+	type: Boolean,
+	reflect: !0
+})], v.prototype, "disabled", void 0), e([f({
+	type: Boolean,
+	reflect: !0
+})], v.prototype, "required", void 0), e([f({
+	type: String,
+	reflect: !0
+})], v.prototype, "size", void 0), e([f({
+	type: String,
+	reflect: !0
+})], v.prototype, "variant", void 0), e([f({ type: Boolean })], v.prototype, "allowCustomValue", void 0), e([m()], v.prototype, "isOpen", void 0), e([m()], v.prototype, "searchText", void 0), e([m()], v.prototype, "focusedIndex", void 0), e([m()], v.prototype, "cachedFilteredOptions", void 0), e([m()], v.prototype, "cachedOptions", void 0), e([p("input[type=\"text\"]")], v.prototype, "inputElement", void 0), v = e([d("bp-combobox")], v);
+//#endregion
+export { v as t };
+
+//# sourceMappingURL=combobox-fcD23BVq.js.map

package/dist/shared/combobox-fcD23BVq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-fcD23BVq.js","names":["_decorate","__decorate","FormControlMixin","renderFieldMessage","fieldMessageState","memoizeOne","comboboxStyles","BpCombobox","LitElement","fieldMessageStyles","debounce","searchText","options","searchLower","option","event","target","previousValue","hiddenInput","filteredOptions","selectedOption","opt","el","repeat","isSelected","isFocused","index","classMap","message","hasValue","invalid","nothing","describedBy","property","state","query","customElement"],"sources":["../../source/components/combobox/combobox.style.ts","../../source/components/combobox/combobox.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const comboboxStyles = css`\n  /* Base styles */\n  :host {\n    display: block;\n    font-family: var(--bp-font-family);\n  }\n\n  .combobox__label {\n    display: block;\n    font-family: var(--bp-font-family);\n    font-size: var(--bp-font-size-sm);\n    font-weight: var(--bp-font-weight-medium);\n    color: var(--bp-color-text);\n    line-height: var(--bp-line-height-normal);\n    margin-bottom: var(--bp-spacing-xs);\n  }\n\n  .combobox__required {\n    color: var(--bp-color-error);\n    margin-left: var(--bp-spacing-xs);\n  }\n\n  .combobox {\n    position: relative;\n    width: 100%;\n  }\n\n  .combobox__control {\n    display: flex;\n    align-items: center;\n    position: relative;\n    background-color: var(--bp-color-surface);\n    border: var(--bp-border-width) solid var(--bp-color-input-border);\n    border-radius: var(--bp-border-radius-md);\n    transition: border-color var(--bp-transition-fast);\n  }\n\n  .combobox__control:hover:not(.combobox--disabled .combobox__control) {\n    border-color: var(--bp-color-primary);\n  }\n\n  .combobox__control:focus-within {\n    outline: var(--bp-focus-width) solid var(--bp-color-focus);\n    outline-offset: var(--bp-focus-width);\n    border-color: var(--bp-color-focus);\n  }\n\n  .combobox__input {\n    flex: 1;\n    min-width: 0;\n    padding: var(--bp-spacing-sm) var(--bp-spacing-md);\n    background: transparent;\n    border: none;\n    outline: none;\n    color: var(--bp-color-text);\n    font-family: var(--bp-font-family);\n    font-size: var(--bp-font-size-base);\n  }\n\n  .combobox__input::placeholder {\n    color: var(--bp-color-text-muted);\n  }\n\n  .combobox__input:disabled {\n    cursor: not-allowed;\n  }\n\n  .combobox__indicators {\n    display: flex;\n    align-items: center;\n    gap: var(--bp-spacing-xs);\n    padding-right: var(--bp-spacing-sm);\n    flex-shrink: 0;\n  }\n\n  .combobox__clear {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--bp-spacing-6);\n    height: var(--bp-spacing-6);\n    padding: 0;\n    background: transparent;\n    border: none;\n    border-radius: var(--bp-border-radius-sm);\n    color: var(--bp-color-text-muted);\n    cursor: pointer;\n    font-size: var(--bp-font-size-xl);\n    line-height: 1;\n    transition: all var(--bp-transition-fast);\n  }\n\n  .combobox__clear:hover {\n    color: var(--bp-color-primary);\n    background-color: color-mix(\n      in srgb,\n      var(--bp-color-primary) 8%,\n      transparent\n    );\n  }\n\n  .combobox__clear:disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n\n  .combobox__dropdown-indicator {\n    color: var(--bp-color-text-muted);\n    font-size: var(--bp-font-size-xs);\n    transition: transform var(--bp-transition-fast);\n    user-select: none;\n  }\n\n  .combobox--open .combobox__dropdown-indicator {\n    transform: rotate(180deg);\n  }\n\n  .combobox__dropdown {\n    position: absolute;\n    top: calc(100% + var(--bp-spacing-xs));\n    left: 0;\n    right: 0;\n    z-index: var(--bp-z-dropdown);\n    background-color: var(--bp-color-surface);\n    border: var(--bp-border-width) solid var(--bp-color-border);\n    border-top: calc(var(--bp-border-width) * 2) solid var(--bp-color-primary);\n    border-radius: var(--bp-border-radius-md);\n    box-shadow: var(--bp-shadow-md);\n    max-height: calc(var(--bp-spacing-10) * 6);\n    overflow-y: auto;\n    opacity: 0;\n    visibility: hidden;\n    transform: translateY(calc(-1 * var(--bp-spacing-md)));\n    transition:\n      opacity var(--bp-transition-fast),\n      transform var(--bp-transition-fast),\n      visibility var(--bp-transition-fast);\n    contain: layout style paint;\n  }\n\n  .combobox--open .combobox__dropdown {\n    opacity: 1;\n    visibility: visible;\n    transform: translateY(0);\n  }\n\n  .combobox__options {\n    list-style: none;\n    margin: 0;\n    padding: var(--bp-spacing-2xs);\n  }\n\n  .combobox__option {\n    padding: var(--bp-spacing-sm) var(--bp-spacing-md);\n    cursor: pointer;\n    border-radius: var(--bp-border-radius-md);\n    transition:\n      background-color var(--bp-transition-fast),\n      color var(--bp-transition-fast);\n  }\n\n  .combobox__option:hover {\n    background-color: color-mix(\n      in srgb,\n      var(--bp-color-primary) 8%,\n      transparent\n    );\n  }\n\n  .combobox__option--focused {\n    background-color: color-mix(\n      in srgb,\n      var(--bp-color-primary) 8%,\n      transparent\n    );\n    outline: var(--bp-focus-width) solid var(--bp-color-primary);\n    outline-offset: calc(-1 * var(--bp-focus-width));\n  }\n\n  .combobox__option--selected {\n    background-color: color-mix(\n      in srgb,\n      var(--bp-color-primary) 8%,\n      transparent\n    );\n    color: var(--bp-color-primary);\n  }\n\n  .combobox__option--selected:hover,\n  .combobox__option--selected.combobox__option--focused {\n    background-color: color-mix(\n      in srgb,\n      var(--bp-color-primary) 12%,\n      transparent\n    );\n  }\n\n  .combobox__option--empty {\n    color: var(--bp-color-text-muted);\n    cursor: default;\n    text-align: center;\n    padding: var(--bp-spacing-lg) var(--bp-spacing-md);\n    font-style: italic;\n  }\n\n  .combobox__option--empty:hover {\n    background-color: transparent;\n  }\n\n  /* Sizes */\n  .combobox--sm .combobox__input {\n    padding: var(--bp-spacing-2xs) var(--bp-spacing-xs);\n    font-size: var(--bp-font-size-sm);\n  }\n\n  .combobox--sm .combobox__indicators {\n    padding-right: var(--bp-spacing-xs);\n  }\n\n  .combobox--lg .combobox__input {\n    padding: var(--bp-spacing-md) var(--bp-spacing-lg);\n    font-size: var(--bp-font-size-lg);\n  }\n\n  .combobox--lg .combobox__indicators {\n    padding-right: var(--bp-spacing-md);\n  }\n\n  /* Variants */\n  .combobox--default .combobox__control {\n    border-color: var(--bp-color-input-border);\n  }\n\n  .combobox--success .combobox__control {\n    border-color: var(--bp-color-success);\n  }\n\n  .combobox--error .combobox__control {\n    border-color: var(--bp-color-error);\n  }\n\n  .combobox--warning .combobox__control {\n    border-color: var(--bp-color-warning);\n  }\n\n  .combobox--info .combobox__control {\n    border-color: var(--bp-color-info);\n  }\n\n  .combobox--success\n    .combobox__control:hover:not(.combobox--disabled .combobox__control) {\n    border-color: var(--bp-color-success);\n  }\n\n  .combobox--error\n    .combobox__control:hover:not(.combobox--disabled .combobox__control) {\n    border-color: var(--bp-color-error);\n  }\n\n  .combobox--warning\n    .combobox__control:hover:not(.combobox--disabled .combobox__control) {\n    border-color: var(--bp-color-warning);\n  }\n\n  .combobox--info\n    .combobox__control:hover:not(.combobox--disabled .combobox__control) {\n    border-color: var(--bp-color-info);\n  }\n\n  /* States */\n  .combobox--disabled .combobox__control {\n    background-color: var(--bp-color-surface-subdued);\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n\n  .combobox--disabled .combobox__input {\n    color: var(--bp-color-text-muted);\n  }\n\n  /* Hide slot */\n  slot {\n    display: none;\n  }\n\n  /* Hide hidden inputs */\n  input[type='hidden'] {\n    display: none;\n  }\n\n  /* iOS zoom prevention: ensure 16px minimum on touch devices */\n  @media (max-width: 768px) {\n    .combobox--sm .combobox__input {\n      font-size: 16px;\n    }\n  }\n`;\n","import { LitElement, html, nothing } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport { comboboxStyles } from './combobox.style.js';\nimport { debounce } from '../../utilities/debounce.js';\nimport { memoizeOne } from '../../utilities/memoize.js';\nimport { FormControlMixin } from '../../utilities/form-control.js';\nimport {\n  fieldMessageState,\n  renderFieldMessage,\n  fieldMessageStyles,\n} from '../../utilities/field-message.js';\n\nexport type ComboboxSize = 'sm' | 'md' | 'lg';\nexport type ComboboxVariant =\n  'default' | 'success' | 'error' | 'warning' | 'info';\n\nexport interface ComboboxOption {\n  value: string;\n  label: string;\n}\n\n@customElement('bp-combobox')\nexport class BpCombobox extends FormControlMixin(LitElement) {\n  /** The current value of the combobox */\n  @property({ type: String, reflect: true }) declare value: string;\n\n  /** Name attribute for form submission */\n  @property({ type: String }) declare name: string;\n\n  /** Visible label text displayed above the combobox */\n  @property({ type: String, reflect: true }) declare label: string;\n\n  /** Helper text displayed below the combobox */\n  @property({ type: String }) declare helperText: string;\n\n  /**\n   * Error text. When set, the combobox is invalid: the message replaces the\n   * helper text, is announced, and the border turns to the error color.\n   */\n  @property({ type: String }) declare errorMessage: string;\n\n  /** Placeholder text when no value is selected */\n  @property({ type: String }) declare placeholder: string;\n\n  /** Whether the combobox is disabled */\n  @property({ type: Boolean, reflect: true }) declare disabled: boolean;\n\n  /** Whether the combobox is required */\n  @property({ type: Boolean, reflect: true }) declare required: boolean;\n\n  /** Size variant of the combobox */\n  @property({ type: String, reflect: true }) declare size: ComboboxSize;\n\n  /** Visual variant for validation states */\n  @property({ type: String, reflect: true }) declare variant: ComboboxVariant;\n\n  /** Whether to allow free-form input (not just from the options list) */\n  @property({ type: Boolean }) declare allowCustomValue: boolean;\n\n  /** Whether the dropdown is currently open */\n  @state() private isOpen = false;\n\n  /** Current search/filter text */\n  @state() private searchText = '';\n\n  /** Index of the focused option for keyboard navigation */\n  @state() private focusedIndex = -1;\n\n  /** Cached filtered options to avoid recomputation on every render */\n  @state() private cachedFilteredOptions: ComboboxOption[] = [];\n\n  /** Cached options from slotted elements */\n  @state() private cachedOptions: ComboboxOption[] = [];\n\n  /** Reference to the input element */\n  @query('input[type=\"text\"]') private inputElement!: HTMLInputElement;\n\n  /** Debounced filter computation for search input */\n  private debouncedFilter = debounce(() => {\n    this.cachedFilteredOptions = this.filterOptions(\n      this.cachedOptions,\n      this.searchText\n    );\n  }, 150);\n\n  /**\n   * Memoized filter computation.\n   * Returns cached result when options array and searchText are the same references.\n   */\n  private filterOptions = memoizeOne(\n    (options: ComboboxOption[], searchText: string): ComboboxOption[] => {\n      if (!searchText.trim()) {\n        return options;\n      }\n\n      const searchLower = searchText.toLowerCase();\n      return options.filter((option) =>\n        option.label.toLowerCase().includes(searchLower)\n      );\n    }\n  );\n\n  static styles = [fieldMessageStyles, comboboxStyles];\n\n  constructor() {\n    super();\n    this.value = '';\n    this.name = '';\n    this.label = '';\n    this.helperText = '';\n    this.errorMessage = '';\n    this.placeholder = 'Search or select...';\n    this.disabled = false;\n    this.required = false;\n    this.size = 'md';\n    this.variant = 'default';\n    this.allowCustomValue = false;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    document.addEventListener('click', this.handleDocumentClick, {\n      passive: true,\n    });\n    // Initialize search text with selected label and populate cached filtered options\n    this.updateComplete.then(() => {\n      this.cachedOptions = this.getOptions();\n      this.updateSearchText();\n      this.cachedFilteredOptions = this.filterOptions(\n        this.cachedOptions,\n        this.searchText\n      );\n    });\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    document.removeEventListener('click', this.handleDocumentClick, {\n      passive: true,\n    } as EventListenerOptions);\n    this.debouncedFilter.cancel();\n  }\n\n  private updateSearchText() {\n    if (!this.value) {\n      this.searchText = '';\n      return;\n    }\n\n    const options =\n      this.cachedOptions.length > 0 ? this.cachedOptions : this.getOptions();\n    const selectedOption = options.find((opt) => opt.value === this.value);\n    if (selectedOption) {\n      this.searchText = selectedOption.label;\n    }\n  }\n\n  private handleDocumentClick = (event: MouseEvent) => {\n    if (!this.contains(event.target as globalThis.Node)) {\n      this.closeDropdown();\n    }\n  };\n\n  private closeDropdown() {\n    this.isOpen = false;\n    this.focusedIndex = -1;\n    this.debouncedFilter.cancel();\n    this.updateSearchText();\n    this.cachedFilteredOptions = this.filterOptions(\n      this.cachedOptions,\n      this.searchText\n    );\n  }\n\n  private getOptions(): ComboboxOption[] {\n    const slot = this.shadowRoot?.querySelector('slot');\n    const assignedElements = slot?.assignedElements() || [];\n    const options = assignedElements.filter(\n      (el): el is globalThis.HTMLOptionElement => el.tagName === 'OPTION'\n    );\n\n    return options.map((option) => ({\n      value: option.value || option.textContent || '',\n      label: option.textContent || '',\n    }));\n  }\n\n  /**\n   * Returns the cached filtered options for rendering and keyboard navigation.\n   */\n  private getFilteredOptions(): ComboboxOption[] {\n    return this.cachedFilteredOptions;\n  }\n\n  /**\n   * Handle slot changes by refreshing the cached options.\n   */\n  private handleSlotChange = () => {\n    this.cachedOptions = this.getOptions();\n    this.cachedFilteredOptions = this.filterOptions(\n      this.cachedOptions,\n      this.searchText\n    );\n  };\n\n  private handleInputFocus = () => {\n    if (this.disabled) return;\n    this.isOpen = true;\n    this.focusedIndex = -1;\n  };\n\n  private handleInputClick = (event: MouseEvent) => {\n    event.stopPropagation();\n    if (this.disabled) return;\n    this.isOpen = true;\n  };\n\n  private handleInputChange = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n    this.searchText = target.value;\n    this.isOpen = true;\n    this.focusedIndex = -1;\n\n    // Debounce the filter computation for search input\n    this.debouncedFilter();\n\n    // If allowCustomValue is true, update value immediately\n    if (this.allowCustomValue) {\n      const previousValue = this.value;\n      this.value = this.searchText;\n\n      this.dispatchEvent(\n        new CustomEvent('bp-change', {\n          detail: {\n            value: this.value,\n            previousValue,\n          },\n          bubbles: true,\n          composed: true,\n        })\n      );\n    }\n  };\n\n  private handleOptionClick = (option: ComboboxOption) => {\n    if (this.disabled) return;\n\n    const previousValue = this.value;\n    this.value = option.value;\n    this.searchText = option.label;\n    this.isOpen = false;\n    this.focusedIndex = -1;\n    this.debouncedFilter.cancel();\n    this.cachedFilteredOptions = this.filterOptions(\n      this.cachedOptions,\n      this.searchText\n    );\n\n    // Dispatch change event\n    this.dispatchEvent(\n      new CustomEvent('bp-change', {\n        detail: {\n          value: this.value,\n          label: option.label,\n          previousValue,\n        },\n        bubbles: true,\n        composed: true,\n      })\n    );\n\n    // Update hidden input for form submission\n    const hiddenInput = this.shadowRoot?.querySelector('input[type=\"hidden\"]');\n    if (hiddenInput) {\n      (hiddenInput as HTMLInputElement).value = this.value;\n    }\n\n    // Return focus to input\n    this.inputElement?.focus();\n  };\n\n  private handleInputKeyDown = (event: globalThis.KeyboardEvent) => {\n    if (this.disabled) return;\n\n    const filteredOptions = this.getFilteredOptions();\n\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault();\n        if (!this.isOpen) {\n          this.isOpen = true;\n          this.focusedIndex = 0;\n        } else {\n          this.focusedIndex = Math.min(\n            this.focusedIndex + 1,\n            filteredOptions.length - 1\n          );\n        }\n        break;\n\n      case 'ArrowUp':\n        event.preventDefault();\n        if (!this.isOpen) {\n          this.isOpen = true;\n          this.focusedIndex = filteredOptions.length - 1;\n        } else {\n          this.focusedIndex = Math.max(this.focusedIndex - 1, 0);\n        }\n        break;\n\n      case 'Enter':\n        event.preventDefault();\n        if (this.isOpen && this.focusedIndex >= 0) {\n          const option = filteredOptions[this.focusedIndex];\n          if (option) {\n            this.handleOptionClick(option);\n          }\n        } else if (!this.isOpen) {\n          this.isOpen = true;\n        }\n        break;\n\n      case 'Escape':\n        event.preventDefault();\n        this.closeDropdown();\n        break;\n\n      case 'Tab':\n        // Allow tab to close dropdown\n        this.closeDropdown();\n        break;\n    }\n  };\n\n  private handleClear = (event: MouseEvent) => {\n    event.stopPropagation();\n    if (this.disabled) return;\n\n    const previousValue = this.value;\n    this.value = '';\n    this.searchText = '';\n    this.debouncedFilter.cancel();\n    this.cachedFilteredOptions = this.filterOptions(\n      this.cachedOptions,\n      this.searchText\n    );\n\n    this.dispatchEvent(\n      new CustomEvent('bp-change', {\n        detail: {\n          value: '',\n          previousValue,\n        },\n        bubbles: true,\n        composed: true,\n      })\n    );\n\n    this.inputElement?.focus();\n  };\n\n  private renderDropdown() {\n    const filteredOptions = this.getFilteredOptions();\n\n    return html`\n      <div class=\"combobox__dropdown\" id=\"listbox\" part=\"dropdown\">\n        <ul class=\"combobox__options\" role=\"listbox\">\n          ${\n            filteredOptions.length === 0\n              ? html`<li\n                  class=\"combobox__option combobox__option--empty\"\n                  role=\"option\"\n                >\n                  No results found\n                </li>`\n              : repeat(\n                  filteredOptions,\n                  (opt) => opt.value,\n                  (opt, index) => {\n                    const isSelected = opt.value === this.value;\n                    const isFocused = index === this.focusedIndex;\n                    return html`\n                      <li\n                        class=${classMap({\n                          combobox__option: true,\n                          'combobox__option--selected': isSelected,\n                          'combobox__option--focused': isFocused,\n                        })}\n                        role=\"option\"\n                        aria-selected=${isSelected}\n                        @click=${() => this.handleOptionClick(opt)}\n                        part=\"option ${isSelected ? 'option-selected' : ''}\"\n                      >\n                        ${opt.label}\n                      </li>\n                    `;\n                  }\n                )\n          }\n        </ul>\n      </div>\n    `;\n  }\n\n  render() {\n    const message = {\n      helperText: this.helperText,\n      errorMessage: this.errorMessage,\n      invalid: this.variant === 'error',\n    };\n    const { invalid, describedBy } = fieldMessageState(message);\n    const hasValue = Boolean(this.value || this.searchText);\n\n    return html`\n      <div\n        class=${classMap({\n          combobox: true,\n          'combobox--open': this.isOpen,\n          'combobox--disabled': this.disabled,\n          [`combobox--${this.size}`]: true,\n          [`combobox--${invalid ? 'error' : this.variant}`]: true,\n        })}\n      >\n        ${\n          this.label\n            ? html`\n                <label\n                  class=\"combobox__label\"\n                  for=\"combobox-input\"\n                  part=\"label\"\n                >\n                  ${this.label}\n                  ${\n                    this.required\n                      ? html`<span class=\"combobox__required\" aria-hidden=\"true\"\n                          >*</span\n                        >`\n                      : nothing\n                  }\n                </label>\n              `\n            : nothing\n        }\n        <div class=\"combobox__control\" part=\"control\">\n          <input\n            id=\"combobox-input\"\n            type=\"text\"\n            class=\"combobox__input\"\n            .value=${this.searchText}\n            placeholder=${this.placeholder}\n            ?disabled=${this.disabled}\n            ?required=${this.required}\n            @focus=${this.handleInputFocus}\n            @click=${this.handleInputClick}\n            @input=${this.handleInputChange}\n            @keydown=${this.handleInputKeyDown}\n            role=\"combobox\"\n            aria-haspopup=\"listbox\"\n            aria-expanded=${this.isOpen}\n            aria-autocomplete=\"list\"\n            aria-controls=\"listbox\"\n            aria-disabled=${this.disabled}\n            aria-invalid=${invalid ? 'true' : nothing}\n            aria-describedby=${describedBy ?? nothing}\n            part=\"input\"\n          />\n\n          <div class=\"combobox__indicators\">\n            ${\n              hasValue\n                ? html`\n                    <button\n                      type=\"button\"\n                      class=\"combobox__clear\"\n                      @click=${this.handleClear}\n                      aria-label=\"Clear selection\"\n                      tabindex=\"-1\"\n                      ?disabled=${this.disabled}\n                      part=\"clear-button\"\n                    >\n                      ×\n                    </button>\n                  `\n                : ''\n            }\n            <span class=\"combobox__dropdown-indicator\" part=\"indicator\">\n              ▼\n            </span>\n          </div>\n        </div>\n\n        ${this.isOpen ? this.renderDropdown() : nothing}\n\n        <!-- Hidden slot for options -->\n        <slot @slotchange=${this.handleSlotChange}></slot>\n\n        <!-- Hidden input for form submission -->\n        ${\n          this.name\n            ? html`<input\n                type=\"hidden\"\n                name=\"${this.name}\"\n                .value=${this.value}\n              />`\n            : ''\n        }\n      </div>\n      ${renderFieldMessage(message)}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bp-combobox': BpCombobox;\n  }\n}\n"],"mappings":"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"}