@krollins/blueprint 0.1.11 → 0.1.13

package/dist/components/combobox.js

@@ -0,0 +1,595 @@
+import { css as h, LitElement as u, html as c, nothing as m } from "lit";
+import { property as n, state as l, query as x, customElement as v } from "lit/decorators.js";
+import { classMap as d } from "lit/directives/class-map.js";
+import { repeat as f } from "lit/directives/repeat.js";
+import { d as _ } from "../shared/debounce-BckY30Sf.js";
+import { m as g } from "../shared/memoize-DlOFy-92.js";
+const y = h`
+  /* Base styles */
+  :host {
+    display: block;
+    font-family: var(--bp-font-family);
+  }
+
+  .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-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-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;
+    }
+  }
+`;
+var O = Object.defineProperty, w = Object.getOwnPropertyDescriptor, s = (o, t, e, r) => {
+  for (var a = r > 1 ? void 0 : r ? w(t, e) : t, b = o.length - 1, p; b >= 0; b--)
+    (p = o[b]) && (a = (r ? p(t, e, a) : p(a)) || a);
+  return r && a && O(t, e, a), a;
+};
+let i = class extends u {
+  constructor() {
+    super(), this.isOpen = !1, this.searchText = "", this.focusedIndex = -1, this.cachedFilteredOptions = [], this.cachedOptions = [], this.debouncedFilter = _(() => {
+      this.cachedFilteredOptions = this.filterOptions(
+        this.cachedOptions,
+        this.searchText
+      );
+    }, 150), this.filterOptions = g(
+      (o, t) => {
+        if (!t.trim())
+          return o;
+        const e = t.toLowerCase();
+        return o.filter(
+          (r) => r.label.toLowerCase().includes(e)
+        );
+      }
+    ), this.handleDocumentClick = (o) => {
+      this.contains(o.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 = (o) => {
+      o.stopPropagation(), !this.disabled && (this.isOpen = !0);
+    }, this.handleInputChange = (o) => {
+      const t = o.target;
+      if (this.searchText = t.value, this.isOpen = !0, this.focusedIndex = -1, this.debouncedFilter(), this.allowCustomValue) {
+        const 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 = (o) => {
+      if (this.disabled) return;
+      const t = this.value;
+      this.value = o.value, this.searchText = o.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: o.label,
+            previousValue: t
+          },
+          bubbles: !0,
+          composed: !0
+        })
+      );
+      const e = this.shadowRoot?.querySelector('input[type="hidden"]');
+      e && (e.value = this.value), this.inputElement?.focus();
+    }, this.handleInputKeyDown = (o) => {
+      if (this.disabled) return;
+      const t = this.getFilteredOptions();
+      switch (o.key) {
+        case "ArrowDown":
+          o.preventDefault(), this.isOpen ? this.focusedIndex = Math.min(
+            this.focusedIndex + 1,
+            t.length - 1
+          ) : (this.isOpen = !0, this.focusedIndex = 0);
+          break;
+        case "ArrowUp":
+          o.preventDefault(), this.isOpen ? this.focusedIndex = Math.max(this.focusedIndex - 1, 0) : (this.isOpen = !0, this.focusedIndex = t.length - 1);
+          break;
+        case "Enter":
+          if (o.preventDefault(), this.isOpen && this.focusedIndex >= 0) {
+            const e = t[this.focusedIndex];
+            e && this.handleOptionClick(e);
+          } else this.isOpen || (this.isOpen = !0);
+          break;
+        case "Escape":
+          o.preventDefault(), this.closeDropdown();
+          break;
+        case "Tab":
+          this.closeDropdown();
+          break;
+      }
+    }, this.handleClear = (o) => {
+      if (o.stopPropagation(), this.disabled) return;
+      const 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.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;
+    }
+    const t = (this.cachedOptions.length > 0 ? this.cachedOptions : this.getOptions()).find((e) => e.value === this.value);
+    t && (this.searchText = t.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(
+      (r) => r.tagName === "OPTION"
+    ).map((r) => ({
+      value: r.value || r.textContent || "",
+      label: r.textContent || ""
+    }));
+  }
+  /**
+   * Returns the cached filtered options for rendering and keyboard navigation.
+   */
+  getFilteredOptions() {
+    return this.cachedFilteredOptions;
+  }
+  renderDropdown() {
+    const o = this.getFilteredOptions();
+    return c`
+      <div class="combobox__dropdown" id="listbox" part="dropdown">
+        <ul class="combobox__options" role="listbox">
+          ${o.length === 0 ? c`<li
+                class="combobox__option combobox__option--empty"
+                role="option"
+              >
+                No results found
+              </li>` : f(
+      o,
+      (t) => t.value,
+      (t, e) => {
+        const r = t.value === this.value, a = e === this.focusedIndex;
+        return c`
+                    <li
+                      class=${d({
+          combobox__option: !0,
+          "combobox__option--selected": r,
+          "combobox__option--focused": a
+        })}
+                      role="option"
+                      aria-selected=${r}
+                      @click=${() => this.handleOptionClick(t)}
+                      part="option ${r ? "option-selected" : ""}"
+                    >
+                      ${t.label}
+                    </li>
+                  `;
+      }
+    )}
+        </ul>
+      </div>
+    `;
+  }
+  render() {
+    const o = !!(this.value || this.searchText);
+    return c`
+      <div
+        class=${d({
+      combobox: !0,
+      "combobox--open": this.isOpen,
+      "combobox--disabled": this.disabled,
+      [`combobox--${this.size}`]: !0,
+      [`combobox--${this.variant}`]: !0
+    })}
+      >
+        <div class="combobox__control" part="control">
+          <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}
+            part="input"
+          />
+
+          <div class="combobox__indicators">
+            ${o ? c`
+                  <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() : m}
+
+        <!-- Hidden slot for options -->
+        <slot @slotchange=${this.handleSlotChange}></slot>
+
+        <!-- Hidden input for form submission -->
+        ${this.name ? c`<input
+              type="hidden"
+              name="${this.name}"
+              .value=${this.value}
+            />` : ""}
+      </div>
+    `;
+  }
+};
+i.styles = [y];
+s([
+  n({ type: String, reflect: !0 })
+], i.prototype, "value", 2);
+s([
+  n({ type: String })
+], i.prototype, "name", 2);
+s([
+  n({ type: String })
+], i.prototype, "placeholder", 2);
+s([
+  n({ type: Boolean, reflect: !0 })
+], i.prototype, "disabled", 2);
+s([
+  n({ type: Boolean, reflect: !0 })
+], i.prototype, "required", 2);
+s([
+  n({ type: String, reflect: !0 })
+], i.prototype, "size", 2);
+s([
+  n({ type: String, reflect: !0 })
+], i.prototype, "variant", 2);
+s([
+  n({ type: Boolean })
+], i.prototype, "allowCustomValue", 2);
+s([
+  l()
+], i.prototype, "isOpen", 2);
+s([
+  l()
+], i.prototype, "searchText", 2);
+s([
+  l()
+], i.prototype, "focusedIndex", 2);
+s([
+  l()
+], i.prototype, "cachedFilteredOptions", 2);
+s([
+  l()
+], i.prototype, "cachedOptions", 2);
+s([
+  x('input[type="text"]')
+], i.prototype, "inputElement", 2);
+i = s([
+  v("bp-combobox")
+], i);
+export {
+  i as BpCombobox
+};
+//# sourceMappingURL=combobox.js.map

package/dist/components/combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.js","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 {\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-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-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';\n\nexport type ComboboxSize = 'sm' | 'md' | 'lg';\nexport type ComboboxVariant =\n  | 'default'\n  | 'success'\n  | 'error'\n  | 'warning'\n  | 'info';\n\nexport interface ComboboxOption {\n  value: string;\n  label: string;\n}\n\n@customElement('bp-combobox')\nexport class BpCombobox extends 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  /** 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 = [comboboxStyles];\n\n  constructor() {\n    super();\n    this.value = '';\n    this.name = '';\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          ${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        </ul>\n      </div>\n    `;\n  }\n\n  render() {\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--${this.variant}`]: true,\n        })}\n      >\n        <div class=\"combobox__control\" part=\"control\">\n          <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            part=\"input\"\n          />\n\n          <div class=\"combobox__indicators\">\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            <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        ${this.name\n          ? html`<input\n              type=\"hidden\"\n              name=\"${this.name}\"\n              .value=${this.value}\n            />`\n          : ''}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bp-combobox': BpCombobox;\n  }\n}\n"],"names":["comboboxStyles","css","BpCombobox","LitElement","debounce","memoizeOne","options","searchText","searchLower","option","event","target","previousValue","hiddenInput","filteredOptions","selectedOption","opt","el","html","repeat","index","isSelected","isFocused","classMap","hasValue","nothing","__decorateClass","property","state","query","customElement"],"mappings":";;;;;;AAEO,MAAMA,IAAiBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;A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"}