@rcarls/rc-search-bar 0.5.0 → 0.7.0

package/dist/types/packages/rc-search-bar/src/rc-search-bar.d.ts

@@ -25,6 +25,17 @@ export interface RCSearchBarSuggestionSelectDetail {
     label: string;
 }
 export type RCSearchBarVariant = 'bar' | 'view';
+/** Built-in text of `rc-search-bar`. */
+export interface RCSearchBarMessages {
+    /** Accessible name of the clear button, such as `Cancel` with `show-clear-on-focus`. */
+    clear: string;
+}
+export declare const DEFAULT_SEARCH_BAR_MESSAGES: Readonly<RCSearchBarMessages>;
+declare module '@rcarls/rc-common' {
+    interface RcMessageCatalog {
+        'rc-search-bar': RCSearchBarMessages;
+    }
+}
 /**
  * Search field wrapper for a native <input type="search"> with icon chrome, clear button,
  * and debounced events.
@@ -40,6 +51,10 @@ export type RCSearchBarVariant = 'bar' | 'view';
  * (a debounced `rc-search-bar-input` with an empty value) and never fires
  * `rc-search-bar-clear`.
  *
+ * Built-in text (the clear button name) follows the element's own `lang`, else
+ * `<html lang>`: per element through `messages`, or for every instance
+ * through `registerMessages()` from `@rcarls/rc-common` under `rc-search-bar`.
+ *
  * @see {@link https://richardcarls.github.io/rc-webcomponents/components/rc-search-bar rc-search-bar docs}
  *
  * @slot - The required native `<input type="search">`
@@ -59,7 +74,6 @@ export type RCSearchBarVariant = 'bar' | 'view';
  *
  * @attr variant - Presentation mode: docked search bar or expandable search view.
  * @attr debounce - Debounce window in ms for `rc-search-bar-input`; `0` dispatches synchronously.
- * @attr clear-label - Accessible label for the clear button.
  * @attr allow-native-clear - When set, leaves the browser's native WebKit cancel button visible.
  * @attr show-clear-on-focus - When set, the clear button is visible whenever the input is focused.
  * @attr disabled - Disables the component and mirrors the state to the slotted input.
@@ -102,19 +116,22 @@ export type RCSearchBarVariant = 'bar' | 'view';
  */
 export declare class RCSearchBar extends LitElement {
     static styles: import('lit').CSSResult[];
+    /** Built-in text overrides; unset keys fall back to registered text, then English. */
+    messages: Partial<RCSearchBarMessages> | undefined;
+    private readonly _messages;
+    private static readonly _styledRoots;
+    private static _ensureBaseStyles;
     /** Presentation mode: docked search bar or expandable search view. */
     variant: RCSearchBarVariant;
     /** Debounce window in ms for `rc-search-bar-input`; `0` dispatches synchronously. */
     debounce: number;
-    /** Accessible label for the clear button. */
-    clearLabel: string;
     /** When set, leaves the browser's native WebKit cancel button visible. */
     allowNativeClear: boolean;
     /**
      * When set, the clear button is visible whenever the input is focused.
      *
      * Matching the Apple HIG "cancel" pattern.
-     * Consider setting `clear-label="Cancel"` in this mode.
+     * Consider setting `messages.clear` to `Cancel` in this mode.
      */
     showClearOnFocus: boolean;
     /** Disables the component and mirrors the state to the slotted input. */
@@ -149,6 +166,8 @@ export declare class RCSearchBar extends LitElement {
     private _focused;
     private readonly _onInputFocus;
     private readonly _onInputBlur;
+    private readonly _onHostFocusOut;
+    private _containsFocusTarget;
     private readonly _disabledObserver;
     private readonly _dataListObserver;
     private readonly _inputController;
@@ -193,7 +212,7 @@ export declare class RCSearchBar extends LitElement {
     private _syncDataListSuggestions;
     private _selectDataListSuggestion;
     private _handleClear;
-    protected render(): import('lit').TemplateResult<1>;
+    protected render(): import('lit-html').TemplateResult<1>;
     /** Programmatically clears the value and fires rc-search-bar-clear + rc-search-bar-input. */
     clear(): void;
     private _renderSearchView;

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.5.0",
+  "version": "0.7.0",
   "description": "Search field/view wrapper for a native <input type=\"search\"> with suggestions and debounced events.",
   "repository": {
     "type": "git",
@@ -60,6 +60,6 @@
     "lit": "^3.0.0"
   },
   "dependencies": {
-    "@rcarls/rc-common": "0.5.0"
+    "@rcarls/rc-common": "0.7.0"
   }
 }

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

@@ -1 +0,0 @@
-{"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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"}