@pine-ds/core 3.16.3 → 3.18.0

package/dist/collection/components/pds-multiselect/pds-multiselect.js.map

@@ -1 +1 @@
-{"version":3,"file":"pds-multiselect.js","sourceRoot":"","sources":["../../../../src/components/pds-multiselect/pds-multiselect.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';\nimport { computePosition, flip, offset, shift, size, autoUpdate } from '@floating-ui/dom';\nimport { debounceEvent } from '@utils/utils';\nimport { messageId, assignDescription } from '../../utils/form';\nimport { danger, enlarge } from '@pine-ds/icons/icons';\nimport type {\n  MultiselectOption,\n  MultiselectChangeEventDetail,\n  MultiselectSearchEventDetail,\n  MultiselectLoadOptionsEventDetail,\n  MultiselectCreateEventDetail,\n  AsyncResponse,\n  CreateResponse,\n} from './multiselect-interface';\n\n/**\n * @slot (default) - Static option elements for the multiselect\n * @slot empty - Custom empty state message when no options match\n * @slot loading - Custom loading indicator\n */\n@Component({\n  tag: 'pds-multiselect',\n  styleUrl: 'pds-multiselect.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class PdsMultiselect {\n  private triggerEl?: HTMLButtonElement;\n  private searchInputEl?: HTMLInputElement;\n  private containerEl?: HTMLElement;\n  private listboxEl?: HTMLElement;\n  private panelEl?: HTMLElement;\n  private internals?: ElementInternals;\n  private abortController?: AbortController;\n  private fetchDebounceTimer?: number;\n  private fetchTimeoutTimer?: number;\n  private observer?: MutationObserver;\n  private cleanupAutoUpdate?: () => void;\n\n  @Element() el!: HTMLPdsMultiselectElement;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Text to be displayed as the multiselect label.\n   */\n  @Prop() label?: string;\n\n  /**\n   * Placeholder text for the input field.\n   */\n  @Prop() placeholder?: string = 'Select...';\n\n  /**\n   * Specifies the name. Submitted with the form as part of a name/value pair.\n   */\n  @Prop() name?: string;\n\n  /**\n   * Array of selected option values.\n   */\n  @Prop({ mutable: true }) value: string[] = [];\n\n  /**\n   * Determines whether or not the multiselect is disabled.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * URL endpoint for async data fetching.\n   */\n  @Prop() asyncUrl?: string;\n\n  /**\n   * HTTP method for async requests.\n   */\n  @Prop() asyncMethod: 'GET' | 'POST' = 'GET';\n\n  /**\n   * Debounce delay in milliseconds for search/fetch.\n   */\n  @Prop() debounce: number = 300;\n\n  /**\n   * Timeout in milliseconds for async fetch requests.\n   */\n  @Prop() fetchTimeout: number = 30000;\n\n  /**\n   * Maximum number of selections allowed.\n   */\n  @Prop() maxSelections?: number;\n\n  /**\n   * Maximum height of the dropdown before scrolling.\n   */\n  @Prop() maxHeight: string = '300px';\n\n  /**\n   * Width of the trigger button (and reference for dropdown positioning).\n   */\n  @Prop() triggerWidth: string = '100%';\n\n  /**\n   * Minimum width of the dropdown panel.\n   */\n  @Prop() minWidth: string = '250px';\n\n  /**\n   * Width of the dropdown panel. Defaults to the trigger width.\n   */\n  @Prop() panelWidth?: string;\n\n  /**\n   * Visually hides the label but keeps it accessible.\n   */\n  @Prop() hideLabel: boolean = false;\n\n  /**\n   * Error message to display.\n   */\n  @Prop() errorMessage?: string;\n\n  /**\n   * Helper message to display below the input.\n   */\n  @Prop() helperMessage?: string;\n\n  /**\n   * If true, the multiselect is in an invalid state.\n   */\n  @Prop() invalid?: boolean;\n\n  /**\n   * If true, the multiselect is required.\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Whether the component is currently loading async options.\n   */\n  @Prop({ mutable: true }) loading: boolean = false;\n\n  /**\n   * Options provided externally (for consumer-managed async).\n   */\n  @Prop() options?: MultiselectOption[];\n\n  /**\n   * Function to format async results. Receives raw API response item.\n   */\n  @Prop() formatResult?: (item: unknown) => MultiselectOption;\n\n  /**\n   * URL endpoint for creating new options. When set, shows \"Add\" option when no matches found.\n   */\n  @Prop() createUrl?: string;\n\n  /**\n   * CSRF token for authenticated requests. If not provided, attempts to read from meta tag.\n   */\n  @Prop() csrfToken?: string;\n\n  /**\n   * CSRF header name for authenticated requests. Defaults to `X-CSRF-Token`.\n   */\n  @Prop() csrfHeaderName?: string = 'X-CSRF-Token';\n\n  // Internal state\n  @State() isOpen: boolean = false;\n  @State() searchQuery: string = '';\n  @State() highlightedIndex: number = -1;\n  @State() internalOptions: MultiselectOption[] = [];\n  @State() selectedItems: MultiselectOption[] = [];\n  @State() currentPage: number = 1;\n  @State() hasMore: boolean = false;\n  @State() creating: boolean = false;\n\n  // Flag to prevent focusout from closing during open transition\n  private isOpening: boolean = false;\n  // Flag to track if initial async fetch has been triggered (prevents double fetch)\n  private initialAsyncFetchTriggered: boolean = false;\n  // Flag to track if value changed during loading and needs resolution after fetch completes\n  private pendingUnresolvedFetch: boolean = false;\n\n  /**\n   * Emitted when selection changes.\n   */\n  @Event() pdsMultiselectChange!: EventEmitter<MultiselectChangeEventDetail>;\n\n  /**\n   * Emitted on search input (for consumer-managed async).\n   */\n  @Event() pdsMultiselectSearch!: EventEmitter<MultiselectSearchEventDetail>;\n\n  /**\n   * Emitted to request more options (pagination).\n   */\n  @Event() pdsMultiselectLoadOptions!: EventEmitter<MultiselectLoadOptionsEventDetail>;\n\n  /**\n   * Emitted when a new option is created.\n   */\n  @Event() pdsMultiselectCreate!: EventEmitter<MultiselectCreateEventDetail>;\n\n  private originalSearchEmitter?: EventEmitter<MultiselectSearchEventDetail>;\n\n  connectedCallback() {\n    // Initialize ElementInternals for form association (only once per element instance)\n    if (this.el.attachInternals && !this.internals) {\n      this.internals = this.el.attachInternals();\n    }\n  }\n\n  componentWillLoad() {\n    this.originalSearchEmitter = this.pdsMultiselectSearch;\n    this.syncSelectedItems();\n  }\n\n  componentDidLoad() {\n    this.setupDebounce();\n    this.setupMutationObserver();\n    this.setupSlotChangeListener();\n    this.updateFormValue();\n\n    // Ensure preselected values sync after DOM is fully ready\n    // This handles cases where slot content loads after initial render (e.g., in docs/MDX)\n    requestAnimationFrame(() => {\n      this.updateOptionsFromSlot();\n      this.syncSelectedItems();\n    });\n\n    // If we have preselected values and asyncUrl, fetch options to resolve them\n    // This ensures the trigger shows \"X items\" instead of placeholder on initial render\n    if (this.asyncUrl && this.ensureValueArray().length > 0) {\n      this.initialAsyncFetchTriggered = true;\n      this.fetchOptions('', 1);\n    }\n  }\n\n  private setupSlotChangeListener() {\n    const slot = this.el.shadowRoot?.querySelector('slot:not([name])') as HTMLSlotElement;\n    if (slot) {\n      slot.addEventListener('slotchange', () => {\n        this.updateOptionsFromSlot();\n        this.syncSelectedItems();\n      });\n      // Also call it immediately in case content is already slotted\n      this.updateOptionsFromSlot();\n    }\n  }\n\n  disconnectedCallback() {\n    this.observer?.disconnect();\n    this.cleanupAutoUpdate?.();\n    this.clearAsyncFetchState();\n  }\n\n  @Watch('debounce')\n  protected setupDebounce() {\n    const { pdsMultiselectSearch, debounce, originalSearchEmitter } = this;\n    this.pdsMultiselectSearch = debounce === undefined\n      ? originalSearchEmitter ?? pdsMultiselectSearch\n      : debounceEvent(pdsMultiselectSearch, debounce);\n  }\n\n  @Watch('value')\n  protected valueChanged(newValue: string[] | string) {\n    // Handle JSON string values (from HTML attributes)\n    if (typeof newValue === 'string') {\n      try {\n        const parsed = JSON.parse(newValue);\n        if (Array.isArray(parsed)) {\n          this.value = parsed;\n          return; // The assignment will trigger this watcher again with the array\n        }\n      } catch {\n        // Not valid JSON, treat as single value\n        this.value = newValue ? [newValue] : [];\n        return;\n      }\n    }\n    this.syncSelectedItems();\n    this.updateFormValue();\n\n    // If using asyncUrl and some values couldn't be resolved, fetch options\n    // This handles programmatic value changes where the options aren't loaded yet\n    if (this.asyncUrl) {\n      const valueArray = this.ensureValueArray();\n      const hasUnresolvedValues = valueArray.length > 0 && this.selectedItems.length < valueArray.length;\n      if (hasUnresolvedValues) {\n        if (this.loading) {\n          // Mark that we need to re-check after current fetch completes\n          this.pendingUnresolvedFetch = true;\n        } else {\n          this.fetchOptions('', 1);\n        }\n      }\n    }\n  }\n\n  @Watch('options')\n  protected optionsChanged() {\n    if (this.options) {\n      this.internalOptions = [...this.options];\n    }\n  }\n\n  @Watch('internalOptions')\n  protected internalOptionsChanged() {\n    // Re-sync selected items when options become available\n    // This handles the case where value is set before options are loaded (e.g., from slot)\n    this.syncSelectedItems();\n  }\n\n  /**\n   * Sets focus on the trigger button.\n   */\n  @Method()\n  async setFocus() {\n    this.triggerEl?.focus();\n  }\n\n  /**\n   * Handle global keyboard events for accessibility.\n   * Closes dropdown on Escape key press regardless of focus location.\n   */\n  @Listen('keydown', { target: 'window' })\n  handleWindowKeyDown(event: KeyboardEvent) {\n    if (!this.isOpen) return;\n\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      this.closeDropdown();\n      this.triggerEl?.focus();\n    }\n  }\n\n  private setupMutationObserver() {\n    this.observer = new MutationObserver(() => {\n      this.updateOptionsFromSlot();\n    });\n\n    this.observer.observe(this.el, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  private updateOptionsFromSlot() {\n    const slot = this.el.shadowRoot?.querySelector('slot:not([name])') as HTMLSlotElement;\n    if (!slot) return;\n\n    const options = slot.assignedElements({ flatten: true })\n      .filter((el): el is HTMLOptionElement => el.tagName === 'OPTION')\n      .map(opt => ({\n        id: opt.value,\n        text: opt.textContent || opt.value,\n      }));\n\n    // Only update if we actually found options AND we're not using async/external options\n    // Don't clear internalOptions if slot returns empty (might be mid-DOM-update)\n    if (options.length > 0 && !this.asyncUrl && !this.options) {\n      this.internalOptions = options;\n    }\n  }\n\n  private clearAsyncFetchState() {\n    if (this.fetchDebounceTimer !== undefined) {\n      window.clearTimeout(this.fetchDebounceTimer);\n      this.fetchDebounceTimer = undefined;\n    }\n    if (this.fetchTimeoutTimer !== undefined) {\n      window.clearTimeout(this.fetchTimeoutTimer);\n      this.fetchTimeoutTimer = undefined;\n    }\n    this.abortController?.abort();\n    this.abortController = undefined;\n  }\n\n  private debouncedFetchAsyncOptions(query: string, page: number = 1) {\n    if (!this.asyncUrl) return;\n\n    if (this.fetchDebounceTimer !== undefined) {\n      window.clearTimeout(this.fetchDebounceTimer);\n    }\n\n    const delay = Math.max(0, this.debounce ?? 0);\n    this.fetchDebounceTimer = window.setTimeout(() => {\n      this.fetchDebounceTimer = undefined;\n      this.fetchOptions(query, page);\n    }, delay);\n  }\n\n  private syncSelectedItems() {\n    // Ensure value is an array (may be string from HTML attribute)\n    const valueArray = this.ensureValueArray();\n    const allOptions = this.getAllOptions();\n\n    // Map values to options, preserving existing selectedItems for values not yet in options\n    const newSelectedItems: MultiselectOption[] = [];\n    const existingItemsMap = new Map(this.selectedItems.map(item => [String(item.id), item]));\n\n    valueArray.forEach(val => {\n      // First try to find in available options\n      const option = allOptions.find(opt => String(opt.id) === String(val));\n\n      if (option) {\n        newSelectedItems.push(option);\n      } else if (existingItemsMap.has(String(val))) {\n        // If not in options but exists in current selectedItems, preserve it\n        // This handles the case where async data hasn't loaded yet or newly created items\n        newSelectedItems.push(existingItemsMap.get(String(val))!);\n      }\n      // Note: We don't create placeholders for values without matching options.\n      // This ensures selectedItems remains empty until options are actually loaded,\n      // which matches the expected behavior for preselected values.\n    });\n\n    this.selectedItems = newSelectedItems;\n  }\n\n  private ensureValueArray(): string[] {\n    // Handle JSON string values passed via HTML attribute\n    if (typeof this.value === 'string') {\n      try {\n        const parsed = JSON.parse(this.value as unknown as string);\n        if (Array.isArray(parsed)) {\n          this.value = parsed;\n          return parsed;\n        }\n      } catch {\n        // Not valid JSON, treat as single value\n        const singleValue = this.value as unknown as string;\n        this.value = singleValue ? [singleValue] : [];\n        return this.value;\n      }\n    }\n    return Array.isArray(this.value) ? this.value : [];\n  }\n\n  private getAllOptions(): MultiselectOption[] {\n    return this.options || this.internalOptions;\n  }\n\n  private getFilteredOptions(): MultiselectOption[] {\n    const allOptions = this.getAllOptions();\n    const query = this.searchQuery.toLowerCase();\n\n    const filtered = allOptions.filter(opt => {\n      // Filter by search query only - don't filter out selected items\n      if (query) {\n        return opt.text.toLowerCase().includes(query);\n      }\n      return true;\n    });\n\n    // Add create option if enabled and no matches found\n    if (this.createUrl && this.searchQuery.trim() && filtered.length === 0) {\n      return [{\n        id: '__create__',\n        text: this.searchQuery.trim(),\n        isCreateOption: true,\n      }];\n    }\n\n    return filtered;\n  }\n\n  private updateFormValue() {\n    if (this.internals?.setFormValue) {\n      // Ensure value is an array before iterating\n      const valueArray = this.ensureValueArray();\n\n      // Submit as multiple values with same name (native select multiple behavior)\n      const formData = new FormData();\n      valueArray.forEach(val => {\n        if (this.name) {\n          formData.append(this.name, val);\n        }\n      });\n      this.internals.setFormValue(formData);\n\n      // Update validity state for required validation\n      if (this.required && valueArray.length === 0) {\n        this.internals.setValidity(\n          { valueMissing: true },\n          'Please select at least one option.',\n          this.triggerEl\n        );\n      } else {\n        this.internals.setValidity({});\n      }\n    }\n  }\n\n  private getCsrfToken(): string | null {\n    // Use provided token if available\n    if (this.csrfToken) {\n      return this.csrfToken;\n    }\n\n    // Try to read from meta tag\n    const metaTag = document.querySelector('meta[name=\"csrf-token\"]') as HTMLMetaElement;\n    return metaTag?.content || null;\n  }\n\n  private async fetchOptions(query: string, page: number = 1) {\n    if (!this.asyncUrl) return;\n\n    // Abort any pending request and clear existing timeout\n    this.abortController?.abort();\n    if (this.fetchTimeoutTimer !== undefined) {\n      window.clearTimeout(this.fetchTimeoutTimer);\n      this.fetchTimeoutTimer = undefined;\n    }\n\n    this.abortController = new AbortController();\n    this.loading = true;\n\n    // Set up timeout for fetch request\n    this.fetchTimeoutTimer = window.setTimeout(() => {\n      this.abortController?.abort();\n      this.fetchTimeoutTimer = undefined;\n    }, this.fetchTimeout);\n\n    try {\n      // Guard against malformed asyncUrl\n      let url: URL;\n      try {\n        url = new URL(this.asyncUrl, window.location.origin);\n      } catch (urlError) {\n        throw new TypeError(`Invalid asyncUrl: ${this.asyncUrl}`);\n      }\n\n      if (this.asyncMethod === 'GET') {\n        url.searchParams.set('search', query);\n        url.searchParams.set('page', String(page));\n      }\n\n      const csrfToken = this.getCsrfToken();\n      const headers: Record<string, string> = {\n        'Content-Type': 'application/json',\n        'Accept': 'application/json',\n      };\n\n      if (csrfToken) {\n        const headerName = this.csrfHeaderName || 'X-CSRF-Token';\n        headers[headerName] = csrfToken;\n      }\n\n      const response = await fetch(url.toString(), {\n        method: this.asyncMethod,\n        signal: this.abortController.signal,\n        headers,\n        ...(this.asyncMethod === 'POST' && {\n          body: JSON.stringify({ search: query, page }),\n        }),\n      });\n\n      // Clear timeout on successful response\n      if (this.fetchTimeoutTimer !== undefined) {\n        window.clearTimeout(this.fetchTimeoutTimer);\n        this.fetchTimeoutTimer = undefined;\n      }\n\n      if (!response.ok) throw new Error('Failed to fetch options');\n\n      const data: AsyncResponse = await response.json();\n\n      const formattedResults = data.results.map(item => {\n        // If formatResult is provided, use it\n        if (this.formatResult) {\n          return this.formatResult(item);\n        }\n\n        // Defensive check: ensure item is an object before spreading\n        if (typeof item === 'object' && item !== null) {\n          return {\n            id: item.id,\n            text: item.text,\n            ...item,\n          } as MultiselectOption;\n        }\n\n        // Handle primitives by converting to safe shape\n        return {\n          id: String(item),\n          text: String(item),\n        } as MultiselectOption;\n      });\n\n      if (page === 1) {\n        this.internalOptions = formattedResults;\n      } else {\n        this.internalOptions = [...this.internalOptions, ...formattedResults];\n      }\n\n      this.hasMore = data.totalCount ? this.internalOptions.length < data.totalCount : false;\n      this.currentPage = page;\n\n    } catch (error) {\n      // Clear timeout on error\n      if (this.fetchTimeoutTimer !== undefined) {\n        window.clearTimeout(this.fetchTimeoutTimer);\n        this.fetchTimeoutTimer = undefined;\n      }\n\n      if ((error as Error).name !== 'AbortError') {\n        console.error('PdsMultiselect: Failed to fetch options', error);\n      }\n    } finally {\n      this.loading = false;\n\n      // Check if value changed during loading and still has unresolved values\n      if (this.pendingUnresolvedFetch) {\n        this.pendingUnresolvedFetch = false;\n        const valueArray = this.ensureValueArray();\n        const hasUnresolvedValues = valueArray.length > 0 && this.selectedItems.length < valueArray.length;\n        if (hasUnresolvedValues) {\n          this.fetchOptions('', 1);\n        }\n      }\n    }\n  }\n\n  private async createOption(query: string) {\n    if (!this.createUrl || !query.trim()) return;\n\n    // Reentrancy guard: prevent duplicate POSTs if creation is already in-flight\n    if (this.creating) return;\n\n    this.creating = true;\n\n    try {\n      const url = new URL(this.createUrl, window.location.origin);\n\n      const csrfToken = this.getCsrfToken();\n      const headers: Record<string, string> = {\n        'Content-Type': 'application/json',\n        'Accept': 'application/json',\n      };\n\n      if (csrfToken) {\n        const headerName = this.csrfHeaderName || 'X-CSRF-Token';\n        headers[headerName] = csrfToken;\n      }\n\n      const response = await fetch(url.toString(), {\n        method: 'POST',\n        headers,\n        body: JSON.stringify({ text: query.trim() }),\n      });\n\n      if (!response.ok) throw new Error('Failed to create option');\n\n      const data: CreateResponse = await response.json();\n\n      const newOption: MultiselectOption = {\n        id: data.id,\n        text: data.text,\n        ...data,\n      };\n\n      // Add to internal options first\n      this.internalOptions = [...this.internalOptions, newOption];\n\n      // Select the new option\n      this.value = [...this.value, String(newOption.id)];\n\n      // Sync selected items to update display with new option\n      this.syncSelectedItems();\n\n      // Emit create event\n      this.pdsMultiselectCreate.emit({\n        query: query.trim(),\n        newOption,\n      });\n\n      // Emit change event with synced items\n      this.pdsMultiselectChange.emit({\n        values: this.value,\n        items: this.selectedItems,\n      });\n\n      // Clear search and keep dropdown open\n      this.searchQuery = '';\n      this.highlightedIndex = -1;\n\n      // Focus back on search input\n      requestAnimationFrame(() => {\n        this.searchInputEl?.focus();\n      });\n\n    } catch (error) {\n      console.error('PdsMultiselect: Failed to create option', error);\n    } finally {\n      this.creating = false;\n    }\n  }\n\n  private handleTriggerClick = () => {\n    if (this.disabled) return;\n\n    if (this.isOpen) {\n      this.closeDropdown();\n    } else {\n      this.openDropdown();\n    }\n  };\n\n  private handleTriggerKeyDown = (e: KeyboardEvent) => {\n    switch (e.key) {\n      case 'ArrowDown':\n      case 'ArrowUp':\n      case 'Enter':\n      case ' ':\n        e.preventDefault();\n        if (!this.isOpen) {\n          this.openDropdown();\n        }\n        break;\n    }\n  };\n\n  private handleSearchInputChange = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    this.searchQuery = target.value;\n    this.highlightedIndex = -1;\n\n    // Emit search event for consumer-managed async\n    this.pdsMultiselectSearch.emit({ query: this.searchQuery });\n\n    // Fetch from async URL if configured\n    if (this.asyncUrl) {\n      this.debouncedFetchAsyncOptions(this.searchQuery, 1);\n    }\n  };\n\n  private handleSearchInputKeyDown = (e: KeyboardEvent) => {\n    const filteredOptions = this.getFilteredOptions();\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        this.highlightedIndex = Math.min(this.highlightedIndex + 1, filteredOptions.length - 1);\n        this.scrollOptionIntoView();\n        break;\n\n      case 'ArrowUp':\n        e.preventDefault();\n        this.highlightedIndex = Math.max(this.highlightedIndex - 1, 0);\n        this.scrollOptionIntoView();\n        break;\n\n      case 'Enter':\n        e.preventDefault();\n        if (this.highlightedIndex >= 0) {\n          const option = filteredOptions[this.highlightedIndex];\n          if (option) {\n            this.selectOption(option);\n          }\n        }\n        break;\n\n      // Escape is handled by the global @Listen('keydown') handler\n\n      case 'Tab':\n        this.closeDropdown();\n        break;\n    }\n  };\n\n  private handleContainerFocusOut = () => {\n    // Use setTimeout to delay the check - this allows click events and focus transitions to complete\n    // before we decide to close the dropdown\n    setTimeout(() => {\n      // Don't close if we're in the middle of opening or already closed\n      if (!this.isOpen || this.isOpening) return;\n\n      const activeElement = document.activeElement;\n\n      // Check if focus is within our component's shadow root\n      const isInShadowRoot = this.el.shadowRoot?.contains(activeElement);\n\n      // Also check if focus is on the host element itself\n      const isOnHost = activeElement === this.el;\n\n      if (!isInShadowRoot && !isOnHost) {\n        this.closeDropdown();\n      }\n    }, 0);\n  };\n\n  private openDropdown() {\n    if (this.disabled) return;\n\n    this.isOpening = true;\n    this.isOpen = true;\n    this.highlightedIndex = -1;\n\n    // Trigger initial fetch if async (skip if already fetching from componentDidLoad)\n    if (this.asyncUrl && this.internalOptions.length === 0 && !this.initialAsyncFetchTriggered) {\n      this.debouncedFetchAsyncOptions(this.searchQuery, 1);\n    }\n    // Reset the flag so subsequent opens can fetch if needed\n    this.initialAsyncFetchTriggered = false;\n\n    requestAnimationFrame(() => {\n      this.positionDropdown();\n      // Focus the search input after the panel is positioned\n      this.searchInputEl?.focus();\n      // Clear the opening flag after focus has moved\n      setTimeout(() => {\n        this.isOpening = false;\n      }, 50);\n    });\n  }\n\n  private closeDropdown() {\n    this.isOpen = false;\n    this.highlightedIndex = -1;\n    this.searchQuery = '';\n\n    // Clean up auto-update\n    if (this.cleanupAutoUpdate) {\n      this.cleanupAutoUpdate();\n      this.cleanupAutoUpdate = undefined;\n    }\n  }\n\n  private positionDropdown() {\n    if (!this.containerEl || !this.panelEl) return;\n    const referenceEl = this.triggerEl || this.containerEl;\n\n    const { minWidth, panelWidth } = this;\n\n    const updatePosition = () => {\n      computePosition(referenceEl!, this.panelEl!, {\n        placement: 'bottom-start',\n        strategy: 'absolute',\n        middleware: [\n          offset(12),\n          flip(),\n          shift({ padding: 8 }),\n          size({\n            apply: ({ rects, elements }) => {\n              Object.assign(elements.floating.style, {\n                width: panelWidth ?? `${rects.reference.width}px`,\n                minWidth,\n              });\n            },\n          }),\n        ],\n      }).then(({ x, y }) => {\n        if (this.panelEl) {\n          this.panelEl.style.left = `${x}px`;\n          this.panelEl.style.top = `${y}px`;\n        }\n      });\n    };\n\n    // Initial position\n    updatePosition();\n\n    // Set up auto-update for window resize and scroll\n    const cleanupAutoUpdate = autoUpdate(\n      referenceEl!,\n      this.panelEl,\n      updatePosition\n    );\n    this.cleanupAutoUpdate = () => {\n      cleanupAutoUpdate();\n      this.clearAsyncFetchState();\n    };\n  }\n\n  private scrollOptionIntoView() {\n    requestAnimationFrame(() => {\n      const highlighted = this.listboxEl?.querySelector(`[data-index=\"${this.highlightedIndex}\"]`) as HTMLElement;\n      highlighted?.scrollIntoView({ block: 'nearest', behavior: 'smooth' });\n    });\n  }\n\n  private toggleOption(option: MultiselectOption) {\n    // Handle create option\n    if (option.isCreateOption) {\n      // Prevent multiple create calls while one is in-flight\n      if (!this.creating) {\n        this.createOption(this.searchQuery);\n      }\n      return;\n    }\n\n    const isSelected = this.value.includes(String(option.id));\n\n    if (isSelected) {\n      // Remove from selection\n      this.value = this.value.filter(v => v !== String(option.id));\n    } else {\n      // Add to selection\n      if (this.maxSelections && this.value.length >= this.maxSelections) {\n        return;\n      }\n\n      this.value = [...this.value, String(option.id)];\n    }\n\n    // Sync selected items to ensure no duplicates and accurate state\n    this.syncSelectedItems();\n\n    // Emit change event with synced items\n    this.pdsMultiselectChange.emit({\n      values: this.value,\n      items: this.selectedItems,\n    });\n\n    // Keep focus on search input, don't close dropdown\n    this.searchInputEl?.focus();\n  }\n\n  private selectOption(option: MultiselectOption) {\n    // For keyboard navigation - toggle the option\n    this.toggleOption(option);\n  }\n\n  private handleOptionMouseDown = (option: MultiselectOption) => (e: MouseEvent) => {\n    e.preventDefault(); // Prevent focus change\n    this.toggleOption(option);\n  };\n\n  private handleOptionMouseEnter = (index: number) => () => {\n    this.highlightedIndex = index;\n  };\n\n\n  private handleScroll = (e: Event) => {\n    if (!this.asyncUrl || !this.hasMore || this.loading) return;\n\n    const target = e.target as HTMLElement;\n    const scrollBottom = target.scrollHeight - target.scrollTop - target.clientHeight;\n\n    // Load more when near bottom (within 50px)\n    if (scrollBottom < 50) {\n      this.pdsMultiselectLoadOptions.emit({\n        query: this.searchQuery,\n        page: this.currentPage + 1,\n      });\n      this.debouncedFetchAsyncOptions(this.searchQuery, this.currentPage + 1);\n    }\n  };\n\n\n  private renderSelectedItemsList() {\n    if (this.selectedItems.length === 0) return null;\n\n    return (\n      <div class=\"pds-multiselect__selected-section\">\n        <ul class=\"pds-multiselect__selected-list\" role=\"list\">\n          {this.selectedItems.map(item => (\n            <li key={String(item.id)} class=\"pds-multiselect__selected-item\">\n              {item.text}\n            </li>\n          ))}\n        </ul>\n      </div>\n    );\n  }\n\n  private renderDropdown() {\n    if (!this.isOpen) return null;\n\n    const filteredOptions = this.getFilteredOptions();\n    const valueArray = this.ensureValueArray();\n    const hasSlottedEmpty = !!this.el.querySelector('[slot=\"empty\"]');\n    const hasSlottedLoading = !!this.el.querySelector('[slot=\"loading\"]');\n\n    return (\n      <div\n        class=\"pds-multiselect__panel\"\n        ref={el => (this.panelEl = el)}\n        style={{ minWidth: this.minWidth }}\n      >\n        {/* Search input */}\n        <div class=\"pds-multiselect__search\">\n          <pds-icon name=\"search\" size=\"small\" />\n          <input\n            ref={el => (this.searchInputEl = el)}\n            type=\"text\"\n            class=\"pds-multiselect__search-input\"\n            placeholder=\"Find...\"\n            value={this.searchQuery}\n            aria-label=\"Search options\"\n            aria-controls={`${this.componentId}-listbox`}\n            aria-activedescendant={this.highlightedIndex >= 0 ? `${this.componentId}-option-${this.highlightedIndex}` : undefined}\n            role=\"combobox\"\n            aria-haspopup=\"listbox\"\n            aria-expanded=\"true\"\n            aria-autocomplete=\"list\"\n            autocomplete=\"off\"\n            onInput={this.handleSearchInputChange}\n            onKeyDown={this.handleSearchInputKeyDown}\n          />\n        </div>\n\n        {/* Selected items section */}\n        {this.renderSelectedItemsList()}\n\n        {/* Options list */}\n        <ul\n          class=\"pds-multiselect__listbox\"\n          role=\"listbox\"\n          aria-multiselectable=\"true\"\n          aria-label={this.label || 'Options'}\n          id={`${this.componentId}-listbox`}\n          ref={el => (this.listboxEl = el)}\n          style={{ maxHeight: this.maxHeight }}\n          onScroll={this.handleScroll}\n        >\n          {this.loading && (\n            <li class=\"pds-multiselect__loading\" role=\"presentation\">\n              {hasSlottedLoading ? (\n                <slot name=\"loading\" />\n              ) : (\n                <pds-loader size=\"small\" />\n              )}\n            </li>\n          )}\n\n          {!this.loading && filteredOptions.length === 0 && (\n            <li class=\"pds-multiselect__empty\" role=\"presentation\">\n              {hasSlottedEmpty ? (\n                <slot name=\"empty\" />\n              ) : (\n                <span>No options found</span>\n              )}\n            </li>\n          )}\n\n          {filteredOptions.map((option, index) => {\n            const isSelected = valueArray.includes(String(option.id));\n            const isCreateOption = option.isCreateOption;\n            const isHighlighted = index === this.highlightedIndex && !isCreateOption;\n            const optionId = `${this.componentId}-option-${index}`;\n            const isCreateDisabled = isCreateOption && this.creating;\n\n            return (\n              <li\n                key={String(option.id)}\n                id={optionId}\n                class={{\n                  'pds-multiselect__option': true,\n                  'pds-multiselect__option--highlighted': isHighlighted,\n                  'pds-multiselect__option--selected': isSelected,\n                  'pds-multiselect__option--create': isCreateOption,\n                  'pds-multiselect__option--disabled': isCreateDisabled,\n                }}\n                role=\"option\"\n                aria-selected={isSelected ? 'true' : 'false'}\n                aria-disabled={isCreateDisabled ? 'true' : undefined}\n                aria-label={isCreateOption ? `Create new tag: ${option.text}` : undefined}\n                data-index={index}\n                onMouseDown={this.handleOptionMouseDown(option)}\n                onMouseEnter={this.handleOptionMouseEnter(index)}\n              >\n                {isCreateOption ? (\n                  <pds-box class=\"pds-multiselect__create-option\" align-items=\"center\" gap=\"xs\">\n                    <pds-icon name=\"add\" size=\"small\" />\n                    <pds-text>Add \"{option.text}\"</pds-text>\n                  </pds-box>\n                ) : (\n                  <pds-checkbox\n                    componentId={`${this.componentId}-checkbox-${index}`}\n                    checked={isSelected}\n                    label={option.text}\n                    style={{ pointerEvents: 'none' }}\n                  />\n                )}\n              </li>\n            );\n          })}\n\n          {this.hasMore && !this.loading && (\n            <li class=\"pds-multiselect__load-more\" role=\"presentation\">\n              <pds-loader size=\"small\" />\n            </li>\n          )}\n        </ul>\n      </div>\n    );\n  }\n\n  private getTriggerText(): string {\n    const count = this.selectedItems.length;\n    if (count === 0) {\n      return this.placeholder || 'Select...';\n    }\n    return `${count} item${count === 1 ? '' : 's'}`;\n  }\n\n  render() {\n    const hasSelections = this.selectedItems.length > 0;\n\n    return (\n      <Host\n        aria-disabled={this.disabled ? 'true' : null}\n      >\n        <div class=\"pds-multiselect\">\n          {this.label && (\n            <label\n              htmlFor={this.componentId}\n              class={{\n                'pds-multiselect__label': true,\n                'visually-hidden': this.hideLabel,\n              }}\n            >\n              {this.label}\n            </label>\n          )}\n\n          <div\n            class=\"pds-multiselect__wrapper\"\n            ref={el => (this.containerEl = el)}\n            onFocusout={this.handleContainerFocusOut}\n            style={{ width: this.triggerWidth }}\n          >\n            <button\n              ref={el => (this.triggerEl = el)}\n              type=\"button\"\n              class={{\n                'pds-multiselect__trigger': true,\n                'pds-multiselect__trigger--open': this.isOpen,\n                'pds-multiselect__trigger--disabled': this.disabled,\n                'pds-multiselect__trigger--invalid': this.invalid || !!this.errorMessage,\n                'pds-multiselect__trigger--has-value': hasSelections,\n              }}\n              id={this.componentId}\n              disabled={this.disabled}\n              aria-required={this.required ? 'true' : undefined}\n              aria-expanded={this.isOpen ? 'true' : 'false'}\n              aria-haspopup=\"listbox\"\n              aria-describedby={assignDescription(\n                this.componentId,\n                this.invalid || !!this.errorMessage,\n                this.errorMessage || this.helperMessage\n              )}\n              aria-invalid={this.invalid || !!this.errorMessage ? 'true' : undefined}\n              onClick={this.handleTriggerClick}\n              onKeyDown={this.handleTriggerKeyDown}\n            >\n              <span class={{\n                'pds-multiselect__trigger-text': true,\n                'pds-multiselect__trigger-text--placeholder': !hasSelections,\n              }}>\n                {this.getTriggerText()}\n              </span>\n              <pds-icon class=\"pds-multiselect__icon\" icon={enlarge} />\n            </button>\n\n            {this.renderDropdown()}\n          </div>\n\n          {this.helperMessage && !(this.errorMessage && this.errorMessage.length > 0) && (\n            <p class=\"pds-multiselect__helper\" id={messageId(this.componentId, 'helper')}>\n              {this.helperMessage}\n            </p>\n          )}\n\n          {this.errorMessage && (\n            <p class=\"pds-multiselect__error\" id={messageId(this.componentId, 'error')}>\n              <pds-icon icon={danger} size=\"small\" />\n              {this.errorMessage}\n            </p>\n          )}\n\n          {/* Hidden slot for static options */}\n          <div style={{ display: 'none' }}>\n            <slot />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"pds-multiselect.js","sourceRoot":"","sources":["../../../../src/components/pds-multiselect/pds-multiselect.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';\nimport { computePosition, flip, offset, shift, size, autoUpdate } from '@floating-ui/dom';\nimport { debounceEvent } from '@utils/utils';\nimport { messageId, assignDescription } from '../../utils/form';\nimport { danger, enlarge } from '@pine-ds/icons/icons';\nimport type {\n  MultiselectOption,\n  MultiselectChangeEventDetail,\n  MultiselectSearchEventDetail,\n  MultiselectLoadOptionsEventDetail,\n  MultiselectCreateEventDetail,\n  AsyncResponse,\n  CreateResponse,\n} from './multiselect-interface';\n\n/**\n * @slot (default) - Static option elements for the multiselect\n * @slot empty - Custom empty state message when no options match\n * @slot loading - Custom loading indicator\n */\n@Component({\n  tag: 'pds-multiselect',\n  styleUrl: 'pds-multiselect.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class PdsMultiselect {\n  private triggerEl?: HTMLButtonElement;\n  private searchInputEl?: HTMLInputElement;\n  private containerEl?: HTMLElement;\n  private listboxEl?: HTMLElement;\n  private panelEl?: HTMLElement;\n  private internals?: ElementInternals;\n  private abortController?: AbortController;\n  private fetchDebounceTimer?: number;\n  private fetchTimeoutTimer?: number;\n  private observer?: MutationObserver;\n  private cleanupAutoUpdate?: () => void;\n\n  @Element() el!: HTMLPdsMultiselectElement;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Text to be displayed as the multiselect label.\n   */\n  @Prop() label?: string;\n\n  /**\n   * Placeholder text for the input field.\n   */\n  @Prop() placeholder?: string = 'Select...';\n\n  /**\n   * Placeholder text for the search input inside the dropdown panel.\n   * @default 'Find...'\n   */\n  @Prop() searchPlaceholder: string = 'Find...';\n\n  /**\n   * Whether to close the panel after an option is selected.\n   * Defaults to `false` (panel stays open for multi-select).\n   */\n  @Prop() closePanelOnSelect: boolean = false;\n\n  /**\n   * Specifies the name. Submitted with the form as part of a name/value pair.\n   */\n  @Prop() name?: string;\n\n  /**\n   * Array of selected option values.\n   */\n  @Prop({ mutable: true }) value: string[] = [];\n\n  /**\n   * Determines whether or not the multiselect is disabled.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * URL endpoint for async data fetching.\n   */\n  @Prop() asyncUrl?: string;\n\n  /**\n   * HTTP method for async requests.\n   */\n  @Prop() asyncMethod: 'GET' | 'POST' = 'GET';\n\n  /**\n   * Debounce delay in milliseconds for search/fetch.\n   */\n  @Prop() debounce: number = 300;\n\n  /**\n   * Timeout in milliseconds for async fetch requests.\n   */\n  @Prop() fetchTimeout: number = 30000;\n\n  /**\n   * Maximum number of selections allowed.\n   */\n  @Prop() maxSelections?: number;\n\n  /**\n   * Maximum height of the dropdown before scrolling.\n   */\n  @Prop() maxHeight: string = '300px';\n\n  /**\n   * Width of the trigger button (and reference for dropdown positioning).\n   */\n  @Prop() triggerWidth: string = '100%';\n\n  /**\n   * Minimum width of the dropdown panel.\n   */\n  @Prop() minWidth: string = '250px';\n\n  /**\n   * Width of the dropdown panel. Defaults to the trigger width.\n   */\n  @Prop() panelWidth?: string;\n\n  /**\n   * Visually hides the label but keeps it accessible.\n   */\n  @Prop() hideLabel: boolean = false;\n\n  /**\n   * Hides the selected items summary section in the dropdown panel.\n   */\n  @Prop() hideSelectedItems: boolean = false;\n\n  /**\n   * Error message to display.\n   */\n  @Prop() errorMessage?: string;\n\n  /**\n   * Helper message to display below the input.\n   */\n  @Prop() helperMessage?: string;\n\n  /**\n   * If true, the multiselect is in an invalid state.\n   */\n  @Prop() invalid?: boolean;\n\n  /**\n   * If true, the multiselect is required.\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Whether the component is currently loading async options.\n   */\n  @Prop({ mutable: true }) loading: boolean = false;\n\n  /**\n   * Options provided externally (for consumer-managed async).\n   */\n  @Prop() options?: MultiselectOption[];\n\n  /**\n   * Function to format async results. Receives raw API response item.\n   */\n  @Prop() formatResult?: (item: unknown) => MultiselectOption;\n\n  /**\n   * URL endpoint for creating new options. When set, shows \"Add\" option when no matches found.\n   */\n  @Prop() createUrl?: string;\n\n  /**\n   * CSRF token for authenticated requests. If not provided, attempts to read from meta tag.\n   */\n  @Prop() csrfToken?: string;\n\n  /**\n   * CSRF header name for authenticated requests. Defaults to `X-CSRF-Token`.\n   */\n  @Prop() csrfHeaderName?: string = 'X-CSRF-Token';\n\n  // Internal state\n  @State() isOpen: boolean = false;\n  @State() searchQuery: string = '';\n  @State() highlightedIndex: number = -1;\n  @State() internalOptions: MultiselectOption[] = [];\n  @State() selectedItems: MultiselectOption[] = [];\n  @State() currentPage: number = 1;\n  @State() hasMore: boolean = false;\n  @State() creating: boolean = false;\n\n  // Flag to prevent focusout from closing during open transition\n  private isOpening: boolean = false;\n  // Flag to suppress dismiss event when panel closes due to selection (not user dismissal)\n  private isClosingViaSelection: boolean = false;\n  // Flag to track if initial async fetch has been triggered (prevents double fetch)\n  private initialAsyncFetchTriggered: boolean = false;\n  // Flag to track if value changed during loading and needs resolution after fetch completes\n  private pendingUnresolvedFetch: boolean = false;\n\n  /**\n   * Emitted when selection changes.\n   */\n  @Event() pdsMultiselectChange!: EventEmitter<MultiselectChangeEventDetail>;\n\n  /**\n   * Emitted on search input (for consumer-managed async).\n   */\n  @Event() pdsMultiselectSearch!: EventEmitter<MultiselectSearchEventDetail>;\n\n  /**\n   * Emitted to request more options (pagination).\n   */\n  @Event() pdsMultiselectLoadOptions!: EventEmitter<MultiselectLoadOptionsEventDetail>;\n\n  /**\n   * Emitted when a new option is created.\n   */\n  @Event() pdsMultiselectCreate!: EventEmitter<MultiselectCreateEventDetail>;\n\n  /**\n   * Emitted when the dropdown is dismissed via Escape key or click outside.\n   *\n   * This event fires only when the user explicitly dismisses the panel without making a selection:\n   * - ✅ Fires: Pressing Escape key while dropdown is open\n   * - ✅ Fires: Clicking outside the component while dropdown is open\n   * - ❌ Does NOT fire: When panel closes due to selection (including when `closePanelOnSelect` is true)\n   * - ❌ Does NOT fire: When panel closes programmatically via `closeDropdown()`\n   *\n   * Equivalent to Sage's `onEscapeHook`. Use this to restore parent UI state or run cleanup when the user cancels their interaction.\n   */\n  @Event() pdsMultiselectDismiss!: EventEmitter<void>;\n\n  private originalSearchEmitter?: EventEmitter<MultiselectSearchEventDetail>;\n\n  connectedCallback() {\n    // Initialize ElementInternals for form association (only once per element instance)\n    if (this.el.attachInternals && !this.internals) {\n      this.internals = this.el.attachInternals();\n    }\n  }\n\n  componentWillLoad() {\n    this.originalSearchEmitter = this.pdsMultiselectSearch;\n    this.syncSelectedItems();\n  }\n\n  componentDidLoad() {\n    this.setupDebounce();\n    this.setupMutationObserver();\n    this.setupSlotChangeListener();\n    this.updateFormValue();\n\n    // Ensure preselected values sync after DOM is fully ready\n    // This handles cases where slot content loads after initial render (e.g., in docs/MDX)\n    requestAnimationFrame(() => {\n      this.updateOptionsFromSlot();\n      this.syncSelectedItems();\n    });\n\n    // If we have preselected values and asyncUrl, fetch options to resolve them\n    // This ensures the trigger shows \"X items\" instead of placeholder on initial render\n    if (this.asyncUrl && this.ensureValueArray().length > 0) {\n      this.initialAsyncFetchTriggered = true;\n      this.fetchOptions('', 1);\n    }\n  }\n\n  private setupSlotChangeListener() {\n    const slot = this.el.shadowRoot?.querySelector('slot:not([name])') as HTMLSlotElement;\n    if (slot) {\n      slot.addEventListener('slotchange', () => {\n        this.updateOptionsFromSlot();\n        this.syncSelectedItems();\n      });\n      // Also call it immediately in case content is already slotted\n      this.updateOptionsFromSlot();\n    }\n  }\n\n  disconnectedCallback() {\n    this.observer?.disconnect();\n    this.cleanupAutoUpdate?.();\n    this.clearAsyncFetchState();\n  }\n\n  @Watch('debounce')\n  protected setupDebounce() {\n    const { pdsMultiselectSearch, debounce, originalSearchEmitter } = this;\n    this.pdsMultiselectSearch = debounce === undefined\n      ? originalSearchEmitter ?? pdsMultiselectSearch\n      : debounceEvent(pdsMultiselectSearch, debounce);\n  }\n\n  @Watch('value')\n  protected valueChanged(newValue: string[] | string) {\n    // Handle JSON string values (from HTML attributes)\n    if (typeof newValue === 'string') {\n      try {\n        const parsed = JSON.parse(newValue);\n        if (Array.isArray(parsed)) {\n          this.value = parsed;\n          return; // The assignment will trigger this watcher again with the array\n        }\n      } catch {\n        // Not valid JSON, treat as single value\n        this.value = newValue ? [newValue] : [];\n        return;\n      }\n    }\n    this.syncSelectedItems();\n    this.updateFormValue();\n\n    // If using asyncUrl and some values couldn't be resolved, fetch options\n    // This handles programmatic value changes where the options aren't loaded yet\n    if (this.asyncUrl) {\n      const valueArray = this.ensureValueArray();\n      const hasUnresolvedValues = valueArray.length > 0 && this.selectedItems.length < valueArray.length;\n      if (hasUnresolvedValues) {\n        if (this.loading) {\n          // Mark that we need to re-check after current fetch completes\n          this.pendingUnresolvedFetch = true;\n        } else {\n          this.fetchOptions('', 1);\n        }\n      }\n    }\n  }\n\n  @Watch('options')\n  protected optionsChanged() {\n    if (this.options) {\n      this.internalOptions = [...this.options];\n    }\n  }\n\n  @Watch('internalOptions')\n  protected internalOptionsChanged() {\n    // Re-sync selected items when options become available\n    // This handles the case where value is set before options are loaded (e.g., from slot)\n    this.syncSelectedItems();\n  }\n\n  /**\n   * Sets focus on the trigger button.\n   */\n  @Method()\n  async setFocus() {\n    this.triggerEl?.focus();\n  }\n\n  /**\n   * Clears all selected values and resets the component.\n   */\n  @Method()\n  async clear() {\n    const hadValues = this.value.length > 0 || this.searchQuery !== '';\n    this.value = [];\n    this.searchQuery = '';\n    this.syncSelectedItems();\n    this.updateFormValue();\n    if (hadValues) {\n      this.pdsMultiselectChange.emit({ values: [], items: [] });\n    }\n  }\n\n  /**\n   * Handle global keyboard events for accessibility.\n   * Closes dropdown on Escape key press regardless of focus location.\n   */\n  @Listen('keydown', { target: 'window' })\n  handleWindowKeyDown(event: KeyboardEvent) {\n    if (!this.isOpen) return;\n\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      this.pdsMultiselectDismiss.emit();\n      this.closeDropdown();\n      this.triggerEl?.focus();\n    }\n  }\n\n  private setupMutationObserver() {\n    this.observer = new MutationObserver(() => {\n      this.updateOptionsFromSlot();\n    });\n\n    this.observer.observe(this.el, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  private updateOptionsFromSlot() {\n    const slot = this.el.shadowRoot?.querySelector('slot:not([name])') as HTMLSlotElement;\n    if (!slot) return;\n\n    const options = slot.assignedElements({ flatten: true })\n      .filter((el): el is HTMLOptionElement => el.tagName === 'OPTION')\n      .map(opt => ({\n        id: opt.value,\n        text: opt.textContent || opt.value,\n      }));\n\n    // Only update if we actually found options AND we're not using async/external options\n    // Don't clear internalOptions if slot returns empty (might be mid-DOM-update)\n    if (options.length > 0 && !this.asyncUrl && !this.options) {\n      this.internalOptions = options;\n    }\n  }\n\n  private clearAsyncFetchState() {\n    if (this.fetchDebounceTimer !== undefined) {\n      window.clearTimeout(this.fetchDebounceTimer);\n      this.fetchDebounceTimer = undefined;\n    }\n    if (this.fetchTimeoutTimer !== undefined) {\n      window.clearTimeout(this.fetchTimeoutTimer);\n      this.fetchTimeoutTimer = undefined;\n    }\n    this.abortController?.abort();\n    this.abortController = undefined;\n  }\n\n  private debouncedFetchAsyncOptions(query: string, page: number = 1) {\n    if (!this.asyncUrl) return;\n\n    if (this.fetchDebounceTimer !== undefined) {\n      window.clearTimeout(this.fetchDebounceTimer);\n    }\n\n    const delay = Math.max(0, this.debounce ?? 0);\n    this.fetchDebounceTimer = window.setTimeout(() => {\n      this.fetchDebounceTimer = undefined;\n      this.fetchOptions(query, page);\n    }, delay);\n  }\n\n  private syncSelectedItems() {\n    // Ensure value is an array (may be string from HTML attribute)\n    const valueArray = this.ensureValueArray();\n    const allOptions = this.getAllOptions();\n\n    // Map values to options, preserving existing selectedItems for values not yet in options\n    const newSelectedItems: MultiselectOption[] = [];\n    const existingItemsMap = new Map(this.selectedItems.map(item => [String(item.id), item]));\n\n    valueArray.forEach(val => {\n      // First try to find in available options\n      const option = allOptions.find(opt => String(opt.id) === String(val));\n\n      if (option) {\n        newSelectedItems.push(option);\n      } else if (existingItemsMap.has(String(val))) {\n        // If not in options but exists in current selectedItems, preserve it\n        // This handles the case where async data hasn't loaded yet or newly created items\n        newSelectedItems.push(existingItemsMap.get(String(val))!);\n      }\n      // Note: We don't create placeholders for values without matching options.\n      // This ensures selectedItems remains empty until options are actually loaded,\n      // which matches the expected behavior for preselected values.\n    });\n\n    this.selectedItems = newSelectedItems;\n  }\n\n  private ensureValueArray(): string[] {\n    // Handle JSON string values passed via HTML attribute\n    if (typeof this.value === 'string') {\n      try {\n        const parsed = JSON.parse(this.value as unknown as string);\n        if (Array.isArray(parsed)) {\n          this.value = parsed;\n          return parsed;\n        }\n      } catch {\n        // Not valid JSON, treat as single value\n        const singleValue = this.value as unknown as string;\n        this.value = singleValue ? [singleValue] : [];\n        return this.value;\n      }\n    }\n    return Array.isArray(this.value) ? this.value : [];\n  }\n\n  private getAllOptions(): MultiselectOption[] {\n    return this.options || this.internalOptions;\n  }\n\n\n  private getFilteredOptions(): MultiselectOption[] {\n    const allOptions = this.getAllOptions();\n    const query = this.searchQuery.toLowerCase();\n\n    const filtered = allOptions.filter(opt => {\n      // Filter by search query only - don't filter out selected items\n      if (query) {\n        return opt.text.toLowerCase().includes(query);\n      }\n      return true;\n    });\n\n    // Add create option if enabled and no matches found\n    if (this.createUrl && this.searchQuery.trim() && filtered.length === 0) {\n      return [{\n        id: '__create__',\n        text: this.searchQuery.trim(),\n        isCreateOption: true,\n      }];\n    }\n\n    return filtered;\n  }\n\n  private updateFormValue() {\n    if (this.internals?.setFormValue) {\n      // Ensure value is an array before iterating\n      const valueArray = this.ensureValueArray();\n\n      // Submit as multiple values with same name (native select multiple behavior)\n      const formData = new FormData();\n      valueArray.forEach(val => {\n        if (this.name) {\n          formData.append(this.name, val);\n        }\n      });\n      this.internals.setFormValue(formData);\n\n      // Update validity state for required validation\n      if (this.required && valueArray.length === 0) {\n        this.internals.setValidity(\n          { valueMissing: true },\n          'Please select at least one option.',\n          this.triggerEl\n        );\n      } else {\n        this.internals.setValidity({});\n      }\n    }\n  }\n\n  private getCsrfToken(): string | null {\n    // Use provided token if available\n    if (this.csrfToken) {\n      return this.csrfToken;\n    }\n\n    // Try to read from meta tag\n    const metaTag = document.querySelector('meta[name=\"csrf-token\"]') as HTMLMetaElement;\n    return metaTag?.content || null;\n  }\n\n  private async fetchOptions(query: string, page: number = 1) {\n    if (!this.asyncUrl) return;\n\n    // Abort any pending request and clear existing timeout\n    this.abortController?.abort();\n    if (this.fetchTimeoutTimer !== undefined) {\n      window.clearTimeout(this.fetchTimeoutTimer);\n      this.fetchTimeoutTimer = undefined;\n    }\n\n    this.abortController = new AbortController();\n    this.loading = true;\n\n    // Set up timeout for fetch request\n    this.fetchTimeoutTimer = window.setTimeout(() => {\n      this.abortController?.abort();\n      this.fetchTimeoutTimer = undefined;\n    }, this.fetchTimeout);\n\n    try {\n      // Guard against malformed asyncUrl\n      let url: URL;\n      try {\n        url = new URL(this.asyncUrl, window.location.origin);\n      } catch (urlError) {\n        throw new TypeError(`Invalid asyncUrl: ${this.asyncUrl}`);\n      }\n\n      if (this.asyncMethod === 'GET') {\n        url.searchParams.set('search', query);\n        url.searchParams.set('page', String(page));\n      }\n\n      const csrfToken = this.getCsrfToken();\n      const headers: Record<string, string> = {\n        'Content-Type': 'application/json',\n        'Accept': 'application/json',\n      };\n\n      if (csrfToken) {\n        const headerName = this.csrfHeaderName || 'X-CSRF-Token';\n        headers[headerName] = csrfToken;\n      }\n\n      const response = await fetch(url.toString(), {\n        method: this.asyncMethod,\n        signal: this.abortController.signal,\n        headers,\n        ...(this.asyncMethod === 'POST' && {\n          body: JSON.stringify({ search: query, page }),\n        }),\n      });\n\n      // Clear timeout on successful response\n      if (this.fetchTimeoutTimer !== undefined) {\n        window.clearTimeout(this.fetchTimeoutTimer);\n        this.fetchTimeoutTimer = undefined;\n      }\n\n      if (!response.ok) throw new Error('Failed to fetch options');\n\n      const data: AsyncResponse = await response.json();\n\n      const formattedResults = data.results.map(item => {\n        // If formatResult is provided, use it\n        if (this.formatResult) {\n          return this.formatResult(item);\n        }\n\n        // Defensive check: ensure item is an object before spreading\n        if (typeof item === 'object' && item !== null) {\n          return {\n            id: item.id,\n            text: item.text,\n            ...item,\n          } as MultiselectOption;\n        }\n\n        // Handle primitives by converting to safe shape\n        return {\n          id: String(item),\n          text: String(item),\n        } as MultiselectOption;\n      });\n\n      if (page === 1) {\n        this.internalOptions = formattedResults;\n      } else {\n        this.internalOptions = [...this.internalOptions, ...formattedResults];\n      }\n\n      this.hasMore = data.totalCount ? this.internalOptions.length < data.totalCount : false;\n      this.currentPage = page;\n\n    } catch (error) {\n      // Clear timeout on error\n      if (this.fetchTimeoutTimer !== undefined) {\n        window.clearTimeout(this.fetchTimeoutTimer);\n        this.fetchTimeoutTimer = undefined;\n      }\n\n      if ((error as Error).name !== 'AbortError') {\n        console.error('PdsMultiselect: Failed to fetch options', error);\n      }\n    } finally {\n      this.loading = false;\n\n      // Check if value changed during loading and still has unresolved values\n      if (this.pendingUnresolvedFetch) {\n        this.pendingUnresolvedFetch = false;\n        const valueArray = this.ensureValueArray();\n        const hasUnresolvedValues = valueArray.length > 0 && this.selectedItems.length < valueArray.length;\n        if (hasUnresolvedValues) {\n          this.fetchOptions('', 1);\n        }\n      }\n    }\n  }\n\n  private async createOption(query: string) {\n    if (!this.createUrl || !query.trim()) return;\n\n    // Reentrancy guard: prevent duplicate POSTs if creation is already in-flight\n    if (this.creating) return;\n\n    this.creating = true;\n\n    try {\n      const url = new URL(this.createUrl, window.location.origin);\n\n      const csrfToken = this.getCsrfToken();\n      const headers: Record<string, string> = {\n        'Content-Type': 'application/json',\n        'Accept': 'application/json',\n      };\n\n      if (csrfToken) {\n        const headerName = this.csrfHeaderName || 'X-CSRF-Token';\n        headers[headerName] = csrfToken;\n      }\n\n      const response = await fetch(url.toString(), {\n        method: 'POST',\n        headers,\n        body: JSON.stringify({ text: query.trim() }),\n      });\n\n      if (!response.ok) throw new Error('Failed to create option');\n\n      const data: CreateResponse = await response.json();\n\n      const newOption: MultiselectOption = {\n        id: data.id,\n        text: data.text,\n        ...data,\n      };\n\n      // Add to internal options first\n      this.internalOptions = [...this.internalOptions, newOption];\n\n      // Select the new option\n      this.value = [...this.value, String(newOption.id)];\n\n      // Sync selected items to update display with new option\n      this.syncSelectedItems();\n\n      // Emit create event\n      this.pdsMultiselectCreate.emit({\n        query: query.trim(),\n        newOption,\n      });\n\n      // Emit change event with synced items\n      this.pdsMultiselectChange.emit({\n        values: this.value,\n        items: this.selectedItems,\n      });\n\n      // Clear search and keep dropdown open\n      this.searchQuery = '';\n      this.highlightedIndex = -1;\n\n      // Focus back on search input\n      requestAnimationFrame(() => {\n        this.searchInputEl?.focus();\n      });\n\n    } catch (error) {\n      console.error('PdsMultiselect: Failed to create option', error);\n    } finally {\n      this.creating = false;\n    }\n  }\n\n  private handleTriggerClick = () => {\n    if (this.disabled) return;\n\n    if (this.isOpen) {\n      this.closeDropdown();\n    } else {\n      this.openDropdown();\n    }\n  };\n\n  private handleTriggerKeyDown = (e: KeyboardEvent) => {\n    switch (e.key) {\n      case 'ArrowDown':\n      case 'ArrowUp':\n      case 'Enter':\n      case ' ':\n        e.preventDefault();\n        if (!this.isOpen) {\n          this.openDropdown();\n        }\n        break;\n    }\n  };\n\n  private handleSearchInputChange = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    this.searchQuery = target.value;\n    this.highlightedIndex = -1;\n\n    // Emit search event for consumer-managed async\n    this.pdsMultiselectSearch.emit({ query: this.searchQuery });\n\n    // Fetch from async URL if configured\n    if (this.asyncUrl) {\n      this.debouncedFetchAsyncOptions(this.searchQuery, 1);\n    }\n  };\n\n  private handleSearchInputKeyDown = (e: KeyboardEvent) => {\n    const filteredOptions = this.getFilteredOptions();\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        this.highlightedIndex = Math.min(this.highlightedIndex + 1, filteredOptions.length - 1);\n        this.scrollOptionIntoView();\n        break;\n\n      case 'ArrowUp':\n        e.preventDefault();\n        this.highlightedIndex = Math.max(this.highlightedIndex - 1, 0);\n        this.scrollOptionIntoView();\n        break;\n\n      case 'Enter':\n        e.preventDefault();\n        if (this.highlightedIndex >= 0) {\n          const option = filteredOptions[this.highlightedIndex];\n          if (option) {\n            this.selectOption(option);\n          }\n        }\n        break;\n\n      // Escape is handled by the global @Listen('keydown') handler\n\n      case 'Tab':\n        this.closeDropdown();\n        break;\n    }\n  };\n\n  private handleContainerFocusOut = () => {\n    // Use setTimeout to delay the check - this allows click events and focus transitions to complete\n    // before we decide to close the dropdown\n    setTimeout(() => {\n      // Don't close if we're in the middle of opening, already closed,\n      // or closing due to a selection (not a user dismissal)\n      if (!this.isOpen || this.isOpening || this.isClosingViaSelection) return;\n\n      const activeElement = document.activeElement;\n\n      // Check if focus is within our component's shadow root\n      const isInShadowRoot = this.el.shadowRoot?.contains(activeElement);\n\n      // Also check if focus is on the host element itself\n      const isOnHost = activeElement === this.el;\n\n      if (!isInShadowRoot && !isOnHost) {\n        this.pdsMultiselectDismiss.emit();\n        this.closeDropdown();\n      }\n    }, 0);\n  };\n\n  private openDropdown() {\n    if (this.disabled) return;\n\n    this.isOpening = true;\n    this.isOpen = true;\n    this.highlightedIndex = -1;\n\n    // Trigger initial fetch if async (skip if already fetching from componentDidLoad)\n    if (this.asyncUrl && this.internalOptions.length === 0 && !this.initialAsyncFetchTriggered) {\n      this.debouncedFetchAsyncOptions(this.searchQuery, 1);\n    }\n    // Reset the flag so subsequent opens can fetch if needed\n    this.initialAsyncFetchTriggered = false;\n\n    requestAnimationFrame(() => {\n      this.positionDropdown();\n      // Focus the search input after the panel is positioned\n      this.searchInputEl?.focus();\n      // Clear the opening flag after focus has moved\n      setTimeout(() => {\n        this.isOpening = false;\n      }, 50);\n    });\n  }\n\n  private closeDropdown() {\n    this.isOpen = false;\n    this.highlightedIndex = -1;\n    this.searchQuery = '';\n\n    // Reset the selection-close guard after the focusout handler's setTimeout has resolved\n    if (this.isClosingViaSelection) {\n      setTimeout(() => {\n        this.isClosingViaSelection = false;\n      }, 0);\n    }\n\n    // Clean up auto-update\n    if (this.cleanupAutoUpdate) {\n      this.cleanupAutoUpdate();\n      this.cleanupAutoUpdate = undefined;\n    }\n  }\n\n  private positionDropdown() {\n    if (!this.containerEl || !this.panelEl) return;\n    const referenceEl = this.triggerEl || this.containerEl;\n\n    const { minWidth, panelWidth } = this;\n\n    const updatePosition = () => {\n      computePosition(referenceEl!, this.panelEl!, {\n        placement: 'bottom-start',\n        strategy: 'absolute',\n        middleware: [\n          offset(12),\n          flip(),\n          shift({ padding: 8 }),\n          size({\n            apply: ({ rects, elements }) => {\n              Object.assign(elements.floating.style, {\n                width: panelWidth ?? `${rects.reference.width}px`,\n                minWidth,\n              });\n            },\n          }),\n        ],\n      }).then(({ x, y }) => {\n        if (this.panelEl) {\n          this.panelEl.style.left = `${x}px`;\n          this.panelEl.style.top = `${y}px`;\n        }\n      });\n    };\n\n    // Initial position\n    updatePosition();\n\n    // Set up auto-update for window resize and scroll\n    const cleanupAutoUpdate = autoUpdate(\n      referenceEl!,\n      this.panelEl,\n      updatePosition\n    );\n    this.cleanupAutoUpdate = () => {\n      cleanupAutoUpdate();\n      this.clearAsyncFetchState();\n    };\n  }\n\n  private scrollOptionIntoView() {\n    requestAnimationFrame(() => {\n      const highlighted = this.listboxEl?.querySelector(`[data-index=\"${this.highlightedIndex}\"]`) as HTMLElement;\n      highlighted?.scrollIntoView({ block: 'nearest', behavior: 'smooth' });\n    });\n  }\n\n  private toggleOption(option: MultiselectOption) {\n    // Handle create option\n    if (option.isCreateOption) {\n      // Prevent multiple create calls while one is in-flight\n      if (!this.creating) {\n        this.createOption(this.searchQuery);\n      }\n      return;\n    }\n\n    const optionId = String(option.id);\n    const isSelected = this.value.includes(optionId);\n\n    if (isSelected) {\n      // Remove from selection\n      this.value = this.value.filter(v => v !== optionId);\n    } else {\n      // Add to selection\n      if (this.maxSelections && this.value.length >= this.maxSelections) {\n        return;\n      }\n\n      this.value = [...this.value, optionId];\n    }\n\n    // Sync selected items to ensure no duplicates and accurate state\n    this.syncSelectedItems();\n\n    // Emit change event with synced items\n    this.pdsMultiselectChange.emit({\n      values: this.value,\n      items: this.selectedItems,\n    });\n\n    if (this.closePanelOnSelect) {\n      this.isClosingViaSelection = true;\n      this.closeDropdown();\n      this.triggerEl?.focus();\n    } else {\n      // Keep focus on search input, don't close dropdown\n      this.searchInputEl?.focus();\n    }\n  }\n\n  private selectOption(option: MultiselectOption) {\n    // For keyboard navigation - toggle the option\n    this.toggleOption(option);\n  }\n\n  private handleOptionMouseDown = (option: MultiselectOption) => (e: MouseEvent) => {\n    e.preventDefault(); // Prevent focus change\n    this.toggleOption(option);\n  };\n\n  private handleOptionMouseEnter = (index: number) => () => {\n    this.highlightedIndex = index;\n  };\n\n\n  private handleScroll = (e: Event) => {\n    if (!this.asyncUrl || !this.hasMore || this.loading) return;\n\n    const target = e.target as HTMLElement;\n    const scrollBottom = target.scrollHeight - target.scrollTop - target.clientHeight;\n\n    // Load more when near bottom (within 50px)\n    if (scrollBottom < 50) {\n      this.pdsMultiselectLoadOptions.emit({\n        query: this.searchQuery,\n        page: this.currentPage + 1,\n      });\n      this.debouncedFetchAsyncOptions(this.searchQuery, this.currentPage + 1);\n    }\n  };\n\n\n  private renderSelectedItemsList() {\n    if (this.hideSelectedItems || this.selectedItems.length === 0) return null;\n\n    return (\n      <div class=\"pds-multiselect__selected-section\">\n        <ul class=\"pds-multiselect__selected-list\" role=\"list\">\n          {this.selectedItems.map(item => (\n            <li key={String(item.id)} class=\"pds-multiselect__selected-item\">\n              {item.text}\n            </li>\n          ))}\n        </ul>\n      </div>\n    );\n  }\n\n  private renderDropdown() {\n    if (!this.isOpen) return null;\n\n    const filteredOptions = this.getFilteredOptions();\n    const valueArray = this.ensureValueArray();\n    const hasSlottedEmpty = !!this.el.querySelector('[slot=\"empty\"]');\n    const hasSlottedLoading = !!this.el.querySelector('[slot=\"loading\"]');\n\n    return (\n      <div\n        class=\"pds-multiselect__panel\"\n        ref={el => (this.panelEl = el)}\n        style={{ minWidth: this.minWidth }}\n      >\n        {/* Search input */}\n        <div class=\"pds-multiselect__search\">\n          <pds-icon name=\"search\" size=\"small\" />\n          <input\n            ref={el => (this.searchInputEl = el)}\n            type=\"text\"\n            class=\"pds-multiselect__search-input\"\n            placeholder={this.searchPlaceholder}\n            value={this.searchQuery}\n            aria-label=\"Search options\"\n            aria-controls={`${this.componentId}-listbox`}\n            aria-activedescendant={this.highlightedIndex >= 0 ? `${this.componentId}-option-${this.highlightedIndex}` : undefined}\n            role=\"combobox\"\n            aria-haspopup=\"listbox\"\n            aria-expanded=\"true\"\n            aria-autocomplete=\"list\"\n            autocomplete=\"off\"\n            onInput={this.handleSearchInputChange}\n            onKeyDown={this.handleSearchInputKeyDown}\n          />\n        </div>\n\n        {/* Selected items section */}\n        {this.renderSelectedItemsList()}\n\n        {/* Options list */}\n        <ul\n          class=\"pds-multiselect__listbox\"\n          role=\"listbox\"\n          aria-multiselectable=\"true\"\n          aria-label={this.label || 'Options'}\n          id={`${this.componentId}-listbox`}\n          ref={el => (this.listboxEl = el)}\n          style={{ maxHeight: this.maxHeight }}\n          onScroll={this.handleScroll}\n        >\n          {this.loading && (\n            <li class=\"pds-multiselect__loading\" role=\"presentation\">\n              {hasSlottedLoading ? (\n                <slot name=\"loading\" />\n              ) : (\n                <pds-loader size=\"small\" />\n              )}\n            </li>\n          )}\n\n          {!this.loading && filteredOptions.length === 0 && (\n            <li class=\"pds-multiselect__empty\" role=\"presentation\">\n              {hasSlottedEmpty ? (\n                <slot name=\"empty\" />\n              ) : (\n                <span>No options found</span>\n              )}\n            </li>\n          )}\n\n          {filteredOptions.map((option, index) => {\n            const isSelected = valueArray.includes(String(option.id));\n            const isCreateOption = option.isCreateOption;\n            const isHighlighted = index === this.highlightedIndex && !isCreateOption;\n            const optionId = `${this.componentId}-option-${index}`;\n            const isCreateDisabled = isCreateOption && this.creating;\n\n            return (\n              <li\n                key={String(option.id)}\n                id={optionId}\n                class={{\n                  'pds-multiselect__option': true,\n                  'pds-multiselect__option--highlighted': isHighlighted,\n                  'pds-multiselect__option--selected': isSelected,\n                  'pds-multiselect__option--create': isCreateOption,\n                  'pds-multiselect__option--disabled': isCreateDisabled,\n                }}\n                role=\"option\"\n                aria-selected={isSelected ? 'true' : 'false'}\n                aria-disabled={isCreateDisabled ? 'true' : undefined}\n                aria-label={isCreateOption ? `Create new tag: ${option.text}` : undefined}\n                data-index={index}\n                onMouseDown={this.handleOptionMouseDown(option)}\n                onMouseEnter={this.handleOptionMouseEnter(index)}\n              >\n                {isCreateOption ? (\n                  <pds-box class=\"pds-multiselect__create-option\" align-items=\"center\" gap=\"xs\">\n                    <pds-icon name=\"add\" size=\"small\" />\n                    <pds-text>Add \"{option.text}\"</pds-text>\n                  </pds-box>\n                ) : (\n                  <pds-checkbox\n                    componentId={`${this.componentId}-checkbox-${index}`}\n                    checked={isSelected}\n                    label={option.text}\n                    style={{ pointerEvents: 'none' }}\n                  />\n                )}\n              </li>\n            );\n          })}\n\n          {this.hasMore && !this.loading && (\n            <li class=\"pds-multiselect__load-more\" role=\"presentation\">\n              <pds-loader size=\"small\" />\n            </li>\n          )}\n        </ul>\n      </div>\n    );\n  }\n\n  private getTriggerText(): string {\n    const count = this.selectedItems.length;\n    if (count === 0) {\n      return this.placeholder || 'Select...';\n    }\n    return `${count} item${count === 1 ? '' : 's'}`;\n  }\n\n  render() {\n    const hasSelections = this.selectedItems.length > 0;\n\n    return (\n      <Host\n        aria-disabled={this.disabled ? 'true' : null}\n      >\n        <div class=\"pds-multiselect\">\n          {this.label && (\n            <label\n              htmlFor={this.componentId}\n              class={{\n                'pds-multiselect__label': true,\n                'visually-hidden': this.hideLabel,\n              }}\n            >\n              {this.label}\n            </label>\n          )}\n\n          <div\n            class=\"pds-multiselect__wrapper\"\n            ref={el => (this.containerEl = el)}\n            onFocusout={this.handleContainerFocusOut}\n            style={{ width: this.triggerWidth }}\n          >\n            <button\n              ref={el => (this.triggerEl = el)}\n              type=\"button\"\n              class={{\n                'pds-multiselect__trigger': true,\n                'pds-multiselect__trigger--open': this.isOpen,\n                'pds-multiselect__trigger--disabled': this.disabled,\n                'pds-multiselect__trigger--invalid': this.invalid || !!this.errorMessage,\n                'pds-multiselect__trigger--has-value': hasSelections,\n              }}\n              id={this.componentId}\n              disabled={this.disabled}\n              aria-required={this.required ? 'true' : undefined}\n              aria-expanded={this.isOpen ? 'true' : 'false'}\n              aria-haspopup=\"listbox\"\n              aria-describedby={assignDescription(\n                this.componentId,\n                this.invalid || !!this.errorMessage,\n                this.errorMessage || this.helperMessage\n              )}\n              aria-invalid={this.invalid || !!this.errorMessage ? 'true' : undefined}\n              onClick={this.handleTriggerClick}\n              onKeyDown={this.handleTriggerKeyDown}\n            >\n              <span class={{\n                'pds-multiselect__trigger-text': true,\n                'pds-multiselect__trigger-text--placeholder': !hasSelections,\n              }}>\n                {this.getTriggerText()}\n              </span>\n              <pds-icon class=\"pds-multiselect__icon\" icon={enlarge} />\n            </button>\n\n            {this.renderDropdown()}\n          </div>\n\n          {this.helperMessage && !(this.errorMessage && this.errorMessage.length > 0) && (\n            <p class=\"pds-multiselect__helper\" id={messageId(this.componentId, 'helper')}>\n              {this.helperMessage}\n            </p>\n          )}\n\n          {this.errorMessage && (\n            <p class=\"pds-multiselect__error\" id={messageId(this.componentId, 'error')}>\n              <pds-icon icon={danger} size=\"small\" />\n              {this.errorMessage}\n            </p>\n          )}\n\n          {/* Hidden slot for static options */}\n          <div style={{ display: 'none' }}>\n            <slot />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/pds-multiselect/stories/pds-multiselect.stories.js

@@ -24,6 +24,14 @@ export default {
       control: 'text',
       description: 'Placeholder text shown in the trigger when no items are selected. When items are selected, shows "X item(s)" instead.',
     },
+    searchPlaceholder: {
+      control: 'text',
+      description: 'Placeholder text for the search input inside the dropdown panel.',
+    },
+    closePanelOnSelect: {
+      control: 'boolean',
+      description: 'Whether to close the panel after an option is selected.',
+    },
     disabled: {
       control: 'boolean',
       description: 'Whether the component is disabled',
@@ -52,6 +60,10 @@ export default {
       control: 'boolean',
       description: 'Visually hide the label (keeps it accessible)',
     },
+    hideSelectedItems: {
+      control: 'boolean',
+      description: 'Hides the selected items summary section in the dropdown panel',
+    },
     errorMessage: {
       control: 'text',
       description: 'Error message to display',
@@ -90,6 +102,7 @@ export const Default = {
       component-id="${args.componentId}"
       label="${args.label}"
       placeholder="${args.placeholder}"
+      ?hide-selected-items=${args.hideSelectedItems}
       .value=${args.value}
       @pdsMultiselectChange=${(e) => updateArgs?.({ value: e.detail.values })}
     >
@@ -110,6 +123,7 @@ export const WithPreselectedValues = {
       component-id="${args.componentId}"
       label="${args.label}"
       placeholder="${args.placeholder}"
+      ?hide-selected-items=${args.hideSelectedItems}
       .value=${args.value}
       @pdsMultiselectChange=${(e) => updateArgs?.({ value: e.detail.values })}
     >
@@ -132,6 +146,7 @@ export const MaxSelections = {
       label="${args.label}"
       placeholder="${args.placeholder}"
       max-selections="${args.maxSelections}"
+      ?hide-selected-items=${args.hideSelectedItems}
       .value=${args.value}
       @pdsMultiselectChange=${(e) => updateArgs?.({ value: e.detail.values })}
     >
@@ -157,6 +172,7 @@ export const WithMessage = {
       label="${args.label}"
       placeholder="${args.placeholder}"
       helper-message="${args.helperMessage}"
+      ?hide-selected-items=${args.hideSelectedItems}
       .value=${args.value}
       @pdsMultiselectChange=${(e) => updateArgs?.({ value: e.detail.values })}
     >
@@ -181,6 +197,7 @@ export const Invalid = {
       placeholder="${args.placeholder}"
       error-message="${args.errorMessage}"
       ?invalid=${args.invalid}
+      ?hide-selected-items=${args.hideSelectedItems}
       .value=${args.value}
       @pdsMultiselectChange=${(e) => updateArgs?.({ value: e.detail.values })}
     >
@@ -203,6 +220,7 @@ export const Disabled = {
       label="${args.label}"
       placeholder="${args.placeholder}"
       ?disabled=${args.disabled}
+      ?hide-selected-items=${args.hideSelectedItems}
       .value=${args.value}
       @pdsMultiselectChange=${(e) => updateArgs?.({ value: e.detail.values })}
     >
@@ -225,6 +243,29 @@ export const HiddenLabel = {
       label="${args.label}"
       placeholder="${args.placeholder}"
       ?hide-label=${args.hideLabel}
+      ?hide-selected-items=${args.hideSelectedItems}
+      .value=${args.value}
+      @pdsMultiselectChange=${(e) => updateArgs?.({ value: e.detail.values })}
+    >
+      ${unsafeHTML(defaultOptions)}
+    </pds-multiselect>
+  `,
+};
+
+export const HiddenSelectedItems = {
+  args: {
+    componentId: 'multiselect-hidden-selected',
+    label: 'Departments',
+    placeholder: 'Select...',
+    hideSelectedItems: true,
+    value: ['1', '2', '3'],
+  },
+  render: (args, { updateArgs } = {}) => html`
+    <pds-multiselect
+      component-id="${args.componentId}"
+      label="${args.label}"
+      placeholder="${args.placeholder}"
+      ?hide-selected-items=${args.hideSelectedItems}
       .value=${args.value}
       @pdsMultiselectChange=${(e) => updateArgs?.({ value: e.detail.values })}
     >
@@ -233,6 +274,53 @@ export const HiddenLabel = {
   `,
 };
 
+export const CustomSearchPlaceholder = {
+  args: {
+    componentId: 'multiselect-search-placeholder',
+    label: 'Filter Offers',
+    placeholder: 'Select...',
+    searchPlaceholder: 'Search offers...',
+    value: [],
+  },
+  render: (args, { updateArgs } = {}) => html`
+    <pds-multiselect
+      component-id="${args.componentId}"
+      label="${args.label}"
+      placeholder="${args.placeholder}"
+      search-placeholder="${args.searchPlaceholder}"
+      .value=${args.value}
+      @pdsMultiselectChange=${(e) => updateArgs?.({ value: e.detail.values })}
+    >
+      ${unsafeHTML(defaultOptions)}
+    </pds-multiselect>
+  `,
+};
+
+export const ClosePanelOnSelect = {
+  args: {
+    componentId: 'multiselect-close-on-select',
+    label: 'Quick Tags (closes on each pick)',
+    placeholder: 'Select...',
+    closePanelOnSelect: true,
+    value: [],
+  },
+  render: (args, { updateArgs } = {}) => html`
+    <pds-multiselect
+      component-id="${args.componentId}"
+      label="${args.label}"
+      placeholder="${args.placeholder}"
+      .closePanelOnSelect=${args.closePanelOnSelect}
+      .value=${args.value}
+      @pdsMultiselectChange=${(e) => updateArgs?.({ value: e.detail.values })}
+    >
+      ${unsafeHTML(defaultOptions)}
+    </pds-multiselect>
+    <p style="margin-top: var(--pine-dimension-sm); color: var(--pine-color-text-secondary);">
+      Multi-select mode but the panel closes after each selection. Re-open to select more.
+    </p>
+  `,
+};
+
 export const LongList = {
   args: {
     componentId: 'multiselect-long',
@@ -247,6 +335,7 @@ export const LongList = {
       label="${args.label}"
       placeholder="${args.placeholder}"
       max-height="${args.maxHeight}"
+      ?hide-selected-items=${args.hideSelectedItems}
       .value=${args.value}
       @pdsMultiselectChange=${(e) => updateArgs?.({ value: e.detail.values })}
     >
@@ -292,6 +381,7 @@ export const CustomWidths = {
       trigger-width="${args.triggerWidth}"
       panel-width="${args.panelWidth}"
       min-width="${args.minWidth}"
+      ?hide-selected-items=${args.hideSelectedItems}
       .value=${args.value}
       @pdsMultiselectChange=${(e) => updateArgs?.({ value: e.detail.values })}
     >
@@ -325,6 +415,7 @@ export const ConsumerManagedAsync = {
         label="${args.label}"
         placeholder="${args.placeholder}"
         .options=${allContacts}
+        ?hide-selected-items=${args.hideSelectedItems}
         .value=${args.value}
         @pdsMultiselectSearch=${(e) => {
           console.log('Search query:', e.detail.query);
@@ -357,6 +448,7 @@ export const CustomEmptyState = {
       label="${args.label}"
       placeholder="${args.placeholder}"
       .options=${[]}
+      ?hide-selected-items=${args.hideSelectedItems}
       .value=${args.value}
       @pdsMultiselectChange=${(e) => updateArgs?.({ value: e.detail.values })}
     >
@@ -385,6 +477,7 @@ export const WithCreateOption = {
         label="${args.label}"
         placeholder="${args.placeholder}"
         create-url="/api/tags"
+        ?hide-selected-items=${args.hideSelectedItems}
         .value=${args.value}
         @pdsMultiselectCreate=${async (e) => {
           console.log('Creating new tag:', e.detail.query);

package/dist/collection/components/pds-table/pds-table-cell/pds-table-cell.css

@@ -29,7 +29,7 @@
 }
 
 :host(.is-truncated) {
-  max-width: 100px;
+  max-width: var(--pds-table-cell-truncate-max-width, 100px);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;

package/dist/collection/components/pds-table/pds-table-cell/pds-table-cell.js

@@ -1,8 +1,10 @@
 import { Host, h } from "@stencil/core";
+import { setupTruncationTooltip } from "../../../utils/truncation-tooltip";
 export class PdsTableCell {
     constructor() {
         this.scrollContainer = null;
         this.setupRetries = 0;
+        this.truncationCleanup = null;
         /**
          * Determines if the table is currently scrolling.
          * @defaultValue false
@@ -34,9 +36,13 @@ export class PdsTableCell {
             // This enables the first column to show a shadow when the table is scrolled horizontally
             this.setupScrollListener();
         }
+        if (this.truncate) {
+            this.initTruncationTooltip();
+        }
     }
     disconnectedCallback() {
         this.cleanupScrollListener();
+        this.destroyTruncationTooltip();
     }
     setupScrollListener() {
         var _a;
@@ -77,6 +83,28 @@ export class PdsTableCell {
         }
         this.setupRetries = 0; // Reset retry counter
     }
+    handleTruncateChange(newValue) {
+        if (newValue) {
+            this.initTruncationTooltip();
+        }
+        else {
+            this.destroyTruncationTooltip();
+        }
+    }
+    initTruncationTooltip() {
+        this.destroyTruncationTooltip();
+        this.truncationCleanup = setupTruncationTooltip({
+            hostEl: this.hostElement,
+            contentEl: this.hostElement,
+            getTooltipText: () => this.hostElement.textContent || '',
+        });
+    }
+    destroyTruncationTooltip() {
+        if (this.truncationCleanup) {
+            this.truncationCleanup();
+            this.truncationCleanup = null;
+        }
+    }
     classNames() {
         const classNames = [];
         if (this.tableRef && this.tableRef.compact) {
@@ -94,11 +122,11 @@ export class PdsTableCell {
         return classNames.join(' ');
     }
     render() {
-        return (h(Host, { key: 'f57b6f8173976a6ad0cc9eb5bf655ba930c45280', class: this.classNames(), role: "gridcell", part: "cell", style: this.tableRef &&
+        return (h(Host, { key: 'f1526ebf858c52e01185174cb37770d130abd3ca', class: this.classNames(), role: "gridcell", part: "cell", tabIndex: this.truncate ? 0 : undefined, style: this.tableRef &&
                 this.tableRef.fixedColumn &&
                 this.tableRef.selectable
                 ? { '--fixed-cell-position': '40px' }
-                : {} }, h("slot", { key: '0cc35b066fdb46eed1516d5b6eb86b77f0d4d2b5' })));
+                : {} }, h("slot", { key: '518a3cb3fad0bbbe029f218c2dc89596d1cd0b16' })));
     }
     static get is() { return "pds-table-cell"; }
     static get encapsulation() { return "shadow"; }
@@ -145,7 +173,7 @@ export class PdsTableCell {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Truncates content to a max width of 100px and adds an ellipsis."
+                    "text": "Truncates content to a max width and adds an ellipsis.\nWhen text overflows, a tooltip showing the full text will appear on hover/focus.\nNote: When truncate is enabled, the element automatically receives tabindex=\"0\" for keyboard accessibility."
                 },
                 "getter": false,
                 "setter": false,
@@ -160,5 +188,11 @@ export class PdsTableCell {
         };
     }
     static get elementRef() { return "hostElement"; }
+    static get watchers() {
+        return [{
+                "propName": "truncate",
+                "methodName": "handleTruncateChange"
+            }];
+    }
 }
 //# sourceMappingURL=pds-table-cell.js.map