wabtec-internal-volt-basic-components 1.0.0 → 1.2.0

package/dist/cjs/vds-basic-autocomplete.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vds-basic-autocomplete.entry.cjs.js","sources":["src/components/autocomplete/vds-basic-autocomplete.utils.ts","src/components/autocomplete/vds-basic-autocomplete.scss?tag=vds-basic-autocomplete&encapsulation=shadow","src/components/autocomplete/vds-basic-autocomplete.tsx"],"sourcesContent":["export const getFilteredOptions = (options: HTMLVdsAutocompleteItemElement[], value: string, validateCasing: boolean = false) => {\n    try {\n        return options.filter(item => {\n            if (validateCasing) {\n                return (item.textContent?.includes(value) || item.value?.includes(value) || item.label?.includes(value));\n            }\n            return findOptionByValue(item, value);\n        });\n    } catch (error) {\n        console.warn(\"[getFilteredOptions]\", error);\n        return [];\n    }\n}\n\n/**\n * Checks if an option object matches the given search value.\n * @param {Object} option - The option object to be checked in a HTMLVdsAutocompleteItemElement\n * @param {string} searchValue - The value to search for within the option.\n * @returns {boolean} - \n *   True if the searchValue is found within the option's `textContent`, `label`, or `value`.\n *   False otherwise.\n */\nexport const findOptionByValue = (option: HTMLVdsAutocompleteItemElement, searchValue: string): boolean => {\n    try {\n        const lowerCaseSearchValue = searchValue?.toLowerCase() || \"\";\n        return (\n            option.textContent && option.textContent?.toLowerCase().includes(lowerCaseSearchValue) ||\n            option.label && option.label?.toLowerCase().includes(lowerCaseSearchValue) ||\n            option.value && option.value?.toLowerCase().includes(lowerCaseSearchValue)\n        );\n    }catch (error) {\n        console.warn(\"[findOptionByValue]\", error);\n        return false;\n    }\n};\n\n/**\n * Checks if an option object matches the given search value exactly.\n * @param {Object} option - The option object to be checked in a HTMLVdsAutocompleteItemElement\n * @param {string} searchValue - The value to search for within the option.\n * @returns {boolean} - \n *   True if the searchValue is exactly the same to one of the option's `textContent`, `label`, or `value`.\n *   False otherwise.\n */\nexport const findOptionByExactValue = (option: HTMLVdsAutocompleteItemElement, searchValue: string): boolean => {\n    try {\n        const lowerCaseSearchValue = searchValue?.toLowerCase() || \"\";\n        return (\n            option.textContent && option.textContent?.toLowerCase() === lowerCaseSearchValue ||\n            option.label && option.label?.toLowerCase() === lowerCaseSearchValue ||\n            option.value && option.value?.toLowerCase() === lowerCaseSearchValue\n        );\n    }catch (error) {\n        console.warn(\"[findOptionByValue]\", error);\n        return false;\n    }\n};",":host {\n  display: block;\n  \n  --vds-basic-autocomplete-input-min-width: 7.5rem;\n  --vds-basic-autocomplete-input-min-width-large: 9.25rem;\n\n  .vds-basic-autocomplete__container {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n\n    vds-basic-input {\n      --vds-input-min-width: var(--vds-basic-autocomplete-input-min-width);\n      --vds-input-min-width-large: var(--vds-basic-autocomplete-input-min-width-large);\n    }\n\n    .vds-basic-autocomplete__content {\n      display: none;\n      flex-direction: column;\n      align-items: flex-start;\n      align-self: stretch;\n      min-width: max-content;\n      max-height: fit-content !important;\n      border-radius: var(--radius-medium);\n      background: var(--surface-medium);\n      box-shadow: var(--elevation-shadow-2);\n      box-sizing: border-box;\n      border: 0.0625rem solid var(--color-border-lowest);\n      margin-top: 0.25rem;\n      z-index: var(--elevation-layer-5);\n\n      &.no-shadow {\n        box-shadow: none;\n        border: none;\n\n        .vds-basic-autocomplete__content__header {\n          box-shadow: var(--elevation-shadow-2);\n        }\n      }\n\n      &.has-scroll {\n        padding-right: var(--spacing-01);\n      }\n\n      &.match-width {\n        width: var(--trigger-width);\n        min-width: var(--trigger-width);\n      }\n\n      .vds-basic-autocomplete__content-options {\n        overflow-y: auto;\n        display: flex;\n        flex-direction: column;\n        border-radius: var(--radius-medium);\n\n        &.scrollable {\n          padding-right: var(--spacing-01);\n        }\n\n        &::-webkit-scrollbar {\n          background-color: var(--surface-medium);\n          width: 0.375rem;\n        }\n\n        &::-webkit-scrollbar-thumb {\n          background-color: var(--color-background-neutral-press);\n          border-radius: 1rem;\n        }\n      }\n    }\n\n    .vds-basic-autocomplete__primary-action,\n    .vds-basic-autocomplete__secondary-action {\n      display: inline-flex;\n      align-items: center;\n    }\n  }\n\n  .vds-floating-backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: var(--color-interaction-black-lower);\n    opacity: 0.06;\n    z-index: var(--elevation-layer-4);\n  }\n\n  .non-clickable {\n    pointer-events: none;\n  }\n}\n\n:host(.vds-basic-autocomplete--disabled) {\n  pointer-events: none;\n}","import { Component, Host, Prop, Watch, h, Event, EventEmitter, Method, State, Element } from '@stencil/core';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { toggleContainerDisplay, updateContainerWidth } from '../basic-dropdown/vds-basic-dropdown.utils';\nimport { updateFloatingBoxPosition } from '../../utils/floating-engine-utils';\nimport { HTMLStencilElement, Listen } from '@stencil/core/internal';\nimport { cloneAttributes } from '../../utils/clone-attributes';\nimport { findOptionByExactValue, findOptionByValue, getFilteredOptions } from './vds-basic-autocomplete.utils';\nimport { getIconSize } from '../../utils/icon-attr.utils';\n\n@Component({\n  tag: 'vds-basic-autocomplete',\n  styleUrl: 'vds-basic-autocomplete.scss',\n  shadow: true,\n})\nexport class VdsBasicAutocomplete {\n\n  /** \n   * Sets the internal input size.\n   * If multiple property is true, This will only set the basic-input text value.\n   * If multiple property is false and the value prop matches with an option, the option will be selected,\n   * Otherwise text will be set in the basic-input.\n   */\n  @Prop({ mutable: true }) size: \"small\" | \"medium\" | \"large\" = \"medium\";\n  /** Sets the internal input value */\n  @Prop({ mutable: true, reflect: true }) value: string;\n  /** Sets the selected options when multiple is activated */\n  @Prop({ mutable: true, reflect: true }) multipleValues: Array<string> = [];\n  /** Sets the selected dropdown value when dropdown is activated */\n  @Prop() selectedDropdownValue = \"\";\n  /** Sets the internal input placeholder. */\n  @Prop({ mutable: true, reflect: true }) placeholder: string;\n  /** Sets the internal input in disabled state. */\n  @Prop({ mutable: true, reflect: true }) disabled: boolean;\n  /** Sets the internal input in readonly state. */\n  @Prop({ mutable: true, reflect: true }) isReadonly: boolean;\n  /** Sets the internal input in error state. */\n  @Prop({ mutable: true, reflect: true }) error: boolean;\n  /** Toggles the required sign in the internal input */\n  @Prop({ mutable: true, reflect: true }) isRequired: boolean = false;\n  /** Allows user to define a information icon inside the input at its left . */\n  @Prop() informativeIcon: string;\n  /** Sets character formatting for user input. Useful for adding a mask to the input. */\n  @Prop({ mutable: true }) formatter: Function;\n  /** Sets custom allowed styles to input (text-align, text-transform, unicode-bidi, direction) */\n  @Prop({ mutable: true }) allowedStyles: { [key: string]: string }[] = [];\n  /** Set the max height value for the floating container of the items */\n  @Prop({ mutable: true }) maxHeight: string;\n  /** Sets the width value for the floating container of the items to match the items list width */\n  @Prop({ mutable: true }) matchWidth: boolean = true;\n  /** Debounce time for key inputs before the search */\n  @Prop() debounce: number;\n  /** Allows user to define a search icon inside the input at its right (zoom by default) . */\n  @Prop() actionIcon: string = \"zoom\";\n  /** Sets the autocomplete clear button visibility. */\n  @Prop() showClearButton: boolean = true;\n  /** \n   * Shows a dropdown chevron arrow that flips up/down when change state open/close.\n   * Also enables the selectedDropdownValue prop to be able to select an option from dropdown\n   * When multiple is true, this prop will be set to false.\n   */\n  @Prop() dropdown: boolean = false;\n  /** Sets the autocomplete dropdown chevron icon visibility. */\n  @Prop() showDropdownIcon: boolean = true;\n  /** Enables a message when there's no match options. */\n  @Prop() showEmptyMessage: boolean = false;\n  /** Allow to set the text message in the 'emptyMessage' state. */\n  @Prop() emptyMessage: string = \"No options\";\n  /** \n   * Allow multiple values to be selected.\n   * Also enables the multipleValues prop to be able to select multiple options\n   * When multiple is true, dropdown prop will be set to false.\n   * When multiple is true, valueChanged will emit an array of strings\n   */\n  @Prop() multiple: boolean = false;\n  /** \n   * Toggles the floating container auto-positioning based on available window space. \n   * False by default as it may cause positioning issues in some situations, use with caution \n   */\n  @Prop({mutable: true}) autoPosition: boolean = false;\n  /** \n   * Clear selection and input on clicking the close button.\n   * Only works when multiple is true.\n   */\n  @Prop() clearSelection: boolean = false;\n  /** Toggles the overlay element, allowing interaction only with this element when active */\n  @Prop() backdrop: boolean = false;\n\n  /** Emits event when floating element gets opens */\n  @Event() opened: EventEmitter<void>;\n  /** Emits event when floating element gets closes */\n  @Event() closed: EventEmitter<void>;\n  /** Emits event when an item is selected, this event contains the value of the selected item(s) */\n  @Event() valueChanged: EventEmitter<string | string[]>;\n  /** Emits an event when the clear button is clicked */\n  @Event() cleared: EventEmitter<void>;\n  /** Emits an event when the user click the actionIcon (the magnifying glass) */\n  @Event() actionIconClick: EventEmitter<void>;\n  /** Emits updated inputed value from the vds-basic-input similar to the input event */\n\t@Event() changeInput: EventEmitter<string>;\n\n  @Element() hostEl: HTMLElement;\n\n  autocompleteContent: HTMLDivElement;\n  basicInput: HTMLVdsBasicInputElement;\n  \n  floatingCleanUp: () => void = () => {};\n  @State() isOpened: boolean = false;\n  @State() multiselectValues: Array<string>;\n  options: HTMLVdsAutocompleteItemElement[] = [];\n  autocompleteItemEmptyOption: HTMLVdsAutocompleteItemElement;\n  debounceTimeTracker: NodeJS.Timeout = null;\n  showUnfilteredOptions: boolean = false;\n  private updateContainerWidth = updateContainerWidth;\n  validateDropdownValue: boolean;\n\n  componentWillLoad(): void {\n    this.multiselectValues = this.multipleValues;\n    this.validateDropdownValue = true;\n  }\n\n  componentWillRender(): void {\n    if (this.multiple) {\n      this.dropdown = false;\n    }\n  }\n  \n  componentDidLoad(): void {\n    this.options = Array.from(this.hostEl.querySelectorAll(\"vds-autocomplete-item\"));\n    this.setPreselection();\n  }\n\n  componentDidRender(): void {\n    this.options = Array.from(this.hostEl.querySelectorAll(\"vds-autocomplete-item\"));\n    updateFloatingBoxPosition(this.basicInput, this.autocompleteContent, null, 'bottom', false);\n    this.updateContainerWidth(this.basicInput, this.matchWidth, this.autocompleteContent);\n    this.setPreselection();\n  }\n\n  @Watch(\"multiselectValues\")\n  setMulitpleValueHandler() {\n    this.valueChanged.emit(this.multiselectValues);\n  }\n\n  @Watch(\"disabled\")\n  setDisabledState() {\n    this.close();\n  }\n\n  @Watch(\"selectedDropdownValue\")\n  setDropdownValueValidation() {\n    this.validateDropdownValue = true;\n  }\n\n  @Watch(\"isOpened\")\n  async toggleAutocomplete(): Promise<void> {\n    if (this.isOpened) {\n      toggleContainerDisplay(this.autocompleteContent, true);\n      this.opened.emit();\n      this.floatingCleanUp = await updateFloatingBoxPosition(this.basicInput, this.autocompleteContent, null, \"bottom\", this.autoPosition);\n    } else {\n      toggleContainerDisplay(this.autocompleteContent, false);\n      this.closed.emit();\n      this.floatingCleanUp();\n    }\n  }\n\n  /* Open the floating element(menu) of the autocomplete. */\n  @Method()\n  public async open(): Promise<void> {\n    if (!this.isReadonly && !this.disabled) {\n      setTimeout(() => {\n        this.isOpened = true;\n      });\n    }\n  }\n\n  /* Close the floating element(menu) of the autocomplete. */\n  @Method()\n  public async close(): Promise<void> {\n    this.isOpened = false;\n  }\n\n  /* Sets focus to the input element */\n  @Method()\n  public async setFocus(): Promise<void> {\n    this.basicInput.setFocus();\n    setTimeout(() => {\n      this.open();\n    });\n  }\n\n  /**\n   * Sets the autocomplete input value to handle filtering.\n   *\n   * @returns {Promise<void>} \n   */\n  @Method()\n  public async setValue(value: string): Promise<void> {\n    this.value = value;\n  }\n\n  /**\n   * Sets the autocomplete selection value to handle.\n   * When multiple is true, sets the selected values from the list\n   * When dropdown is true and multiple is false, sets a single selected value.\n   * When dropdown is false and When multiple is false, set the input value\n   *\n   * @returns {Promise<void>} \n   */\n    @Method()\n    public async setSelectionValue(value: string | string[]): Promise<void> {\n      if (this.multiple && Array.isArray(value)) {\n        this.multipleValues = this.multiselectValues = value;\n      }\n      if (typeof value === \"string\") {\n        if (this.dropdown) {\n          this.selectedDropdownValue = value;\n        }\n        this.value = value;\n      }\n    }\n\n  /**\n   * Return the autocomplete value.\n   *\n   * @returns {Promise<string>} A promise that resolves by returning the autocomplete value.\n   */\n  @Method()\n  public async getValue(): Promise<string | string[]> {\n    if (this.multiple) {\n      return this.multipleValues;\n    }\n    if (this.dropdown) {\n      return this.selectedDropdownValue;\n    }\n    return this.value;\n  }\n\n  /**\n   * Clears the selected options and resets the value of the autocomplete.\n   *\n   * @returns {Promise<void>} A promise that resolves when the clearing operation is complete.\n   */\n  @Method()\n  public async clear(): Promise<void> {\n    this.value = '';\n    if (this.dropdown) {\n      this.clearOptions();\n    }\n    if (this.clearSelection && this.multiple) {\n      this.multipleValues = this.multiselectValues = [];\n      this.setOptionsMultiple();\n    }\n    this.cleared.emit();\n  }\n\n  @Listen(\"autocompleteClicked\")\n  handleSelectOption(evt: CustomEvent<{value: string, selected: boolean}>): void {\n    const selectedOption = this.options.find((option) => findOptionByExactValue(option, evt.detail.value));\n    const isValidOption: boolean = selectedOption !== null && selectedOption !== undefined;\n    \n    if (isValidOption && this.multiple) {\n      selectedOption.isSelected = evt.detail.selected;\n    }\n\n    this.handleValueAssignment(evt);\n\n    if (isValidOption && this.dropdown) {\n      this.setOptionsSingle(evt.detail.value);\n    }\n  }\n\n  /* Close the autocomplete when click outside */\n  @Listen('click', { target: 'window' })\n  handleClickOut(evt: MouseEvent): void {\n    evt.stopPropagation();\n    const target = evt.target as HTMLElement;\n    const isClickInside = this.hostEl.contains(target as Node);\n    const isClickInsideParentAutocomplete = target.nodeName === \"VDS-AUTOCOMPLETE\" && target.shadowRoot && (evt.target as HTMLElement).shadowRoot.contains(this.hostEl);\n    if (!isClickInside && !isClickInsideParentAutocomplete) {\n      this.isOpened = false;\n    }\n  }\n\n  @Listen('keyup', { target: 'window' })\n  handleEscPress(evt: any) {\n    if (this.isOpened && evt.code === \"Escape\") {\n      this.close();\n      this.basicInput.blur();\n    }\n  }\n\n  handleMultiselection(selection: {value: string, selected: boolean}): void {\n    if (selection.selected && !this.multipleValues.find(value => value.toLowerCase() === selection.value.toLowerCase())) {\n      this.multipleValues.push(selection.value);\n    } else {\n      this.multipleValues = this.multipleValues.filter(value => value.toLowerCase() !== selection.value.toLowerCase());\n    }\n    this.multiselectValues = Array.from(this.multipleValues);\n    this.basicInput.setFocus();\n  }\n\n  handleValueAssignment(evt: CustomEvent<{value: string, selected: boolean}>): void {\n    if (this.multiple) {\n      this.handleMultiselection(evt.detail)\n    } else {\n      this.value = evt.detail.value;\n      this.setSelectionValue(evt.detail.value);\n      this.valueChanged.emit(this.value);\n      this.close();\n    }\n  }\n\n  handleChange(evt: CustomEvent<string>) {\n    evt.stopPropagation();\n    this.changeInput.emit(evt.detail);\n    if (this.debounce !== undefined && this.debounce > 0) {\n      this.handleDebounceValueChange(evt.detail);\n    } else {\n      this.value = evt.detail;\n    }\n    if (this.dropdown) {\n      this.showUnfilteredOptions = false;\n    }\n  }\n\n  hasFocus(): void {\n    this.open();\n    if (this.hasValue() && this.dropdown) {\n      this.showUnfilteredOptions = true;\n      this.validateDropdownValue = false;\n    }\n  }\n\n  lostFocus(): void {\n    if (this.dropdown) {\n      this.showUnfilteredOptions = false;\n      this.validateDropdownValue = true;\n    }\n  }\n\n  emitActionIcon(): void {\n    this.actionIconClick.emit();\n  }\n\n  handleDebounceValueChange(newValue: string): void {\n\t\tif (this.debounceTimeTracker !== null) {\n\t\t\tclearTimeout(this.debounceTimeTracker);\n\t\t\tthis.debounceTimeTracker = null;\n\t\t}\n\t\tthis.debounceTimeTracker = setTimeout(() => {\n      this.value = newValue;\n\t\t\tthis.debounceTimeTracker = null;\n\t\t}, this.debounce);\n\t}\n\n\n  private hasValue(): boolean {\n    return this.value !== null && this.value !== undefined && this.value !== \"undefined\" && this.value !== \"\";\n  }\n\n  /**\n   * Sets autocomplete styles for JSX.style property\n   *\n   * @param maxHeight string\n   * @returns { [key: string]: string }\n   */\n  private setAutoCompleteStyles = (maxHeight: string): { [key: string]: string } => {\n    let styles = {};\n\n    styles = {\n        maxHeight: maxHeight ? maxHeight : undefined,\n    }\n\n    return styles;\n  }\n\n  setPreselection(): void {\n    if (this.multiple) {\n      this.setOptionsMultiple();\n    }\n    if (this.dropdown) {\n      this.setDropdownOption();\n    }\n  }\n\n  private setOptionsMultiple(): void {\n    try {\n      this.options.forEach(item => {\n        item.hasCheckmark = true;\n        const selection = this.multipleValues?.find(value => findOptionByExactValue(item, value));\n        item.isSelected = !!selection;\n      });\n    } \n    catch (error) {\n      console.warn(\"[setOptionsMultiple]\", error);\n    }\n  }\n\n  /**\n   * Sets the selected value for a autocomplete type dropdown and updates the options accordingly.\n   * @private\n   * @param {string} selectedValue - The value of the selected option.\n   */\n  private setOptionsSingle(selectedValue: string): void {\n    try {\n      this.selectedDropdownValue = selectedValue;\n      this.options.forEach(item => {\n        item.hasCheckmark = false;\n        item.isSelected = findOptionByExactValue(item, this.selectedDropdownValue);\n      });\n    } \n    catch (error) {\n      console.warn(\"[setOptionsSingle]\", error);\n    }\n  }\n\n  private setDropdownOption(): void {\n    try {\n      const hasValidValue = this.options?.some(opt => findOptionByExactValue(opt, this.selectedDropdownValue));\n      if (\n        hasValidValue &&\n        this.selectedDropdownValue !== undefined &&\n        this.selectedDropdownValue !== \"undefined\" &&\n        this.selectedDropdownValue !== \"\"\n      ) {\n        this.setOptionsSingle(this.selectedDropdownValue);\n\n        if (this.validateDropdownValue) {\n          this.value = this.selectedDropdownValue;\n          this.validateDropdownValue = false;\n        }\n      }\n    } \n    catch (error) {\n      console.warn(\"[setOptionsMultiple]\", error);\n    }\n  }\n\n  /**\n   * Sets the all the options to unselected state\n   * @private\n   * @param {string} selectedValue - The value of the selected option.\n   */\n  private clearOptions(): void {\n    try {\n      this.selectedDropdownValue = null;\n      this.options.forEach(item => {\n        item.hasCheckmark = item.isSelected = false;\n      });\n    } \n    catch (error) {\n      console.warn(\"[clearOptions]\", error);\n    }\n  }\n\n  private renderUnfilteredOptions(): HTMLStencilElement {\n    return (\n      <div \n        class={combineClasses('vds-basic-autocomplete__content-options', this.maxHeight ? 'scrollable' : '')}\n        style={this.setAutoCompleteStyles(this.maxHeight)}\n      >\n        <slot name={\"items\"}></slot>\n        <slot></slot>\n      </div>\n    );\n  }\n\n  private renderItem(item: HTMLVdsAutocompleteItemElement): HTMLStencilElement {\n    let isSelected = false;\n    if (this.multiple) {\n      isSelected = this.multipleValues?.some(value => findOptionByValue(item, value));\n    }\n    return (\n      <vds-autocomplete-item isSelected={isSelected} hasCheckmark={this.multiple} {...cloneAttributes(item)} innerHTML={item.innerHTML}></vds-autocomplete-item>\n    );\n  }\n\n  private renderFilteredOptions(): HTMLStencilElement {\n    const value = this.hasValue() ? this.value : \"\";\n    const filteredOptions = getFilteredOptions(this.options, value);\n    if (filteredOptions.length === 0) {\n      return this.showEmptyMessage && this.emptyMessage ? this.renderEmptyOption() : null;\n    }\n  \n    return (\n      <div\n        class={combineClasses('vds-basic-autocomplete__content-options', this.maxHeight ? 'scrollable' : '')}\n        style={this.setAutoCompleteStyles(this.maxHeight)}\n      >\n        {filteredOptions.map(item => this.renderItem(item))}\n      </div>\n    );\n  }\n\n  private renderEmptyOption(): HTMLStencilElement {\n    if (!this.autocompleteItemEmptyOption) {\n      this.autocompleteItemEmptyOption = document.createElement(\"vds-autocomplete-item\");\n      this.autocompleteItemEmptyOption.classList.add(\"non-clickable\");\n      this.autocompleteItemEmptyOption.value = \"\";\n      this.autocompleteItemEmptyOption.setAttribute(\"value\", \"\");\n    }\n\n    this.autocompleteItemEmptyOption.setAttribute(\"size\", this.size);\n    this.autocompleteItemEmptyOption.setAttribute(\"label\", this.emptyMessage);\n\n    return this.renderItem(this.autocompleteItemEmptyOption);\n  }\n\n  private renderClearIcon(): HTMLStencilElement {\n    const disabled = this.disabled || this.isReadonly;\n    return (\n      <vds-icon-button\n        tabIndex={disabled ? -1 : undefined}\n        disabled={disabled}\n        variant=\"secondary\"\n        size={this.size === \"medium\" ? \"small\" : this.size === \"small\" ? \"extra-small\" : \"medium\"}\n        icon={\"close\"}\n        onClick={disabled ? undefined : () => { this.clear(); this.basicInput.setFocus();}}\n      ></vds-icon-button>\n    );\n  }\n\n  private renderActionIcon(): HTMLStencilElement {\n    const disabled = this.disabled || this.isReadonly;\n    if (this.dropdown && this.showDropdownIcon) {\n      return (\n        <vds-icon\n          svgIcon={this.isOpened ? 'chevron-up' : 'chevron-down'}\n          color={disabled ? 'color-icon-disabled' : 'color-icon-high'}\n          size={getIconSize(this.size)}\n          onClick={disabled ? undefined : () => this.isOpened ? this.close() : this.open()}\n        ></vds-icon>\n      );\n    } \n    if (this.actionIcon) {\n      return (\n        <vds-icon-button\n          tabIndex={disabled ? -1 : undefined}\n          disabled={disabled}\n          variant=\"secondary\"\n          size={this.size === \"medium\" ? \"small\" : this.size === \"small\" ? \"extra-small\" : \"medium\"}\n          icon={this.actionIcon}\n          onClick={disabled ? undefined : () => this.emitActionIcon()}\n        ></vds-icon-button>\n      )\n    }\n  }\n\n  private renderOptions(): HTMLStencilElement {\n    if (this.dropdown && this.showUnfilteredOptions) {\n      return this.renderUnfilteredOptions();\n    }\n\n    if (this.hasValue()) {\n      return this.renderFilteredOptions();\n    }\n\n    return this.renderUnfilteredOptions();\n  }\n\n  render(): HTMLStencilElement {\n    const filteredOptions = getFilteredOptions(this.options, this.value || \"\");\n    return (\n      <Host class={this.disabled ? \"vds-basic-autocomplete--disabled\" : \"\"} title={this.value}>\n        <div class={combineClasses(\"vds-basic-autocomplete__container\")}>\n          <vds-basic-input\n            ref={(el) => {\n              if (el) {\n                this.basicInput = el; \n              }\n            }}\n            type=\"text\"\n            placeholder={this.placeholder}\n            value={this.value}\n            size={this.size}\n            disabled={this.disabled}\n            isReadonly={this.isReadonly}\n            error={this.error}\n            isRequired={this.isRequired}\n            formatter={this.formatter}\n            informativeIcon={this.informativeIcon}\n            allowedStyles={this.allowedStyles}\n            onChangeInput={(evt): void => this.handleChange(evt)}\n            onFocus={(): void => this.hasFocus()}\n            onBlur={(): void => this.lostFocus()}\n          >\n            {this.showClearButton && this.hasValue() && (\n              <div class=\"vds-basic-autocomplete__secondary-action\" slot=\"secondaryActionIcon\">\n                {this.renderClearIcon()}\n              </div>\n            )}\n            {((this.dropdown && this.showDropdownIcon) || this.actionIcon) && (\n              <div class=\"vds-basic-autocomplete__primary-action\" slot=\"primaryActionIcon\">\n                {this.renderActionIcon()}\n              </div>\n            )}\n          </vds-basic-input>\n          {this.backdrop && this.isOpened ? <div class=\"vds-floating-backdrop\" onClick={this.close.bind(this)}></div> : ''}\n          <div \n            ref={(el): void => { if (el) this.autocompleteContent = el;}}\n            class={\n              combineClasses(\n                \"vds-basic-autocomplete__content\",\n                this.maxHeight ? \"has-scroll\" : \"\",\n                (!this.emptyMessage || this.emptyMessage === \"\") && filteredOptions.length === 0 ? \"no-shadow\" : \"\",\n                !this.showEmptyMessage && filteredOptions.length === 0 ? \"no-shadow\" : \"\",\n                !this.value && this.options.length === 0 ? \"no-shadow\" : \"\"\n              )}\n          >\n            <div class={\"vds-basic-autocomplete__content__header\"}>\n              <slot name=\"header\"></slot>\n            </div>\n            {this.renderOptions()}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["updateContainerWidth","updateFloatingBoxPosition","toggleContainerDisplay","h","combineClasses","cloneAttributes","getIconSize","Host"],"mappings":"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"}

package/dist/cjs/vds-basic-combo-box.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"vds-basic-combo-box.entry.cjs.js","mappings":"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","names":["isValidIcon","h","getIconColor","setDirtyClass","toggleFocusClass","Host","combineClasses","cloneAttributes"],"sources":["src/components/vds-basic-combo-box/vds-basic-combo-box.scss?tag=vds-basic-combo-box&encapsulation=shadow","src/components/vds-basic-combo-box/vds-basic-combo-box.tsx"],"sourcesContent":["@import '~@volt/volt-foundations/dist/volt-foundations/volt-foundations';\n\n:host {\n  display: block;\n  .vds-combo-box__container {\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n    box-sizing: border-box;\n    border-radius: var(--radius-medium);\n    border: var(--border-thickness-01) solid var(--color-border-low);\n    background: var(--surface-medium);\n\n    &:hover {\n      border-color: var(--color-border-brand);\n      outline: var(--border-thickness-05) solid var(--color-interaction-brand-low);\n    }\n\n    .vds-combo-box__informative-icon::part(svg-icon) {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    &.vds-combo-box__container--focus {\n      border-color: var(--color-border-brand);\n    }\n\n    &.vds-combo-box__container--error {\n      border-color: var(--color-border-danger);\n      outline-color: var(--color-interaction-danger-medium);\n\n      .vds-combo-box__input {\n        color: var(--color-text-danger-medium);\n      }\n    }\n\n    &.vds-combo-box__container--readonly {\n      border-color: var(--color-border-low);\n      outline: none;\n      background-color: var(--color-interaction-black-lowest);\n\n      .vds-combo-box__chip {\n        pointer-events: none;\n      }\n      .vds-combo-box__input {\n        color: var(--color-text-medium);\n      }\n    }\n\n    &.vds-combo-box__container--disabled {\n      border-color: var(--color-border-lowest);\n      outline: none;\n      background-color: var(--surface-medium);\n\n      .vds-combo-box__input {\n        color: var(--color-text-disabled);\n\n        &::placeholder {\n          color: var(--color-text-disabled);\n        }\n      }\n    }\n\n    &.vds-combo-box--size-small {\n      gap: var(--spacing-01);\n      padding: calc(var(--spacing-02) - 1px) calc(var(--spacing-03) - 1px);\n      min-height: var(--spacing-07);\n      .vds-combo-box__input-content {\n          &.vds-combo-box__input-content--has-value {\n            column-gap: var(--spacing-01);\n          }\n          row-gap: var(--spacing-02);\n          .vds-combo-box__chip-container {\n            height: var(--spacing-04);\n            .vds-combo-box__chip {\n              height: var(--spacing-05);\n              transform: translateY(-5px);\n            }\n          }\n        .vds-combo-box__input {\n          @include font-style(body, small);\n        }\n      }\n    }\n\n    &.vds-combo-box--size-medium {\n      gap: var(--spacing-02);\n      padding: calc(var(--spacing-03) - 1px) calc(var(--spacing-04) - 1px);\n      min-height: var(--spacing-10);\n\n      .vds-combo-box__input-content {\n        &.vds-combo-box__input-content--has-value {\n          column-gap: var(--spacing-02);\n        }\n        row-gap: var(--spacing-03);\n        .vds-combo-box__chip-container {\n          height: var(--spacing-06);\n          .vds-combo-box__chip {\n            height: var(--spacing-07);\n            transform: translateY(-2px);\n          }\n        }\n        .vds-combo-box__input {\n          @include font-style(body, medium);\n        }\n      }\n    }\n\n    &.vds-combo-box--size-large {\n      gap: var(--spacing-03);\n      padding: calc(var(--spacing-04) - 1px) calc(var(--spacing-05) - 1px);\n      min-height: var(--spacing-13);\n      .vds-combo-box__input-content {\n        &.vds-combo-box__input-content--has-value {\n          column-gap: var(--spacing-02);\n        }\n        row-gap: var(--spacing-03);\n        .vds-combo-box__chip-container {\n          height: var(--spacing-07);\n          .vds-combo-box__chip {\n            height: var(--spacing-08);\n            transform: translateY(-2px);\n          }\n        }\n        .vds-combo-box__input {\n          @include font-style(body, large);\n        }\n      }\n    }\n\n    .vds-combo-box__input-content {\n      align-items: center;\n      color: inherit;\n      display: flex;\n      flex-wrap: wrap;\n      flex: 1 1;\n    }\n\n    .vds-combo-box__input {\n      display: inline-block;\n      flex: 1 1;\n      border: none;\n      background: transparent;\n      padding: 0;\n      overflow: hidden;\n      color: var(--color-text-high);\n      font-feature-settings: 'clig' off, 'liga' off;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      font-style: normal;\n  \n      &::placeholder {\n        color: var(--color-text-medium);\n      }\n  \n      &:hover,\n      &:focus {\n        border: none;\n        outline: none;\n      }\n    }\n  }\n}\n\n:host-context(.vds-combo-box--disabled) {\n  pointer-events: none;\n}\n","import { Component, Host, Prop, h, Event, EventEmitter, Method, Element } from \"@stencil/core\";\nimport { combineClasses } from \"../../utils/combine-classes\";\nimport { HTMLStencilElement, State, Watch } from \"@stencil/core/internal\";\nimport { isValidIcon, setDirtyClass, getIconColor, toggleFocusClass } from \"../input/vds-basic-input.utils\";\nimport { cloneAttributes } from \"../../utils/clone-attributes\";\n\n@Component({\n  tag: \"vds-basic-combo-box\",\n  styleUrl: \"vds-basic-combo-box.scss\",\n  shadow: true,\n})\nexport class VdsBasicComboBox {\n  /** Sets the combobox size. */\n  @Prop({ mutable: true }) size: \"medium\" | \"large\" | \"small\" = \"medium\";\n  /** Sets the combobox value. */\n  @Prop({ mutable: true, reflect: true }) value: string[] = [];\n  /** Sets the combobox placeholder. */\n  @Prop({ mutable: true, reflect: true }) placeholder: string;\n  /** Sets the combobox in disabled state. */\n  @Prop({ mutable: true, reflect: true }) disabled: boolean;\n  /** Sets the combobox in readonly state. */\n  @Prop({ mutable: true, reflect: true }) isReadonly: boolean;\n  /** Sets the combobox in error state. */\n  @Prop({ mutable: true, reflect: true }) error: boolean;\n  /** Allows user to define a information icon inside the combobox at its left . */\n  @Prop() informativeIcon: string;\n  /** Sets the combobox clear button visibility. */\n  @Prop() showClearButton: boolean = true;\n  /** Allows user to define a search icon inside the input at its right (zoom by default) . */\n  @Prop() actionIcon: string = \"zoom\";\n\n  /** Emits event when the selected chips list change, this event contains the value of the selected chips */\n  @Event() valueChanged: EventEmitter<string[]>;\n  /** Emits an event when the clear button is clicked */\n  @Event() cleared: EventEmitter<void>;\n  /** Emits an event when the user click the actionIcon (the magnifying glass) */\n  @Event() actionIconClick: EventEmitter<void>;\n  /** Emits updated inputed value similar to the input event */\n  @Event() changeInput: EventEmitter<string>;\n\n  @State() internalValue: string = \"\";\n\n  @Element() hostEl: HTMLElement;\n\n  private inputContainerRef: HTMLDivElement;\n  private inputEl: HTMLInputElement;\n\n  @Watch(\"value\")\n  valueChangedHandler(newValue: string[]): void {\n    this.valueChanged.emit(newValue);\n  }\n\n  /* Sets focus to the input element */\n  @Method()\n  public async setFocus(): Promise<void> {\n    return new Promise((resolve) => {\n      this.inputEl.focus();\n      resolve();\n    });\n  }\n\n  /**\n   * Sets the autocomplete input value to handle filtering.\n   *\n   * @returns {Promise<void>} \n   */\n  @Method()\n  public async setValue(value: string[]): Promise<void> {\n    this.value = value;\n    return Promise.resolve();\n  }\n\n  /**\n   * Return the autocomplete value.\n   *\n   * @returns {Promise<string>} A promise that resolves by returning the autocomplete value.\n   */\n  @Method()\n  public async getValue(): Promise<string[]> {\n    return Promise.resolve(this.value);\n  }\n\n  /**\n   * Clears the selected options and resets the value of the autocomplete.\n   *\n   * @returns {Promise<void>} A promise that resolves when the clearing operation is complete.\n   */\n  @Method()\n  public async clear(): Promise<void> {\n    this.value = [];\n    this.internalValue = \"\";\n    this.cleared.emit();\n    return Promise.resolve();\n  }\n\n  /**\n   * Displays vds-icon when icon string is valid\n   *\n   * @returns HTMLStencilElement\n   */\n  private getInputIcon(icon: string): HTMLStencilElement {\n    if(!isValidIcon(icon)) return null;\n\n    const inputState = this.disabled ? \"disabled\" : this.isReadonly ? \"readonly\" : \"normal\";\n    const size = this.size === \"medium\" ? \"1rem\" : this.size === \"small\" ? \"0.75rem\" : \"1.25rem\";\n    return (<vds-icon class=\"vds-combo-box__informative-icon\" svgIcon={icon} size={size} color={getIconColor(inputState)}></vds-icon>);\n  }\n\n  /**\n   * Sets value from input\"s event target.\n   * Emits change, input and changeInput events.\n   * Sets input as dirty when input\"s event is triggered.\n   * Executes formatter prop function on every inputed value.\n   *\n   * @returns void\n   */\n  private handleInput(evt: InputEvent): void {\n    evt.stopPropagation();\n    const target = evt.target as HTMLInputElement;\n    const inputEvent = new InputEvent(\"input\");\n    setDirtyClass(this.hostEl);\n\n    this.internalValue = target.value;\n\n    this.changeInput.emit(this.internalValue);\n    this.hostEl.dispatchEvent(inputEvent);\n  }\n\n  /**\n   * Toggle class vds__input__container--focus in focus/blur input\"s event\n   *\n   * @returns void\n   */\n  private toggleFocusClass(): void {\n    this.inputContainerRef && toggleFocusClass(this.inputContainerRef);\n  }\n\n  private handleCloseChip(val: string): void {\n    this.value = this.value.filter(item => item !== val);\n  }\n\n  private getSizeIconButton(): \"medium\" | \"large\" | \"small\" | \"extra-small\" {\n    switch(this.size) {\n      case \"small\": \n        return \"extra-small\";\n      case \"medium\": \n        return \"small\";\n      case \"large\": \n        return \"medium\";\n      default: \n        return \"small\";\n    }\n  }\n\n  private handleActionButton(): void {\n    this.actionIconClick.emit();\n  }\n\n  render() {\n    return (\n      <Host class={this.disabled ? \"vds-combo-box--disabled\" : \"\"}>\n        <div\n          ref={(el): void => { if(el) this.inputContainerRef = el} }\n          class={combineClasses(\n            \"vds-combo-box__container\",\n            `vds-combo-box--size-${this.size}`,\n            this.error && \"vds-combo-box__container--error\",\n            this.isReadonly && \"vds-combo-box__container--readonly\",\n            this.disabled && \"vds-combo-box__container--disabled\"\n          )}\n        >\n          {this.getInputIcon(this.informativeIcon)}\n          <div class={combineClasses(\"vds-combo-box__input-content\", this.value?.length > 0 ? \"vds-combo-box__input-content--has-value\" : \"\")}>\n              {this.value.map((val: string) => (\n                <div class=\"vds-combo-box__chip-container\">\n                  <vds-chip \n                    class={\"vds-combo-box__chip\"}\n                    value={val}\n                    size={this.size}\n                    disabled={this.disabled || this.isReadonly}\n                    close={true}\n                    removeOnClose={false}\n                    onAfterClosed={() => this.handleCloseChip(val)}>\n                  </vds-chip>\n                </div>\n              ))}\n              <input\n                ref={(el): void => { if(el) this.inputEl = el} }\n                class={\"vds-combo-box__input\"}\n                type={\"text\"}\n                value={this.internalValue}\n                placeholder={this.placeholder}\n                disabled={this.disabled}\n                readOnly={this.isReadonly}\n                onInput={(evt): void => this.handleInput(evt)}\n                onFocus={(): void => this.toggleFocusClass()}\n                onBlur={(): void => this.toggleFocusClass()}\n                {...cloneAttributes(\n                  this.hostEl,\n                  \"class\",\n                  \"value\",\n                  \"disabled\",\n                  \"placeholder\",\n                  \"label\",\n                  \"style\",\n                )}\n              />\n          </div>\n          {this.showClearButton && (<vds-icon-button variant=\"secondary\" disabled={this.disabled || this.isReadonly} icon={\"close\"} size={this.getSizeIconButton()} onClick={() => this.clear()} />)}\n          {this.actionIcon && (<vds-icon-button variant=\"secondary\" disabled={this.disabled || this.isReadonly} icon={this.actionIcon} size={this.getSizeIconButton()} onClick={() => this.handleActionButton()} />)}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/vds-basic-combo-box.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vds-basic-combo-box.entry.cjs.js","sources":["src/components/vds-basic-combo-box/vds-basic-combo-box.scss?tag=vds-basic-combo-box&encapsulation=shadow","src/components/vds-basic-combo-box/vds-basic-combo-box.tsx"],"sourcesContent":["@import '~@volt/volt-foundations/dist/volt-foundations/volt-foundations';\n\n:host {\n  display: block;\n  .vds-combo-box__container {\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n    box-sizing: border-box;\n    border-radius: var(--radius-medium);\n    border: var(--border-thickness-01) solid var(--color-border-low);\n    background: var(--surface-medium);\n\n    &:hover {\n      border-color: var(--color-border-brand);\n      outline: var(--border-thickness-05) solid var(--color-interaction-brand-low);\n    }\n\n    .vds-combo-box__informative-icon::part(svg-icon) {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    &.vds-combo-box__container--focus {\n      border-color: var(--color-border-brand);\n    }\n\n    &.vds-combo-box__container--error {\n      border-color: var(--color-border-danger);\n      outline-color: var(--color-interaction-danger-medium);\n\n      .vds-combo-box__input {\n        color: var(--color-text-danger-medium);\n      }\n    }\n\n    &.vds-combo-box__container--readonly {\n      border-color: var(--color-border-low);\n      outline: none;\n      background-color: var(--color-interaction-black-lowest);\n\n      .vds-combo-box__chip {\n        pointer-events: none;\n      }\n      .vds-combo-box__input {\n        color: var(--color-text-medium);\n      }\n    }\n\n    &.vds-combo-box__container--disabled {\n      border-color: var(--color-border-lowest);\n      outline: none;\n      background-color: var(--surface-medium);\n\n      .vds-combo-box__input {\n        color: var(--color-text-disabled);\n\n        &::placeholder {\n          color: var(--color-text-disabled);\n        }\n      }\n    }\n\n    &.vds-combo-box--size-small {\n      gap: var(--spacing-01);\n      padding: calc(var(--spacing-02) - 1px) calc(var(--spacing-03) - 1px);\n      min-height: var(--spacing-07);\n      .vds-combo-box__input-content {\n          &.vds-combo-box__input-content--has-value {\n            column-gap: var(--spacing-01);\n          }\n          row-gap: var(--spacing-02);\n          .vds-combo-box__chip-container {\n            height: var(--spacing-04);\n            .vds-combo-box__chip {\n              height: var(--spacing-05);\n              transform: translateY(-5px);\n            }\n          }\n        .vds-combo-box__input {\n          @include font-style(body, small);\n        }\n      }\n    }\n\n    &.vds-combo-box--size-medium {\n      gap: var(--spacing-02);\n      padding: calc(var(--spacing-03) - 1px) calc(var(--spacing-04) - 1px);\n      min-height: var(--spacing-10);\n\n      .vds-combo-box__input-content {\n        &.vds-combo-box__input-content--has-value {\n          column-gap: var(--spacing-02);\n        }\n        row-gap: var(--spacing-03);\n        .vds-combo-box__chip-container {\n          height: var(--spacing-06);\n          .vds-combo-box__chip {\n            height: var(--spacing-07);\n            transform: translateY(-2px);\n          }\n        }\n        .vds-combo-box__input {\n          @include font-style(body, medium);\n        }\n      }\n    }\n\n    &.vds-combo-box--size-large {\n      gap: var(--spacing-03);\n      padding: calc(var(--spacing-04) - 1px) calc(var(--spacing-05) - 1px);\n      min-height: var(--spacing-13);\n      .vds-combo-box__input-content {\n        &.vds-combo-box__input-content--has-value {\n          column-gap: var(--spacing-02);\n        }\n        row-gap: var(--spacing-03);\n        .vds-combo-box__chip-container {\n          height: var(--spacing-07);\n          .vds-combo-box__chip {\n            height: var(--spacing-08);\n            transform: translateY(-2px);\n          }\n        }\n        .vds-combo-box__input {\n          @include font-style(body, large);\n        }\n      }\n    }\n\n    .vds-combo-box__input-content {\n      align-items: center;\n      color: inherit;\n      display: flex;\n      flex-wrap: wrap;\n      flex: 1 1;\n    }\n\n    .vds-combo-box__input {\n      display: inline-block;\n      flex: 1 1;\n      border: none;\n      background: transparent;\n      padding: 0;\n      overflow: hidden;\n      color: var(--color-text-high);\n      font-feature-settings: 'clig' off, 'liga' off;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      font-style: normal;\n  \n      &::placeholder {\n        color: var(--color-text-medium);\n      }\n  \n      &:hover,\n      &:focus {\n        border: none;\n        outline: none;\n      }\n    }\n  }\n}\n\n:host-context(.vds-combo-box--disabled) {\n  pointer-events: none;\n}\n","import { Component, Host, Prop, h, Event, EventEmitter, Method, Element } from \"@stencil/core\";\nimport { combineClasses } from \"../../utils/combine-classes\";\nimport { HTMLStencilElement, State, Watch } from \"@stencil/core/internal\";\nimport { isValidIcon, setDirtyClass, getIconColor, toggleFocusClass } from \"../input/vds-basic-input.utils\";\nimport { cloneAttributes } from \"../../utils/clone-attributes\";\n\n@Component({\n  tag: \"vds-basic-combo-box\",\n  styleUrl: \"vds-basic-combo-box.scss\",\n  shadow: true,\n})\nexport class VdsBasicComboBox {\n  /** Sets the combobox size. */\n  @Prop({ mutable: true }) size: \"medium\" | \"large\" | \"small\" = \"medium\";\n  /** Sets the combobox value. */\n  @Prop({ mutable: true, reflect: true }) value: string[] = [];\n  /** Sets the combobox placeholder. */\n  @Prop({ mutable: true, reflect: true }) placeholder: string;\n  /** Sets the combobox in disabled state. */\n  @Prop({ mutable: true, reflect: true }) disabled: boolean;\n  /** Sets the combobox in readonly state. */\n  @Prop({ mutable: true, reflect: true }) isReadonly: boolean;\n  /** Sets the combobox in error state. */\n  @Prop({ mutable: true, reflect: true }) error: boolean;\n  /** Allows user to define a information icon inside the combobox at its left . */\n  @Prop() informativeIcon: string;\n  /** Sets the combobox clear button visibility. */\n  @Prop() showClearButton: boolean = true;\n  /** Allows user to define a search icon inside the input at its right (zoom by default) . */\n  @Prop() actionIcon: string = \"zoom\";\n\n  /** Emits event when the selected chips list change, this event contains the value of the selected chips */\n  @Event() valueChanged: EventEmitter<string[]>;\n  /** Emits an event when the clear button is clicked */\n  @Event() cleared: EventEmitter<void>;\n  /** Emits an event when the user click the actionIcon (the magnifying glass) */\n  @Event() actionIconClick: EventEmitter<void>;\n  /** Emits updated inputed value similar to the input event */\n  @Event() changeInput: EventEmitter<string>;\n\n  @State() internalValue: string = \"\";\n\n  @Element() hostEl: HTMLElement;\n\n  private inputContainerRef: HTMLDivElement;\n  private inputEl: HTMLInputElement;\n\n  @Watch(\"value\")\n  valueChangedHandler(newValue: string[]): void {\n    this.valueChanged.emit(newValue);\n  }\n\n  /* Sets focus to the input element */\n  @Method()\n  public async setFocus(): Promise<void> {\n    return new Promise((resolve) => {\n      this.inputEl.focus();\n      resolve();\n    });\n  }\n\n  /**\n   * Sets the autocomplete input value to handle filtering.\n   *\n   * @returns {Promise<void>} \n   */\n  @Method()\n  public async setValue(value: string[]): Promise<void> {\n    this.value = value;\n    return Promise.resolve();\n  }\n\n  /**\n   * Return the autocomplete value.\n   *\n   * @returns {Promise<string>} A promise that resolves by returning the autocomplete value.\n   */\n  @Method()\n  public async getValue(): Promise<string[]> {\n    return Promise.resolve(this.value);\n  }\n\n  /**\n   * Clears the selected options and resets the value of the autocomplete.\n   *\n   * @returns {Promise<void>} A promise that resolves when the clearing operation is complete.\n   */\n  @Method()\n  public async clear(): Promise<void> {\n    this.value = [];\n    this.internalValue = \"\";\n    this.cleared.emit();\n    return Promise.resolve();\n  }\n\n  /**\n   * Displays vds-icon when icon string is valid\n   *\n   * @returns HTMLStencilElement\n   */\n  private getInputIcon(icon: string): HTMLStencilElement {\n    if(!isValidIcon(icon)) return null;\n\n    const inputState = this.disabled ? \"disabled\" : this.isReadonly ? \"readonly\" : \"normal\";\n    const size = this.size === \"medium\" ? \"1rem\" : this.size === \"small\" ? \"0.75rem\" : \"1.25rem\";\n    return (<vds-icon class=\"vds-combo-box__informative-icon\" svgIcon={icon} size={size} color={getIconColor(inputState)}></vds-icon>);\n  }\n\n  /**\n   * Sets value from input\"s event target.\n   * Emits change, input and changeInput events.\n   * Sets input as dirty when input\"s event is triggered.\n   * Executes formatter prop function on every inputed value.\n   *\n   * @returns void\n   */\n  private handleInput(evt: InputEvent): void {\n    evt.stopPropagation();\n    const target = evt.target as HTMLInputElement;\n    const inputEvent = new InputEvent(\"input\");\n    setDirtyClass(this.hostEl);\n\n    this.internalValue = target.value;\n\n    this.changeInput.emit(this.internalValue);\n    this.hostEl.dispatchEvent(inputEvent);\n  }\n\n  /**\n   * Toggle class vds__input__container--focus in focus/blur input\"s event\n   *\n   * @returns void\n   */\n  private toggleFocusClass(): void {\n    this.inputContainerRef && toggleFocusClass(this.inputContainerRef);\n  }\n\n  private handleCloseChip(val: string): void {\n    this.value = this.value.filter(item => item !== val);\n  }\n\n  private getSizeIconButton(): \"medium\" | \"large\" | \"small\" | \"extra-small\" {\n    switch(this.size) {\n      case \"small\": \n        return \"extra-small\";\n      case \"medium\": \n        return \"small\";\n      case \"large\": \n        return \"medium\";\n      default: \n        return \"small\";\n    }\n  }\n\n  private handleActionButton(): void {\n    this.actionIconClick.emit();\n  }\n\n  render() {\n    return (\n      <Host class={this.disabled ? \"vds-combo-box--disabled\" : \"\"}>\n        <div\n          ref={(el): void => { if(el) this.inputContainerRef = el} }\n          class={combineClasses(\n            \"vds-combo-box__container\",\n            `vds-combo-box--size-${this.size}`,\n            this.error && \"vds-combo-box__container--error\",\n            this.isReadonly && \"vds-combo-box__container--readonly\",\n            this.disabled && \"vds-combo-box__container--disabled\"\n          )}\n        >\n          {this.getInputIcon(this.informativeIcon)}\n          <div class={combineClasses(\"vds-combo-box__input-content\", this.value?.length > 0 ? \"vds-combo-box__input-content--has-value\" : \"\")}>\n              {this.value.map((val: string) => (\n                <div class=\"vds-combo-box__chip-container\">\n                  <vds-chip \n                    class={\"vds-combo-box__chip\"}\n                    value={val}\n                    size={this.size}\n                    disabled={this.disabled || this.isReadonly}\n                    close={true}\n                    removeOnClose={false}\n                    onAfterClosed={() => this.handleCloseChip(val)}>\n                  </vds-chip>\n                </div>\n              ))}\n              <input\n                ref={(el): void => { if(el) this.inputEl = el} }\n                class={\"vds-combo-box__input\"}\n                type={\"text\"}\n                value={this.internalValue}\n                placeholder={this.placeholder}\n                disabled={this.disabled}\n                readOnly={this.isReadonly}\n                onInput={(evt): void => this.handleInput(evt)}\n                onFocus={(): void => this.toggleFocusClass()}\n                onBlur={(): void => this.toggleFocusClass()}\n                {...cloneAttributes(\n                  this.hostEl,\n                  \"class\",\n                  \"value\",\n                  \"disabled\",\n                  \"placeholder\",\n                  \"label\",\n                  \"style\",\n                )}\n              />\n          </div>\n          {this.showClearButton && (<vds-icon-button variant=\"secondary\" disabled={this.disabled || this.isReadonly} icon={\"close\"} size={this.getSizeIconButton()} onClick={() => this.clear()} />)}\n          {this.actionIcon && (<vds-icon-button variant=\"secondary\" disabled={this.disabled || this.isReadonly} icon={this.actionIcon} size={this.getSizeIconButton()} onClick={() => this.handleActionButton()} />)}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["isValidIcon","h","getIconColor","setDirtyClass","toggleFocusClass","Host","combineClasses","cloneAttributes"],"mappings":";;;;;;;AAAA,MAAM,mBAAmB,GAAG,khoCAAkhoC;;MCWjioC,gBAAgB,GAAA,MAAA;AAL7B,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;;;AAO2B,QAAA,IAAI,CAAA,IAAA,GAAiC,QAAQ;;AAE9B,QAAA,IAAK,CAAA,KAAA,GAAa,EAAE;;AAYpD,QAAA,IAAe,CAAA,eAAA,GAAY,IAAI;;AAE/B,QAAA,IAAU,CAAA,UAAA,GAAW,MAAM;AAW1B,QAAA,IAAa,CAAA,aAAA,GAAW,EAAE;AA8KpC;AAtKC,IAAA,mBAAmB,CAAC,QAAkB,EAAA;AACpC,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC;;;AAK3B,IAAA,MAAM,QAAQ,GAAA;AACnB,QAAA,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,KAAI;AAC7B,YAAA,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE;AACpB,YAAA,OAAO,EAAE;AACX,SAAC,CAAC;;AAGJ;;;;AAIG;IAEI,MAAM,QAAQ,CAAC,KAAe,EAAA;AACnC,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;AAClB,QAAA,OAAO,OAAO,CAAC,OAAO,EAAE;;AAG1B;;;;AAIG;AAEI,IAAA,MAAM,QAAQ,GAAA;QACnB,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;;AAGpC;;;;AAIG;AAEI,IAAA,MAAM,KAAK,GAAA;AAChB,QAAA,IAAI,CAAC,KAAK,GAAG,EAAE;AACf,QAAA,IAAI,CAAC,aAAa,GAAG,EAAE;AACvB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;AACnB,QAAA,OAAO,OAAO,CAAC,OAAO,EAAE;;AAG1B;;;;AAIG;AACK,IAAA,YAAY,CAAC,IAAY,EAAA;AAC/B,QAAA,IAAG,CAACA,+BAAW,CAAC,IAAI,CAAC;AAAE,YAAA,OAAO,IAAI;QAElC,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,IAAI,CAAC,UAAU,GAAG,UAAU,GAAG,QAAQ;QACvF,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,KAAK,QAAQ,GAAG,MAAM,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO,GAAG,SAAS,GAAG,SAAS;QAC5F,QAAQC,sBAAU,KAAK,EAAC,iCAAiC,EAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAEC,gCAAY,CAAC,UAAU,CAAC,EAAa,CAAA;;AAGnI;;;;;;;AAOG;AACK,IAAA,WAAW,CAAC,GAAe,EAAA;QACjC,GAAG,CAAC,eAAe,EAAE;AACrB,QAAA,MAAM,MAAM,GAAG,GAAG,CAAC,MAA0B;AAC7C,QAAA,MAAM,UAAU,GAAG,IAAI,UAAU,CAAC,OAAO,CAAC;AAC1C,QAAAC,iCAAa,CAAC,IAAI,CAAC,MAAM,CAAC;AAE1B,QAAA,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,KAAK;QAEjC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;AACzC,QAAA,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,UAAU,CAAC;;AAGvC;;;;AAIG;IACK,gBAAgB,GAAA;QACtB,IAAI,CAAC,iBAAiB,IAAIC,oCAAgB,CAAC,IAAI,CAAC,iBAAiB,CAAC;;AAG5D,IAAA,eAAe,CAAC,GAAW,EAAA;AACjC,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,KAAK,GAAG,CAAC;;IAG9C,iBAAiB,GAAA;AACvB,QAAA,QAAO,IAAI,CAAC,IAAI;AACd,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,aAAa;AACtB,YAAA,KAAK,QAAQ;AACX,gBAAA,OAAO,OAAO;AAChB,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,QAAQ;AACjB,YAAA;AACE,gBAAA,OAAO,OAAO;;;IAIZ,kBAAkB,GAAA;AACxB,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE;;IAG7B,MAAM,GAAA;;AACJ,QAAA,QACEH,OAAC,CAAAI,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,QAAQ,GAAG,yBAAyB,GAAG,EAAE,EAAA,EACzDJ,OACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,CAAC,EAAE,KAAU;AAAG,gBAAA,IAAG,EAAE;AAAE,oBAAA,IAAI,CAAC,iBAAiB,GAAG,EAAE;aAAC,EACxD,KAAK,EAAEK,6BAAc,CACnB,0BAA0B,EAC1B,uBAAuB,IAAI,CAAC,IAAI,CAAE,CAAA,EAClC,IAAI,CAAC,KAAK,IAAI,iCAAiC,EAC/C,IAAI,CAAC,UAAU,IAAI,oCAAoC,EACvD,IAAI,CAAC,QAAQ,IAAI,oCAAoC,CACtD,EAAA,EAEA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,EACxCL,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAEK,6BAAc,CAAC,8BAA8B,EAAE,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,IAAG,CAAC,GAAG,yCAAyC,GAAG,EAAE,CAAC,EAAA,EAC9H,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAW,MAC1BL,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,+BAA+B,EAAA,EACxCA,OACE,CAAA,UAAA,EAAA,EAAA,KAAK,EAAE,qBAAqB,EAC5B,KAAK,EAAE,GAAG,EACV,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,UAAU,EAC1C,KAAK,EAAE,IAAI,EACX,aAAa,EAAE,KAAK,EACpB,aAAa,EAAE,MAAM,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,EAAA,CACrC,CACP,CACP,CAAC,EACFA,OACE,CAAA,OAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,CAAC,EAAE,KAAU;AAAG,gBAAA,IAAG,EAAE;AAAE,oBAAA,IAAI,CAAC,OAAO,GAAG,EAAE;aAAC,EAC9C,KAAK,EAAE,sBAAsB,EAC7B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,IAAI,CAAC,aAAa,EACzB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,GAAG,KAAW,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAC7C,OAAO,EAAE,MAAY,IAAI,CAAC,gBAAgB,EAAE,EAC5C,MAAM,EAAE,MAAY,IAAI,CAAC,gBAAgB,EAAE,IACvCM,+BAAe,CACjB,IAAI,CAAC,MAAM,EACX,OAAO,EACP,OAAO,EACP,UAAU,EACV,aAAa,EACb,OAAO,EACP,OAAO,CACR,CAAA,CACD,CACA,EACL,IAAI,CAAC,eAAe,KAAKN,OAAiB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,WAAW,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,iBAAiB,EAAE,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,EAAE,GAAI,CAAC,EACzL,IAAI,CAAC,UAAU,KAAKA,8EAAiB,OAAO,EAAC,WAAW,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,iBAAiB,EAAE,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,kBAAkB,EAAE,GAAI,CAAC,CACtM,CACD;;;;;;;;;;;"}