@carbon/web-components 2.57.0-rc.0 → 2.58.0-rc.0

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

@@ -8,7 +8,7 @@
 import "../../globals/settings.js";
 import { forEach } from "../../globals/internal/collection-helpers.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import { DROPDOWN_DIRECTION, DROPDOWN_KEYBOARD_ACTION, DROPDOWN_SIZE } from "../dropdown/defs.js";
 import dropdown_default from "../dropdown/dropdown.js";

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

@@ -1 +1 @@
-{"version":3,"file":"combo-box.js","names":["CDSDropdown","ifNonEmpty","styles","customElement"],"sources":["../../../src/components/combo-box/combo-box.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\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 { TemplateResult, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport Close16 from '@carbon/icons/es/close/16.js';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport CDSDropdown, { DROPDOWN_KEYBOARD_ACTION } from '../dropdown/dropdown';\nimport CDSComboBoxItem from './combo-box-item';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './combo-box.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport spread from '../../globals/directives/spread';\n\nexport { DROPDOWN_DIRECTION, DROPDOWN_SIZE } from '../dropdown/dropdown';\n\ntype ShouldFilterItem = (input: {\n  item: CDSComboBoxItem;\n  itemToString: (item: CDSComboBoxItem) => string;\n  inputValue: string | null;\n}) => boolean;\n\n/**\n * Combo box.\n *\n * @element cds-combo-box\n * @fires cds-combo-box-beingselected\n *   The custom event fired before a combo box item is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires cds-combo-box-beingtoggled\n *   The custom event fired before the open state of this combo box is toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated toggling.\n * @fires cds-combo-box-selected - The custom event fired after a combo box item is selected upon a user gesture.\n * @fires cds-combo-box-toggled - The custom event fired after the open state of this combo box is toggled upon a user gesture.\n */\n@customElement(`${prefix}-combo-box`)\nclass CDSComboBox extends CDSDropdown {\n  /**\n   * The text content that should be set to the `<input>` for filtering.\n   */\n  protected _filterInputValue = '';\n\n  protected _shouldTriggerBeFocusable = false;\n\n  /**\n   * The `<input>` for filtering.\n   */\n  @query('input')\n  private _filterInputNode!: HTMLInputElement;\n\n  /**\n   * The menu containing all selectable items.\n   */\n  @query('#menu-body')\n  private _itemMenu!: HTMLElement;\n\n  /**\n   * The selection button.\n   */\n  @query('#selection-button')\n  private _selectionButtonNode!: HTMLElement;\n\n  /**\n   * @param item A combo box item.\n   * @returns `true` if the given combo box item matches the query text user types.\n   */\n  protected _testItemWithQueryText(item) {\n    return (this.itemMatches || this._defaultItemMatches)(\n      item,\n      this._filterInputNode.value\n    );\n  }\n\n  /**\n   * The default item matching callback.\n   *\n   * @param item The combo box item.\n   * @param queryText The query text user types.\n   * @returns `true` if the given combo box item matches the given query text.\n   */\n  protected _defaultItemMatches(\n    item: CDSComboBoxItem,\n    queryText: string\n  ): boolean {\n    return (\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      item.textContent!.toLowerCase().indexOf(queryText.toLowerCase()) >= 0\n    );\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (this.typeahead) {\n      this.shouldFilterItem = true;\n      this.setAttribute('should-filter-item', '');\n    }\n  }\n\n  /**\n   * Handles `input` event on the `<input>` for filtering.\n   */\n  protected _handleInput(event: InputEvent) {\n    const rawQueryText = this._filterInputNode.value;\n    const queryText = rawQueryText.trim().toLowerCase();\n\n    if (rawQueryText.length !== 0) {\n      this.setAttribute('isClosable', '');\n    } else {\n      this.removeAttribute('isClosable');\n    }\n\n    const items = this.querySelectorAll(\n      (this.constructor as typeof CDSComboBox).selectorItem\n    );\n\n    const firstMatchIndex = this._filterItems(items, queryText, rawQueryText);\n    if (firstMatchIndex !== -1) {\n      const highlightedItem = items[firstMatchIndex];\n      if (highlightedItem) {\n        this._scrollItemIntoView(highlightedItem as HTMLElement);\n      }\n      if (this.typeahead && event?.inputType?.startsWith('insert')) {\n        const suggestedItem = highlightedItem.textContent?.trim() ?? '';\n        if (\n          suggestedItem.toLowerCase().startsWith(rawQueryText.toLowerCase()) &&\n          suggestedItem.length > rawQueryText.length\n        ) {\n          const suggestionText =\n            rawQueryText + suggestedItem.slice(rawQueryText.length);\n\n          this._filterInputNode.value = suggestionText;\n          this._filterInputNode.setSelectionRange(\n            rawQueryText.length,\n            suggestionText.length\n          );\n\n          this._filterInputValue = suggestionText;\n          this.open = true;\n          this.requestUpdate();\n          return;\n        }\n      }\n    }\n\n    this._filterInputValue = rawQueryText;\n\n    if (this.allowCustomValue) {\n      const previousValue = this.value;\n      this.value = rawQueryText;\n\n      if (previousValue !== this.value) {\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSComboBox).eventSelect,\n            {\n              bubbles: true,\n              composed: true,\n              detail: {\n                item: null,\n                value: this.value,\n              },\n            }\n          )\n        );\n      }\n    }\n    this.open = true;\n    this.requestUpdate();\n  }\n\n  // removes the autocomplete suggestion\n  protected _removeAutoCompleteSuggestion() {\n    if (!this._filterInputNode) return;\n    const { selectionStart, selectionEnd, value } = this._filterInputNode;\n    if (selectionStart && selectionEnd && selectionEnd > selectionStart) {\n      const cleanInput = value.slice(0, selectionStart);\n      this._filterInputNode.value = cleanInput;\n      this._filterInputNode.setSelectionRange(\n        cleanInput.length,\n        cleanInput.length\n      );\n      return;\n    }\n  }\n\n  // Applies filtering/highlighting to all slotted items.\n  protected _filterItems(\n    items: NodeListOf<Element>,\n    queryText: string,\n    rawQueryText: string\n  ): number {\n    let firstMatchIndex = -1;\n    const hasQuery = Boolean(queryText);\n    forEach(items, (item, i) => {\n      const comboItem = item as CDSComboBoxItem;\n      const index = i ?? -1;\n      if (!hasQuery) {\n        (comboItem as HTMLElement).style.display = '';\n        comboItem.highlighted = false;\n        return;\n      }\n      const matches = this.typeahead\n        ? (comboItem.textContent || '').toLowerCase().startsWith(queryText)\n        : (comboItem.textContent || '').toLowerCase().includes(queryText);\n      const filterFunction =\n        typeof this.shouldFilterItem === 'function'\n          ? this.shouldFilterItem\n          : null;\n      const shouldApplyBuiltInFilter =\n        filterFunction === null && hasQuery && this.shouldFilterItem === true;\n      const itemToString = (value: CDSComboBoxItem) => value.textContent || '';\n      const filterInputValue = rawQueryText.length === 0 ? null : rawQueryText;\n      const passesFilter = filterFunction\n        ? filterFunction({\n            item: comboItem,\n            itemToString,\n            inputValue: filterInputValue,\n          })\n        : shouldApplyBuiltInFilter\n          ? matches\n          : true;\n      const highlightMatch = filterFunction !== null ? passesFilter : matches;\n      if (highlightMatch && firstMatchIndex === -1) {\n        firstMatchIndex = index;\n      }\n      if (filterFunction || shouldApplyBuiltInFilter) {\n        (comboItem as HTMLElement).style.display = passesFilter ? '' : 'none';\n      } else {\n        (comboItem as HTMLElement).style.display = '';\n      }\n      comboItem.highlighted = index === firstMatchIndex;\n    });\n    return firstMatchIndex;\n  }\n\n  protected _scrollItemIntoView(item: HTMLElement) {\n    if (!this._itemMenu) {\n      return;\n    }\n    const menuRect = this._itemMenu.getBoundingClientRect();\n    const itemRect = item.getBoundingClientRect();\n    if (!menuRect || !itemRect) {\n      return;\n    }\n    const menuBottom = menuRect.top + this._itemMenu.clientHeight;\n    const isWithinViewport =\n      menuRect.top <= itemRect.top && itemRect.bottom <= menuBottom;\n    if (isWithinViewport) {\n      return;\n    }\n    const scrollTop = itemRect.top - menuRect.top;\n    const scrollBottom = itemRect.bottom - menuRect.bottom;\n    this._itemMenu.scrollTop +=\n      Math.abs(scrollTop) < Math.abs(scrollBottom) ? scrollTop : scrollBottom;\n  }\n\n  protected _getSelectedItem(): CDSComboBoxItem | null {\n    if (!this.value) return null;\n    const items = Array.from(\n      this.querySelectorAll(\n        (this.constructor as typeof CDSDropdown).selectorItem\n      )\n    ) as CDSComboBoxItem[];\n    return items.find((it) => String(it.value) === String(this.value)) ?? null;\n  }\n\n  protected _revertInputToSelected(focus = true) {\n    const selected = this._getSelectedItem();\n\n    let text = selected?.textContent ?? '';\n    if (this.allowCustomValue && !selected && this.value) {\n      text = this.value as string;\n    }\n\n    this._filterInputValue = text;\n\n    if (this._filterInputNode) {\n      this._filterInputNode.value = text;\n\n      if (focus) {\n        try {\n          this._filterInputNode.focus();\n          const len = text.length;\n          this._filterInputNode.setSelectionRange(len, len);\n        } catch {\n          /* ignore */\n        }\n      }\n    }\n\n    this._resetFilteredItems();\n    this.removeAttribute('isClosable');\n    this.requestUpdate();\n  }\n\n  protected _handleInputKeydown(event: KeyboardEvent) {\n    // remove the autocomplete suggestion when navigating away from the suggested item\n    if (\n      this.typeahead &&\n      (event.key === 'ArrowDown' || event.key === 'ArrowUp')\n    ) {\n      this._removeAutoCompleteSuggestion();\n    }\n    if (event.key !== 'Escape') {\n      return;\n    }\n    if (!this._filterInputNode) {\n      return;\n    }\n\n    if (this.open) {\n      this._handleUserInitiatedToggle(false);\n    } else {\n      if (this.value) {\n        this._revertInputToSelected(true);\n      } else if (this._filterInputNode.value) {\n        this._clearInputWithoutSelecting(true);\n      }\n\n      if (this.value || this._filterInputNode.value) {\n        this._handleUserInitiatedClearInput();\n      }\n    }\n  }\n\n  protected _handleClickInner(event: MouseEvent) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n    const { target } = event as any;\n    if (this._selectionButtonNode?.contains(target)) {\n      this._handleUserInitiatedClearInput();\n    } else {\n      super._handleClickInner(event);\n    }\n  }\n\n  protected _handleKeypressInner(event: KeyboardEvent) {\n    const { key } = event;\n    const action = (this.constructor as typeof CDSDropdown).getAction(key);\n    const { TRIGGERING } = DROPDOWN_KEYBOARD_ACTION;\n    if (\n      this._selectionButtonNode?.contains(event.target as Node) &&\n      // Space key should be handled by `<input>` unless \"clear selection\" button has focus\n      (action === TRIGGERING || key === ' ')\n    ) {\n      this._handleUserInitiatedClearInput();\n    } else {\n      super._handleKeypressInner(event);\n    }\n  }\n\n  /**\n   * Handles user-initiated clearing the `<input>` for filtering.\n   */\n  protected _handleUserInitiatedClearInput() {\n    this._handleUserInitiatedSelectItem();\n    if (this.value) {\n      this._revertInputToSelected(true);\n    } else {\n      this._clearInputWithoutSelecting(true);\n    }\n    this.requestUpdate();\n  }\n\n  protected _handleUserInitiatedSelectItem(item?: CDSComboBoxItem) {\n    if (item && !this._selectionShouldChange(item)) {\n      // Escape hatch for `shouldUpdate()` logic that updates `._filterInputValue()` when selection changes,\n      // given we want to update the `<input>` and close the dropdown even if selection doesn't update.\n      // Use case:\n      // 1. Select the 2nd item in combo box drop down\n      // 2. Type some text in the `<input>`\n      // 3. Re-select the 2nd item in combo box drop down,\n      //    the `<input>` has to updated with the 2nd item and the dropdown should be closed,\n      //    even if there is no change in the selected value\n      this._filterInputValue = item.textContent || '';\n      this.open = false;\n      this.requestUpdate();\n    }\n    super._handleUserInitiatedSelectItem(item);\n  }\n\n  protected _selectionDidChange(itemToSelect?: CDSComboBoxItem) {\n    this.value = !itemToSelect ? '' : itemToSelect.value;\n    forEach(\n      this.querySelectorAll(\n        (this.constructor as typeof CDSDropdown).selectorItemSelected\n      ),\n      (item) => {\n        (item as CDSComboBoxItem).selected = false;\n        item.setAttribute('aria-selected', 'false');\n      }\n    );\n    if (itemToSelect) {\n      itemToSelect.selected = true;\n      itemToSelect.setAttribute('aria-selected', 'true');\n    }\n\n    this._handleUserInitiatedToggle(false);\n\n    if (this._filterInputNode) {\n      try {\n        this._filterInputNode.focus();\n        const val = this._filterInputNode.value || '';\n        this._filterInputNode.setSelectionRange(val.length, val.length);\n      } catch {\n        /* ignore browsers that prevent setSelectionRange */\n      }\n    }\n  }\n\n  protected _renderLabel(): TemplateResult {\n    const {\n      disabled,\n      inputLabel,\n      label,\n      open,\n      readOnly,\n      value,\n      inputProps,\n      _activeDescendant: activeDescendant,\n      _filterInputValue: filterInputValue,\n      _handleInput: handleInput,\n      _handleInputKeydown: handleInputKeydown,\n    } = this;\n\n    const inputClasses = classMap({\n      [`${prefix}--text-input`]: true,\n      [`${prefix}--text-input--empty`]: !value,\n    });\n\n    let activeDescendantFallback: string | undefined;\n    if (open && !activeDescendant) {\n      const constructor = this.constructor as typeof CDSDropdown;\n      const items = this.querySelectorAll(constructor.selectorItem);\n      activeDescendantFallback = items[0]?.id;\n    }\n\n    return html`\n      <input\n        id=\"trigger-button\"\n        class=\"${inputClasses}\"\n        ?disabled=${disabled}\n        placeholder=\"${label}\"\n        .value=${filterInputValue}\n        role=\"combobox\"\n        aria-label=\"${ifNonEmpty(inputLabel)}\"\n        aria-labelledby=\"dropdown-label\"\n        aria-controls=\"menu-body\"\n        aria-haspopup=\"listbox\"\n        aria-autocomplete=\"list\"\n        aria-expanded=\"${String(open)}\"\n        aria-activedescendant=\"${ifDefined(\n          open ? (activeDescendant ?? activeDescendantFallback) : ''\n        )}\"\n        ?readonly=${readOnly}\n        @input=${handleInput}\n        @keydown=${handleInputKeydown}\n        ...=\"${spread(this._normalizeInputProps(inputProps))}\" />\n    `;\n  }\n\n  protected _renderFollowingLabel(): TemplateResult | undefined {\n    const { clearSelectionLabel, _filterInputValue: filterInputValue } = this;\n\n    if (filterInputValue.length != 0) {\n      this.setAttribute('isClosable', '');\n    } else {\n      this.removeAttribute('isClosable');\n    }\n\n    return filterInputValue.length === 0\n      ? undefined\n      : html`\n          <div\n            id=\"selection-button\"\n            role=\"button\"\n            class=\"${prefix}--list-box__selection\"\n            tabindex=\"-1\"\n            title=\"${clearSelectionLabel}\">\n            ${iconLoader(Close16, { 'aria-label': clearSelectionLabel })}\n          </div>\n        `;\n  }\n\n  protected _renderTitleLabel(): TemplateResult {\n    const {\n      disabled,\n      hideLabel,\n      titleText,\n      _slotTitleTextNode: slotTitleTextNode,\n      _handleSlotchangeLabelText: handleSlotchangeLabelText,\n    } = this;\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: disabled,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n\n    const hasTitleText =\n      titleText ||\n      (slotTitleTextNode && slotTitleTextNode.assignedNodes().length > 0);\n\n    return html`\n      <label\n        id=\"dropdown-label\"\n        part=\"title-text\"\n        class=\"${labelClasses}\"\n        ?hidden=\"${!hasTitleText}\">\n        <slot name=\"title-text\" @slotchange=\"${handleSlotchangeLabelText}\"\n          >${titleText}</slot\n        >\n      </label>\n    `;\n  }\n  /**\n   * The `aria-label` attribute for the icon to clear selection.\n   */\n  @property({ attribute: 'clear-selection-label' })\n  clearSelectionLabel = 'Clear selection';\n\n  /**\n   * The `aria-label` attribute for the `<input>` for filtering.\n   */\n  @property({ attribute: 'input-label' })\n  inputLabel = '';\n\n  /**\n   * The custom item matching callback.\n   */\n  @property({ attribute: false })\n  itemMatches!: (item: CDSComboBoxItem, queryText: string) => boolean;\n\n  /**\n   * Provide custom filtering behavior. This attribute will be ignored if\n   * `typeahead` is enabled and will default to `true`\n   */\n  @property({\n    attribute: 'should-filter-item',\n    converter: {\n      fromAttribute: (value) => value !== null,\n    },\n  })\n  shouldFilterItem: boolean | ShouldFilterItem = false;\n\n  /**\n   * **Experimental**: will enable autocomplete and typeahead for the input field.\n   */\n  @property({ type: Boolean, reflect: true })\n  typeahead = false;\n\n  /**\n   * `true` to allow custom values that do not match any item in the list.\n   */\n  @property({ type: Boolean, attribute: 'allow-custom-value' })\n  allowCustomValue = false;\n\n  /**\n   * Additional input attributes to apply to the internal input element.\n   * Allows passing native HTML input attributes like `maxlength`, `pattern`,\n   * `autocomplete`, etc.\n   */\n  @property({ type: Object, attribute: false })\n  inputProps?: Record<string, string | number | boolean>;\n\n  private _normalizeInputProps(\n    inputProps?: Record<string, string | number | boolean>\n  ) {\n    const normalizedInputProps: Record<string, string> = {};\n\n    Object.entries(inputProps ?? {}).forEach(([key, value]) => {\n      if (value === undefined || value === null || value === false) {\n        return;\n      }\n      normalizedInputProps[key] = value === true ? '' : String(value);\n    });\n\n    return normalizedInputProps;\n  }\n\n  shouldUpdate(changedProperties) {\n    super.shouldUpdate(changedProperties);\n    if (!changedProperties.has('value')) {\n      return true;\n    }\n    if (this._selectedItemContent) {\n      this._filterInputValue = this._selectedItemContent.textContent || '';\n      return true;\n    }\n    if (this.allowCustomValue && this.value) {\n      this._filterInputValue = String(this.value);\n      return true;\n    }\n    if (this.value === '') {\n      this._filterInputValue = '';\n    }\n    return true;\n  }\n\n  protected _clearInputWithoutSelecting(focus = true) {\n    this._filterInputValue = '';\n    if (this._filterInputNode) {\n      this._filterInputNode.value = '';\n\n      if (focus) {\n        try {\n          this._filterInputNode.focus();\n          this._filterInputNode.setSelectionRange(0, 0);\n        } catch {\n          /* ignore */\n        }\n      }\n    }\n\n    this._resetFilteredItems();\n    this.removeAttribute('isClosable');\n    this.requestUpdate();\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    if (changedProperties.has('open')) {\n      if (this.open && this._filterInputNode) {\n        this._handleInput(changedProperties);\n      } else if (!this.open) {\n        // remove the autocomplete suggestion when closing the combobox\n        this._removeAutoCompleteSuggestion();\n        this._resetFilteredItems();\n        if (this._filterInputNode.value == '') {\n          this.value = '';\n        }\n        if (this.value) {\n          this._revertInputToSelected(false);\n          if (\n            this._filterInputNode &&\n            document.activeElement === this._filterInputNode\n          ) {\n            (this._filterInputNode as HTMLInputElement).blur();\n          }\n        } else if (\n          this._filterInputValue &&\n          this._filterInputValue.length > 0 &&\n          !this.allowCustomValue\n        ) {\n          this._clearInputWithoutSelecting(false);\n          if (\n            this._filterInputNode &&\n            document.activeElement === this._filterInputNode\n          ) {\n            (this._filterInputNode as HTMLInputElement).blur();\n          }\n        } else {\n          // nothing typed and no selection, ensure no extra changes\n        }\n      }\n    }\n    const { _listBoxNode: listBoxNode } = this;\n    if (listBoxNode) {\n      listBoxNode.classList.add(`${prefix}--combo-box`);\n    }\n  }\n\n  // Restores the full list when the query is cleared or the menu closes.\n  protected _resetFilteredItems() {\n    const items = this.querySelectorAll(\n      (this.constructor as typeof CDSComboBox).selectorItem\n    );\n    forEach(items, (item) => {\n      const comboItem = item as CDSComboBoxItem;\n      (comboItem as HTMLElement).style.display = '';\n      comboItem.highlighted = false;\n    });\n  }\n\n  // For combo box, open/selection with space key is disabled given the input box should take it over\n  static TRIGGER_KEYS = new Set(['Enter']);\n\n  /**\n   * A selector that will return highlighted items.\n   */\n  static get selectorItemHighlighted() {\n    return `${prefix}-combo-box-item[highlighted]`;\n  }\n\n  /**\n   * A selector that will return combo box items.\n   */\n  static get selectorItem() {\n    return `${prefix}-combo-box-item`;\n  }\n\n  /**\n   * A selector that will return selected items.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-combo-box-item[selected]`;\n  }\n\n  /**\n   * The name of the custom event fired before this combo box item is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling this combo box item.\n   */\n  static get eventBeforeToggle() {\n    return `${prefix}-combo-box-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after this combo box item is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-combo-box-toggled`;\n  }\n\n  /**\n   * The name of the custom event fired before a combo box item is selected upon a user gesture.\n   * Cancellation of this event stops changing the user-initiated selection.\n   */\n  static get eventBeforeSelect() {\n    return `${prefix}-combo-box-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a combo box item is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-combo-box-selected`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSComboBox;\n"],"mappings":"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"}
+{"version":3,"file":"combo-box.js","names":["CDSDropdown","ifNonEmpty","styles","customElement"],"sources":["../../../src/components/combo-box/combo-box.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\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 { TemplateResult, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport Close16 from '@carbon/icons/es/close/16.js';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport CDSDropdown, { DROPDOWN_KEYBOARD_ACTION } from '../dropdown/dropdown';\nimport CDSComboBoxItem from './combo-box-item';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './combo-box.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport spread from '../../globals/directives/spread';\n\nexport { DROPDOWN_DIRECTION, DROPDOWN_SIZE } from '../dropdown/dropdown';\n\ntype ShouldFilterItem = (input: {\n  item: CDSComboBoxItem;\n  itemToString: (item: CDSComboBoxItem) => string;\n  inputValue: string | null;\n}) => boolean;\n\n/**\n * Combo box.\n *\n * @element cds-combo-box\n * @fires cds-combo-box-beingselected\n *   The custom event fired before a combo box item is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires cds-combo-box-beingtoggled\n *   The custom event fired before the open state of this combo box is toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated toggling.\n * @fires cds-combo-box-selected - The custom event fired after a combo box item is selected upon a user gesture.\n * @fires cds-combo-box-toggled - The custom event fired after the open state of this combo box is toggled upon a user gesture.\n */\n@customElement(`${prefix}-combo-box`)\nclass CDSComboBox extends CDSDropdown {\n  /**\n   * The text content that should be set to the `<input>` for filtering.\n   */\n  protected _filterInputValue = '';\n\n  protected _shouldTriggerBeFocusable = false;\n\n  /**\n   * The `<input>` for filtering.\n   */\n  @query('input')\n  private _filterInputNode!: HTMLInputElement;\n\n  /**\n   * The menu containing all selectable items.\n   */\n  @query('#menu-body')\n  private _itemMenu!: HTMLElement;\n\n  /**\n   * The selection button.\n   */\n  @query('#selection-button')\n  private _selectionButtonNode!: HTMLElement;\n\n  /**\n   * @param item A combo box item.\n   * @returns `true` if the given combo box item matches the query text user types.\n   */\n  protected _testItemWithQueryText(item) {\n    return (this.itemMatches || this._defaultItemMatches)(\n      item,\n      this._filterInputNode.value\n    );\n  }\n\n  /**\n   * The default item matching callback.\n   *\n   * @param item The combo box item.\n   * @param queryText The query text user types.\n   * @returns `true` if the given combo box item matches the given query text.\n   */\n  protected _defaultItemMatches(\n    item: CDSComboBoxItem,\n    queryText: string\n  ): boolean {\n    return (\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      item.textContent!.toLowerCase().indexOf(queryText.toLowerCase()) >= 0\n    );\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (this.typeahead) {\n      this.shouldFilterItem = true;\n      this.setAttribute('should-filter-item', '');\n    }\n  }\n\n  /**\n   * Handles `input` event on the `<input>` for filtering.\n   */\n  protected _handleInput(event: InputEvent) {\n    const rawQueryText = this._filterInputNode.value;\n    const queryText = rawQueryText.trim().toLowerCase();\n\n    if (rawQueryText.length !== 0) {\n      this.setAttribute('isClosable', '');\n    } else {\n      this.removeAttribute('isClosable');\n    }\n\n    const items = this.querySelectorAll(\n      (this.constructor as typeof CDSComboBox).selectorItem\n    );\n\n    const firstMatchIndex = this._filterItems(items, queryText, rawQueryText);\n    if (firstMatchIndex !== -1) {\n      const highlightedItem = items[firstMatchIndex];\n      if (highlightedItem) {\n        this._scrollItemIntoView(highlightedItem as HTMLElement);\n      }\n      if (this.typeahead && event?.inputType?.startsWith('insert')) {\n        const suggestedItem = highlightedItem.textContent?.trim() ?? '';\n        if (\n          suggestedItem.toLowerCase().startsWith(rawQueryText.toLowerCase()) &&\n          suggestedItem.length > rawQueryText.length\n        ) {\n          const suggestionText =\n            rawQueryText + suggestedItem.slice(rawQueryText.length);\n\n          this._filterInputNode.value = suggestionText;\n          this._filterInputNode.setSelectionRange(\n            rawQueryText.length,\n            suggestionText.length\n          );\n\n          this._filterInputValue = suggestionText;\n          this.open = true;\n          this.requestUpdate();\n          return;\n        }\n      }\n    }\n\n    this._filterInputValue = rawQueryText;\n\n    if (this.allowCustomValue) {\n      const previousValue = this.value;\n      this.value = rawQueryText;\n\n      if (previousValue !== this.value) {\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSComboBox).eventSelect,\n            {\n              bubbles: true,\n              composed: true,\n              detail: {\n                item: null,\n                value: this.value,\n              },\n            }\n          )\n        );\n      }\n    }\n    this.open = true;\n    this.requestUpdate();\n  }\n\n  // removes the autocomplete suggestion\n  protected _removeAutoCompleteSuggestion() {\n    if (!this._filterInputNode) return;\n    const { selectionStart, selectionEnd, value } = this._filterInputNode;\n    if (selectionStart && selectionEnd && selectionEnd > selectionStart) {\n      const cleanInput = value.slice(0, selectionStart);\n      this._filterInputNode.value = cleanInput;\n      this._filterInputNode.setSelectionRange(\n        cleanInput.length,\n        cleanInput.length\n      );\n      return;\n    }\n  }\n\n  // Applies filtering/highlighting to all slotted items.\n  protected _filterItems(\n    items: NodeListOf<Element>,\n    queryText: string,\n    rawQueryText: string\n  ): number {\n    let firstMatchIndex = -1;\n    const hasQuery = Boolean(queryText);\n    forEach(items, (item, i) => {\n      const comboItem = item as CDSComboBoxItem;\n      const index = i ?? -1;\n      if (!hasQuery) {\n        (comboItem as HTMLElement).style.display = '';\n        comboItem.highlighted = false;\n        return;\n      }\n      const matches = this.typeahead\n        ? (comboItem.textContent || '').toLowerCase().startsWith(queryText)\n        : (comboItem.textContent || '').toLowerCase().includes(queryText);\n      const filterFunction =\n        typeof this.shouldFilterItem === 'function'\n          ? this.shouldFilterItem\n          : null;\n      const shouldApplyBuiltInFilter =\n        filterFunction === null && hasQuery && this.shouldFilterItem === true;\n      const itemToString = (value: CDSComboBoxItem) => value.textContent || '';\n      const filterInputValue = rawQueryText.length === 0 ? null : rawQueryText;\n      const passesFilter = filterFunction\n        ? filterFunction({\n            item: comboItem,\n            itemToString,\n            inputValue: filterInputValue,\n          })\n        : shouldApplyBuiltInFilter\n          ? matches\n          : true;\n      const highlightMatch = filterFunction !== null ? passesFilter : matches;\n      if (highlightMatch && firstMatchIndex === -1) {\n        firstMatchIndex = index;\n      }\n      if (filterFunction || shouldApplyBuiltInFilter) {\n        (comboItem as HTMLElement).style.display = passesFilter ? '' : 'none';\n      } else {\n        (comboItem as HTMLElement).style.display = '';\n      }\n      comboItem.highlighted = index === firstMatchIndex;\n    });\n    return firstMatchIndex;\n  }\n\n  protected _scrollItemIntoView(item: HTMLElement) {\n    if (!this._itemMenu) {\n      return;\n    }\n    const menuRect = this._itemMenu.getBoundingClientRect();\n    const itemRect = item.getBoundingClientRect();\n    if (!menuRect || !itemRect) {\n      return;\n    }\n    const menuBottom = menuRect.top + this._itemMenu.clientHeight;\n    const isWithinViewport =\n      menuRect.top <= itemRect.top && itemRect.bottom <= menuBottom;\n    if (isWithinViewport) {\n      return;\n    }\n    const scrollTop = itemRect.top - menuRect.top;\n    const scrollBottom = itemRect.bottom - menuRect.bottom;\n    this._itemMenu.scrollTop +=\n      Math.abs(scrollTop) < Math.abs(scrollBottom) ? scrollTop : scrollBottom;\n  }\n\n  protected _getSelectedItem(): CDSComboBoxItem | null {\n    if (!this.value) return null;\n    const items = Array.from(\n      this.querySelectorAll(\n        (this.constructor as typeof CDSDropdown).selectorItem\n      )\n    ) as CDSComboBoxItem[];\n    return items.find((it) => String(it.value) === String(this.value)) ?? null;\n  }\n\n  protected _revertInputToSelected(focus = true) {\n    const selected = this._getSelectedItem();\n\n    let text = selected?.textContent ?? '';\n    if (this.allowCustomValue && !selected && this.value) {\n      text = this.value as string;\n    }\n\n    this._filterInputValue = text;\n\n    if (this._filterInputNode) {\n      this._filterInputNode.value = text;\n\n      if (focus) {\n        try {\n          this._filterInputNode.focus();\n          const len = text.length;\n          this._filterInputNode.setSelectionRange(len, len);\n        } catch {\n          /* ignore */\n        }\n      }\n    }\n\n    this._resetFilteredItems();\n    this.removeAttribute('isClosable');\n    this.requestUpdate();\n  }\n\n  protected _handleInputKeydown(event: KeyboardEvent) {\n    // remove the autocomplete suggestion when navigating away from the suggested item\n    if (\n      this.typeahead &&\n      (event.key === 'ArrowDown' || event.key === 'ArrowUp')\n    ) {\n      this._removeAutoCompleteSuggestion();\n    }\n    if (event.key !== 'Escape') {\n      return;\n    }\n    if (!this._filterInputNode) {\n      return;\n    }\n\n    if (this.open) {\n      this._handleUserInitiatedToggle(false);\n    } else {\n      if (this.value) {\n        this._revertInputToSelected(true);\n      } else if (this._filterInputNode.value) {\n        this._clearInputWithoutSelecting(true);\n      }\n\n      if (this.value || this._filterInputNode.value) {\n        this._handleUserInitiatedClearInput();\n      }\n    }\n  }\n\n  protected _handleClickInner(event: MouseEvent) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n    const { target } = event as any;\n    if (this._selectionButtonNode?.contains(target)) {\n      this._handleUserInitiatedClearInput();\n    } else {\n      super._handleClickInner(event);\n    }\n  }\n\n  protected _handleKeypressInner(event: KeyboardEvent) {\n    const { key } = event;\n    const action = (this.constructor as typeof CDSDropdown).getAction(key);\n    const { TRIGGERING } = DROPDOWN_KEYBOARD_ACTION;\n    if (\n      this._selectionButtonNode?.contains(event.target as Node) &&\n      // Space key should be handled by `<input>` unless \"clear selection\" button has focus\n      (action === TRIGGERING || key === ' ')\n    ) {\n      this._handleUserInitiatedClearInput();\n    } else {\n      super._handleKeypressInner(event);\n    }\n  }\n\n  /**\n   * Handles user-initiated clearing the `<input>` for filtering.\n   */\n  protected _handleUserInitiatedClearInput() {\n    this._handleUserInitiatedSelectItem();\n    if (this.value) {\n      this._revertInputToSelected(true);\n    } else {\n      this._clearInputWithoutSelecting(true);\n    }\n    this.requestUpdate();\n  }\n\n  protected _handleUserInitiatedSelectItem(item?: CDSComboBoxItem) {\n    if (item && !this._selectionShouldChange(item)) {\n      // Escape hatch for `shouldUpdate()` logic that updates `._filterInputValue()` when selection changes,\n      // given we want to update the `<input>` and close the dropdown even if selection doesn't update.\n      // Use case:\n      // 1. Select the 2nd item in combo box drop down\n      // 2. Type some text in the `<input>`\n      // 3. Re-select the 2nd item in combo box drop down,\n      //    the `<input>` has to updated with the 2nd item and the dropdown should be closed,\n      //    even if there is no change in the selected value\n      this._filterInputValue = item.textContent || '';\n      this.open = false;\n      this.requestUpdate();\n    }\n    super._handleUserInitiatedSelectItem(item);\n  }\n\n  protected _selectionDidChange(itemToSelect?: CDSComboBoxItem) {\n    this.value = !itemToSelect ? '' : itemToSelect.value;\n    forEach(\n      this.querySelectorAll(\n        (this.constructor as typeof CDSDropdown).selectorItemSelected\n      ),\n      (item) => {\n        (item as CDSComboBoxItem).selected = false;\n        item.setAttribute('aria-selected', 'false');\n      }\n    );\n    if (itemToSelect) {\n      itemToSelect.selected = true;\n      itemToSelect.setAttribute('aria-selected', 'true');\n    }\n\n    this._handleUserInitiatedToggle(false);\n\n    if (this._filterInputNode) {\n      try {\n        this._filterInputNode.focus();\n        const val = this._filterInputNode.value || '';\n        this._filterInputNode.setSelectionRange(val.length, val.length);\n      } catch {\n        /* ignore browsers that prevent setSelectionRange */\n      }\n    }\n  }\n\n  protected _renderLabel(): TemplateResult {\n    const {\n      disabled,\n      inputLabel,\n      label,\n      open,\n      readOnly,\n      value,\n      inputProps,\n      _activeDescendant: activeDescendant,\n      _filterInputValue: filterInputValue,\n      _handleInput: handleInput,\n      _handleInputKeydown: handleInputKeydown,\n    } = this;\n\n    const inputClasses = classMap({\n      [`${prefix}--text-input`]: true,\n      [`${prefix}--text-input--empty`]: !value,\n    });\n\n    let activeDescendantFallback: string | undefined;\n    if (open && !activeDescendant) {\n      const constructor = this.constructor as typeof CDSDropdown;\n      const items = this.querySelectorAll(constructor.selectorItem);\n      activeDescendantFallback = items[0]?.id;\n    }\n\n    return html`\n      <input\n        id=\"trigger-button\"\n        class=\"${inputClasses}\"\n        ?disabled=${disabled}\n        placeholder=\"${label}\"\n        .value=${filterInputValue}\n        role=\"combobox\"\n        aria-label=\"${ifNonEmpty(inputLabel)}\"\n        aria-labelledby=\"dropdown-label\"\n        aria-controls=\"menu-body\"\n        aria-haspopup=\"listbox\"\n        aria-autocomplete=\"list\"\n        aria-expanded=\"${String(open)}\"\n        aria-activedescendant=\"${ifDefined(\n          open ? (activeDescendant ?? activeDescendantFallback) : ''\n        )}\"\n        ?readonly=${readOnly}\n        @input=${handleInput}\n        @keydown=${handleInputKeydown}\n        ...=\"${spread(this._normalizeInputProps(inputProps))}\" />\n    `;\n  }\n\n  protected _renderFollowingLabel(): TemplateResult | undefined {\n    const { clearSelectionLabel, _filterInputValue: filterInputValue } = this;\n\n    if (filterInputValue.length != 0) {\n      this.setAttribute('isClosable', '');\n    } else {\n      this.removeAttribute('isClosable');\n    }\n\n    return filterInputValue.length === 0\n      ? undefined\n      : html`\n          <div\n            id=\"selection-button\"\n            role=\"button\"\n            class=\"${prefix}--list-box__selection\"\n            tabindex=\"-1\"\n            title=\"${clearSelectionLabel}\">\n            ${iconLoader(Close16, { 'aria-label': clearSelectionLabel })}\n          </div>\n        `;\n  }\n\n  protected _renderTitleLabel(): TemplateResult {\n    const {\n      disabled,\n      hideLabel,\n      titleText,\n      _slotTitleTextNode: slotTitleTextNode,\n      _handleSlotchangeLabelText: handleSlotchangeLabelText,\n    } = this;\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: disabled,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n\n    const hasTitleText =\n      titleText ||\n      (slotTitleTextNode && slotTitleTextNode.assignedNodes().length > 0);\n\n    return html`\n      <label\n        id=\"dropdown-label\"\n        part=\"title-text\"\n        class=\"${labelClasses}\"\n        ?hidden=\"${!hasTitleText}\">\n        <slot name=\"title-text\" @slotchange=\"${handleSlotchangeLabelText}\"\n          >${titleText}</slot\n        >\n      </label>\n    `;\n  }\n  /**\n   * The `aria-label` attribute for the icon to clear selection.\n   */\n  @property({ attribute: 'clear-selection-label' })\n  clearSelectionLabel = 'Clear selection';\n\n  /**\n   * The `aria-label` attribute for the `<input>` for filtering.\n   */\n  @property({ attribute: 'input-label' })\n  inputLabel = '';\n\n  /**\n   * The custom item matching callback.\n   */\n  @property({ attribute: false })\n  itemMatches!: (item: CDSComboBoxItem, queryText: string) => boolean;\n\n  /**\n   * Provide custom filtering behavior. This attribute will be ignored if\n   * `typeahead` is enabled and will default to `true`\n   */\n  @property({\n    attribute: 'should-filter-item',\n    converter: {\n      fromAttribute: (value) => value !== null,\n    },\n  })\n  shouldFilterItem: boolean | ShouldFilterItem = false;\n\n  /**\n   * **Experimental**: will enable autocomplete and typeahead for the input field.\n   */\n  @property({ type: Boolean, reflect: true })\n  typeahead = false;\n\n  /**\n   * `true` to allow custom values that do not match any item in the list.\n   */\n  @property({ type: Boolean, attribute: 'allow-custom-value' })\n  allowCustomValue = false;\n\n  /**\n   * Additional input attributes to apply to the internal input element.\n   * Allows passing native HTML input attributes like `maxlength`, `pattern`,\n   * `autocomplete`, etc.\n   */\n  @property({ type: Object, attribute: false })\n  inputProps?: Record<string, string | number | boolean>;\n\n  private _normalizeInputProps(\n    inputProps?: Record<string, string | number | boolean>\n  ) {\n    const normalizedInputProps: Record<string, string> = {};\n\n    Object.entries(inputProps ?? {}).forEach(([key, value]) => {\n      if (value === undefined || value === null || value === false) {\n        return;\n      }\n      normalizedInputProps[key] = value === true ? '' : String(value);\n    });\n\n    return normalizedInputProps;\n  }\n\n  shouldUpdate(changedProperties) {\n    super.shouldUpdate(changedProperties);\n    if (!changedProperties.has('value')) {\n      return true;\n    }\n    if (this._selectedItemContent) {\n      this._filterInputValue = this._selectedItemContent.textContent || '';\n      return true;\n    }\n    if (this.allowCustomValue && this.value) {\n      this._filterInputValue = String(this.value);\n      return true;\n    }\n    if (this.value === '') {\n      this._filterInputValue = '';\n    }\n    return true;\n  }\n\n  protected _clearInputWithoutSelecting(focus = true) {\n    this._filterInputValue = '';\n    if (this._filterInputNode) {\n      this._filterInputNode.value = '';\n\n      if (focus) {\n        try {\n          this._filterInputNode.focus();\n          this._filterInputNode.setSelectionRange(0, 0);\n        } catch {\n          /* ignore */\n        }\n      }\n    }\n\n    this._resetFilteredItems();\n    this.removeAttribute('isClosable');\n    this.requestUpdate();\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    if (changedProperties.has('open')) {\n      if (this.open && this._filterInputNode) {\n        this._handleInput(changedProperties);\n      } else if (!this.open) {\n        // remove the autocomplete suggestion when closing the combobox\n        this._removeAutoCompleteSuggestion();\n        this._resetFilteredItems();\n        if (this._filterInputNode.value == '') {\n          this.value = '';\n        }\n        if (this.value) {\n          this._revertInputToSelected(false);\n          if (\n            this._filterInputNode &&\n            document.activeElement === this._filterInputNode\n          ) {\n            (this._filterInputNode as HTMLInputElement).blur();\n          }\n        } else if (\n          this._filterInputValue &&\n          this._filterInputValue.length > 0 &&\n          !this.allowCustomValue\n        ) {\n          this._clearInputWithoutSelecting(false);\n          if (\n            this._filterInputNode &&\n            document.activeElement === this._filterInputNode\n          ) {\n            (this._filterInputNode as HTMLInputElement).blur();\n          }\n        } else {\n          // nothing typed and no selection, ensure no extra changes\n        }\n      }\n    }\n    const { _listBoxNode: listBoxNode } = this;\n    if (listBoxNode) {\n      listBoxNode.classList.add(`${prefix}--combo-box`);\n    }\n  }\n\n  // Restores the full list when the query is cleared or the menu closes.\n  protected _resetFilteredItems() {\n    const items = this.querySelectorAll(\n      (this.constructor as typeof CDSComboBox).selectorItem\n    );\n    forEach(items, (item) => {\n      const comboItem = item as CDSComboBoxItem;\n      (comboItem as HTMLElement).style.display = '';\n      comboItem.highlighted = false;\n    });\n  }\n\n  // For combo box, open/selection with space key is disabled given the input box should take it over\n  static TRIGGER_KEYS = new Set(['Enter']);\n\n  /**\n   * A selector that will return highlighted items.\n   */\n  static get selectorItemHighlighted() {\n    return `${prefix}-combo-box-item[highlighted]`;\n  }\n\n  /**\n   * A selector that will return combo box items.\n   */\n  static get selectorItem() {\n    return `${prefix}-combo-box-item`;\n  }\n\n  /**\n   * A selector that will return selected items.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-combo-box-item[selected]`;\n  }\n\n  /**\n   * The name of the custom event fired before this combo box item is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling this combo box item.\n   */\n  static get eventBeforeToggle() {\n    return `${prefix}-combo-box-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after this combo box item is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-combo-box-toggled`;\n  }\n\n  /**\n   * The name of the custom event fired before a combo box item is selected upon a user gesture.\n   * Cancellation of this event stops changing the user-initiated selection.\n   */\n  static get eventBeforeSelect() {\n    return `${prefix}-combo-box-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a combo box item is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-combo-box-selected`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSComboBox;\n"],"mappings":"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"}

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

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import HostListener from "../../globals/decorators/host-listener.js";
 import HostListenerMixin from "../../globals/mixins/host-listener.js";

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

@@ -1 +1 @@
-{"version":3,"file":"combo-button.js","names":["FloatingUIController","styles","customElement"],"sources":["../../../src/components/combo-button/combo-button.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025, 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 { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './combo-button.scss?lit';\nimport '../button/index';\nimport '../menu/index';\nimport '../icon-button/index';\nimport ChevronDown16 from '@carbon/icons/es/chevron--down/16.js';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport CDSMenu from '../menu/menu';\nimport CDSButton from '../button/button';\nimport { COMBO_BUTTON_SIZE, COMBO_BUTTON_TOOLTIP_ALIGNMENT } from './defs';\nimport { POPOVER_ALIGNMENT } from '../popover/defs';\nimport { ICON_BUTTON_TOOLTIP_ALIGNMENT } from '../icon-button/defs';\nimport FloatingUIController from '../../globals/controllers/floating-controller';\n\nexport { COMBO_BUTTON_SIZE, COMBO_BUTTON_TOOLTIP_ALIGNMENT };\n\n/**\n * Combo button.\n * @element cds-combo-button\n */\n@customElement(`${prefix}-combo-button`)\nclass CDSComboButton extends HostListenerMixin(LitElement) {\n  private _menuController = new FloatingUIController(this);\n\n  @query(`${prefix}-icon-button`)\n  _triggerNode!: CDSButton;\n\n  @query(`${prefix}-menu`)\n  _menuNode!: CDSMenu;\n\n  @property({ type: Boolean, reflect: true })\n  private _open = false;\n\n  /**\n   * Specify whether the ComboButton should be disabled, or not.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled?;\n\n  /**\n   * Provide the label to be rendered on the primary action button.\n   */\n  @property()\n  label!: string;\n\n  /**\n   * Experimental property. Specify how the menu should align with the button element\n   */\n  @property({ reflect: true, type: String, attribute: 'menu-alignment' })\n  menuAlignment = POPOVER_ALIGNMENT.TOP;\n\n  /**\n   * Provide an optional function to be called when the primary action element is clicked.\n   */\n  @property({ type: Function })\n  onClick?: (event: Event) => void;\n\n  /**\n   * Specify the size of the button and menu.\n   */\n  @property({ type: COMBO_BUTTON_SIZE, reflect: true })\n  size = COMBO_BUTTON_SIZE.LARGE;\n\n  /**\n   * Specify how the trigger tooltip should be aligned.\n   */\n  @property({ reflect: true, attribute: 'tooltip-alignment' })\n  tooltipAlignment = ICON_BUTTON_TOOLTIP_ALIGNMENT.TOP;\n\n  /**\n   * Provide the tooltip content for the icon button.\n   */\n  @property({ type: String, attribute: 'tooltip-content' })\n  tooltipContent = 'Additional actions';\n\n  @HostListener('click')\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 _handleClick = (event: Event) => {\n    const path = event.composedPath();\n    if (path.includes(this._triggerNode)) {\n      this._open = !this._open;\n    } else if (this._open) {\n      this._open = false;\n    }\n    if ((event.target as HTMLElement).tagName === 'CDS-MENU-ITEM') {\n      this.onClick?.(event);\n    }\n  };\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 _handleBlur = ({ relatedTarget }: FocusEvent) => {\n    // Close the menu if the focus moves outside the menu button or menu\n    if (!this.contains(relatedTarget as Node)) {\n      this._open = false;\n    }\n  };\n\n  updated(changedProperties) {\n    const menu = this.querySelector(`${prefix}-menu`) as CDSMenu;\n\n    if (\n      changedProperties.has('_open') ||\n      changedProperties.has('menuAlignment')\n    ) {\n      this.updateComplete.then(() => {\n        const styleElement = menu.shadowRoot?.querySelector(\n          `.${prefix}--menu`\n        ) as HTMLElement;\n\n        menu.open = this._open;\n\n        this._menuController.setPlacement({\n          trigger: this,\n          target: menu,\n          alignment: this.menuAlignment,\n          styleElement,\n          matchWidth: true,\n          open: this._open,\n        });\n      });\n    }\n\n    if (changedProperties.has('size')) {\n      menu.setAttribute('size', this.size);\n    }\n  }\n\n  render() {\n    const { size, disabled, label, tooltipAlignment, menuAlignment, onClick } =\n      this;\n    return html`\n      <cds-button size=${size} ?disabled=${disabled} @click=${onClick}>\n        ${label}\n      </cds-button>\n      <cds-icon-button\n        size=${size}\n        ?disabled=${disabled}\n        align=${tooltipAlignment}\n        menu-alignment=${menuAlignment}\n        part=\"trigger\">\n        ${iconLoader(ChevronDown16, { slot: 'icon' })}\n        <span slot=\"tooltip-content\">${this.tooltipContent}</span>\n      </cds-icon-button>\n      <slot></slot>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSComboButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,IAAA,iBAAA,MACM,uBAAuB,kBAAkB,WAAW,CAAC;;;yBAC/B,IAAIA,mBAAqB,KAAK;eASxC;;;;wBA0CC;uBAKO,UAAiB;AAEvC,OADa,MAAM,cAAc,CACxB,SAAS,KAAK,aAAa,CAClC,MAAK,QAAQ,CAAC,KAAK;YACV,KAAK,MACd,MAAK,QAAQ;AAEf,OAAK,MAAM,OAAuB,YAAY,gBAC5C,MAAK,UAAU,MAAM;;sBAOF,EAAE,oBAAgC;AAEvD,OAAI,CAAC,KAAK,SAAS,cAAsB,CACvC,MAAK,QAAQ;;;CAIjB,QAAQ,mBAAmB;EACzB,MAAM,OAAO,KAAK,cAAc,WAAiB;AAEjD,MACE,kBAAkB,IAAI,QAAQ,IAC9B,kBAAkB,IAAI,gBAAgB,CAEtC,MAAK,eAAe,WAAW;GAC7B,MAAM,eAAe,KAAK,YAAY,cACpC,aACD;AAED,QAAK,OAAO,KAAK;AAEjB,QAAK,gBAAgB,aAAa;IAChC,SAAS;IACT,QAAQ;IACR,WAAW,KAAK;IAChB;IACA,YAAY;IACZ,MAAM,KAAK;IACZ,CAAC;IACF;AAGJ,MAAI,kBAAkB,IAAI,OAAO,CAC/B,MAAK,aAAa,QAAQ,KAAK,KAAK;;CAIxC,SAAS;EACP,MAAM,EAAE,MAAM,UAAU,OAAO,kBAAkB,eAAe,YAC9D;AACF,SAAO,IAAI;yBACU,KAAK,aAAa,SAAS,UAAU,QAAQ;UAC5D,MAAM;;;eAGD,KAAK;oBACA,SAAS;gBACb,iBAAiB;yBACR,cAAc;;UAE7B,WAAW,eAAe,EAAE,MAAM,QAAQ,CAAC,CAAC;uCACf,KAAK,eAAe;;;;;;gBAMzCC;;;YA9Hf,MAAM,kBAAwB,CAAA,EAAA,eAAA,WAAA,gBAAA,KAAA,EAAA;YAG9B,MAAM,WAAiB,CAAA,EAAA,eAAA,WAAA,aAAA,KAAA,EAAA;YAGvB,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,eAAA,WAAA,SAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,eAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,UAAU,CAAA,EAAA,eAAA,WAAA,SAAA,KAAA,EAAA;YAMV,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,WAAW;CAAkB,CAAC,CAAA,EAAA,eAAA,WAAA,iBAAA,KAAA,EAAA;YAMtE,SAAS,EAAE,MAAM,UAAU,CAAC,CAAA,EAAA,eAAA,WAAA,WAAA,KAAA,EAAA;YAM5B,SAAS;CAAE,MAAM;CAAmB,SAAS;CAAM,CAAC,CAAA,EAAA,eAAA,WAAA,QAAA,KAAA,EAAA;YAMpD,SAAS;CAAE,SAAS;CAAM,WAAW;CAAqB,CAAC,CAAA,EAAA,eAAA,WAAA,oBAAA,KAAA,EAAA;YAM3D,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAmB,CAAC,CAAA,EAAA,eAAA,WAAA,kBAAA,KAAA,EAAA;YAGxD,aAAa,QAAQ,CAAA,EAAA,eAAA,WAAA,gBAAA,KAAA,EAAA;YAerB,aAAa,WAAW,CAAA,EAAA,eAAA,WAAA,eAAA,KAAA,EAAA;6BAtE1BC,cAAc,mBAAyB,CAAA,EAAA,eAAA;AAqIxC,IAAA,uBAAe"}
+{"version":3,"file":"combo-button.js","names":["FloatingUIController","styles","customElement"],"sources":["../../../src/components/combo-button/combo-button.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025, 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 { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './combo-button.scss?lit';\nimport '../button/index';\nimport '../menu/index';\nimport '../icon-button/index';\nimport ChevronDown16 from '@carbon/icons/es/chevron--down/16.js';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport CDSMenu from '../menu/menu';\nimport CDSButton from '../button/button';\nimport { COMBO_BUTTON_SIZE, COMBO_BUTTON_TOOLTIP_ALIGNMENT } from './defs';\nimport { POPOVER_ALIGNMENT } from '../popover/defs';\nimport { ICON_BUTTON_TOOLTIP_ALIGNMENT } from '../icon-button/defs';\nimport FloatingUIController from '../../globals/controllers/floating-controller';\n\nexport { COMBO_BUTTON_SIZE, COMBO_BUTTON_TOOLTIP_ALIGNMENT };\n\n/**\n * Combo button.\n * @element cds-combo-button\n */\n@customElement(`${prefix}-combo-button`)\nclass CDSComboButton extends HostListenerMixin(LitElement) {\n  private _menuController = new FloatingUIController(this);\n\n  @query(`${prefix}-icon-button`)\n  _triggerNode!: CDSButton;\n\n  @query(`${prefix}-menu`)\n  _menuNode!: CDSMenu;\n\n  @property({ type: Boolean, reflect: true })\n  private _open = false;\n\n  /**\n   * Specify whether the ComboButton should be disabled, or not.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled?;\n\n  /**\n   * Provide the label to be rendered on the primary action button.\n   */\n  @property()\n  label!: string;\n\n  /**\n   * Experimental property. Specify how the menu should align with the button element\n   */\n  @property({ reflect: true, type: String, attribute: 'menu-alignment' })\n  menuAlignment = POPOVER_ALIGNMENT.TOP;\n\n  /**\n   * Provide an optional function to be called when the primary action element is clicked.\n   */\n  @property({ type: Function })\n  onClick?: (event: Event) => void;\n\n  /**\n   * Specify the size of the button and menu.\n   */\n  @property({ type: COMBO_BUTTON_SIZE, reflect: true })\n  size = COMBO_BUTTON_SIZE.LARGE;\n\n  /**\n   * Specify how the trigger tooltip should be aligned.\n   */\n  @property({ reflect: true, attribute: 'tooltip-alignment' })\n  tooltipAlignment = ICON_BUTTON_TOOLTIP_ALIGNMENT.TOP;\n\n  /**\n   * Provide the tooltip content for the icon button.\n   */\n  @property({ type: String, attribute: 'tooltip-content' })\n  tooltipContent = 'Additional actions';\n\n  @HostListener('click')\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 _handleClick = (event: Event) => {\n    const path = event.composedPath();\n    if (path.includes(this._triggerNode)) {\n      this._open = !this._open;\n    } else if (this._open) {\n      this._open = false;\n    }\n    if ((event.target as HTMLElement).tagName === 'CDS-MENU-ITEM') {\n      this.onClick?.(event);\n    }\n  };\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 _handleBlur = ({ relatedTarget }: FocusEvent) => {\n    // Close the menu if the focus moves outside the menu button or menu\n    if (!this.contains(relatedTarget as Node)) {\n      this._open = false;\n    }\n  };\n\n  updated(changedProperties) {\n    const menu = this.querySelector(`${prefix}-menu`) as CDSMenu;\n\n    if (\n      changedProperties.has('_open') ||\n      changedProperties.has('menuAlignment')\n    ) {\n      this.updateComplete.then(() => {\n        const styleElement = menu.shadowRoot?.querySelector(\n          `.${prefix}--menu`\n        ) as HTMLElement;\n\n        menu.open = this._open;\n\n        this._menuController.setPlacement({\n          trigger: this,\n          target: menu,\n          alignment: this.menuAlignment,\n          styleElement,\n          matchWidth: true,\n          open: this._open,\n        });\n      });\n    }\n\n    if (changedProperties.has('size')) {\n      menu.setAttribute('size', this.size);\n    }\n  }\n\n  render() {\n    const { size, disabled, label, tooltipAlignment, menuAlignment, onClick } =\n      this;\n    return html`\n      <cds-button size=${size} ?disabled=${disabled} @click=${onClick}>\n        ${label}\n      </cds-button>\n      <cds-icon-button\n        size=${size}\n        ?disabled=${disabled}\n        align=${tooltipAlignment}\n        menu-alignment=${menuAlignment}\n        part=\"trigger\">\n        ${iconLoader(ChevronDown16, { slot: 'icon' })}\n        <span slot=\"tooltip-content\">${this.tooltipContent}</span>\n      </cds-icon-button>\n      <slot></slot>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSComboButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,IAAA,iBAAA,MACM,uBAAuB,kBAAkB,UAAU,CAAC,CAAC;;;yBAC/B,IAAIA,mBAAqB,IAAI;eASvC;;;;wBA0CC;uBAKO,UAAiB;GAEvC,IADa,MAAM,aACZ,CAAC,CAAC,SAAS,KAAK,YAAY,GACjC,KAAK,QAAQ,CAAC,KAAK;QACd,IAAI,KAAK,OACd,KAAK,QAAQ;GAEf,IAAK,MAAM,OAAuB,YAAY,iBAC5C,KAAK,UAAU,KAAK;EAExB;sBAKuB,EAAE,oBAAgC;GAEvD,IAAI,CAAC,KAAK,SAAS,aAAqB,GACtC,KAAK,QAAQ;EAEjB;;CAEA,QAAQ,mBAAmB;EACzB,MAAM,OAAO,KAAK,cAAc,UAAgB;EAEhD,IACE,kBAAkB,IAAI,OAAO,KAC7B,kBAAkB,IAAI,eAAe,GAErC,KAAK,eAAe,WAAW;GAC7B,MAAM,eAAe,KAAK,YAAY,cACpC,YACF;GAEA,KAAK,OAAO,KAAK;GAEjB,KAAK,gBAAgB,aAAa;IAChC,SAAS;IACT,QAAQ;IACR,WAAW,KAAK;IAChB;IACA,YAAY;IACZ,MAAM,KAAK;GACb,CAAC;EACH,CAAC;EAGH,IAAI,kBAAkB,IAAI,MAAM,GAC9B,KAAK,aAAa,QAAQ,KAAK,IAAI;CAEvC;CAEA,SAAS;EACP,MAAM,EAAE,MAAM,UAAU,OAAO,kBAAkB,eAAe,YAC9D;EACF,OAAO,IAAI;yBACU,KAAK,aAAa,SAAS,UAAU,QAAQ;UAC5D,MAAM;;;eAGD,KAAK;oBACA,SAAS;gBACb,iBAAiB;yBACR,cAAc;;UAE7B,WAAW,eAAe,EAAE,MAAM,OAAO,CAAC,EAAE;uCACf,KAAK,eAAe;;;;CAIzD;;gBAEgBC;;AAClB;YA/HG,MAAM,iBAAuB,CAAA,GAAA,eAAA,WAAA,gBAAA,KAAA,CAAA;YAG7B,MAAM,UAAgB,CAAA,GAAA,eAAA,WAAA,aAAA,KAAA,CAAA;YAGtB,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,eAAA,WAAA,SAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,eAAA,WAAA,YAAA,KAAA,CAAA;YAMzC,SAAS,CAAA,GAAA,eAAA,WAAA,SAAA,KAAA,CAAA;YAMT,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,WAAW;AAAiB,CAAC,CAAA,GAAA,eAAA,WAAA,iBAAA,KAAA,CAAA;YAMrE,SAAS,EAAE,MAAM,SAAS,CAAC,CAAA,GAAA,eAAA,WAAA,WAAA,KAAA,CAAA;YAM3B,SAAS;CAAE,MAAM;CAAmB,SAAS;AAAK,CAAC,CAAA,GAAA,eAAA,WAAA,QAAA,KAAA,CAAA;YAMnD,SAAS;CAAE,SAAS;CAAM,WAAW;AAAoB,CAAC,CAAA,GAAA,eAAA,WAAA,oBAAA,KAAA,CAAA;YAM1D,SAAS;CAAE,MAAM;CAAQ,WAAW;AAAkB,CAAC,CAAA,GAAA,eAAA,WAAA,kBAAA,KAAA,CAAA;YAGvD,aAAa,OAAO,CAAA,GAAA,eAAA,WAAA,gBAAA,KAAA,CAAA;YAepB,aAAa,UAAU,CAAA,GAAA,eAAA,WAAA,eAAA,KAAA,CAAA;6BAtEzBC,cAAc,kBAAwB,CAAA,GAAA,cAAA;AAqIvC,IAAA,uBAAe"}

package/es/components/combo-button/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/combo-button/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025, 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\n/**\n * Combo button size.\n */\nexport enum COMBO_BUTTON_SIZE {\n  /**\n   * Extra small size.\n   */\n  EXTRA_SMALL = 'xs',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n\n/**\n * Combo button tooltip alignment.\n */\nexport enum COMBO_BUTTON_TOOLTIP_ALIGNMENT {\n  /**\n   * Aligned to the start.\n   */\n  START = 'left',\n\n  /**\n   * Aligned to the center.\n   */\n  CENTER = 'center',\n\n  /**\n   * Aligned to the end.\n   */\n  END = 'right',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,oBAAL,yBAAA,mBAAA;;;;AAIL,mBAAA,iBAAA;;;;AAKA,mBAAA,WAAA;;;;AAKA,mBAAA,YAAA;;;;AAKA,mBAAA,WAAA;;KACD;;;;AAKD,IAAY,iCAAL,yBAAA,gCAAA;;;;AAIL,gCAAA,WAAA;;;;AAKA,gCAAA,YAAA;;;;AAKA,gCAAA,SAAA;;KACD"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/combo-button/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025, 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\n/**\n * Combo button size.\n */\nexport enum COMBO_BUTTON_SIZE {\n  /**\n   * Extra small size.\n   */\n  EXTRA_SMALL = 'xs',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n\n/**\n * Combo button tooltip alignment.\n */\nexport enum COMBO_BUTTON_TOOLTIP_ALIGNMENT {\n  /**\n   * Aligned to the start.\n   */\n  START = 'left',\n\n  /**\n   * Aligned to the center.\n   */\n  CENTER = 'center',\n\n  /**\n   * Aligned to the end.\n   */\n  END = 'right',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,oBAAL,yBAAA,mBAAA;;;;CAIL,kBAAA,iBAAA;;;;CAKA,kBAAA,WAAA;;;;CAKA,kBAAA,YAAA;;;;CAKA,kBAAA,WAAA;;AACF,EAAA,CAAA,CAAA;;;;AAKA,IAAY,iCAAL,yBAAA,gCAAA;;;;CAIL,+BAAA,WAAA;;;;CAKA,+BAAA,YAAA;;;;CAKA,+BAAA,SAAA;;AACF,EAAA,CAAA,CAAA"}

package/es/components/contained-list/contained-list-description.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import contained_list_default from "./contained-list.scss.js";
 import { LitElement, html } from "lit";
 //#region src/components/contained-list/contained-list-description.ts

package/es/components/contained-list/contained-list-description.js.map

@@ -1 +1 @@
-{"version":3,"file":"contained-list-description.js","names":["styles","customElement"],"sources":["../../../src/components/contained-list/contained-list-description.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2022, 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 { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './contained-list.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Contained list description text.\n *\n * @element cds-contained-list-description\n * @slot - The description text content\n */\n@customElement(`${prefix}-contained-list-description`)\nclass CDSContainedListDescription extends LitElement {\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSContainedListDescription;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,8BAAA,MACM,oCAAoC,WAAW;CACnD,SAAS;AACP,SAAO,IAAI;;;gBAGGA;;;0CANjBC,cAAc,iCAAuC,CAAA,EAAA,4BAAA;AAStD,IAAA,qCAAe"}
+{"version":3,"file":"contained-list-description.js","names":["styles","customElement"],"sources":["../../../src/components/contained-list/contained-list-description.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2022, 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 { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './contained-list.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Contained list description text.\n *\n * @element cds-contained-list-description\n * @slot - The description text content\n */\n@customElement(`${prefix}-contained-list-description`)\nclass CDSContainedListDescription extends LitElement {\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSContainedListDescription;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,8BAAA,MACM,oCAAoC,WAAW;CACnD,SAAS;EACP,OAAO,IAAI;CACb;;gBAEgBA;;AAClB;0CAPCC,cAAc,gCAAsC,CAAA,GAAA,2BAAA;AASrD,IAAA,qCAAe"}

package/es/components/contained-list/contained-list-item.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import contained_list_default from "./contained-list.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";

package/es/components/contained-list/contained-list-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"contained-list-item.js","names":["styles","customElement"],"sources":["../../../src/components/contained-list/contained-list-item.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2022, 2026\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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './contained-list.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Contained list item.\n *\n * @element cds-contained-list-item\n * @slot - The content of the list item\n * @slot icon - The icon slot for rendering an icon\n * @slot action - The action slot for interactive elements\n * @fires cds-contained-list-item-click - Fires when clickable item is clicked\n */\n@customElement(`${prefix}-contained-list-item`)\nclass CDSContainedListItem extends LitElement {\n  /**\n   * Whether this item is clickable\n   */\n  @property({ type: Boolean, reflect: true })\n  clickable = false;\n\n  /**\n   * Whether this item is disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Handles slot change for icon\n   */\n  private _handleIconSlotChange({ target }: Event) {\n    const slot = target as HTMLSlotElement;\n    const hasIcon = slot.assignedElements().length > 0;\n    this._hasIcon = hasIcon;\n    this.requestUpdate();\n  }\n\n  private _hasIcon = false;\n\n  /**\n   * Handles click event\n   */\n  private _handleClick(event: MouseEvent) {\n    if (this.disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    const { eventClick } = this.constructor as typeof CDSContainedListItem;\n    this.dispatchEvent(\n      new CustomEvent(eventClick, {\n        bubbles: true,\n        composed: true,\n        detail: { item: this },\n      })\n    );\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n  }\n\n  render() {\n    const { disabled, clickable, _hasIcon } = this;\n\n    const classes = classMap({\n      [`${prefix}--contained-list-item`]: true,\n      [`${prefix}--contained-list-item--clickable`]: clickable,\n      [`${prefix}--contained-list-item--with-icon`]: _hasIcon,\n    });\n\n    const contentClasses = `${prefix}--contained-list-item__content`;\n\n    const content = html`\n      <slot name=\"icon\" @slotchange=\"${this._handleIconSlotChange}\"></slot>\n      <slot></slot>\n    `;\n\n    return html`\n      <div class=\"${classes}\">\n        ${clickable\n          ? html`\n              <button\n                class=\"${contentClasses}\"\n                type=\"button\"\n                ?disabled=\"${disabled}\"\n                @click=\"${this._handleClick}\">\n                ${content}\n              </button>\n            `\n          : html`<div class=\"${contentClasses}\">${content}</div>`}\n        <div class=\"${prefix}--contained-list-item__action\">\n          <slot name=\"action\"></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired when a clickable item is clicked\n   */\n  static get eventClick() {\n    return `${prefix}-contained-list-item-click`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSContainedListItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,IAAA,uBAAA,MACM,6BAA6B,WAAW;;;mBAKhC;kBAMD;kBAYQ;;;;;CAPnB,sBAA8B,EAAE,UAAiB;EAE/C,MAAM,UADO,OACQ,kBAAkB,CAAC,SAAS;AACjD,OAAK,WAAW;AAChB,OAAK,eAAe;;;;;CAQtB,aAAqB,OAAmB;AACtC,MAAI,KAAK,UAAU;AACjB,SAAM,gBAAgB;AACtB;;EAGF,MAAM,EAAE,eAAe,KAAK;AAC5B,OAAK,cACH,IAAI,YAAY,YAAY;GAC1B,SAAS;GACT,UAAU;GACV,QAAQ,EAAE,MAAM,MAAM;GACvB,CAAC,CACH;;CAGH,oBAAoB;AAClB,QAAM,mBAAmB;AACzB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,WAAW;;CAIzC,SAAS;EACP,MAAM,EAAE,UAAU,WAAW,aAAa;EAE1C,MAAM,UAAU,SAAS;IACtB,6BAAmC;IACnC,wCAA8C;IAC9C,wCAA8C;GAChD,CAAC;EAEF,MAAM,iBAAiB;EAEvB,MAAM,UAAU,IAAI;uCACe,KAAK,sBAAsB;;;AAI9D,SAAO,IAAI;oBACK,QAAQ;UAClB,YACE,IAAI;;yBAES,eAAe;;6BAEX,SAAS;0BACZ,KAAK,aAAa;kBAC1B,QAAQ;;gBAGd,IAAI,eAAe,eAAe,IAAI,QAAQ,QAAQ;4BACrC;;;;;;;;;CAU3B,WAAW,aAAa;AACtB,SAAO;;;gBAGOA;;;YA1Ff,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,qBAAA,WAAA,aAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,qBAAA,WAAA,YAAA,KAAA,EAAA;mCAX5CC,cAAc,0BAAgC,CAAA,EAAA,qBAAA;AAkG/C,IAAA,8BAAe"}
+{"version":3,"file":"contained-list-item.js","names":["slot","styles","customElement"],"sources":["../../../src/components/contained-list/contained-list-item.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2022, 2026\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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './contained-list.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Contained list item.\n *\n * @element cds-contained-list-item\n * @slot - The content of the list item\n * @slot icon - The icon slot for rendering an icon\n * @slot action - The action slot for interactive elements\n * @fires cds-contained-list-item-click - Fires when clickable item is clicked\n */\n@customElement(`${prefix}-contained-list-item`)\nclass CDSContainedListItem extends LitElement {\n  /**\n   * Whether this item is clickable\n   */\n  @property({ type: Boolean, reflect: true })\n  clickable = false;\n\n  /**\n   * Whether this item is disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Handles slot change for icon\n   */\n  private _handleIconSlotChange({ target }: Event) {\n    const slot = target as HTMLSlotElement;\n    const hasIcon = slot.assignedElements().length > 0;\n    this._hasIcon = hasIcon;\n    this.requestUpdate();\n  }\n\n  private _hasIcon = false;\n\n  /**\n   * Handles click event\n   */\n  private _handleClick(event: MouseEvent) {\n    if (this.disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    const { eventClick } = this.constructor as typeof CDSContainedListItem;\n    this.dispatchEvent(\n      new CustomEvent(eventClick, {\n        bubbles: true,\n        composed: true,\n        detail: { item: this },\n      })\n    );\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n  }\n\n  render() {\n    const { disabled, clickable, _hasIcon } = this;\n\n    const classes = classMap({\n      [`${prefix}--contained-list-item`]: true,\n      [`${prefix}--contained-list-item--clickable`]: clickable,\n      [`${prefix}--contained-list-item--with-icon`]: _hasIcon,\n    });\n\n    const contentClasses = `${prefix}--contained-list-item__content`;\n\n    const content = html`\n      <slot name=\"icon\" @slotchange=\"${this._handleIconSlotChange}\"></slot>\n      <slot></slot>\n    `;\n\n    return html`\n      <div class=\"${classes}\">\n        ${clickable\n          ? html`\n              <button\n                class=\"${contentClasses}\"\n                type=\"button\"\n                ?disabled=\"${disabled}\"\n                @click=\"${this._handleClick}\">\n                ${content}\n              </button>\n            `\n          : html`<div class=\"${contentClasses}\">${content}</div>`}\n        <div class=\"${prefix}--contained-list-item__action\">\n          <slot name=\"action\"></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired when a clickable item is clicked\n   */\n  static get eventClick() {\n    return `${prefix}-contained-list-item-click`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSContainedListItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,IAAA,uBAAA,MACM,6BAA6B,WAAW;;;mBAKhC;kBAMD;kBAYQ;;;;;CAPnB,sBAA8B,EAAE,UAAiB;EAE/C,MAAM,UAAUA,OAAK,iBAAiB,CAAC,CAAC,SAAS;EACjD,KAAK,WAAW;EAChB,KAAK,cAAc;CACrB;;;;CAOA,aAAqB,OAAmB;EACtC,IAAI,KAAK,UAAU;GACjB,MAAM,eAAe;GACrB;EACF;EAEA,MAAM,EAAE,eAAe,KAAK;EAC5B,KAAK,cACH,IAAI,YAAY,YAAY;GAC1B,SAAS;GACT,UAAU;GACV,QAAQ,EAAE,MAAM,KAAK;EACvB,CAAC,CACH;CACF;CAEA,oBAAoB;EAClB,MAAM,kBAAkB;EACxB,IAAI,CAAC,KAAK,aAAa,MAAM,GAC3B,KAAK,aAAa,QAAQ,UAAU;CAExC;CAEA,SAAS;EACP,MAAM,EAAE,UAAU,WAAW,aAAa;EAE1C,MAAM,UAAU,SAAS;IACtB,6BAAmC;IACnC,wCAA8C;IAC9C,wCAA8C;EACjD,CAAC;EAED,MAAM,iBAAiB;EAEvB,MAAM,UAAU,IAAI;uCACe,KAAK,sBAAsB;;;EAI9D,OAAO,IAAI;oBACK,QAAQ;UAClB,YACE,IAAI;;yBAES,eAAe;;6BAEX,SAAS;0BACZ,KAAK,aAAa;kBAC1B,QAAQ;;gBAGd,IAAI,eAAe,eAAe,IAAI,QAAQ,QAAQ;4BACrC;;;;;CAK3B;;;;CAKA,WAAW,aAAa;EACtB,OAAO;CACT;;gBAEgBC;;AAClB;YA3FG,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,qBAAA,WAAA,aAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,qBAAA,WAAA,YAAA,KAAA,CAAA;mCAX3CC,cAAc,yBAA+B,CAAA,GAAA,oBAAA;AAkG9C,IAAA,8BAAe"}

package/es/components/contained-list/contained-list.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import contained_list_default$1 from "./contained-list.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";

package/es/components/contained-list/contained-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"contained-list.js","names":["styles","customElement"],"sources":["../../../src/components/contained-list/contained-list.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2022, 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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './contained-list.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport type Variants = 'on-page' | 'disclosed';\n\n/**\n * Contained list.\n *\n * @element cds-contained-list\n * @slot - The list items (cds-contained-list-item elements)\n * @slot action - The action slot for interactive elements in header\n * @slot label - The label text\n */\n@customElement(`${prefix}-contained-list`)\nclass CDSContainedList extends LitElement {\n  /**\n   * Specify whether the dividing lines in between list items should be inset.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'is-inset' })\n  isInset = false;\n\n  /**\n   * The kind of ContainedList you want to display\n   */\n  @property({ reflect: true })\n  kind: Variants = 'on-page';\n\n  /**\n   * A label describing the contained list.\n   */\n  @property({ reflect: true })\n  label = '';\n\n  /**\n   * Specify the size of the contained list.\n   */\n  @property({ reflect: true })\n  size?: 'sm' | 'md' | 'lg' | 'xl';\n\n  render() {\n    const { isInset, kind, label, size } = this;\n\n    const classes = classMap({\n      [`${prefix}--contained-list`]: true,\n      [`${prefix}--contained-list--${kind}`]: true,\n      [`${prefix}--contained-list--inset-rulers`]: isInset,\n      [`${prefix}--layout--size-${size}`]: !!size,\n    });\n\n    const hasLabelSlot = this.querySelector('[slot=\"label\"]') !== null;\n\n    return html`\n      <div class=\"${classes}\">\n        ${label || hasLabelSlot\n          ? html`\n              <div class=\"${prefix}--contained-list__header\">\n                <div class=\"${prefix}--contained-list__label\">\n                  ${hasLabelSlot ? html`<slot name=\"label\"></slot>` : label}\n                </div>\n                <div class=\"${prefix}--contained-list__action\">\n                  <slot name=\"action\"></slot>\n                </div>\n              </div>\n            `\n          : ''}\n        <ul role=\"list\">\n          <slot></slot>\n        </ul>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSContainedList;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAA,mBAAA,MACM,yBAAyB,WAAW;;;iBAK9B;cAMO;eAMT;;CAQR,SAAS;EACP,MAAM,EAAE,SAAS,MAAM,OAAO,SAAS;EAEvC,MAAM,UAAU,SAAS;IACtB,wBAA8B;IAC9B,wBAA8B,SAAS;IACvC,sCAA4C;IAC5C,qBAA2B,SAAS,CAAC,CAAC;GACxC,CAAC;EAEF,MAAM,eAAe,KAAK,cAAc,mBAAiB,KAAK;AAE9D,SAAO,IAAI;oBACK,QAAQ;UAClB,SAAS,eACP,IAAI;kCACmB;oCACE;oBACjB,eAAe,IAAI,+BAA+B,MAAM;;oCAEvC;;;;gBAKzB,GAAG;;;;;;;;gBAQGA;;;YAtDf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAY,CAAC,CAAA,EAAA,iBAAA,WAAA,WAAA,KAAA,EAAA;YAMjE,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,iBAAA,WAAA,QAAA,KAAA,EAAA;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,iBAAA,WAAA,SAAA,KAAA,EAAA;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,iBAAA,WAAA,QAAA,KAAA,EAAA;+BAvB7BC,cAAc,qBAA2B,CAAA,EAAA,iBAAA;AA8D1C,IAAA,yBAAe"}
+{"version":3,"file":"contained-list.js","names":["styles","customElement"],"sources":["../../../src/components/contained-list/contained-list.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2022, 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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './contained-list.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport type Variants = 'on-page' | 'disclosed';\n\n/**\n * Contained list.\n *\n * @element cds-contained-list\n * @slot - The list items (cds-contained-list-item elements)\n * @slot action - The action slot for interactive elements in header\n * @slot label - The label text\n */\n@customElement(`${prefix}-contained-list`)\nclass CDSContainedList extends LitElement {\n  /**\n   * Specify whether the dividing lines in between list items should be inset.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'is-inset' })\n  isInset = false;\n\n  /**\n   * The kind of ContainedList you want to display\n   */\n  @property({ reflect: true })\n  kind: Variants = 'on-page';\n\n  /**\n   * A label describing the contained list.\n   */\n  @property({ reflect: true })\n  label = '';\n\n  /**\n   * Specify the size of the contained list.\n   */\n  @property({ reflect: true })\n  size?: 'sm' | 'md' | 'lg' | 'xl';\n\n  render() {\n    const { isInset, kind, label, size } = this;\n\n    const classes = classMap({\n      [`${prefix}--contained-list`]: true,\n      [`${prefix}--contained-list--${kind}`]: true,\n      [`${prefix}--contained-list--inset-rulers`]: isInset,\n      [`${prefix}--layout--size-${size}`]: !!size,\n    });\n\n    const hasLabelSlot = this.querySelector('[slot=\"label\"]') !== null;\n\n    return html`\n      <div class=\"${classes}\">\n        ${label || hasLabelSlot\n          ? html`\n              <div class=\"${prefix}--contained-list__header\">\n                <div class=\"${prefix}--contained-list__label\">\n                  ${hasLabelSlot ? html`<slot name=\"label\"></slot>` : label}\n                </div>\n                <div class=\"${prefix}--contained-list__action\">\n                  <slot name=\"action\"></slot>\n                </div>\n              </div>\n            `\n          : ''}\n        <ul role=\"list\">\n          <slot></slot>\n        </ul>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSContainedList;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAA,mBAAA,MACM,yBAAyB,WAAW;;;iBAK9B;cAMO;eAMT;;CAQR,SAAS;EACP,MAAM,EAAE,SAAS,MAAM,OAAO,SAAS;EAEvC,MAAM,UAAU,SAAS;IACtB,wBAA8B;IAC9B,wBAA8B,SAAS;IACvC,sCAA4C;IAC5C,qBAA2B,SAAS,CAAC,CAAC;EACzC,CAAC;EAED,MAAM,eAAe,KAAK,cAAc,kBAAgB,MAAM;EAE9D,OAAO,IAAI;oBACK,QAAQ;UAClB,SAAS,eACP,IAAI;kCACmB;oCACE;oBACjB,eAAe,IAAI,+BAA+B,MAAM;;oCAEvC;;;;gBAKzB,GAAG;;;;;;CAMb;;gBAEgBA;;AAClB;YAvDG,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAW,CAAC,CAAA,GAAA,iBAAA,WAAA,WAAA,KAAA,CAAA;YAMhE,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,iBAAA,WAAA,QAAA,KAAA,CAAA;YAM1B,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,iBAAA,WAAA,SAAA,KAAA,CAAA;YAM1B,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,iBAAA,WAAA,QAAA,KAAA,CAAA;+BAvB5BC,cAAc,oBAA0B,CAAA,GAAA,gBAAA;AA8DzC,IAAA,yBAAe"}

package/es/components/content-switcher/content-switcher-item.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import content_switcher_default from "./content-switcher.scss.js";
 import { LitElement, html } from "lit";

package/es/components/content-switcher/content-switcher-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"content-switcher-item.js","names":["styles","customElement"],"sources":["../../../src/components/content-switcher/content-switcher-item.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\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 styles from './content-switcher.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Content switcher button.\n *\n * @element cds-content-switcher-item\n */\n@customElement(`${prefix}-content-switcher-item`)\nclass CDSContentSwitcherItem extends FocusMixin(LitElement) {\n  /**\n   * `true` if this content switcher item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` to hide the divider at the left.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-divider' })\n  hideDivider = false;\n\n  /**\n   * `true` if the content switcher button should be selected.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * The element ID of target panel.\n   */\n  @property()\n  target!: string;\n\n  /**\n   * The `value` attribute that is set to the parent `<cds-content-switcher>`\n   * when this content switcher item is selected.\n   */\n  @property()\n  value = '';\n\n  /**\n   * `true` if the content switcher button should be icon-only.\n   */\n  @property({ type: Boolean, reflect: true })\n  icon = false;\n\n  /**\n   * Specify how the trigger should align with the tooltip for icon-only\n   * switcher item\n   */\n  @property({ reflect: true, type: String })\n  align = 'top';\n\n  /**\n   * Determines whether the tooltip should close when inner content is\n   * activated (click, Enter or Space)\n   */\n  @property({ attribute: 'close-on-activation', reflect: true, type: Boolean })\n  closeOnActivation = true;\n\n  /**\n   * Specify the duration in milliseconds to delay before displaying the\n   * tooltip for icon-only switcher item\n   */\n  enterDelayMs = 100;\n\n  /**\n   * Specify the duration in milliseconds to delay before hiding the tooltip\n   * for icon-only switcher-item\n   *\n   */\n  leaveDelayMs = 100;\n\n  updated(changedProperties) {\n    if (changedProperties) {\n      this.shadowRoot\n        ?.querySelector(`${prefix}-tooltip`)\n        ?.classList.add(`${prefix}--icon-tooltip`);\n    }\n\n    if (\n      this.disabled &&\n      changedProperties.has('disabled') &&\n      !this.parentElement?.hasAttribute('disabled')\n    ) {\n      this.parentElement?.setAttribute('disabled', '');\n    }\n  }\n\n  protected _renderTooltipContent() {\n    return html`\n      <cds-tooltip-content>\n        <slot name=\"tooltip-content\"></slot>\n      </cds-tooltip-content>\n    `;\n  }\n\n  shouldUpdate(changedProperties) {\n    if (changedProperties.has('selected') || changedProperties.has('target')) {\n      const { selected, target } = this;\n      if (target) {\n        const doc = this.getRootNode() as HTMLDocument;\n        // `doc` can be an element if such element is orphaned\n        const targetNode = doc?.getElementById(target);\n        targetNode?.toggleAttribute('hidden', !selected);\n      }\n    }\n    return true;\n  }\n\n  render() {\n    const { disabled, selected, target } = this;\n    const className = classMap({\n      [`${prefix}--content-switcher-btn`]: true,\n      [`${prefix}--content-switcher--selected`]: selected,\n    });\n    const switcherItem = html`<button\n      type=\"button\"\n      role=\"tab\"\n      class=\"${className}\"\n      ?disabled=\"${disabled}\"\n      tabindex=\"${selected ? '0' : '-1'}\"\n      aria-controls=\"${ifDefined(target)}\"\n      aria-selected=\"${selected}\">\n      <span class=\"${prefix}--content-switcher__label\"><slot></slot></span>\n    </button>`;\n\n    if (this.icon) {\n      const { align, closeOnActivation, enterDelayMs, leaveDelayMs } = this;\n      return html`<cds-tooltip\n        align=${align}\n        close-on-activation=\"${closeOnActivation}\"\n        enter-delay-ms=${enterDelayMs}\n        leave-delay-ms=${leaveDelayMs}>\n        ${switcherItem} ${this._renderTooltipContent()}\n      </cds-tooltip>`;\n    }\n    return switcherItem;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  static styles = styles;\n}\n\nexport default CDSContentSwitcherItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,yBAAA,MACM,+BAA+B,WAAW,WAAW,CAAC;;;kBAK/C;qBAQG;kBAQH;eAaH;cAMD;eAOC;2BAOY;sBAML;sBAOA;;CAEf,QAAQ,mBAAmB;AACzB,MAAI,kBACF,MAAK,YACD,cAAc,cAAoB,EAClC,UAAU,IAAI,oBAA0B;AAG9C,MACE,KAAK,YACL,kBAAkB,IAAI,WAAW,IACjC,CAAC,KAAK,eAAe,aAAa,WAAW,CAE7C,MAAK,eAAe,aAAa,YAAY,GAAG;;CAIpD,wBAAkC;AAChC,SAAO,IAAI;;;;;;CAOb,aAAa,mBAAmB;AAC9B,MAAI,kBAAkB,IAAI,WAAW,IAAI,kBAAkB,IAAI,SAAS,EAAE;GACxE,MAAM,EAAE,UAAU,WAAW;AAC7B,OAAI,OAIF,EAHY,KAAK,aAAa,EAEN,eAAe,OAAO,GAClC,gBAAgB,UAAU,CAAC,SAAS;;AAGpD,SAAO;;CAGT,SAAS;EACP,MAAM,EAAE,UAAU,UAAU,WAAW;EAKvC,MAAM,eAAe,IAAI;;;eAJP,SAAS;IACxB,8BAAoC;IACpC,oCAA0C;GAC5C,CAAC,CAImB;mBACN,SAAS;kBACV,WAAW,MAAM,KAAK;uBACjB,UAAU,OAAO,CAAC;uBAClB,SAAS;2BACJ;;AAGxB,MAAI,KAAK,MAAM;GACb,MAAM,EAAE,OAAO,mBAAmB,cAAc,iBAAiB;AACjE,UAAO,IAAI;gBACD,MAAM;+BACS,kBAAkB;yBACxB,aAAa;yBACb,aAAa;UAC5B,aAAa,GAAG,KAAK,uBAAuB,CAAC;;;AAGnD,SAAO;;;2BAGkB;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBAEeA;;;YAzIf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,uBAAA,WAAA,YAAA,KAAA,EAAA;YAQ1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAgB,CAAC,CAAA,EAAA,uBAAA,WAAA,eAAA,KAAA,EAAA;YAQrE,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,uBAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,UAAU,CAAA,EAAA,uBAAA,WAAA,UAAA,KAAA,EAAA;YAOV,UAAU,CAAA,EAAA,uBAAA,WAAA,SAAA,KAAA,EAAA;YAMV,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,uBAAA,WAAA,QAAA,KAAA,EAAA;YAO1C,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,CAAC,CAAA,EAAA,uBAAA,WAAA,SAAA,KAAA,EAAA;YAOzC,SAAS;CAAE,WAAW;CAAuB,SAAS;CAAM,MAAM;CAAS,CAAC,CAAA,EAAA,uBAAA,WAAA,qBAAA,KAAA,EAAA;qCAtD9EC,cAAc,4BAAkC,CAAA,EAAA,uBAAA;AAiJjD,IAAA,gCAAe"}
+{"version":3,"file":"content-switcher-item.js","names":["styles","customElement"],"sources":["../../../src/components/content-switcher/content-switcher-item.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\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 styles from './content-switcher.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Content switcher button.\n *\n * @element cds-content-switcher-item\n */\n@customElement(`${prefix}-content-switcher-item`)\nclass CDSContentSwitcherItem extends FocusMixin(LitElement) {\n  /**\n   * `true` if this content switcher item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` to hide the divider at the left.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-divider' })\n  hideDivider = false;\n\n  /**\n   * `true` if the content switcher button should be selected.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * The element ID of target panel.\n   */\n  @property()\n  target!: string;\n\n  /**\n   * The `value` attribute that is set to the parent `<cds-content-switcher>`\n   * when this content switcher item is selected.\n   */\n  @property()\n  value = '';\n\n  /**\n   * `true` if the content switcher button should be icon-only.\n   */\n  @property({ type: Boolean, reflect: true })\n  icon = false;\n\n  /**\n   * Specify how the trigger should align with the tooltip for icon-only\n   * switcher item\n   */\n  @property({ reflect: true, type: String })\n  align = 'top';\n\n  /**\n   * Determines whether the tooltip should close when inner content is\n   * activated (click, Enter or Space)\n   */\n  @property({ attribute: 'close-on-activation', reflect: true, type: Boolean })\n  closeOnActivation = true;\n\n  /**\n   * Specify the duration in milliseconds to delay before displaying the\n   * tooltip for icon-only switcher item\n   */\n  enterDelayMs = 100;\n\n  /**\n   * Specify the duration in milliseconds to delay before hiding the tooltip\n   * for icon-only switcher-item\n   *\n   */\n  leaveDelayMs = 100;\n\n  updated(changedProperties) {\n    if (changedProperties) {\n      this.shadowRoot\n        ?.querySelector(`${prefix}-tooltip`)\n        ?.classList.add(`${prefix}--icon-tooltip`);\n    }\n\n    if (\n      this.disabled &&\n      changedProperties.has('disabled') &&\n      !this.parentElement?.hasAttribute('disabled')\n    ) {\n      this.parentElement?.setAttribute('disabled', '');\n    }\n  }\n\n  protected _renderTooltipContent() {\n    return html`\n      <cds-tooltip-content>\n        <slot name=\"tooltip-content\"></slot>\n      </cds-tooltip-content>\n    `;\n  }\n\n  shouldUpdate(changedProperties) {\n    if (changedProperties.has('selected') || changedProperties.has('target')) {\n      const { selected, target } = this;\n      if (target) {\n        const doc = this.getRootNode() as HTMLDocument;\n        // `doc` can be an element if such element is orphaned\n        const targetNode = doc?.getElementById(target);\n        targetNode?.toggleAttribute('hidden', !selected);\n      }\n    }\n    return true;\n  }\n\n  render() {\n    const { disabled, selected, target } = this;\n    const className = classMap({\n      [`${prefix}--content-switcher-btn`]: true,\n      [`${prefix}--content-switcher--selected`]: selected,\n    });\n    const switcherItem = html`<button\n      type=\"button\"\n      role=\"tab\"\n      class=\"${className}\"\n      ?disabled=\"${disabled}\"\n      tabindex=\"${selected ? '0' : '-1'}\"\n      aria-controls=\"${ifDefined(target)}\"\n      aria-selected=\"${selected}\">\n      <span class=\"${prefix}--content-switcher__label\"><slot></slot></span>\n    </button>`;\n\n    if (this.icon) {\n      const { align, closeOnActivation, enterDelayMs, leaveDelayMs } = this;\n      return html`<cds-tooltip\n        align=${align}\n        close-on-activation=\"${closeOnActivation}\"\n        enter-delay-ms=${enterDelayMs}\n        leave-delay-ms=${leaveDelayMs}>\n        ${switcherItem} ${this._renderTooltipContent()}\n      </cds-tooltip>`;\n    }\n    return switcherItem;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  static styles = styles;\n}\n\nexport default CDSContentSwitcherItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,yBAAA,MACM,+BAA+B,WAAW,UAAU,CAAC,CAAC;;;kBAK/C;qBAQG;kBAQH;eAaH;cAMD;eAOC;2BAOY;sBAML;sBAOA;;CAEf,QAAQ,mBAAmB;EACzB,IAAI,mBACF,KAAK,YACD,cAAc,aAAmB,CAAC,EAClC,UAAU,IAAI,mBAAyB;EAG7C,IACE,KAAK,YACL,kBAAkB,IAAI,UAAU,KAChC,CAAC,KAAK,eAAe,aAAa,UAAU,GAE5C,KAAK,eAAe,aAAa,YAAY,EAAE;CAEnD;CAEA,wBAAkC;EAChC,OAAO,IAAI;;;;;CAKb;CAEA,aAAa,mBAAmB;EAC9B,IAAI,kBAAkB,IAAI,UAAU,KAAK,kBAAkB,IAAI,QAAQ,GAAG;GACxE,MAAM,EAAE,UAAU,WAAW;GAC7B,IAAI,QAIF,CAHY,KAAK,YAEI,CAAC,EAAE,eAAe,MAAM,EAAA,EACjC,gBAAgB,UAAU,CAAC,QAAQ;EAEnD;EACA,OAAO;CACT;CAEA,SAAS;EACP,MAAM,EAAE,UAAU,UAAU,WAAW;EAKvC,MAAM,eAAe,IAAI;;;eAJP,SAAS;IACxB,8BAAoC;IACpC,oCAA0C;EAC7C,CAImB,EAAE;mBACN,SAAS;kBACV,WAAW,MAAM,KAAK;uBACjB,UAAU,MAAM,EAAE;uBAClB,SAAS;2BACJ;;EAGxB,IAAI,KAAK,MAAM;GACb,MAAM,EAAE,OAAO,mBAAmB,cAAc,iBAAiB;GACjE,OAAO,IAAI;gBACD,MAAM;+BACS,kBAAkB;yBACxB,aAAa;yBACb,aAAa;UAC5B,aAAa,GAAG,KAAK,sBAAsB,EAAE;;EAEnD;EACA,OAAO;CACT;;2BAE2B;GACzB,GAAG,WAAW;GACd,gBAAgB;EAClB;;;gBAEgBA;;AAClB;YA1IG,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,uBAAA,WAAA,YAAA,KAAA,CAAA;YAQzC,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAe,CAAC,CAAA,GAAA,uBAAA,WAAA,eAAA,KAAA,CAAA;YAQpE,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,uBAAA,WAAA,YAAA,KAAA,CAAA;YAMzC,SAAS,CAAA,GAAA,uBAAA,WAAA,UAAA,KAAA,CAAA;YAOT,SAAS,CAAA,GAAA,uBAAA,WAAA,SAAA,KAAA,CAAA;YAMT,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,uBAAA,WAAA,QAAA,KAAA,CAAA;YAOzC,SAAS;CAAE,SAAS;CAAM,MAAM;AAAO,CAAC,CAAA,GAAA,uBAAA,WAAA,SAAA,KAAA,CAAA;YAOxC,SAAS;CAAE,WAAW;CAAuB,SAAS;CAAM,MAAM;AAAQ,CAAC,CAAA,GAAA,uBAAA,WAAA,qBAAA,KAAA,CAAA;qCAtD7EC,cAAc,2BAAiC,CAAA,GAAA,sBAAA;AAiJhD,IAAA,gCAAe"}

package/es/components/content-switcher/content-switcher.js

@@ -8,7 +8,7 @@
 import "../../globals/settings.js";
 import { forEach, indexOf } from "../../globals/internal/collection-helpers.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import { CONTENT_SWITCHER_SIZE, NAVIGATION_DIRECTION } from "./defs.js";
 import content_switcher_default$1 from "./content-switcher.scss.js";
 import { LitElement, html } from "lit";

package/es/components/content-switcher/content-switcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"content-switcher.js","names":["styles","customElement"],"sources":["../../../src/components/content-switcher/content-switcher.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { forEach, indexOf } from '../../globals/internal/collection-helpers';\nimport { NAVIGATION_DIRECTION, CONTENT_SWITCHER_SIZE } from './defs';\nimport CDSContentSwitcherItem from './content-switcher-item';\nimport styles from './content-switcher.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { NAVIGATION_DIRECTION, CONTENT_SWITCHER_SIZE };\n\n/**\n * @param index The index\n * @param length The length of the array.\n * @returns The new index, adjusting overflow/underflow.\n */\nconst capIndex = (index: number, length: number) => {\n  if (index < 0) {\n    return length - 1;\n  }\n  if (index >= length) {\n    return 0;\n  }\n  return index;\n};\n\n/**\n * Content switcher.\n *\n * @element cds-content-switcher\n * @fires cds-content-switcher-beingselected\n *   The custom event fired before a content switcher item is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires cds-content-switcher-selected - The custom event fired after a a content switcher item is selected upon a user gesture.\n */\n@customElement(`${prefix}-content-switcher`)\nclass CDSContentSwitcher extends LitElement {\n  /**\n   * Handles `mouseover`/`mouseout` events on `<slot>`.\n   *\n   * @param event The event.\n   * @param event.target The event target.\n   * @param event.type The event type.\n   */\n  private _handleHover({ target, type }: MouseEvent) {\n    const { selectorItem } = this.constructor as typeof CDSContentSwitcher;\n    const items = this.querySelectorAll(selectorItem);\n    const index =\n      type !== 'mouseover'\n        ? -1\n        : // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n          indexOf(items, (target as Element).closest(selectorItem)!);\n\n    if ((target as Element).closest(selectorItem)?.hasAttribute('disabled')) {\n      return;\n    }\n\n    const nextIndex = index < 0 ? index : index + 1;\n    forEach(this.querySelectorAll(selectorItem), (elem, i) => {\n      // Specifies child `<cds-content-switcher-item>` to hide its divider instead of using CSS,\n      // until `:host-context()` gets supported in all major browsers\n      (elem as CDSContentSwitcherItem).hideDivider = i === nextIndex;\n    });\n\n    const { selectorItemSelected } = this\n      .constructor as typeof CDSContentSwitcher;\n    const selectedItem = this.querySelector(selectorItemSelected);\n    const nextItem = this._getNextItem(\n      selectedItem as CDSContentSwitcherItem,\n      1\n    );\n    (nextItem as CDSContentSwitcherItem).hideDivider = true;\n  }\n\n  /**\n   * @param target The current event target.\n   * @returns The item to be selected.\n   */\n  protected _getCurrentItem(target: HTMLElement) {\n    const items = this.querySelectorAll(\n      (this.constructor as typeof CDSContentSwitcher).selectorItemEnabled\n    );\n    const { selectorItem } = this.constructor as typeof CDSContentSwitcher;\n    const containerItem = target.closest(\n      selectorItem\n    ) as CDSContentSwitcherItem;\n    const index = indexOf(items, containerItem);\n    return items[index] ?? null;\n  }\n\n  /**\n   * @param currentItem The currently selected item.\n   * @param direction The navigation direction.\n   * @returns The item to be selected.\n   */\n  protected _getNextItem(\n    currentItem: CDSContentSwitcherItem,\n    direction: number\n  ) {\n    const items = this.querySelectorAll(\n      (this.constructor as typeof CDSContentSwitcher).selectorItemEnabled\n    );\n    const currentIndex = indexOf(items, currentItem);\n    const nextIndex = capIndex(currentIndex + direction, items.length);\n    return nextIndex === currentIndex ? null : items[nextIndex];\n  }\n\n  /**\n   * Handles `click` event on content switcher item.\n   *\n   * @param event The event.\n   * @param event.target The event target.\n   */\n  protected _handleClick({ target }: MouseEvent) {\n    const currentItem = this._getCurrentItem(target as HTMLElement);\n    this._handleUserInitiatedSelectItem(\n      currentItem as CDSContentSwitcherItem,\n      'mouse'\n    );\n  }\n\n  /**\n   * Handles `keydown` event on the top-level element in the shadow DOM.\n   *\n   * @param event The event.\n   * @param event.key The event key.\n   */\n  protected _handleKeydown({ key }: KeyboardEvent) {\n    if (key in NAVIGATION_DIRECTION) {\n      this._navigate(NAVIGATION_DIRECTION[key]);\n    }\n  }\n\n  /**\n   * Handles user-initiated selection of a content switcher item.\n   *\n   * @param [item] The content switcher item user wants to select.\n   */\n  protected _handleUserInitiatedSelectItem(\n    item: CDSContentSwitcherItem,\n    interactionType?: 'mouse' | 'keyboard' | 'activation' | undefined\n  ) {\n    if (\n      (item && !item.disabled && item.value !== this.value) ||\n      (this.selectionMode === 'manual' &&\n        interactionType === 'keyboard' &&\n        !item.disabled)\n    ) {\n      if (this.selectionMode !== 'manual' || interactionType !== 'keyboard') {\n        const init = {\n          bubbles: true,\n          composed: true,\n          detail: {\n            item,\n          },\n        };\n        const constructor = this.constructor as typeof CDSContentSwitcher;\n        const beforeSelectEvent = new CustomEvent(\n          constructor.eventBeforeSelect,\n          {\n            ...init,\n            cancelable: true,\n          }\n        );\n        if (this.dispatchEvent(beforeSelectEvent)) {\n          this._selectionDidChange(item, interactionType);\n\n          // Add extra event details (index, name, text) to match the React `onChange`\n          const items = this.querySelectorAll(constructor.selectorItem);\n          const index = Array.from(items).indexOf(item);\n          const name = item.getAttribute('name') ?? undefined;\n          const text =\n            item.textContent?.trim() ||\n            item.getAttribute('aria-label')?.trim() ||\n            undefined;\n\n          const afterSelectEvent = new CustomEvent(constructor.eventSelect, {\n            bubbles: true,\n            composed: true,\n            detail: {\n              item,\n              index,\n              name,\n              text,\n            },\n          });\n          this.dispatchEvent(afterSelectEvent);\n        }\n      } else {\n        this._selectionDidChange(item, interactionType);\n      }\n    }\n  }\n\n  /**\n   * Navigates through content switcher items.\n   *\n   * @param direction `-1` to navigate backward, `1` to navigate forward.\n   */\n  protected _navigate(direction: number) {\n    const { selectorItemFocused } = this\n      .constructor as typeof CDSContentSwitcher;\n    const nextItem = this._getNextItem(\n      this.querySelector(selectorItemFocused) as CDSContentSwitcherItem,\n      direction\n    );\n    if (nextItem) {\n      this._handleUserInitiatedSelectItem(\n        nextItem as CDSContentSwitcherItem,\n        'keyboard'\n      );\n      this.requestUpdate();\n    }\n  }\n\n  /**\n   * A callback that runs after change in content switcher selection upon user interaction is confirmed.\n   *\n   * @param itemToSelect A content switcher item.\n   */\n\n  protected _selectionDidChange(\n    itemToSelect: CDSContentSwitcherItem,\n    interactionType?: 'mouse' | 'keyboard' | 'activation' | undefined\n  ) {\n    if (this.selectionMode === 'manual' && interactionType === 'keyboard') {\n      // In manual mode, only focus the item without changing the selection\n      Promise.resolve().then(() => {\n        itemToSelect.focus();\n      });\n\n      return;\n    }\n\n    this.value = itemToSelect.value;\n    forEach(\n      this.querySelectorAll(\n        (this.constructor as typeof CDSContentSwitcher).selectorItemSelected\n      ),\n      (item) => {\n        (item as CDSContentSwitcherItem).selected = false;\n      }\n    );\n    itemToSelect.selected = true;\n    // Waits for rendering with the new state that updates `tabindex`\n    Promise.resolve().then(() => {\n      itemToSelect.focus();\n\n      const { selectorItem } = this.constructor as typeof CDSContentSwitcher;\n      const items = this.querySelectorAll(selectorItem);\n      const index = indexOf(\n        items,\n        (itemToSelect as Element).closest(selectorItem)! // eslint-disable-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      );\n      const nextIndex = index < 0 ? index : index + 1;\n      forEach(this.querySelectorAll(selectorItem), (elem, i) => {\n        // Specifies child `<cds-content-switcher-item>` to hide its divider instead of using CSS,\n        // until `:host-context()` gets supported in all major browsers\n        (elem as CDSContentSwitcherItem).hideDivider = i === nextIndex;\n      });\n    });\n  }\n\n  /**\n   * The value of the selected item.\n   */\n  @property({ reflect: true })\n  value = '';\n\n  /**\n   * Specify a selected index for the initially selected content\n   */\n  @property({ type: Number, attribute: 'selected-index' })\n  selectedIndex = 0;\n\n  /**\n   * Choose whether or not to automatically change selection on focus when left/right arrow pressed. Defaults to 'automatic'\n   */\n  @property({ attribute: 'selection-mode' })\n  selectionMode = 'automatic';\n\n  /**\n   * Content switcher size.\n   */\n  @property({ reflect: true })\n  size = CONTENT_SWITCHER_SIZE.REGULAR;\n\n  /**\n   * Icon only.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'icon' })\n  iconOnly = false;\n\n  /**\n   * `true` to use the low contrast version.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'low-contrast' })\n  lowContrast = false;\n\n  firstUpdated() {\n    this._updateSelectedItemFromIndex();\n  }\n\n  // Validate a selected index for the initially selected content\n  _updateSelectedItemFromIndex() {\n    const { selectorItemEnabled } = this\n      .constructor as typeof CDSContentSwitcher;\n    const items = this.querySelectorAll(selectorItemEnabled);\n    if (\n      items.length > 0 &&\n      this.selectedIndex >= 0 &&\n      this.selectedIndex < items.length\n    ) {\n      const itemToSelect = items[this.selectedIndex] as CDSContentSwitcherItem;\n      this._selectionDidChange(\n        itemToSelect,\n        this.selectionMode === 'manual' ? 'activation' : 'mouse'\n      );\n    }\n  }\n\n  _updateSelectedItemFromValue(changedProps) {\n    if (changedProps.has('value')) {\n      const { selectorItem } = this.constructor as typeof CDSContentSwitcher;\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        (elem as CDSContentSwitcherItem).selected =\n          (elem as CDSContentSwitcherItem).value === this.value;\n      });\n    }\n  }\n\n  shouldUpdate(changedProps) {\n    if (changedProps.has('iconOnly') || changedProps.has('selectedIndex')) {\n      const items = this.querySelectorAll(`${prefix}-content-switcher-item`);\n      const allIcon = Array.from(items).every((item) =>\n        item.hasAttribute('icon')\n      );\n      this.iconOnly = allIcon;\n    }\n    return true;\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('selectedIndex')) {\n      this._updateSelectedItemFromIndex();\n    }\n\n    this._updateSelectedItemFromValue(changedProperties);\n\n    if (changedProperties.has('size')) {\n      const items = this.querySelectorAll(`${prefix}-content-switcher-item`);\n      items.forEach((item) => {\n        const size = this.size || 'md';\n        item.setAttribute('size', size);\n      });\n    }\n  }\n\n  _handleSlotchange() {\n    const { selectorItemSelected } = this\n      .constructor as typeof CDSContentSwitcher;\n    const selectedItem = this.querySelector(selectorItemSelected);\n    const nextItem = this._getNextItem(\n      selectedItem as CDSContentSwitcherItem,\n      1\n    );\n\n    // Specifies child `<cds-content-switcher-item>` to hide its divider instead of using CSS,\n    // until `:host-context()` gets supported in all major browsers\n    if (nextItem) {\n      (nextItem as CDSContentSwitcherItem).hideDivider = true;\n    }\n  }\n\n  /**\n   * A selector that will return content switcher items.\n   */\n  static get selectorItem() {\n    return `${prefix}-content-switcher-item`;\n  }\n\n  /**\n   * A selector that will return content switcher icon items.\n   */\n  static get selectorIconItem() {\n    return `${prefix}-content-switcher-item[icon]`;\n  }\n\n  /**\n   * A selector that will return enabled content switcher items.\n   */\n  static get selectorItemEnabled() {\n    return `${prefix}-content-switcher-item:not([disabled])`;\n  }\n\n  /**\n   * A selector that will return selected items.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-content-switcher-item[selected]`;\n  }\n\n  /**\n   * A selector that will return focused items.\n   */\n  static get selectorItemFocused() {\n    return `${prefix}-content-switcher-item:focus`;\n  }\n\n  /**\n   * The name of the custom event fired before a content switcher item is selected upon a user gesture.\n   * Cancellation of this event stops changing the user-initiated selection.\n   */\n  static get eventBeforeSelect() {\n    return `${prefix}-content-switcher-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a content switcher item is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-content-switcher-selected`;\n  }\n\n  render() {\n    const {\n      _handleHover: handleHover,\n      _handleKeydown: handleKeydown,\n      _handleSlotchange: handleSlotchange,\n    } = this;\n    return html`\n      <slot\n        @click=\"${this._handleClick}\"\n        @keydown=\"${handleKeydown}\"\n        @mouseover=\"${handleHover}\"\n        @mouseout=\"${handleHover}\"\n        @slotchange=${handleSlotchange}></slot>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSContentSwitcher;\n"],"mappings":"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"}
+{"version":3,"file":"content-switcher.js","names":["styles","customElement"],"sources":["../../../src/components/content-switcher/content-switcher.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { forEach, indexOf } from '../../globals/internal/collection-helpers';\nimport { NAVIGATION_DIRECTION, CONTENT_SWITCHER_SIZE } from './defs';\nimport CDSContentSwitcherItem from './content-switcher-item';\nimport styles from './content-switcher.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { NAVIGATION_DIRECTION, CONTENT_SWITCHER_SIZE };\n\n/**\n * @param index The index\n * @param length The length of the array.\n * @returns The new index, adjusting overflow/underflow.\n */\nconst capIndex = (index: number, length: number) => {\n  if (index < 0) {\n    return length - 1;\n  }\n  if (index >= length) {\n    return 0;\n  }\n  return index;\n};\n\n/**\n * Content switcher.\n *\n * @element cds-content-switcher\n * @fires cds-content-switcher-beingselected\n *   The custom event fired before a content switcher item is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires cds-content-switcher-selected - The custom event fired after a a content switcher item is selected upon a user gesture.\n */\n@customElement(`${prefix}-content-switcher`)\nclass CDSContentSwitcher extends LitElement {\n  /**\n   * Handles `mouseover`/`mouseout` events on `<slot>`.\n   *\n   * @param event The event.\n   * @param event.target The event target.\n   * @param event.type The event type.\n   */\n  private _handleHover({ target, type }: MouseEvent) {\n    const { selectorItem } = this.constructor as typeof CDSContentSwitcher;\n    const items = this.querySelectorAll(selectorItem);\n    const index =\n      type !== 'mouseover'\n        ? -1\n        : // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n          indexOf(items, (target as Element).closest(selectorItem)!);\n\n    if ((target as Element).closest(selectorItem)?.hasAttribute('disabled')) {\n      return;\n    }\n\n    const nextIndex = index < 0 ? index : index + 1;\n    forEach(this.querySelectorAll(selectorItem), (elem, i) => {\n      // Specifies child `<cds-content-switcher-item>` to hide its divider instead of using CSS,\n      // until `:host-context()` gets supported in all major browsers\n      (elem as CDSContentSwitcherItem).hideDivider = i === nextIndex;\n    });\n\n    const { selectorItemSelected } = this\n      .constructor as typeof CDSContentSwitcher;\n    const selectedItem = this.querySelector(selectorItemSelected);\n    const nextItem = this._getNextItem(\n      selectedItem as CDSContentSwitcherItem,\n      1\n    );\n    (nextItem as CDSContentSwitcherItem).hideDivider = true;\n  }\n\n  /**\n   * @param target The current event target.\n   * @returns The item to be selected.\n   */\n  protected _getCurrentItem(target: HTMLElement) {\n    const items = this.querySelectorAll(\n      (this.constructor as typeof CDSContentSwitcher).selectorItemEnabled\n    );\n    const { selectorItem } = this.constructor as typeof CDSContentSwitcher;\n    const containerItem = target.closest(\n      selectorItem\n    ) as CDSContentSwitcherItem;\n    const index = indexOf(items, containerItem);\n    return items[index] ?? null;\n  }\n\n  /**\n   * @param currentItem The currently selected item.\n   * @param direction The navigation direction.\n   * @returns The item to be selected.\n   */\n  protected _getNextItem(\n    currentItem: CDSContentSwitcherItem,\n    direction: number\n  ) {\n    const items = this.querySelectorAll(\n      (this.constructor as typeof CDSContentSwitcher).selectorItemEnabled\n    );\n    const currentIndex = indexOf(items, currentItem);\n    const nextIndex = capIndex(currentIndex + direction, items.length);\n    return nextIndex === currentIndex ? null : items[nextIndex];\n  }\n\n  /**\n   * Handles `click` event on content switcher item.\n   *\n   * @param event The event.\n   * @param event.target The event target.\n   */\n  protected _handleClick({ target }: MouseEvent) {\n    const currentItem = this._getCurrentItem(target as HTMLElement);\n    this._handleUserInitiatedSelectItem(\n      currentItem as CDSContentSwitcherItem,\n      'mouse'\n    );\n  }\n\n  /**\n   * Handles `keydown` event on the top-level element in the shadow DOM.\n   *\n   * @param event The event.\n   * @param event.key The event key.\n   */\n  protected _handleKeydown({ key }: KeyboardEvent) {\n    if (key in NAVIGATION_DIRECTION) {\n      this._navigate(NAVIGATION_DIRECTION[key]);\n    }\n  }\n\n  /**\n   * Handles user-initiated selection of a content switcher item.\n   *\n   * @param [item] The content switcher item user wants to select.\n   */\n  protected _handleUserInitiatedSelectItem(\n    item: CDSContentSwitcherItem,\n    interactionType?: 'mouse' | 'keyboard' | 'activation' | undefined\n  ) {\n    if (\n      (item && !item.disabled && item.value !== this.value) ||\n      (this.selectionMode === 'manual' &&\n        interactionType === 'keyboard' &&\n        !item.disabled)\n    ) {\n      if (this.selectionMode !== 'manual' || interactionType !== 'keyboard') {\n        const init = {\n          bubbles: true,\n          composed: true,\n          detail: {\n            item,\n          },\n        };\n        const constructor = this.constructor as typeof CDSContentSwitcher;\n        const beforeSelectEvent = new CustomEvent(\n          constructor.eventBeforeSelect,\n          {\n            ...init,\n            cancelable: true,\n          }\n        );\n        if (this.dispatchEvent(beforeSelectEvent)) {\n          this._selectionDidChange(item, interactionType);\n\n          // Add extra event details (index, name, text) to match the React `onChange`\n          const items = this.querySelectorAll(constructor.selectorItem);\n          const index = Array.from(items).indexOf(item);\n          const name = item.getAttribute('name') ?? undefined;\n          const text =\n            item.textContent?.trim() ||\n            item.getAttribute('aria-label')?.trim() ||\n            undefined;\n\n          const afterSelectEvent = new CustomEvent(constructor.eventSelect, {\n            bubbles: true,\n            composed: true,\n            detail: {\n              item,\n              index,\n              name,\n              text,\n            },\n          });\n          this.dispatchEvent(afterSelectEvent);\n        }\n      } else {\n        this._selectionDidChange(item, interactionType);\n      }\n    }\n  }\n\n  /**\n   * Navigates through content switcher items.\n   *\n   * @param direction `-1` to navigate backward, `1` to navigate forward.\n   */\n  protected _navigate(direction: number) {\n    const { selectorItemFocused } = this\n      .constructor as typeof CDSContentSwitcher;\n    const nextItem = this._getNextItem(\n      this.querySelector(selectorItemFocused) as CDSContentSwitcherItem,\n      direction\n    );\n    if (nextItem) {\n      this._handleUserInitiatedSelectItem(\n        nextItem as CDSContentSwitcherItem,\n        'keyboard'\n      );\n      this.requestUpdate();\n    }\n  }\n\n  /**\n   * A callback that runs after change in content switcher selection upon user interaction is confirmed.\n   *\n   * @param itemToSelect A content switcher item.\n   */\n\n  protected _selectionDidChange(\n    itemToSelect: CDSContentSwitcherItem,\n    interactionType?: 'mouse' | 'keyboard' | 'activation' | undefined\n  ) {\n    if (this.selectionMode === 'manual' && interactionType === 'keyboard') {\n      // In manual mode, only focus the item without changing the selection\n      Promise.resolve().then(() => {\n        itemToSelect.focus();\n      });\n\n      return;\n    }\n\n    this.value = itemToSelect.value;\n    forEach(\n      this.querySelectorAll(\n        (this.constructor as typeof CDSContentSwitcher).selectorItemSelected\n      ),\n      (item) => {\n        (item as CDSContentSwitcherItem).selected = false;\n      }\n    );\n    itemToSelect.selected = true;\n    // Waits for rendering with the new state that updates `tabindex`\n    Promise.resolve().then(() => {\n      itemToSelect.focus();\n\n      const { selectorItem } = this.constructor as typeof CDSContentSwitcher;\n      const items = this.querySelectorAll(selectorItem);\n      const index = indexOf(\n        items,\n        (itemToSelect as Element).closest(selectorItem)! // eslint-disable-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      );\n      const nextIndex = index < 0 ? index : index + 1;\n      forEach(this.querySelectorAll(selectorItem), (elem, i) => {\n        // Specifies child `<cds-content-switcher-item>` to hide its divider instead of using CSS,\n        // until `:host-context()` gets supported in all major browsers\n        (elem as CDSContentSwitcherItem).hideDivider = i === nextIndex;\n      });\n    });\n  }\n\n  /**\n   * The value of the selected item.\n   */\n  @property({ reflect: true })\n  value = '';\n\n  /**\n   * Specify a selected index for the initially selected content\n   */\n  @property({ type: Number, attribute: 'selected-index' })\n  selectedIndex = 0;\n\n  /**\n   * Choose whether or not to automatically change selection on focus when left/right arrow pressed. Defaults to 'automatic'\n   */\n  @property({ attribute: 'selection-mode' })\n  selectionMode = 'automatic';\n\n  /**\n   * Content switcher size.\n   */\n  @property({ reflect: true })\n  size = CONTENT_SWITCHER_SIZE.REGULAR;\n\n  /**\n   * Icon only.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'icon' })\n  iconOnly = false;\n\n  /**\n   * `true` to use the low contrast version.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'low-contrast' })\n  lowContrast = false;\n\n  firstUpdated() {\n    this._updateSelectedItemFromIndex();\n  }\n\n  // Validate a selected index for the initially selected content\n  _updateSelectedItemFromIndex() {\n    const { selectorItemEnabled } = this\n      .constructor as typeof CDSContentSwitcher;\n    const items = this.querySelectorAll(selectorItemEnabled);\n    if (\n      items.length > 0 &&\n      this.selectedIndex >= 0 &&\n      this.selectedIndex < items.length\n    ) {\n      const itemToSelect = items[this.selectedIndex] as CDSContentSwitcherItem;\n      this._selectionDidChange(\n        itemToSelect,\n        this.selectionMode === 'manual' ? 'activation' : 'mouse'\n      );\n    }\n  }\n\n  _updateSelectedItemFromValue(changedProps) {\n    if (changedProps.has('value')) {\n      const { selectorItem } = this.constructor as typeof CDSContentSwitcher;\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        (elem as CDSContentSwitcherItem).selected =\n          (elem as CDSContentSwitcherItem).value === this.value;\n      });\n    }\n  }\n\n  shouldUpdate(changedProps) {\n    if (changedProps.has('iconOnly') || changedProps.has('selectedIndex')) {\n      const items = this.querySelectorAll(`${prefix}-content-switcher-item`);\n      const allIcon = Array.from(items).every((item) =>\n        item.hasAttribute('icon')\n      );\n      this.iconOnly = allIcon;\n    }\n    return true;\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('selectedIndex')) {\n      this._updateSelectedItemFromIndex();\n    }\n\n    this._updateSelectedItemFromValue(changedProperties);\n\n    if (changedProperties.has('size')) {\n      const items = this.querySelectorAll(`${prefix}-content-switcher-item`);\n      items.forEach((item) => {\n        const size = this.size || 'md';\n        item.setAttribute('size', size);\n      });\n    }\n  }\n\n  _handleSlotchange() {\n    const { selectorItemSelected } = this\n      .constructor as typeof CDSContentSwitcher;\n    const selectedItem = this.querySelector(selectorItemSelected);\n    const nextItem = this._getNextItem(\n      selectedItem as CDSContentSwitcherItem,\n      1\n    );\n\n    // Specifies child `<cds-content-switcher-item>` to hide its divider instead of using CSS,\n    // until `:host-context()` gets supported in all major browsers\n    if (nextItem) {\n      (nextItem as CDSContentSwitcherItem).hideDivider = true;\n    }\n  }\n\n  /**\n   * A selector that will return content switcher items.\n   */\n  static get selectorItem() {\n    return `${prefix}-content-switcher-item`;\n  }\n\n  /**\n   * A selector that will return content switcher icon items.\n   */\n  static get selectorIconItem() {\n    return `${prefix}-content-switcher-item[icon]`;\n  }\n\n  /**\n   * A selector that will return enabled content switcher items.\n   */\n  static get selectorItemEnabled() {\n    return `${prefix}-content-switcher-item:not([disabled])`;\n  }\n\n  /**\n   * A selector that will return selected items.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-content-switcher-item[selected]`;\n  }\n\n  /**\n   * A selector that will return focused items.\n   */\n  static get selectorItemFocused() {\n    return `${prefix}-content-switcher-item:focus`;\n  }\n\n  /**\n   * The name of the custom event fired before a content switcher item is selected upon a user gesture.\n   * Cancellation of this event stops changing the user-initiated selection.\n   */\n  static get eventBeforeSelect() {\n    return `${prefix}-content-switcher-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a content switcher item is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-content-switcher-selected`;\n  }\n\n  render() {\n    const {\n      _handleHover: handleHover,\n      _handleKeydown: handleKeydown,\n      _handleSlotchange: handleSlotchange,\n    } = this;\n    return html`\n      <slot\n        @click=\"${this._handleClick}\"\n        @keydown=\"${handleKeydown}\"\n        @mouseover=\"${handleHover}\"\n        @mouseout=\"${handleHover}\"\n        @slotchange=${handleSlotchange}></slot>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSContentSwitcher;\n"],"mappings":"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"}

package/es/components/content-switcher/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/content-switcher/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 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\n/**\n * Navigation direction, associated with key symbols.\n */\nexport const NAVIGATION_DIRECTION = {\n  Left: -1,\n  ArrowLeft: -1,\n  Right: 1,\n  ArrowRight: 1,\n};\n\n/**\n * Button size.\n */\nexport enum CONTENT_SWITCHER_SIZE {\n  /**\n   * Regular size.\n   */\n  REGULAR = '',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n\n  /**\n   * @deprecated\n   * X-Large size.\n   */\n  EXTRA_LARGE = 'xl',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,MAAa,uBAAuB;CAClC,MAAM;CACN,WAAW;CACX,OAAO;CACP,YAAY;CACb;;;;AAKD,IAAY,wBAAL,yBAAA,uBAAA;;;;AAIL,uBAAA,aAAA;;;;AAKA,uBAAA,WAAA;;;;AAKA,uBAAA,WAAA;;;;;AAMA,uBAAA,iBAAA;;KACD"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/content-switcher/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 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\n/**\n * Navigation direction, associated with key symbols.\n */\nexport const NAVIGATION_DIRECTION = {\n  Left: -1,\n  ArrowLeft: -1,\n  Right: 1,\n  ArrowRight: 1,\n};\n\n/**\n * Button size.\n */\nexport enum CONTENT_SWITCHER_SIZE {\n  /**\n   * Regular size.\n   */\n  REGULAR = '',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n\n  /**\n   * @deprecated\n   * X-Large size.\n   */\n  EXTRA_LARGE = 'xl',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,MAAa,uBAAuB;CAClC,MAAM;CACN,WAAW;CACX,OAAO;CACP,YAAY;AACd;;;;AAKA,IAAY,wBAAL,yBAAA,uBAAA;;;;CAIL,sBAAA,aAAA;;;;CAKA,sBAAA,WAAA;;;;CAKA,sBAAA,WAAA;;;;;CAMA,sBAAA,iBAAA;;AACF,EAAA,CAAA,CAAA"}

package/es/components/copy/copy.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import icon_button_default from "../icon-button/icon-button.js";
 import copy_button_default from "../copy-button/copy-button.scss.js";
 import { html } from "lit";

package/es/components/copy/copy.js.map

@@ -1 +1 @@
-{"version":3,"file":"copy.js","names":["CDSIconButton","styles","customElement"],"sources":["../../../src/components/copy/copy.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\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 { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from '../copy-button/copy-button.scss?lit';\nimport CDSIconButton from '../icon-button/icon-button';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Copy.\n *\n * @element cds-copy\n */\n@customElement(`${prefix}-copy`)\nclass CDSCopy extends CDSIconButton {\n  /**\n   * `true` to show the feedback tooltip.\n   */\n  private _showFeedback = false;\n\n  /**\n   * `true` to show the feedback tooltip.\n   */\n  private _animation = '';\n\n  private _createHandleFeedbackTooltip = () => {\n    let timeoutId: number | undefined;\n    return (timeout: number) => {\n      const buttonClasses = this.shadowRoot?.querySelector('button')?.classList;\n\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n        timeoutId = undefined;\n      }\n      this._showFeedback = true;\n      buttonClasses?.add(`${prefix}--copy-btn--animating`);\n      this._animation = 'fade-in';\n      buttonClasses?.add(`${prefix}--copy-btn--${this._animation}`);\n      this.requestUpdate();\n      timeoutId = setTimeout(() => {\n        this._showFeedback = false;\n        this._animation = 'fade-out';\n        buttonClasses?.remove(`${prefix}--copy-btn--fade-in`);\n        buttonClasses?.add(`${prefix}--copy-btn--${this._animation}`);\n        this.requestUpdate();\n      }, timeout) as unknown as number;\n    };\n  };\n\n  /**\n   * Handles showing/hiding the feedback tooltip.\n   */\n  private _handleFeedbackTooltip = this._createHandleFeedbackTooltip();\n\n  /**\n   * Handles `click` event on the copy button.\n   */\n  private _handleClickButton() {\n    this._handleFeedbackTooltip(this.feedbackTimeout);\n  }\n\n  /**\n   * Specify the string that is displayed when the button is clicked and the content is copi\n   */\n  @property()\n  feedback = 'Copied!';\n\n  /**\n   * The number in milliseconds to determine how long the tooltip should remain.\n   */\n  @property({ type: Number, attribute: 'feedback-timeout' })\n  feedbackTimeout = 2000;\n\n  protected _renderTooltipContent() {\n    return html`\n      <cds-tooltip-content>\n        ${this._showFeedback\n          ? this.feedback\n          : html`<slot name=\"tooltip-content\"></slot>`}\n      </cds-tooltip-content>\n    `;\n  }\n\n  connectedCallback() {\n    this.closeOnActivation = false;\n\n    this.addEventListener('click', this._handleClickButton);\n\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    this.shadowRoot\n      ?.querySelector('button')\n      ?.addEventListener('animationend', () => {\n        if (this._animation === 'fade-out') {\n          const buttonClasses =\n            this.shadowRoot?.querySelector('button')?.classList;\n          buttonClasses?.remove(`${prefix}--copy-btn--animating`);\n          buttonClasses?.remove(`${prefix}--copy-btn--${this._animation}`);\n          this._animation = '';\n        }\n      });\n\n    super.updated(changedProperties);\n\n    this.shadowRoot // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n      ?.querySelector('button') // @ts-ignore: TS thinks `host` doesn't exist on `parentNode`\n      ?.setAttribute('aria-label', this.parentNode?.host.textContent);\n  }\n\n  static styles = styles;\n}\n\nexport default CDSCopy;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,IAAA,UAAA,MACM,gBAAgBA,oBAAc;;;uBAIV;oBAKH;4CAEwB;GAC3C,IAAI;AACJ,WAAQ,YAAoB;IAC1B,MAAM,gBAAgB,KAAK,YAAY,cAAc,SAAS,EAAE;AAEhE,QAAI,WAAW;AACb,kBAAa,UAAU;AACvB,iBAAY,KAAA;;AAEd,SAAK,gBAAgB;AACrB,mBAAe,IAAI,2BAAiC;AACpD,SAAK,aAAa;AAClB,mBAAe,IAAI,kBAAwB,KAAK,aAAa;AAC7D,SAAK,eAAe;AACpB,gBAAY,iBAAiB;AAC3B,UAAK,gBAAgB;AACrB,UAAK,aAAa;AAClB,oBAAe,OAAO,yBAA+B;AACrD,oBAAe,IAAI,kBAAwB,KAAK,aAAa;AAC7D,UAAK,eAAe;OACnB,QAAQ;;;gCAOkB,KAAK,8BAA8B;kBAazD;yBAMO;;;;;CAdlB,qBAA6B;AAC3B,OAAK,uBAAuB,KAAK,gBAAgB;;CAenD,wBAAkC;AAChC,SAAO,IAAI;;UAEL,KAAK,gBACH,KAAK,WACL,IAAI,uCAAuC;;;;CAKrD,oBAAoB;AAClB,OAAK,oBAAoB;AAEzB,OAAK,iBAAiB,SAAS,KAAK,mBAAmB;AAEvD,QAAM,mBAAmB;;CAG3B,QAAQ,mBAAmB;AACzB,OAAK,YACD,cAAc,SAAS,EACvB,iBAAiB,sBAAsB;AACvC,OAAI,KAAK,eAAe,YAAY;IAClC,MAAM,gBACJ,KAAK,YAAY,cAAc,SAAS,EAAE;AAC5C,mBAAe,OAAO,2BAAiC;AACvD,mBAAe,OAAO,kBAAwB,KAAK,aAAa;AAChE,SAAK,aAAa;;IAEpB;AAEJ,QAAM,QAAQ,kBAAkB;AAEhC,OAAK,YACD,cAAc,SAAS,EACvB,aAAa,cAAc,KAAK,YAAY,KAAK,YAAY;;;gBAGnDC;;;YA/Cf,UAAU,CAAA,EAAA,QAAA,WAAA,YAAA,KAAA,EAAA;YAMV,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAoB,CAAC,CAAA,EAAA,QAAA,WAAA,mBAAA,KAAA,EAAA;sBAzD3DC,cAAc,WAAiB,CAAA,EAAA,QAAA;AAqGhC,IAAA,eAAe"}
+{"version":3,"file":"copy.js","names":["CDSIconButton","styles","customElement"],"sources":["../../../src/components/copy/copy.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\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 { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from '../copy-button/copy-button.scss?lit';\nimport CDSIconButton from '../icon-button/icon-button';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Copy.\n *\n * @element cds-copy\n */\n@customElement(`${prefix}-copy`)\nclass CDSCopy extends CDSIconButton {\n  /**\n   * `true` to show the feedback tooltip.\n   */\n  private _showFeedback = false;\n\n  /**\n   * `true` to show the feedback tooltip.\n   */\n  private _animation = '';\n\n  private _createHandleFeedbackTooltip = () => {\n    let timeoutId: number | undefined;\n    return (timeout: number) => {\n      const buttonClasses = this.shadowRoot?.querySelector('button')?.classList;\n\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n        timeoutId = undefined;\n      }\n      this._showFeedback = true;\n      buttonClasses?.add(`${prefix}--copy-btn--animating`);\n      this._animation = 'fade-in';\n      buttonClasses?.add(`${prefix}--copy-btn--${this._animation}`);\n      this.requestUpdate();\n      timeoutId = setTimeout(() => {\n        this._showFeedback = false;\n        this._animation = 'fade-out';\n        buttonClasses?.remove(`${prefix}--copy-btn--fade-in`);\n        buttonClasses?.add(`${prefix}--copy-btn--${this._animation}`);\n        this.requestUpdate();\n      }, timeout) as unknown as number;\n    };\n  };\n\n  /**\n   * Handles showing/hiding the feedback tooltip.\n   */\n  private _handleFeedbackTooltip = this._createHandleFeedbackTooltip();\n\n  /**\n   * Handles `click` event on the copy button.\n   */\n  private _handleClickButton() {\n    this._handleFeedbackTooltip(this.feedbackTimeout);\n  }\n\n  /**\n   * Specify the string that is displayed when the button is clicked and the content is copi\n   */\n  @property()\n  feedback = 'Copied!';\n\n  /**\n   * The number in milliseconds to determine how long the tooltip should remain.\n   */\n  @property({ type: Number, attribute: 'feedback-timeout' })\n  feedbackTimeout = 2000;\n\n  protected _renderTooltipContent() {\n    return html`\n      <cds-tooltip-content>\n        ${this._showFeedback\n          ? this.feedback\n          : html`<slot name=\"tooltip-content\"></slot>`}\n      </cds-tooltip-content>\n    `;\n  }\n\n  connectedCallback() {\n    this.closeOnActivation = false;\n\n    this.addEventListener('click', this._handleClickButton);\n\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    this.shadowRoot\n      ?.querySelector('button')\n      ?.addEventListener('animationend', () => {\n        if (this._animation === 'fade-out') {\n          const buttonClasses =\n            this.shadowRoot?.querySelector('button')?.classList;\n          buttonClasses?.remove(`${prefix}--copy-btn--animating`);\n          buttonClasses?.remove(`${prefix}--copy-btn--${this._animation}`);\n          this._animation = '';\n        }\n      });\n\n    super.updated(changedProperties);\n\n    this.shadowRoot // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n      ?.querySelector('button') // @ts-ignore: TS thinks `host` doesn't exist on `parentNode`\n      ?.setAttribute('aria-label', this.parentNode?.host.textContent);\n  }\n\n  static styles = styles;\n}\n\nexport default CDSCopy;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,IAAA,UAAA,MACM,gBAAgBA,oBAAc;;;uBAIV;oBAKH;4CAEwB;GAC3C,IAAI;GACJ,QAAQ,YAAoB;IAC1B,MAAM,gBAAgB,KAAK,YAAY,cAAc,QAAQ,CAAC,EAAE;IAEhE,IAAI,WAAW;KACb,aAAa,SAAS;KACtB,YAAY,KAAA;IACd;IACA,KAAK,gBAAgB;IACrB,eAAe,IAAI,0BAAgC;IACnD,KAAK,aAAa;IAClB,eAAe,IAAI,kBAAwB,KAAK,YAAY;IAC5D,KAAK,cAAc;IACnB,YAAY,iBAAiB;KAC3B,KAAK,gBAAgB;KACrB,KAAK,aAAa;KAClB,eAAe,OAAO,wBAA8B;KACpD,eAAe,IAAI,kBAAwB,KAAK,YAAY;KAC5D,KAAK,cAAc;IACrB,GAAG,OAAO;GACZ;EACF;gCAKiC,KAAK,6BAA6B;kBAaxD;yBAMO;;;;;CAdlB,qBAA6B;EAC3B,KAAK,uBAAuB,KAAK,eAAe;CAClD;CAcA,wBAAkC;EAChC,OAAO,IAAI;;UAEL,KAAK,gBACH,KAAK,WACL,IAAI,uCAAuC;;;CAGrD;CAEA,oBAAoB;EAClB,KAAK,oBAAoB;EAEzB,KAAK,iBAAiB,SAAS,KAAK,kBAAkB;EAEtD,MAAM,kBAAkB;CAC1B;CAEA,QAAQ,mBAAmB;EACzB,KAAK,YACD,cAAc,QAAQ,CAAC,EACvB,iBAAiB,sBAAsB;GACvC,IAAI,KAAK,eAAe,YAAY;IAClC,MAAM,gBACJ,KAAK,YAAY,cAAc,QAAQ,CAAC,EAAE;IAC5C,eAAe,OAAO,0BAAgC;IACtD,eAAe,OAAO,kBAAwB,KAAK,YAAY;IAC/D,KAAK,aAAa;GACpB;EACF,CAAC;EAEH,MAAM,QAAQ,iBAAiB;EAE/B,KAAK,YACD,cAAc,QAAQ,CAAC,EACvB,aAAa,cAAc,KAAK,YAAY,KAAK,WAAW;CAClE;;gBAEgBC;;AAClB;YAhDG,SAAS,CAAA,GAAA,QAAA,WAAA,YAAA,KAAA,CAAA;YAMT,SAAS;CAAE,MAAM;CAAQ,WAAW;AAAmB,CAAC,CAAA,GAAA,QAAA,WAAA,mBAAA,KAAA,CAAA;sBAzD1DC,cAAc,UAAgB,CAAA,GAAA,OAAA;AAqG/B,IAAA,eAAe"}

package/es/components/copy-button/copy-button.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import "../popover/defs.js";

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

@@ -1 +1 @@
-{"version":3,"file":"copy-button.js","names":["styles","customElement"],"sources":["../../../src/components/copy-button/copy-button.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport Copy16 from '@carbon/icons/es/copy/16.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './copy-button.scss?lit';\nimport { POPOVER_ALIGNMENT } from '../popover/defs';\nimport '../copy/copy';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\n/**\n * Copy button.\n *\n * @element cds-copy-button\n */\n@customElement(`${prefix}-copy-button`)\nclass CDSCopyButton extends FocusMixin(LitElement) {\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   * `true` if the button should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Specify the string that is displayed when the button is clicked and the content is copi\n   */\n  @property()\n  feedback = 'Copied!';\n\n  /**\n   * How the tooltip is aligned to the trigger button.\n   */\n  @property({ reflect: true })\n  align = POPOVER_ALIGNMENT.BOTTOM;\n\n  /**\n   * Specify whether a auto align functionality should be applied\n   */\n  @property({ type: Boolean, reflect: true })\n  autoAlign = false;\n\n  /**\n   * The number in milliseconds to determine how long the tooltip should remain.\n   */\n  @property({ type: Number, attribute: 'feedback-timeout' })\n  feedbackTimeout = 2000;\n\n  render() {\n    const {\n      buttonClassName,\n      disabled,\n      feedback,\n      feedbackTimeout,\n      align,\n      autoAlign,\n    } = this;\n\n    let classes = `${prefix}--copy-btn`;\n\n    if (buttonClassName) {\n      classes += ` ${buttonClassName}`;\n    }\n\n    return html`\n      <cds-copy\n        ?disabled=${disabled}\n        ?autoalign=${autoAlign}\n        feedback=${feedback}\n        feedback-timeout=${feedbackTimeout}\n        button-class-name=${classes}\n        exportparts=\"button\"\n        align=${align}>\n        ${iconLoader(Copy16, {\n          slot: 'icon',\n          class: `${prefix}--snippet__icon`,\n        })}\n        <slot slot=\"tooltip-content\"></slot>\n      </cds-copy>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSCopyButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,IAAA,gBAAA,MACM,sBAAsB,WAAW,WAAW,CAAC;;;kBAWtC;kBAMA;;mBAYC;yBAMM;;CAElB,SAAS;EACP,MAAM,EACJ,iBACA,UACA,UACA,iBACA,OACA,cACE;EAEJ,IAAI,UAAU;AAEd,MAAI,gBACF,YAAW,IAAI;AAGjB,SAAO,IAAI;;oBAEK,SAAS;qBACR,UAAU;mBACZ,SAAS;2BACD,gBAAgB;4BACf,QAAQ;;gBAEpB,MAAM;UACZ,WAAW,QAAQ;GACnB,MAAM;GACN,OAAO;GACR,CAAC,CAAC;;;;;;gBAMOA;;;YAnEf,SAAS;CAAE,SAAS;CAAM,WAAW;CAAqB,CAAC,CAAA,EAAA,cAAA,WAAA,mBAAA,KAAA,EAAA;YAM3D,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,cAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,UAAU,CAAA,EAAA,cAAA,WAAA,YAAA,KAAA,EAAA;YAMV,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,cAAA,WAAA,SAAA,KAAA,EAAA;YAM3B,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,cAAA,WAAA,aAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAoB,CAAC,CAAA,EAAA,cAAA,WAAA,mBAAA,KAAA,EAAA;4BAnC3DC,cAAc,kBAAwB,CAAA,EAAA,cAAA;AA2EvC,IAAA,sBAAe"}
+{"version":3,"file":"copy-button.js","names":["styles","customElement"],"sources":["../../../src/components/copy-button/copy-button.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport Copy16 from '@carbon/icons/es/copy/16.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './copy-button.scss?lit';\nimport { POPOVER_ALIGNMENT } from '../popover/defs';\nimport '../copy/copy';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\n/**\n * Copy button.\n *\n * @element cds-copy-button\n */\n@customElement(`${prefix}-copy-button`)\nclass CDSCopyButton extends FocusMixin(LitElement) {\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   * `true` if the button should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Specify the string that is displayed when the button is clicked and the content is copi\n   */\n  @property()\n  feedback = 'Copied!';\n\n  /**\n   * How the tooltip is aligned to the trigger button.\n   */\n  @property({ reflect: true })\n  align = POPOVER_ALIGNMENT.BOTTOM;\n\n  /**\n   * Specify whether a auto align functionality should be applied\n   */\n  @property({ type: Boolean, reflect: true })\n  autoAlign = false;\n\n  /**\n   * The number in milliseconds to determine how long the tooltip should remain.\n   */\n  @property({ type: Number, attribute: 'feedback-timeout' })\n  feedbackTimeout = 2000;\n\n  render() {\n    const {\n      buttonClassName,\n      disabled,\n      feedback,\n      feedbackTimeout,\n      align,\n      autoAlign,\n    } = this;\n\n    let classes = `${prefix}--copy-btn`;\n\n    if (buttonClassName) {\n      classes += ` ${buttonClassName}`;\n    }\n\n    return html`\n      <cds-copy\n        ?disabled=${disabled}\n        ?autoalign=${autoAlign}\n        feedback=${feedback}\n        feedback-timeout=${feedbackTimeout}\n        button-class-name=${classes}\n        exportparts=\"button\"\n        align=${align}>\n        ${iconLoader(Copy16, {\n          slot: 'icon',\n          class: `${prefix}--snippet__icon`,\n        })}\n        <slot slot=\"tooltip-content\"></slot>\n      </cds-copy>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSCopyButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,IAAA,gBAAA,MACM,sBAAsB,WAAW,UAAU,CAAC,CAAC;;;kBAWtC;kBAMA;;mBAYC;yBAMM;;CAElB,SAAS;EACP,MAAM,EACJ,iBACA,UACA,UACA,iBACA,OACA,cACE;EAEJ,IAAI,UAAU;EAEd,IAAI,iBACF,WAAW,IAAI;EAGjB,OAAO,IAAI;;oBAEK,SAAS;qBACR,UAAU;mBACZ,SAAS;2BACD,gBAAgB;4BACf,QAAQ;;gBAEpB,MAAM;UACZ,WAAW,QAAQ;GACnB,MAAM;GACN,OAAO;EACT,CAAC,EAAE;;;;CAIT;;gBAEgBA;;AAClB;YApEG,SAAS;CAAE,SAAS;CAAM,WAAW;AAAoB,CAAC,CAAA,GAAA,cAAA,WAAA,mBAAA,KAAA,CAAA;YAM1D,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,cAAA,WAAA,YAAA,KAAA,CAAA;YAMzC,SAAS,CAAA,GAAA,cAAA,WAAA,YAAA,KAAA,CAAA;YAMT,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,cAAA,WAAA,SAAA,KAAA,CAAA;YAM1B,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,cAAA,WAAA,aAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,MAAM;CAAQ,WAAW;AAAmB,CAAC,CAAA,GAAA,cAAA,WAAA,mBAAA,KAAA,CAAA;4BAnC1DC,cAAc,iBAAuB,CAAA,GAAA,aAAA;AA2EtC,IAAA,sBAAe"}