@carbon/web-components 2.57.0 → 2.58.0

package/es/components/dropdown/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","names":["FloatingUIController","CDSAILabel","styles","customElement"],"sources":["../../../src/components/dropdown/dropdown.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, TemplateResult } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport ChevronDown16 from '@carbon/icons/es/chevron--down/16.js';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport ValidityMixin from '../../globals/mixins/validity';\nimport HostListener from '../../globals/decorators/host-listener';\nimport FloatingUIController from '../../globals/controllers/floating-controller';\nimport {\n  find,\n  forEach,\n  indexOf,\n} from '../../globals/internal/collection-helpers';\nimport {\n  DROPDOWN_DIRECTION,\n  DROPDOWN_KEYBOARD_ACTION,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n  NAVIGATION_DIRECTION,\n} from './defs';\nimport CDSDropdownItem from './dropdown-item';\nimport styles from './dropdown.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSAILabel from '../ai-label/ai-label';\n\nexport {\n  DROPDOWN_KEYBOARD_ACTION,\n  DROPDOWN_DIRECTION,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n  NAVIGATION_DIRECTION,\n};\n\n/**\n * Dropdown.\n *\n * @element cds-dropdown\n * @csspart label-text The label text.\n * @csspart helper-text The helper text.\n * @csspart trigger-button The trigger button.\n * @csspart menu-body The menu body.\n * @csspart validity-message The validity message.\n * @fires cds-dropdown-beingselected\n *   The custom event fired before a dropdown item is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires cds-dropdown-beingtoggled\n *   The custom event fired before the open state of this dropdown is toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated toggling.\n * @fires cds-dropdown-selected - The custom event fired after a dropdown item is selected upon a user gesture.\n * @fires cds-dropdown-toggled - The custom event fired after the open state of this dropdown is toggled upon a user gesture.\n */\n@customElement(`${prefix}-dropdown`)\nclass CDSDropdown extends ValidityMixin(\n  HostListenerMixin(FormMixin(FocusMixin(LitElement)))\n) {\n  /**\n   * `true` if there is an AI Label.\n   */\n  protected _hasAILabel = false;\n\n  /**\n   * Currently slotted AI decorator nodes (`cds-ai-label`/slug) with listeners attached.\n   */\n  private _aiDecoratorNodes: HTMLElement[] = [];\n\n  /**\n   * Floating UI controller instance for autoalign positioning.\n   */\n  private _floatingController = new FloatingUIController(this);\n\n  /**\n   * Handles interaction on an AI decorator while the menu is open.\n   */\n  private _handleAIDecoratorInteraction = () => {\n    if (!this.open) {\n      return;\n    }\n\n    this._handleUserInitiatedToggle(false);\n  };\n\n  @state()\n  protected _activeDescendant?: string;\n\n  /**\n   * The content of the selected item.\n   */\n  protected _selectedItemContent: DocumentFragment | null = null;\n\n  /**\n   * `true` if the trigger button should be focusable.\n   * Derived class can set `false` to this if the trigger button contains another primary focusable element (e.g. `input`).\n   */\n  protected _shouldTriggerBeFocusable = true;\n\n  /**\n   * The list box `<div>` node.\n   */\n  @query(`.${prefix}--list-box`)\n  protected _listBoxNode!: HTMLDivElement;\n\n  /**\n   * The menu body element.\n   */\n  @query('#menu-body')\n  protected _menuBodyNode!: HTMLDivElement;\n\n  /**\n   * The trigger button element.\n   */\n  @query('#trigger-button')\n  protected _triggerButtonNode!: HTMLDivElement;\n\n  /**\n   * The `<slot>` element for the helper text in the shadow DOM.\n   */\n  @query('slot[name=\"helper-text\"]')\n  protected _slotHelperTextNode!: HTMLSlotElement;\n\n  /**\n   * The `<slot>` element for the title text in the shadow DOM.\n   */\n  @query('slot[name=\"title-text\"]')\n  protected _slotTitleTextNode!: HTMLSlotElement;\n\n  /**\n   * @param itemToSelect A dropdown item. Absense of this argument means clearing selection.\n   * @returns `true` if the selection of this dropdown should change if the given item is selected upon user interaction.\n   */\n  protected _selectionShouldChange(itemToSelect?: CDSDropdownItem) {\n    return !itemToSelect || itemToSelect.value !== this.value;\n  }\n\n  /**\n   * A callback that runs after change in dropdown selection upon user interaction is confirmed.\n   *\n   * @param itemToSelect\n   *   A dropdown item.\n   *   Absense of this argument means clearing selection, which may be handled by a derived class.\n   */\n  protected _selectionDidChange(itemToSelect?: CDSDropdownItem) {\n    const constructor = this.constructor as typeof CDSDropdown;\n    if (itemToSelect) {\n      this.value = itemToSelect.value;\n      this._activeDescendant = itemToSelect.id;\n      forEach(\n        this.querySelectorAll(constructor.selectorItemSelected),\n        (item) => {\n          (item as CDSDropdownItem).selected = false;\n          item.setAttribute('aria-selected', 'false');\n        }\n      );\n      itemToSelect.selected = true;\n      itemToSelect.setAttribute('aria-selected', 'true');\n      this._updateSelectedNextSibling(itemToSelect);\n    } else {\n      this._updateSelectedNextSibling();\n    }\n  }\n\n  /**\n   * Handles `click` event on the top-level element in the shadow DOM.\n   *\n   * @param event The event.\n   */\n  protected _handleClickInner(event: MouseEvent) {\n    if (this.readOnly) {\n      return;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    if (this.shadowRoot!.contains(event.target as Node)) {\n      const opening = !this.open;\n      const constructor = this.constructor as typeof CDSDropdown;\n      const selectedItem = this.querySelector(\n        constructor.selectorItemSelected\n      ) as CDSDropdownItem | null;\n      if (opening) {\n        const shouldFocusMenu = Boolean(selectedItem);\n        this._handleUserInitiatedToggle(true, {\n          focusMenu: shouldFocusMenu,\n          highlightSelectedOnOpen: shouldFocusMenu,\n        });\n      } else {\n        this._handleUserInitiatedToggle(false, {\n          restoreTriggerFocus: true,\n        });\n      }\n    } else {\n      const item = (event.target as Element).closest(\n        (this.constructor as typeof CDSDropdown).selectorItem\n      ) as CDSDropdownItem;\n      if (this.contains(item)) {\n        this._handleUserInitiatedSelectItem(item);\n      }\n    }\n  }\n\n  /**\n   * Handler for the `keydown` event on the top-level element in the shadow DOM.\n   */\n  protected _handleKeydownInner(event: KeyboardEvent) {\n    if (this._handleMenuInputKeydown(event)) {\n      return;\n    }\n\n    const { key } = event;\n    const action = (this.constructor as typeof CDSDropdown).getAction(key);\n    if (!this.open) {\n      switch (action) {\n        case DROPDOWN_KEYBOARD_ACTION.NAVIGATING: {\n          const shouldKeepInputFocus = this._shouldRetainMenuInputFocus(event);\n          const menuInputNode = this._menuInputNode;\n          if (this.readOnly) {\n            event.preventDefault();\n            return;\n          }\n          const direction =\n            NAVIGATION_DIRECTION[key as keyof typeof NAVIGATION_DIRECTION];\n\n          event.preventDefault();\n          if (direction === -1) {\n            break;\n          }\n          const constructor = this.constructor as typeof CDSDropdown;\n          const selectedItem = this.querySelector(\n            constructor.selectorItemSelected\n          ) as CDSDropdownItem | null;\n          const shouldHighlightSelected = Boolean(selectedItem);\n\n          this._handleUserInitiatedToggle(true, {\n            focusMenu: false,\n            highlightSelectedOnOpen: shouldHighlightSelected,\n          });\n\n          this.updateComplete.then(() => {\n            const constructor = this.constructor as typeof CDSDropdown;\n            const items = this.querySelectorAll(constructor.selectorItem);\n            if (items.length > 0) {\n              const selectedItem = this.querySelector(\n                constructor.selectorItemSelected\n              ) as CDSDropdownItem | null;\n\n              const firstEnabledItem = Array.from(items).find(\n                (item) => !(item as CDSDropdownItem).hasAttribute('disabled')\n              ) as CDSDropdownItem | undefined;\n\n              const initialItem =\n                selectedItem && !selectedItem.hasAttribute('disabled')\n                  ? selectedItem\n                  : (firstEnabledItem ?? null);\n\n              if (initialItem) {\n                this._setHighlightedItem(initialItem, { scrollIntoView: true });\n              } else {\n                this._clearHighlight();\n              }\n\n              const menu = this.shadowRoot?.getElementById('menu-body');\n              if (shouldKeepInputFocus && menuInputNode) {\n                menuInputNode.focus({ preventScroll: true });\n              } else if (menu) {\n                menu.focus();\n              }\n            }\n          });\n          break;\n        }\n        default:\n          break;\n      }\n    } else {\n      switch (action) {\n        case DROPDOWN_KEYBOARD_ACTION.CLOSING:\n          this._handleUserInitiatedToggle(false, {\n            restoreTriggerFocus: true,\n          });\n          break;\n        case DROPDOWN_KEYBOARD_ACTION.NAVIGATING: {\n          event.preventDefault();\n          const menu = this.shadowRoot?.getElementById('menu-body');\n          const menuInputNode = this._menuInputNode;\n          const shouldKeepInputFocus = this._shouldRetainMenuInputFocus(event);\n          if (shouldKeepInputFocus && menuInputNode) {\n            menuInputNode.focus({ preventScroll: true });\n          } else if (menu) {\n            menu.focus();\n          }\n          this._navigate(NAVIGATION_DIRECTION[key]);\n          break;\n        }\n        default:\n          break;\n      }\n    }\n  }\n\n  private _handleMenuInputKeydown(event: KeyboardEvent) {\n    if (\n      event.defaultPrevented ||\n      !this._supportsMenuInputFiltering ||\n      !this._menuInputNode\n    ) {\n      return false;\n    }\n\n    const input = this._menuInputNode;\n    if (!input) {\n      return false;\n    }\n    const isInputTarget = event.target === input;\n\n    const hasFilterValue = Boolean(input.value || this.value);\n    if (\n      event.key === 'Escape' &&\n      hasFilterValue &&\n      this._shouldClearMenuInputOnEscape({\n        event,\n        menuOpen: this.open,\n        isInputTarget,\n      })\n    ) {\n      event.preventDefault();\n      this._clearMenuInputFiltering();\n      return true;\n    }\n\n    if (!this.open || isInputTarget) {\n      return false;\n    }\n\n    if (this._shouldForwardKeyToMenuInput(event)) {\n      event.preventDefault();\n      this._forwardKeyToMenuInput(event, input);\n      return true;\n    }\n\n    return false;\n  }\n\n  protected _shouldClearMenuInputOnEscape({\n    menuOpen,\n  }: {\n    event: KeyboardEvent;\n    menuOpen: boolean;\n    isInputTarget: boolean;\n  }) {\n    return menuOpen;\n  }\n\n  protected get _supportsMenuInputFiltering() {\n    return false;\n  }\n\n  protected get _menuInputNode(): HTMLInputElement | null {\n    return null;\n  }\n\n  protected _clearMenuInputFiltering() {}\n\n  private _shouldForwardKeyToMenuInput(event: KeyboardEvent) {\n    if (event.altKey || event.metaKey || event.ctrlKey) {\n      return false;\n    }\n    const { key } = event;\n    if (key === 'Backspace' || key === 'Delete') {\n      return true;\n    }\n    return key.length === 1;\n  }\n\n  private _forwardKeyToMenuInput(\n    event: KeyboardEvent,\n    input: HTMLInputElement\n  ) {\n    input.focus({ preventScroll: true });\n    const key = event.key;\n    const selectionStart = input.selectionStart ?? input.value.length;\n    const selectionEnd = input.selectionEnd ?? input.value.length;\n    if (key === 'Backspace') {\n      if (selectionStart === 0 && selectionEnd === 0) {\n        return;\n      }\n      const start =\n        selectionStart === selectionEnd\n          ? Math.max(0, selectionStart - 1)\n          : selectionStart;\n      input.setRangeText('', start, selectionEnd, 'end');\n    } else if (key === 'Delete') {\n      if (\n        selectionStart === input.value.length &&\n        selectionStart === selectionEnd\n      ) {\n        return;\n      }\n      const end =\n        selectionStart === selectionEnd\n          ? Math.min(input.value.length, selectionEnd + 1)\n          : selectionEnd;\n      input.setRangeText('', selectionStart, end, 'end');\n    } else if (key.length === 1) {\n      input.setRangeText(key, selectionStart, selectionEnd, 'end');\n    }\n    input.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n  }\n\n  private _shouldRetainMenuInputFocus(event: Event) {\n    if (!this._supportsMenuInputFiltering || !this._menuInputNode) {\n      return false;\n    }\n    if (event.target === this._menuInputNode) {\n      return true;\n    }\n    const path =\n      typeof event.composedPath === 'function' ? event.composedPath() : [];\n    return path.includes(this._menuInputNode);\n  }\n\n  /**\n   * Handles keypress events (Space, Enter)\n   */\n  protected _handleKeypressInner(event: KeyboardEvent) {\n    if (event.target instanceof CDSAILabel) {\n      return;\n    }\n    const { key } = event;\n    const action = (this.constructor as typeof CDSDropdown).getAction(key);\n    // When closed\n    if (!this.open) {\n      if (this.readOnly && action === DROPDOWN_KEYBOARD_ACTION.TRIGGERING) {\n        if (key === ' ' || key === 'Space') {\n          event.preventDefault();\n        }\n        return;\n      }\n      switch (action) {\n        case DROPDOWN_KEYBOARD_ACTION.TRIGGERING: {\n          if (key === ' ' || key === 'Space') {\n            event.preventDefault();\n          }\n\n          const constructor = this.constructor as typeof CDSDropdown;\n          const selectedItem = this.querySelector(\n            constructor.selectorItemSelected\n          ) as CDSDropdownItem | null;\n          const shouldFocusMenu = Boolean(selectedItem);\n\n          this._handleUserInitiatedToggle(true, {\n            focusMenu: shouldFocusMenu,\n            highlightSelectedOnOpen: shouldFocusMenu,\n          });\n          break;\n        }\n        default:\n          break;\n      }\n    } else {\n      // When open\n      switch (action) {\n        case DROPDOWN_KEYBOARD_ACTION.TRIGGERING: {\n          const constructor = this.constructor as typeof CDSDropdown;\n          const selectedItem = this.querySelector(\n            constructor.selectorItemSelected\n          ) as CDSDropdownItem | null;\n          const highlightedItem = this.querySelector(\n            constructor.selectorItemHighlighted\n          ) as CDSDropdownItem;\n          if (highlightedItem) {\n            this._handleUserInitiatedSelectItem(highlightedItem);\n          } else if (selectedItem) {\n            this._handleUserInitiatedSelectItem(selectedItem);\n          } else {\n            this._handleUserInitiatedToggle(false, {\n              restoreTriggerFocus: true,\n            });\n          }\n          break;\n        }\n        default:\n          break;\n      }\n    }\n  }\n\n  /**\n   * Handles `blur` event handler on the document this element is in.\n   *\n   * @param event The event.\n   */\n\n  protected _handleMouseoverInner(event: MouseEvent) {\n    if (!this.open) {\n      return;\n    }\n\n    const item = this._getDropdownItemFromEvent(event);\n    if (!item) {\n      return;\n    }\n\n    if (item.hasAttribute('disabled')) {\n      this._clearHighlight();\n      return;\n    }\n  }\n\n  protected _handleMouseleaveInner(event: MouseEvent) {\n    if (!this.open) {\n      return;\n    }\n\n    const menu = this.shadowRoot?.getElementById('menu-body');\n    const relatedTarget = event.relatedTarget as Node | null;\n    if (menu && relatedTarget && menu.contains(relatedTarget)) {\n      return;\n    }\n\n    const shadowActiveElement = this.shadowRoot?.activeElement;\n    if (menu && shadowActiveElement && menu.contains(shadowActiveElement)) {\n      return;\n    }\n\n    if (\n      this._supportsMenuInputFiltering &&\n      this._menuInputNode &&\n      this.shadowRoot?.activeElement === this._menuInputNode\n    ) {\n      return;\n    }\n\n    this._clearHighlight();\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  protected _handleFocusOut(event: FocusEvent) {\n    if (!this.contains(event.relatedTarget as Node)) {\n      this._handleUserInitiatedToggle(false);\n    }\n  }\n\n  /**\n   * Handles `slotchange` event for the `<slot>` for helper text.\n   */\n  protected _handleSlotchangeHelperText() {\n    this.requestUpdate();\n  }\n\n  /**\n   * Handles `slotchange` event for the `<slot>` for label text.\n   */\n  protected _handleSlotchangeLabelText() {\n    this.requestUpdate();\n  }\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleAILabelSlotChange({ target }: Event) {\n    const decoratorNodes = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) =>\n        (elem as HTMLElement).matches !== undefined\n          ? (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSDropdown).aiLabelItem\n            ) ||\n            // remove reference to slug in v12\n            (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSDropdown).slugItem\n            )\n          : false\n      );\n\n    const decoratorElements = decoratorNodes.filter(\n      (node): node is HTMLElement => node instanceof HTMLElement\n    );\n\n    this._updateAIDecoratorListeners(decoratorElements);\n\n    this._hasAILabel = Boolean(decoratorElements.length);\n    decoratorElements[0]?.setAttribute('size', 'mini');\n    this.requestUpdate();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this._updateAIDecoratorListeners([]);\n  }\n\n  /**\n   * Updates listeners for AI decorator nodes to ensure only one menu stays open.\n   */\n  private _updateAIDecoratorListeners(nodes: HTMLElement[]) {\n    this._aiDecoratorNodes.forEach((node) => {\n      node.removeEventListener('click', this._handleAIDecoratorInteraction);\n    });\n\n    this._aiDecoratorNodes = nodes;\n\n    this._aiDecoratorNodes.forEach((node) => {\n      node.addEventListener('click', this._handleAIDecoratorInteraction);\n    });\n  }\n\n  /**\n   * Handles user-initiated selection of a dropdown item.\n   *\n   * @param [item] The dropdown item user wants to select. Absense of this argument means clearing selection.\n   */\n  protected _handleUserInitiatedSelectItem(item?: CDSDropdownItem) {\n    if (item?.hasAttribute('disabled')) {\n      return;\n    }\n\n    const shouldClose = this._shouldCloseAfterSelection(item);\n\n    if (this._selectionShouldChange(item)) {\n      const init = {\n        bubbles: true,\n        composed: true,\n        detail: {\n          item,\n        },\n      };\n      const constructor = this.constructor as typeof CDSDropdown;\n      const beforeSelectEvent = new CustomEvent(constructor.eventBeforeSelect, {\n        ...init,\n        cancelable: true,\n      });\n      if (this.dispatchEvent(beforeSelectEvent)) {\n        this._selectionDidChange(item);\n        const afterSelectEvent = new CustomEvent(constructor.eventSelect, init);\n        this.dispatchEvent(afterSelectEvent);\n        if (shouldClose) {\n          this._handleUserInitiatedToggle(false, {\n            restoreTriggerFocus: true,\n          });\n        }\n      }\n    } else if (item && shouldClose) {\n      this._handleUserInitiatedToggle(false, {\n        restoreTriggerFocus: true,\n      });\n    }\n  }\n\n  // Default dropdowns close after user selection.\n  protected _shouldCloseAfterSelection(item?: CDSDropdownItem) {\n    // Keep `item` for subclasses that change close behavior based on selection.\n    void item;\n    return true;\n  }\n\n  /**\n   * Handles user-initiated toggling the open state.\n   *\n   * @param [force] If specified, forces the open state to the given one.\n   */\n  protected _handleUserInitiatedToggle(\n    force = !this.open,\n    {\n      restoreTriggerFocus = false,\n      focusMenu = true,\n      highlightSelectedOnOpen = false,\n    }: {\n      restoreTriggerFocus?: boolean;\n      focusMenu?: boolean;\n      highlightSelectedOnOpen?: boolean;\n    } = {}\n  ) {\n    const { eventBeforeToggle, eventToggle } = this\n      .constructor as typeof CDSDropdown;\n\n    const { disabled } = this;\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        open: force,\n      },\n    };\n    if (!disabled) {\n      if (this.dispatchEvent(new CustomEvent(eventBeforeToggle, init))) {\n        this.open = force;\n        if (this.open) {\n          const activeElement = this.shadowRoot?.activeElement;\n          const preserveFocusTarget =\n            activeElement instanceof HTMLInputElement ? activeElement : null;\n          this.updateComplete.then(() => {\n            if (preserveFocusTarget) {\n              preserveFocusTarget.focus();\n            } else if (focusMenu) {\n              const menu = this.shadowRoot?.getElementById('menu-body');\n              menu?.focus();\n            } else if (this._shouldTriggerBeFocusable) {\n              const trigger = this.shadowRoot?.getElementById('trigger-button');\n              trigger?.focus();\n            }\n\n            if (highlightSelectedOnOpen) {\n              this._highlightSelectedItem();\n            }\n          });\n        } else if (restoreTriggerFocus && this._shouldTriggerBeFocusable) {\n          this.updateComplete.then(() => {\n            const trigger = this.shadowRoot?.getElementById('trigger-button');\n            trigger?.focus();\n          });\n        }\n\n        if (!this.open) {\n          this._clearHighlight();\n        }\n        this.requestUpdate();\n        this.dispatchEvent(new CustomEvent(eventToggle, init));\n      }\n    }\n  }\n\n  /**\n   * Clears the selection of dropdown items.\n   */\n  protected _clearHighlight() {\n    this._setHighlightedItem();\n  }\n\n  protected _getDropdownItemFromEvent(event: Event): CDSDropdownItem | null {\n    const constructor = this.constructor as typeof CDSDropdown;\n    const selector = constructor.selectorItem;\n    const path = event.composedPath();\n\n    for (const node of path) {\n      if (\n        node instanceof Element &&\n        typeof node.matches === 'function' &&\n        node.matches(selector)\n      ) {\n        return node as CDSDropdownItem;\n      }\n    }\n\n    return null;\n  }\n\n  protected _setHighlightedItem(\n    item?: CDSDropdownItem | null,\n    { scrollIntoView = false }: { scrollIntoView?: boolean } = {}\n  ) {\n    const constructor = this.constructor as typeof CDSDropdown;\n    const items = this.querySelectorAll(constructor.selectorItem);\n    const target =\n      item && !item.hasAttribute('disabled') ? (item as CDSDropdownItem) : null;\n\n    forEach(items, (listItem) => {\n      const dropdownItem = listItem as CDSDropdownItem;\n      dropdownItem.highlighted = dropdownItem === target;\n      dropdownItem.removeAttribute('highlighted-next-sibling');\n    });\n\n    if (target) {\n      const nextSibling = this._getNextDropdownItem(target);\n      if (nextSibling) {\n        nextSibling.setAttribute('highlighted-next-sibling', '');\n      }\n\n      const itemId = target.id;\n      if (itemId) {\n        this._activeDescendant = itemId;\n      }\n\n      if (scrollIntoView) {\n        target.scrollIntoView({ block: 'nearest' });\n      }\n    } else {\n      this._activeDescendant = undefined;\n    }\n  }\n\n  protected _getNextDropdownItem(\n    item: CDSDropdownItem\n  ): CDSDropdownItem | null {\n    const constructor = this.constructor as typeof CDSDropdown;\n    const selector = constructor.selectorItem;\n    let next = item.nextElementSibling as Element | null;\n\n    while (next) {\n      if (typeof next.matches === 'function' && next.matches(selector)) {\n        return next as CDSDropdownItem;\n      }\n      next = next.nextElementSibling as Element | null;\n    }\n\n    return null;\n  }\n\n  protected _updateSelectedNextSibling(item?: CDSDropdownItem | null): void {\n    const constructor = this.constructor as typeof CDSDropdown;\n    forEach(this.querySelectorAll(constructor.selectorItem), (listItem) => {\n      (listItem as CDSDropdownItem).removeAttribute('selected-next-sibling');\n    });\n\n    if (item) {\n      const nextSibling = this._getNextDropdownItem(item);\n      if (nextSibling) {\n        nextSibling.setAttribute('selected-next-sibling', '');\n      }\n    }\n  }\n\n  protected _highlightSelectedItem() {\n    const constructor = this.constructor as typeof CDSDropdown;\n    const selectedItem = this.querySelector(\n      constructor.selectorItemSelected\n    ) as CDSDropdownItem | null;\n\n    if (selectedItem && !selectedItem.hasAttribute('disabled')) {\n      this._setHighlightedItem(selectedItem, { scrollIntoView: true });\n    } else {\n      this._clearHighlight();\n    }\n  }\n\n  protected _navigate(direction: number) {\n    const constructor = this.constructor as typeof CDSDropdown;\n    const items = this.querySelectorAll(constructor.selectorItem);\n    if (!items.length) {\n      return;\n    }\n    const highlightedItem = this.querySelector(\n      constructor.selectorItemHighlighted\n    );\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    const highlightedIndex = indexOf(items, highlightedItem!);\n    let nextIndex =\n      highlightedIndex === -1\n        ? direction > 0\n          ? 0\n          : items.length - 1\n        : highlightedIndex + direction;\n\n    while (\n      nextIndex >= 0 &&\n      nextIndex < items.length &&\n      items[nextIndex]?.hasAttribute('disabled')\n    ) {\n      nextIndex += direction;\n    }\n    if (nextIndex < 0 || nextIndex >= items.length) {\n      return;\n    }\n\n    const nextItem = items[nextIndex] as CDSDropdownItem;\n    this._setHighlightedItem(nextItem, { scrollIntoView: true });\n  }\n\n  /**\n   * @returns The content preceding the trigger button.\n   */\n  protected _renderPrecedingLabel(): TemplateResult | undefined {\n    return undefined;\n  }\n\n  /**\n   * @returns The main content of the trigger button.\n   */\n  protected _renderLabel(): TemplateResult {\n    const { label, _selectedItemContent: selectedItemContent } = this;\n    return html`\n      <span id=\"trigger-label\" class=\"${prefix}--list-box__label\"\n        >${selectedItemContent || label}</span\n      >\n    `;\n  }\n\n  /**\n   * @returns The title label.\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        for=\"trigger-button\"\n        ?hidden=\"${!hasTitleText}\">\n        <slot name=\"title-text\" @slotchange=\"${handleSlotchangeLabelText}\"\n          >${titleText}</slot\n        >\n      </label>\n    `;\n  }\n\n  /**\n   * @returns The content following the trigger button.\n   */\n  protected _renderFollowingLabel(): TemplateResult | undefined {\n    return undefined;\n  }\n\n  /**\n   * Handles event to include selected value on the parent form.\n   *\n   * @param event The event.\n   */\n  _handleFormdata(event: FormDataEvent) {\n    const { formData } = event;\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * 'aria-label' of the ListBox component.\n   * Specify a label to be read by screen readers on the container node\n   */\n  @property({ type: String, attribute: 'aria-label' })\n  ariaLabel = '';\n\n  /**\n   * Specify the direction of the dropdown. Can be either top or bottom.\n   */\n  @property({ type: String, reflect: true })\n  direction = DROPDOWN_DIRECTION.BOTTOM;\n\n  /**\n   * Specify whether auto align functionality should be applied\n   */\n  @property({ type: Boolean, reflect: true })\n  autoalign = false;\n\n  /**\n   * `true` if this dropdown should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The helper text.\n   */\n  @property({ attribute: 'helper-text' })\n  helperText = '';\n\n  /**\n   * Specify whether the title text should be hidden or not\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  /**\n   * `true` to show the UI of the invalid state.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Message which is displayed if the value is invalid.\n   */\n  @property({ attribute: 'invalid-text' })\n  invalidText = '';\n\n  /**\n   * Provide the title text that will be read by a screen reader when visiting this control\n   */\n  @property({ attribute: 'title-text' })\n  titleText = '';\n\n  /**\n   * Name for the dropdown in the `FormData`\n   */\n  @property()\n  name = '';\n\n  /**\n   * `true` if this dropdown should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Whether or not the Dropdown is readonly\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'read-only' })\n  readOnly = false;\n\n  /**\n   * `true` if the value is required.\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * Specify whether the dropdown is fluid or not\n   */\n  @property({ type: Boolean })\n  isFluid = false;\n  /**\n   * The special validity message for `required`.\n   */\n  @property({ attribute: 'required-validity-message' })\n  requiredValidityMessage = 'Please fill out this field.';\n\n  /**\n   * Dropdown size.\n   */\n  @property({ reflect: true })\n  size = DROPDOWN_SIZE.MEDIUM;\n\n  /**\n   * The `aria-label` attribute for the UI indicating the closed state.\n   */\n  @property({ attribute: 'toggle-label-closed' })\n  toggleLabelClosed = '';\n\n  /**\n   * The `aria-label` attribute for the UI indicating the open state.\n   */\n  @property({ attribute: 'toggle-label-open' })\n  toggleLabelOpen = '';\n\n  /**\n   * Generic label that will be used as the textual representation of what this field is for\n   */\n  @property({ attribute: 'label' })\n  label = '';\n\n  /**\n   * `true` if this dropdown should use the inline UI variant.\n   */\n  @property({ reflect: true })\n  type = DROPDOWN_TYPE.DEFAULT;\n\n  /**\n   * The validity message.\n   */\n  @property({ attribute: 'validity-message' })\n  validityMessage = '';\n\n  /**\n   * The value of the selected item.\n   */\n  @property({ reflect: true })\n  accessor value = '';\n\n  /**\n   * Specify whether the control is currently in warning state\n   */\n  @property({ type: Boolean, reflect: true })\n  warn = false;\n\n  /**\n   * Provide the text that is displayed when the control is in warning state\n   */\n  @property({ attribute: 'warn-text' })\n  warnText = '';\n\n  /**\n   * The computed aria-label for the toggle button based on open state.\n   */\n  get toggleLabel(): string {\n    return (this.open ? this.toggleLabelOpen : this.toggleLabelClosed) || '';\n  }\n\n  shouldUpdate(changedProperties) {\n    const { selectorItem } = this.constructor as typeof CDSDropdown;\n    if (changedProperties.has('size')) {\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        (elem as CDSDropdownItem).size = this.size;\n      });\n    }\n    if (changedProperties.has('disabled')) {\n      const { disabled } = this;\n      // Propagate `disabled` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        const item = elem as CDSDropdownItem;\n        if (disabled) {\n          if (!item.disabled) {\n            item.setAttribute('parent-disabled', '');\n          }\n          item.disabled = true;\n        } else if (item.hasAttribute('parent-disabled')) {\n          item.removeAttribute('parent-disabled');\n          item.disabled = false;\n        }\n      });\n    }\n    if (changedProperties.has('value')) {\n      // `<cds-multi-select>` updates selection beforehand\n      // because our rendering logic for `<cds-multi-select>` looks for selected items via `qSA()`\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        (elem as CDSDropdownItem).selected =\n          (elem as CDSDropdownItem).value === this.value;\n      });\n      const selectedItem = find(\n        this.querySelectorAll(selectorItem),\n        (elem) => (elem as CDSDropdownItem).value === this.value\n      ) as CDSDropdownItem | undefined;\n      if (selectedItem) {\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n        const range = this.ownerDocument!.createRange();\n        range.selectNodeContents(selectedItem);\n        this._selectedItemContent = range.cloneContents();\n      } else {\n        this._selectedItemContent = null;\n      }\n      this._updateSelectedNextSibling(selectedItem);\n    }\n    return true;\n  }\n\n  updated(changedProperties) {\n    if (this._hasAILabel) {\n      this.setAttribute('ai-label', '');\n    } else {\n      this.removeAttribute('ai-label');\n    }\n\n    const label = this.shadowRoot?.querySelector(\"slot[name='ai-label']\");\n    if (label) {\n      label?.classList.toggle(\n        `${prefix}--slug--revert`,\n        this.querySelector(`${prefix}-ai-label`)?.hasAttribute('revert-active')\n      );\n    } else {\n      this.shadowRoot\n        ?.querySelector(\"slot[name='slug']\")\n        ?.classList.toggle(\n          `${prefix}--slug--revert`,\n          this.querySelector(`${prefix}-slug`)?.hasAttribute('revert-active')\n        );\n    }\n\n    if (\n      this.autoalign &&\n      this.open &&\n      (changedProperties.has('open') ||\n        (changedProperties.has('autoalign') && this.autoalign) ||\n        changedProperties.has('direction') ||\n        changedProperties.has('size'))\n    ) {\n      this._updateAutoAlignPlacement();\n    } else if (\n      (changedProperties.has('autoalign') && !this.autoalign) ||\n      (changedProperties.has('open') && !this.open)\n    ) {\n      this._floatingController.hostDisconnected();\n      this._resetFloatingStyles();\n    }\n  }\n\n  /**\n   * Clears Floating UI styles when auto-align is off or the menu closes.\n   */\n  private _resetFloatingStyles() {\n    const menu = this._menuBodyNode;\n    if (!menu) {\n      return;\n    }\n\n    menu.style.removeProperty('left');\n    menu.style.removeProperty('top');\n    menu.style.removeProperty('position');\n    menu.style.removeProperty('width');\n    menu.style.removeProperty('visibility');\n    menu.removeAttribute('align');\n  }\n\n  /**\n   * Runs Floating UI placement while auto-align is active.\n   */\n  private _updateAutoAlignPlacement() {\n    if (!this.autoalign || !this.open) {\n      return;\n    }\n\n    const menu = this._menuBodyNode;\n    const trigger = this._triggerButtonNode || this._listBoxNode;\n\n    if (!menu || !trigger) {\n      return;\n    }\n\n    const alignment =\n      this.direction === DROPDOWN_DIRECTION.TOP\n        ? DROPDOWN_DIRECTION.TOP\n        : DROPDOWN_DIRECTION.BOTTOM;\n\n    this._floatingController.setPlacement({\n      alignment,\n      matchWidth: true,\n      open: this.open,\n      target: menu,\n      trigger,\n    });\n  }\n\n  /**\n   * Normalizes validation props based on disabled and readOnly states\n   */\n  protected get _normalizedProps() {\n    const { disabled, readOnly, invalid, warn } = this;\n    return {\n      disabled: !readOnly && disabled,\n      invalid: !readOnly && !disabled && invalid,\n      warn: !readOnly && !invalid && !disabled && warn,\n    };\n  }\n\n  /**\n   * The CSS class list for dropdown listbox\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n  protected get _classes(): any {\n    const { size, type, open, autoalign } = this;\n    const inline = type === DROPDOWN_TYPE.INLINE;\n    const normalizedProps = this._normalizedProps;\n\n    const selectedItemsCount = this.querySelectorAll(\n      (this.constructor as typeof CDSDropdown).selectorItemSelected\n    ).length;\n\n    return classMap({\n      [`${prefix}--dropdown`]: true,\n      [`${prefix}--list-box`]: true,\n      [`${prefix}--list-box--disabled`]: normalizedProps.disabled,\n      [`${prefix}--list-box--inline`]: inline,\n      [`${prefix}--list-box--expanded`]: open,\n      [`${prefix}--list-box--${size}`]: size,\n      [`${prefix}--layout--size-${size}`]: size,\n      [`${prefix}--dropdown--invalid`]: normalizedProps.invalid,\n      [`${prefix}--dropdown--warn`]: normalizedProps.warn,\n      [`${prefix}--dropdown--inline`]: inline,\n      [`${prefix}--dropdown--selected`]: selectedItemsCount > 0,\n      [`${prefix}--list-box__wrapper--decorator`]: this._hasAILabel,\n      [`${prefix}--autoalign`]: autoalign,\n    });\n  }\n\n  render() {\n    const {\n      ariaLabel,\n      _classes: classes,\n      disabled,\n      helperText,\n      invalidText,\n      open,\n      toggleLabelClosed,\n      toggleLabelOpen,\n      type,\n      warnText,\n      _activeDescendant: activeDescendant,\n      _shouldTriggerBeFocusable: shouldTriggerBeFocusable,\n      _handleClickInner: handleClickInner,\n      _handleKeydownInner: handleKeydownInner,\n      _handleKeypressInner: handleKeypressInner,\n      _handleMouseleaveInner: handleMouseleaveInner,\n      _handleMouseoverInner: handleMouseoverInner,\n      _handleSlotchangeHelperText: handleSlotchangeHelperText,\n      _handleAILabelSlotChange: handleAILabelSlotChange,\n      _slotHelperTextNode: slotHelperTextNode,\n    } = this;\n    const inline = type === DROPDOWN_TYPE.INLINE;\n    const normalizedProps = this._normalizedProps;\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    const helperClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: normalizedProps.disabled,\n    });\n    const iconContainerClasses = classMap({\n      [`${prefix}--list-box__menu-icon`]: true,\n      [`${prefix}--list-box__menu-icon--open`]: open,\n    });\n    const toggleLabel = (open ? toggleLabelOpen : toggleLabelClosed) || '';\n    const hasHelperText =\n      helperText ||\n      invalidText ||\n      warnText ||\n      (slotHelperTextNode && slotHelperTextNode.assignedNodes().length > 0);\n    const validityIcon = !normalizedProps.invalid\n      ? undefined\n      : iconLoader(WarningFilled16, {\n          class: `${prefix}--list-box__invalid-icon`,\n          'aria-label': toggleLabel,\n        });\n    const warningIcon = !normalizedProps.warn\n      ? undefined\n      : iconLoader(WarningAltFilled16, {\n          class: `${prefix}--list-box__invalid-icon ${prefix}--list-box__invalid-icon--warning`,\n          'aria-label': toggleLabel,\n        });\n    const helperMessage = normalizedProps.invalid\n      ? invalidText\n      : normalizedProps.warn\n        ? warnText\n        : helperText;\n    const menuBody = html`\n      <div\n        aria-labelledby=\"${ifDefined(ariaLabel ? undefined : 'dropdown-label')}\"\n        aria-label=\"${ifDefined(ariaLabel ? ariaLabel : undefined)}\"\n        id=\"menu-body\"\n        part=\"menu-body\"\n        class=\"${prefix}--list-box__menu\"\n        role=\"listbox\"\n        tabindex=\"-1\"\n        ?hidden=${!open}\n        @mouseover=${handleMouseoverInner}\n        @mouseleave=${handleMouseleaveInner}>\n        <slot></slot>\n      </div>\n    `;\n    return html`\n      ${this._renderTitleLabel()}\n      <div\n        class=\"${classes}\"\n        ?data-invalid=${normalizedProps.invalid}\n        @click=${handleClickInner}\n        @keydown=${handleKeydownInner}\n        @keypress=${handleKeypressInner}>\n        ${validityIcon}${warningIcon}\n        <div\n          id=\"${ifDefined(\n            !shouldTriggerBeFocusable ? undefined : 'trigger-button'\n          )}\"\n          class=\"${prefix}--list-box__field\"\n          part=\"trigger-button\"\n          tabindex=\"${ifDefined(\n            !shouldTriggerBeFocusable ? undefined : disabled ? undefined : '0'\n          )}\"\n          role=\"${ifDefined(\n            !shouldTriggerBeFocusable ? undefined : 'combobox'\n          )}\"\n          aria-label=\"${ifDefined(ariaLabel ? ariaLabel : undefined)}\"\n          aria-labelledby=\"${ifDefined(\n            !shouldTriggerBeFocusable ? undefined : 'dropdown-label'\n          )}\"\n          aria-expanded=\"${ifDefined(\n            !shouldTriggerBeFocusable ? undefined : String(open)\n          )}\"\n          aria-haspopup=\"${ifDefined(\n            !shouldTriggerBeFocusable ? undefined : 'listbox'\n          )}\"\n          aria-controls=\"${ifDefined(\n            !shouldTriggerBeFocusable ? undefined : 'menu-body'\n          )}\"\n          aria-activedescendant=\"${ifDefined(\n            !shouldTriggerBeFocusable\n              ? undefined\n              : open\n                ? (activeDescendant ?? activeDescendantFallback)\n                : ''\n          )}\">\n          ${this._renderPrecedingLabel()}${this._renderLabel()}${this._renderFollowingLabel()}\n          <div id=\"trigger-caret\" class=\"${iconContainerClasses}\">\n            ${iconLoader(ChevronDown16, { 'aria-label': toggleLabel })}\n          </div>\n        </div>\n        ${this.isFluid && (normalizedProps.invalid || normalizedProps.warn)\n          ? html`<hr class=\"${prefix}--list-box__divider\" />`\n          : null}\n        <slot name=\"ai-label\" @slotchange=${handleAILabelSlotChange}></slot>\n        <slot name=\"slug\" @slotchange=${handleAILabelSlotChange}></slot>\n        ${menuBody}\n      </div>\n      <div\n        part=\"helper-text\"\n        class=\"${helperClasses}\"\n        ?hidden=\"${(inline && !this.warn && !normalizedProps.invalid) ||\n        !hasHelperText}\">\n        <slot name=\"helper-text\" @slotchange=\"${handleSlotchangeHelperText}\"\n          >${helperMessage}</slot\n        >\n      </div>\n    `;\n  }\n\n  /**\n   * Symbols of keys that triggers opening/closing menu and selecting/deselecting menu item.\n   */\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}-dropdown-item[highlighted]`;\n  }\n\n  /**\n   * A selector that will return dropdown items.\n   */\n  static get selectorItem() {\n    return `${prefix}-dropdown-item`;\n  }\n\n  /**\n   * A selector that will return selected items.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-dropdown-item[selected]`;\n  }\n\n  /**\n   * The name of the custom event fired before a dropdown 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}-dropdown-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a dropdown item is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-dropdown-selected`;\n  }\n\n  /**\n   * The name of the custom event fired before this dropdown item is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling this dropdown item.\n   */\n  static get eventBeforeToggle() {\n    return `${prefix}-dropdown-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after this dropdown item is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-dropdown-toggled`;\n  }\n\n  /**\n   * A selector that will return the slug item.\n   *\n   * remove in v12\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n\n  /**\n   * A selector that will return the AI Label item.\n   */\n  static get aiLabelItem() {\n    return `${prefix}-ai-label`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  static styles = styles;\n\n  /**\n   * @returns A action for dropdown for the given key symbol.\n   */\n  static getAction(key: string) {\n    if (key === 'Escape') {\n      return DROPDOWN_KEYBOARD_ACTION.CLOSING;\n    }\n    if (key in NAVIGATION_DIRECTION) {\n      return DROPDOWN_KEYBOARD_ACTION.NAVIGATING;\n    }\n    if (this.TRIGGER_KEYS.has(key)) {\n      return DROPDOWN_KEYBOARD_ACTION.TRIGGERING;\n    }\n    return DROPDOWN_KEYBOARD_ACTION.NONE;\n  }\n}\n\nexport default CDSDropdown;\n"],"mappings":"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"}
+{"version":3,"file":"dropdown.js","names":["FloatingUIController","CDSAILabel","styles","customElement"],"sources":["../../../src/components/dropdown/dropdown.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, TemplateResult } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport ChevronDown16 from '@carbon/icons/es/chevron--down/16.js';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport ValidityMixin from '../../globals/mixins/validity';\nimport HostListener from '../../globals/decorators/host-listener';\nimport FloatingUIController from '../../globals/controllers/floating-controller';\nimport {\n  find,\n  forEach,\n  indexOf,\n} from '../../globals/internal/collection-helpers';\nimport {\n  DROPDOWN_DIRECTION,\n  DROPDOWN_KEYBOARD_ACTION,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n  NAVIGATION_DIRECTION,\n} from './defs';\nimport CDSDropdownItem from './dropdown-item';\nimport styles from './dropdown.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSAILabel from '../ai-label/ai-label';\n\nexport {\n  DROPDOWN_KEYBOARD_ACTION,\n  DROPDOWN_DIRECTION,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n  NAVIGATION_DIRECTION,\n};\n\n/**\n * Dropdown.\n *\n * @element cds-dropdown\n * @csspart label-text The label text.\n * @csspart helper-text The helper text.\n * @csspart trigger-button The trigger button.\n * @csspart menu-body The menu body.\n * @csspart validity-message The validity message.\n * @fires cds-dropdown-beingselected\n *   The custom event fired before a dropdown item is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires cds-dropdown-beingtoggled\n *   The custom event fired before the open state of this dropdown is toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated toggling.\n * @fires cds-dropdown-selected - The custom event fired after a dropdown item is selected upon a user gesture.\n * @fires cds-dropdown-toggled - The custom event fired after the open state of this dropdown is toggled upon a user gesture.\n */\n@customElement(`${prefix}-dropdown`)\nclass CDSDropdown extends ValidityMixin(\n  HostListenerMixin(FormMixin(FocusMixin(LitElement)))\n) {\n  /**\n   * `true` if there is an AI Label.\n   */\n  protected _hasAILabel = false;\n\n  /**\n   * Currently slotted AI decorator nodes (`cds-ai-label`/slug) with listeners attached.\n   */\n  private _aiDecoratorNodes: HTMLElement[] = [];\n\n  /**\n   * Floating UI controller instance for autoalign positioning.\n   */\n  private _floatingController = new FloatingUIController(this);\n\n  /**\n   * Handles interaction on an AI decorator while the menu is open.\n   */\n  private _handleAIDecoratorInteraction = () => {\n    if (!this.open) {\n      return;\n    }\n\n    this._handleUserInitiatedToggle(false);\n  };\n\n  @state()\n  protected _activeDescendant?: string;\n\n  /**\n   * The content of the selected item.\n   */\n  protected _selectedItemContent: DocumentFragment | null = null;\n\n  /**\n   * `true` if the trigger button should be focusable.\n   * Derived class can set `false` to this if the trigger button contains another primary focusable element (e.g. `input`).\n   */\n  protected _shouldTriggerBeFocusable = true;\n\n  /**\n   * The list box `<div>` node.\n   */\n  @query(`.${prefix}--list-box`)\n  protected _listBoxNode!: HTMLDivElement;\n\n  /**\n   * The menu body element.\n   */\n  @query('#menu-body')\n  protected _menuBodyNode!: HTMLDivElement;\n\n  /**\n   * The trigger button element.\n   */\n  @query('#trigger-button')\n  protected _triggerButtonNode!: HTMLDivElement;\n\n  /**\n   * The `<slot>` element for the helper text in the shadow DOM.\n   */\n  @query('slot[name=\"helper-text\"]')\n  protected _slotHelperTextNode!: HTMLSlotElement;\n\n  /**\n   * The `<slot>` element for the title text in the shadow DOM.\n   */\n  @query('slot[name=\"title-text\"]')\n  protected _slotTitleTextNode!: HTMLSlotElement;\n\n  /**\n   * @param itemToSelect A dropdown item. Absense of this argument means clearing selection.\n   * @returns `true` if the selection of this dropdown should change if the given item is selected upon user interaction.\n   */\n  protected _selectionShouldChange(itemToSelect?: CDSDropdownItem) {\n    return !itemToSelect || itemToSelect.value !== this.value;\n  }\n\n  /**\n   * A callback that runs after change in dropdown selection upon user interaction is confirmed.\n   *\n   * @param itemToSelect\n   *   A dropdown item.\n   *   Absense of this argument means clearing selection, which may be handled by a derived class.\n   */\n  protected _selectionDidChange(itemToSelect?: CDSDropdownItem) {\n    const constructor = this.constructor as typeof CDSDropdown;\n    if (itemToSelect) {\n      this.value = itemToSelect.value;\n      this._activeDescendant = itemToSelect.id;\n      forEach(\n        this.querySelectorAll(constructor.selectorItemSelected),\n        (item) => {\n          (item as CDSDropdownItem).selected = false;\n          item.setAttribute('aria-selected', 'false');\n        }\n      );\n      itemToSelect.selected = true;\n      itemToSelect.setAttribute('aria-selected', 'true');\n      this._updateSelectedNextSibling(itemToSelect);\n    } else {\n      this._updateSelectedNextSibling();\n    }\n  }\n\n  /**\n   * Handles `click` event on the top-level element in the shadow DOM.\n   *\n   * @param event The event.\n   */\n  protected _handleClickInner(event: MouseEvent) {\n    if (this.readOnly) {\n      return;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    if (this.shadowRoot!.contains(event.target as Node)) {\n      const opening = !this.open;\n      const constructor = this.constructor as typeof CDSDropdown;\n      const selectedItem = this.querySelector(\n        constructor.selectorItemSelected\n      ) as CDSDropdownItem | null;\n      if (opening) {\n        const shouldFocusMenu = Boolean(selectedItem);\n        this._handleUserInitiatedToggle(true, {\n          focusMenu: shouldFocusMenu,\n          highlightSelectedOnOpen: shouldFocusMenu,\n        });\n      } else {\n        this._handleUserInitiatedToggle(false, {\n          restoreTriggerFocus: true,\n        });\n      }\n    } else {\n      const item = (event.target as Element).closest(\n        (this.constructor as typeof CDSDropdown).selectorItem\n      ) as CDSDropdownItem;\n      if (this.contains(item)) {\n        this._handleUserInitiatedSelectItem(item);\n      }\n    }\n  }\n\n  /**\n   * Handler for the `keydown` event on the top-level element in the shadow DOM.\n   */\n  protected _handleKeydownInner(event: KeyboardEvent) {\n    if (this._handleMenuInputKeydown(event)) {\n      return;\n    }\n\n    const { key } = event;\n    const action = (this.constructor as typeof CDSDropdown).getAction(key);\n    if (!this.open) {\n      switch (action) {\n        case DROPDOWN_KEYBOARD_ACTION.NAVIGATING: {\n          const shouldKeepInputFocus = this._shouldRetainMenuInputFocus(event);\n          const menuInputNode = this._menuInputNode;\n          if (this.readOnly) {\n            event.preventDefault();\n            return;\n          }\n          const direction =\n            NAVIGATION_DIRECTION[key as keyof typeof NAVIGATION_DIRECTION];\n\n          event.preventDefault();\n          if (direction === -1) {\n            break;\n          }\n          const constructor = this.constructor as typeof CDSDropdown;\n          const selectedItem = this.querySelector(\n            constructor.selectorItemSelected\n          ) as CDSDropdownItem | null;\n          const shouldHighlightSelected = Boolean(selectedItem);\n\n          this._handleUserInitiatedToggle(true, {\n            focusMenu: false,\n            highlightSelectedOnOpen: shouldHighlightSelected,\n          });\n\n          this.updateComplete.then(() => {\n            const constructor = this.constructor as typeof CDSDropdown;\n            const items = this.querySelectorAll(constructor.selectorItem);\n            if (items.length > 0) {\n              const selectedItem = this.querySelector(\n                constructor.selectorItemSelected\n              ) as CDSDropdownItem | null;\n\n              const firstEnabledItem = Array.from(items).find(\n                (item) => !(item as CDSDropdownItem).hasAttribute('disabled')\n              ) as CDSDropdownItem | undefined;\n\n              const initialItem =\n                selectedItem && !selectedItem.hasAttribute('disabled')\n                  ? selectedItem\n                  : (firstEnabledItem ?? null);\n\n              if (initialItem) {\n                this._setHighlightedItem(initialItem, { scrollIntoView: true });\n              } else {\n                this._clearHighlight();\n              }\n\n              const menu = this.shadowRoot?.getElementById('menu-body');\n              if (shouldKeepInputFocus && menuInputNode) {\n                menuInputNode.focus({ preventScroll: true });\n              } else if (menu) {\n                menu.focus();\n              }\n            }\n          });\n          break;\n        }\n        default:\n          break;\n      }\n    } else {\n      switch (action) {\n        case DROPDOWN_KEYBOARD_ACTION.CLOSING:\n          this._handleUserInitiatedToggle(false, {\n            restoreTriggerFocus: true,\n          });\n          break;\n        case DROPDOWN_KEYBOARD_ACTION.NAVIGATING: {\n          event.preventDefault();\n          const menu = this.shadowRoot?.getElementById('menu-body');\n          const menuInputNode = this._menuInputNode;\n          const shouldKeepInputFocus = this._shouldRetainMenuInputFocus(event);\n          if (shouldKeepInputFocus && menuInputNode) {\n            menuInputNode.focus({ preventScroll: true });\n          } else if (menu) {\n            menu.focus();\n          }\n          this._navigate(NAVIGATION_DIRECTION[key]);\n          break;\n        }\n        default:\n          break;\n      }\n    }\n  }\n\n  private _handleMenuInputKeydown(event: KeyboardEvent) {\n    if (\n      event.defaultPrevented ||\n      !this._supportsMenuInputFiltering ||\n      !this._menuInputNode\n    ) {\n      return false;\n    }\n\n    const input = this._menuInputNode;\n    if (!input) {\n      return false;\n    }\n    const isInputTarget = event.target === input;\n\n    const hasFilterValue = Boolean(input.value || this.value);\n    if (\n      event.key === 'Escape' &&\n      hasFilterValue &&\n      this._shouldClearMenuInputOnEscape({\n        event,\n        menuOpen: this.open,\n        isInputTarget,\n      })\n    ) {\n      event.preventDefault();\n      this._clearMenuInputFiltering();\n      return true;\n    }\n\n    if (!this.open || isInputTarget) {\n      return false;\n    }\n\n    if (this._shouldForwardKeyToMenuInput(event)) {\n      event.preventDefault();\n      this._forwardKeyToMenuInput(event, input);\n      return true;\n    }\n\n    return false;\n  }\n\n  protected _shouldClearMenuInputOnEscape({\n    menuOpen,\n  }: {\n    event: KeyboardEvent;\n    menuOpen: boolean;\n    isInputTarget: boolean;\n  }) {\n    return menuOpen;\n  }\n\n  protected get _supportsMenuInputFiltering() {\n    return false;\n  }\n\n  protected get _menuInputNode(): HTMLInputElement | null {\n    return null;\n  }\n\n  protected _clearMenuInputFiltering() {}\n\n  private _shouldForwardKeyToMenuInput(event: KeyboardEvent) {\n    if (event.altKey || event.metaKey || event.ctrlKey) {\n      return false;\n    }\n    const { key } = event;\n    if (key === 'Backspace' || key === 'Delete') {\n      return true;\n    }\n    return key.length === 1;\n  }\n\n  private _forwardKeyToMenuInput(\n    event: KeyboardEvent,\n    input: HTMLInputElement\n  ) {\n    input.focus({ preventScroll: true });\n    const key = event.key;\n    const selectionStart = input.selectionStart ?? input.value.length;\n    const selectionEnd = input.selectionEnd ?? input.value.length;\n    if (key === 'Backspace') {\n      if (selectionStart === 0 && selectionEnd === 0) {\n        return;\n      }\n      const start =\n        selectionStart === selectionEnd\n          ? Math.max(0, selectionStart - 1)\n          : selectionStart;\n      input.setRangeText('', start, selectionEnd, 'end');\n    } else if (key === 'Delete') {\n      if (\n        selectionStart === input.value.length &&\n        selectionStart === selectionEnd\n      ) {\n        return;\n      }\n      const end =\n        selectionStart === selectionEnd\n          ? Math.min(input.value.length, selectionEnd + 1)\n          : selectionEnd;\n      input.setRangeText('', selectionStart, end, 'end');\n    } else if (key.length === 1) {\n      input.setRangeText(key, selectionStart, selectionEnd, 'end');\n    }\n    input.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n  }\n\n  private _shouldRetainMenuInputFocus(event: Event) {\n    if (!this._supportsMenuInputFiltering || !this._menuInputNode) {\n      return false;\n    }\n    if (event.target === this._menuInputNode) {\n      return true;\n    }\n    const path =\n      typeof event.composedPath === 'function' ? event.composedPath() : [];\n    return path.includes(this._menuInputNode);\n  }\n\n  /**\n   * Handles keypress events (Space, Enter)\n   */\n  protected _handleKeypressInner(event: KeyboardEvent) {\n    if (event.target instanceof CDSAILabel) {\n      return;\n    }\n    const { key } = event;\n    const action = (this.constructor as typeof CDSDropdown).getAction(key);\n    // When closed\n    if (!this.open) {\n      if (this.readOnly && action === DROPDOWN_KEYBOARD_ACTION.TRIGGERING) {\n        if (key === ' ' || key === 'Space') {\n          event.preventDefault();\n        }\n        return;\n      }\n      switch (action) {\n        case DROPDOWN_KEYBOARD_ACTION.TRIGGERING: {\n          if (key === ' ' || key === 'Space') {\n            event.preventDefault();\n          }\n\n          const constructor = this.constructor as typeof CDSDropdown;\n          const selectedItem = this.querySelector(\n            constructor.selectorItemSelected\n          ) as CDSDropdownItem | null;\n          const shouldFocusMenu = Boolean(selectedItem);\n\n          this._handleUserInitiatedToggle(true, {\n            focusMenu: shouldFocusMenu,\n            highlightSelectedOnOpen: shouldFocusMenu,\n          });\n          break;\n        }\n        default:\n          break;\n      }\n    } else {\n      // When open\n      switch (action) {\n        case DROPDOWN_KEYBOARD_ACTION.TRIGGERING: {\n          const constructor = this.constructor as typeof CDSDropdown;\n          const selectedItem = this.querySelector(\n            constructor.selectorItemSelected\n          ) as CDSDropdownItem | null;\n          const highlightedItem = this.querySelector(\n            constructor.selectorItemHighlighted\n          ) as CDSDropdownItem;\n          if (highlightedItem) {\n            this._handleUserInitiatedSelectItem(highlightedItem);\n          } else if (selectedItem) {\n            this._handleUserInitiatedSelectItem(selectedItem);\n          } else {\n            this._handleUserInitiatedToggle(false, {\n              restoreTriggerFocus: true,\n            });\n          }\n          break;\n        }\n        default:\n          break;\n      }\n    }\n  }\n\n  /**\n   * Handles `blur` event handler on the document this element is in.\n   *\n   * @param event The event.\n   */\n\n  protected _handleMouseoverInner(event: MouseEvent) {\n    if (!this.open) {\n      return;\n    }\n\n    const item = this._getDropdownItemFromEvent(event);\n    if (!item) {\n      return;\n    }\n\n    if (item.hasAttribute('disabled')) {\n      this._clearHighlight();\n      return;\n    }\n  }\n\n  protected _handleMouseleaveInner(event: MouseEvent) {\n    if (!this.open) {\n      return;\n    }\n\n    const menu = this.shadowRoot?.getElementById('menu-body');\n    const relatedTarget = event.relatedTarget as Node | null;\n    if (menu && relatedTarget && menu.contains(relatedTarget)) {\n      return;\n    }\n\n    const shadowActiveElement = this.shadowRoot?.activeElement;\n    if (menu && shadowActiveElement && menu.contains(shadowActiveElement)) {\n      return;\n    }\n\n    if (\n      this._supportsMenuInputFiltering &&\n      this._menuInputNode &&\n      this.shadowRoot?.activeElement === this._menuInputNode\n    ) {\n      return;\n    }\n\n    this._clearHighlight();\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  protected _handleFocusOut(event: FocusEvent) {\n    if (!this.contains(event.relatedTarget as Node)) {\n      this._handleUserInitiatedToggle(false);\n    }\n  }\n\n  /**\n   * Handles `slotchange` event for the `<slot>` for helper text.\n   */\n  protected _handleSlotchangeHelperText() {\n    this.requestUpdate();\n  }\n\n  /**\n   * Handles `slotchange` event for the `<slot>` for label text.\n   */\n  protected _handleSlotchangeLabelText() {\n    this.requestUpdate();\n  }\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleAILabelSlotChange({ target }: Event) {\n    const decoratorNodes = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) =>\n        (elem as HTMLElement).matches !== undefined\n          ? (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSDropdown).aiLabelItem\n            ) ||\n            // remove reference to slug in v12\n            (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSDropdown).slugItem\n            )\n          : false\n      );\n\n    const decoratorElements = decoratorNodes.filter(\n      (node): node is HTMLElement => node instanceof HTMLElement\n    );\n\n    this._updateAIDecoratorListeners(decoratorElements);\n\n    this._hasAILabel = Boolean(decoratorElements.length);\n    decoratorElements[0]?.setAttribute('size', 'mini');\n    this.requestUpdate();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this._updateAIDecoratorListeners([]);\n  }\n\n  /**\n   * Updates listeners for AI decorator nodes to ensure only one menu stays open.\n   */\n  private _updateAIDecoratorListeners(nodes: HTMLElement[]) {\n    this._aiDecoratorNodes.forEach((node) => {\n      node.removeEventListener('click', this._handleAIDecoratorInteraction);\n    });\n\n    this._aiDecoratorNodes = nodes;\n\n    this._aiDecoratorNodes.forEach((node) => {\n      node.addEventListener('click', this._handleAIDecoratorInteraction);\n    });\n  }\n\n  /**\n   * Handles user-initiated selection of a dropdown item.\n   *\n   * @param [item] The dropdown item user wants to select. Absense of this argument means clearing selection.\n   */\n  protected _handleUserInitiatedSelectItem(item?: CDSDropdownItem) {\n    if (item?.hasAttribute('disabled')) {\n      return;\n    }\n\n    const shouldClose = this._shouldCloseAfterSelection(item);\n\n    if (this._selectionShouldChange(item)) {\n      const init = {\n        bubbles: true,\n        composed: true,\n        detail: {\n          item,\n        },\n      };\n      const constructor = this.constructor as typeof CDSDropdown;\n      const beforeSelectEvent = new CustomEvent(constructor.eventBeforeSelect, {\n        ...init,\n        cancelable: true,\n      });\n      if (this.dispatchEvent(beforeSelectEvent)) {\n        this._selectionDidChange(item);\n        const afterSelectEvent = new CustomEvent(constructor.eventSelect, init);\n        this.dispatchEvent(afterSelectEvent);\n        if (shouldClose) {\n          this._handleUserInitiatedToggle(false, {\n            restoreTriggerFocus: true,\n          });\n        }\n      }\n    } else if (item && shouldClose) {\n      this._handleUserInitiatedToggle(false, {\n        restoreTriggerFocus: true,\n      });\n    }\n  }\n\n  // Default dropdowns close after user selection.\n  protected _shouldCloseAfterSelection(item?: CDSDropdownItem) {\n    // Keep `item` for subclasses that change close behavior based on selection.\n    void item;\n    return true;\n  }\n\n  /**\n   * Handles user-initiated toggling the open state.\n   *\n   * @param [force] If specified, forces the open state to the given one.\n   */\n  protected _handleUserInitiatedToggle(\n    force = !this.open,\n    {\n      restoreTriggerFocus = false,\n      focusMenu = true,\n      highlightSelectedOnOpen = false,\n    }: {\n      restoreTriggerFocus?: boolean;\n      focusMenu?: boolean;\n      highlightSelectedOnOpen?: boolean;\n    } = {}\n  ) {\n    const { eventBeforeToggle, eventToggle } = this\n      .constructor as typeof CDSDropdown;\n\n    const { disabled } = this;\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        open: force,\n      },\n    };\n    if (!disabled) {\n      if (this.dispatchEvent(new CustomEvent(eventBeforeToggle, init))) {\n        this.open = force;\n        if (this.open) {\n          const activeElement = this.shadowRoot?.activeElement;\n          const preserveFocusTarget =\n            activeElement instanceof HTMLInputElement ? activeElement : null;\n          this.updateComplete.then(() => {\n            if (preserveFocusTarget) {\n              preserveFocusTarget.focus();\n            } else if (focusMenu) {\n              const menu = this.shadowRoot?.getElementById('menu-body');\n              menu?.focus();\n            } else if (this._shouldTriggerBeFocusable) {\n              const trigger = this.shadowRoot?.getElementById('trigger-button');\n              trigger?.focus();\n            }\n\n            if (highlightSelectedOnOpen) {\n              this._highlightSelectedItem();\n            }\n          });\n        } else if (restoreTriggerFocus && this._shouldTriggerBeFocusable) {\n          this.updateComplete.then(() => {\n            const trigger = this.shadowRoot?.getElementById('trigger-button');\n            trigger?.focus();\n          });\n        }\n\n        if (!this.open) {\n          this._clearHighlight();\n        }\n        this.requestUpdate();\n        this.dispatchEvent(new CustomEvent(eventToggle, init));\n      }\n    }\n  }\n\n  /**\n   * Clears the selection of dropdown items.\n   */\n  protected _clearHighlight() {\n    this._setHighlightedItem();\n  }\n\n  protected _getDropdownItemFromEvent(event: Event): CDSDropdownItem | null {\n    const constructor = this.constructor as typeof CDSDropdown;\n    const selector = constructor.selectorItem;\n    const path = event.composedPath();\n\n    for (const node of path) {\n      if (\n        node instanceof Element &&\n        typeof node.matches === 'function' &&\n        node.matches(selector)\n      ) {\n        return node as CDSDropdownItem;\n      }\n    }\n\n    return null;\n  }\n\n  protected _setHighlightedItem(\n    item?: CDSDropdownItem | null,\n    { scrollIntoView = false }: { scrollIntoView?: boolean } = {}\n  ) {\n    const constructor = this.constructor as typeof CDSDropdown;\n    const items = this.querySelectorAll(constructor.selectorItem);\n    const target =\n      item && !item.hasAttribute('disabled') ? (item as CDSDropdownItem) : null;\n\n    forEach(items, (listItem) => {\n      const dropdownItem = listItem as CDSDropdownItem;\n      dropdownItem.highlighted = dropdownItem === target;\n      dropdownItem.removeAttribute('highlighted-next-sibling');\n    });\n\n    if (target) {\n      const nextSibling = this._getNextDropdownItem(target);\n      if (nextSibling) {\n        nextSibling.setAttribute('highlighted-next-sibling', '');\n      }\n\n      const itemId = target.id;\n      if (itemId) {\n        this._activeDescendant = itemId;\n      }\n\n      if (scrollIntoView) {\n        target.scrollIntoView({ block: 'nearest' });\n      }\n    } else {\n      this._activeDescendant = undefined;\n    }\n  }\n\n  protected _getNextDropdownItem(\n    item: CDSDropdownItem\n  ): CDSDropdownItem | null {\n    const constructor = this.constructor as typeof CDSDropdown;\n    const selector = constructor.selectorItem;\n    let next = item.nextElementSibling as Element | null;\n\n    while (next) {\n      if (typeof next.matches === 'function' && next.matches(selector)) {\n        return next as CDSDropdownItem;\n      }\n      next = next.nextElementSibling as Element | null;\n    }\n\n    return null;\n  }\n\n  protected _updateSelectedNextSibling(item?: CDSDropdownItem | null): void {\n    const constructor = this.constructor as typeof CDSDropdown;\n    forEach(this.querySelectorAll(constructor.selectorItem), (listItem) => {\n      (listItem as CDSDropdownItem).removeAttribute('selected-next-sibling');\n    });\n\n    if (item) {\n      const nextSibling = this._getNextDropdownItem(item);\n      if (nextSibling) {\n        nextSibling.setAttribute('selected-next-sibling', '');\n      }\n    }\n  }\n\n  protected _highlightSelectedItem() {\n    const constructor = this.constructor as typeof CDSDropdown;\n    const selectedItem = this.querySelector(\n      constructor.selectorItemSelected\n    ) as CDSDropdownItem | null;\n\n    if (selectedItem && !selectedItem.hasAttribute('disabled')) {\n      this._setHighlightedItem(selectedItem, { scrollIntoView: true });\n    } else {\n      this._clearHighlight();\n    }\n  }\n\n  protected _navigate(direction: number) {\n    const constructor = this.constructor as typeof CDSDropdown;\n    const items = this.querySelectorAll(constructor.selectorItem);\n    if (!items.length) {\n      return;\n    }\n    const highlightedItem = this.querySelector(\n      constructor.selectorItemHighlighted\n    );\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    const highlightedIndex = indexOf(items, highlightedItem!);\n    let nextIndex =\n      highlightedIndex === -1\n        ? direction > 0\n          ? 0\n          : items.length - 1\n        : highlightedIndex + direction;\n\n    while (\n      nextIndex >= 0 &&\n      nextIndex < items.length &&\n      items[nextIndex]?.hasAttribute('disabled')\n    ) {\n      nextIndex += direction;\n    }\n    if (nextIndex < 0 || nextIndex >= items.length) {\n      return;\n    }\n\n    const nextItem = items[nextIndex] as CDSDropdownItem;\n    this._setHighlightedItem(nextItem, { scrollIntoView: true });\n  }\n\n  /**\n   * @returns The content preceding the trigger button.\n   */\n  protected _renderPrecedingLabel(): TemplateResult | undefined {\n    return undefined;\n  }\n\n  /**\n   * @returns The main content of the trigger button.\n   */\n  protected _renderLabel(): TemplateResult {\n    const { label, _selectedItemContent: selectedItemContent } = this;\n    return html`\n      <span id=\"trigger-label\" class=\"${prefix}--list-box__label\"\n        >${selectedItemContent || label}</span\n      >\n    `;\n  }\n\n  /**\n   * @returns The title label.\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        for=\"trigger-button\"\n        ?hidden=\"${!hasTitleText}\">\n        <slot name=\"title-text\" @slotchange=\"${handleSlotchangeLabelText}\"\n          >${titleText}</slot\n        >\n      </label>\n    `;\n  }\n\n  /**\n   * @returns The content following the trigger button.\n   */\n  protected _renderFollowingLabel(): TemplateResult | undefined {\n    return undefined;\n  }\n\n  /**\n   * Handles event to include selected value on the parent form.\n   *\n   * @param event The event.\n   */\n  _handleFormdata(event: FormDataEvent) {\n    const { formData } = event;\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * 'aria-label' of the ListBox component.\n   * Specify a label to be read by screen readers on the container node\n   */\n  @property({ type: String, attribute: 'aria-label' })\n  ariaLabel = '';\n\n  /**\n   * Specify the direction of the dropdown. Can be either top or bottom.\n   */\n  @property({ type: String, reflect: true })\n  direction = DROPDOWN_DIRECTION.BOTTOM;\n\n  /**\n   * Specify whether auto align functionality should be applied\n   */\n  @property({ type: Boolean, reflect: true })\n  autoalign = false;\n\n  /**\n   * `true` if this dropdown should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The helper text.\n   */\n  @property({ attribute: 'helper-text' })\n  helperText = '';\n\n  /**\n   * Specify whether the title text should be hidden or not\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  /**\n   * `true` to show the UI of the invalid state.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Message which is displayed if the value is invalid.\n   */\n  @property({ attribute: 'invalid-text' })\n  invalidText = '';\n\n  /**\n   * Provide the title text that will be read by a screen reader when visiting this control\n   */\n  @property({ attribute: 'title-text' })\n  titleText = '';\n\n  /**\n   * Name for the dropdown in the `FormData`\n   */\n  @property()\n  name = '';\n\n  /**\n   * `true` if this dropdown should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Whether or not the Dropdown is readonly\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'read-only' })\n  readOnly = false;\n\n  /**\n   * `true` if the value is required.\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * Specify whether the dropdown is fluid or not\n   */\n  @property({ type: Boolean })\n  isFluid = false;\n  /**\n   * The special validity message for `required`.\n   */\n  @property({ attribute: 'required-validity-message' })\n  requiredValidityMessage = 'Please fill out this field.';\n\n  /**\n   * Dropdown size.\n   */\n  @property({ reflect: true })\n  size = DROPDOWN_SIZE.MEDIUM;\n\n  /**\n   * The `aria-label` attribute for the UI indicating the closed state.\n   */\n  @property({ attribute: 'toggle-label-closed' })\n  toggleLabelClosed = '';\n\n  /**\n   * The `aria-label` attribute for the UI indicating the open state.\n   */\n  @property({ attribute: 'toggle-label-open' })\n  toggleLabelOpen = '';\n\n  /**\n   * Generic label that will be used as the textual representation of what this field is for\n   */\n  @property({ attribute: 'label' })\n  label = '';\n\n  /**\n   * `true` if this dropdown should use the inline UI variant.\n   */\n  @property({ reflect: true })\n  type = DROPDOWN_TYPE.DEFAULT;\n\n  /**\n   * The validity message.\n   */\n  @property({ attribute: 'validity-message' })\n  validityMessage = '';\n\n  /**\n   * The value of the selected item.\n   */\n  @property({ reflect: true })\n  accessor value = '';\n\n  /**\n   * Specify whether the control is currently in warning state\n   */\n  @property({ type: Boolean, reflect: true })\n  warn = false;\n\n  /**\n   * Provide the text that is displayed when the control is in warning state\n   */\n  @property({ attribute: 'warn-text' })\n  warnText = '';\n\n  /**\n   * The computed aria-label for the toggle button based on open state.\n   */\n  get toggleLabel(): string {\n    return (this.open ? this.toggleLabelOpen : this.toggleLabelClosed) || '';\n  }\n\n  shouldUpdate(changedProperties) {\n    const { selectorItem } = this.constructor as typeof CDSDropdown;\n    if (changedProperties.has('size')) {\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        (elem as CDSDropdownItem).size = this.size;\n      });\n    }\n    if (changedProperties.has('disabled')) {\n      const { disabled } = this;\n      // Propagate `disabled` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        const item = elem as CDSDropdownItem;\n        if (disabled) {\n          if (!item.disabled) {\n            item.setAttribute('parent-disabled', '');\n          }\n          item.disabled = true;\n        } else if (item.hasAttribute('parent-disabled')) {\n          item.removeAttribute('parent-disabled');\n          item.disabled = false;\n        }\n      });\n    }\n    if (changedProperties.has('value')) {\n      // `<cds-multi-select>` updates selection beforehand\n      // because our rendering logic for `<cds-multi-select>` looks for selected items via `qSA()`\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        (elem as CDSDropdownItem).selected =\n          (elem as CDSDropdownItem).value === this.value;\n      });\n      const selectedItem = find(\n        this.querySelectorAll(selectorItem),\n        (elem) => (elem as CDSDropdownItem).value === this.value\n      ) as CDSDropdownItem | undefined;\n      if (selectedItem) {\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n        const range = this.ownerDocument!.createRange();\n        range.selectNodeContents(selectedItem);\n        this._selectedItemContent = range.cloneContents();\n      } else {\n        this._selectedItemContent = null;\n      }\n      this._updateSelectedNextSibling(selectedItem);\n    }\n    return true;\n  }\n\n  updated(changedProperties) {\n    if (this._hasAILabel) {\n      this.setAttribute('ai-label', '');\n    } else {\n      this.removeAttribute('ai-label');\n    }\n\n    const label = this.shadowRoot?.querySelector(\"slot[name='ai-label']\");\n    if (label) {\n      label?.classList.toggle(\n        `${prefix}--slug--revert`,\n        this.querySelector(`${prefix}-ai-label`)?.hasAttribute('revert-active')\n      );\n    } else {\n      this.shadowRoot\n        ?.querySelector(\"slot[name='slug']\")\n        ?.classList.toggle(\n          `${prefix}--slug--revert`,\n          this.querySelector(`${prefix}-slug`)?.hasAttribute('revert-active')\n        );\n    }\n\n    if (\n      this.autoalign &&\n      this.open &&\n      (changedProperties.has('open') ||\n        (changedProperties.has('autoalign') && this.autoalign) ||\n        changedProperties.has('direction') ||\n        changedProperties.has('size'))\n    ) {\n      this._updateAutoAlignPlacement();\n    } else if (\n      (changedProperties.has('autoalign') && !this.autoalign) ||\n      (changedProperties.has('open') && !this.open)\n    ) {\n      this._floatingController.hostDisconnected();\n      this._resetFloatingStyles();\n    }\n  }\n\n  /**\n   * Clears Floating UI styles when auto-align is off or the menu closes.\n   */\n  private _resetFloatingStyles() {\n    const menu = this._menuBodyNode;\n    if (!menu) {\n      return;\n    }\n\n    menu.style.removeProperty('left');\n    menu.style.removeProperty('top');\n    menu.style.removeProperty('position');\n    menu.style.removeProperty('width');\n    menu.style.removeProperty('visibility');\n    menu.removeAttribute('align');\n  }\n\n  /**\n   * Runs Floating UI placement while auto-align is active.\n   */\n  private _updateAutoAlignPlacement() {\n    if (!this.autoalign || !this.open) {\n      return;\n    }\n\n    const menu = this._menuBodyNode;\n    const trigger = this._triggerButtonNode || this._listBoxNode;\n\n    if (!menu || !trigger) {\n      return;\n    }\n\n    const alignment =\n      this.direction === DROPDOWN_DIRECTION.TOP\n        ? DROPDOWN_DIRECTION.TOP\n        : DROPDOWN_DIRECTION.BOTTOM;\n\n    this._floatingController.setPlacement({\n      alignment,\n      matchWidth: true,\n      open: this.open,\n      target: menu,\n      trigger,\n    });\n  }\n\n  /**\n   * Normalizes validation props based on disabled and readOnly states\n   */\n  protected get _normalizedProps() {\n    const { disabled, readOnly, invalid, warn } = this;\n    return {\n      disabled: !readOnly && disabled,\n      invalid: !readOnly && !disabled && invalid,\n      warn: !readOnly && !invalid && !disabled && warn,\n    };\n  }\n\n  /**\n   * The CSS class list for dropdown listbox\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n  protected get _classes(): any {\n    const { size, type, open, autoalign } = this;\n    const inline = type === DROPDOWN_TYPE.INLINE;\n    const normalizedProps = this._normalizedProps;\n\n    const selectedItemsCount = this.querySelectorAll(\n      (this.constructor as typeof CDSDropdown).selectorItemSelected\n    ).length;\n\n    return classMap({\n      [`${prefix}--dropdown`]: true,\n      [`${prefix}--list-box`]: true,\n      [`${prefix}--list-box--disabled`]: normalizedProps.disabled,\n      [`${prefix}--list-box--inline`]: inline,\n      [`${prefix}--list-box--expanded`]: open,\n      [`${prefix}--list-box--${size}`]: size,\n      [`${prefix}--layout--size-${size}`]: size,\n      [`${prefix}--dropdown--invalid`]: normalizedProps.invalid,\n      [`${prefix}--dropdown--warn`]: normalizedProps.warn,\n      [`${prefix}--dropdown--inline`]: inline,\n      [`${prefix}--dropdown--selected`]: selectedItemsCount > 0,\n      [`${prefix}--list-box__wrapper--decorator`]: this._hasAILabel,\n      [`${prefix}--autoalign`]: autoalign,\n    });\n  }\n\n  render() {\n    const {\n      ariaLabel,\n      _classes: classes,\n      disabled,\n      helperText,\n      invalidText,\n      open,\n      toggleLabelClosed,\n      toggleLabelOpen,\n      type,\n      warnText,\n      _activeDescendant: activeDescendant,\n      _shouldTriggerBeFocusable: shouldTriggerBeFocusable,\n      _handleClickInner: handleClickInner,\n      _handleKeydownInner: handleKeydownInner,\n      _handleKeypressInner: handleKeypressInner,\n      _handleMouseleaveInner: handleMouseleaveInner,\n      _handleMouseoverInner: handleMouseoverInner,\n      _handleSlotchangeHelperText: handleSlotchangeHelperText,\n      _handleAILabelSlotChange: handleAILabelSlotChange,\n      _slotHelperTextNode: slotHelperTextNode,\n    } = this;\n    const inline = type === DROPDOWN_TYPE.INLINE;\n    const normalizedProps = this._normalizedProps;\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    const helperClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: normalizedProps.disabled,\n    });\n    const iconContainerClasses = classMap({\n      [`${prefix}--list-box__menu-icon`]: true,\n      [`${prefix}--list-box__menu-icon--open`]: open,\n    });\n    const toggleLabel = (open ? toggleLabelOpen : toggleLabelClosed) || '';\n    const hasHelperText =\n      helperText ||\n      invalidText ||\n      warnText ||\n      (slotHelperTextNode && slotHelperTextNode.assignedNodes().length > 0);\n    const validityIcon = !normalizedProps.invalid\n      ? undefined\n      : iconLoader(WarningFilled16, {\n          class: `${prefix}--list-box__invalid-icon`,\n          'aria-label': toggleLabel,\n        });\n    const warningIcon = !normalizedProps.warn\n      ? undefined\n      : iconLoader(WarningAltFilled16, {\n          class: `${prefix}--list-box__invalid-icon ${prefix}--list-box__invalid-icon--warning`,\n          'aria-label': toggleLabel,\n        });\n    const helperMessage = normalizedProps.invalid\n      ? invalidText\n      : normalizedProps.warn\n        ? warnText\n        : helperText;\n    const menuBody = html`\n      <div\n        aria-labelledby=\"${ifDefined(ariaLabel ? undefined : 'dropdown-label')}\"\n        aria-label=\"${ifDefined(ariaLabel ? ariaLabel : undefined)}\"\n        id=\"menu-body\"\n        part=\"menu-body\"\n        class=\"${prefix}--list-box__menu\"\n        role=\"listbox\"\n        tabindex=\"-1\"\n        ?hidden=${!open}\n        @mouseover=${handleMouseoverInner}\n        @mouseleave=${handleMouseleaveInner}>\n        <slot></slot>\n      </div>\n    `;\n    return html`\n      ${this._renderTitleLabel()}\n      <div\n        class=\"${classes}\"\n        ?data-invalid=${normalizedProps.invalid}\n        @click=${handleClickInner}\n        @keydown=${handleKeydownInner}\n        @keypress=${handleKeypressInner}>\n        ${validityIcon}${warningIcon}\n        <div\n          id=\"${ifDefined(\n            !shouldTriggerBeFocusable ? undefined : 'trigger-button'\n          )}\"\n          class=\"${prefix}--list-box__field\"\n          part=\"trigger-button\"\n          tabindex=\"${ifDefined(\n            !shouldTriggerBeFocusable ? undefined : disabled ? undefined : '0'\n          )}\"\n          role=\"${ifDefined(\n            !shouldTriggerBeFocusable ? undefined : 'combobox'\n          )}\"\n          aria-label=\"${ifDefined(ariaLabel ? ariaLabel : undefined)}\"\n          aria-labelledby=\"${ifDefined(\n            !shouldTriggerBeFocusable ? undefined : 'dropdown-label'\n          )}\"\n          aria-expanded=\"${ifDefined(\n            !shouldTriggerBeFocusable ? undefined : String(open)\n          )}\"\n          aria-haspopup=\"${ifDefined(\n            !shouldTriggerBeFocusable ? undefined : 'listbox'\n          )}\"\n          aria-controls=\"${ifDefined(\n            !shouldTriggerBeFocusable ? undefined : 'menu-body'\n          )}\"\n          aria-activedescendant=\"${ifDefined(\n            !shouldTriggerBeFocusable\n              ? undefined\n              : open\n                ? (activeDescendant ?? activeDescendantFallback)\n                : ''\n          )}\">\n          ${this._renderPrecedingLabel()}${this._renderLabel()}${this._renderFollowingLabel()}\n          <div id=\"trigger-caret\" class=\"${iconContainerClasses}\">\n            ${iconLoader(ChevronDown16, { 'aria-label': toggleLabel })}\n          </div>\n        </div>\n        ${this.isFluid && (normalizedProps.invalid || normalizedProps.warn)\n          ? html`<hr class=\"${prefix}--list-box__divider\" />`\n          : null}\n        <slot name=\"ai-label\" @slotchange=${handleAILabelSlotChange}></slot>\n        <slot name=\"slug\" @slotchange=${handleAILabelSlotChange}></slot>\n        ${menuBody}\n      </div>\n      <div\n        part=\"helper-text\"\n        class=\"${helperClasses}\"\n        ?hidden=\"${(inline && !this.warn && !normalizedProps.invalid) ||\n        !hasHelperText}\">\n        <slot name=\"helper-text\" @slotchange=\"${handleSlotchangeHelperText}\"\n          >${helperMessage}</slot\n        >\n      </div>\n    `;\n  }\n\n  /**\n   * Symbols of keys that triggers opening/closing menu and selecting/deselecting menu item.\n   */\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}-dropdown-item[highlighted]`;\n  }\n\n  /**\n   * A selector that will return dropdown items.\n   */\n  static get selectorItem() {\n    return `${prefix}-dropdown-item`;\n  }\n\n  /**\n   * A selector that will return selected items.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-dropdown-item[selected]`;\n  }\n\n  /**\n   * The name of the custom event fired before a dropdown 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}-dropdown-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a dropdown item is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-dropdown-selected`;\n  }\n\n  /**\n   * The name of the custom event fired before this dropdown item is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling this dropdown item.\n   */\n  static get eventBeforeToggle() {\n    return `${prefix}-dropdown-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after this dropdown item is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-dropdown-toggled`;\n  }\n\n  /**\n   * A selector that will return the slug item.\n   *\n   * remove in v12\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n\n  /**\n   * A selector that will return the AI Label item.\n   */\n  static get aiLabelItem() {\n    return `${prefix}-ai-label`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  static styles = styles;\n\n  /**\n   * @returns A action for dropdown for the given key symbol.\n   */\n  static getAction(key: string) {\n    if (key === 'Escape') {\n      return DROPDOWN_KEYBOARD_ACTION.CLOSING;\n    }\n    if (key in NAVIGATION_DIRECTION) {\n      return DROPDOWN_KEYBOARD_ACTION.NAVIGATING;\n    }\n    if (this.TRIGGER_KEYS.has(key)) {\n      return DROPDOWN_KEYBOARD_ACTION.TRIGGERING;\n    }\n    return DROPDOWN_KEYBOARD_ACTION.NONE;\n  }\n}\n\nexport default CDSDropdown;\n"],"mappings":"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"}

package/es/components/feature-flags/index.js

@@ -6,7 +6,7 @@
  */
 
 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 { FeatureFlags, createScope } from "../../packages/feature-flags/es/index.js";
 import { LitElement, html } from "lit";
 //#region src/components/feature-flags/index.ts

package/es/components/feature-flags/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["GlobalFeatureFlags","customElement"],"sources":["../../../src/components/feature-flags/index.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025, 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/**\n * <feature-flags> provides scoped feature flags to child components.\n *\n * Usage:\n * Wrap any child components inside <feature-flags> to provide scoped feature flags like this:\n * <feature-flags enable-dialog-element=\"true\">\n *   <component></component>\n * </feature-flags>\n *\n * Available flags:\n * - enable-dialog-element\n * - enable-treeview-controllable\n * - ... (and others listed in observedAttributes)\n *\n * How to check a Flag in your component:\n *   import { isFeatureFlagEnabled } from './feature-flags';\n *   isFeatureFlagEnabled('enable-dialog-element', this)\n *   Returns true if the flag is enabled in the nearest <feature-flags> ancestor\n */\n\nimport {\n  FeatureFlags as GlobalFeatureFlags,\n  createScope,\n} from '@carbon/feature-flags';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { LitElement, html } from 'lit';\n\n/**\n * Feature Flags\n *\n * @element feature-flags\n */\ntype FeatureFlags = Record<string, boolean>;\n\nconst hasOwn = <T extends object>(obj: T, key: PropertyKey): key is keyof T =>\n  Object.prototype.hasOwnProperty.call(obj, key);\n\n@customElement('feature-flags')\nclass FeatureFlagsElement extends LitElement {\n  private scope = GlobalFeatureFlags;\n  private flags: FeatureFlags = {};\n\n  /**\n   * Mapping of feature flag attributes to their related component names.\n   */\n  private static readonly flagComponentMap = {\n    'enable-v12-tile-default-icons': 'CDS-CLICKABLE-TILE',\n    'enable-v12-tile-radio-icons': 'CDS-TILE',\n    'enable-v12-overflowmenu': 'CDS-OVERFLOW-MENU',\n    'enable-treeview-controllable': 'CDS-TREEVIEW',\n    'enable-experimental-focus-wrap-without-sentinels': 'CDS-FOCUS-WRAP',\n    'enable-focus-wrap-without-sentinels': 'CDS-FOCUS-WRAP',\n    'enable-dialog-element': 'CDS-MODAL',\n    'enable-v12-dynamic-floating-styles': 'CDS-FLOATING',\n    'enable-v12-toggle-reduced-label-spacing': 'CDS-TOGGLE',\n  } as const;\n\n  static get observedAttributes() {\n    return Object.keys(FeatureFlagsElement.flagComponentMap);\n  }\n\n  constructor() {\n    super();\n    this.attachShadow({ mode: 'open' });\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.updateScope();\n  }\n\n  attributeChangedCallback(\n    name: string,\n    _oldVal: string | null,\n    newVal: string | null\n  ) {\n    const value = newVal !== null && newVal !== 'false';\n    this.flags[name] = value;\n\n    // Set feature flag to top component level\n    const relatedComponent = hasOwn(FeatureFlagsElement.flagComponentMap, name)\n      ? FeatureFlagsElement.flagComponentMap[name]\n      : 'unknown';\n    if (this.firstElementChild?.tagName === relatedComponent) {\n      this.firstElementChild.setAttribute(name, '');\n    }\n\n    this.updateScope();\n  }\n\n  private getParentScope() {\n    let parent = this.parentNode;\n    while (parent) {\n      if (parent instanceof FeatureFlagsElement) {\n        return parent.getScope();\n      }\n      parent = parent.parentNode;\n    }\n    return null;\n  }\n\n  private updateScope() {\n    const newScope = createScope(this.flags);\n    const parentScope = this.getParentScope() || GlobalFeatureFlags;\n    if (parentScope) {\n      newScope.mergeWithScope(parentScope);\n    }\n    this.scope = newScope;\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  public isFeatureFlagEnabled(flag: string) {\n    if (Object.prototype.hasOwnProperty.call(this.flags, flag)) {\n      return this.flags[flag];\n    }\n    return this.scope.enabled(flag);\n  }\n\n  private getScope() {\n    return this.scope;\n  }\n}\n\nexport default FeatureFlagsElement;\n\n// Utility functions\n\n// Function to find the nearest parent FeatureFlagsElement\nexport function findParentFeatureFlags(\n  el: HTMLElement\n): FeatureFlagsElement | null {\n  let parent: Node | null = el.parentNode;\n  while (parent) {\n    if (parent instanceof ShadowRoot) {\n      parent = parent.host;\n      continue;\n    }\n    if (parent instanceof FeatureFlagsElement) {\n      return parent;\n    }\n    parent = (parent as HTMLElement).parentNode;\n  }\n  return null;\n}\n\n// function to check if a feature flag is enabled in components\nexport function isFeatureFlagEnabled(\n  flag: string,\n  context: HTMLElement\n): boolean {\n  const instance = findParentFeatureFlags(context);\n  return instance?.isFeatureFlagEnabled(flag) ?? false;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,MAAM,UAA4B,KAAQ,QACxC,OAAO,UAAU,eAAe,KAAK,KAAK,IAAI;AAEhD,IAAA,sBAAA,MACM,4BAA4B,WAAW;;;;;0BAOA;GACzC,iCAAiC;GACjC,+BAA+B;GAC/B,2BAA2B;GAC3B,gCAAgC;GAChC,oDAAoD;GACpD,uCAAuC;GACvC,yBAAyB;GACzB,sCAAsC;GACtC,2CAA2C;GAC5C;;CAED,WAAW,qBAAqB;AAC9B,SAAO,OAAO,KAAA,qBAAyB,iBAAiB;;CAG1D,cAAc;AACZ,SAAO;eAvBOA;eACc,EAAE;AAuB9B,OAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;;CAGrC,oBAAoB;AAClB,QAAM,mBAAmB;AACzB,OAAK,aAAa;;CAGpB,yBACE,MACA,SACA,QACA;EACA,MAAM,QAAQ,WAAW,QAAQ,WAAW;AAC5C,OAAK,MAAM,QAAQ;EAGnB,MAAM,mBAAmB,OAAA,qBAA2B,kBAAkB,KAAK,GAAA,qBACnD,iBAAiB,QACrC;AACJ,MAAI,KAAK,mBAAmB,YAAY,iBACtC,MAAK,kBAAkB,aAAa,MAAM,GAAG;AAG/C,OAAK,aAAa;;CAGpB,iBAAyB;EACvB,IAAI,SAAS,KAAK;AAClB,SAAO,QAAQ;AACb,OAAI,kBAAA,qBACF,QAAO,OAAO,UAAU;AAE1B,YAAS,OAAO;;AAElB,SAAO;;CAGT,cAAsB;EACpB,MAAM,WAAW,YAAY,KAAK,MAAM;EACxC,MAAM,cAAc,KAAK,gBAAgB,IAAIA;AAC7C,MAAI,YACF,UAAS,eAAe,YAAY;AAEtC,OAAK,QAAQ;;CAGf,SAAS;AACP,SAAO,IAAI;;CAGb,qBAA4B,MAAc;AACxC,MAAI,OAAO,UAAU,eAAe,KAAK,KAAK,OAAO,KAAK,CACxD,QAAO,KAAK,MAAM;AAEpB,SAAO,KAAK,MAAM,QAAQ,KAAK;;CAGjC,WAAmB;AACjB,SAAO,KAAK;;;yDArFfC,cAAc,gBAAgB,CAAA,EAAA,oBAAA;AAyF/B,IAAA,wBAAe;AAKf,SAAgB,uBACd,IAC4B;CAC5B,IAAI,SAAsB,GAAG;AAC7B,QAAO,QAAQ;AACb,MAAI,kBAAkB,YAAY;AAChC,YAAS,OAAO;AAChB;;AAEF,MAAI,kBAAkB,oBACpB,QAAO;AAET,WAAU,OAAuB;;AAEnC,QAAO;;AAIT,SAAgB,qBACd,MACA,SACS;AAET,QADiB,uBAAuB,QAAQ,EAC/B,qBAAqB,KAAK,IAAI"}
+{"version":3,"file":"index.js","names":["GlobalFeatureFlags","customElement"],"sources":["../../../src/components/feature-flags/index.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025, 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/**\n * <feature-flags> provides scoped feature flags to child components.\n *\n * Usage:\n * Wrap any child components inside <feature-flags> to provide scoped feature flags like this:\n * <feature-flags enable-dialog-element=\"true\">\n *   <component></component>\n * </feature-flags>\n *\n * Available flags:\n * - enable-dialog-element\n * - enable-treeview-controllable\n * - ... (and others listed in observedAttributes)\n *\n * How to check a Flag in your component:\n *   import { isFeatureFlagEnabled } from './feature-flags';\n *   isFeatureFlagEnabled('enable-dialog-element', this)\n *   Returns true if the flag is enabled in the nearest <feature-flags> ancestor\n */\n\nimport {\n  FeatureFlags as GlobalFeatureFlags,\n  createScope,\n} from '@carbon/feature-flags';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { LitElement, html } from 'lit';\n\n/**\n * Feature Flags\n *\n * @element feature-flags\n */\ntype FeatureFlags = Record<string, boolean>;\n\nconst hasOwn = <T extends object>(obj: T, key: PropertyKey): key is keyof T =>\n  Object.prototype.hasOwnProperty.call(obj, key);\n\n@customElement('feature-flags')\nclass FeatureFlagsElement extends LitElement {\n  private scope = GlobalFeatureFlags;\n  private flags: FeatureFlags = {};\n\n  /**\n   * Mapping of feature flag attributes to their related component names.\n   */\n  private static readonly flagComponentMap = {\n    'enable-v12-tile-default-icons': 'CDS-CLICKABLE-TILE',\n    'enable-v12-tile-radio-icons': 'CDS-TILE',\n    'enable-v12-overflowmenu': 'CDS-OVERFLOW-MENU',\n    'enable-treeview-controllable': 'CDS-TREEVIEW',\n    'enable-experimental-focus-wrap-without-sentinels': 'CDS-FOCUS-WRAP',\n    'enable-focus-wrap-without-sentinels': 'CDS-FOCUS-WRAP',\n    'enable-dialog-element': 'CDS-MODAL',\n    'enable-v12-dynamic-floating-styles': 'CDS-FLOATING',\n    'enable-v12-toggle-reduced-label-spacing': 'CDS-TOGGLE',\n  } as const;\n\n  static get observedAttributes() {\n    return Object.keys(FeatureFlagsElement.flagComponentMap);\n  }\n\n  constructor() {\n    super();\n    this.attachShadow({ mode: 'open' });\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.updateScope();\n  }\n\n  attributeChangedCallback(\n    name: string,\n    _oldVal: string | null,\n    newVal: string | null\n  ) {\n    const value = newVal !== null && newVal !== 'false';\n    this.flags[name] = value;\n\n    // Set feature flag to top component level\n    const relatedComponent = hasOwn(FeatureFlagsElement.flagComponentMap, name)\n      ? FeatureFlagsElement.flagComponentMap[name]\n      : 'unknown';\n    if (this.firstElementChild?.tagName === relatedComponent) {\n      this.firstElementChild.setAttribute(name, '');\n    }\n\n    this.updateScope();\n  }\n\n  private getParentScope() {\n    let parent = this.parentNode;\n    while (parent) {\n      if (parent instanceof FeatureFlagsElement) {\n        return parent.getScope();\n      }\n      parent = parent.parentNode;\n    }\n    return null;\n  }\n\n  private updateScope() {\n    const newScope = createScope(this.flags);\n    const parentScope = this.getParentScope() || GlobalFeatureFlags;\n    if (parentScope) {\n      newScope.mergeWithScope(parentScope);\n    }\n    this.scope = newScope;\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  public isFeatureFlagEnabled(flag: string) {\n    if (Object.prototype.hasOwnProperty.call(this.flags, flag)) {\n      return this.flags[flag];\n    }\n    return this.scope.enabled(flag);\n  }\n\n  private getScope() {\n    return this.scope;\n  }\n}\n\nexport default FeatureFlagsElement;\n\n// Utility functions\n\n// Function to find the nearest parent FeatureFlagsElement\nexport function findParentFeatureFlags(\n  el: HTMLElement\n): FeatureFlagsElement | null {\n  let parent: Node | null = el.parentNode;\n  while (parent) {\n    if (parent instanceof ShadowRoot) {\n      parent = parent.host;\n      continue;\n    }\n    if (parent instanceof FeatureFlagsElement) {\n      return parent;\n    }\n    parent = (parent as HTMLElement).parentNode;\n  }\n  return null;\n}\n\n// function to check if a feature flag is enabled in components\nexport function isFeatureFlagEnabled(\n  flag: string,\n  context: HTMLElement\n): boolean {\n  const instance = findParentFeatureFlags(context);\n  return instance?.isFeatureFlagEnabled(flag) ?? false;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,MAAM,UAA4B,KAAQ,QACxC,OAAO,UAAU,eAAe,KAAK,KAAK,GAAG;AAE/C,IAAA,sBAAA,MACM,4BAA4B,WAAW;;;;;0BAOA;GACzC,iCAAiC;GACjC,+BAA+B;GAC/B,2BAA2B;GAC3B,gCAAgC;GAChC,oDAAoD;GACpD,uCAAuC;GACvC,yBAAyB;GACzB,sCAAsC;GACtC,2CAA2C;EAC7C;;CAEA,WAAW,qBAAqB;EAC9B,OAAO,OAAO,KAAA,qBAAyB,gBAAgB;CACzD;CAEA,cAAc;EACZ,MAAM;eAvBQA;eACc,CAAC;EAuB7B,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;CACpC;CAEA,oBAAoB;EAClB,MAAM,kBAAkB;EACxB,KAAK,YAAY;CACnB;CAEA,yBACE,MACA,SACA,QACA;EACA,MAAM,QAAQ,WAAW,QAAQ,WAAW;EAC5C,KAAK,MAAM,QAAQ;EAGnB,MAAM,mBAAmB,OAAA,qBAA2B,kBAAkB,IAAI,IAAA,qBAClD,iBAAiB,QACrC;EACJ,IAAI,KAAK,mBAAmB,YAAY,kBACtC,KAAK,kBAAkB,aAAa,MAAM,EAAE;EAG9C,KAAK,YAAY;CACnB;CAEA,iBAAyB;EACvB,IAAI,SAAS,KAAK;EAClB,OAAO,QAAQ;GACb,IAAI,kBAAA,sBACF,OAAO,OAAO,SAAS;GAEzB,SAAS,OAAO;EAClB;EACA,OAAO;CACT;CAEA,cAAsB;EACpB,MAAM,WAAW,YAAY,KAAK,KAAK;EACvC,MAAM,cAAc,KAAK,eAAe,KAAKA;EAC7C,IAAI,aACF,SAAS,eAAe,WAAW;EAErC,KAAK,QAAQ;CACf;CAEA,SAAS;EACP,OAAO,IAAI;CACb;CAEA,qBAA4B,MAAc;EACxC,IAAI,OAAO,UAAU,eAAe,KAAK,KAAK,OAAO,IAAI,GACvD,OAAO,KAAK,MAAM;EAEpB,OAAO,KAAK,MAAM,QAAQ,IAAI;CAChC;CAEA,WAAmB;EACjB,OAAO,KAAK;CACd;AACF;yDAvFCC,cAAc,eAAe,CAAA,GAAA,mBAAA;AAyF9B,IAAA,wBAAe;AAKf,SAAgB,uBACd,IAC4B;CAC5B,IAAI,SAAsB,GAAG;CAC7B,OAAO,QAAQ;EACb,IAAI,kBAAkB,YAAY;GAChC,SAAS,OAAO;GAChB;EACF;EACA,IAAI,kBAAkB,qBACpB,OAAO;EAET,SAAU,OAAuB;CACnC;CACA,OAAO;AACT;AAGA,SAAgB,qBACd,MACA,SACS;CAET,OADiB,uBAAuB,OAC1B,CAAC,EAAE,qBAAqB,IAAI,KAAK;AACjD"}

package/es/components/file-uploader/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/file-uploader/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2022, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * The state of `<cds-file-uploader-item>`.\n */\nexport enum FILE_UPLOADER_ITEM_STATE {\n  /**\n   * Upload in progress.\n   */\n  UPLOADING = 'uploading',\n\n  /**\n   * Upload complete.\n   */\n  COMPLETE = 'complete',\n\n  /**\n   * Editing.\n   */\n  EDIT = 'edit',\n}\n\n/**\n * File uploader item size.\n */\nexport enum FILE_UPLOADER_ITEM_SIZE {\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"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,2BAAL,yBAAA,0BAAA;;;;AAIL,0BAAA,eAAA;;;;AAKA,0BAAA,cAAA;;;;AAKA,0BAAA,UAAA;;KACD;;;;AAKD,IAAY,0BAAL,yBAAA,yBAAA;;;;AAIL,yBAAA,WAAA;;;;AAKA,yBAAA,YAAA;;;;AAKA,yBAAA,WAAA;;KACD"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/file-uploader/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2022, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * The state of `<cds-file-uploader-item>`.\n */\nexport enum FILE_UPLOADER_ITEM_STATE {\n  /**\n   * Upload in progress.\n   */\n  UPLOADING = 'uploading',\n\n  /**\n   * Upload complete.\n   */\n  COMPLETE = 'complete',\n\n  /**\n   * Editing.\n   */\n  EDIT = 'edit',\n}\n\n/**\n * File uploader item size.\n */\nexport enum FILE_UPLOADER_ITEM_SIZE {\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"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,2BAAL,yBAAA,0BAAA;;;;CAIL,yBAAA,eAAA;;;;CAKA,yBAAA,cAAA;;;;CAKA,yBAAA,UAAA;;AACF,EAAA,CAAA,CAAA;;;;AAKA,IAAY,0BAAL,yBAAA,yBAAA;;;;CAIL,wBAAA,WAAA;;;;CAKA,wBAAA,YAAA;;;;CAKA,wBAAA,WAAA;;AACF,EAAA,CAAA,CAAA"}

package/es/components/file-uploader/demo-file-uploader.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 "../button/defs.js";
 import "../button/button.js";
 import "./defs.js";

package/es/components/file-uploader/demo-file-uploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"demo-file-uploader.js","names":["customElement"],"sources":["../../../src/components/file-uploader/demo-file-uploader.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 { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nimport { prefix } from '../../globals/settings';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport './index';\nimport { FILE_UPLOADER_ITEM_STATE } from './file-uploader-item';\nimport { BUTTON_SIZE } from '../button/button';\nimport { FileData } from './stories/types';\n\n/**\n * A class to manage file uploading states, like sending file contents to server.\n * DEMONSTRATION-PURPOSE ONLY.\n * Data/state handling in file uploading tends to involve lots of application-specific logics\n * and thus abstracting everything in a library won't be a good return on investment\n * vs. letting users copy code here and implement features that fit their needs.\n */\n@customElement(`${prefix}-ce-demo-file-uploader`)\nexport default class CDSCEDemoFileUploader extends LitElement {\n  /**\n   * The files being uploaded.\n   */\n  private _files: FileData[] = [];\n\n  /**\n   * Handles `cds-drop-container-changed` on `<cds-file-drop-container>`.\n   *\n   * @param event The event.\n   */\n  private _handleChange(event: CustomEvent) {\n    const { addedFiles } = event.detail;\n    const newFiles: FileData[] = addedFiles.map(\n      (item) =>\n        ({\n          id: Math.random().toString(36).slice(2),\n          file: item,\n          state: FILE_UPLOADER_ITEM_STATE.UPLOADING,\n        }) as FileData\n    );\n    const { multiple, _files: files, _simulateUpload: simulateUpload } = this;\n    if (multiple) {\n      this._files = files.concat(newFiles);\n      this.requestUpdate();\n      newFiles.forEach(simulateUpload, this);\n    } else if (addedFiles.length > 0) {\n      this._files = files.concat(newFiles[0]);\n      this.requestUpdate();\n      this._simulateUpload(newFiles[0]);\n    }\n  }\n\n  /**\n   * Handles `cds-file-uploader-item-deleted` on `<cds-file-uploader-item>`.\n   *\n   * @param event The event.\n   */\n  private _handleDelete(event: CustomEvent) {\n    const { fileId: idToDelete } = (event.target as HTMLElement).dataset;\n    this._files = this._files.filter(({ id }) => idToDelete !== id);\n    this.requestUpdate();\n  }\n\n  /**\n   * Simulates updating file.\n   *\n   * @param data The data of the file being uploaded.\n   */\n  private async _simulateUpload(data: FileData) {\n    const { id, file } = data;\n    if (file.size > 524288) {\n      this._files = this._files.map((item) =>\n        id !== item.id\n          ? item\n          : {\n              ...item,\n              state: FILE_UPLOADER_ITEM_STATE.EDIT,\n              invalid: true,\n              errorSubject: 'File size exceeds limit',\n              errorBody:\n                '500kb max file size. Select a new file and try again.',\n            }\n      );\n      this.requestUpdate();\n    } else {\n      // Simulates network request time\n      const rand = Math.random() * 1000;\n      await new Promise((t) => setTimeout(t, rand));\n      this._files = this._files.map((item) =>\n        id !== item.id\n          ? item\n          : {\n              ...item,\n              state: FILE_UPLOADER_ITEM_STATE.COMPLETE,\n            }\n      );\n      this.requestUpdate();\n      // Shows x icon after 1 second\n      await new Promise((t) => setTimeout(t, 1000));\n      this._files = this._files.map((item) =>\n        id !== item.id\n          ? item\n          : {\n              ...item,\n              state: FILE_UPLOADER_ITEM_STATE.EDIT,\n            }\n      );\n      this.requestUpdate();\n    }\n  }\n\n  /**\n   * The file types the file input should accept, separated by space.\n   */\n  @property()\n  accept = '';\n\n  /**\n   * `true` if the drop container should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  button = false;\n\n  /**\n   * Button kind.\n   */\n  @property({ attribute: 'button-kind' })\n  buttonKind = 'primary';\n\n  /**\n   * Button label.\n   */\n  @property({ attribute: 'button-label' })\n  buttonLabel = 'Add file';\n\n  /**\n   * `true` if the drop container should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Icon description.\n   */\n  @property({ attribute: 'icon-description' })\n  iconDescription = '';\n\n  /**\n   * The input name.\n   */\n  @property({ attribute: 'input-name' })\n  inputName = '';\n\n  /**\n   * The label description text.\n   */\n  @property({ attribute: 'label-description' })\n  labelDescription = '';\n\n  /**\n   * The label title.\n   */\n  @property({ attribute: 'label-title' })\n  labelTitle = '';\n\n  /**\n   * `true` if the drop container should accept more than one files at once.\n   * Note that even with `false` set here, user _can_ select multiple files one by one.\n   */\n  @property({ type: Boolean, reflect: true })\n  multiple = false;\n\n  /**\n   * The size of the button item.\n   */\n  @property({ reflect: true })\n  size = BUTTON_SIZE.MEDIUM;\n\n  /**\n   * The state of this file uploader item.\n   */\n  @property({ reflect: true, attribute: 'input-state' })\n  inputState = '';\n\n  render() {\n    const {\n      accept,\n      button,\n      buttonKind,\n      buttonLabel,\n      disabled,\n      labelDescription,\n      labelTitle,\n      multiple,\n      size,\n      inputState,\n      iconDescription,\n      _files: files,\n      _handleChange: handleChange,\n      _handleDelete: handleDelete,\n    } = this;\n    return html`\n      <cds-file-uploader\n        label-description=\"${ifDefined(labelDescription)}\"\n        label-title=\"${ifDefined(labelTitle)}\"\n        ?disabled=\"${disabled}\">\n        ${!button\n          ? html` <cds-file-uploader-drop-container\n              accept=\"${ifDefined(accept)}\"\n              ?multiple=\"${multiple}\"\n              name=\"${ifDefined(this.inputName)}\"\n              @cds-file-uploader-drop-container-changed=\"${handleChange}\">\n              Drag and drop files here or click to upload\n            </cds-file-uploader-drop-container>`\n          : html` <cds-file-uploader-button\n              size=\"${ifDefined(size)}\"\n              button-kind=\"${buttonKind}\"\n              accept=\"${ifDefined(accept)}\"\n              name=\"${ifDefined(this.inputName)}\"\n              ?multiple=\"${multiple}\"\n              @cds-file-uploader-button-changed=\"${handleChange}\">\n              ${buttonLabel}\n            </cds-file-uploader-button>`}\n        ${files.map(\n          ({ id, invalid, file, state, errorSubject, errorBody }) => html`\n            <cds-file-uploader-item\n              data-file-id=\"${id}\"\n              ?invalid=\"${invalid}\"\n              state=\"${inputState || ifDefined(state)}\"\n              icon-description=\"${ifDefined(iconDescription)}\"\n              error-subject=\"${ifDefined(errorSubject)}\"\n              error-body=\"${ifDefined(errorBody)}\"\n              @cds-file-uploader-item-deleted=\"${handleDelete}\">\n              ${file.name}\n            </cds-file-uploader-item>\n          `\n        )}\n      </cds-file-uploader>\n    `;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"demo-file-uploader.js","names":["customElement"],"sources":["../../../src/components/file-uploader/demo-file-uploader.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 { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nimport { prefix } from '../../globals/settings';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport './index';\nimport { FILE_UPLOADER_ITEM_STATE } from './file-uploader-item';\nimport { BUTTON_SIZE } from '../button/button';\nimport { FileData } from './stories/types';\n\n/**\n * A class to manage file uploading states, like sending file contents to server.\n * DEMONSTRATION-PURPOSE ONLY.\n * Data/state handling in file uploading tends to involve lots of application-specific logics\n * and thus abstracting everything in a library won't be a good return on investment\n * vs. letting users copy code here and implement features that fit their needs.\n */\n@customElement(`${prefix}-ce-demo-file-uploader`)\nexport default class CDSCEDemoFileUploader extends LitElement {\n  /**\n   * The files being uploaded.\n   */\n  private _files: FileData[] = [];\n\n  /**\n   * Handles `cds-drop-container-changed` on `<cds-file-drop-container>`.\n   *\n   * @param event The event.\n   */\n  private _handleChange(event: CustomEvent) {\n    const { addedFiles } = event.detail;\n    const newFiles: FileData[] = addedFiles.map(\n      (item) =>\n        ({\n          id: Math.random().toString(36).slice(2),\n          file: item,\n          state: FILE_UPLOADER_ITEM_STATE.UPLOADING,\n        }) as FileData\n    );\n    const { multiple, _files: files, _simulateUpload: simulateUpload } = this;\n    if (multiple) {\n      this._files = files.concat(newFiles);\n      this.requestUpdate();\n      newFiles.forEach(simulateUpload, this);\n    } else if (addedFiles.length > 0) {\n      this._files = files.concat(newFiles[0]);\n      this.requestUpdate();\n      this._simulateUpload(newFiles[0]);\n    }\n  }\n\n  /**\n   * Handles `cds-file-uploader-item-deleted` on `<cds-file-uploader-item>`.\n   *\n   * @param event The event.\n   */\n  private _handleDelete(event: CustomEvent) {\n    const { fileId: idToDelete } = (event.target as HTMLElement).dataset;\n    this._files = this._files.filter(({ id }) => idToDelete !== id);\n    this.requestUpdate();\n  }\n\n  /**\n   * Simulates updating file.\n   *\n   * @param data The data of the file being uploaded.\n   */\n  private async _simulateUpload(data: FileData) {\n    const { id, file } = data;\n    if (file.size > 524288) {\n      this._files = this._files.map((item) =>\n        id !== item.id\n          ? item\n          : {\n              ...item,\n              state: FILE_UPLOADER_ITEM_STATE.EDIT,\n              invalid: true,\n              errorSubject: 'File size exceeds limit',\n              errorBody:\n                '500kb max file size. Select a new file and try again.',\n            }\n      );\n      this.requestUpdate();\n    } else {\n      // Simulates network request time\n      const rand = Math.random() * 1000;\n      await new Promise((t) => setTimeout(t, rand));\n      this._files = this._files.map((item) =>\n        id !== item.id\n          ? item\n          : {\n              ...item,\n              state: FILE_UPLOADER_ITEM_STATE.COMPLETE,\n            }\n      );\n      this.requestUpdate();\n      // Shows x icon after 1 second\n      await new Promise((t) => setTimeout(t, 1000));\n      this._files = this._files.map((item) =>\n        id !== item.id\n          ? item\n          : {\n              ...item,\n              state: FILE_UPLOADER_ITEM_STATE.EDIT,\n            }\n      );\n      this.requestUpdate();\n    }\n  }\n\n  /**\n   * The file types the file input should accept, separated by space.\n   */\n  @property()\n  accept = '';\n\n  /**\n   * `true` if the drop container should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  button = false;\n\n  /**\n   * Button kind.\n   */\n  @property({ attribute: 'button-kind' })\n  buttonKind = 'primary';\n\n  /**\n   * Button label.\n   */\n  @property({ attribute: 'button-label' })\n  buttonLabel = 'Add file';\n\n  /**\n   * `true` if the drop container should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Icon description.\n   */\n  @property({ attribute: 'icon-description' })\n  iconDescription = '';\n\n  /**\n   * The input name.\n   */\n  @property({ attribute: 'input-name' })\n  inputName = '';\n\n  /**\n   * The label description text.\n   */\n  @property({ attribute: 'label-description' })\n  labelDescription = '';\n\n  /**\n   * The label title.\n   */\n  @property({ attribute: 'label-title' })\n  labelTitle = '';\n\n  /**\n   * `true` if the drop container should accept more than one files at once.\n   * Note that even with `false` set here, user _can_ select multiple files one by one.\n   */\n  @property({ type: Boolean, reflect: true })\n  multiple = false;\n\n  /**\n   * The size of the button item.\n   */\n  @property({ reflect: true })\n  size = BUTTON_SIZE.MEDIUM;\n\n  /**\n   * The state of this file uploader item.\n   */\n  @property({ reflect: true, attribute: 'input-state' })\n  inputState = '';\n\n  render() {\n    const {\n      accept,\n      button,\n      buttonKind,\n      buttonLabel,\n      disabled,\n      labelDescription,\n      labelTitle,\n      multiple,\n      size,\n      inputState,\n      iconDescription,\n      _files: files,\n      _handleChange: handleChange,\n      _handleDelete: handleDelete,\n    } = this;\n    return html`\n      <cds-file-uploader\n        label-description=\"${ifDefined(labelDescription)}\"\n        label-title=\"${ifDefined(labelTitle)}\"\n        ?disabled=\"${disabled}\">\n        ${!button\n          ? html` <cds-file-uploader-drop-container\n              accept=\"${ifDefined(accept)}\"\n              ?multiple=\"${multiple}\"\n              name=\"${ifDefined(this.inputName)}\"\n              @cds-file-uploader-drop-container-changed=\"${handleChange}\">\n              Drag and drop files here or click to upload\n            </cds-file-uploader-drop-container>`\n          : html` <cds-file-uploader-button\n              size=\"${ifDefined(size)}\"\n              button-kind=\"${buttonKind}\"\n              accept=\"${ifDefined(accept)}\"\n              name=\"${ifDefined(this.inputName)}\"\n              ?multiple=\"${multiple}\"\n              @cds-file-uploader-button-changed=\"${handleChange}\">\n              ${buttonLabel}\n            </cds-file-uploader-button>`}\n        ${files.map(\n          ({ id, invalid, file, state, errorSubject, errorBody }) => html`\n            <cds-file-uploader-item\n              data-file-id=\"${id}\"\n              ?invalid=\"${invalid}\"\n              state=\"${inputState || ifDefined(state)}\"\n              icon-description=\"${ifDefined(iconDescription)}\"\n              error-subject=\"${ifDefined(errorSubject)}\"\n              error-body=\"${ifDefined(errorBody)}\"\n              @cds-file-uploader-item-deleted=\"${handleDelete}\">\n              ${file.name}\n            </cds-file-uploader-item>\n          `\n        )}\n      </cds-file-uploader>\n    `;\n  }\n}\n"],"mappings":"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"}

package/es/components/file-uploader/file-uploader-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 HostListenerMixin from "../../globals/mixins/host-listener.js";
 import "../button/defs.js";
 import { FORM_ELEMENT_COLOR_SCHEME } from "../../globals/shared-enums.js";

package/es/components/file-uploader/file-uploader-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-uploader-button.js","names":["ifNonEmpty","styles","customElement"],"sources":["../../../src/components/file-uploader/file-uploader-button.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport styles from './file-uploader.scss?lit';\nimport { BUTTON_KIND, BUTTON_SIZE } from '../button/defs';\n\nexport { FORM_ELEMENT_COLOR_SCHEME as TILE_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/**\n * File uploader button .\n *\n * @element cds-file-uploader-button\n * @fires cds-file-uploader-button-changed The custom event fired when there is a user gesture to select files to upload.\n */\n@customElement(`${prefix}-file-uploader-button`)\nclass CDSFileUploaderButton extends HostListenerMixin(LitElement) {\n  /**\n   * Handles `click` event on the button.\n   */\n  private _handleClick(event) {\n    event.target.value = null;\n    const { selectorInput } = this.constructor as typeof CDSFileUploaderButton;\n    this?.shadowRoot?.querySelector(selectorInput)?.setAttribute('value', '');\n    (this?.shadowRoot?.querySelector(selectorInput) as HTMLElement).click();\n  }\n\n  /**\n   * Handles `keydown` event on the button.\n   */\n  private _handleKeyDown(event) {\n    const { selectorInput } = this.constructor as typeof CDSFileUploaderButton;\n    if (event.key === 'Enter' || event.key === 'Space') {\n      this?.shadowRoot?.querySelector(selectorInput)?.setAttribute('value', '');\n      (this?.shadowRoot?.querySelector(selectorInput) as HTMLElement).click();\n    }\n  }\n\n  /**\n   * Handles user gesture to select files to upload.\n   *\n   * @param event The event.\n   */\n  private _handleChange(event: Event | DragEvent) {\n    const addedFiles = this._getFiles(event);\n    const { eventChange, selectorInput } = this\n      .constructor as typeof CDSFileUploaderButton;\n    this.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          addedFiles,\n        },\n      })\n    );\n\n    const fileInput = this?.shadowRoot?.querySelector(selectorInput);\n    if (fileInput) {\n      (fileInput as HTMLInputElement).value = '';\n    }\n  }\n\n  /**\n   * @param event The event.\n   * @returns The list of files user chose to upload.\n   */\n  private _getFiles(event: Event | DragEvent) {\n    const { files } =\n      (event.type === 'drop'\n        ? (event as DragEvent).dataTransfer\n        : (event.target as HTMLInputElement)) ?? {};\n    const { accept } = this;\n    if (!accept || !/^(change|drop)$/.test(event.type)) {\n      return Array.from(files ?? []);\n    }\n    const acceptedTypes = new Set(accept.split(/[\\s,]+/).filter(Boolean));\n    return Array.prototype.filter.call(\n      files,\n      ({ name, type: mimeType = '' }) => {\n        const fileExtensionRegExp = /\\.[^.]+$/;\n        const hasFileExtension = fileExtensionRegExp.test(name);\n        const [fileExtension] = !hasFileExtension\n          ? [undefined]\n          : (fileExtensionRegExp.exec(name) ?? []);\n\n        return (\n          acceptedTypes.has(mimeType) ||\n          (fileExtension && acceptedTypes.has(fileExtension))\n        );\n      }\n    ) as File[];\n  }\n\n  /**\n   * Button kind.\n   */\n  @property({ reflect: true, attribute: 'button-kind' })\n  buttonKind = BUTTON_KIND.PRIMARY;\n\n  /**\n   * Button size.\n   */\n  @property({ reflect: true })\n  size = BUTTON_SIZE.MEDIUM;\n\n  /**\n   * The file types the file input should accept, separated by space.\n   */\n  @property()\n  accept = '';\n\n  /**\n   * `true` if this drop container should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if this drop container should accept more than one files at once.\n   * Note that even with `false` set here, user _can_ select multiple files one by one.\n   */\n  @property({ type: Boolean, reflect: true })\n  multiple = false;\n\n  /**\n   * The name of the input.\n   */\n  @property({ reflect: true })\n  name = '';\n\n  /**\n   * The shadow DOM slot to put this drop container in.\n   */\n  @property({ reflect: true })\n  slot = 'drop-container';\n\n  render() {\n    const {\n      accept,\n      disabled,\n      multiple,\n      name,\n      buttonKind,\n      size,\n      _handleChange: handleChange,\n    } = this;\n    const acceptForInput = accept\n      ? accept\n          .split(/[\\s,]+/)\n          .filter(Boolean)\n          .join(',')\n      : '';\n\n    const labelClasses = classMap({\n      [`${prefix}--file-browse-btn`]: true,\n      [`${prefix}--file-browse-btn--disabled`]: disabled,\n    });\n    const buttonClasses = classMap({\n      [`${prefix}--btn`]: true,\n      [`${prefix}--btn--${buttonKind}`]: buttonKind,\n      [`${prefix}--layout--size-${size}`]: size,\n      [`${prefix}--btn--disabled`]: disabled,\n      [`${prefix}--btn--${size}`]: size,\n    });\n    return html`\n      <button\n        type=\"button\"\n        class=\"${buttonClasses}\"\n        @click=\"${this._handleClick}\"\n        @keydown=\"${this._handleKeyDown}\">\n        <slot></slot>\n      </button>\n      <label class=\"${labelClasses}\" for=\"file\"> </label>\n      <input\n        id=\"file\"\n        type=\"file\"\n        class=\"${prefix}--file-input\"\n        tabindex=\"-1\"\n        accept=\"${ifNonEmpty(acceptForInput)}\"\n        ?disabled=\"${disabled}\"\n        ?multiple=\"${multiple}\"\n        name=\"${ifNonEmpty(name)}\"\n        @change=\"${handleChange}\" />\n    `;\n  }\n\n  /**\n   * The name of the custom event fired when there is a user gesture to select files to upload.\n   */\n  static get eventChange() {\n    return `${prefix}-file-uploader-button-changed`;\n  }\n\n  /**\n   * A selector that will return the file `input`.\n   */\n  static get selectorInput() {\n    return `.${prefix}--file-input`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSFileUploaderButton;\n"],"mappings":"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"}
+{"version":3,"file":"file-uploader-button.js","names":["ifNonEmpty","styles","customElement"],"sources":["../../../src/components/file-uploader/file-uploader-button.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport styles from './file-uploader.scss?lit';\nimport { BUTTON_KIND, BUTTON_SIZE } from '../button/defs';\n\nexport { FORM_ELEMENT_COLOR_SCHEME as TILE_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/**\n * File uploader button .\n *\n * @element cds-file-uploader-button\n * @fires cds-file-uploader-button-changed The custom event fired when there is a user gesture to select files to upload.\n */\n@customElement(`${prefix}-file-uploader-button`)\nclass CDSFileUploaderButton extends HostListenerMixin(LitElement) {\n  /**\n   * Handles `click` event on the button.\n   */\n  private _handleClick(event) {\n    event.target.value = null;\n    const { selectorInput } = this.constructor as typeof CDSFileUploaderButton;\n    this?.shadowRoot?.querySelector(selectorInput)?.setAttribute('value', '');\n    (this?.shadowRoot?.querySelector(selectorInput) as HTMLElement).click();\n  }\n\n  /**\n   * Handles `keydown` event on the button.\n   */\n  private _handleKeyDown(event) {\n    const { selectorInput } = this.constructor as typeof CDSFileUploaderButton;\n    if (event.key === 'Enter' || event.key === 'Space') {\n      this?.shadowRoot?.querySelector(selectorInput)?.setAttribute('value', '');\n      (this?.shadowRoot?.querySelector(selectorInput) as HTMLElement).click();\n    }\n  }\n\n  /**\n   * Handles user gesture to select files to upload.\n   *\n   * @param event The event.\n   */\n  private _handleChange(event: Event | DragEvent) {\n    const addedFiles = this._getFiles(event);\n    const { eventChange, selectorInput } = this\n      .constructor as typeof CDSFileUploaderButton;\n    this.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          addedFiles,\n        },\n      })\n    );\n\n    const fileInput = this?.shadowRoot?.querySelector(selectorInput);\n    if (fileInput) {\n      (fileInput as HTMLInputElement).value = '';\n    }\n  }\n\n  /**\n   * @param event The event.\n   * @returns The list of files user chose to upload.\n   */\n  private _getFiles(event: Event | DragEvent) {\n    const { files } =\n      (event.type === 'drop'\n        ? (event as DragEvent).dataTransfer\n        : (event.target as HTMLInputElement)) ?? {};\n    const { accept } = this;\n    if (!accept || !/^(change|drop)$/.test(event.type)) {\n      return Array.from(files ?? []);\n    }\n    const acceptedTypes = new Set(accept.split(/[\\s,]+/).filter(Boolean));\n    return Array.prototype.filter.call(\n      files,\n      ({ name, type: mimeType = '' }) => {\n        const fileExtensionRegExp = /\\.[^.]+$/;\n        const hasFileExtension = fileExtensionRegExp.test(name);\n        const [fileExtension] = !hasFileExtension\n          ? [undefined]\n          : (fileExtensionRegExp.exec(name) ?? []);\n\n        return (\n          acceptedTypes.has(mimeType) ||\n          (fileExtension && acceptedTypes.has(fileExtension))\n        );\n      }\n    ) as File[];\n  }\n\n  /**\n   * Button kind.\n   */\n  @property({ reflect: true, attribute: 'button-kind' })\n  buttonKind = BUTTON_KIND.PRIMARY;\n\n  /**\n   * Button size.\n   */\n  @property({ reflect: true })\n  size = BUTTON_SIZE.MEDIUM;\n\n  /**\n   * The file types the file input should accept, separated by space.\n   */\n  @property()\n  accept = '';\n\n  /**\n   * `true` if this drop container should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if this drop container should accept more than one files at once.\n   * Note that even with `false` set here, user _can_ select multiple files one by one.\n   */\n  @property({ type: Boolean, reflect: true })\n  multiple = false;\n\n  /**\n   * The name of the input.\n   */\n  @property({ reflect: true })\n  name = '';\n\n  /**\n   * The shadow DOM slot to put this drop container in.\n   */\n  @property({ reflect: true })\n  slot = 'drop-container';\n\n  render() {\n    const {\n      accept,\n      disabled,\n      multiple,\n      name,\n      buttonKind,\n      size,\n      _handleChange: handleChange,\n    } = this;\n    const acceptForInput = accept\n      ? accept\n          .split(/[\\s,]+/)\n          .filter(Boolean)\n          .join(',')\n      : '';\n\n    const labelClasses = classMap({\n      [`${prefix}--file-browse-btn`]: true,\n      [`${prefix}--file-browse-btn--disabled`]: disabled,\n    });\n    const buttonClasses = classMap({\n      [`${prefix}--btn`]: true,\n      [`${prefix}--btn--${buttonKind}`]: buttonKind,\n      [`${prefix}--layout--size-${size}`]: size,\n      [`${prefix}--btn--disabled`]: disabled,\n      [`${prefix}--btn--${size}`]: size,\n    });\n    return html`\n      <button\n        type=\"button\"\n        class=\"${buttonClasses}\"\n        @click=\"${this._handleClick}\"\n        @keydown=\"${this._handleKeyDown}\">\n        <slot></slot>\n      </button>\n      <label class=\"${labelClasses}\" for=\"file\"> </label>\n      <input\n        id=\"file\"\n        type=\"file\"\n        class=\"${prefix}--file-input\"\n        tabindex=\"-1\"\n        accept=\"${ifNonEmpty(acceptForInput)}\"\n        ?disabled=\"${disabled}\"\n        ?multiple=\"${multiple}\"\n        name=\"${ifNonEmpty(name)}\"\n        @change=\"${handleChange}\" />\n    `;\n  }\n\n  /**\n   * The name of the custom event fired when there is a user gesture to select files to upload.\n   */\n  static get eventChange() {\n    return `${prefix}-file-uploader-button-changed`;\n  }\n\n  /**\n   * A selector that will return the file `input`.\n   */\n  static get selectorInput() {\n    return `.${prefix}--file-input`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSFileUploaderButton;\n"],"mappings":"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"}

package/es/components/file-uploader/file-uploader-drop-container.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 HostListener from "../../globals/decorators/host-listener.js";
 import HostListenerMixin from "../../globals/mixins/host-listener.js";
 import { FORM_ELEMENT_COLOR_SCHEME } from "../../globals/shared-enums.js";

package/es/components/file-uploader/file-uploader-drop-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-uploader-drop-container.js","names":["ifNonEmpty","styles","customElement"],"sources":["../../../src/components/file-uploader/file-uploader-drop-container.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport styles from './file-uploader.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { FORM_ELEMENT_COLOR_SCHEME as TILE_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/**\n * The value to set to `event.dataTransfer.dropEffect`, keyed by the event nane.\n */\nconst dropEffects = {\n  dragover: 'copy',\n  dragleave: 'move',\n};\n\n/**\n * File uploader drop container.\n *\n * @element cds-file-uploader-drop-container\n * @fires cds-file-uploader-drop-container-changed The custom event fired when there is a user gesture to select files to upload.\n */\n@customElement(`${prefix}-file-uploader-drop-container`)\nclass CDSFileUploaderDropContainer extends HostListenerMixin(LitElement) {\n  /**\n   * `true` to show the active state of this UI.\n   */\n  private _active = false;\n\n  /**\n   * Handles user gesture to select files to upload.\n   *\n   * @param event The event.\n   */\n  private _handleChange(event: Event | DragEvent) {\n    const { eventChange, selectorInput } = this\n      .constructor as typeof CDSFileUploaderDropContainer;\n    const { files } =\n      (event.type === 'drop'\n        ? (event as DragEvent).dataTransfer\n        : (event.target as HTMLInputElement)) ?? {};\n    const addedFiles = this._getFiles(event, files);\n\n    this.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          addedFiles,\n        },\n      })\n    );\n\n    const fileInput = this?.shadowRoot?.querySelector(selectorInput);\n    if (fileInput) {\n      (fileInput as HTMLInputElement).value = ''; // carbon-web-components#904\n    }\n  }\n\n  /**\n   * Handles `dragover`, `dragleave` and `drop` events.\n   *\n   * @param event The event.\n   */\n  @HostListener('dragover')\n  @HostListener('dragleave')\n  @HostListener('drop')\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 _handleDrag(event: DragEvent) {\n    event.preventDefault(); // Prevents page navigation upon dropping\n    if (this.disabled) {\n      return;\n    }\n    const { dataTransfer, type } = event;\n    const dropEffect = dropEffects[type];\n    if (dataTransfer && dropEffect) {\n      dataTransfer.dropEffect = dropEffect;\n    }\n    this._active = type === 'dragover';\n    if (type === 'drop') {\n      this._handleChange(event);\n    }\n    this.requestUpdate();\n  }\n\n  /**\n   * @param event The event.\n   * @returns The list of files user chose to upload.\n   */\n  private _getFiles(event, files) {\n    const { accept } = this;\n    if (!accept || !/^(change|drop)$/.test(event.type)) {\n      return Array.from(files ?? []);\n    }\n    const acceptedTypes = new Set(accept.split(/[\\s,]+/).filter(Boolean));\n    return Array.prototype.filter.call(\n      files,\n      ({ name, type: mimeType = '' }) => {\n        const fileExtensionRegExp = /\\.[^.]+$/;\n        const hasFileExtension = fileExtensionRegExp.test(name);\n        const [fileExtension] = !hasFileExtension\n          ? [undefined]\n          : (fileExtensionRegExp.exec(name) ?? []);\n\n        return (\n          acceptedTypes.has(mimeType) ||\n          (fileExtension && acceptedTypes.has(fileExtension))\n        );\n      }\n    ) as File[];\n  }\n\n  /**\n   * The file types the file input should accept, separated by spaces and/or commas.\n   */\n  @property()\n  accept = '';\n\n  /**\n   * `true` if this drop container should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if this drop container should accept more than one files at once.\n   * Note that even with `false` set here, user _can_ select multiple files one by one.\n   */\n  @property({ type: Boolean, reflect: true })\n  multiple = false;\n\n  /**\n   * The name of the input.\n   */\n  @property({ reflect: true })\n  name = '';\n\n  /**\n   * The shadow DOM slot to put this drop container in.\n   */\n  @property({ reflect: true })\n  slot = 'drop-container';\n\n  render() {\n    const {\n      accept,\n      disabled,\n      multiple,\n      name,\n      _active: active,\n      _handleChange: handleChange,\n    } = this;\n    const acceptForInput = accept\n      ? accept\n          .split(/[\\s,]+/)\n          .filter(Boolean)\n          .join(',')\n      : '';\n    const labelClasses = classMap({\n      [`${prefix}--file-browse-btn`]: true,\n      [`${prefix}--file-browse-btn--disabled`]: disabled,\n    });\n    const dropareaClasses = classMap({\n      [`${prefix}--file__drop-container`]: true,\n      [`${prefix}--file__drop-container--drag-over`]: active,\n    });\n    return html`\n      <label class=\"${labelClasses}\" for=\"file\" tabindex=\"0\">\n        <div class=\"${dropareaClasses}\" role=\"button\">\n          <slot></slot>\n          <input\n            id=\"file\"\n            type=\"file\"\n            name=\"${ifNonEmpty(name)}\"\n            class=\"${prefix}--file-input\"\n            tabindex=\"-1\"\n            accept=\"${ifNonEmpty(acceptForInput)}\"\n            ?disabled=\"${disabled}\"\n            ?multiple=\"${multiple}\"\n            @change=\"${handleChange}\" />\n        </div>\n      </label>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired when there is a user gesture to select files to upload.\n   */\n  static get eventChange() {\n    return `${prefix}-file-uploader-drop-container-changed`;\n  }\n\n  /**\n   * A selector that will return the file `input`.\n   */\n  static get selectorInput() {\n    return `.${prefix}--file-input`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSFileUploaderDropContainer;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,cAAc;CAClB,UAAU;CACV,WAAW;CACZ;;;;;;;AAQD,IAAA,+BAAA,MACM,qCAAqC,kBAAkB,WAAW,CAAC;;;iBAIrD;gBA0FT;kBAME;kBAOA;cAMJ;cAMA;;;;;;;CA5GP,cAAsB,OAA0B;EAC9C,MAAM,EAAE,aAAa,kBAAkB,KACpC;EACH,MAAM,EAAE,WACL,MAAM,SAAS,SACX,MAAoB,eACpB,MAAM,WAAgC,EAAE;EAC/C,MAAM,aAAa,KAAK,UAAU,OAAO,MAAM;AAE/C,OAAK,cACH,IAAI,YAAY,aAAa;GAC3B,SAAS;GACT,UAAU;GACV,QAAQ,EACN,YACD;GACF,CAAC,CACH;EAED,MAAM,YAAY,MAAM,YAAY,cAAc,cAAc;AAChE,MAAI,UACD,WAA+B,QAAQ;;;;;;;CAS5C,YAKoB,OAAkB;AACpC,QAAM,gBAAgB;AACtB,MAAI,KAAK,SACP;EAEF,MAAM,EAAE,cAAc,SAAS;EAC/B,MAAM,aAAa,YAAY;AAC/B,MAAI,gBAAgB,WAClB,cAAa,aAAa;AAE5B,OAAK,UAAU,SAAS;AACxB,MAAI,SAAS,OACX,MAAK,cAAc,MAAM;AAE3B,OAAK,eAAe;;;;;;CAOtB,UAAkB,OAAO,OAAO;EAC9B,MAAM,EAAE,WAAW;AACnB,MAAI,CAAC,UAAU,CAAC,kBAAkB,KAAK,MAAM,KAAK,CAChD,QAAO,MAAM,KAAK,SAAS,EAAE,CAAC;EAEhC,MAAM,gBAAgB,IAAI,IAAI,OAAO,MAAM,SAAS,CAAC,OAAO,QAAQ,CAAC;AACrE,SAAO,MAAM,UAAU,OAAO,KAC5B,QACC,EAAE,MAAM,MAAM,WAAW,SAAS;GACjC,MAAM,sBAAsB;GAE5B,MAAM,CAAC,iBAAiB,CADC,oBAAoB,KAAK,KAAK,GAEnD,CAAC,KAAA,EAAU,GACV,oBAAoB,KAAK,KAAK,IAAI,EAAE;AAEzC,UACE,cAAc,IAAI,SAAS,IAC1B,iBAAiB,cAAc,IAAI,cAAc;IAGvD;;CAkCH,SAAS;EACP,MAAM,EACJ,QACA,UACA,UACA,MACA,SAAS,QACT,eAAe,iBACb;EACJ,MAAM,iBAAiB,SACnB,OACG,MAAM,SAAS,CACf,OAAO,QAAQ,CACf,KAAK,IAAI,GACZ;AASJ,SAAO,IAAI;sBARU,SAAS;IAC3B,yBAA+B;IAC/B,mCAAyC;GAC3C,CAAC,CAM6B;sBALP,SAAS;IAC9B,8BAAoC;IACpC,yCAA+C;GACjD,CAAC,CAGgC;;;;;oBAKlBA,qBAAW,KAAK,CAAC;2BACT;;sBAENA,qBAAW,eAAe,CAAC;yBACxB,SAAS;yBACT,SAAS;uBACX,aAAa;;;;;;;;CASlC,WAAW,cAAc;AACvB,SAAO;;;;;CAMT,WAAW,gBAAgB;AACzB,SAAO;;;gBAGOC;;;;CAxIf,aAAa,WAAW;CACxB,aAAa,YAAY;CACzB,aAAa,OAAO;;YAkDpB,UAAU,CAAA,EAAA,6BAAA,WAAA,UAAA,KAAA,EAAA;YAMV,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,6BAAA,WAAA,YAAA,KAAA,EAAA;YAO1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,6BAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,6BAAA,WAAA,QAAA,KAAA,EAAA;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,6BAAA,WAAA,QAAA,KAAA,EAAA;2CAvH7BC,cAAc,mCAAyC,CAAA,EAAA,6BAAA;AAqLxD,IAAA,uCAAe"}
+{"version":3,"file":"file-uploader-drop-container.js","names":["ifNonEmpty","styles","customElement"],"sources":["../../../src/components/file-uploader/file-uploader-drop-container.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport styles from './file-uploader.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { FORM_ELEMENT_COLOR_SCHEME as TILE_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/**\n * The value to set to `event.dataTransfer.dropEffect`, keyed by the event nane.\n */\nconst dropEffects = {\n  dragover: 'copy',\n  dragleave: 'move',\n};\n\n/**\n * File uploader drop container.\n *\n * @element cds-file-uploader-drop-container\n * @fires cds-file-uploader-drop-container-changed The custom event fired when there is a user gesture to select files to upload.\n */\n@customElement(`${prefix}-file-uploader-drop-container`)\nclass CDSFileUploaderDropContainer extends HostListenerMixin(LitElement) {\n  /**\n   * `true` to show the active state of this UI.\n   */\n  private _active = false;\n\n  /**\n   * Handles user gesture to select files to upload.\n   *\n   * @param event The event.\n   */\n  private _handleChange(event: Event | DragEvent) {\n    const { eventChange, selectorInput } = this\n      .constructor as typeof CDSFileUploaderDropContainer;\n    const { files } =\n      (event.type === 'drop'\n        ? (event as DragEvent).dataTransfer\n        : (event.target as HTMLInputElement)) ?? {};\n    const addedFiles = this._getFiles(event, files);\n\n    this.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          addedFiles,\n        },\n      })\n    );\n\n    const fileInput = this?.shadowRoot?.querySelector(selectorInput);\n    if (fileInput) {\n      (fileInput as HTMLInputElement).value = ''; // carbon-web-components#904\n    }\n  }\n\n  /**\n   * Handles `dragover`, `dragleave` and `drop` events.\n   *\n   * @param event The event.\n   */\n  @HostListener('dragover')\n  @HostListener('dragleave')\n  @HostListener('drop')\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 _handleDrag(event: DragEvent) {\n    event.preventDefault(); // Prevents page navigation upon dropping\n    if (this.disabled) {\n      return;\n    }\n    const { dataTransfer, type } = event;\n    const dropEffect = dropEffects[type];\n    if (dataTransfer && dropEffect) {\n      dataTransfer.dropEffect = dropEffect;\n    }\n    this._active = type === 'dragover';\n    if (type === 'drop') {\n      this._handleChange(event);\n    }\n    this.requestUpdate();\n  }\n\n  /**\n   * @param event The event.\n   * @returns The list of files user chose to upload.\n   */\n  private _getFiles(event, files) {\n    const { accept } = this;\n    if (!accept || !/^(change|drop)$/.test(event.type)) {\n      return Array.from(files ?? []);\n    }\n    const acceptedTypes = new Set(accept.split(/[\\s,]+/).filter(Boolean));\n    return Array.prototype.filter.call(\n      files,\n      ({ name, type: mimeType = '' }) => {\n        const fileExtensionRegExp = /\\.[^.]+$/;\n        const hasFileExtension = fileExtensionRegExp.test(name);\n        const [fileExtension] = !hasFileExtension\n          ? [undefined]\n          : (fileExtensionRegExp.exec(name) ?? []);\n\n        return (\n          acceptedTypes.has(mimeType) ||\n          (fileExtension && acceptedTypes.has(fileExtension))\n        );\n      }\n    ) as File[];\n  }\n\n  /**\n   * The file types the file input should accept, separated by spaces and/or commas.\n   */\n  @property()\n  accept = '';\n\n  /**\n   * `true` if this drop container should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if this drop container should accept more than one files at once.\n   * Note that even with `false` set here, user _can_ select multiple files one by one.\n   */\n  @property({ type: Boolean, reflect: true })\n  multiple = false;\n\n  /**\n   * The name of the input.\n   */\n  @property({ reflect: true })\n  name = '';\n\n  /**\n   * The shadow DOM slot to put this drop container in.\n   */\n  @property({ reflect: true })\n  slot = 'drop-container';\n\n  render() {\n    const {\n      accept,\n      disabled,\n      multiple,\n      name,\n      _active: active,\n      _handleChange: handleChange,\n    } = this;\n    const acceptForInput = accept\n      ? accept\n          .split(/[\\s,]+/)\n          .filter(Boolean)\n          .join(',')\n      : '';\n    const labelClasses = classMap({\n      [`${prefix}--file-browse-btn`]: true,\n      [`${prefix}--file-browse-btn--disabled`]: disabled,\n    });\n    const dropareaClasses = classMap({\n      [`${prefix}--file__drop-container`]: true,\n      [`${prefix}--file__drop-container--drag-over`]: active,\n    });\n    return html`\n      <label class=\"${labelClasses}\" for=\"file\" tabindex=\"0\">\n        <div class=\"${dropareaClasses}\" role=\"button\">\n          <slot></slot>\n          <input\n            id=\"file\"\n            type=\"file\"\n            name=\"${ifNonEmpty(name)}\"\n            class=\"${prefix}--file-input\"\n            tabindex=\"-1\"\n            accept=\"${ifNonEmpty(acceptForInput)}\"\n            ?disabled=\"${disabled}\"\n            ?multiple=\"${multiple}\"\n            @change=\"${handleChange}\" />\n        </div>\n      </label>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired when there is a user gesture to select files to upload.\n   */\n  static get eventChange() {\n    return `${prefix}-file-uploader-drop-container-changed`;\n  }\n\n  /**\n   * A selector that will return the file `input`.\n   */\n  static get selectorInput() {\n    return `.${prefix}--file-input`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSFileUploaderDropContainer;\n"],"mappings":"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"}

package/es/components/file-uploader/file-uploader-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 iconLoader from "../../globals/internal/icon-loader.js";
 import file_uploader_default from "./file-uploader.scss.js";
 import "../loading/defs.js";