@rcarls/rc-search-bar 0.3.2 → 0.4.1

package/dist/rc-search-bar-D0uhitIm.js

@@ -0,0 +1,525 @@
+import { css as f, LitElement as g, html as d, nothing as _ } from "lit";
+import { property as r, state as n } from "lit/decorators.js";
+import { classMap as l } from "lit/directives/class-map.js";
+import { NativeChildController as m, keyInteraction as y } from "@rcarls/rc-common";
+const w = f`
+  :host {
+    display: inline-flex;
+    position: relative;
+    color-scheme: inherit;
+  }
+
+  [hidden] {
+    display: none !important;
+  }
+
+  #root {
+    display: flex;
+    flex: 1 1 auto;
+    align-items: center;
+    min-inline-size: 0;
+    gap: var(--rc-search-bar-gap, var(--rc-control-gap, 0.25em));
+    block-size: var(--rc-search-bar-height, var(--rc-control-block-size, 2.5rem));
+    padding-inline: var(--rc-search-bar-padding-inline, var(--rc-control-padding-inline, 0.75rem));
+    border: var(
+      --rc-search-bar-border,
+      var(--rc-border, 1px solid var(--rc-border-color, ButtonBorder))
+    );
+    border-radius: var(
+      --rc-search-bar-radius,
+      var(--rc-control-radius, var(--rc-radius-sm, 0.125em))
+    );
+    box-shadow: var(--rc-search-bar-shadow, none);
+    background: var(--rc-search-bar-bg, var(--rc-field, Field));
+    color: var(--rc-search-bar-color, var(--rc-field-text, FieldText));
+    font-family: var(--rc-font-family, inherit);
+    font-size: var(--rc-font-size, inherit);
+    line-height: var(--rc-line-height, normal);
+    transition:
+      background-color 120ms,
+      border-color 120ms,
+      box-shadow 120ms;
+  }
+
+  :host([data-interaction-mode='keyboard']) #root:focus-within {
+    outline: var(--rc-focus-ring, auto);
+    outline-offset: var(--rc-focus-ring-offset, 0);
+  }
+
+  /* No slotted search input: render no chrome at all. */
+  #root.empty {
+    block-size: auto;
+    padding: 0;
+    background: none;
+    border: none;
+    box-shadow: none;
+    border-radius: 0;
+  }
+
+  #leading {
+    display: flex;
+    flex: none;
+    align-items: center;
+    color: var(--rc-search-bar-icon-color, GrayText);
+  }
+
+  #leading.empty {
+    display: none;
+  }
+
+  ::slotted(input[type='search']) {
+    flex: 1 1 auto;
+    min-inline-size: 0;
+    padding: 0;
+    border: none;
+    background: transparent;
+    color: var(--rc-search-bar-input-color, inherit);
+    font-family: var(--rc-search-bar-input-font-family, inherit);
+    font-size: var(--rc-search-bar-input-font-size, inherit);
+    outline: none;
+    appearance: textfield;
+  }
+
+  #trailing {
+    display: flex;
+    flex: none;
+    align-items: center;
+  }
+
+  #trailing.empty {
+    display: none;
+  }
+
+  #clear {
+    display: inline-grid;
+    flex: none;
+    place-items: center;
+    min-inline-size: 24px;
+    min-block-size: 24px;
+    padding: 0;
+    border: none;
+    border-radius: 50%;
+    background: none;
+    color: var(--rc-search-bar-clear-color, GrayText);
+    font: inherit;
+    cursor: pointer;
+  }
+
+  #clear[inert] {
+    visibility: hidden;
+  }
+
+  #clear:focus-visible {
+    outline: var(--rc-focus-ring, auto);
+    outline-offset: var(--rc-focus-ring-offset, 0);
+  }
+
+  #view {
+    position: absolute;
+    z-index: 1;
+    inset-block-start: calc(100% + var(--rc-search-bar-view-offset, 0.25rem));
+    inset-inline: 0;
+    min-inline-size: 100%;
+  }
+
+  #view-surface {
+    box-sizing: border-box;
+    padding-block: var(--rc-search-bar-view-padding-block, 0.5rem);
+    border: var(
+      --rc-search-bar-view-border,
+      var(--rc-search-bar-border, var(--rc-border, 1px solid var(--rc-border-color, ButtonBorder)))
+    );
+    border-radius: var(
+      --rc-search-bar-view-radius,
+      var(--rc-search-bar-radius, var(--rc-control-radius, var(--rc-radius-sm, 0.125em)))
+    );
+    box-shadow: var(--rc-search-bar-view-shadow, var(--rc-search-bar-shadow, none));
+    background: var(--rc-search-bar-view-bg, var(--rc-search-bar-bg, var(--rc-field, Field)));
+    color: var(
+      --rc-search-bar-view-color,
+      var(--rc-search-bar-color, var(--rc-field-text, FieldText))
+    );
+    font-family: var(--rc-font-family, inherit);
+    font-size: var(--rc-font-size, inherit);
+  }
+
+  #view-surface.empty {
+    display: none;
+  }
+
+  #suggestions {
+    display: flex;
+    flex-direction: column;
+  }
+
+  #suggestions ::slotted(*) {
+    min-inline-size: 0;
+  }
+
+  [part='suggestion'] {
+    display: flex;
+    align-items: center;
+    min-block-size: var(--rc-search-bar-suggestion-min-block-size, 2.75rem);
+    padding-block: 0;
+    padding-inline: var(--rc-search-bar-suggestion-padding-inline, 1rem);
+    border: 0;
+    background: transparent;
+    color: inherit;
+    font: inherit;
+    text-align: start;
+    cursor: pointer;
+  }
+
+  [part='suggestion']:hover,
+  [part='suggestion']:focus-visible {
+    background: var(--rc-search-bar-suggestion-hover-bg, ButtonFace);
+  }
+
+  [part='suggestion']:focus-visible {
+    outline: var(--rc-focus-ring, auto);
+    outline-offset: var(--rc-focus-ring-offset, 0);
+  }
+`;
+var S = Object.defineProperty, L = Object.getOwnPropertyDescriptor, a = (p, e, t, i) => {
+  for (var o = i > 1 ? void 0 : i ? L(e, t) : e, h = p.length - 1, u; h >= 0; h--)
+    (u = p[h]) && (o = (i ? u(e, t, o) : u(o)) || o);
+  return i && o && S(e, t, o), o;
+};
+const v = new CSSStyleSheet();
+v.replaceSync(
+  `rc-search-bar:not([allow-native-clear]) input[type="search"]::-webkit-search-cancel-button
+   { -webkit-appearance: none; display: none; }`
+);
+let b = !1;
+function I() {
+  b || (document.adoptedStyleSheets = [...document.adoptedStyleSheets, v], b = !0);
+}
+const c = class c extends g {
+  constructor() {
+    super(...arguments), this.variant = "bar", this.debounce = 200, this.clearLabel = "Clear search", this.allowNativeClear = !1, this.showClearOnFocus = !1, this._open = !1, this._defaultOpen = !1, this._openInitialized = !1, this._value = void 0, this._defaultValue = void 0, this._valueSetByHost = !1, this._valueInitialized = !1, this._authorPlaceholder = !1, this._$inputRef = null, this._debounceTimer = void 0, this._$dataListRef = null, this._hasInput = !1, this._hasValue = !1, this._hasLeading = !1, this._hasTrailing = !1, this._inputDisabled = !1, this._hasSuggestionsSlot = !1, this._dataListSuggestions = [], this._disabledHost = void 0, this._focused = !1, this._onInputFocus = () => {
+      this._focused = !0, this.variant === "view" && this.showView();
+    }, this._onInputBlur = () => {
+      this._focused = !1;
+    }, this._disabledObserver = new MutationObserver(() => {
+      const e = this._$input();
+      e && (this._inputDisabled = e.disabled, this._syncDataListSuggestions(e));
+    }), this._dataListObserver = new MutationObserver(() => this._syncDataListSuggestions()), this._inputController = new m(this, {
+      selector: ':scope > input[type="search"]',
+      observe: { childList: !0, attributes: !0, attributeFilter: ["list"] },
+      onChange: (e, t) => this._setupInput(e, t),
+      onMissing: () => {
+      }
+    }), this._onNativeInput = (e) => {
+      const t = e.currentTarget;
+      this._valueInitialized = !0, this._hasValue = t.value.length > 0, this._scheduleInputEvent(t.value);
+    }, this._onNativeKeyDown = (e) => {
+      e.key === "Escape" && this.open && (e.preventDefault(), this.closeView());
+    };
+  }
+  get disabled() {
+    return this._disabledHost ?? this._inputDisabled;
+  }
+  set disabled(e) {
+    const t = this.disabled;
+    this._disabledHost = e;
+    const i = this._$input();
+    i && (i.disabled = e), this.requestUpdate("disabled", t);
+  }
+  get open() {
+    return this._open;
+  }
+  set open(e) {
+    const t = this._open;
+    this._open = e, this._openInitialized = !0, this.requestUpdate("open", t);
+  }
+  get defaultOpen() {
+    return this._defaultOpen;
+  }
+  set defaultOpen(e) {
+    const t = this._defaultOpen;
+    this._defaultOpen = e, this._openInitialized || (this._open = e), this.requestUpdate("defaultOpen", t);
+  }
+  get value() {
+    return this._$input()?.value ?? this._value ?? this._defaultValue ?? "";
+  }
+  set value(e) {
+    const t = this.value;
+    this._value = e, this._valueSetByHost = !0, this._valueInitialized = !0;
+    const i = this._$input();
+    i && (i.value = e), this._hasValue = e.length > 0, this.requestUpdate("value", t);
+  }
+  get defaultValue() {
+    return this._defaultValue;
+  }
+  set defaultValue(e) {
+    const t = this._defaultValue;
+    this._defaultValue = e;
+    const i = this._$input();
+    i && e !== void 0 && !this._valueInitialized && (i.value = e, this._hasValue = e.length > 0), this.requestUpdate("defaultValue", t);
+  }
+  connectedCallback() {
+    super.connectedCallback(), I();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._focused = !1, this._open = !1, this._cancelPendingInput();
+    const e = this._$input();
+    e?.removeEventListener("input", this._onNativeInput), e?.removeEventListener("focus", this._onInputFocus), e?.removeEventListener("blur", this._onInputBlur), e?.removeEventListener("keydown", this._onNativeKeyDown), this._disabledObserver.disconnect(), this._dataListObserver.disconnect();
+  }
+  updated(e) {
+    if (e.has("placeholder")) {
+      const t = this._$input();
+      t && this._applyPlaceholder(t);
+    }
+    if (e.has("variant") && this.variant !== "view" && this._open) {
+      const t = this._open;
+      this._open = !1, this.requestUpdate("open", t);
+    }
+  }
+  _$input() {
+    return this._$inputRef?.deref() ?? null;
+  }
+  _handleSlotChange() {
+    this._inputController.sync();
+  }
+  _setupInput(e, t) {
+    if (t && t !== e && (t.removeEventListener("input", this._onNativeInput), t.removeEventListener("focus", this._onInputFocus), t.removeEventListener("blur", this._onInputBlur), t.removeEventListener("keydown", this._onNativeKeyDown)), this._disabledObserver.disconnect(), this._dataListObserver.disconnect(), this._focused = !1, this._$inputRef = e ? new WeakRef(e) : null, this._hasInput = e !== null, this._authorPlaceholder = e?.hasAttribute("placeholder") ?? !1, !e) {
+      this._hasValue = !1, this._dataListSuggestions = [], this._$dataListRef = null;
+      return;
+    }
+    queueMicrotask(() => {
+      e.isConnected && (this._valueSetByHost ? e.value = this._value ?? "" : e.value ? this._valueInitialized = !0 : this._defaultValue !== void 0 && !this._valueInitialized && (e.value = this._defaultValue), this._applyPlaceholder(e), this._disabledHost !== void 0 && (e.disabled = this._disabledHost), this._inputDisabled = e.disabled, this._hasValue = e.value.length > 0, this._syncDataListSuggestions(e), this._bindInput(e));
+    });
+  }
+  _bindInput(e) {
+    e.addEventListener("input", this._onNativeInput), e.addEventListener("focus", this._onInputFocus), e.addEventListener("blur", this._onInputBlur), e.addEventListener("keydown", this._onNativeKeyDown), this._disabledObserver.observe(e, { attributeFilter: ["disabled", "list"] });
+  }
+  _applyPlaceholder(e) {
+    this.placeholder === void 0 || this._authorPlaceholder || (e.placeholder = this.placeholder);
+  }
+  _scheduleInputEvent(e) {
+    if (this._cancelPendingInput(), this.debounce <= 0) {
+      this._dispatchInput(e);
+      return;
+    }
+    this._debounceTimer = setTimeout(() => {
+      this._debounceTimer = void 0, this._dispatchInput(e);
+    }, this.debounce);
+  }
+  _cancelPendingInput() {
+    this._debounceTimer !== void 0 && (clearTimeout(this._debounceTimer), this._debounceTimer = void 0);
+  }
+  _dispatchInput(e) {
+    this.dispatchEvent(
+      new CustomEvent("rc-search-bar-input", {
+        bubbles: !0,
+        composed: !0,
+        detail: { value: e }
+      })
+    );
+  }
+  _setUserOpen(e) {
+    if (this._open === e)
+      return;
+    const t = this._open;
+    this._open = e, this._openInitialized = !0, this.requestUpdate("open", t), this.dispatchEvent(
+      new CustomEvent("rc-search-bar-toggle", {
+        bubbles: !0,
+        composed: !0,
+        detail: { open: e }
+      })
+    );
+  }
+  /** Opens the search view and fires `rc-search-bar-toggle` when it changes. */
+  showView() {
+    this.variant !== "view" || this.disabled || this._setUserOpen(!0);
+  }
+  /** Closes the search view and fires `rc-search-bar-toggle` when it changes. */
+  closeView() {
+    this._setUserOpen(!1);
+  }
+  /** Toggles the search view and fires `rc-search-bar-toggle` when it changes. */
+  toggleView() {
+    this.open ? this.closeView() : this.showView();
+  }
+  _syncDataListSuggestions(e = this._$input()) {
+    const t = e?.list ?? null;
+    this._$dataListRef?.deref() !== t && (this._dataListObserver.disconnect(), this._$dataListRef = t ? new WeakRef(t) : null, t && this._dataListObserver.observe(t, {
+      childList: !0,
+      subtree: !0,
+      attributes: !0,
+      attributeFilter: ["value", "label", "disabled"]
+    })), this._dataListSuggestions = t ? Array.from(t.options).filter((i) => !i.disabled && i.value).map((i) => ({
+      value: i.value,
+      label: i.label || i.textContent?.trim() || i.value
+    })) : [];
+  }
+  _selectDataListSuggestion(e) {
+    const t = this._$input();
+    t && (this._cancelPendingInput(), t.value = e.value, this._valueInitialized = !0, this._hasValue = e.value.length > 0, this.dispatchEvent(
+      new CustomEvent("rc-search-bar-suggestion-select", {
+        bubbles: !0,
+        composed: !0,
+        detail: e
+      })
+    ), this._dispatchInput(e.value), t.focus(), this.closeView());
+  }
+  _handleClear() {
+    const e = this._$input();
+    e && (this._cancelPendingInput(), e.value = "", this._valueInitialized = !0, this._hasValue = !1, this.dispatchEvent(
+      new CustomEvent("rc-search-bar-clear", {
+        bubbles: !0,
+        composed: !0,
+        detail: {}
+      })
+    ), this._dispatchInput(""), e.focus());
+  }
+  render() {
+    return d`
+      <div
+        id="root"
+        part="root"
+        class=${l({ empty: !this._hasInput })}
+        ${y({ attributeTarget: this })}
+      >
+        <span
+          id="leading"
+          part="leading"
+          class=${l({ empty: !this._hasLeading || !this._hasInput })}
+        >
+          <slot name="leading" @slotchange=${this._onLeadingSlotChange}></slot>
+        </span>
+
+        <slot @slotchange=${this._handleSlotChange}></slot>
+
+        <button
+          id="clear"
+          part="clear"
+          type="button"
+          aria-label=${this.clearLabel}
+          ?hidden=${!this._hasInput}
+          ?inert=${this._hasInput && !this._hasValue && !(this.showClearOnFocus && this._focused)}
+          ?disabled=${this._inputDisabled}
+          @click=${this._handleClear}
+        >
+          <slot name="clear-icon"><span aria-hidden="true">&#10005;</span></slot>
+        </button>
+
+        <span id="trailing" part="trailing" class=${l({ empty: !this._hasTrailing })}>
+          <slot name="trailing" @slotchange=${this._onTrailingSlotChange}></slot>
+        </span>
+      </div>
+      ${this._renderSearchView()}
+    `;
+  }
+  /** Programmatically clears the value and fires rc-search-bar-clear + rc-search-bar-input. */
+  clear() {
+    this._handleClear();
+  }
+  _renderSearchView() {
+    if (this.variant !== "view" || !this.open)
+      return _;
+    const e = !this._hasSuggestionsSlot && this._dataListSuggestions.length > 0, t = !this._hasSuggestionsSlot && !e;
+    return d`
+      <div id="view">
+        <div
+          id="view-surface"
+          part="view"
+          ?hidden=${t}
+          class=${l({
+      empty: t
+    })}
+        >
+          <div id="suggestions" part="suggestions">
+            <slot name="suggestions" @slotchange=${this._onSuggestionsSlotChange}></slot>
+            ${e ? this._dataListSuggestions.map(
+      (i) => d`
+                    <button
+                      part="suggestion"
+                      type="button"
+                      @click=${() => this._selectDataListSuggestion(i)}
+                    >
+                      <span>${i.label}</span>
+                    </button>
+                  `
+    ) : _}
+          </div>
+        </div>
+      </div>
+    `;
+  }
+  _onLeadingSlotChange(e) {
+    const t = e.target;
+    this._hasLeading = t.assignedElements().length > 0;
+  }
+  _onTrailingSlotChange(e) {
+    const t = e.target;
+    this._hasTrailing = t.assignedElements().length > 0;
+  }
+  _onSuggestionsSlotChange(e) {
+    const t = e.target;
+    this._hasSuggestionsSlot = t.assignedElements({ flatten: !0 }).length > 0;
+  }
+};
+c.styles = [w];
+let s = c;
+a([
+  r({ type: String, reflect: !0 })
+], s.prototype, "variant", 2);
+a([
+  r({ type: Number })
+], s.prototype, "debounce", 2);
+a([
+  r({ type: String, attribute: "clear-label" })
+], s.prototype, "clearLabel", 2);
+a([
+  r({ type: Boolean, attribute: "allow-native-clear", reflect: !0 })
+], s.prototype, "allowNativeClear", 2);
+a([
+  r({ type: Boolean, attribute: "show-clear-on-focus" })
+], s.prototype, "showClearOnFocus", 2);
+a([
+  r({ type: Boolean, reflect: !0 })
+], s.prototype, "disabled", 1);
+a([
+  r({ type: String })
+], s.prototype, "placeholder", 2);
+a([
+  n()
+], s.prototype, "_hasInput", 2);
+a([
+  n()
+], s.prototype, "_hasValue", 2);
+a([
+  n()
+], s.prototype, "_hasLeading", 2);
+a([
+  n()
+], s.prototype, "_hasTrailing", 2);
+a([
+  n()
+], s.prototype, "_inputDisabled", 2);
+a([
+  n()
+], s.prototype, "_hasSuggestionsSlot", 2);
+a([
+  n()
+], s.prototype, "_dataListSuggestions", 2);
+a([
+  n()
+], s.prototype, "_focused", 2);
+a([
+  r({ type: Boolean, reflect: !0 })
+], s.prototype, "open", 1);
+a([
+  r({ type: Boolean, attribute: "default-open" })
+], s.prototype, "defaultOpen", 1);
+a([
+  r({ attribute: !1 })
+], s.prototype, "value", 1);
+a([
+  r({ type: String, attribute: "default-value" })
+], s.prototype, "defaultValue", 1);
+export {
+  s as R
+};
+//# sourceMappingURL=rc-search-bar-D0uhitIm.js.map

package/dist/rc-search-bar-D0uhitIm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rc-search-bar-D0uhitIm.js","sources":["../src/rc-search-bar.styles.ts","../src/rc-search-bar.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const searchBarStyles = css`\n  :host {\n    display: inline-flex;\n    position: relative;\n    color-scheme: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  #root {\n    display: flex;\n    flex: 1 1 auto;\n    align-items: center;\n    min-inline-size: 0;\n    gap: var(--rc-search-bar-gap, var(--rc-control-gap, 0.25em));\n    block-size: var(--rc-search-bar-height, var(--rc-control-block-size, 2.5rem));\n    padding-inline: var(--rc-search-bar-padding-inline, var(--rc-control-padding-inline, 0.75rem));\n    border: var(\n      --rc-search-bar-border,\n      var(--rc-border, 1px solid var(--rc-border-color, ButtonBorder))\n    );\n    border-radius: var(\n      --rc-search-bar-radius,\n      var(--rc-control-radius, var(--rc-radius-sm, 0.125em))\n    );\n    box-shadow: var(--rc-search-bar-shadow, none);\n    background: var(--rc-search-bar-bg, var(--rc-field, Field));\n    color: var(--rc-search-bar-color, var(--rc-field-text, FieldText));\n    font-family: var(--rc-font-family, inherit);\n    font-size: var(--rc-font-size, inherit);\n    line-height: var(--rc-line-height, normal);\n    transition:\n      background-color 120ms,\n      border-color 120ms,\n      box-shadow 120ms;\n  }\n\n  :host([data-interaction-mode='keyboard']) #root:focus-within {\n    outline: var(--rc-focus-ring, auto);\n    outline-offset: var(--rc-focus-ring-offset, 0);\n  }\n\n  /* No slotted search input: render no chrome at all. */\n  #root.empty {\n    block-size: auto;\n    padding: 0;\n    background: none;\n    border: none;\n    box-shadow: none;\n    border-radius: 0;\n  }\n\n  #leading {\n    display: flex;\n    flex: none;\n    align-items: center;\n    color: var(--rc-search-bar-icon-color, GrayText);\n  }\n\n  #leading.empty {\n    display: none;\n  }\n\n  ::slotted(input[type='search']) {\n    flex: 1 1 auto;\n    min-inline-size: 0;\n    padding: 0;\n    border: none;\n    background: transparent;\n    color: var(--rc-search-bar-input-color, inherit);\n    font-family: var(--rc-search-bar-input-font-family, inherit);\n    font-size: var(--rc-search-bar-input-font-size, inherit);\n    outline: none;\n    appearance: textfield;\n  }\n\n  #trailing {\n    display: flex;\n    flex: none;\n    align-items: center;\n  }\n\n  #trailing.empty {\n    display: none;\n  }\n\n  #clear {\n    display: inline-grid;\n    flex: none;\n    place-items: center;\n    min-inline-size: 24px;\n    min-block-size: 24px;\n    padding: 0;\n    border: none;\n    border-radius: 50%;\n    background: none;\n    color: var(--rc-search-bar-clear-color, GrayText);\n    font: inherit;\n    cursor: pointer;\n  }\n\n  #clear[inert] {\n    visibility: hidden;\n  }\n\n  #clear:focus-visible {\n    outline: var(--rc-focus-ring, auto);\n    outline-offset: var(--rc-focus-ring-offset, 0);\n  }\n\n  #view {\n    position: absolute;\n    z-index: 1;\n    inset-block-start: calc(100% + var(--rc-search-bar-view-offset, 0.25rem));\n    inset-inline: 0;\n    min-inline-size: 100%;\n  }\n\n  #view-surface {\n    box-sizing: border-box;\n    padding-block: var(--rc-search-bar-view-padding-block, 0.5rem);\n    border: var(\n      --rc-search-bar-view-border,\n      var(--rc-search-bar-border, var(--rc-border, 1px solid var(--rc-border-color, ButtonBorder)))\n    );\n    border-radius: var(\n      --rc-search-bar-view-radius,\n      var(--rc-search-bar-radius, var(--rc-control-radius, var(--rc-radius-sm, 0.125em)))\n    );\n    box-shadow: var(--rc-search-bar-view-shadow, var(--rc-search-bar-shadow, none));\n    background: var(--rc-search-bar-view-bg, var(--rc-search-bar-bg, var(--rc-field, Field)));\n    color: var(\n      --rc-search-bar-view-color,\n      var(--rc-search-bar-color, var(--rc-field-text, FieldText))\n    );\n    font-family: var(--rc-font-family, inherit);\n    font-size: var(--rc-font-size, inherit);\n  }\n\n  #view-surface.empty {\n    display: none;\n  }\n\n  #suggestions {\n    display: flex;\n    flex-direction: column;\n  }\n\n  #suggestions ::slotted(*) {\n    min-inline-size: 0;\n  }\n\n  [part='suggestion'] {\n    display: flex;\n    align-items: center;\n    min-block-size: var(--rc-search-bar-suggestion-min-block-size, 2.75rem);\n    padding-block: 0;\n    padding-inline: var(--rc-search-bar-suggestion-padding-inline, 1rem);\n    border: 0;\n    background: transparent;\n    color: inherit;\n    font: inherit;\n    text-align: start;\n    cursor: pointer;\n  }\n\n  [part='suggestion']:hover,\n  [part='suggestion']:focus-visible {\n    background: var(--rc-search-bar-suggestion-hover-bg, ButtonFace);\n  }\n\n  [part='suggestion']:focus-visible {\n    outline: var(--rc-focus-ring, auto);\n    outline-offset: var(--rc-focus-ring-offset, 0);\n  }\n`;\n\nexport default searchBarStyles;\n","import { LitElement, html, nothing, type PropertyValues } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { NativeChildController, keyInteraction, warnMissingDirectChild } from '@rcarls/rc-common';\n\nimport searchBarStyles from './rc-search-bar.styles';\n\nconst _uaClearSheet = new CSSStyleSheet();\n\n_uaClearSheet.replaceSync(\n  `rc-search-bar:not([allow-native-clear]) input[type=\"search\"]::-webkit-search-cancel-button\n   { -webkit-appearance: none; display: none; }`,\n);\n\nlet _uaClearSuppressed = false;\n\nfunction _suppressUaClear(): void {\n  if (_uaClearSuppressed) {\n    return;\n  }\n\n  document.adoptedStyleSheets = [...document.adoptedStyleSheets, _uaClearSheet];\n\n  _uaClearSuppressed = true;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'rc-search-bar': RCSearchBar;\n  }\n\n  interface HTMLElementEventMap {\n    'rc-search-bar-input': CustomEvent<RCSearchBarInputDetail>;\n    'rc-search-bar-clear': CustomEvent<Record<string, never>>;\n    'rc-search-bar-toggle': CustomEvent<RCSearchBarToggleDetail>;\n    'rc-search-bar-suggestion-select': CustomEvent<RCSearchBarSuggestionSelectDetail>;\n  }\n}\n\nexport interface RCSearchBarInputDetail {\n  /** The native input's value at dispatch time. */\n  value: string;\n}\n\nexport interface RCSearchBarToggleDetail {\n  /** Whether the search view is open after the user action. */\n  open: boolean;\n}\n\nexport interface RCSearchBarSuggestionSelectDetail {\n  /** Value written to the native search input. */\n  value: string;\n\n  /** Human-readable option label, when different from value. */\n  label: string;\n}\n\nexport type RCSearchBarVariant = 'bar' | 'view';\n\ninterface RCSearchBarSuggestion {\n  value: string;\n  label: string;\n}\n\n/**\n * Search field wrapper for a native <input type=\"search\"> with icon chrome, clear button,\n * and debounced events.\n *\n * The native input is required and stays in light DOM as the source of\n * truth, so form submission, `label[for]`/wrapping-label association, and\n * pre-upgrade behavior are preserved. Without a slotted search input the\n * component renders no chrome and stays inert.\n *\n * The native WebKit cancel button is suppressed by default via an\n * adopted document stylesheet. Set `allow-native-clear` to restore it.\n * When restored, the native button clears through the normal input path\n * (a debounced `rc-search-bar-input` with an empty value) and never fires\n * `rc-search-bar-clear`.\n *\n * @see {@link https://richardcarls.github.io/rc-webcomponents/components/rc-search-bar rc-search-bar docs}\n *\n * @slot - The required native `<input type=\"search\">`\n * @slot leading - Decorative leading icon; mark it `aria-hidden=\"true\"`\n * @slot trailing - Optional trailing content after the clear button\n * @slot clear-icon - Optional glyph replacing the default clear glyph\n * @slot suggestions - Rich search view suggestions; takes precedence over\n *   datalist-derived suggestions.\n *\n * @fires rc-search-bar-input - Debounced after typing, immediate on clear;\n *   `detail: { value }`\n * @fires rc-search-bar-clear - When the clear button is activated\n * @fires rc-search-bar-toggle - When user interaction opens or closes the\n *   search view; `detail: { open }`\n * @fires rc-search-bar-suggestion-select - When a datalist-derived suggestion\n *   is activated; `detail: { value, label }`\n *\n * @attr variant - Presentation mode: docked search bar or expandable search view.\n * @attr debounce - Debounce window in ms for `rc-search-bar-input`; `0` dispatches synchronously.\n * @attr clear-label - Accessible label for the clear button.\n * @attr allow-native-clear - When set, leaves the browser's native WebKit cancel button visible.\n * @attr show-clear-on-focus - When set, the clear button is visible whenever the input is focused.\n * @attr disabled - Disables the component and mirrors the state to the slotted input.\n * @attr placeholder - Placeholder mirrored onto the native input; a consumer `placeholder`\n *   attribute on the input itself is always honored instead.\n * @attr open - Whether the search view panel is open. Host writes are silent.\n * @attr default-open - Initial uncontrolled search view open state.\n * @attr default-value - Initial uncontrolled value hint, applied once.\n *\n * @cssprop [--rc-search-bar-border=1px solid ButtonBorder] - Wrapper border; set to `none` in M3 theme (uses elevation instead)\n * @cssprop [--rc-search-bar-shadow=none] - Wrapper box-shadow for elevation; M3 theme sets Level 1 at rest\n * @cssprop [--rc-search-bar-bg=Field] - Wrapper background\n * @cssprop [--rc-search-bar-color=FieldText] - Wrapper text color\n * @cssprop [--rc-search-bar-icon-color=GrayText] - Leading icon color\n * @cssprop [--rc-search-bar-clear-color=GrayText] - Clear button glyph color\n * @cssprop [--rc-search-bar-radius=var(--rc-control-radius,0.125em)] - Wrapper border radius\n * @cssprop [--rc-search-bar-height=var(--rc-control-block-size,2.5rem)] - Wrapper block size\n * @cssprop [--rc-search-bar-padding-inline=var(--rc-control-padding-inline,0.75rem)] - Wrapper horizontal padding\n * @cssprop [--rc-search-bar-gap=var(--rc-control-gap,0.25em)] - Gap between icon, input, and clear button\n * @cssprop [--rc-search-bar-input-font-size] - Input font size (inherits when unset)\n * @cssprop [--rc-search-bar-input-font-family] - Input font family (inherits when unset)\n * @cssprop [--rc-search-bar-input-color] - Input text color (inherits when unset)\n * @cssprop [--rc-search-bar-view-bg=var(--rc-search-bar-bg)] - Search view panel background\n * @cssprop [--rc-search-bar-view-color=var(--rc-search-bar-color)] - Search view panel text color\n * @cssprop [--rc-search-bar-view-radius=var(--rc-search-bar-radius)] - Search view panel radius\n * @cssprop [--rc-search-bar-view-shadow=var(--rc-search-bar-shadow)] - Search view panel shadow\n * @cssprop [--rc-search-bar-view-border=var(--rc-search-bar-border)] - Search view panel border\n * @cssprop [--rc-search-bar-view-offset=0.25rem] - Gap between the search bar and the view panel below it\n * @cssprop [--rc-search-bar-view-padding-block=0.5rem] - Search view suggestion list block padding\n * @cssprop [--rc-search-bar-suggestion-min-block-size=2.75rem] - Datalist-derived suggestion row minimum block size\n * @cssprop [--rc-search-bar-suggestion-padding-inline=1rem] - Datalist-derived suggestion inline padding\n * @cssprop [--rc-search-bar-suggestion-hover-bg=ButtonFace] - Datalist-derived suggestion hover/focus background\n * @csspart root - The wrapper element\n * @csspart leading - Wrapper around the leading icon slot\n * @csspart trailing - Wrapper around the trailing slot\n * @csspart clear - The clear button\n * @csspart view - Search view panel\n * @csspart suggestions - Suggestions container\n * @csspart suggestion - Datalist-derived suggestion button\n */\nexport class RCSearchBar extends LitElement {\n  static styles = [searchBarStyles];\n\n  /** Presentation mode: docked search bar or expandable search view. */\n  @property({ type: String, reflect: true })\n  variant: RCSearchBarVariant = 'bar';\n\n  /** Debounce window in ms for `rc-search-bar-input`; `0` dispatches synchronously. */\n  @property({ type: Number })\n  debounce = 200;\n\n  /** Accessible label for the clear button. */\n  @property({ type: String, attribute: 'clear-label' })\n  clearLabel = 'Clear search';\n\n  /** When set, leaves the browser's native WebKit cancel button visible. */\n  @property({ type: Boolean, attribute: 'allow-native-clear', reflect: true })\n  allowNativeClear = false;\n\n  /**\n   * When set, the clear button is visible whenever the input is focused.\n   *\n   * Matching the Apple HIG \"cancel\" pattern.\n   * Consider setting `clear-label=\"Cancel\"` in this mode.\n   */\n  @property({ type: Boolean, attribute: 'show-clear-on-focus' })\n  showClearOnFocus = false;\n\n  /** Disables the component and mirrors the state to the slotted input. */\n  @property({ type: Boolean, reflect: true })\n  get disabled(): boolean {\n    // _disabledHost holds what the host last set; fall back to what the input\n    // actually reports (kept in sync by the MutationObserver).\n    return this._disabledHost ?? this._inputDisabled;\n  }\n\n  set disabled(value: boolean) {\n    const old = this.disabled;\n\n    this._disabledHost = value;\n\n    const $input = this._$input();\n\n    if ($input) {\n      $input.disabled = value;\n    }\n\n    this.requestUpdate('disabled', old);\n  }\n\n  /**\n   * Placeholder mirrored onto the native input.\n   *\n   * Consumer `placeholder` attribute is always honored.\n   */\n  @property({ type: String })\n  placeholder?: string;\n\n  private _open = false;\n\n  private _defaultOpen = false;\n\n  private _openInitialized = false;\n\n  private _value: string | undefined = undefined;\n\n  private _defaultValue: string | undefined = undefined;\n\n  private _valueSetByHost = false;\n\n  /** True once an author value, host write, or user input owns the value. */\n  private _valueInitialized = false;\n\n  private _authorPlaceholder = false;\n\n  private _$inputRef: WeakRef<HTMLInputElement> | null = null;\n\n  private _debounceTimer: ReturnType<typeof setTimeout> | undefined = undefined;\n\n  private _$dataListRef: WeakRef<HTMLDataListElement> | null = null;\n\n  @state()\n  private _hasInput = false;\n\n  @state()\n  private _hasValue = false;\n\n  @state()\n  private _hasLeading = false;\n\n  @state()\n  private _hasTrailing = false;\n\n  @state()\n  private _inputDisabled = false;\n\n  @state()\n  private _hasSuggestionsSlot = false;\n\n  @state()\n  private _dataListSuggestions: RCSearchBarSuggestion[] = [];\n\n  // Tracks the last value written via the disabled setter so the getter and\n  // Lit's reflect can return it before the input is slotted.\n  private _disabledHost: boolean | undefined = undefined;\n\n  @state()\n  private _focused = false;\n\n  private readonly _onInputFocus = (): void => {\n    this._focused = true;\n\n    if (this.variant === 'view') {\n      this.showView();\n    }\n  };\n\n  private readonly _onInputBlur = (): void => {\n    this._focused = false;\n  };\n\n  private readonly _disabledObserver = new MutationObserver(() => {\n    const $input = this._$input();\n\n    if ($input) {\n      this._inputDisabled = $input.disabled;\n      this._syncDataListSuggestions($input);\n    }\n  });\n\n  private readonly _dataListObserver = new MutationObserver(() => this._syncDataListSuggestions());\n\n  private readonly _inputController = new NativeChildController<HTMLInputElement>(this, {\n    selector: ':scope > input[type=\"search\"]',\n    observe: { childList: true, attributes: true, attributeFilter: ['list'] },\n    onChange: ($input, $previousInput) => this._setupInput($input, $previousInput),\n    onMissing: () => {\n      if (import.meta.env.DEV) {\n        warnMissingDirectChild(this, {\n          selector: ':scope > input[type=\"search\"]',\n          message:\n            '[rc-search-bar] No direct child <input type=\"search\"> found. ' +\n            'Place a native search input inside <rc-search-bar>.',\n        });\n      }\n    },\n  });\n\n  /** Whether the search view panel is open. Host writes are silent. */\n  @property({ type: Boolean, reflect: true })\n  get open(): boolean {\n    return this._open;\n  }\n\n  set open(value: boolean) {\n    const oldValue = this._open;\n\n    this._open = value;\n    this._openInitialized = true;\n\n    this.requestUpdate('open', oldValue);\n  }\n\n  /** Initial uncontrolled search view open state. */\n  @property({ type: Boolean, attribute: 'default-open' })\n  get defaultOpen(): boolean {\n    return this._defaultOpen;\n  }\n\n  set defaultOpen(value: boolean) {\n    const oldValue = this._defaultOpen;\n\n    this._defaultOpen = value;\n\n    if (!this._openInitialized) {\n      this._open = value;\n    }\n\n    this.requestUpdate('defaultOpen', oldValue);\n  }\n\n  /**\n   * The current search value. Reads from the native input when present.\n   * Host writes are silent (no events) and win over slotted author values.\n   */\n  @property({ attribute: false })\n  get value(): string {\n    return this._$input()?.value ?? this._value ?? this._defaultValue ?? '';\n  }\n\n  set value(value: string) {\n    const oldValue = this.value;\n\n    this._value = value;\n    this._valueSetByHost = true;\n    this._valueInitialized = true;\n\n    const $input = this._$input();\n\n    if ($input) {\n      $input.value = value;\n    }\n\n    this._hasValue = value.length > 0;\n\n    this.requestUpdate('value', oldValue);\n  }\n\n  /**\n   * Initial uncontrolled value hint. Applied once, and only when neither an\n   * author `value`, a host `value` write, nor user input owns the value.\n   */\n  @property({ type: String, attribute: 'default-value' })\n  get defaultValue(): string | undefined {\n    return this._defaultValue;\n  }\n\n  set defaultValue(value: string | undefined) {\n    const oldValue = this._defaultValue;\n\n    this._defaultValue = value;\n\n    const $input = this._$input();\n\n    if ($input && value !== undefined && !this._valueInitialized) {\n      $input.value = value;\n      this._hasValue = value.length > 0;\n    }\n\n    this.requestUpdate('defaultValue', oldValue);\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    _suppressUaClear();\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n\n    this._focused = false;\n    this._open = false;\n    this._cancelPendingInput();\n\n    const $input = this._$input();\n\n    $input?.removeEventListener('input', this._onNativeInput);\n    $input?.removeEventListener('focus', this._onInputFocus);\n    $input?.removeEventListener('blur', this._onInputBlur);\n    $input?.removeEventListener('keydown', this._onNativeKeyDown);\n\n    this._disabledObserver.disconnect();\n    this._dataListObserver.disconnect();\n  }\n\n  protected override updated(changed: PropertyValues<this>): void {\n    if (changed.has('placeholder')) {\n      const $input = this._$input();\n\n      if ($input) {\n        this._applyPlaceholder($input);\n      }\n    }\n\n    if (changed.has('variant') && this.variant !== 'view' && this._open) {\n      const oldOpen = this._open;\n\n      this._open = false;\n      this.requestUpdate('open', oldOpen);\n    }\n  }\n\n  private _$input(): HTMLInputElement | null {\n    return this._$inputRef?.deref() ?? null;\n  }\n\n  private _handleSlotChange(): void {\n    this._inputController.sync();\n  }\n\n  private _setupInput(\n    $input: HTMLInputElement | null,\n    $previousInput: HTMLInputElement | null,\n  ): void {\n    if ($previousInput && $previousInput !== $input) {\n      $previousInput.removeEventListener('input', this._onNativeInput);\n      $previousInput.removeEventListener('focus', this._onInputFocus);\n      $previousInput.removeEventListener('blur', this._onInputBlur);\n      $previousInput.removeEventListener('keydown', this._onNativeKeyDown);\n    }\n\n    this._disabledObserver.disconnect();\n    this._dataListObserver.disconnect();\n    this._focused = false;\n\n    this._$inputRef = $input ? new WeakRef($input) : null;\n    this._hasInput = $input !== null;\n    this._authorPlaceholder = $input?.hasAttribute('placeholder') ?? false;\n\n    if (!$input) {\n      this._hasValue = false;\n      this._dataListSuggestions = [];\n      this._$dataListRef = null;\n\n      return;\n    }\n\n    // Deferred reads keep framework render cycles (e.g. SolidJS) untouched.\n    queueMicrotask(() => {\n      if (!$input.isConnected) {\n        return;\n      }\n\n      if (this._valueSetByHost) {\n        $input.value = this._value ?? '';\n      } else if ($input.value) {\n        // An author-provided value wins over defaultValue.\n        this._valueInitialized = true;\n      } else if (this._defaultValue !== undefined && !this._valueInitialized) {\n        $input.value = this._defaultValue;\n      }\n\n      this._applyPlaceholder($input);\n\n      if (this._disabledHost !== undefined) {\n        $input.disabled = this._disabledHost;\n      }\n\n      this._inputDisabled = $input.disabled;\n      this._hasValue = $input.value.length > 0;\n      this._syncDataListSuggestions($input);\n\n      if (\n        import.meta.env.DEV &&\n        !$input.labels?.length &&\n        !$input.getAttribute('aria-label') &&\n        !$input.getAttribute('aria-labelledby')\n      ) {\n        console.warn(\n          '[rc-search-bar] Slotted <input type=\"search\"> has no accessible name.',\n          'Add aria-label, wrap in <label>, or use <label for=\"...\">.',\n          $input,\n        );\n      }\n\n      this._bindInput($input);\n    });\n  }\n\n  private _bindInput($input: HTMLInputElement): void {\n    $input.addEventListener('input', this._onNativeInput);\n    $input.addEventListener('focus', this._onInputFocus);\n    $input.addEventListener('blur', this._onInputBlur);\n    $input.addEventListener('keydown', this._onNativeKeyDown);\n\n    this._disabledObserver.observe($input, { attributeFilter: ['disabled', 'list'] });\n  }\n\n  private _applyPlaceholder($input: HTMLInputElement): void {\n    if (this.placeholder === undefined || this._authorPlaceholder) {\n      return;\n    }\n\n    $input.placeholder = this.placeholder;\n  }\n\n  private readonly _onNativeInput = (e: Event): void => {\n    const $input = e.currentTarget as HTMLInputElement;\n\n    this._valueInitialized = true;\n    this._hasValue = $input.value.length > 0;\n    this._scheduleInputEvent($input.value);\n  };\n\n  private readonly _onNativeKeyDown = (e: KeyboardEvent): void => {\n    if (e.key === 'Escape' && this.open) {\n      e.preventDefault();\n      this.closeView();\n    }\n  };\n\n  private _scheduleInputEvent(value: string): void {\n    this._cancelPendingInput();\n\n    if (this.debounce <= 0) {\n      this._dispatchInput(value);\n\n      return;\n    }\n\n    this._debounceTimer = setTimeout(() => {\n      this._debounceTimer = undefined;\n      this._dispatchInput(value);\n    }, this.debounce);\n  }\n\n  private _cancelPendingInput(): void {\n    if (this._debounceTimer === undefined) {\n      return;\n    }\n\n    clearTimeout(this._debounceTimer);\n    this._debounceTimer = undefined;\n  }\n\n  private _dispatchInput(value: string): void {\n    this.dispatchEvent(\n      new CustomEvent<RCSearchBarInputDetail>('rc-search-bar-input', {\n        bubbles: true,\n        composed: true,\n        detail: { value },\n      }),\n    );\n  }\n\n  private _setUserOpen(open: boolean): void {\n    if (this._open === open) {\n      return;\n    }\n\n    const oldOpen = this._open;\n\n    this._open = open;\n    this._openInitialized = true;\n    this.requestUpdate('open', oldOpen);\n\n    this.dispatchEvent(\n      new CustomEvent<RCSearchBarToggleDetail>('rc-search-bar-toggle', {\n        bubbles: true,\n        composed: true,\n        detail: { open },\n      }),\n    );\n  }\n\n  /** Opens the search view and fires `rc-search-bar-toggle` when it changes. */\n  public showView(): void {\n    if (this.variant !== 'view' || this.disabled) {\n      return;\n    }\n\n    this._setUserOpen(true);\n  }\n\n  /** Closes the search view and fires `rc-search-bar-toggle` when it changes. */\n  public closeView(): void {\n    this._setUserOpen(false);\n  }\n\n  /** Toggles the search view and fires `rc-search-bar-toggle` when it changes. */\n  public toggleView(): void {\n    this.open ? this.closeView() : this.showView();\n  }\n\n  private _syncDataListSuggestions($input = this._$input()): void {\n    const $dataList = $input?.list ?? null;\n\n    if (this._$dataListRef?.deref() !== $dataList) {\n      this._dataListObserver.disconnect();\n      this._$dataListRef = $dataList ? new WeakRef($dataList) : null;\n\n      if ($dataList) {\n        this._dataListObserver.observe($dataList, {\n          childList: true,\n          subtree: true,\n          attributes: true,\n          attributeFilter: ['value', 'label', 'disabled'],\n        });\n      }\n    }\n\n    this._dataListSuggestions = $dataList\n      ? Array.from($dataList.options)\n          .filter(($option) => !$option.disabled && $option.value)\n          .map(($option) => ({\n            value: $option.value,\n            label: $option.label || $option.textContent?.trim() || $option.value,\n          }))\n      : [];\n  }\n\n  private _selectDataListSuggestion(suggestion: RCSearchBarSuggestion): void {\n    const $input = this._$input();\n\n    if (!$input) {\n      return;\n    }\n\n    this._cancelPendingInput();\n\n    $input.value = suggestion.value;\n    this._valueInitialized = true;\n    this._hasValue = suggestion.value.length > 0;\n\n    this.dispatchEvent(\n      new CustomEvent<RCSearchBarSuggestionSelectDetail>('rc-search-bar-suggestion-select', {\n        bubbles: true,\n        composed: true,\n        detail: suggestion,\n      }),\n    );\n\n    this._dispatchInput(suggestion.value);\n    $input.focus();\n    this.closeView();\n  }\n\n  private _handleClear(): void {\n    const $input = this._$input();\n\n    if (!$input) {\n      return;\n    }\n\n    this._cancelPendingInput();\n\n    $input.value = '';\n\n    this._valueInitialized = true;\n    this._hasValue = false;\n\n    this.dispatchEvent(\n      new CustomEvent('rc-search-bar-clear', {\n        bubbles: true,\n        composed: true,\n        detail: {},\n      }),\n    );\n\n    this._dispatchInput('');\n\n    // Refocus before the re-render hides the button, so focus never drops\n    // to <body>.\n    $input.focus();\n  }\n\n  protected override render() {\n    return html`\n      <div\n        id=\"root\"\n        part=\"root\"\n        class=${classMap({ empty: !this._hasInput })}\n        ${keyInteraction({ attributeTarget: this })}\n      >\n        <span\n          id=\"leading\"\n          part=\"leading\"\n          class=${classMap({ empty: !this._hasLeading || !this._hasInput })}\n        >\n          <slot name=\"leading\" @slotchange=${this._onLeadingSlotChange}></slot>\n        </span>\n\n        <slot @slotchange=${this._handleSlotChange}></slot>\n\n        <button\n          id=\"clear\"\n          part=\"clear\"\n          type=\"button\"\n          aria-label=${this.clearLabel}\n          ?hidden=${!this._hasInput}\n          ?inert=${this._hasInput && !this._hasValue && !(this.showClearOnFocus && this._focused)}\n          ?disabled=${this._inputDisabled}\n          @click=${this._handleClear}\n        >\n          <slot name=\"clear-icon\"><span aria-hidden=\"true\">&#10005;</span></slot>\n        </button>\n\n        <span id=\"trailing\" part=\"trailing\" class=${classMap({ empty: !this._hasTrailing })}>\n          <slot name=\"trailing\" @slotchange=${this._onTrailingSlotChange}></slot>\n        </span>\n      </div>\n      ${this._renderSearchView()}\n    `;\n  }\n\n  /** Programmatically clears the value and fires rc-search-bar-clear + rc-search-bar-input. */\n  public clear(): void {\n    this._handleClear();\n  }\n\n  private _renderSearchView() {\n    if (this.variant !== 'view' || !this.open) {\n      return nothing;\n    }\n\n    const hasDataListSuggestions =\n      !this._hasSuggestionsSlot && this._dataListSuggestions.length > 0;\n    const empty = !this._hasSuggestionsSlot && !hasDataListSuggestions;\n\n    return html`\n      <div id=\"view\">\n        <div\n          id=\"view-surface\"\n          part=\"view\"\n          ?hidden=${empty}\n          class=${classMap({\n            empty,\n          })}\n        >\n          <div id=\"suggestions\" part=\"suggestions\">\n            <slot name=\"suggestions\" @slotchange=${this._onSuggestionsSlotChange}></slot>\n            ${hasDataListSuggestions\n              ? this._dataListSuggestions.map(\n                  (suggestion) => html`\n                    <button\n                      part=\"suggestion\"\n                      type=\"button\"\n                      @click=${() => this._selectDataListSuggestion(suggestion)}\n                    >\n                      <span>${suggestion.label}</span>\n                    </button>\n                  `,\n                )\n              : nothing}\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  private _onLeadingSlotChange(e: Event): void {\n    const $slot = e.target as HTMLSlotElement;\n\n    this._hasLeading = $slot.assignedElements().length > 0;\n  }\n\n  private _onTrailingSlotChange(e: Event): void {\n    const $slot = e.target as HTMLSlotElement;\n\n    this._hasTrailing = $slot.assignedElements().length > 0;\n  }\n\n  private _onSuggestionsSlotChange(e: Event): void {\n    const $slot = e.target as HTMLSlotElement;\n\n    this._hasSuggestionsSlot = $slot.assignedElements({ flatten: true }).length > 0;\n  }\n}\n\nexport default RCSearchBar;\n"],"names":["searchBarStyles","css","_uaClearSheet","_uaClearSuppressed","_suppressUaClear","_RCSearchBar","LitElement","$input","NativeChildController","$previousInput","value","old","oldValue","changed","oldOpen","open","$dataList","$option","suggestion","html","classMap","keyInteraction","nothing","hasDataListSuggestions","empty","$slot","RCSearchBar","__decorateClass","property","state"],"mappings":"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"}

package/dist/rc-search-bar-define.js

@@ -1,4 +1,4 @@
-import { R as e } from "./rc-search-bar-DVczVFvA.js";
+import { R as e } from "./rc-search-bar-D0uhitIm.js";
 customElements.get("rc-search-bar") || customElements.define("rc-search-bar", e);
 export {
   e as RCSearchBar

package/dist/rc-search-bar.js

@@ -1,4 +1,4 @@
-import { R as e } from "./rc-search-bar-DVczVFvA.js";
+import { R as e } from "./rc-search-bar-D0uhitIm.js";
 export {
   e as RCSearchBar
 };