@ukic/web-components 3.3.0 → 3.5.0

package/dist/collection/components/ic-search-bar/ic-search-bar.js

@@ -3,6 +3,9 @@ import { getInputDescribedByText, renderHiddenInput, handleHiddenFormButtonClick
 import clearIcon from "../../assets/clear-icon.svg";
 import searchIcon from "../../assets/search-icon.svg";
 let inputIds = 0;
+/**
+ * @slot helper-text - Content is set as the helper text for the search bar.
+ */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 export class SearchBar {
     constructor() {
@@ -103,6 +106,10 @@ export class SearchBar {
          * The placeholder value to display.
          */
         this.placeholder = "Search";
+        /**
+         * If `true` the parent form will not submit when the icSubmitSearch event fires.
+         */
+        this.preventFormSubmitOnSearch = false;
         /**
          * If `true`, the readonly state will be set.
          */
@@ -152,6 +159,7 @@ export class SearchBar {
                 this.loading = false;
                 clearTimeout(this.timeoutTimer);
                 this.filteredOptions = this.options;
+                this.showMenuWithNoInput() && this.setMenuChange(true);
                 this.el.setFocus();
                 this.icClear.emit();
                 ev.preventDefault();
@@ -286,10 +294,13 @@ export class SearchBar {
             }
         };
         this.handleHostFocus = () => {
-            if (this.options && this.value && !this.menuCloseFromMenuChangeEvent) {
+            if (this.options &&
+                (this.value || this.showMenuWithNoInput()) &&
+                !this.menuCloseFromMenuChangeEvent) {
                 this.setMenuChange(true);
             }
             this.truncateValue = false;
+            this.showMenuWithNoInput() && this.debounceAriaLiveUpdate();
             this.icSearchBarFocus.emit();
         };
         this.handleHostBlur = ({ relatedTarget }) => {
@@ -313,6 +324,7 @@ export class SearchBar {
             });
             this.retryViaKeyPress = false;
             this.retryButtonClick = false;
+            this.showMenuWithNoInput() && this.updateSearchResultAriaLive();
         };
         this.handleFocusClearButton = () => {
             this.clearButtonFocused = true;
@@ -335,7 +347,7 @@ export class SearchBar {
             const searchResultsStatusEl = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".search-results-status");
             if (searchResultsStatusEl) {
                 if (!this.open ||
-                    this.value === "" ||
+                    (this.value === "" && !this.showMenuWithNoInput()) ||
                     this.value.length < this.charactersUntilSuggestion) {
                     searchResultsStatusEl.innerText = "";
                 }
@@ -359,6 +371,19 @@ export class SearchBar {
             this.hadNoOptions() ||
             this.hasTimedOut ||
             this.loading;
+        this.showMenuWithNoInput = () => this.charactersUntilSuggestion === 0;
+        this.updateSearchButtonType = () => {
+            this.searchButtonType =
+                !!this.el.closest("FORM") &&
+                    !this.preventFormSubmitOnSearch
+                    ? "submit"
+                    : "button";
+        };
+    }
+    watchCharactersUntilSuggestionHandler() {
+        if (this.showMenuWithNoInput()) {
+            this.filteredOptions = this.options;
+        }
     }
     watchDisabledHandler() {
         removeDisabledFalse(this.disabled, this.el);
@@ -372,32 +397,40 @@ export class SearchBar {
             this.triggerLoading();
         }
     }
+    preventFormSubmitOnSearchHandler() {
+        this.updateSearchButtonType();
+    }
     filteredOptionsHandler(newOptions) {
         this.hasTimedOut = newOptions.some((opt) => opt.timedOut);
     }
     watchOptionsHandler(newOptions) {
-        if (this.disableAutoFiltering && !this.hasTimedOut) {
-            this.loading = false;
-            clearTimeout(this.timeoutTimer);
-            if (newOptions.length > 0) {
-                this.filteredOptions = newOptions;
-            }
-            else {
-                if (this.hadNoOptions()) {
-                    return;
+        if (this.disableAutoFiltering) {
+            if (!this.hasTimedOut) {
+                this.loading = false;
+                clearTimeout(this.timeoutTimer);
+                if (newOptions.length > 0) {
+                    this.filteredOptions = newOptions;
                 }
-                this.setMenuChange(true);
-                if (!this.preLoad) {
-                    this.filteredOptions = [
-                        {
-                            [this.labelField]: this.emptyOptionListText,
-                            [this.valueField]: "",
-                        },
-                    ];
+                else {
+                    if (this.hadNoOptions()) {
+                        return;
+                    }
+                    this.setMenuChange(true);
+                    if (!this.preLoad) {
+                        this.filteredOptions = [
+                            {
+                                [this.labelField]: this.emptyOptionListText,
+                                [this.valueField]: "",
+                            },
+                        ];
+                    }
+                    this.preLoad = true;
                 }
-                this.preLoad = true;
             }
         }
+        else if (this.showMenuWithNoInput()) {
+            this.filteredOptions = newOptions;
+        }
         this.debounceAriaLiveUpdate();
     }
     watchValueHandler(newValue) {
@@ -414,6 +447,7 @@ export class SearchBar {
     componentWillLoad() {
         this.setInputValue(this.value);
         removeDisabledFalse(this.disabled, this.el);
+        this.updateSearchButtonType();
     }
     componentDidLoad() {
         if (this.focusOnLoad) {
@@ -421,7 +455,7 @@ export class SearchBar {
         }
         if (this.hasOptionsOrFilterDisabled()) {
             this.renderAssistiveHintEl();
-            if (this.disableAutoFiltering) {
+            if (this.disableAutoFiltering || this.showMenuWithNoInput()) {
                 this.filteredOptions = this.options;
             }
         }
@@ -475,9 +509,9 @@ export class SearchBar {
         }, 500);
     }
     render() {
-        const { inputId, name, label, required, size, placeholder, helperText, disabled, value, readonly, spellcheck, fullWidth, options, open, hideLabel, menuId, ariaActiveDescendant, truncateValue, autofocus, autocapitalize, autocomplete, filteredOptions, theme, charactersUntilSuggestion, labelField, valueField, loadingLabel, loadingErrorLabel, searchMode, showClearButton, searchSubmitFocused, clearButtonFocused, } = this;
+        const { inputId, name, label, required, size, placeholder, helperText, disabled, value, readonly, spellcheck, fullWidth, options, open, hideLabel, menuId, ariaActiveDescendant, truncateValue, autofocus, autocapitalize, autocomplete, filteredOptions, theme, charactersUntilSuggestion, labelField, valueField, loadingLabel, loadingErrorLabel, searchMode, showClearButton, searchSubmitFocused, clearButtonFocused, searchButtonType, } = this;
         const disabledMode = readonly || disabled;
-        const describedBy = getInputDescribedByText(inputId, helperText !== "", false).trim();
+        const describedBy = getInputDescribedByText(this.el, inputId, helperText !== "", false).trim();
         let describedById = undefined;
         if (describedBy !== "" && this.hasOptionsOrFilterDisabled()) {
             describedById = `${describedBy} ${inputId}-assistive-hint`;
@@ -488,44 +522,45 @@ export class SearchBar {
         else if (describedBy !== "") {
             describedById = describedBy;
         }
-        const hasSuggestedSearch = !!value && this.hasOptionsOrFilterDisabled();
+        const hasSuggestedSearch = (!!value || this.showMenuWithNoInput()) &&
+            this.hasOptionsOrFilterDisabled();
         const menuOpen = hasSuggestedSearch && open && filteredOptions.length > 0;
         const menuRendered = menuOpen && value.length >= charactersUntilSuggestion;
         const labelValue = getLabelFromValue(value, options, valueField, labelField);
         renderHiddenInput(this.el, value, name, disabledMode);
-        return (h(Host, { key: '5120b79da9d0840d87421287913f49cda06da4f3', class: {
+        return (h(Host, { key: '52cd7f9c675ebb5a73d43d8aba5c564a09975983', class: {
                 "ic-search-bar-search": true,
                 "ic-search-bar-full-width": fullWidth,
                 "ic-search-bar-disabled": disabled,
                 "ic-search-bar-small": size === "small",
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, h("ic-input-container", { key: '246484c51e7169a8f9944b66499126ea3d86921a', readonly: readonly, disabled: disabledMode }, !hideLabel && (h("ic-input-label", { key: '043651daee6abf565a44ad6c1c090e8d6dd85f8a', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledMode && !readonly, readonly: readonly })), h("ic-input-component-container", { key: '880ab5440ec935340d56dd69e64e467879f3bbc5', ref: (el) => (this.anchorEl = el), size: size, disabled: disabledMode, readonly: readonly, fullWidth: fullWidth }, h("input", { key: '37ece1e8c9f5ab12f2f3a303544c882192a07107', id: inputId, name: name, ref: (el) => (this.inputEl = el), value: options && !!labelValue ? labelValue : value, class: {
+            }, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, h("ic-input-container", { key: '93f1f86abb836848f4a77e8bea800402a7c3d792', readonly: readonly, disabled: disabledMode }, !hideLabel && (h("ic-input-label", { key: '3408fa52e67fbc9420cb7f763198ea950e356b7e', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledMode && !readonly, readonly: readonly }, h("slot", { key: '24fed7a49fc79140dabb28e1f77c8321bc51729b', name: "helper-text", slot: "helper-text" }))), h("ic-input-component-container", { key: 'be1083aceb07c1235666cb3f1f9892f8e1b8538d', ref: (el) => (this.anchorEl = el), size: size, disabled: disabledMode, readonly: readonly, fullWidth: fullWidth }, h("input", { key: '4ea2d718f3b6e4e524f534719630c618bb25a4d4', id: inputId, name: name, ref: (el) => (this.inputEl = el), value: options && !!labelValue ? labelValue : value, class: {
                 "no-left-pad": readonly,
                 readonly,
                 "truncate-value": truncateValue,
-            }, placeholder: placeholder, required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": label, "aria-activedescendant": ariaActiveDescendant, "aria-expanded": options.length > 0 && menuRendered ? `${menuOpen}` : undefined, "aria-owns": menuRendered ? menuId : undefined, "aria-describedby": describedById, "aria-controls": menuRendered ? menuId : undefined, "aria-haspopup": options.length > 0 ? "listbox" : undefined, "aria-autocomplete": hasSuggestedSearch ? "list" : undefined, role: options.length > 0 && menuRendered ? "combobox" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize, autoFocus: autofocus, spellcheck: spellcheck, inputmode: "search" }), h("div", { key: '4498fbe2293958c1ae6f6ddfeab15b2ff29ca2a8', class: {
+            }, placeholder: placeholder, required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": hideLabel ? label : undefined, "aria-activedescendant": ariaActiveDescendant, "aria-expanded": options.length > 0 && menuRendered ? `${menuOpen}` : undefined, "aria-owns": menuRendered ? menuId : undefined, "aria-describedby": describedById, "aria-controls": menuRendered ? menuId : undefined, "aria-haspopup": options.length > 0 ? "listbox" : undefined, "aria-autocomplete": hasSuggestedSearch ? "list" : undefined, role: options.length > 0 && menuRendered ? "combobox" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize, autoFocus: autofocus, spellcheck: spellcheck, inputmode: "search" }), h("div", { key: '447b4da477637a70ac3f2b9c180df87aebee044b', class: {
                 "clear-button-container": true,
                 "clear-button-visible": !!value && !disabledMode && showClearButton,
-            } }, h("ic-button", { key: '561c5cbe830f34bc80967e0899f2dc8526c1c4f7', id: "clear-button", class: {
+            } }, h("ic-button", { key: '3a740c60761c034298c1cabf4173a4168a2cbaee', id: "clear-button", class: {
                 "clear-button": true,
                 "clear-button-unfocused": !clearButtonFocused,
-            }, "aria-label": "Clear", innerHTML: clearIcon, onClick: this.handleClear, onMouseDown: this.handleMouseDown, size: size, onFocus: this.handleFocusClearButton, onBlur: this.handleClearBlur, onKeyDown: this.handleClear, type: "submit", variant: "icon", theme: clearButtonFocused ? "light" : "dark" }), h("div", { key: '9c783d276ad0a931e538a79ce303ad060db1fa1b', class: "divider" })), h("div", { key: '5babcd978eb8263ca710b32ead6926c95f558838', class: {
+            }, "aria-label": "Clear", innerHTML: clearIcon, onClick: this.handleClear, onMouseDown: this.handleMouseDown, size: size, onFocus: this.handleFocusClearButton, onBlur: this.handleClearBlur, onKeyDown: this.handleClear, type: "button", variant: "icon", theme: clearButtonFocused ? "light" : "dark" }), h("div", { key: '7fec0530f8a21476d808203bc79857a0c44538ab', class: "divider" })), h("div", { key: '376a77d494db324f5e469932009692cab51c58fe', class: {
                 "search-submit-button-container": true,
                 "search-submit-button-disabled": this.isSubmitDisabled(),
-            } }, h("ic-button", { key: '785dbe4deb7549662d263f74b75c759b932399fb', id: "search-submit-button", "aria-label": "Search", ref: (el) => (this.searchSubmitButton = el), class: {
+            } }, h("ic-button", { key: 'c94e42dc5907d0e7dc412b8a09792090d4359783', id: "search-submit-button", "aria-label": "Search", ref: (el) => (this.searchSubmitButton = el), class: {
                 "search-submit-button": true,
                 "search-submit-button-small": size === "small",
                 "search-submit-button-unfocused": !searchSubmitFocused,
                 "search-submit-button-disabled": this.isSubmitDisabled(),
-            }, disabled: this.isSubmitDisabled(), innerHTML: searchIcon, size: size, onClick: this.handleSubmitSearch, onMouseDown: this.handleMouseDown, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, onKeyDown: this.handleSubmitSearchKeyDown, type: "submit", variant: "icon", theme: searchSubmitFocused ? "light" : "dark" }))), h("div", { key: '78297ce56515a4f1f50a8108949a20837c87828f', class: {
+            }, disabled: this.isSubmitDisabled(), innerHTML: searchIcon, size: size, onClick: this.handleSubmitSearch, onMouseDown: this.handleMouseDown, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, onKeyDown: this.handleSubmitSearchKeyDown, type: searchButtonType, variant: "icon", theme: searchSubmitFocused ? "light" : "dark" }))), h("div", { key: 'd59837a4d8626cb434d74920c3d16ebad1aa38e8', class: {
                 "menu-container": true,
                 fullwidth: fullWidth,
-            } }, menuRendered && this.anchorEl && this.inputEl && (h("ic-menu", { key: 'd527adddfc250b1f0fe605cbaec5f08ea1e25c04', class: {
+            } }, menuRendered && this.anchorEl && this.inputEl && (h("ic-menu", { key: '05921526c6a5d778689ffaaa00567c155e1d24f9', class: {
                 "no-results": this.hadNoOptions() ||
                     (filteredOptions.length === 1 &&
                         (filteredOptions[0][labelField] === loadingLabel ||
                             filteredOptions[0][labelField] === loadingErrorLabel)),
-            }, activationType: "manual", anchorEl: this.anchorEl, autofocusOnSelected: false, searchMode: searchMode, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), fullWidth: fullWidth, menuId: menuId, open: true, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, onRetryButtonClicked: this.handleRetry, parentEl: this.el, value: value, labelField: labelField, valueField: valueField })))), h("div", { key: '716cd74ed9726cd134772aba2b98e374face0753', "aria-live": "polite", role: "status", class: "search-results-status" })));
+            }, activationType: "manual", anchorEl: this.anchorEl, autofocusOnSelected: false, searchMode: searchMode, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), fullWidth: fullWidth, menuId: menuId, open: true, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, onRetryButtonClicked: this.handleRetry, parentEl: this.el, value: value, labelField: labelField, valueField: valueField })))), h("div", { key: 'd7ae3fba62207c2df5ce4b02434e81777666d5c2', "aria-live": "polite", role: "status", class: "search-results-status" })));
     }
     static get is() { return "ic-search-bar"; }
     static get encapsulation() { return "shadow"; }
@@ -567,7 +602,7 @@ export class SearchBar {
                 "mutable": false,
                 "complexType": {
                     "original": "IcAutocompleteTypes",
-                    "resolved": "\"on\" | \"off\" | \"name\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"email\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"url\" | \"photo\"",
+                    "resolved": "\"name\" | \"on\" | \"off\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"email\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"url\" | \"photo\"",
                     "references": {
                         "IcAutocompleteTypes": {
                             "location": "import",
@@ -973,6 +1008,26 @@ export class SearchBar {
                 "reflect": false,
                 "defaultValue": "\"Search\""
             },
+            "preventFormSubmitOnSearch": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "If `true` the parent form will not submit when the icSubmitSearch event fires."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "prevent-form-submit-on-search",
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "readonly": {
                 "type": "boolean",
                 "mutable": false,
@@ -1204,6 +1259,7 @@ export class SearchBar {
             "open": {},
             "searchSubmitFocused": {},
             "showClearButton": {},
+            "searchButtonType": {},
             "filteredOptions": {}
         };
     }
@@ -1485,6 +1541,9 @@ export class SearchBar {
     static get elementRef() { return "el"; }
     static get watchers() {
         return [{
+                "propName": "charactersUntilSuggestion",
+                "methodName": "watchCharactersUntilSuggestionHandler"
+            }, {
                 "propName": "disabled",
                 "methodName": "watchDisabledHandler"
             }, {
@@ -1493,6 +1552,9 @@ export class SearchBar {
             }, {
                 "propName": "loading",
                 "methodName": "loadingHandler"
+            }, {
+                "propName": "preventFormSubmitOnSearch",
+                "methodName": "preventFormSubmitOnSearchHandler"
             }, {
                 "propName": "filteredOptions",
                 "methodName": "filteredOptionsHandler"

package/dist/collection/components/ic-search-bar/ic-search-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ic-search-bar.js","sourceRoot":"","sources":["../../../src/components/ic-search-bar/ic-search-bar.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Listen,\n  Prop,\n  State,\n  Watch,\n  Method,\n  h,\n} from \"@stencil/core\";\n\nimport {\n  IcAutocompleteTypes,\n  IcAutocorrectStates,\n  IcMenuOption,\n  IcMultiValueEventDetail,\n  IcSizesNoLarge,\n  IcThemeMode,\n} from \"../../utils/types\";\nimport {\n  getInputDescribedByText,\n  renderHiddenInput,\n  handleHiddenFormButtonClick,\n  getLabelFromValue,\n  onComponentRequiredPropUndefined,\n  getFilteredMenuOptions,\n  removeDisabledFalse,\n  debounceEvent,\n} from \"../../utils/helpers\";\nimport {\n  IcSearchBarBlurEventDetail,\n  IcSearchBarSearchModes,\n} from \"./ic-search-bar.types\";\nimport { IcValueEventDetail, IcBlurEventDetail } from \"../../utils/types\";\nimport {\n  IcMenuChangeEventDetail,\n  IcMenuOptionIdEventDetail,\n  IcOptionSelectEventDetail,\n} from \"../ic-menu/ic-menu.types\";\n\nimport clearIcon from \"../../assets/clear-icon.svg\";\nimport searchIcon from \"../../assets/search-icon.svg\";\n\nlet inputIds = 0;\n\n@Component({\n  tag: \"ic-search-bar\",\n  styleUrl: \"ic-search-bar.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport class SearchBar {\n  private anchorEl?: HTMLElement;\n  private assistiveHintEl?: HTMLSpanElement;\n  private debounceAriaLive?: number;\n  private hasTimedOut = false;\n  private inputEl?: HTMLInputElement;\n  private inputId = `ic-search-bar-input-${inputIds++}`;\n  private menu?: HTMLIcMenuElement;\n  private menuCloseFromMenuChangeEvent = false;\n  private menuId = `${this.inputId}-menu`;\n  private preLoad = true;\n  private preventSubmit = false;\n  private prevNoOption = false;\n  private retryButtonClick = false;\n  private retryViaKeyPress = false;\n  private timeoutTimer?: number;\n  private truncateValue = false;\n  private searchSubmitButton?: HTMLIcButtonElement;\n\n  @Element() el: HTMLIcSearchBarElement;\n\n  @State() ariaActiveDescendant?: string;\n  @State() clearButtonFocused = false;\n  @State() highlightedValue?: string;\n  @State() open = false;\n  @State() searchSubmitFocused = false;\n  @State() showClearButton = false;\n\n  /**\n   * The automatic capitalisation of the text value as it is entered/edited by the user.\n   * Available options: \"off\", \"none\", \"on\", \"sentences\", \"words\", \"characters\".\n   */\n  @Prop() autocapitalize = \"off\";\n\n  /**\n   * The state of autocompletion the browser can apply on the text value.\n   */\n  @Prop() autocomplete: IcAutocompleteTypes = \"off\";\n\n  /**\n   * The state of autocorrection the browser can apply when the user is entering/editing the text value.\n   */\n  @Prop() autocorrect: IcAutocorrectStates = \"off\";\n\n  /**\n   * If `true`, the form control will have input focus when the page loads.\n   */\n  @Prop() autofocus = false;\n\n  /**\n   * The number of characters until suggestions appear. The submit button will be disabled until the inputted value is equal to or greater than this number.\n   */\n  @Prop() charactersUntilSuggestion = 2;\n\n  /**\n   * If `true`, the disabled state will be set.\n   */\n  @Prop() disabled = false;\n  @Watch(\"disabled\")\n  watchDisabledHandler(): void {\n    removeDisabledFalse(this.disabled, this.el as HTMLElement);\n  }\n\n  /**\n   * Specify whether to disable the built in filtering. For example, if options will already be filtered from external source.\n   * If `true`, all options provided will be displayed.\n   */\n  @Prop() disableAutoFiltering = false;\n\n  /**\n   * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.\n   */\n  @Prop() debounce = 0;\n  @Watch(\"debounce\")\n  private debounceChanged() {\n    this.icChange = debounceEvent(this.icChange, this.debounce);\n  }\n\n  /**\n   * The text displayed when there are no options in the option list.\n   */\n  @Prop() emptyOptionListText = \"No results found\";\n\n  /**\n   * If `true`, the search bar will be focused when component loaded.\n   */\n  @Prop() focusOnLoad = false;\n\n  /**\n   * Specify whether the search bar fills the full width of the container.\n   * If `true`, this overrides the --input-width CSS variable.\n   */\n  @Prop() fullWidth = false;\n\n  /**\n   * The helper text that will be displayed for additional field guidance.\n   */\n  @Prop() helperText = \"\";\n\n  /**\n   * If `true`, the label will be hidden and the required label value will be applied as an aria-label.\n   */\n  @Prop() hideLabel = false;\n\n  /**\n   * The hint text for the hidden assistive description element.\n   */\n  @Prop() assistiveHintText =\n    \"When autocomplete results are available use the up and down arrows to choose and press enter to select\";\n\n  /**\n   * The label for the search bar.\n   */\n  @Prop() label!: string;\n\n  /**\n   * The custom name for the label field to correspond with the IcMenuOption type.\n   */\n  @Prop() labelField = \"label\";\n\n  /**\n   * Trigger loading state when fetching options asynchronously\n   */\n  @Prop({ mutable: true }) loading = false;\n  @Watch(\"loading\")\n  loadingHandler(newValue: boolean): void {\n    if (newValue && !this.hasTimedOut) {\n      this.preLoad = false;\n      this.triggerLoading();\n    }\n  }\n\n  /**\n   * Change the message displayed when external loading times out.\n   */\n  @Prop() loadingErrorLabel = \"Loading Error\";\n\n  /**\n   * Change the message displayed whilst the options are being loaded externally.\n   */\n  @Prop() loadingLabel = \"Loading...\";\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() name = this.inputId;\n\n  /**\n   * The placeholder value to display.\n   */\n  @Prop() placeholder = \"Search\";\n\n  /**\n   * If `true`, the readonly state will be set.\n   */\n  @Prop() readonly = false;\n\n  /**\n   * If `true`, the search bar will require a value.\n   */\n  @Prop() required = false;\n\n  /**\n   * Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches.\n   */\n  @Prop() searchMode: IcSearchBarSearchModes = \"navigation\";\n\n  /**\n   * The size of the search bar component.\n   */\n  @Prop() size: IcSizesNoLarge = \"medium\";\n\n  /**\n   * If `true`, the value of the search will have its spelling and grammar checked.\n   */\n  @Prop() spellcheck = false;\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme: IcThemeMode = \"inherit\";\n\n  /**\n   * If using external filtering, set a timeout for when loading takes too long.\n   */\n  @Prop() timeout?: number;\n\n  /**\n   * The custom name for the value field to correspond with the IcMenuOption type.\n   */\n  @Prop() valueField = \"value\";\n\n  @State() filteredOptions: IcMenuOption[] = [];\n  @Watch(\"filteredOptions\")\n  filteredOptionsHandler(newOptions: IcMenuOption[]): void {\n    this.hasTimedOut = newOptions.some((opt) => opt.timedOut);\n  }\n\n  /**\n   * The suggested search options.\n   */\n  @Prop() options: IcMenuOption[] = [];\n  @Watch(\"options\")\n  watchOptionsHandler(newOptions: IcMenuOption[]): void {\n    if (this.disableAutoFiltering && !this.hasTimedOut) {\n      this.loading = false;\n      clearTimeout(this.timeoutTimer);\n      if (newOptions.length > 0) {\n        this.filteredOptions = newOptions;\n      } else {\n        if (this.hadNoOptions()) {\n          return;\n        }\n        this.setMenuChange(true);\n        if (!this.preLoad) {\n          this.filteredOptions = [\n            {\n              [this.labelField]: this.emptyOptionListText,\n              [this.valueField]: \"\",\n            },\n          ];\n        }\n        this.preLoad = true;\n      }\n    }\n    this.debounceAriaLiveUpdate();\n  }\n\n  /**\n   * The value of the search input.\n   */\n  @Prop({ reflect: true, mutable: true }) value = \"\";\n  @Watch(\"value\")\n  watchValueHandler(newValue: string): void {\n    this.setInputValue(newValue);\n    this.icChange.emit({ value: newValue });\n  }\n\n  // The icChange event is defined here so that it appears as an event for search bar\n  /**\n   * Emitted when the value has changed.\n   */\n  @Event() icChange: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * Emitted when value is cleared with clear button\n   */\n  @Event() icClear: EventEmitter<void>;\n  private handleClear = (ev: Event) => {\n    const keyboardEvent = ev as KeyboardEvent;\n    const mouseEvent = ev as MouseEvent;\n\n    if (\n      mouseEvent.type === \"click\" ||\n      keyboardEvent.code === \"Enter\" ||\n      keyboardEvent.code === \"Space\"\n    ) {\n      this.value = \"\";\n      this.inputEl?.setAttribute(\"value\", \"\");\n      this.loading = false;\n      clearTimeout(this.timeoutTimer);\n      this.filteredOptions = this.options;\n      this.el.setFocus();\n\n      this.icClear.emit();\n      ev.preventDefault();\n\n      this.preventSubmit = true;\n    }\n  };\n\n  // The icInput event is defined here so that it appears as an event for search bar\n  /**\n   * Emitted when a keyboard input occurred.\n   */\n  @Event() icInput: EventEmitter<IcValueEventDetail>;\n  private onInput = ({ target }: Event) => {\n    this.value = (target as HTMLInputElement).value;\n    this.icInput.emit({ value: this.value });\n\n    if (this.options.length > 0) {\n      this.setMenuChange(true);\n\n      this.preLoad = false;\n\n      if (this.disableAutoFiltering === false) {\n        const rawFilteredOptions = getFilteredMenuOptions(\n          this.options,\n          false,\n          this.value,\n          \"anywhere\",\n          this.labelField\n        );\n\n        this.filteredOptions =\n          rawFilteredOptions.length > 0\n            ? rawFilteredOptions\n            : [\n                {\n                  [this.labelField]: this.emptyOptionListText,\n                  [this.valueField]: \"\",\n                },\n              ];\n      }\n    }\n\n    if (!this.showClearButton) this.showClearButton = true;\n\n    this.debounceAriaLiveUpdate();\n  };\n\n  private onInputBlur = ({ target, relatedTarget }: FocusEvent) => {\n    this.icSearchBarBlur.emit({\n      value: (target as HTMLInputElement).value,\n      relatedTarget,\n    });\n  };\n\n  private onInputFocus = ({ target }: Event) => {\n    this.icSearchBarFocus.emit({ value: (target as HTMLInputElement).value });\n\n    this.showClearButton = true;\n  };\n\n  /**\n   * Emitted when option is highlighted within the menu\n   */\n  @Event() icOptionSelect: EventEmitter<IcOptionSelectEventDetail>;\n\n  /**\n   * Emitted when the state of the menu changes (i.e. open or close)\n   */\n  @Event() icMenuChange: EventEmitter<IcMenuChangeEventDetail>;\n\n  /**\n   * @internal - Emitted when blur is invoked from clear button\n   */\n  @Event() icClearBlur: EventEmitter<IcBlurEventDetail>;\n  private handleClearBlur = ({ relatedTarget }: FocusEvent) => {\n    this.icClearBlur.emit({ relatedTarget });\n\n    this.clearButtonFocused = false;\n  };\n\n  /**\n   * Emitted when the 'retry loading' button is clicked\n   */\n  @Event() icRetryLoad: EventEmitter<IcMultiValueEventDetail>;\n\n  /**\n   * Emitted when the search value has been submitted\n   */\n  @Event() icSubmitSearch: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * @internal - Emitted when blur is invoked from search submit button\n   */\n  @Event() icSubmitSearchBlur: EventEmitter<IcBlurEventDetail>;\n  private handleSubmitSearchBlur = ({ relatedTarget }: FocusEvent) => {\n    this.icSubmitSearchBlur.emit({ relatedTarget });\n\n    this.searchSubmitFocused = false;\n  };\n\n  /**\n   * Emitted when blur is invoked from ic-search-bar\n   */\n  @Event() icSearchBarBlur: EventEmitter<IcSearchBarBlurEventDetail>;\n\n  /**\n   * Emitted when focus is invoked from ic-search-bar\n   */\n  @Event() icSearchBarFocus: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * Emitted when a keydown event occurred.\n   */\n  @Event() icKeydown: EventEmitter<{ event: KeyboardEvent }>;\n\n  connectedCallback(): void {\n    this.debounceChanged();\n  }\n\n  disconnectedCallback(): void {\n    this.assistiveHintEl?.remove();\n  }\n\n  componentWillLoad(): void {\n    this.setInputValue(this.value);\n\n    removeDisabledFalse(this.disabled, this.el as HTMLElement);\n  }\n\n  componentDidLoad(): void {\n    if (this.focusOnLoad) {\n      this.el.setFocus();\n    }\n\n    if (this.hasOptionsOrFilterDisabled()) {\n      this.renderAssistiveHintEl();\n      if (this.disableAutoFiltering) {\n        this.filteredOptions = this.options;\n      }\n    }\n\n    onComponentRequiredPropUndefined(\n      [{ prop: this.label, propName: \"label\" }],\n      \"Search Bar\"\n    );\n  }\n\n  componentWillRender(): void {\n    if (this.prevNoOption && this.menu && !this.hasTimedOut) {\n      this.menu.handleSetFirstOption();\n      this.prevNoOption = false;\n    }\n    if (\n      this.filteredOptions.find(\n        (filteredOption) =>\n          filteredOption[this.labelField] === this.emptyOptionListText ||\n          filteredOption[this.labelField] === this.loadingErrorLabel ||\n          filteredOption[this.labelField] === this.loadingLabel\n      )\n    ) {\n      this.prevNoOption = true;\n    }\n  }\n\n  @Listen(\"keydown\", {})\n  handleKeyDown(event: KeyboardEvent): void {\n    this.icKeydown.emit({ event });\n    if (this.menu && this.open) {\n      this.menu.handleKeyboardOpen(event);\n    }\n  }\n\n  @Listen(\"keyup\", {})\n  handleKeyUp(ev: KeyboardEvent): void {\n    if (ev.key === \"Enter\") {\n      if (this.preventSubmit || this.isSubmitDisabled()) {\n        return;\n      }\n\n      this.handleSubmitSearch();\n      this.setMenuChange(false);\n    }\n\n    if (ev.key === \"Escape\") {\n      this.setMenuChange(false);\n    }\n\n    if (this.preventSubmit) {\n      this.preventSubmit = false;\n    }\n  }\n\n  /**\n   * Sets focus on the native `input`.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    this.retryViaKeyPress = false;\n    this.retryButtonClick = false;\n    this.inputEl?.focus();\n  }\n\n  private setInputValue = (newValue: string) => {\n    if (this.inputEl) {\n      const label = getLabelFromValue(\n        newValue,\n        this.options,\n        this.valueField,\n        this.labelField\n      );\n      if (label) this.inputEl.value = label;\n      else if (this.inputEl.value !== newValue) {\n        this.inputEl.value = newValue;\n      }\n    }\n  };\n\n  private handleMouseDown = (ev: Event) => {\n    ev.preventDefault();\n  };\n\n  private handleSubmitSearchFocus = () => {\n    this.searchSubmitFocused = true;\n  };\n\n  private handleSubmitSearch = () => {\n    if (this.highlightedValue) this.value = this.highlightedValue;\n    this.highlightedValue = undefined;\n    this.icSubmitSearch.emit({ value: this.value });\n\n    const form = this.el.closest<HTMLFormElement>(\"FORM\");\n\n    if (this.searchSubmitButton && !!form && !this.preventSubmit) {\n      handleHiddenFormButtonClick(form, this.searchSubmitButton);\n    }\n  };\n\n  private debounceAriaLiveUpdate() {\n    clearTimeout(this.debounceAriaLive);\n\n    this.debounceAriaLive = window.setTimeout(() => {\n      this.updateSearchResultAriaLive();\n    }, 500);\n  }\n\n  private handleSubmitSearchKeyDown = (ev: KeyboardEvent) => {\n    if (ev.key === \" \") {\n      ev.preventDefault();\n      this.handleSubmitSearch();\n    }\n  };\n\n  private handleRetry = (ev: CustomEvent<IcMultiValueEventDetail>) => {\n    this.retryViaKeyPress = ev.detail.keyPressed === \"Enter\";\n    this.icRetryLoad.emit({ value: ev.detail.value });\n    this.triggerLoading();\n    this.retryButtonClick = true;\n  };\n\n  private triggerLoading = () => {\n    const loadingOption: IcMenuOption[] = [\n      {\n        [this.labelField]: this.loadingLabel,\n        [this.valueField]: \"\",\n        loading: true,\n      },\n    ];\n    if (this.filteredOptions !== loadingOption)\n      this.filteredOptions = loadingOption;\n    if (this.timeout) {\n      this.timeoutTimer = window.setTimeout(() => {\n        this.filteredOptions = [\n          {\n            [this.labelField]: this.loadingErrorLabel,\n            [this.valueField]: \"\",\n            timedOut: true,\n          },\n        ];\n      }, this.timeout);\n    }\n  };\n\n  private handleOptionSelect = (ev: CustomEvent) => {\n    if (ev.detail.label === this.emptyOptionListText) {\n      this.el.setFocus();\n      return;\n    }\n\n    this.value = ev.detail.value;\n    this.icOptionSelect.emit({ value: this.value });\n  };\n\n  private handleMenuOptionHighlight = (\n    ev: CustomEvent<IcMenuOptionIdEventDetail>\n  ) => {\n    const { optionId } = ev.detail;\n    if (optionId)\n      this.highlightedValue = optionId.replace(`${this.menuId}-`, \"\");\n    this.ariaActiveDescendant = optionId || \"\";\n  };\n\n  private handleMenuChange = (ev: CustomEvent<IcMenuChangeEventDetail>) => {\n    this.setMenuChange(ev.detail.open);\n    if (!ev.detail.open) {\n      this.menuCloseFromMenuChangeEvent = true;\n    }\n  };\n\n  private setMenuChange = (open: boolean) => {\n    if (this.open !== open) {\n      this.open = open;\n      this.icMenuChange.emit({ open });\n    }\n  };\n\n  private handleHostFocus = () => {\n    if (this.options && this.value && !this.menuCloseFromMenuChangeEvent) {\n      this.setMenuChange(true);\n    }\n    this.truncateValue = false;\n\n    this.icSearchBarFocus.emit();\n  };\n\n  private handleHostBlur = ({ relatedTarget }: FocusEvent) => {\n    if (\n      this.open &&\n      this.options &&\n      relatedTarget !== this.menu &&\n      !this.retryViaKeyPress &&\n      !this.retryButtonClick\n    ) {\n      this.setMenuChange(false);\n    }\n\n    if (this.retryButtonClick || this.retryViaKeyPress) {\n      this.inputEl?.focus();\n    }\n\n    this.showClearButton = false;\n    this.menuCloseFromMenuChangeEvent = false;\n    this.truncateValue = true;\n    this.icSearchBarBlur.emit({\n      relatedTarget,\n      value: this.value,\n    });\n    this.retryViaKeyPress = false;\n    this.retryButtonClick = false;\n  };\n\n  private handleFocusClearButton = () => {\n    this.clearButtonFocused = true;\n  };\n\n  private renderAssistiveHintEl = () => {\n    const input = this.el.shadowRoot?.querySelector(`#${this.inputId}`);\n\n    if (\n      input &&\n      Object.keys(input).length > 0 &&\n      this.hasOptionsOrFilterDisabled()\n    ) {\n      this.assistiveHintEl = document.createElement(\"span\");\n      this.assistiveHintEl.innerText = this.assistiveHintText;\n      this.assistiveHintEl.id = `${this.inputId}-assistive-hint`;\n      this.assistiveHintEl.style.display = \"none\";\n      input.after?.(this.assistiveHintEl);\n    }\n  };\n\n  private updateSearchResultAriaLive = () => {\n    const searchResultsStatusEl =\n      this.el.shadowRoot?.querySelector<HTMLParagraphElement>(\n        \".search-results-status\"\n      );\n\n    if (searchResultsStatusEl) {\n      if (\n        !this.open ||\n        this.value === \"\" ||\n        this.value.length < this.charactersUntilSuggestion\n      ) {\n        searchResultsStatusEl.innerText = \"\";\n      } else if (\n        this.hasOptionsOrFilterDisabled() &&\n        this.filteredOptions.length > 0 &&\n        this.open &&\n        !this.filteredOptions[0].loading\n      ) {\n        searchResultsStatusEl.innerText = this.hadNoOptions()\n          ? this.emptyOptionListText\n          : `${this.filteredOptions.length} result${\n              this.filteredOptions.length > 1 ? \"s\" : \"\"\n            } available`;\n      }\n    }\n  };\n\n  private hasOptionsOrFilterDisabled = () =>\n    this.options.length > 0 || this.disableAutoFiltering;\n\n  private hadNoOptions = () =>\n    this.filteredOptions.length === 1 &&\n    this.filteredOptions[0][this.labelField] === this.emptyOptionListText &&\n    this.searchMode === \"navigation\";\n\n  private isSubmitDisabled = () =>\n    !this.value ||\n    this.value.length < this.charactersUntilSuggestion ||\n    this.disabled ||\n    this.hadNoOptions() ||\n    this.hasTimedOut ||\n    this.loading;\n\n  render() {\n    const {\n      inputId,\n      name,\n      label,\n      required,\n      size,\n      placeholder,\n      helperText,\n      disabled,\n      value,\n      readonly,\n      spellcheck,\n      fullWidth,\n      options,\n      open,\n      hideLabel,\n      menuId,\n      ariaActiveDescendant,\n      truncateValue,\n      autofocus,\n      autocapitalize,\n      autocomplete,\n      filteredOptions,\n      theme,\n      charactersUntilSuggestion,\n      labelField,\n      valueField,\n      loadingLabel,\n      loadingErrorLabel,\n      searchMode,\n      showClearButton,\n      searchSubmitFocused,\n      clearButtonFocused,\n    } = this;\n\n    const disabledMode = readonly || disabled;\n\n    const describedBy = getInputDescribedByText(\n      inputId,\n      helperText !== \"\",\n      false\n    ).trim();\n\n    let describedById = undefined;\n\n    if (describedBy !== \"\" && this.hasOptionsOrFilterDisabled()) {\n      describedById = `${describedBy} ${inputId}-assistive-hint`;\n    } else if (this.hasOptionsOrFilterDisabled()) {\n      describedById = `${inputId}-assistive-hint`;\n    } else if (describedBy !== \"\") {\n      describedById = describedBy;\n    }\n\n    const hasSuggestedSearch = !!value && this.hasOptionsOrFilterDisabled();\n    const menuOpen = hasSuggestedSearch && open && filteredOptions.length > 0;\n    const menuRendered = menuOpen && value.length >= charactersUntilSuggestion;\n\n    const labelValue = getLabelFromValue(\n      value,\n      options,\n      valueField,\n      labelField\n    );\n\n    renderHiddenInput(this.el as HTMLElement, value, name, disabledMode);\n\n    return (\n      <Host\n        class={{\n          \"ic-search-bar-search\": true,\n          \"ic-search-bar-full-width\": fullWidth,\n          \"ic-search-bar-disabled\": disabled,\n          \"ic-search-bar-small\": size === \"small\",\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n        }}\n        onFocus={this.handleHostFocus}\n        onBlur={this.handleHostBlur}\n      >\n        <ic-input-container readonly={readonly} disabled={disabledMode}>\n          {!hideLabel && (\n            <ic-input-label\n              for={inputId}\n              label={label}\n              helperText={helperText}\n              required={required}\n              disabled={disabledMode && !readonly}\n              readonly={readonly}\n            ></ic-input-label>\n          )}\n          <ic-input-component-container\n            ref={(el) => (this.anchorEl = el)}\n            size={size}\n            disabled={disabledMode}\n            readonly={readonly}\n            fullWidth={fullWidth}\n          >\n            <input\n              id={inputId}\n              name={name}\n              ref={(el) => (this.inputEl = el)}\n              value={options && !!labelValue ? labelValue : value}\n              class={{\n                \"no-left-pad\": readonly,\n                readonly,\n                \"truncate-value\": truncateValue,\n              }}\n              placeholder={placeholder}\n              required={required}\n              disabled={disabledMode}\n              readonly={readonly}\n              onInput={this.onInput}\n              onBlur={this.onInputBlur}\n              onFocus={this.onInputFocus}\n              aria-label={label}\n              aria-activedescendant={ariaActiveDescendant}\n              aria-expanded={\n                options.length > 0 && menuRendered ? `${menuOpen}` : undefined\n              }\n              aria-owns={menuRendered ? menuId : undefined}\n              aria-describedby={describedById}\n              aria-controls={menuRendered ? menuId : undefined}\n              aria-haspopup={options.length > 0 ? \"listbox\" : undefined}\n              aria-autocomplete={hasSuggestedSearch ? \"list\" : undefined}\n              role={options.length > 0 && menuRendered ? \"combobox\" : undefined}\n              autocomplete={autocomplete}\n              autocapitalize={autocapitalize}\n              autoFocus={autofocus}\n              spellcheck={spellcheck}\n              inputmode=\"search\"\n            ></input>\n            <div\n              class={{\n                \"clear-button-container\": true,\n                \"clear-button-visible\":\n                  !!value && !disabledMode && showClearButton,\n              }}\n            >\n              <ic-button\n                id=\"clear-button\"\n                class={{\n                  \"clear-button\": true,\n                  \"clear-button-unfocused\": !clearButtonFocused,\n                }}\n                aria-label=\"Clear\"\n                innerHTML={clearIcon}\n                onClick={this.handleClear}\n                onMouseDown={this.handleMouseDown}\n                size={size}\n                onFocus={this.handleFocusClearButton}\n                onBlur={this.handleClearBlur}\n                onKeyDown={this.handleClear}\n                type=\"submit\"\n                variant=\"icon\"\n                theme={clearButtonFocused ? \"light\" : \"dark\"}\n              ></ic-button>\n              <div class=\"divider\"></div>\n            </div>\n            <div\n              class={{\n                \"search-submit-button-container\": true,\n                \"search-submit-button-disabled\": this.isSubmitDisabled(),\n              }}\n            >\n              <ic-button\n                id=\"search-submit-button\"\n                aria-label=\"Search\"\n                ref={(el) => (this.searchSubmitButton = el)}\n                class={{\n                  \"search-submit-button\": true,\n                  \"search-submit-button-small\": size === \"small\",\n                  \"search-submit-button-unfocused\": !searchSubmitFocused,\n                  \"search-submit-button-disabled\": this.isSubmitDisabled(),\n                }}\n                disabled={this.isSubmitDisabled()}\n                innerHTML={searchIcon}\n                size={size}\n                onClick={this.handleSubmitSearch}\n                onMouseDown={this.handleMouseDown}\n                onBlur={this.handleSubmitSearchBlur}\n                onFocus={this.handleSubmitSearchFocus}\n                onKeyDown={this.handleSubmitSearchKeyDown}\n                type=\"submit\"\n                variant=\"icon\"\n                theme={searchSubmitFocused ? \"light\" : \"dark\"}\n              ></ic-button>\n            </div>\n          </ic-input-component-container>\n          <div\n            class={{\n              \"menu-container\": true,\n              fullwidth: fullWidth,\n            }}\n          >\n            {menuRendered && this.anchorEl && this.inputEl && (\n              <ic-menu\n                class={{\n                  \"no-results\":\n                    this.hadNoOptions() ||\n                    (filteredOptions.length === 1 &&\n                      (filteredOptions[0][labelField] === loadingLabel ||\n                        filteredOptions[0][labelField] === loadingErrorLabel)),\n                }}\n                activationType=\"manual\"\n                anchorEl={this.anchorEl}\n                autofocusOnSelected={false}\n                searchMode={searchMode}\n                inputEl={this.inputEl}\n                inputLabel={label}\n                ref={(el) => (this.menu = el)}\n                fullWidth={fullWidth}\n                menuId={menuId}\n                open={true}\n                options={filteredOptions}\n                onMenuOptionSelect={this.handleOptionSelect}\n                onMenuStateChange={this.handleMenuChange}\n                onMenuOptionId={this.handleMenuOptionHighlight}\n                onRetryButtonClicked={this.handleRetry}\n                parentEl={this.el as HTMLElement}\n                value={value}\n                labelField={labelField}\n                valueField={valueField}\n              ></ic-menu>\n            )}\n          </div>\n        </ic-input-container>\n        <div\n          aria-live=\"polite\"\n          role=\"status\"\n          class=\"search-results-status\"\n        ></div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ic-search-bar.js","sourceRoot":"","sources":["../../../src/components/ic-search-bar/ic-search-bar.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Listen,\n  Prop,\n  State,\n  Watch,\n  Method,\n  h,\n} from \"@stencil/core\";\n\nimport {\n  IcAutocompleteTypes,\n  IcAutocorrectStates,\n  IcMenuOption,\n  IcMultiValueEventDetail,\n  IcSizesNoLarge,\n  IcThemeMode,\n} from \"../../utils/types\";\nimport {\n  getInputDescribedByText,\n  renderHiddenInput,\n  handleHiddenFormButtonClick,\n  getLabelFromValue,\n  onComponentRequiredPropUndefined,\n  getFilteredMenuOptions,\n  removeDisabledFalse,\n  debounceEvent,\n} from \"../../utils/helpers\";\nimport {\n  IcSearchBarBlurEventDetail,\n  IcSearchBarSearchModes,\n} from \"./ic-search-bar.types\";\nimport { IcValueEventDetail, IcBlurEventDetail } from \"../../utils/types\";\nimport {\n  IcMenuChangeEventDetail,\n  IcMenuOptionIdEventDetail,\n  IcOptionSelectEventDetail,\n} from \"../ic-menu/ic-menu.types\";\n\nimport clearIcon from \"../../assets/clear-icon.svg\";\nimport searchIcon from \"../../assets/search-icon.svg\";\nimport { IcButtonTypes } from \"../ic-button/ic-button.types\";\n\nlet inputIds = 0;\n\n/**\n * @slot helper-text - Content is set as the helper text for the search bar.\n */\n@Component({\n  tag: \"ic-search-bar\",\n  styleUrl: \"ic-search-bar.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport class SearchBar {\n  private anchorEl?: HTMLElement;\n  private assistiveHintEl?: HTMLSpanElement;\n  private debounceAriaLive?: number;\n  private hasTimedOut = false;\n  private inputEl?: HTMLInputElement;\n  private inputId = `ic-search-bar-input-${inputIds++}`;\n  private menu?: HTMLIcMenuElement;\n  private menuCloseFromMenuChangeEvent = false;\n  private menuId = `${this.inputId}-menu`;\n  private preLoad = true;\n  private preventSubmit = false;\n  private prevNoOption = false;\n  private retryButtonClick = false;\n  private retryViaKeyPress = false;\n  private timeoutTimer?: number;\n  private truncateValue = false;\n  private searchSubmitButton?: HTMLIcButtonElement;\n\n  @Element() el: HTMLIcSearchBarElement;\n\n  @State() ariaActiveDescendant?: string;\n  @State() clearButtonFocused = false;\n  @State() highlightedValue?: string;\n  @State() open = false;\n  @State() searchSubmitFocused = false;\n  @State() showClearButton = false;\n\n  /**\n   * The automatic capitalisation of the text value as it is entered/edited by the user.\n   * Available options: \"off\", \"none\", \"on\", \"sentences\", \"words\", \"characters\".\n   */\n  @Prop() autocapitalize = \"off\";\n\n  /**\n   * The state of autocompletion the browser can apply on the text value.\n   */\n  @Prop() autocomplete: IcAutocompleteTypes = \"off\";\n\n  /**\n   * The state of autocorrection the browser can apply when the user is entering/editing the text value.\n   */\n  @Prop() autocorrect: IcAutocorrectStates = \"off\";\n\n  /**\n   * If `true`, the form control will have input focus when the page loads.\n   */\n  @Prop() autofocus = false;\n\n  /**\n   * The number of characters until suggestions appear. The submit button will be disabled until the inputted value is equal to or greater than this number.\n   */\n  @Prop() charactersUntilSuggestion = 2;\n  @Watch(\"charactersUntilSuggestion\")\n  watchCharactersUntilSuggestionHandler(): void {\n    if (this.showMenuWithNoInput()) {\n      this.filteredOptions = this.options;\n    }\n  }\n\n  /**\n   * If `true`, the disabled state will be set.\n   */\n  @Prop() disabled = false;\n  @Watch(\"disabled\")\n  watchDisabledHandler(): void {\n    removeDisabledFalse(this.disabled, this.el as HTMLElement);\n  }\n\n  /**\n   * Specify whether to disable the built in filtering. For example, if options will already be filtered from external source.\n   * If `true`, all options provided will be displayed.\n   */\n  @Prop() disableAutoFiltering = false;\n\n  /**\n   * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.\n   */\n  @Prop() debounce = 0;\n  @Watch(\"debounce\")\n  private debounceChanged() {\n    this.icChange = debounceEvent(this.icChange, this.debounce);\n  }\n\n  /**\n   * The text displayed when there are no options in the option list.\n   */\n  @Prop() emptyOptionListText = \"No results found\";\n\n  /**\n   * If `true`, the search bar will be focused when component loaded.\n   */\n  @Prop() focusOnLoad = false;\n\n  /**\n   * Specify whether the search bar fills the full width of the container.\n   * If `true`, this overrides the --input-width CSS variable.\n   */\n  @Prop() fullWidth = false;\n\n  /**\n   * The helper text that will be displayed for additional field guidance.\n   */\n  @Prop() helperText = \"\";\n\n  /**\n   * If `true`, the label will be hidden and the required label value will be applied as an aria-label.\n   */\n  @Prop() hideLabel = false;\n\n  /**\n   * The hint text for the hidden assistive description element.\n   */\n  @Prop() assistiveHintText =\n    \"When autocomplete results are available use the up and down arrows to choose and press enter to select\";\n\n  /**\n   * The label for the search bar.\n   */\n  @Prop() label!: string;\n\n  /**\n   * The custom name for the label field to correspond with the IcMenuOption type.\n   */\n  @Prop() labelField = \"label\";\n\n  /**\n   * Trigger loading state when fetching options asynchronously\n   */\n  @Prop({ mutable: true }) loading = false;\n  @Watch(\"loading\")\n  loadingHandler(newValue: boolean): void {\n    if (newValue && !this.hasTimedOut) {\n      this.preLoad = false;\n      this.triggerLoading();\n    }\n  }\n\n  /**\n   * Change the message displayed when external loading times out.\n   */\n  @Prop() loadingErrorLabel = \"Loading Error\";\n\n  /**\n   * Change the message displayed whilst the options are being loaded externally.\n   */\n  @Prop() loadingLabel = \"Loading...\";\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() name = this.inputId;\n\n  /**\n   * The placeholder value to display.\n   */\n  @Prop() placeholder = \"Search\";\n\n  /**\n   * If `true` the parent form will not submit when the icSubmitSearch event fires.\n   */\n  @Prop() preventFormSubmitOnSearch = false;\n  @State() searchButtonType: IcButtonTypes;\n  @Watch(\"preventFormSubmitOnSearch\")\n  preventFormSubmitOnSearchHandler(): void {\n    this.updateSearchButtonType();\n  }\n\n  /**\n   * If `true`, the readonly state will be set.\n   */\n  @Prop() readonly = false;\n\n  /**\n   * If `true`, the search bar will require a value.\n   */\n  @Prop() required = false;\n\n  /**\n   * Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches.\n   */\n  @Prop() searchMode: IcSearchBarSearchModes = \"navigation\";\n\n  /**\n   * The size of the search bar component.\n   */\n  @Prop() size: IcSizesNoLarge = \"medium\";\n\n  /**\n   * If `true`, the value of the search will have its spelling and grammar checked.\n   */\n  @Prop() spellcheck = false;\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme: IcThemeMode = \"inherit\";\n\n  /**\n   * If using external filtering, set a timeout for when loading takes too long.\n   */\n  @Prop() timeout?: number;\n\n  /**\n   * The custom name for the value field to correspond with the IcMenuOption type.\n   */\n  @Prop() valueField = \"value\";\n\n  @State() filteredOptions: IcMenuOption[] = [];\n  @Watch(\"filteredOptions\")\n  filteredOptionsHandler(newOptions: IcMenuOption[]): void {\n    this.hasTimedOut = newOptions.some((opt) => opt.timedOut);\n  }\n\n  /**\n   * The suggested search options.\n   */\n  @Prop() options: IcMenuOption[] = [];\n  @Watch(\"options\")\n  watchOptionsHandler(newOptions: IcMenuOption[]): void {\n    if (this.disableAutoFiltering) {\n      if (!this.hasTimedOut) {\n        this.loading = false;\n        clearTimeout(this.timeoutTimer);\n        if (newOptions.length > 0) {\n          this.filteredOptions = newOptions;\n        } else {\n          if (this.hadNoOptions()) {\n            return;\n          }\n          this.setMenuChange(true);\n          if (!this.preLoad) {\n            this.filteredOptions = [\n              {\n                [this.labelField]: this.emptyOptionListText,\n                [this.valueField]: \"\",\n              },\n            ];\n          }\n          this.preLoad = true;\n        }\n      }\n    } else if (this.showMenuWithNoInput()) {\n      this.filteredOptions = newOptions;\n    }\n    this.debounceAriaLiveUpdate();\n  }\n\n  /**\n   * The value of the search input.\n   */\n  @Prop({ reflect: true, mutable: true }) value = \"\";\n  @Watch(\"value\")\n  watchValueHandler(newValue: string): void {\n    this.setInputValue(newValue);\n    this.icChange.emit({ value: newValue });\n  }\n\n  // The icChange event is defined here so that it appears as an event for search bar\n  /**\n   * Emitted when the value has changed.\n   */\n  @Event() icChange: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * Emitted when value is cleared with clear button\n   */\n  @Event() icClear: EventEmitter<void>;\n  private handleClear = (ev: Event) => {\n    const keyboardEvent = ev as KeyboardEvent;\n    const mouseEvent = ev as MouseEvent;\n\n    if (\n      mouseEvent.type === \"click\" ||\n      keyboardEvent.code === \"Enter\" ||\n      keyboardEvent.code === \"Space\"\n    ) {\n      this.value = \"\";\n      this.inputEl?.setAttribute(\"value\", \"\");\n      this.loading = false;\n      clearTimeout(this.timeoutTimer);\n      this.filteredOptions = this.options;\n      this.showMenuWithNoInput() && this.setMenuChange(true);\n      this.el.setFocus();\n\n      this.icClear.emit();\n      ev.preventDefault();\n\n      this.preventSubmit = true;\n    }\n  };\n\n  // The icInput event is defined here so that it appears as an event for search bar\n  /**\n   * Emitted when a keyboard input occurred.\n   */\n  @Event() icInput: EventEmitter<IcValueEventDetail>;\n  private onInput = ({ target }: Event) => {\n    this.value = (target as HTMLInputElement).value;\n    this.icInput.emit({ value: this.value });\n\n    if (this.options.length > 0) {\n      this.setMenuChange(true);\n\n      this.preLoad = false;\n\n      if (this.disableAutoFiltering === false) {\n        const rawFilteredOptions = getFilteredMenuOptions(\n          this.options,\n          false,\n          this.value,\n          \"anywhere\",\n          this.labelField\n        );\n\n        this.filteredOptions =\n          rawFilteredOptions.length > 0\n            ? rawFilteredOptions\n            : [\n                {\n                  [this.labelField]: this.emptyOptionListText,\n                  [this.valueField]: \"\",\n                },\n              ];\n      }\n    }\n\n    if (!this.showClearButton) this.showClearButton = true;\n\n    this.debounceAriaLiveUpdate();\n  };\n\n  private onInputBlur = ({ target, relatedTarget }: FocusEvent) => {\n    this.icSearchBarBlur.emit({\n      value: (target as HTMLInputElement).value,\n      relatedTarget,\n    });\n  };\n\n  private onInputFocus = ({ target }: Event) => {\n    this.icSearchBarFocus.emit({ value: (target as HTMLInputElement).value });\n\n    this.showClearButton = true;\n  };\n\n  /**\n   * Emitted when option is highlighted within the menu\n   */\n  @Event() icOptionSelect: EventEmitter<IcOptionSelectEventDetail>;\n\n  /**\n   * Emitted when the state of the menu changes (i.e. open or close)\n   */\n  @Event() icMenuChange: EventEmitter<IcMenuChangeEventDetail>;\n\n  /**\n   * @internal - Emitted when blur is invoked from clear button\n   */\n  @Event() icClearBlur: EventEmitter<IcBlurEventDetail>;\n  private handleClearBlur = ({ relatedTarget }: FocusEvent) => {\n    this.icClearBlur.emit({ relatedTarget });\n\n    this.clearButtonFocused = false;\n  };\n\n  /**\n   * Emitted when the 'retry loading' button is clicked\n   */\n  @Event() icRetryLoad: EventEmitter<IcMultiValueEventDetail>;\n\n  /**\n   * Emitted when the search value has been submitted\n   */\n  @Event() icSubmitSearch: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * @internal - Emitted when blur is invoked from search submit button\n   */\n  @Event() icSubmitSearchBlur: EventEmitter<IcBlurEventDetail>;\n  private handleSubmitSearchBlur = ({ relatedTarget }: FocusEvent) => {\n    this.icSubmitSearchBlur.emit({ relatedTarget });\n\n    this.searchSubmitFocused = false;\n  };\n\n  /**\n   * Emitted when blur is invoked from ic-search-bar\n   */\n  @Event() icSearchBarBlur: EventEmitter<IcSearchBarBlurEventDetail>;\n\n  /**\n   * Emitted when focus is invoked from ic-search-bar\n   */\n  @Event() icSearchBarFocus: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * Emitted when a keydown event occurred.\n   */\n  @Event() icKeydown: EventEmitter<{ event: KeyboardEvent }>;\n\n  connectedCallback(): void {\n    this.debounceChanged();\n  }\n\n  disconnectedCallback(): void {\n    this.assistiveHintEl?.remove();\n  }\n\n  componentWillLoad(): void {\n    this.setInputValue(this.value);\n\n    removeDisabledFalse(this.disabled, this.el as HTMLElement);\n\n    this.updateSearchButtonType();\n  }\n\n  componentDidLoad(): void {\n    if (this.focusOnLoad) {\n      this.el.setFocus();\n    }\n\n    if (this.hasOptionsOrFilterDisabled()) {\n      this.renderAssistiveHintEl();\n      if (this.disableAutoFiltering || this.showMenuWithNoInput()) {\n        this.filteredOptions = this.options;\n      }\n    }\n\n    onComponentRequiredPropUndefined(\n      [{ prop: this.label, propName: \"label\" }],\n      \"Search Bar\"\n    );\n  }\n\n  componentWillRender(): void {\n    if (this.prevNoOption && this.menu && !this.hasTimedOut) {\n      this.menu.handleSetFirstOption();\n      this.prevNoOption = false;\n    }\n    if (\n      this.filteredOptions.find(\n        (filteredOption) =>\n          filteredOption[this.labelField] === this.emptyOptionListText ||\n          filteredOption[this.labelField] === this.loadingErrorLabel ||\n          filteredOption[this.labelField] === this.loadingLabel\n      )\n    ) {\n      this.prevNoOption = true;\n    }\n  }\n\n  @Listen(\"keydown\", {})\n  handleKeyDown(event: KeyboardEvent): void {\n    this.icKeydown.emit({ event });\n    if (this.menu && this.open) {\n      this.menu.handleKeyboardOpen(event);\n    }\n  }\n\n  @Listen(\"keyup\", {})\n  handleKeyUp(ev: KeyboardEvent): void {\n    if (ev.key === \"Enter\") {\n      if (this.preventSubmit || this.isSubmitDisabled()) {\n        return;\n      }\n\n      this.handleSubmitSearch();\n      this.setMenuChange(false);\n    }\n\n    if (ev.key === \"Escape\") {\n      this.setMenuChange(false);\n    }\n\n    if (this.preventSubmit) {\n      this.preventSubmit = false;\n    }\n  }\n\n  /**\n   * Sets focus on the native `input`.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    this.retryViaKeyPress = false;\n    this.retryButtonClick = false;\n    this.inputEl?.focus();\n  }\n\n  private setInputValue = (newValue: string) => {\n    if (this.inputEl) {\n      const label = getLabelFromValue(\n        newValue,\n        this.options,\n        this.valueField,\n        this.labelField\n      );\n      if (label) this.inputEl.value = label;\n      else if (this.inputEl.value !== newValue) {\n        this.inputEl.value = newValue;\n      }\n    }\n  };\n\n  private handleMouseDown = (ev: Event) => {\n    ev.preventDefault();\n  };\n\n  private handleSubmitSearchFocus = () => {\n    this.searchSubmitFocused = true;\n  };\n\n  private handleSubmitSearch = () => {\n    if (this.highlightedValue) this.value = this.highlightedValue;\n    this.highlightedValue = undefined;\n    this.icSubmitSearch.emit({ value: this.value });\n\n    const form = this.el.closest<HTMLFormElement>(\"FORM\");\n\n    if (this.searchSubmitButton && !!form && !this.preventSubmit) {\n      handleHiddenFormButtonClick(form, this.searchSubmitButton);\n    }\n  };\n\n  private debounceAriaLiveUpdate() {\n    clearTimeout(this.debounceAriaLive);\n\n    this.debounceAriaLive = window.setTimeout(() => {\n      this.updateSearchResultAriaLive();\n    }, 500);\n  }\n\n  private handleSubmitSearchKeyDown = (ev: KeyboardEvent) => {\n    if (ev.key === \" \") {\n      ev.preventDefault();\n      this.handleSubmitSearch();\n    }\n  };\n\n  private handleRetry = (ev: CustomEvent<IcMultiValueEventDetail>) => {\n    this.retryViaKeyPress = ev.detail.keyPressed === \"Enter\";\n    this.icRetryLoad.emit({ value: ev.detail.value });\n    this.triggerLoading();\n    this.retryButtonClick = true;\n  };\n\n  private triggerLoading = () => {\n    const loadingOption: IcMenuOption[] = [\n      {\n        [this.labelField]: this.loadingLabel,\n        [this.valueField]: \"\",\n        loading: true,\n      },\n    ];\n    if (this.filteredOptions !== loadingOption)\n      this.filteredOptions = loadingOption;\n    if (this.timeout) {\n      this.timeoutTimer = window.setTimeout(() => {\n        this.filteredOptions = [\n          {\n            [this.labelField]: this.loadingErrorLabel,\n            [this.valueField]: \"\",\n            timedOut: true,\n          },\n        ];\n      }, this.timeout);\n    }\n  };\n\n  private handleOptionSelect = (ev: CustomEvent) => {\n    if (ev.detail.label === this.emptyOptionListText) {\n      this.el.setFocus();\n      return;\n    }\n\n    this.value = ev.detail.value;\n    this.icOptionSelect.emit({ value: this.value });\n  };\n\n  private handleMenuOptionHighlight = (\n    ev: CustomEvent<IcMenuOptionIdEventDetail>\n  ) => {\n    const { optionId } = ev.detail;\n    if (optionId)\n      this.highlightedValue = optionId.replace(`${this.menuId}-`, \"\");\n    this.ariaActiveDescendant = optionId || \"\";\n  };\n\n  private handleMenuChange = (ev: CustomEvent<IcMenuChangeEventDetail>) => {\n    this.setMenuChange(ev.detail.open);\n    if (!ev.detail.open) {\n      this.menuCloseFromMenuChangeEvent = true;\n    }\n  };\n\n  private setMenuChange = (open: boolean) => {\n    if (this.open !== open) {\n      this.open = open;\n      this.icMenuChange.emit({ open });\n    }\n  };\n\n  private handleHostFocus = () => {\n    if (\n      this.options &&\n      (this.value || this.showMenuWithNoInput()) &&\n      !this.menuCloseFromMenuChangeEvent\n    ) {\n      this.setMenuChange(true);\n    }\n    this.truncateValue = false;\n    this.showMenuWithNoInput() && this.debounceAriaLiveUpdate();\n\n    this.icSearchBarFocus.emit();\n  };\n\n  private handleHostBlur = ({ relatedTarget }: FocusEvent) => {\n    if (\n      this.open &&\n      this.options &&\n      relatedTarget !== this.menu &&\n      !this.retryViaKeyPress &&\n      !this.retryButtonClick\n    ) {\n      this.setMenuChange(false);\n    }\n\n    if (this.retryButtonClick || this.retryViaKeyPress) {\n      this.inputEl?.focus();\n    }\n\n    this.showClearButton = false;\n    this.menuCloseFromMenuChangeEvent = false;\n    this.truncateValue = true;\n    this.icSearchBarBlur.emit({\n      relatedTarget,\n      value: this.value,\n    });\n    this.retryViaKeyPress = false;\n    this.retryButtonClick = false;\n    this.showMenuWithNoInput() && this.updateSearchResultAriaLive();\n  };\n\n  private handleFocusClearButton = () => {\n    this.clearButtonFocused = true;\n  };\n\n  private renderAssistiveHintEl = () => {\n    const input = this.el.shadowRoot?.querySelector(`#${this.inputId}`);\n\n    if (\n      input &&\n      Object.keys(input).length > 0 &&\n      this.hasOptionsOrFilterDisabled()\n    ) {\n      this.assistiveHintEl = document.createElement(\"span\");\n      this.assistiveHintEl.innerText = this.assistiveHintText;\n      this.assistiveHintEl.id = `${this.inputId}-assistive-hint`;\n      this.assistiveHintEl.style.display = \"none\";\n      input.after?.(this.assistiveHintEl);\n    }\n  };\n\n  private updateSearchResultAriaLive = () => {\n    const searchResultsStatusEl =\n      this.el.shadowRoot?.querySelector<HTMLParagraphElement>(\n        \".search-results-status\"\n      );\n\n    if (searchResultsStatusEl) {\n      if (\n        !this.open ||\n        (this.value === \"\" && !this.showMenuWithNoInput()) ||\n        this.value.length < this.charactersUntilSuggestion\n      ) {\n        searchResultsStatusEl.innerText = \"\";\n      } else if (\n        this.hasOptionsOrFilterDisabled() &&\n        this.filteredOptions.length > 0 &&\n        this.open &&\n        !this.filteredOptions[0].loading\n      ) {\n        searchResultsStatusEl.innerText = this.hadNoOptions()\n          ? this.emptyOptionListText\n          : `${this.filteredOptions.length} result${\n              this.filteredOptions.length > 1 ? \"s\" : \"\"\n            } available`;\n      }\n    }\n  };\n\n  private hasOptionsOrFilterDisabled = () =>\n    this.options.length > 0 || this.disableAutoFiltering;\n\n  private hadNoOptions = () =>\n    this.filteredOptions.length === 1 &&\n    this.filteredOptions[0][this.labelField] === this.emptyOptionListText &&\n    this.searchMode === \"navigation\";\n\n  private isSubmitDisabled = () =>\n    !this.value ||\n    this.value.length < this.charactersUntilSuggestion ||\n    this.disabled ||\n    this.hadNoOptions() ||\n    this.hasTimedOut ||\n    this.loading;\n\n  private showMenuWithNoInput = () => this.charactersUntilSuggestion === 0;\n  private updateSearchButtonType = () => {\n    this.searchButtonType =\n      !!this.el.closest<HTMLFormElement>(\"FORM\") &&\n      !this.preventFormSubmitOnSearch\n        ? \"submit\"\n        : \"button\";\n  };\n\n  render() {\n    const {\n      inputId,\n      name,\n      label,\n      required,\n      size,\n      placeholder,\n      helperText,\n      disabled,\n      value,\n      readonly,\n      spellcheck,\n      fullWidth,\n      options,\n      open,\n      hideLabel,\n      menuId,\n      ariaActiveDescendant,\n      truncateValue,\n      autofocus,\n      autocapitalize,\n      autocomplete,\n      filteredOptions,\n      theme,\n      charactersUntilSuggestion,\n      labelField,\n      valueField,\n      loadingLabel,\n      loadingErrorLabel,\n      searchMode,\n      showClearButton,\n      searchSubmitFocused,\n      clearButtonFocused,\n      searchButtonType,\n    } = this;\n\n    const disabledMode = readonly || disabled;\n\n    const describedBy = getInputDescribedByText(\n      this.el,\n      inputId,\n      helperText !== \"\",\n      false\n    ).trim();\n\n    let describedById = undefined;\n\n    if (describedBy !== \"\" && this.hasOptionsOrFilterDisabled()) {\n      describedById = `${describedBy} ${inputId}-assistive-hint`;\n    } else if (this.hasOptionsOrFilterDisabled()) {\n      describedById = `${inputId}-assistive-hint`;\n    } else if (describedBy !== \"\") {\n      describedById = describedBy;\n    }\n\n    const hasSuggestedSearch =\n      (!!value || this.showMenuWithNoInput()) &&\n      this.hasOptionsOrFilterDisabled();\n    const menuOpen = hasSuggestedSearch && open && filteredOptions.length > 0;\n    const menuRendered = menuOpen && value.length >= charactersUntilSuggestion;\n\n    const labelValue = getLabelFromValue(\n      value,\n      options,\n      valueField,\n      labelField\n    );\n\n    renderHiddenInput(this.el as HTMLElement, value, name, disabledMode);\n\n    return (\n      <Host\n        class={{\n          \"ic-search-bar-search\": true,\n          \"ic-search-bar-full-width\": fullWidth,\n          \"ic-search-bar-disabled\": disabled,\n          \"ic-search-bar-small\": size === \"small\",\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n        }}\n        onFocus={this.handleHostFocus}\n        onBlur={this.handleHostBlur}\n      >\n        <ic-input-container readonly={readonly} disabled={disabledMode}>\n          {!hideLabel && (\n            <ic-input-label\n              for={inputId}\n              label={label}\n              helperText={helperText}\n              required={required}\n              disabled={disabledMode && !readonly}\n              readonly={readonly}\n            >\n              <slot name=\"helper-text\" slot=\"helper-text\"></slot>\n            </ic-input-label>\n          )}\n          <ic-input-component-container\n            ref={(el) => (this.anchorEl = el)}\n            size={size}\n            disabled={disabledMode}\n            readonly={readonly}\n            fullWidth={fullWidth}\n          >\n            <input\n              id={inputId}\n              name={name}\n              ref={(el) => (this.inputEl = el)}\n              value={options && !!labelValue ? labelValue : value}\n              class={{\n                \"no-left-pad\": readonly,\n                readonly,\n                \"truncate-value\": truncateValue,\n              }}\n              placeholder={placeholder}\n              required={required}\n              disabled={disabledMode}\n              readonly={readonly}\n              onInput={this.onInput}\n              onBlur={this.onInputBlur}\n              onFocus={this.onInputFocus}\n              aria-label={hideLabel ? label : undefined}\n              aria-activedescendant={ariaActiveDescendant}\n              aria-expanded={\n                options.length > 0 && menuRendered ? `${menuOpen}` : undefined\n              }\n              aria-owns={menuRendered ? menuId : undefined}\n              aria-describedby={describedById}\n              aria-controls={menuRendered ? menuId : undefined}\n              aria-haspopup={options.length > 0 ? \"listbox\" : undefined}\n              aria-autocomplete={hasSuggestedSearch ? \"list\" : undefined}\n              role={options.length > 0 && menuRendered ? \"combobox\" : undefined}\n              autocomplete={autocomplete}\n              autocapitalize={autocapitalize}\n              autoFocus={autofocus}\n              spellcheck={spellcheck}\n              inputmode=\"search\"\n            ></input>\n            <div\n              class={{\n                \"clear-button-container\": true,\n                \"clear-button-visible\":\n                  !!value && !disabledMode && showClearButton,\n              }}\n            >\n              <ic-button\n                id=\"clear-button\"\n                class={{\n                  \"clear-button\": true,\n                  \"clear-button-unfocused\": !clearButtonFocused,\n                }}\n                aria-label=\"Clear\"\n                innerHTML={clearIcon}\n                onClick={this.handleClear}\n                onMouseDown={this.handleMouseDown}\n                size={size}\n                onFocus={this.handleFocusClearButton}\n                onBlur={this.handleClearBlur}\n                onKeyDown={this.handleClear}\n                type={\"button\"}\n                variant=\"icon\"\n                theme={clearButtonFocused ? \"light\" : \"dark\"}\n              ></ic-button>\n              <div class=\"divider\"></div>\n            </div>\n            <div\n              class={{\n                \"search-submit-button-container\": true,\n                \"search-submit-button-disabled\": this.isSubmitDisabled(),\n              }}\n            >\n              <ic-button\n                id=\"search-submit-button\"\n                aria-label=\"Search\"\n                ref={(el) => (this.searchSubmitButton = el)}\n                class={{\n                  \"search-submit-button\": true,\n                  \"search-submit-button-small\": size === \"small\",\n                  \"search-submit-button-unfocused\": !searchSubmitFocused,\n                  \"search-submit-button-disabled\": this.isSubmitDisabled(),\n                }}\n                disabled={this.isSubmitDisabled()}\n                innerHTML={searchIcon}\n                size={size}\n                onClick={this.handleSubmitSearch}\n                onMouseDown={this.handleMouseDown}\n                onBlur={this.handleSubmitSearchBlur}\n                onFocus={this.handleSubmitSearchFocus}\n                onKeyDown={this.handleSubmitSearchKeyDown}\n                type={searchButtonType}\n                variant=\"icon\"\n                theme={searchSubmitFocused ? \"light\" : \"dark\"}\n              ></ic-button>\n            </div>\n          </ic-input-component-container>\n          <div\n            class={{\n              \"menu-container\": true,\n              fullwidth: fullWidth,\n            }}\n          >\n            {menuRendered && this.anchorEl && this.inputEl && (\n              <ic-menu\n                class={{\n                  \"no-results\":\n                    this.hadNoOptions() ||\n                    (filteredOptions.length === 1 &&\n                      (filteredOptions[0][labelField] === loadingLabel ||\n                        filteredOptions[0][labelField] === loadingErrorLabel)),\n                }}\n                activationType=\"manual\"\n                anchorEl={this.anchorEl}\n                autofocusOnSelected={false}\n                searchMode={searchMode}\n                inputEl={this.inputEl}\n                inputLabel={label}\n                ref={(el) => (this.menu = el)}\n                fullWidth={fullWidth}\n                menuId={menuId}\n                open={true}\n                options={filteredOptions}\n                onMenuOptionSelect={this.handleOptionSelect}\n                onMenuStateChange={this.handleMenuChange}\n                onMenuOptionId={this.handleMenuOptionHighlight}\n                onRetryButtonClicked={this.handleRetry}\n                parentEl={this.el as HTMLElement}\n                value={value}\n                labelField={labelField}\n                valueField={valueField}\n              ></ic-menu>\n            )}\n          </div>\n        </ic-input-container>\n        <div\n          aria-live=\"polite\"\n          role=\"status\"\n          class=\"search-results-status\"\n        ></div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/ic-search-bar/ic-search-bar.stories.js

@@ -4,12 +4,15 @@ const defaultArgs = {
   autocapitalize: "off",
   autocorrect: "off",
   autofocus: false,
+  charactersUntilSuggestion: 2,
+  disableAutoFiltering: false,
   disabled: false,
-  fullWidth: false,
   focusOnLoad: true,
+  fullWidth: false,
   helperText: "",
   hideLabel: false,
   label: "What is your favourite coffee?",
+  loading: false,
   placeholder: "Search",
   readonly: false,
   required: false,
@@ -139,15 +142,26 @@ export const HelperText = {
         label="What is your favourite coffee?"
         helper-text="Some helper text"
       ></ic-search-bar>
+      <br />
+      <ic-search-bar label="What is your favourite coffee?"
+        ><ic-typography variant="caption" slot="helper-text">
+          <span>
+            Slotted helper text with a <ic-link href="#">link</ic-link>
+          </span>
+        </ic-typography></ic-search-bar
+      >
       <script>
-        document.querySelector("ic-search-bar").options = [
-          { label: "Espresso", value: "espresso" },
-          { label: "Double Espresso", value: "doubleespresso" },
-          { label: "Flat White", value: "flatwhite" },
-          { label: "Cappuccino", value: "cappuccino" },
-          { label: "Americano", value: "americano" },
-          { label: "Mocha", value: "mocha" },
-        ];
+        document.querySelectorAll("ic-search-bar").forEach(
+          (el) =>
+            (el.options = [
+              { label: "Espresso", value: "espresso" },
+              { label: "Double Espresso", value: "doubleespresso" },
+              { label: "Flat White", value: "flatwhite" },
+              { label: "Cappuccino", value: "cappuccino" },
+              { label: "Americano", value: "americano" },
+              { label: "Mocha", value: "mocha" },
+            ])
+        );
       </script>`,
 
   name: "Helper text",
@@ -528,20 +542,17 @@ export const Playground = {
         autocapitalize=${args.autocapitalize}
         autocorrect=${args.autocorrect}
         autofocus=${args.autofocus}
-        label=${args.label}
-        required=${args.required}
-        readonly=${args.readonly}
-        spellcheck=${args.spellcheck}
+        characters-until-suggestion=${args.charactersUntilSuggestion}
+        disable-auto-filtering=${args.disableAutoFiltering}
         disabled=${args.disabled}
-        full-width=${args.fullWidth}
         focus-on-load=${args.focusOnLoad}
+        full-width=${args.fullWidth}
         helper-text=${args.helperText}
         hide-label=${args.hideLabel}
+        label=${args.label}
+        loading=${args.loading}
         placeholder=${args.placeholder}
-        size=${args.size}
-        theme=${args.theme}
-      >
-      </ic-search-bar>
+      ></ic-search-bar>
       <script>
         document.querySelector("ic-search-bar").options = [
           { label: "Espresso", value: "espresso" },