@carbon/web-components 2.43.0 → 2.44.0

package/es/components/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../src/components/button/button.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport {\n  BUTTON_KIND,\n  BUTTON_TYPE,\n  BUTTON_SIZE,\n  BUTTON_TOOLTIP_ALIGNMENT,\n  BUTTON_TOOLTIP_POSITION,\n} from './defs';\nimport styles from './button.scss?lit';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport {\n  BUTTON_KIND,\n  BUTTON_TYPE,\n  BUTTON_SIZE,\n  BUTTON_TOOLTIP_ALIGNMENT,\n  BUTTON_TOOLTIP_POSITION,\n};\n\n/**\n * Button.\n *\n * @element cds-button\n * @csspart button The button.\n */\n@customElement(`${prefix}-button`)\nclass CDSButton extends HostListenerMixin(FocusMixin(LitElement)) {\n  /**\n   * `true` if there is an icon.\n   */\n  private _hasIcon = false;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  private _handleSlotChange({ target }: Event) {\n    const { name } = target as HTMLSlotElement;\n    const hasContent = (target as HTMLSlotElement).assignedNodes().some(\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n    );\n    this[name === 'icon' ? '_hasIcon' : 'hasMainContent'] = hasContent;\n    this.requestUpdate();\n  }\n\n  @HostListener('click', { capture: true })\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore\n  private _handleDisabledClick(event: Event) {\n    const { disabled } = this;\n    if (disabled) {\n      event.stopPropagation();\n    }\n  }\n\n  private _checkBadgeWarning() {\n    const hasBadgeIndicator = this.querySelector(`${prefix}-badge-indicator`);\n    if (\n      hasBadgeIndicator &&\n      (this.kind !== BUTTON_KIND.GHOST || this.size !== BUTTON_SIZE.LARGE)\n    ) {\n      // eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20452\n      console.warn(\n        `The badge indicator must be used with kind='ghost' and size='lg'`\n      );\n    }\n  }\n  updated(changedProperties) {\n    super.updated?.(changedProperties);\n    this._checkBadgeWarning();\n  }\n\n  @HostListener('mouseover')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleOver = () => {\n    this.openTooltip = true;\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('mouseout')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleHoverOut = async () => {\n    this.openTooltip = false;\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   * Space & enter will toggle state, Escape will only close.\n   */\n  @HostListener('focus')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleFocus = async () => {\n    this.openTooltip = true;\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   * Space & enter will toggle state, Escape will only close.\n   */\n  @HostListener('focusout')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleFocusout = async () => {\n    this.openTooltip = false;\n  };\n\n  /**\n   * `true` if the button should have input focus when the page loads.\n   */\n  @property({ type: Boolean, reflect: true })\n  autofocus = false;\n\n  /**\n   * `true` if the button is being used within a data table batch action toolbar\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'batch-action' })\n  batchAction = false;\n\n  /**\n   * Specify an optional className to be added to your Button\n   */\n  @property({ reflect: true, attribute: 'button-class-name' })\n  buttonClassName;\n\n  /**\n   * Specify the message read by screen readers for the danger button variant\n   */\n  @property({ reflect: true, attribute: 'danger-description' })\n  dangerDescription;\n\n  /**\n   * `true` if the button should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The default file name, used if this button is rendered as `<a>`.\n   */\n  @property({ reflect: true })\n  download!: string;\n\n  /**\n   * `true` if there is a non-icon content.\n   */\n  @property({ reflect: true, attribute: 'has-main-content', type: Boolean })\n  hasMainContent = false;\n\n  /**\n   * Link `href`. If present, this button is rendered as `<a>`.\n   */\n  @property({ reflect: true })\n  href!: string;\n\n  /**\n   * The language of what `href` points to, if this button is rendered as `<a>`.\n   */\n  @property({ reflect: true })\n  hreflang!: string;\n\n  /**\n   * `true` if expressive theme enabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  isExpressive = false;\n\n  /**\n   * Specify whether the Button is currently selected.\n   * Only applies to the Ghost variant.\n   */\n  @property({ type: Boolean, reflect: true })\n  isSelected = false;\n\n  /**\n   * Button kind.\n   */\n  @property({ reflect: true })\n  kind = BUTTON_KIND.PRIMARY;\n\n  /**\n   * The a11y role for `<a>`.\n   */\n  @property({ attribute: 'link-role' })\n  linkRole = 'button';\n\n  /**\n   * Boolean to determine if tooltip is open.\n   */\n  @property({ type: Boolean })\n  openTooltip = false;\n\n  /**\n   * URLs to ping, if this button is rendered as `<a>`.\n   */\n  @property({ reflect: true })\n  ping!: string;\n\n  /**\n   * The link type, if this button is rendered as `<a>`.\n   */\n  @property({ reflect: true })\n  rel!: string;\n\n  /**\n   * Button size.\n   */\n  @property({ reflect: true })\n  size = 'lg';\n\n  /**\n   * Specify the tabIndex of the button.\n   */\n  @property({ type: Number, attribute: 'tab-index', reflect: true })\n  tabIndex = 0;\n\n  /**\n   * The link target, if this button is rendered as `<a>`.\n   */\n  @property({ reflect: true })\n  target!: string;\n\n  /**\n   * Specify the alignment of the tooltip to the icon-only button.\n   * Can be one of: start, center, or end.\n   */\n  @property({ reflect: true, attribute: 'tooltip-alignment' })\n  tooltipAlignment = BUTTON_TOOLTIP_ALIGNMENT.CENTER;\n\n  /**\n   * Specify the direction of the tooltip for icon-only buttons.\n   * Can be either top, right, bottom, or left.\n   */\n  @property({ reflect: true, attribute: 'tooltip-position' })\n  tooltipPosition = BUTTON_TOOLTIP_POSITION.TOP;\n\n  /**\n   * Specify the text to be rendered in the tooltip. If using\n   * \"cds-badge-indicator\" with no count prop then the text\n   * should include describing there is a new notification.\n   */\n  @property({ reflect: true, attribute: 'tooltip-text' })\n  tooltipText!: string;\n\n  /**\n   * Button type.\n   */\n  @property({ reflect: true })\n  type = BUTTON_TYPE.BUTTON;\n\n  render() {\n    const {\n      autofocus,\n      buttonClassName,\n      dangerDescription,\n      disabled,\n      download,\n      href,\n      hreflang,\n      kind,\n      isExpressive,\n      isSelected,\n      linkRole,\n      openTooltip,\n      ping,\n      rel,\n      size,\n      tabIndex,\n      target,\n      tooltipAlignment,\n      tooltipPosition,\n      tooltipText,\n      type,\n      _hasIcon: hasIcon,\n      hasMainContent,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n\n    let defaultClasses = {\n      [`${prefix}--btn`]: true,\n      [`${prefix}--btn--${kind}`]: kind,\n      [`${prefix}--btn--danger--tertiary`]:\n        kind === BUTTON_KIND.DANGER_TERTIARY,\n      [`${prefix}--btn--danger--ghost`]: kind === BUTTON_KIND.DANGER_GHOST,\n      [`${prefix}--btn--disabled`]: disabled,\n      [`${prefix}--btn--icon-only`]: hasIcon && !hasMainContent,\n      [`${prefix}--btn--${size}`]: size,\n      [`${prefix}--layout--size-${size}`]: size,\n      [`${prefix}-ce--btn--has-icon`]: hasIcon,\n      [`${prefix}--btn--expressive`]: isExpressive,\n      [`${prefix}--btn--selected`]: isSelected && kind === 'ghost',\n    };\n\n    if (buttonClassName) {\n      const outputObject = {};\n      buttonClassName?.split(' ').forEach((element) => {\n        outputObject[element] = true;\n      });\n      defaultClasses = { ...defaultClasses, ...outputObject };\n    }\n    const classes = classMap(defaultClasses);\n\n    const isDanger = kind.includes('danger');\n\n    if (href) {\n      return disabled\n        ? html`\n            <p id=\"button\" part=\"button\" class=\"${classes}\">\n              <slot @slotchange=\"${handleSlotChange}\"></slot>\n              <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n            </p>\n          `\n        : html`\n            <a\n              id=\"button\"\n              part=\"button\"\n              role=\"${ifDefined(linkRole)}\"\n              class=\"${classes}\"\n              download=\"${ifDefined(download)}\"\n              href=\"${ifDefined(href)}\"\n              hreflang=\"${ifDefined(hreflang)}\"\n              ping=\"${ifDefined(ping)}\"\n              rel=\"${ifDefined(rel)}\"\n              target=\"${ifDefined(target)}\"\n              type=\"${ifDefined(type)}\"\n              tabindex=\"${tabIndex}\"\n              aria-describedby=\"badge-indicator\">\n              <slot @slotchange=\"${handleSlotChange}\"></slot>\n              <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n            </a>\n            ${html`<slot id=\"badge-indicator\" name=\"badge-indicator\"></slot>` ??\n            !disabled}\n          `;\n    }\n\n    const alignmentClass =\n      tooltipAlignment &&\n      (tooltipPosition === BUTTON_TOOLTIP_POSITION.TOP ||\n        tooltipPosition === BUTTON_TOOLTIP_POSITION.BOTTOM)\n        ? `-${tooltipAlignment}`\n        : '';\n\n    const tooltipClasses = classMap({\n      [`${prefix}--popover-container`]: true,\n      [`${prefix}--popover--caret`]: true,\n      [`${prefix}--popover--high-contrast`]: true,\n      [`${prefix}--tooltip`]: true,\n      [`${prefix}--icon-tooltip`]: hasIcon,\n      [`${prefix}--popover--open`]: openTooltip,\n      [`${prefix}--popover--${tooltipPosition}${alignmentClass}`]: tooltipText,\n    });\n\n    return tooltipText && !disabled\n      ? html`\n          <span class=\"${tooltipClasses}\">\n            <button\n              id=\"button\"\n              part=\"button\"\n              class=\"${classes}\"\n              ?autofocus=\"${autofocus}\"\n              ?disabled=\"${disabled}\"\n              tabindex=\"${tabIndex}\"\n              type=\"${ifDefined(type)}\"\n              aria-label=\"${ifDefined(tooltipText)}\"\n              aria-describedby=\"badge-indicator\">\n              <slot @slotchange=\"${handleSlotChange}\"></slot>\n              <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n            </button>\n            <span class=\"${prefix}--popover\">\n              <span\n                class=\"${prefix}--popover-content ${prefix}--tooltip-content\">\n                ${tooltipText}\n              </span>\n              <span class=\"${prefix}--popover-caret\"></span>\n            </span>\n            ${html`<slot id=\"badge-indicator\" name=\"badge-indicator\"></slot>` ??\n            !disabled}\n          </span>\n        `\n      : html`\n          <button\n            id=\"button\"\n            part=\"button\"\n            class=\"${classes}\"\n            ?autofocus=\"${autofocus}\"\n            ?disabled=\"${disabled}\"\n            tabindex=\"${tabIndex}\"\n            type=\"${ifDefined(type)}\"\n            aria-describedby=\"badge-indicator\">\n            ${isDanger\n              ? html`<span class=\"${prefix}--visually-hidden\"\n                  >${dangerDescription}</span\n                >`\n              : ``}\n            <slot @slotchange=\"${handleSlotChange}\"></slot>\n            <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n          </button>\n          ${html`<slot id=\"badge-indicator\" name=\"badge-indicator\"></slot>` ??\n          !disabled}\n        `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSButton;\n"],"names":["styles","customElement"],"mappings":"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"}
+{"version":3,"file":"button.js","sources":["../../../src/components/button/button.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport {\n  BUTTON_KIND,\n  BUTTON_TYPE,\n  BUTTON_SIZE,\n  BUTTON_TOOLTIP_ALIGNMENT,\n  BUTTON_TOOLTIP_POSITION,\n} from './defs';\nimport styles from './button.scss?lit';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport {\n  BUTTON_KIND,\n  BUTTON_TYPE,\n  BUTTON_SIZE,\n  BUTTON_TOOLTIP_ALIGNMENT,\n  BUTTON_TOOLTIP_POSITION,\n};\n\n/**\n * Button.\n *\n * @element cds-button\n * @csspart button The button.\n */\n@customElement(`${prefix}-button`)\nclass CDSButton extends HostListenerMixin(FocusMixin(LitElement)) {\n  /**\n   * `true` if there is an icon.\n   */\n  private _hasIcon = false;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  private _handleSlotChange({ target }: Event) {\n    const { name } = target as HTMLSlotElement;\n    const hasContent = (target as HTMLSlotElement).assignedNodes().some(\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n    );\n    this[name === 'icon' ? '_hasIcon' : 'hasMainContent'] = hasContent;\n    this.requestUpdate();\n  }\n\n  @HostListener('click', { capture: true })\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore\n  private _handleDisabledClick(event: Event) {\n    const { disabled } = this;\n    if (disabled) {\n      event.stopPropagation();\n    }\n  }\n\n  private _checkBadgeWarning() {\n    const hasBadgeIndicator = this.querySelector(`${prefix}-badge-indicator`);\n    if (\n      hasBadgeIndicator &&\n      (this.kind !== BUTTON_KIND.GHOST || this.size !== BUTTON_SIZE.LARGE)\n    ) {\n      // eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20452\n      console.warn(\n        `The badge indicator must be used with kind='ghost' and size='lg'`\n      );\n    }\n  }\n  updated(changedProperties) {\n    super.updated?.(changedProperties);\n    this._checkBadgeWarning();\n  }\n\n  @HostListener('mouseover')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleOver = () => {\n    this.openTooltip = true;\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('mouseout')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleHoverOut = async () => {\n    this.openTooltip = false;\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   * Space & enter will toggle state, Escape will only close.\n   */\n  @HostListener('focus')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleFocus = async () => {\n    this.openTooltip = true;\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   * Space & enter will toggle state, Escape will only close.\n   */\n  @HostListener('focusout')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleFocusout = async () => {\n    this.openTooltip = false;\n  };\n\n  /**\n   * `true` if the button should have input focus when the page loads.\n   */\n  @property({ type: Boolean, reflect: true })\n  autofocus = false;\n\n  /**\n   * `true` if the button is being used within a data table batch action toolbar\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'batch-action' })\n  batchAction = false;\n\n  /**\n   * Specify an optional className to be added to your Button\n   */\n  @property({ reflect: true, attribute: 'button-class-name' })\n  buttonClassName;\n\n  /**\n   * Specify the message read by screen readers for the danger button variant\n   */\n  @property({ reflect: true, attribute: 'danger-description' })\n  dangerDescription;\n\n  /**\n   * `true` if the button should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The default file name, used if this button is rendered as `<a>`.\n   */\n  @property({ reflect: true })\n  download!: string;\n\n  /**\n   * `true` if there is a non-icon content.\n   */\n  @property({ reflect: true, attribute: 'has-main-content', type: Boolean })\n  hasMainContent = false;\n\n  /**\n   * Link `href`. If present, this button is rendered as `<a>`.\n   */\n  @property({ reflect: true })\n  href!: string;\n\n  /**\n   * The language of what `href` points to, if this button is rendered as `<a>`.\n   */\n  @property({ reflect: true })\n  hreflang!: string;\n\n  /**\n   * `true` if expressive theme enabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  isExpressive = false;\n\n  /**\n   * Specify whether the Button is currently selected.\n   * Only applies to the Ghost variant.\n   */\n  @property({ type: Boolean, reflect: true })\n  isSelected = false;\n\n  /**\n   * Button kind.\n   */\n  @property({ reflect: true })\n  kind = BUTTON_KIND.PRIMARY;\n\n  /**\n   * The a11y role for `<a>`.\n   */\n  @property({ attribute: 'link-role' })\n  linkRole = 'button';\n\n  /**\n   * Boolean to determine if tooltip is open.\n   */\n  @property({ type: Boolean })\n  openTooltip = false;\n\n  /**\n   * URLs to ping, if this button is rendered as `<a>`.\n   */\n  @property({ reflect: true })\n  ping!: string;\n\n  /**\n   * The link type, if this button is rendered as `<a>`.\n   */\n  @property({ reflect: true })\n  rel!: string;\n\n  /**\n   * Button size.\n   */\n  @property({ reflect: true })\n  size = 'lg';\n\n  /**\n   * Specify the tabIndex of the button.\n   */\n  @property({ type: Number, attribute: 'tab-index', reflect: true })\n  tabIndex = 0;\n\n  /**\n   * The link target, if this button is rendered as `<a>`.\n   */\n  @property({ reflect: true })\n  target!: string;\n\n  /**\n   * Specify the alignment of the tooltip to the icon-only button.\n   * Can be one of: start, center, or end.\n   */\n  @property({ reflect: true, attribute: 'tooltip-alignment' })\n  tooltipAlignment = BUTTON_TOOLTIP_ALIGNMENT.CENTER;\n\n  /**\n   * Specify the direction of the tooltip for icon-only buttons.\n   * Can be either top, right, bottom, or left.\n   */\n  @property({ reflect: true, attribute: 'tooltip-position' })\n  tooltipPosition = BUTTON_TOOLTIP_POSITION.TOP;\n\n  /**\n   * Specify the text to be rendered in the tooltip. If using\n   * \"cds-badge-indicator\" with no count prop then the text\n   * should include describing there is a new notification.\n   */\n  @property({ reflect: true, attribute: 'tooltip-text' })\n  tooltipText!: string;\n\n  /**\n   * Button type.\n   */\n  @property({ reflect: true })\n  type = BUTTON_TYPE.BUTTON;\n\n  render() {\n    const {\n      autofocus,\n      buttonClassName,\n      dangerDescription,\n      disabled,\n      download,\n      href,\n      hreflang,\n      kind,\n      isExpressive,\n      isSelected,\n      linkRole,\n      openTooltip,\n      ping,\n      rel,\n      size,\n      tabIndex,\n      target,\n      tooltipAlignment,\n      tooltipPosition,\n      tooltipText,\n      type,\n      _hasIcon: hasIcon,\n      hasMainContent,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n\n    let defaultClasses = {\n      [`${prefix}--btn`]: true,\n      [`${prefix}--btn--${kind}`]: kind,\n      [`${prefix}--btn--danger--tertiary`]:\n        kind === BUTTON_KIND.DANGER_TERTIARY,\n      [`${prefix}--btn--danger--ghost`]: kind === BUTTON_KIND.DANGER_GHOST,\n      [`${prefix}--btn--disabled`]: disabled,\n      [`${prefix}--btn--icon-only`]: hasIcon && !hasMainContent,\n      [`${prefix}--btn--${size}`]: size,\n      [`${prefix}--layout--size-${size}`]: size,\n      [`${prefix}-ce--btn--has-icon`]: hasIcon,\n      [`${prefix}--btn--expressive`]: isExpressive,\n      [`${prefix}--btn--selected`]: isSelected && kind === 'ghost',\n    };\n\n    if (buttonClassName) {\n      const outputObject = {};\n      buttonClassName?.split(' ').forEach((element) => {\n        outputObject[element] = true;\n      });\n      defaultClasses = { ...defaultClasses, ...outputObject };\n    }\n    const classes = classMap(defaultClasses);\n\n    const isDanger = kind.includes('danger');\n\n    if (href) {\n      return disabled\n        ? html`\n            <p id=\"button\" part=\"button\" class=\"${classes}\">\n              <slot @slotchange=\"${handleSlotChange}\"></slot>\n              <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n            </p>\n          `\n        : html`\n            <a\n              id=\"button\"\n              part=\"button\"\n              role=\"${ifDefined(linkRole)}\"\n              class=\"${classes}\"\n              download=\"${ifDefined(download)}\"\n              href=\"${ifDefined(href)}\"\n              hreflang=\"${ifDefined(hreflang)}\"\n              ping=\"${ifDefined(ping)}\"\n              rel=\"${ifDefined(rel)}\"\n              target=\"${ifDefined(target)}\"\n              type=\"${ifDefined(type)}\"\n              tabindex=\"${tabIndex}\"\n              aria-describedby=\"badge-indicator\">\n              <slot @slotchange=\"${handleSlotChange}\"></slot>\n              <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n            </a>\n            ${html`<slot id=\"badge-indicator\" name=\"badge-indicator\"></slot>` ??\n            !disabled}\n          `;\n    }\n\n    const alignmentClass =\n      tooltipAlignment &&\n      (tooltipPosition === BUTTON_TOOLTIP_POSITION.TOP ||\n        tooltipPosition === BUTTON_TOOLTIP_POSITION.BOTTOM)\n        ? `-${tooltipAlignment}`\n        : '';\n\n    const tooltipClasses = classMap({\n      [`${prefix}--popover-container`]: true,\n      [`${prefix}--popover--caret`]: true,\n      [`${prefix}--popover--high-contrast`]: true,\n      [`${prefix}--tooltip`]: true,\n      [`${prefix}--icon-tooltip`]: hasIcon,\n      [`${prefix}--popover--open`]: openTooltip,\n      [`${prefix}--popover--${tooltipPosition}${alignmentClass}`]: tooltipText,\n    });\n\n    return tooltipText && !disabled\n      ? html`\n          <span class=\"${tooltipClasses}\">\n            <button\n              id=\"button\"\n              part=\"button\"\n              class=\"${classes}\"\n              ?autofocus=\"${autofocus}\"\n              ?disabled=\"${disabled}\"\n              tabindex=\"${tabIndex}\"\n              type=\"${ifDefined(type)}\"\n              aria-label=\"${ifDefined(tooltipText)}\"\n              aria-describedby=\"badge-indicator\">\n              <slot @slotchange=\"${handleSlotChange}\"></slot>\n              <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n            </button>\n            <span class=\"${prefix}--popover\">\n              <span\n                class=\"${prefix}--popover-content ${prefix}--tooltip-content\">\n                ${tooltipText}\n              </span>\n              <span class=\"${prefix}--popover-caret\"></span>\n            </span>\n            ${html`<slot id=\"badge-indicator\" name=\"badge-indicator\"></slot>` ??\n            !disabled}\n          </span>\n        `\n      : html`\n          <button\n            id=\"button\"\n            part=\"button\"\n            class=\"${classes}\"\n            ?autofocus=\"${autofocus}\"\n            ?disabled=\"${disabled}\"\n            tabindex=\"${tabIndex}\"\n            type=\"${ifDefined(type)}\"\n            aria-label=\"${ifDefined(tooltipText)}\"\n            aria-describedby=\"badge-indicator\">\n            ${isDanger\n              ? html`<span class=\"${prefix}--visually-hidden\"\n                  >${dangerDescription}</span\n                >`\n              : ``}\n            <slot @slotchange=\"${handleSlotChange}\"></slot>\n            <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n          </button>\n          ${html`<slot id=\"badge-indicator\" name=\"badge-indicator\"></slot>` ??\n          !disabled}\n        `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSButton;\n"],"names":["styles","customElement"],"mappings":"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"}

package/es/components/combo-box/combo-box-item.d.ts

@@ -1,9 +1,10 @@
 /**
- * Copyright IBM Corp. 2019, 2023
+ * Copyright IBM Corp. 2019, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import type { PropertyValues } from 'lit';
 import CDSDropdownItem from '../dropdown/dropdown-item';
 /**
  * Combo box item.
@@ -11,6 +12,14 @@ import CDSDropdownItem from '../dropdown/dropdown-item';
  * @element cds-combo-box-item
  */
 declare class CDSComboBoxItem extends CDSDropdownItem {
+    private _nextSiblingRefs;
+    private _handleMouseEnter;
+    private _handleMouseLeave;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _getNextItem;
+    private _syncNextSibling;
+    protected updated(changedProperties: PropertyValues): void;
     static styles: any;
 }
 export default CDSComboBoxItem;

package/es/components/combo-box/combo-box-item.js

@@ -12,7 +12,7 @@ import styles from './combo-box.scss.js';
 import { carbonElement } from '../../globals/decorators/carbon-element.js';
 
 /**
- * Copyright IBM Corp. 2019, 2023
+ * Copyright IBM Corp. 2019, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -23,6 +23,70 @@ import { carbonElement } from '../../globals/decorators/carbon-element.js';
  * @element cds-combo-box-item
  */
 let CDSComboBoxItem = class CDSComboBoxItem extends CDSDropdownItem {
+    constructor() {
+        super(...arguments);
+        this._nextSiblingRefs = {
+            'hovered-next-sibling': null,
+            'highlighted-next-sibling': null,
+            'selected-next-sibling': null,
+        };
+        this._handleMouseEnter = () => {
+            if (this.hasAttribute('disabled')) {
+                return;
+            }
+            this._syncNextSibling('hovered-next-sibling', true);
+        };
+        this._handleMouseLeave = () => {
+            this._syncNextSibling('hovered-next-sibling', false);
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(`${prefix}--list-box__menu-item`);
+        this.addEventListener('mouseenter', this._handleMouseEnter);
+        this.addEventListener('mouseleave', this._handleMouseLeave);
+    }
+    disconnectedCallback() {
+        this.removeEventListener('mouseenter', this._handleMouseEnter);
+        this.removeEventListener('mouseleave', this._handleMouseLeave);
+        this._syncNextSibling('hovered-next-sibling', false);
+        this._syncNextSibling('highlighted-next-sibling', false);
+        this._syncNextSibling('selected-next-sibling', false);
+        super.disconnectedCallback();
+    }
+    _getNextItem() {
+        let next = this.nextElementSibling;
+        while (next) {
+            if (next instanceof HTMLElement &&
+                next.tagName.toLowerCase() === `${prefix}-combo-box-item`) {
+                return next;
+            }
+            next = next.nextElementSibling;
+        }
+        return null;
+    }
+    _syncNextSibling(attribute, shouldSet) {
+        const currentSibling = this._nextSiblingRefs[attribute];
+        currentSibling === null || currentSibling === void 0 ? void 0 : currentSibling.removeAttribute(attribute);
+        if (shouldSet) {
+            const next = this._getNextItem();
+            if (next) {
+                next.setAttribute(attribute, '');
+                this._nextSiblingRefs[attribute] = next;
+                return;
+            }
+        }
+        this._nextSiblingRefs[attribute] = null;
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has('highlighted')) {
+            this._syncNextSibling('highlighted-next-sibling', this.highlighted);
+        }
+        if (changedProperties.has('selected')) {
+            this._syncNextSibling('selected-next-sibling', this.selected);
+        }
+    }
 };
 CDSComboBoxItem.styles = styles;
 CDSComboBoxItem = __decorate([

package/es/components/combo-box/combo-box-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"combo-box-item.js","sources":["../../../src/components/combo-box/combo-box-item.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { prefix } from '../../globals/settings';\nimport CDSDropdownItem from '../dropdown/dropdown-item';\nimport styles from './combo-box.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Combo box item.\n *\n * @element cds-combo-box-item\n */\n@customElement(`${prefix}-combo-box-item`)\nclass CDSComboBoxItem extends CDSDropdownItem {\n  static styles = styles;\n}\n\nexport default CDSComboBoxItem;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;AAAA;;;;;AAKG;AAOH;;;;AAIG;AAEH,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,eAAe,CAAA;;AACpC,eAAM,CAAA,MAAA,GAAG,MAAH;AADT,eAAe,GAAA,UAAA,CAAA;AADpB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,eAAA,CAAiB;AACnC,CAAA,EAAA,eAAe,CAEpB;AAED,wBAAe,eAAe;;;;"}
+{"version":3,"file":"combo-box-item.js","sources":["../../../src/components/combo-box/combo-box-item.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport type { PropertyValues } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport CDSDropdownItem from '../dropdown/dropdown-item';\nimport styles from './combo-box.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\ntype NextSiblingAttribute =\n  | 'hovered-next-sibling'\n  | 'highlighted-next-sibling'\n  | 'selected-next-sibling';\n\n/**\n * Combo box item.\n *\n * @element cds-combo-box-item\n */\n@customElement(`${prefix}-combo-box-item`)\nclass CDSComboBoxItem extends CDSDropdownItem {\n  private _nextSiblingRefs: Record<NextSiblingAttribute, Element | null> = {\n    'hovered-next-sibling': null,\n    'highlighted-next-sibling': null,\n    'selected-next-sibling': null,\n  };\n\n  private _handleMouseEnter = () => {\n    if (this.hasAttribute('disabled')) {\n      return;\n    }\n    this._syncNextSibling('hovered-next-sibling', true);\n  };\n\n  private _handleMouseLeave = () => {\n    this._syncNextSibling('hovered-next-sibling', false);\n  };\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.classList.add(`${prefix}--list-box__menu-item`);\n    this.addEventListener('mouseenter', this._handleMouseEnter);\n    this.addEventListener('mouseleave', this._handleMouseLeave);\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener('mouseenter', this._handleMouseEnter);\n    this.removeEventListener('mouseleave', this._handleMouseLeave);\n    this._syncNextSibling('hovered-next-sibling', false);\n    this._syncNextSibling('highlighted-next-sibling', false);\n    this._syncNextSibling('selected-next-sibling', false);\n    super.disconnectedCallback();\n  }\n\n  private _getNextItem(): Element | null {\n    let next = this.nextElementSibling;\n    while (next) {\n      if (\n        next instanceof HTMLElement &&\n        next.tagName.toLowerCase() === `${prefix}-combo-box-item`\n      ) {\n        return next;\n      }\n      next = next.nextElementSibling;\n    }\n    return null;\n  }\n\n  private _syncNextSibling(\n    attribute: NextSiblingAttribute,\n    shouldSet: boolean\n  ) {\n    const currentSibling = this._nextSiblingRefs[attribute];\n    currentSibling?.removeAttribute(attribute);\n    if (shouldSet) {\n      const next = this._getNextItem();\n      if (next) {\n        next.setAttribute(attribute, '');\n        this._nextSiblingRefs[attribute] = next;\n        return;\n      }\n    }\n    this._nextSiblingRefs[attribute] = null;\n  }\n\n  protected updated(changedProperties: PropertyValues) {\n    super.updated(changedProperties);\n    if (changedProperties.has('highlighted')) {\n      this._syncNextSibling('highlighted-next-sibling', this.highlighted);\n    }\n    if (changedProperties.has('selected')) {\n      this._syncNextSibling('selected-next-sibling', this.selected);\n    }\n  }\n\n  static styles = styles;\n}\n\nexport default CDSComboBoxItem;\n"],"names":["customElement"],"mappings":"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"}

package/es/components/combo-box/combo-box.d.ts

@@ -57,14 +57,14 @@ declare class CDSComboBox extends CDSDropdown {
      * @returns `true` if the given combo box item matches the given query text.
      */
     protected _defaultItemMatches(item: CDSComboBoxItem, queryText: string): boolean;
-    connectedCallback(): void;
     /**
      * Handles `input` event on the `<input>` for filtering.
      */
-    protected _handleInput(event: InputEvent): void;
-    protected _removeAutoCompleteSuggestion(): void;
+    protected _handleInput(): void;
     protected _filterItems(items: NodeListOf<Element>, queryText: string, rawQueryText: string): number;
     protected _scrollItemIntoView(item: HTMLElement): void;
+    protected _getSelectedItem(): CDSComboBoxItem | null;
+    protected _revertInputToSelected(focus?: boolean): void;
     protected _handleInputKeydown(event: KeyboardEvent): void;
     protected _handleClickInner(event: MouseEvent): void;
     protected _handleKeypressInner(event: KeyboardEvent): void;
@@ -76,6 +76,7 @@ declare class CDSComboBox extends CDSDropdown {
     protected _selectionDidChange(itemToSelect?: CDSComboBoxItem): void;
     protected _renderLabel(): TemplateResult;
     protected _renderFollowingLabel(): TemplateResult | void;
+    protected _renderTitleLabel(): TemplateResult;
     /**
      * The `aria-label` attribute for the icon to clear selection.
      */
@@ -89,15 +90,11 @@ declare class CDSComboBox extends CDSDropdown {
      */
     itemMatches: (item: CDSComboBoxItem, queryText: string) => boolean;
     /**
-     * Provide custom filtering behavior. This attribute will be ignored if
-     * `typeahead` is enabled and will default to `true`
+     * Provide custom filtering behavior.
      */
     shouldFilterItem: boolean | ShouldFilterItem;
-    /**
-     * **Experimental**: will enable autocomplete and typeahead for the input field
-     */
-    typeahead: boolean;
     shouldUpdate(changedProperties: any): boolean;
+    protected _clearInputWithoutSelecting(focus?: boolean): void;
     updated(changedProperties: any): void;
     protected _resetFilteredItems(): void;
     static TRIGGER_KEYS: Set<string>;

package/es/components/combo-box/combo-box.js

@@ -57,14 +57,9 @@ let CDSComboBox = class CDSComboBox extends CDSDropdown {
          */
         this.inputLabel = '';
         /**
-         * Provide custom filtering behavior. This attribute will be ignored if
-         * `typeahead` is enabled and will default to `true`
+         * Provide custom filtering behavior.
          */
         this.shouldFilterItem = false;
-        /**
-         * **Experimental**: will enable autocomplete and typeahead for the input field
-         */
-        this.typeahead = false;
     }
     /**
      * @param item A combo box item.
@@ -85,18 +80,10 @@ let CDSComboBox = class CDSComboBox extends CDSDropdown {
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452
         item.textContent.toLowerCase().indexOf(queryText.toLowerCase()) >= 0);
     }
-    connectedCallback() {
-        super.connectedCallback();
-        if (this.typeahead) {
-            this.shouldFilterItem = true;
-            this.setAttribute('should-filter-item', '');
-        }
-    }
     /**
      * Handles `input` event on the `<input>` for filtering.
      */
-    _handleInput(event) {
-        var _a, _b, _c;
+    _handleInput() {
         const rawQueryText = this._filterInputNode.value;
         const queryText = rawQueryText.trim().toLowerCase();
         if (rawQueryText.length !== 0) {
@@ -112,36 +99,11 @@ let CDSComboBox = class CDSComboBox extends CDSDropdown {
             if (highlightedItem) {
                 this._scrollItemIntoView(highlightedItem);
             }
-            if (this.typeahead && ((_a = event === null || event === void 0 ? void 0 : event.inputType) === null || _a === void 0 ? void 0 : _a.startsWith('insert'))) {
-                const suggestedItem = (_c = (_b = highlightedItem.textContent) === null || _b === void 0 ? void 0 : _b.trim()) !== null && _c !== void 0 ? _c : '';
-                if (suggestedItem.toLowerCase().startsWith(rawQueryText.toLowerCase()) &&
-                    suggestedItem.length > rawQueryText.length) {
-                    const suggestionText = rawQueryText + suggestedItem.slice(rawQueryText.length);
-                    this._filterInputNode.value = suggestionText;
-                    this._filterInputNode.setSelectionRange(rawQueryText.length, suggestionText.length);
-                    this._filterInputValue = suggestionText;
-                    this.open = true;
-                    this.requestUpdate();
-                    return;
-                }
-            }
         }
         this._filterInputValue = rawQueryText;
         this.open = true;
         this.requestUpdate();
     }
-    // removes the autocomplete suggestion
-    _removeAutoCompleteSuggestion() {
-        if (!this._filterInputNode)
-            return;
-        const { selectionStart, selectionEnd, value } = this._filterInputNode;
-        if (selectionStart && selectionEnd && selectionEnd > selectionStart) {
-            const cleanInput = value.slice(0, selectionStart);
-            this._filterInputNode.value = cleanInput;
-            this._filterInputNode.setSelectionRange(cleanInput.length, cleanInput.length);
-            return;
-        }
-    }
     // Applies filtering/highlighting to all slotted items.
     _filterItems(items, queryText, rawQueryText) {
         let firstMatchIndex = -1;
@@ -154,9 +116,9 @@ let CDSComboBox = class CDSComboBox extends CDSDropdown {
                 comboItem.highlighted = false;
                 return;
             }
-            const matches = this.typeahead
-                ? (comboItem.textContent || '').toLowerCase().startsWith(queryText)
-                : (comboItem.textContent || '').toLowerCase().includes(queryText);
+            const matches = (comboItem.textContent || '')
+                .toLowerCase()
+                .includes(queryText);
             const filterFunction = typeof this.shouldFilterItem === 'function'
                 ? this.shouldFilterItem
                 : null;
@@ -205,21 +167,47 @@ let CDSComboBox = class CDSComboBox extends CDSDropdown {
         this._itemMenu.scrollTop +=
             Math.abs(scrollTop) < Math.abs(scrollBottom) ? scrollTop : scrollBottom;
     }
-    // Clear the query and selection when Escape is pressed.
-    _handleInputKeydown(event) {
-        // remove the autocomplete suggestion when navigating away from the suggested item
-        if (this.typeahead &&
-            (event.key === 'ArrowDown' || event.key === 'ArrowUp')) {
-            this._removeAutoCompleteSuggestion();
+    _getSelectedItem() {
+        var _a;
+        if (!this.value)
+            return null;
+        const items = Array.from(this.querySelectorAll(this.constructor.selectorItem));
+        return (_a = items.find((it) => String(it.value) === String(this.value))) !== null && _a !== void 0 ? _a : null;
+    }
+    _revertInputToSelected(focus = true) {
+        var _a;
+        const selected = this._getSelectedItem();
+        const text = (_a = selected === null || selected === void 0 ? void 0 : selected.textContent) !== null && _a !== void 0 ? _a : '';
+        this._filterInputValue = text;
+        if (this._filterInputNode) {
+            this._filterInputNode.value = text;
+            if (focus) {
+                try {
+                    this._filterInputNode.focus();
+                    const len = text.length;
+                    this._filterInputNode.setSelectionRange(len, len);
+                }
+                catch (_b) {
+                    /* ignore */
+                }
+            }
         }
+        this._resetFilteredItems();
+        this.removeAttribute('isClosable');
+        this.requestUpdate();
+    }
+    _handleInputKeydown(event) {
         if (event.key !== 'Escape') {
             return;
         }
         if (!this._filterInputNode) {
             return;
         }
-        if (this._filterInputNode.value || this.value) {
-            this._handleUserInitiatedClearInput();
+        if (this.value) {
+            this._revertInputToSelected(true);
+        }
+        else if (this._filterInputNode.value) {
+            this._clearInputWithoutSelecting(true);
         }
     }
     _handleClickInner(event) {
@@ -277,7 +265,6 @@ let CDSComboBox = class CDSComboBox extends CDSDropdown {
         super._handleUserInitiatedSelectItem(item);
     }
     _selectionDidChange(itemToSelect) {
-        var _a, _b;
         this.value = !itemToSelect ? '' : itemToSelect.value;
         forEach(this.querySelectorAll(this.constructor.selectorItemSelected), (item) => {
             item.selected = false;
@@ -288,10 +275,15 @@ let CDSComboBox = class CDSComboBox extends CDSDropdown {
             itemToSelect.setAttribute('aria-selected', 'true');
         }
         this._handleUserInitiatedToggle(false);
-        if (this.typeahead && this._filterInputNode) {
-            this._filterInputValue = (_b = (_a = itemToSelect === null || itemToSelect === void 0 ? void 0 : itemToSelect.textContent) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : '';
-            const length = this._filterInputValue.length;
-            this._filterInputNode.setSelectionRange(length, length);
+        if (this._filterInputNode) {
+            try {
+                this._filterInputNode.focus();
+                const val = this._filterInputNode.value || '';
+                this._filterInputNode.setSelectionRange(val.length, val.length);
+            }
+            catch (_a) {
+                /* ignore browsers that prevent setSelectionRange */
+            }
         }
     }
     _renderLabel() {
@@ -316,6 +308,7 @@ let CDSComboBox = class CDSComboBox extends CDSDropdown {
         .value=${filterInputValue}
         role="combobox"
         aria-label="${ifNonEmpty(inputLabel)}"
+        aria-labelledby="dropdown-label"
         aria-controls="menu-body"
         aria-haspopup="listbox"
         aria-autocomplete="list"
@@ -348,27 +341,80 @@ let CDSComboBox = class CDSComboBox extends CDSDropdown {
           </div>
         `;
     }
+    _renderTitleLabel() {
+        const { disabled, hideLabel, titleText, _slotTitleTextNode: slotTitleTextNode, _handleSlotchangeLabelText: handleSlotchangeLabelText, } = this;
+        const labelClasses = classMap({
+            [`${prefix}--label`]: true,
+            [`${prefix}--label--disabled`]: disabled,
+            [`${prefix}--visually-hidden`]: hideLabel,
+        });
+        const hasTitleText = titleText ||
+            (slotTitleTextNode && slotTitleTextNode.assignedNodes().length > 0);
+        return html `
+      <label
+        id="dropdown-label"
+        part="title-text"
+        class="${labelClasses}"
+        ?hidden="${!hasTitleText}">
+        <slot name="title-text" @slotchange="${handleSlotchangeLabelText}"
+          >${titleText}</slot
+        >
+      </label>
+    `;
+    }
     shouldUpdate(changedProperties) {
         super.shouldUpdate(changedProperties);
         const { _selectedItemContent: selectedItemContent } = this;
         if (selectedItemContent && changedProperties.has('value')) {
-            this._filterInputValue = (selectedItemContent === null || selectedItemContent === void 0 ? void 0 : selectedItemContent.textContent) || '';
+            const selectedText = (selectedItemContent === null || selectedItemContent === void 0 ? void 0 : selectedItemContent.textContent) || '';
+            if (!this._filterInputValue || this._filterInputValue === selectedText) {
+                this._filterInputValue = selectedText;
+            }
         }
         return true;
     }
+    _clearInputWithoutSelecting(focus = true) {
+        this._filterInputValue = '';
+        if (this._filterInputNode) {
+            this._filterInputNode.value = '';
+            if (focus) {
+                try {
+                    this._filterInputNode.focus();
+                    this._filterInputNode.setSelectionRange(0, 0);
+                }
+                catch (_a) {
+                    /* ignore */
+                }
+            }
+        }
+        this._resetFilteredItems();
+        this.removeAttribute('isClosable');
+        this.requestUpdate();
+    }
     updated(changedProperties) {
         super.updated(changedProperties);
         if (changedProperties.has('open')) {
             if (this.open && this._filterInputNode) {
-                this._handleInput(changedProperties);
+                this._handleInput();
             }
             else if (!this.open) {
-                // remove the autocomplete suggestion when closing the combobox
-                this._removeAutoCompleteSuggestion();
                 this._resetFilteredItems();
-                if (this._filterInputNode.value == '') {
-                    this.value = '';
+                if (this.value) {
+                    this._revertInputToSelected(false);
+                    if (this._filterInputNode &&
+                        document.activeElement === this._filterInputNode) {
+                        this._filterInputNode.blur();
+                    }
                 }
+                else if (this._filterInputValue &&
+                    this._filterInputValue.length > 0) {
+                    this._clearInputWithoutSelecting(false);
+                    if (this._filterInputNode &&
+                        document.activeElement === this._filterInputNode) {
+                        this._filterInputNode.blur();
+                    }
+                }
+                else ;
             }
         }
         const { _listBoxNode: listBoxNode } = this;
@@ -459,9 +505,6 @@ __decorate([
         },
     })
 ], CDSComboBox.prototype, "shouldFilterItem", void 0);
-__decorate([
-    property({ type: Boolean })
-], CDSComboBox.prototype, "typeahead", void 0);
 CDSComboBox = __decorate([
     carbonElement(`${prefix}-combo-box`)
 ], CDSComboBox);