@infineon/infineon-design-system-stencil 37.2.0 → 38.0.0--canary.1954.f29b2d8edb0fe3ea64fff93b4a103a880db2a074.0

package/dist/collection/components/search-field/search-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"search-field.js","sourceRoot":"","sources":["../../../src/components/search-field/search-field.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, EventEmitter, h, Event, Prop, Watch, State, Listen, Element } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking'; \nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport classNames from 'classnames';\n\n@Component({\n  tag: 'ifx-search-field',\n  styleUrl: 'search-field.scss',\n  shadow: true\n})\n\n\nexport class SearchField {\n  @Element() el;\n  private inputElement: HTMLInputElement;\n  @Prop({ mutable: true }) value: string = '';\n\n  @Event() ifxInput: EventEmitter<String>;\n  @State() insideDropdown: boolean = false;\n\n  @Prop() showDeleteIcon: boolean = false;\n  @State() showDeleteIconInternalState: boolean = false;\n  @Prop() disabled: boolean = false;\n  @Prop() size: string = 'l';\n  @State() isFocused: boolean = false;\n  @Prop() placeholder: string = \"Search...\";\n  @Prop() autocomplete: string = \"on\";\n  @Prop() maxlength?: number = null;  \n\n  @Listen('mousedown', { target: 'document' })\n  handleOutsideClick(event: MouseEvent) {\n    const path = event.composedPath();\n    if (!path.includes(this.inputElement)) {\n      this.isFocused = false;\n    }\n  }\n\n  @Watch('value')\n  valueWatcher(newValue: string) {\n    if (newValue !== this.inputElement.value) {\n      this.inputElement.value = newValue;\n    }\n  }\n\n\n  handleInput = () => {\n    const query = this.inputElement.value;\n    this.value = query; // update the value property when input changes\n    this.ifxInput.emit(this.value);\n  };\n\n  handleDelete = () => {\n    this.inputElement.value = '';\n    this.value = \"\";\n    this.ifxInput.emit(this.value);\n  }\n\n  focusInput() {\n    this.inputElement.focus();\n    this.isFocused = true;\n  }\n\n  componentWillLoad() { \n    if(!isNestedInIfxComponent(this.el)) { \n      trackComponent('ifx-search-field')\n    }\n  }\n  \n  componentWillUpdate() {\n    if (this.value !== \"\") {\n      this.showDeleteIconInternalState = true;\n    } else this.showDeleteIconInternalState = false;\n  }\n\n  render() {\n    return (\n      <div aria-label=\"a search field for user input\" aria-disabled={this.disabled} aria-value={this.value} class='search-field'>\n        <div class={this.getWrapperClassNames()}\n          tabindex={1}\n          onFocus={() => this.focusInput()}\n          onClick={() => this.focusInput()}\n        >\n          <ifx-icon icon=\"search-16\" class=\"search-icon\"></ifx-icon>\n          <input\n            ref={(el) => (this.inputElement = el)}\n            type=\"text\"\n            autocomplete={this.autocomplete}\n            onInput={() => this.handleInput()}\n            placeholder={this.placeholder}\n            disabled={this.disabled}\n            maxlength={this.maxlength}\n            value={this.value} // bind the value property to input element\n          />\n          {this.showDeleteIcon && this.showDeleteIconInternalState ? (\n            <ifx-icon icon=\"cRemove16\" class=\"delete-icon\" onClick={this.handleDelete}>\n            </ifx-icon>\n          ) : null}\n        </div>\n      </div>\n    );\n  }\n\n  getSizeClass() {\n    return `${this.size}` === \"s\"\n      ? \"search-field__wrapper-s\"\n      : \"\";\n  }\n\n\n  getWrapperClassNames() {\n    return classNames(\n      `search-field__wrapper`,\n      `search-field__wrapper ${this.getSizeClass()}`,\n      `${this.isFocused ? 'focused' : \"\"}`\n    );\n  }\n}"]}
+{"version":3,"file":"search-field.js","sourceRoot":"","sources":["../../../src/components/search-field/search-field.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, EventEmitter, h, Event, Prop, Watch, State, Listen, Element } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport classNames from 'classnames';\n\nexport interface SuggestionItem {\n  id: string;\n  text: string;\n  type?: 'suggestion' | 'history';\n  scope?: string;\n  resultCount?: number;\n  metadata?: any;\n}\n\n@Component({\n  tag: 'ifx-search-field',\n  styleUrl: 'search-field.scss',\n  shadow: true\n})\n\nexport class SearchField {\n  @Element() el;\n  private inputElement: HTMLInputElement;\n  private dropdownElement: HTMLDivElement;\n\n  @Prop({ mutable: true }) value: string = '';\n  @Prop() suggestions: SuggestionItem[] = [];\n  @Prop() showSuggestions: boolean = false;\n  @Prop() maxSuggestions: number = 10;\n  @Prop() maxHistoryItems: number = 5;\n  @Prop() enableHistory: boolean = true;\n  @Prop() historyKey: string = 'ifx-search-history';\n  @Prop() historyHeaderText: string = 'Recent Searches';\n\n  // ARIA Labels and Accessibility Props\n  @Prop() ariaLabel: string = 'Search field';\n  @Prop() ariaLabelledBy?: string;\n  @Prop() ariaDescribedBy?: string;\n  @Prop() deleteIconAriaLabel: string = 'Clear search';\n  @Prop() historyDeleteAriaLabel: string = 'Remove from history';\n  @Prop() dropdownAriaLabel: string = 'Search suggestions and history';\n  @Prop() suggestionAriaLabel: string = 'Search suggestion';\n  @Prop() historyItemAriaLabel: string = 'Search history item';\n\n  @Event() ifxInput: EventEmitter<string>;\n  @Event() ifxSuggestionRequested: EventEmitter<string>;\n  @Event() ifxSuggestionSelected: EventEmitter<SuggestionItem>;\n  @Event() ifxFocus: EventEmitter<void>;\n  @Event() ifxBlur: EventEmitter<void>;\n\n  @State() showDropdown: boolean = false;\n  @State() filteredSuggestions: SuggestionItem[] = [];\n  @State() selectedSuggestionIndex: number = -1;\n  @State() searchHistory: string[] = [];\n\n  @Prop() showDeleteIcon: boolean = false;\n  @State() showDeleteIconInternalState: boolean = false;\n  @Prop() disabled: boolean = false;\n  @Prop() size: string = 'l';\n  @State() isFocused: boolean = false;\n  @Prop() placeholder: string = \"Search...\";\n  @Prop() autocomplete: string = \"off\";\n  @Prop() maxlength?: number = null;\n\n  private focusEmitted: boolean = false;\n\n  componentDidLoad() {\n    this.loadSearchHistory();\n  }\n\n  @Listen('mousedown', { target: 'document' })\n  handleOutsideClick(event: MouseEvent) {\n    const path = event.composedPath();\n    if (!path.includes(this.inputElement) && !path.includes(this.dropdownElement)) {\n      this.hideDropdown();\n    }\n  }\n\n  @Listen('keydown')\n  handleKeyDown(event: KeyboardEvent) {\n    if (!this.showDropdown) return;\n\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault();\n        this.navigateSuggestions(1);\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        this.navigateSuggestions(-1);\n        break;\n      case 'Enter':\n        event.preventDefault();\n        if (this.selectedSuggestionIndex >= 0) {\n          this.selectSuggestion(this.filteredSuggestions[this.selectedSuggestionIndex]);\n        } else {\n          this.handleSearch();\n        }\n        break;\n      case 'Escape':\n        this.hideDropdown();\n        break;\n    }\n  }\n\n  @Watch('value')\n  valueWatcher(newValue: string) {\n    if (this.inputElement && newValue !== this.inputElement.value) {\n      this.inputElement.value = newValue;\n    }\n    this.updateSuggestions();\n  }\n\n  @Watch('suggestions')\n  suggestionsWatcher() {\n    this.updateSuggestions();\n  }\n\n\n  handleInput = () => {\n    const query = this.inputElement.value;\n    this.value = query;\n    this.ifxInput.emit(this.value);\n\n    if (this.showSuggestions) {\n      this.showDropdown = true;\n      this.selectedSuggestionIndex = -1;\n      this.requestSuggestions(query);\n    }\n  };\n\n  handleDelete = () => {\n    this.inputElement.value = '';\n    this.value = \"\";\n    this.ifxInput.emit(this.value);\n    this.hideDropdown();\n  }\n\n  handleSearch = () => {\n    if (this.value.trim() && this.enableHistory) {\n      // Only add to history if there are actual results\n      if (this.filteredSuggestions.length > 0) {\n        this.addToHistory(this.value);\n      }\n    }\n    this.hideDropdown();\n  }\n\n  focusInput() {\n    // Don't call focus() if the input is already focused to prevent unnecessary operations\n    if (document.activeElement !== this.inputElement) {\n      this.inputElement.focus();\n    }\n\n    // Only emit focus event if it hasn't been emitted already\n    if (!this.focusEmitted) {\n      this.focusEmitted = true;\n      this.isFocused = true;\n      this.ifxFocus.emit();\n    }\n\n    if (this.showSuggestions) {\n      // On focus without input: Show only history\n      if (this.value.length === 0) {\n        this.showHistoryDropdown();\n        // Only show dropdown if history is actually present\n        this.showDropdown = this.enableHistory && this.searchHistory.length > 0;\n      } else {\n        // With existing input: Normal suggestion logic\n        this.updateSuggestions();\n        this.showDropdown = this.filteredSuggestions.length > 0;\n      }\n    }\n  }\n\n  blurInput() {\n    setTimeout(() => {\n      this.isFocused = false;\n      this.focusEmitted = false; // Reset focus flag when blur occurs\n      this.ifxBlur.emit();\n    }, 150);\n  }\n\n  // Public method to update history from external sources\n  public loadSearchHistory() {\n    if (this.enableHistory && typeof localStorage !== 'undefined') {\n      const stored = localStorage.getItem(this.historyKey);\n      this.searchHistory = stored ? JSON.parse(stored) : [];\n\n      // Update suggestions when history is loaded\n      this.updateSuggestions();\n\n      // If no input and no history left, close dropdown\n      if (this.value.length === 0 && this.searchHistory.length === 0) {\n        this.showDropdown = false;\n      }\n    }\n  }\n\n  // Public method to completely clear history\n  public clearSearchHistory() {\n    if (this.enableHistory && typeof localStorage !== 'undefined') {\n      // Clear from localStorage\n      localStorage.removeItem(this.historyKey);\n\n      // Clear internal history\n      this.searchHistory = [];\n\n      // Reset all dropdown-relevant states\n      this.filteredSuggestions = [];\n      this.selectedSuggestionIndex = -1;\n      this.showDropdown = false;\n\n      // Update suggestions after reset\n      this.updateSuggestions();\n    }\n  }\n\n  // Suggestion Management Methods\n  private addToHistory(term: string) {\n    if (!this.enableHistory || !term.trim()) return;\n\n    const history = [...this.searchHistory];\n    const existingIndex = history.indexOf(term);\n\n    if (existingIndex > -1) {\n      history.splice(existingIndex, 1);\n    }\n\n    history.unshift(term);\n    // Limit history to maxHistoryItems (default 5)\n    this.searchHistory = history.slice(0, this.maxHistoryItems);\n\n    if (typeof localStorage !== 'undefined') {\n      localStorage.setItem(this.historyKey, JSON.stringify(this.searchHistory));\n    }\n  }\n\n  // Remove individual history entry\n  private removeFromHistory(term: string) {\n    if (!this.enableHistory) return;\n\n    const history = [...this.searchHistory];\n    const index = history.indexOf(term);\n\n    if (index > -1) {\n      history.splice(index, 1);\n      this.searchHistory = history;\n\n      // Update localStorage\n      if (typeof localStorage !== 'undefined') {\n        localStorage.setItem(this.historyKey, JSON.stringify(this.searchHistory));\n      }\n\n      // Update suggestions after removal\n      this.updateSuggestions();\n\n      // Close dropdown if no history remains\n      if (this.searchHistory.length === 0 && this.value.length === 0) {\n        this.showDropdown = false;\n      }\n    }\n  }\n\n  // Handle click on history delete button\n  private handleHistoryDelete = (event: Event, term: string) => {\n    event.stopPropagation(); // Prevent selection of the entry\n    this.removeFromHistory(term);\n  }\n\n  private requestSuggestions(query: string) {\n    this.ifxSuggestionRequested.emit(query);\n    this.updateSuggestions();\n  }\n\n  private updateSuggestions() {\n    const query = this.value.toLowerCase();\n    let suggestions: SuggestionItem[] = [];\n\n    if (query.length > 0) {\n      // For text input: Mix external suggestions and relevant history\n\n      // 1. Filter external suggestions\n      if (this.suggestions && this.suggestions.length > 0) {\n        const filteredExternal = this.suggestions.filter(s =>\n          s.text.toLowerCase().includes(query)\n        );\n        suggestions = [...suggestions, ...filteredExternal];\n      }\n\n      // 2. Filter relevant history entries\n      if (this.enableHistory && this.searchHistory.length > 0) {\n        const filteredHistory = this.searchHistory\n          .filter(term => term.toLowerCase().includes(query))\n          .map((term, index) => ({\n            id: `history-${index}`,\n            text: term,\n            type: 'history' as const\n          }));\n        suggestions = [...suggestions, ...filteredHistory];\n      }\n\n      // 3. Sort by relevance (exact matches first, then prefix matches)\n      suggestions.sort((a, b) => {\n        const aText = a.text.toLowerCase();\n        const bText = b.text.toLowerCase();\n\n        // Exact match has highest priority\n        if (aText === query && bText !== query) return -1;\n        if (bText === query && aText !== query) return 1;\n\n        // Prefix match has second highest priority\n        const aStartsWith = aText.startsWith(query);\n        const bStartsWith = bText.startsWith(query);\n\n        if (aStartsWith && !bStartsWith) return -1;\n        if (bStartsWith && !aStartsWith) return 1;\n\n        // With equal relevance: external suggestions before history\n        if (a.type === 'suggestion' && b.type === 'history') return -1;\n        if (a.type === 'history' && b.type === 'suggestion') return 1;\n\n        // Alphabetical sorting as last criterion\n        return aText.localeCompare(bText);\n      });\n\n    } else {\n      // For empty query: Show only history (no external suggestions)\n      if (this.enableHistory && this.searchHistory.length > 0) {\n        const historySuggestions = this.searchHistory.map((term, index) => ({\n          id: `history-${index}`,\n          text: term,\n          type: 'history' as const\n        }));\n\n        suggestions = historySuggestions;\n      }\n      // For empty query DO NOT show external suggestions\n    }\n\n    // Remove duplicates based on text and scope combination (history takes precedence over external)\n    const uniqueSuggestions = suggestions.reduce((unique: SuggestionItem[], current) => {\n      const existingIndex = unique.findIndex(item =>\n        item.text.toLowerCase() === current.text.toLowerCase() &&\n        item.scope === current.scope\n      );\n      if (existingIndex === -1) {\n        unique.push(current);\n      } else {\n        // If already exists, prefer history over external suggestions\n        if (current.type === 'history' && unique[existingIndex].type !== 'history') {\n          unique[existingIndex] = current;\n        }\n      }\n      return unique;\n    }, []);\n\n    this.filteredSuggestions = uniqueSuggestions.slice(0, this.maxSuggestions);\n    this.selectedSuggestionIndex = -1;\n  }\n\n  private navigateSuggestions(direction: number) {\n    const maxIndex = this.filteredSuggestions.length - 1;\n\n    if (direction > 0) {\n      this.selectedSuggestionIndex = this.selectedSuggestionIndex < maxIndex\n        ? this.selectedSuggestionIndex + 1\n        : 0;\n    } else {\n      this.selectedSuggestionIndex = this.selectedSuggestionIndex > 0\n        ? this.selectedSuggestionIndex - 1\n        : maxIndex;\n    }\n  }\n\n  private selectSuggestion(suggestion: SuggestionItem) {\n    this.value = suggestion.text;\n    this.inputElement.value = suggestion.text;\n    this.ifxSuggestionSelected.emit(suggestion);\n    this.ifxInput.emit(this.value);\n\n    if (this.enableHistory) {\n      // Always add selected suggestions to history since they are valid results\n      this.addToHistory(suggestion.text);\n    }\n\n    this.hideDropdown();\n  }\n\n  private hideDropdown() {\n    this.showDropdown = false;\n    this.selectedSuggestionIndex = -1;\n    this.isFocused = false;\n  }\n\n  // Show only history in dropdown (e.g. on focus without input)\n  private showHistoryDropdown() {\n    if (this.enableHistory && this.searchHistory.length > 0) {\n      // Show only history entries\n      const historySuggestions = this.searchHistory.map((term, index) => ({\n        id: `history-${index}`,\n        text: term,\n        type: 'history' as const\n      }));\n\n      this.filteredSuggestions = historySuggestions.slice(0, this.maxSuggestions);\n      this.selectedSuggestionIndex = -1;\n    } else {\n      this.filteredSuggestions = [];\n    }\n  }\n\n  // Check if only history entries are displayed (without text input)\n  private isShowingOnlyHistory(): boolean {\n    return this.value.length === 0 &&\n           this.filteredSuggestions.length > 0 &&\n           this.filteredSuggestions.every(s => s.type === 'history');\n  }\n\n  // Render text with highlighted matches\n  private renderHighlightedText(text: string, query: string) {\n    if (!query || query.length === 0) {\n      return text;\n    }\n\n    const lowerText = text.toLowerCase();\n    const lowerQuery = query.toLowerCase();\n    const index = lowerText.indexOf(lowerQuery);\n\n    if (index === -1) {\n      return text;\n    }\n\n    const before = text.substring(0, index);\n    const match = text.substring(index, index + query.length);\n    const after = text.substring(index + query.length);\n\n    return [\n      before,\n      <strong>{match}</strong>,\n      after\n    ];\n  }\n\n  componentWillLoad() {\n    if(!isNestedInIfxComponent(this.el)) {\n      trackComponent('ifx-search-field')\n    }\n  }\n\n  componentWillUpdate() {\n    if (this.value !== \"\") {\n      this.showDeleteIconInternalState = true;\n    } else this.showDeleteIconInternalState = false;\n  }\n\n  render() {\n    return (\n      <div\n        aria-label={this.ariaLabel}\n        aria-labelledby={this.ariaLabelledBy}\n        aria-describedby={this.ariaDescribedBy}\n        aria-disabled={this.disabled}\n        aria-value={this.value}\n        class='search-field'\n      >\n        <div\n          class={this.getWrapperClassNames()}\n          tabindex={1}\n          onClick={() => this.focusInput()}\n        >\n          <ifx-icon icon=\"search-16\" class=\"search-icon\"></ifx-icon>\n          <input\n            ref={(el) => (this.inputElement = el)}\n            type=\"text\"\n            autocomplete={this.autocomplete}\n            onInput={() => this.handleInput()}\n            onFocus={() => this.focusInput()}\n            onBlur={() => this.blurInput()}\n            placeholder={this.placeholder}\n            disabled={this.disabled}\n            maxlength={this.maxlength}\n            value={this.value}\n            role=\"combobox\"\n            aria-expanded={this.showDropdown}\n            aria-autocomplete=\"list\"\n            aria-haspopup=\"listbox\"\n            aria-label={this.ariaLabel}\n            aria-labelledby={this.ariaLabelledBy}\n            aria-describedby={this.ariaDescribedBy}\n            aria-owns={this.showDropdown ? 'suggestions-dropdown' : undefined}\n            aria-activedescendant={this.selectedSuggestionIndex >= 0 ? `suggestion-${this.selectedSuggestionIndex}` : undefined}\n          />\n          {this.showDeleteIcon && this.showDeleteIconInternalState ? (\n            <ifx-icon\n              icon=\"cRemove16\"\n              class=\"delete-icon\"\n              onClick={this.handleDelete}\n              role=\"button\"\n              tabindex=\"0\"\n              aria-label={this.deleteIconAriaLabel}\n              onKeyDown={(event) => {\n                if (event.key === 'Enter' || event.key === ' ') {\n                  event.preventDefault();\n                  this.handleDelete();\n                }\n              }}>\n            </ifx-icon>\n          ) : null}\n        </div>\n\n        {/* Suggestions Dropdown */}\n        {this.showDropdown && this.filteredSuggestions.length > 0 && (\n          <div\n            ref={(el) => (this.dropdownElement = el)}\n            id=\"suggestions-dropdown\"\n            class=\"suggestions-dropdown\"\n            role=\"listbox\"\n            aria-label={this.dropdownAriaLabel}\n          >\n            {/* History Header - only show when exclusively showing history entries */}\n            {this.isShowingOnlyHistory() && (\n              <div class=\"suggestions-header\">\n                {this.historyHeaderText}\n              </div>\n            )}\n\n            {this.filteredSuggestions.map((suggestion, index) => (\n              <div\n                key={suggestion.id}\n                id={`suggestion-${index}`}\n                class={this.getSuggestionClassNames(index)}\n                role=\"option\"\n                aria-selected={index === this.selectedSuggestionIndex}\n                aria-label={`${suggestion.type === 'history' ? this.historyItemAriaLabel : this.suggestionAriaLabel}: ${suggestion.text}${suggestion.scope ? `, ${suggestion.scope}` : ''}${suggestion.resultCount ? `, ${suggestion.resultCount} results` : ''}`}\n                onClick={() => this.selectSuggestion(suggestion)}\n                onMouseEnter={() => this.selectedSuggestionIndex = index}\n              >\n                <div class=\"suggestion-content\">\n                  {suggestion.type === 'history' && (\n                    <ifx-icon icon=\"history-16\" class=\"suggestion-icon suggestion-icon--history\"></ifx-icon>\n                  )}\n                  {suggestion.type === 'suggestion' && (\n                    <ifx-icon icon=\"search-16\" class=\"suggestion-icon suggestion-icon--suggestion\"></ifx-icon>\n                  )}\n                  <span class=\"suggestion-text\">\n                    <span class=\"suggestion-main-text\">\n                      {this.renderHighlightedText(suggestion.text, this.value)}\n                    </span>\n                    {suggestion.scope && (\n                      <span class=\"suggestion-scope\">– {suggestion.scope}</span>\n                    )}\n                  </span>\n\n                  {suggestion.resultCount !== undefined && suggestion.scope && (\n                    <span class=\"suggestion-count\">{suggestion.resultCount}</span>\n                  )}\n\n                  {/* Delete Button only for history entries */}\n                  {suggestion.type === 'history' && (\n                    <ifx-icon\n                      icon=\"cross16\"\n                      class=\"suggestion-delete-icon\"\n                      role=\"button\"\n                      tabindex=\"0\"\n                      aria-label={`${this.historyDeleteAriaLabel}: ${suggestion.text}`}\n                      onClick={(event) => this.handleHistoryDelete(event, suggestion.text)}\n                      onKeyDown={(event) => {\n                        if (event.key === 'Enter' || event.key === ' ') {\n                          event.preventDefault();\n                          this.handleHistoryDelete(event, suggestion.text);\n                        }\n                      }}\n                    ></ifx-icon>\n                  )}\n                </div>\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  getSizeClass() {\n    return `${this.size}` === \"s\"\n      ? \"search-field__wrapper-s\"\n      : \"\";\n  }\n\n  getWrapperClassNames() {\n    return classNames(\n      `search-field__wrapper`,\n      `search-field__wrapper ${this.getSizeClass()}`,\n      `${this.isFocused ? 'focused' : \"\"}`,\n      `${this.showDropdown ? 'dropdown-open' : \"\"}`\n    );\n  }\n\n  getSuggestionClassNames(index: number) {\n    return classNames(\n      'suggestion-item',\n      {\n        'suggestion-item--selected': index === this.selectedSuggestionIndex,\n        'suggestion-item--history': this.filteredSuggestions[index]?.type === 'history'\n      }\n    );\n  }\n}\n"]}

package/dist/collection/components/search-field/search-field.stories.js

@@ -1,4 +1,61 @@
 import { action } from "@storybook/addon-actions";
+// Generic Lorem Ipsum mock suggestions for all stories
+const genericMockSuggestions = [
+    // Short suggestions without scope
+    { id: 'short1', text: 'Lorem', type: 'suggestion' },
+    { id: 'short2', text: 'Ipsum', type: 'suggestion' },
+    { id: 'short3', text: 'Dolor', type: 'suggestion' },
+    { id: 'short4', text: 'Sit', type: 'suggestion' },
+    { id: 'short5', text: 'Amet', type: 'suggestion' },
+    // Medium suggestions with scope
+    { id: 'medium1', text: 'Lorem ipsum', type: 'suggestion', scope: 'Consectetur', resultCount: 1247 },
+    { id: 'medium2', text: 'Dolor sit', type: 'suggestion', scope: 'Adipiscing', resultCount: 892 },
+    { id: 'medium3', text: 'Consectetur adipiscing', type: 'suggestion', scope: 'Elite', resultCount: 567 },
+    { id: 'medium4', text: 'Sed do eiusmod', type: 'suggestion', scope: 'Tempor', resultCount: 2341 },
+    { id: 'medium5', text: 'Ut labore', type: 'suggestion', scope: 'Dolore', resultCount: 1098 },
+    // Medium suggestions without scope
+    { id: 'medium6', text: 'Magna aliqua', type: 'suggestion' },
+    { id: 'medium7', text: 'Enim ad minim', type: 'suggestion' },
+    { id: 'medium8', text: 'Veniam quis', type: 'suggestion' },
+    { id: 'medium9', text: 'Nostrud exercitation', type: 'suggestion' },
+    { id: 'medium10', text: 'Ullamco laboris', type: 'suggestion' },
+    // Long suggestions with scope and result count
+    { id: 'long1', text: 'Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore', type: 'suggestion', scope: 'Fugiat nulla pariatur', resultCount: 156 },
+    { id: 'long2', text: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia', type: 'suggestion', scope: 'Deserunt mollit anim', resultCount: 789 },
+    { id: 'long3', text: 'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium', type: 'suggestion', scope: 'Doloremque laudantium', resultCount: 234 },
+    // Long suggestions without scope
+    { id: 'long4', text: 'Totam rem aperiam eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt', type: 'suggestion' },
+    { id: 'long5', text: 'Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores', type: 'suggestion' },
+    // Medium suggestions with scope but no result count
+    { id: 'scope1', text: 'Neque porro quisquam', type: 'suggestion', scope: 'Adipisci velit' },
+    { id: 'scope2', text: 'Ut enim ad minima', type: 'suggestion', scope: 'Veniam quis nostrum' },
+    { id: 'scope3', text: 'Quis autem vel eum', type: 'suggestion', scope: 'Iure reprehenderit' },
+    // Long scope names for truncation testing
+    { id: 'longscope1', text: 'Temporibus autem', type: 'suggestion', scope: 'Quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet', resultCount: 445 },
+    { id: 'longscope2', text: 'Et harum quidem', type: 'suggestion', scope: 'Rerum facilis est et expedita distinctio nam libero tempore', resultCount: 1876 },
+    // Very long text for extreme truncation testing
+    { id: 'extreme1', text: 'At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident', type: 'suggestion', scope: 'Similique sunt in culpa qui officia deserunt mollitia animi id est laborum et dolorum fuga', resultCount: 999 },
+    // Additional variety
+    { id: 'misc1', text: 'Itaque earum rerum', type: 'suggestion', scope: 'Hic tenetur', resultCount: 1567 },
+    { id: 'misc2', text: 'Sapiente delectus', type: 'suggestion' },
+    { id: 'misc3', text: 'Aut reiciendis', type: 'suggestion', scope: 'Voluptatibus maiores', resultCount: 823 },
+    { id: 'misc4', text: 'Alias consequatur', type: 'suggestion' },
+    { id: 'misc5', text: 'Aut perferendis', type: 'suggestion', scope: 'Doloribus asperiores', resultCount: 1234 }
+];
+// Generic Lorem Ipsum mock history for all stories (limited to 5 items to match maxHistoryItems)
+const genericMockHistory = [
+    'Lorem ipsum dolor sit amet',
+    'Consectetur adipiscing elit',
+    'Sed do eiusmod tempor',
+    'Ut labore et dolore magna',
+    'Enim ad minim veniam'
+];
+// Function to reset history for consistent Storybook demonstrations
+const resetHistoryForStorybook = (historyKey) => {
+    if (typeof localStorage !== 'undefined') {
+        localStorage.setItem(historyKey, JSON.stringify(genericMockHistory));
+    }
+};
 export default {
     title: 'Components/Search Field',
     // tags: ['autodocs'],
@@ -8,7 +65,19 @@ export default {
         size: 'm',
         value: '',
         placeholder: 'Search...',
-        autocomplete: 'on'
+        autocomplete: 'on',
+        showSuggestions: false,
+        enableHistory: true,
+        maxSuggestions: 10,
+        maxHistoryItems: 5,
+        historyKey: 'ifx-search-history',
+        historyHeaderText: 'Recent Searches',
+        ariaLabel: 'Search field',
+        deleteIconAriaLabel: 'Clear search',
+        historyDeleteAriaLabel: 'Remove from history',
+        dropdownAriaLabel: 'Search suggestions and history',
+        suggestionAriaLabel: 'Search suggestion',
+        historyItemAriaLabel: 'Search history item'
     },
     argTypes: {
         showDeleteIcon: {
@@ -84,21 +153,328 @@ export default {
                 },
             },
         },
+        showSuggestions: {
+            description: 'Enables the suggestions dropdown with external suggestions.',
+            control: 'boolean',
+            table: {
+                category: 'Search Suggestions',
+                defaultValue: {
+                    summary: false
+                }
+            }
+        },
+        enableHistory: {
+            description: 'Enables search history functionality with localStorage persistence.',
+            control: 'boolean',
+            table: {
+                category: 'Search Suggestions',
+                defaultValue: {
+                    summary: true
+                }
+            }
+        },
+        maxSuggestions: {
+            description: 'Maximum number of suggestions to display in the dropdown.',
+            control: 'number',
+            table: {
+                category: 'Search Suggestions',
+                defaultValue: {
+                    summary: 10
+                }
+            }
+        },
+        maxHistoryItems: {
+            description: 'Maximum number of history items to store and display.',
+            control: 'number',
+            table: {
+                category: 'Search Suggestions',
+                defaultValue: {
+                    summary: 5
+                }
+            }
+        },
+        historyKey: {
+            description: 'LocalStorage key for persisting search history.',
+            control: 'text',
+            table: {
+                category: 'Search Suggestions',
+                defaultValue: {
+                    summary: 'ifx-search-history'
+                }
+            }
+        },
+        historyHeaderText: {
+            description: 'Header text displayed above history entries in the dropdown.',
+            control: 'text',
+            table: {
+                category: 'Search Suggestions',
+                defaultValue: {
+                    summary: 'Recent Searches'
+                }
+            }
+        },
+        ariaLabel: {
+            description: 'ARIA label for the search field component.',
+            control: 'text',
+            table: {
+                category: 'Accessibility',
+                defaultValue: {
+                    summary: 'Search field'
+                }
+            }
+        },
+        ariaLabelledBy: {
+            description: 'ID of element that labels the search field.',
+            control: 'text',
+            table: {
+                category: 'Accessibility'
+            }
+        },
+        ariaDescribedBy: {
+            description: 'ID of element that describes the search field.',
+            control: 'text',
+            table: {
+                category: 'Accessibility'
+            }
+        },
+        deleteIconAriaLabel: {
+            description: 'ARIA label for the delete/clear icon.',
+            control: 'text',
+            table: {
+                category: 'Accessibility',
+                defaultValue: {
+                    summary: 'Clear search'
+                }
+            }
+        },
+        historyDeleteAriaLabel: {
+            description: 'ARIA label for history delete buttons.',
+            control: 'text',
+            table: {
+                category: 'Accessibility',
+                defaultValue: {
+                    summary: 'Remove from history'
+                }
+            }
+        },
+        dropdownAriaLabel: {
+            description: 'ARIA label for the suggestions dropdown.',
+            control: 'text',
+            table: {
+                category: 'Accessibility',
+                defaultValue: {
+                    summary: 'Search suggestions and history'
+                }
+            }
+        },
+        suggestionAriaLabel: {
+            description: 'ARIA label prefix for suggestion items.',
+            control: 'text',
+            table: {
+                category: 'Accessibility',
+                defaultValue: {
+                    summary: 'Search suggestion'
+                }
+            }
+        },
+        historyItemAriaLabel: {
+            description: 'ARIA label prefix for history items.',
+            control: 'text',
+            table: {
+                category: 'Accessibility',
+                defaultValue: {
+                    summary: 'Search history item'
+                }
+            }
+        },
+        ifxSuggestionRequested: {
+            action: 'ifxSuggestionRequested',
+            description: 'Event triggered when the component requests suggestions for a query.',
+            table: {
+                category: 'custom events',
+                type: {
+                    summary: 'Framework integration',
+                    detail: 'React: onIfxSuggestionRequested={handleSuggestionRequest}\nVue: @ifxSuggestionRequested="handleSuggestionRequest"\nAngular: (ifxSuggestionRequested)="handleSuggestionRequest()"\nVanillaJs: .addEventListener("ifxSuggestionRequested", (event) => {//handle request});'
+                }
+            }
+        },
+        ifxSuggestionSelected: {
+            action: 'ifxSuggestionSelected',
+            description: 'Event triggered when a suggestion is selected from the dropdown.',
+            table: {
+                category: 'custom events',
+                type: {
+                    summary: 'Framework integration',
+                    detail: 'React: onIfxSuggestionSelected={handleSuggestionSelection}\nVue: @ifxSuggestionSelected="handleSuggestionSelection"\nAngular: (ifxSuggestionSelected)="handleSuggestionSelection()"\nVanillaJs: .addEventListener("ifxSuggestionSelected", (event) => {//handle selection});'
+                }
+            }
+        },
+        ifxFocus: {
+            action: 'ifxFocus',
+            description: 'Event triggered when the search field receives focus.',
+            table: {
+                category: 'custom events',
+                type: {
+                    summary: 'Framework integration',
+                    detail: 'React: onIfxFocus={handleFocus}\nVue: @ifxFocus="handleFocus"\nAngular: (ifxFocus)="handleFocus()"\nVanillaJs: .addEventListener("ifxFocus", (event) => {//handle focus});'
+                }
+            }
+        },
+        ifxBlur: {
+            action: 'ifxBlur',
+            description: 'Event triggered when the search field loses focus.',
+            table: {
+                category: 'custom events',
+                type: {
+                    summary: 'Framework integration',
+                    detail: 'React: onIfxBlur={handleBlur}\nVue: @ifxBlur="handleBlur"\nAngular: (ifxBlur)="handleBlur()"\nVanillaJs: .addEventListener("ifxBlur", (event) => {//handle blur});'
+                }
+            }
+        },
     },
 };
-const DefaultTemplate = ({ disabled, size, showDeleteIcon, placeholder, maxlength, value, autocomplete }) => {
+const DefaultTemplate = ({ disabled, size, showDeleteIcon, placeholder, maxlength, value, autocomplete, showSuggestions, enableHistory, maxSuggestions, maxHistoryItems, historyKey, historyHeaderText, ariaLabel, ariaLabelledBy, ariaDescribedBy, deleteIconAriaLabel, historyDeleteAriaLabel, dropdownAriaLabel, suggestionAriaLabel, historyItemAriaLabel }) => {
     const element = document.createElement('ifx-search-field');
     element.setAttribute('size', size);
     element.setAttribute('disabled', disabled);
     element.setAttribute('show-delete-icon', showDeleteIcon);
+    element.setAttribute('show-suggestions', showSuggestions);
+    element.setAttribute('enable-history', enableHistory);
+    element.setAttribute('max-suggestions', maxSuggestions);
+    element.setAttribute('max-history-items', maxHistoryItems);
+    element.setAttribute('history-key', historyKey);
+    element.setAttribute('history-header-text', historyHeaderText);
     element.setAttribute('value', value);
     element.setAttribute('autocomplete', autocomplete);
     if (placeholder != undefined)
         element.setAttribute('placeholder', placeholder);
     if (maxlength != undefined)
         element.setAttribute('maxlength', maxlength);
+    if (ariaLabel != undefined)
+        element.setAttribute('aria-label', ariaLabel);
+    if (ariaLabelledBy != undefined)
+        element.setAttribute('aria-labelledby', ariaLabelledBy);
+    if (ariaDescribedBy != undefined)
+        element.setAttribute('aria-describedby', ariaDescribedBy);
+    if (deleteIconAriaLabel != undefined)
+        element.setAttribute('delete-icon-aria-label', deleteIconAriaLabel);
+    if (historyDeleteAriaLabel != undefined)
+        element.setAttribute('history-delete-aria-label', historyDeleteAriaLabel);
+    if (dropdownAriaLabel != undefined)
+        element.setAttribute('dropdown-aria-label', dropdownAriaLabel);
+    if (suggestionAriaLabel != undefined)
+        element.setAttribute('suggestion-aria-label', suggestionAriaLabel);
+    if (historyItemAriaLabel != undefined)
+        element.setAttribute('history-item-aria-label', historyItemAriaLabel);
+    // Set initial suggestions if showSuggestions is enabled
+    setTimeout(() => {
+        if (showSuggestions) {
+            element.suggestions = genericMockSuggestions;
+        }
+        // Set up initial history if enabled - always reset for consistent demo
+        if (enableHistory && typeof localStorage !== 'undefined') {
+            resetHistoryForStorybook(historyKey);
+            // History will be loaded automatically when the component initializes
+        }
+    }, 100);
+    // Event listeners
     element.addEventListener('ifxInput', action('ifxInput'));
+    element.addEventListener('ifxSuggestionRequested', action('ifxSuggestionRequested'));
+    element.addEventListener('ifxSuggestionSelected', action('ifxSuggestionSelected'));
+    element.addEventListener('ifxFocus', action('ifxFocus'));
+    element.addEventListener('ifxBlur', action('ifxBlur'));
+    // Handle suggestion requests for Default story
+    element.addEventListener('ifxSuggestionRequested', (event) => {
+        const query = event.detail;
+        if (query && showSuggestions) {
+            // Filter suggestions based on query
+            const filteredSuggestions = genericMockSuggestions.filter(s => s.text.toLowerCase().includes(query.toLowerCase()));
+            element.suggestions = filteredSuggestions;
+        }
+    });
     return element;
 };
 export const Default = DefaultTemplate.bind({});
+// Template for Dropdown Search Field with suggestions and history
+const DropdownTemplate = ({ disabled, size, showDeleteIcon, placeholder, maxlength, value, autocomplete, showSuggestions, enableHistory, maxSuggestions, maxHistoryItems, historyKey, historyHeaderText, ariaLabel, ariaLabelledBy, ariaDescribedBy, deleteIconAriaLabel, historyDeleteAriaLabel, dropdownAriaLabel, suggestionAriaLabel, historyItemAriaLabel }) => {
+    const element = document.createElement('ifx-search-field');
+    element.setAttribute('size', size);
+    element.setAttribute('disabled', disabled);
+    element.setAttribute('show-delete-icon', showDeleteIcon);
+    element.setAttribute('show-suggestions', showSuggestions);
+    element.setAttribute('enable-history', enableHistory);
+    element.setAttribute('max-suggestions', maxSuggestions);
+    element.setAttribute('max-history-items', maxHistoryItems);
+    element.setAttribute('history-key', historyKey);
+    element.setAttribute('history-header-text', historyHeaderText);
+    element.setAttribute('value', value);
+    element.setAttribute('autocomplete', autocomplete);
+    if (placeholder != undefined)
+        element.setAttribute('placeholder', placeholder);
+    if (maxlength != undefined)
+        element.setAttribute('maxlength', maxlength);
+    if (ariaLabel != undefined)
+        element.setAttribute('aria-label', ariaLabel);
+    if (ariaLabelledBy != undefined)
+        element.setAttribute('aria-labelledby', ariaLabelledBy);
+    if (ariaDescribedBy != undefined)
+        element.setAttribute('aria-describedby', ariaDescribedBy);
+    if (deleteIconAriaLabel != undefined)
+        element.setAttribute('delete-icon-aria-label', deleteIconAriaLabel);
+    if (historyDeleteAriaLabel != undefined)
+        element.setAttribute('history-delete-aria-label', historyDeleteAriaLabel);
+    if (dropdownAriaLabel != undefined)
+        element.setAttribute('dropdown-aria-label', dropdownAriaLabel);
+    if (suggestionAriaLabel != undefined)
+        element.setAttribute('suggestion-aria-label', suggestionAriaLabel);
+    if (historyItemAriaLabel != undefined)
+        element.setAttribute('history-item-aria-label', historyItemAriaLabel);
+    // Initialize with mock data
+    setTimeout(() => {
+        // Set suggestions - use the same generic mockup as Default story
+        element.suggestions = genericMockSuggestions;
+        // Set up initial history if enabled - always reset for consistent demo
+        if (enableHistory && typeof localStorage !== 'undefined') {
+            resetHistoryForStorybook(historyKey);
+            // History will be loaded automatically when the component initializes
+        }
+    }, 100);
+    // Event listeners
+    element.addEventListener('ifxInput', action('ifxInput'));
+    element.addEventListener('ifxSuggestionRequested', action('ifxSuggestionRequested'));
+    element.addEventListener('ifxSuggestionSelected', action('ifxSuggestionSelected'));
+    element.addEventListener('ifxFocus', action('ifxFocus'));
+    element.addEventListener('ifxBlur', action('ifxBlur'));
+    // Handle suggestion requests
+    element.addEventListener('ifxSuggestionRequested', (event) => {
+        const query = event.detail;
+        if (query) {
+            // Filter suggestions based on query - use the same generic mockup
+            const filteredSuggestions = genericMockSuggestions.filter(s => s.text.toLowerCase().includes(query.toLowerCase()));
+            element.suggestions = filteredSuggestions;
+        }
+    });
+    return element;
+};
+export const SearchSuggestions = DropdownTemplate.bind({});
+SearchSuggestions.args = {
+    showDeleteIcon: true,
+    disabled: false,
+    size: 'm',
+    value: '',
+    placeholder: 'Search with suggestions...',
+    autocomplete: 'off',
+    showSuggestions: true,
+    enableHistory: true,
+    maxSuggestions: 10,
+    maxHistoryItems: 5,
+    historyKey: 'storybook-search-history',
+    historyHeaderText: 'Recent Searches',
+    ariaLabel: 'Search field',
+    deleteIconAriaLabel: 'Clear search',
+    historyDeleteAriaLabel: 'Remove from history',
+    dropdownAriaLabel: 'Search suggestions and history',
+    suggestionAriaLabel: 'Search suggestion',
+    historyItemAriaLabel: 'Search history item'
+};
 //# sourceMappingURL=search-field.stories.js.map

package/dist/collection/components/search-field/search-field.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"search-field.stories.js","sourceRoot":"","sources":["../../../src/components/search-field/search-field.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { action } from '@storybook/addon-actions';\n\nexport default {\n  title: 'Components/Search Field',\n  // tags: ['autodocs'],\n\n  args: {\n    showDeleteIcon: true,\n    disabled: false,\n    size: 'm',\n    value: '',\n    placeholder: 'Search...',\n    autocomplete: 'on'\n  },\n  argTypes: {\n    showDeleteIcon: {\n      description: 'Determines whether a delete icon is shown in the search field.',\n      control: 'boolean',\n      table: {\n        category: 'ifx-search-field props',\n        defaultValue: {\n          summary: true\n        }\n      }\n    },\n    disabled: {\n      description: 'Disables the search field, preventing user interaction.',\n      control: 'boolean',\n      table: {\n        category: 'ifx-search-field props',\n        defaultValue: {\n          summary: false\n        }\n      }\n    },\n    size: {\n      description: 'Size options: s (36px) and m (40px) - default: m.',\n      control: 'radio',\n      options: ['s', 'm'],\n      table: {\n        category: 'ifx-search-field props',\n        defaultValue: {\n          summary: 'm'\n        }\n      }\n    },\n    placeholder: {\n      description: 'Placeholder text displayed in the search field when it is empty.',\n      control: 'text',\n      table: {\n        category: 'ifx-search-field props',\n        defaultValue: {\n          summary: 'Search...'\n        }\n      }\n    },\n    maxlength: {\n      description: 'Specifies the maximum number of characters that can be entered into the search field.',\n      control: 'number',\n      table: {\n        category: 'ifx-search-field props'\n      }\n    },\n    value: {\n      description: 'The value of the search field. It is used for the form submission.',\n      control: 'text',\n      table: {\n        category: 'ifx-search-field props'\n      }\n    },\n    autocomplete: {\n      description: 'Sets the autocomplete attribute. \"on\" by default.',\n      control: 'text',\n      table: {\n        category: 'ifx-search-field props'\n      }\n    },\n    ifxInput: {\n      action: 'ifxInput',\n      description: 'A custom event triggered whenever there is input in the search field.',\n      table: {\n        category: 'custom events',\n        type: {\n          summary: 'Framework integration',\n          detail:\n            'React: onIfxInput={handleInput}\\nVue:@ifxInput=\"handleInput\"\\nAngular:(ifxInput)=\"handleInput()\"\\nVanillaJs:.addEventListener(\"ifxInput\", (event) => {//handle input});',\n        },\n      },\n    },\n  },\n};\n\nconst DefaultTemplate = ({ disabled, size, showDeleteIcon, placeholder, maxlength, value, autocomplete }) => {\n  const element = document.createElement('ifx-search-field');\n  element.setAttribute('size', size);\n  element.setAttribute('disabled', disabled);\n  element.setAttribute('show-delete-icon', showDeleteIcon);\n  element.setAttribute('value', value)\n  element.setAttribute('autocomplete', autocomplete)\n  if (placeholder != undefined) element.setAttribute('placeholder', placeholder);\n  if (maxlength != undefined) element.setAttribute('maxlength', maxlength);\n  element.addEventListener('ifxInput', action('ifxInput'));\n\n  return element;\n};\n\nexport const Default = DefaultTemplate.bind({});\n"]}
+{"version":3,"file":"search-field.stories.js","sourceRoot":"","sources":["../../../src/components/search-field/search-field.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { action } from '@storybook/addon-actions';\n\n// Generic Lorem Ipsum mock suggestions for all stories\nconst genericMockSuggestions = [\n  // Short suggestions without scope\n  { id: 'short1', text: 'Lorem', type: 'suggestion' as const },\n  { id: 'short2', text: 'Ipsum', type: 'suggestion' as const },\n  { id: 'short3', text: 'Dolor', type: 'suggestion' as const },\n  { id: 'short4', text: 'Sit', type: 'suggestion' as const },\n  { id: 'short5', text: 'Amet', type: 'suggestion' as const },\n\n  // Medium suggestions with scope\n  { id: 'medium1', text: 'Lorem ipsum', type: 'suggestion' as const, scope: 'Consectetur', resultCount: 1247 },\n  { id: 'medium2', text: 'Dolor sit', type: 'suggestion' as const, scope: 'Adipiscing', resultCount: 892 },\n  { id: 'medium3', text: 'Consectetur adipiscing', type: 'suggestion' as const, scope: 'Elite', resultCount: 567 },\n  { id: 'medium4', text: 'Sed do eiusmod', type: 'suggestion' as const, scope: 'Tempor', resultCount: 2341 },\n  { id: 'medium5', text: 'Ut labore', type: 'suggestion' as const, scope: 'Dolore', resultCount: 1098 },\n\n  // Medium suggestions without scope\n  { id: 'medium6', text: 'Magna aliqua', type: 'suggestion' as const },\n  { id: 'medium7', text: 'Enim ad minim', type: 'suggestion' as const },\n  { id: 'medium8', text: 'Veniam quis', type: 'suggestion' as const },\n  { id: 'medium9', text: 'Nostrud exercitation', type: 'suggestion' as const },\n  { id: 'medium10', text: 'Ullamco laboris', type: 'suggestion' as const },\n\n  // Long suggestions with scope and result count\n  { id: 'long1', text: 'Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore', type: 'suggestion' as const, scope: 'Fugiat nulla pariatur', resultCount: 156 },\n  { id: 'long2', text: 'Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia', type: 'suggestion' as const, scope: 'Deserunt mollit anim', resultCount: 789 },\n  { id: 'long3', text: 'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium', type: 'suggestion' as const, scope: 'Doloremque laudantium', resultCount: 234 },\n\n  // Long suggestions without scope\n  { id: 'long4', text: 'Totam rem aperiam eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt', type: 'suggestion' as const },\n  { id: 'long5', text: 'Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores', type: 'suggestion' as const },\n\n  // Medium suggestions with scope but no result count\n  { id: 'scope1', text: 'Neque porro quisquam', type: 'suggestion' as const, scope: 'Adipisci velit' },\n  { id: 'scope2', text: 'Ut enim ad minima', type: 'suggestion' as const, scope: 'Veniam quis nostrum' },\n  { id: 'scope3', text: 'Quis autem vel eum', type: 'suggestion' as const, scope: 'Iure reprehenderit' },\n\n  // Long scope names for truncation testing\n  { id: 'longscope1', text: 'Temporibus autem', type: 'suggestion' as const, scope: 'Quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet', resultCount: 445 },\n  { id: 'longscope2', text: 'Et harum quidem', type: 'suggestion' as const, scope: 'Rerum facilis est et expedita distinctio nam libero tempore', resultCount: 1876 },\n\n  // Very long text for extreme truncation testing\n  { id: 'extreme1', text: 'At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident', type: 'suggestion' as const, scope: 'Similique sunt in culpa qui officia deserunt mollitia animi id est laborum et dolorum fuga', resultCount: 999 },\n\n  // Additional variety\n  { id: 'misc1', text: 'Itaque earum rerum', type: 'suggestion' as const, scope: 'Hic tenetur', resultCount: 1567 },\n  { id: 'misc2', text: 'Sapiente delectus', type: 'suggestion' as const },\n  { id: 'misc3', text: 'Aut reiciendis', type: 'suggestion' as const, scope: 'Voluptatibus maiores', resultCount: 823 },\n  { id: 'misc4', text: 'Alias consequatur', type: 'suggestion' as const },\n  { id: 'misc5', text: 'Aut perferendis', type: 'suggestion' as const, scope: 'Doloribus asperiores', resultCount: 1234 }\n];\n\n// Generic Lorem Ipsum mock history for all stories (limited to 5 items to match maxHistoryItems)\nconst genericMockHistory = [\n  'Lorem ipsum dolor sit amet',\n  'Consectetur adipiscing elit',\n  'Sed do eiusmod tempor',\n  'Ut labore et dolore magna',\n  'Enim ad minim veniam'\n];\n\n// Function to reset history for consistent Storybook demonstrations\nconst resetHistoryForStorybook = (historyKey: string) => {\n  if (typeof localStorage !== 'undefined') {\n    localStorage.setItem(historyKey, JSON.stringify(genericMockHistory));\n  }\n};\n\nexport default {\n  title: 'Components/Search Field',\n  // tags: ['autodocs'],\n\n  args: {\n    showDeleteIcon: true,\n    disabled: false,\n    size: 'm',\n    value: '',\n    placeholder: 'Search...',\n    autocomplete: 'on',\n    showSuggestions: false,\n    enableHistory: true,\n    maxSuggestions: 10,\n    maxHistoryItems: 5,\n    historyKey: 'ifx-search-history',\n    historyHeaderText: 'Recent Searches',\n    ariaLabel: 'Search field',\n    deleteIconAriaLabel: 'Clear search',\n    historyDeleteAriaLabel: 'Remove from history',\n    dropdownAriaLabel: 'Search suggestions and history',\n    suggestionAriaLabel: 'Search suggestion',\n    historyItemAriaLabel: 'Search history item'\n  },\n  argTypes: {\n    showDeleteIcon: {\n      description: 'Determines whether a delete icon is shown in the search field.',\n      control: 'boolean',\n      table: {\n        category: 'ifx-search-field props',\n        defaultValue: {\n          summary: true\n        }\n      }\n    },\n    disabled: {\n      description: 'Disables the search field, preventing user interaction.',\n      control: 'boolean',\n      table: {\n        category: 'ifx-search-field props',\n        defaultValue: {\n          summary: false\n        }\n      }\n    },\n    size: {\n      description: 'Size options: s (36px) and m (40px) - default: m.',\n      control: 'radio',\n      options: ['s', 'm'],\n      table: {\n        category: 'ifx-search-field props',\n        defaultValue: {\n          summary: 'm'\n        }\n      }\n    },\n    placeholder: {\n      description: 'Placeholder text displayed in the search field when it is empty.',\n      control: 'text',\n      table: {\n        category: 'ifx-search-field props',\n        defaultValue: {\n          summary: 'Search...'\n        }\n      }\n    },\n    maxlength: {\n      description: 'Specifies the maximum number of characters that can be entered into the search field.',\n      control: 'number',\n      table: {\n        category: 'ifx-search-field props'\n      }\n    },\n    value: {\n      description: 'The value of the search field. It is used for the form submission.',\n      control: 'text',\n      table: {\n        category: 'ifx-search-field props'\n      }\n    },\n    autocomplete: {\n      description: 'Sets the autocomplete attribute. \"on\" by default.',\n      control: 'text',\n      table: {\n        category: 'ifx-search-field props'\n      }\n    },\n    ifxInput: {\n      action: 'ifxInput',\n      description: 'A custom event triggered whenever there is input in the search field.',\n      table: {\n        category: 'custom events',\n        type: {\n          summary: 'Framework integration',\n          detail:\n            'React: onIfxInput={handleInput}\\nVue:@ifxInput=\"handleInput\"\\nAngular:(ifxInput)=\"handleInput()\"\\nVanillaJs:.addEventListener(\"ifxInput\", (event) => {//handle input});',\n        },\n      },\n    },\n    showSuggestions: {\n      description: 'Enables the suggestions dropdown with external suggestions.',\n      control: 'boolean',\n      table: {\n        category: 'Search Suggestions',\n        defaultValue: {\n          summary: false\n        }\n      }\n    },\n    enableHistory: {\n      description: 'Enables search history functionality with localStorage persistence.',\n      control: 'boolean',\n      table: {\n        category: 'Search Suggestions',\n        defaultValue: {\n          summary: true\n        }\n      }\n    },\n    maxSuggestions: {\n      description: 'Maximum number of suggestions to display in the dropdown.',\n      control: 'number',\n      table: {\n        category: 'Search Suggestions',\n        defaultValue: {\n          summary: 10\n        }\n      }\n    },\n    maxHistoryItems: {\n      description: 'Maximum number of history items to store and display.',\n      control: 'number',\n      table: {\n        category: 'Search Suggestions',\n        defaultValue: {\n          summary: 5\n        }\n      }\n    },\n    historyKey: {\n      description: 'LocalStorage key for persisting search history.',\n      control: 'text',\n      table: {\n        category: 'Search Suggestions',\n        defaultValue: {\n          summary: 'ifx-search-history'\n        }\n      }\n    },\n    historyHeaderText: {\n      description: 'Header text displayed above history entries in the dropdown.',\n      control: 'text',\n      table: {\n        category: 'Search Suggestions',\n        defaultValue: {\n          summary: 'Recent Searches'\n        }\n      }\n    },\n    ariaLabel: {\n      description: 'ARIA label for the search field component.',\n      control: 'text',\n      table: {\n        category: 'Accessibility',\n        defaultValue: {\n          summary: 'Search field'\n        }\n      }\n    },\n    ariaLabelledBy: {\n      description: 'ID of element that labels the search field.',\n      control: 'text',\n      table: {\n        category: 'Accessibility'\n      }\n    },\n    ariaDescribedBy: {\n      description: 'ID of element that describes the search field.',\n      control: 'text',\n      table: {\n        category: 'Accessibility'\n      }\n    },\n    deleteIconAriaLabel: {\n      description: 'ARIA label for the delete/clear icon.',\n      control: 'text',\n      table: {\n        category: 'Accessibility',\n        defaultValue: {\n          summary: 'Clear search'\n        }\n      }\n    },\n    historyDeleteAriaLabel: {\n      description: 'ARIA label for history delete buttons.',\n      control: 'text',\n      table: {\n        category: 'Accessibility',\n        defaultValue: {\n          summary: 'Remove from history'\n        }\n      }\n    },\n    dropdownAriaLabel: {\n      description: 'ARIA label for the suggestions dropdown.',\n      control: 'text',\n      table: {\n        category: 'Accessibility',\n        defaultValue: {\n          summary: 'Search suggestions and history'\n        }\n      }\n    },\n    suggestionAriaLabel: {\n      description: 'ARIA label prefix for suggestion items.',\n      control: 'text',\n      table: {\n        category: 'Accessibility',\n        defaultValue: {\n          summary: 'Search suggestion'\n        }\n      }\n    },\n    historyItemAriaLabel: {\n      description: 'ARIA label prefix for history items.',\n      control: 'text',\n      table: {\n        category: 'Accessibility',\n        defaultValue: {\n          summary: 'Search history item'\n        }\n      }\n    },\n    ifxSuggestionRequested: {\n      action: 'ifxSuggestionRequested',\n      description: 'Event triggered when the component requests suggestions for a query.',\n      table: {\n        category: 'custom events',\n        type: {\n          summary: 'Framework integration',\n          detail: 'React: onIfxSuggestionRequested={handleSuggestionRequest}\\nVue: @ifxSuggestionRequested=\"handleSuggestionRequest\"\\nAngular: (ifxSuggestionRequested)=\"handleSuggestionRequest()\"\\nVanillaJs: .addEventListener(\"ifxSuggestionRequested\", (event) => {//handle request});'\n        }\n      }\n    },\n    ifxSuggestionSelected: {\n      action: 'ifxSuggestionSelected',\n      description: 'Event triggered when a suggestion is selected from the dropdown.',\n      table: {\n        category: 'custom events',\n        type: {\n          summary: 'Framework integration',\n          detail: 'React: onIfxSuggestionSelected={handleSuggestionSelection}\\nVue: @ifxSuggestionSelected=\"handleSuggestionSelection\"\\nAngular: (ifxSuggestionSelected)=\"handleSuggestionSelection()\"\\nVanillaJs: .addEventListener(\"ifxSuggestionSelected\", (event) => {//handle selection});'\n        }\n      }\n    },\n    ifxFocus: {\n      action: 'ifxFocus',\n      description: 'Event triggered when the search field receives focus.',\n      table: {\n        category: 'custom events',\n        type: {\n          summary: 'Framework integration',\n          detail: 'React: onIfxFocus={handleFocus}\\nVue: @ifxFocus=\"handleFocus\"\\nAngular: (ifxFocus)=\"handleFocus()\"\\nVanillaJs: .addEventListener(\"ifxFocus\", (event) => {//handle focus});'\n        }\n      }\n    },\n    ifxBlur: {\n      action: 'ifxBlur',\n      description: 'Event triggered when the search field loses focus.',\n      table: {\n        category: 'custom events',\n        type: {\n          summary: 'Framework integration',\n          detail: 'React: onIfxBlur={handleBlur}\\nVue: @ifxBlur=\"handleBlur\"\\nAngular: (ifxBlur)=\"handleBlur()\"\\nVanillaJs: .addEventListener(\"ifxBlur\", (event) => {//handle blur});'\n        }\n      }\n    },\n  },\n};\n\nconst DefaultTemplate = ({\n  disabled,\n  size,\n  showDeleteIcon,\n  placeholder,\n  maxlength,\n  value,\n  autocomplete,\n  showSuggestions,\n  enableHistory,\n  maxSuggestions,\n  maxHistoryItems,\n  historyKey,\n  historyHeaderText,\n  ariaLabel,\n  ariaLabelledBy,\n  ariaDescribedBy,\n  deleteIconAriaLabel,\n  historyDeleteAriaLabel,\n  dropdownAriaLabel,\n  suggestionAriaLabel,\n  historyItemAriaLabel\n}) => {\n  const element = document.createElement('ifx-search-field');\n  element.setAttribute('size', size);\n  element.setAttribute('disabled', disabled);\n  element.setAttribute('show-delete-icon', showDeleteIcon);\n  element.setAttribute('show-suggestions', showSuggestions);\n  element.setAttribute('enable-history', enableHistory);\n  element.setAttribute('max-suggestions', maxSuggestions);\n  element.setAttribute('max-history-items', maxHistoryItems);\n  element.setAttribute('history-key', historyKey);\n  element.setAttribute('history-header-text', historyHeaderText);\n  element.setAttribute('value', value);\n  element.setAttribute('autocomplete', autocomplete);\n  if (placeholder != undefined) element.setAttribute('placeholder', placeholder);\n  if (maxlength != undefined) element.setAttribute('maxlength', maxlength);\n  if (ariaLabel != undefined) element.setAttribute('aria-label', ariaLabel);\n  if (ariaLabelledBy != undefined) element.setAttribute('aria-labelledby', ariaLabelledBy);\n  if (ariaDescribedBy != undefined) element.setAttribute('aria-describedby', ariaDescribedBy);\n  if (deleteIconAriaLabel != undefined) element.setAttribute('delete-icon-aria-label', deleteIconAriaLabel);\n  if (historyDeleteAriaLabel != undefined) element.setAttribute('history-delete-aria-label', historyDeleteAriaLabel);\n  if (dropdownAriaLabel != undefined) element.setAttribute('dropdown-aria-label', dropdownAriaLabel);\n  if (suggestionAriaLabel != undefined) element.setAttribute('suggestion-aria-label', suggestionAriaLabel);\n  if (historyItemAriaLabel != undefined) element.setAttribute('history-item-aria-label', historyItemAriaLabel);\n\n  // Set initial suggestions if showSuggestions is enabled\n  setTimeout(() => {\n    if (showSuggestions) {\n      element.suggestions = genericMockSuggestions;\n    }\n\n    // Set up initial history if enabled - always reset for consistent demo\n    if (enableHistory && typeof localStorage !== 'undefined') {\n      resetHistoryForStorybook(historyKey);\n      // History will be loaded automatically when the component initializes\n    }\n  }, 100);\n\n  // Event listeners\n  element.addEventListener('ifxInput', action('ifxInput'));\n  element.addEventListener('ifxSuggestionRequested', action('ifxSuggestionRequested'));\n  element.addEventListener('ifxSuggestionSelected', action('ifxSuggestionSelected'));\n  element.addEventListener('ifxFocus', action('ifxFocus'));\n  element.addEventListener('ifxBlur', action('ifxBlur'));\n\n  // Handle suggestion requests for Default story\n  element.addEventListener('ifxSuggestionRequested', (event) => {\n    const query = event.detail;\n    if (query && showSuggestions) {\n      // Filter suggestions based on query\n      const filteredSuggestions = genericMockSuggestions.filter(s =>\n        s.text.toLowerCase().includes(query.toLowerCase())\n      );\n      element.suggestions = filteredSuggestions;\n    }\n  });\n\n  return element;\n};\n\nexport const Default = DefaultTemplate.bind({});\n\n// Template for Dropdown Search Field with suggestions and history\nconst DropdownTemplate = ({\n  disabled,\n  size,\n  showDeleteIcon,\n  placeholder,\n  maxlength,\n  value,\n  autocomplete,\n  showSuggestions,\n  enableHistory,\n  maxSuggestions,\n  maxHistoryItems,\n  historyKey,\n  historyHeaderText,\n  ariaLabel,\n  ariaLabelledBy,\n  ariaDescribedBy,\n  deleteIconAriaLabel,\n  historyDeleteAriaLabel,\n  dropdownAriaLabel,\n  suggestionAriaLabel,\n  historyItemAriaLabel\n}) => {\n  const element = document.createElement('ifx-search-field');\n  element.setAttribute('size', size);\n  element.setAttribute('disabled', disabled);\n  element.setAttribute('show-delete-icon', showDeleteIcon);\n  element.setAttribute('show-suggestions', showSuggestions);\n  element.setAttribute('enable-history', enableHistory);\n  element.setAttribute('max-suggestions', maxSuggestions);\n  element.setAttribute('max-history-items', maxHistoryItems);\n  element.setAttribute('history-key', historyKey);\n  element.setAttribute('history-header-text', historyHeaderText);\n  element.setAttribute('value', value);\n  element.setAttribute('autocomplete', autocomplete);\n  if (placeholder != undefined) element.setAttribute('placeholder', placeholder);\n  if (maxlength != undefined) element.setAttribute('maxlength', maxlength);\n  if (ariaLabel != undefined) element.setAttribute('aria-label', ariaLabel);\n  if (ariaLabelledBy != undefined) element.setAttribute('aria-labelledby', ariaLabelledBy);\n  if (ariaDescribedBy != undefined) element.setAttribute('aria-describedby', ariaDescribedBy);\n  if (deleteIconAriaLabel != undefined) element.setAttribute('delete-icon-aria-label', deleteIconAriaLabel);\n  if (historyDeleteAriaLabel != undefined) element.setAttribute('history-delete-aria-label', historyDeleteAriaLabel);\n  if (dropdownAriaLabel != undefined) element.setAttribute('dropdown-aria-label', dropdownAriaLabel);\n  if (suggestionAriaLabel != undefined) element.setAttribute('suggestion-aria-label', suggestionAriaLabel);\n  if (historyItemAriaLabel != undefined) element.setAttribute('history-item-aria-label', historyItemAriaLabel);\n\n  // Initialize with mock data\n  setTimeout(() => {\n    // Set suggestions - use the same generic mockup as Default story\n    element.suggestions = genericMockSuggestions;\n\n    // Set up initial history if enabled - always reset for consistent demo\n    if (enableHistory && typeof localStorage !== 'undefined') {\n      resetHistoryForStorybook(historyKey);\n      // History will be loaded automatically when the component initializes\n    }\n  }, 100);\n\n  // Event listeners\n  element.addEventListener('ifxInput', action('ifxInput'));\n  element.addEventListener('ifxSuggestionRequested', action('ifxSuggestionRequested'));\n  element.addEventListener('ifxSuggestionSelected', action('ifxSuggestionSelected'));\n  element.addEventListener('ifxFocus', action('ifxFocus'));\n  element.addEventListener('ifxBlur', action('ifxBlur'));\n\n  // Handle suggestion requests\n  element.addEventListener('ifxSuggestionRequested', (event) => {\n    const query = event.detail;\n    if (query) {\n      // Filter suggestions based on query - use the same generic mockup\n      const filteredSuggestions = genericMockSuggestions.filter(s =>\n        s.text.toLowerCase().includes(query.toLowerCase())\n      );\n      element.suggestions = filteredSuggestions;\n    }\n  });\n\n  return element;\n};\n\nexport const SearchSuggestions = DropdownTemplate.bind({});\nSearchSuggestions.args = {\n  showDeleteIcon: true,\n  disabled: false,\n  size: 'm',\n  value: '',\n  placeholder: 'Search with suggestions...',\n  autocomplete: 'off',\n  showSuggestions: true,\n  enableHistory: true,\n  maxSuggestions: 10,\n  maxHistoryItems: 5,\n  historyKey: 'storybook-search-history',\n  historyHeaderText: 'Recent Searches',\n  ariaLabel: 'Search field',\n  deleteIconAriaLabel: 'Clear search',\n  historyDeleteAriaLabel: 'Remove from history',\n  dropdownAriaLabel: 'Search suggestions and history',\n  suggestionAriaLabel: 'Search suggestion',\n  historyItemAriaLabel: 'Search history item'\n};\n"]}

package/dist/collection/components/segmented-control/segment/segment.js

@@ -18,7 +18,7 @@ export class Segment {
         }
     }
     render() {
-        return (h("div", { key: 'cd32486a1eaf991cdbf4717728d09c19fc16322e', class: `segment ${this.selected ? 'segment--selected' : ''}`, tabIndex: 0, onClick: () => { this.handleSegmentClick(); }, onKeyDown: (e) => { this.handleSegmentKeyDown(e); } }, h("ifx-icon", { key: 'eaeb02f3099d9e7d0274927e9260107735a22a32', icon: this.icon }), " ", h("slot", { key: 'b61db9f42bc7f29bb7f2c2e889578dcc5326d7fb' })));
+        return (h("div", { key: 'cd801960a7ce5e8112b0d544a0122ded889cfc1f', class: `segment ${this.selected ? 'segment--selected' : ''}`, tabIndex: 0, onClick: () => { this.handleSegmentClick(); }, onKeyDown: (e) => { this.handleSegmentKeyDown(e); } }, h("ifx-icon", { key: 'c81cddf4a652f00324cbc0b8a31c3598c1b62a08', icon: this.icon }), " ", h("slot", { key: '7b9786b4b20e69eaf30b5a6d140decff95e04423' })));
     }
     static get is() { return "ifx-segment"; }
     static get encapsulation() { return "shadow"; }