@carbon/web-components 2.47.0 → 2.48.0

package/es/components/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../../src/components/tooltip/tooltip.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 { adoptStyles } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport CDSPopover from '../popover/popover';\nimport '../popover/popover-content';\nimport styles from './tooltip.scss?lit';\nimport popoverStyles from '../popover/popover.scss?lit';\nimport CDSTooltipContent from './tooltip-content';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Trigger button of tooltip.\n *\n * @element cds-tooltip\n */\n@customElement(`${prefix}-tooltip`)\nclass CDSTooltip extends HostListenerMixin(CDSPopover) {\n  /**\n   * Specify how the trigger should align with the tooltip\n   */\n  @property({ reflect: true, type: String })\n  align = 'top';\n\n  /**\n   * Specify whether a auto align functionality should be applied\n   */\n  @property({ type: Boolean, reflect: true })\n  autoalign = false;\n\n  /**\n   * `true` if this tooltip is in a data table row\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'data-table' })\n  dataTable = false;\n\n  /**\n   * Specify whether the tooltip should be closed when clicked\n   */\n  @property({ reflect: true, type: Boolean })\n  closeOnActivation = false;\n\n  /**\n   * Specify whether the tooltip should be open when it first renders\n   */\n  @property({ reflect: true, type: Boolean })\n  defaultOpen = false;\n\n  /**\n   * Specify the duration in milliseconds to delay before displaying the tooltip\n   */\n  @property({ attribute: 'enter-delay-ms', type: Number })\n  enterDelayMs = 100;\n\n  /**\n   * Specify the duration in milliseconds to delay before hiding the tooltip\n   */\n  @property({ attribute: 'leave-delay-ms', type: Number })\n  leaveDelayMs = 300;\n\n  /**\n   * Only open tooltip on keyboard interactions, this is used for interactive tags\n   * (ie. operational-tag, selectable-tag)\n   */\n  @property({ attribute: 'keyboard-only', type: Boolean })\n  keyboardOnly = false;\n\n  /**\n   * Specify the size of the tooltip\n   */\n  @property({ reflect: true })\n  size = false;\n\n  /**\n   * Specify the timeout reference for the tooltip\n   */\n  @property({ reflect: true })\n  timeoutId = 0;\n\n  /**\n   * Specify whether the tooltip should be open when it first renders\n   */\n  @property({ reflect: true, attribute: 'toolbar-action', type: Boolean })\n  toolbarAction = false;\n\n  /**\n   * Track if last interaction was a keyboard interaction\n   */\n  private lastInteractionWasKeyboard = false;\n\n  /**\n   * Handles opening of tooltip\n   */\n  private _showTooltip = async () => {\n    window.clearTimeout(this.timeoutId);\n    this.timeoutId = window.setTimeout(async () => {\n      this.open = true;\n      const { open, updateComplete } = this;\n      if (open) {\n        await updateComplete;\n        const { selectorTooltipContent } = this\n          .constructor as typeof CDSTooltip;\n        (this.querySelector(selectorTooltipContent) as HTMLElement)?.focus();\n      }\n    }, this.enterDelayMs);\n  };\n\n  /**\n   * Handles `mouseover` event on this element.\n   */\n  private _handleHover = (event) => {\n    if (this.keyboardOnly) {\n      if (event instanceof FocusEvent && this.lastInteractionWasKeyboard) {\n        this._showTooltip();\n      }\n    } else {\n      this._showTooltip();\n    }\n  };\n\n  /**\n   * Handles `mouseleave` event on this element.\n   */\n  private _handleHoverOut = async () => {\n    window.clearTimeout(this.timeoutId);\n    this.timeoutId = window.setTimeout(async () => {\n      const { open } = this;\n      if (open) {\n        this.open = false;\n      }\n    }, this.leaveDelayMs);\n  };\n\n  /**\n   * Handles `click` event on this element.\n   */\n  @HostListener('click')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClick = async () => {\n    this.lastInteractionWasKeyboard = false;\n    if (this.closeOnActivation) {\n      this._handleHoverOut();\n    }\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\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 _handleKeydown = async (event) => {\n    // needed for interactive tags for when the tag is focused from tabbing into it\n    // tooltip is expected to open only from keyboard interaction\n    if (event.key === 'Tab') {\n      this.lastInteractionWasKeyboard = true;\n    }\n    if (event.key === ' ' || event.key === 'Enter' || event.key === 'Escape') {\n      this.lastInteractionWasKeyboard = true;\n      if (this.closeOnActivation) {\n        this._handleHoverOut();\n      }\n    }\n  };\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const component = (target as HTMLSlotElement).assignedNodes().filter(\n      (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim() // eslint-disable-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    );\n    if (!component[0]) {\n      return;\n    }\n\n    (component[0] as HTMLElement).addEventListener('focus', this._handleHover);\n    (component[0] as HTMLElement).addEventListener(\n      'focusout',\n      this._handleHoverOut\n    );\n\n    if (!this.keyboardOnly) {\n      (component[0] as HTMLElement).addEventListener(\n        'mouseover',\n        this._handleHover\n      );\n      (component[0] as HTMLElement).addEventListener(\n        'mouseleave',\n        this._handleHoverOut\n      );\n    }\n    this.requestUpdate();\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('highContrast')) {\n      this.setAttribute('highContrast', '');\n    }\n    if (!this.shadowRoot) {\n      this.attachShadow({ mode: 'open' });\n    }\n    window.addEventListener('keydown', this._handleKeydown, true);\n    super.connectedCallback();\n\n    adoptStyles(this.renderRoot as ShadowRoot, [popoverStyles, styles]);\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('keydown', this._handleKeydown, true);\n    super.disconnectedCallback();\n  }\n\n  updated(changedProperties) {\n    const { selectorTooltipContent } = this.constructor as typeof CDSTooltip;\n    const toolTipContent = this.querySelector(selectorTooltipContent);\n\n    if (changedProperties.has('defaultOpen')) {\n      this.open = this.defaultOpen;\n    }\n\n    if (changedProperties.has('open')) {\n      // eslint-disable-next-line  @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20452\n      this.open\n        ? toolTipContent?.setAttribute('open', '')\n        : toolTipContent?.removeAttribute('open');\n    }\n\n    ['align', 'caret', 'autoalign', 'dropShadow'].forEach((name) => {\n      if (changedProperties.has(name)) {\n        const { [name as keyof CDSTooltip]: value } = this;\n        (toolTipContent as CDSTooltipContent)[name] = value;\n      }\n    });\n\n    if (this.hasAttribute('highcontrast')) {\n      toolTipContent?.setAttribute('highcontrast', '');\n    }\n\n    this.shadowRoot\n      ?.querySelector(`.${prefix}--popover-container`)\n      ?.classList.add(`${prefix}--tooltip`);\n\n    super.updated(changedProperties);\n  }\n\n  /**\n   * A selector that will return the CDSTooltipContent.\n   */\n  static get selectorTooltipContent() {\n    return `${prefix}-tooltip-content`;\n  }\n}\n\nexport default CDSTooltip;\n"],"names":["styles","customElement"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;AAKG;AAcH;;;;AAIG;AAEH,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,iBAAiB,CAAC,UAAU,CAAC,CAAA;AAAtD,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAA,CAAA,KAAK,GAAG,KAAK;AAEb;;AAEG;QAEH,IAAA,CAAA,SAAS,GAAG,KAAK;AAEjB;;AAEG;QAEH,IAAA,CAAA,SAAS,GAAG,KAAK;AAEjB;;AAEG;QAEH,IAAA,CAAA,iBAAiB,GAAG,KAAK;AAEzB;;AAEG;QAEH,IAAA,CAAA,WAAW,GAAG,KAAK;AAEnB;;AAEG;QAEH,IAAA,CAAA,YAAY,GAAG,GAAG;AAElB;;AAEG;QAEH,IAAA,CAAA,YAAY,GAAG,GAAG;AAElB;;;AAGG;QAEH,IAAA,CAAA,YAAY,GAAG,KAAK;AAEpB;;AAEG;QAEH,IAAA,CAAA,IAAI,GAAG,KAAK;AAEZ;;AAEG;QAEH,IAAA,CAAA,SAAS,GAAG,CAAC;AAEb;;AAEG;QAEH,IAAA,CAAA,aAAa,GAAG,KAAK;AAErB;;AAEG;QACK,IAAA,CAAA,0BAA0B,GAAG,KAAK;AAE1C;;AAEG;QACK,IAAA,CAAA,YAAY,GAAG,YAAW;AAChC,YAAA,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC;YACnC,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,YAAW;;AAC5C,gBAAA,IAAI,CAAC,IAAI,GAAG,IAAI;AAChB,gBAAA,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,IAAI;gBACrC,IAAI,IAAI,EAAE;AACR,oBAAA,MAAM,cAAc;AACpB,oBAAA,MAAM,EAAE,sBAAsB,EAAE,GAAG;AAChC,yBAAA,WAAgC;oBACnC,CAAA,EAAA,GAAC,IAAI,CAAC,aAAa,CAAC,sBAAsB,CAAiB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,EAAE;gBACtE;AACF,YAAA,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC;AACvB,QAAA,CAAC;AAED;;AAEG;AACK,QAAA,IAAA,CAAA,YAAY,GAAG,CAAC,KAAK,KAAI;AAC/B,YAAA,IAAI,IAAI,CAAC,YAAY,EAAE;gBACrB,IAAI,KAAK,YAAY,UAAU,IAAI,IAAI,CAAC,0BAA0B,EAAE;oBAClE,IAAI,CAAC,YAAY,EAAE;gBACrB;YACF;iBAAO;gBACL,IAAI,CAAC,YAAY,EAAE;YACrB;AACF,QAAA,CAAC;AAED;;AAEG;QACK,IAAA,CAAA,eAAe,GAAG,YAAW;AACnC,YAAA,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC;YACnC,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,YAAW;AAC5C,gBAAA,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI;gBACrB,IAAI,IAAI,EAAE;AACR,oBAAA,IAAI,CAAC,IAAI,GAAG,KAAK;gBACnB;AACF,YAAA,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC;AACvB,QAAA,CAAC;AAED;;AAEG;QAIK,IAAA,CAAA,YAAY,GAAG,YAAW;AAChC,YAAA,IAAI,CAAC,0BAA0B,GAAG,KAAK;AACvC,YAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE;gBAC1B,IAAI,CAAC,eAAe,EAAE;YACxB;AACF,QAAA,CAAC;AAED;;AAEG;AAIK,QAAA,IAAA,CAAA,cAAc,GAAG,OAAO,KAAK,KAAI;;;AAGvC,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;AACvB,gBAAA,IAAI,CAAC,0BAA0B,GAAG,IAAI;YACxC;AACA,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;AACxE,gBAAA,IAAI,CAAC,0BAA0B,GAAG,IAAI;AACtC,gBAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE;oBAC1B,IAAI,CAAC,eAAe,EAAE;gBACxB;YACF;AACF,QAAA,CAAC;IAyFH;AAvFE;;AAEG;IACO,iBAAiB,CAAC,EAAE,MAAM,EAAS,EAAA;AAC3C,QAAA,MAAM,SAAS,GAAI,MAA0B,CAAC,aAAa,EAAE,CAAC,MAAM,CAClE,CAAC,IAAI,KAAK,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,IAAI,IAAK,CAAC,WAAY,CAAC,IAAI,EAAE;SACxE;AACD,QAAA,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;YACjB;QACF;AAEC,QAAA,SAAS,CAAC,CAAC,CAAiB,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC;AACzE,QAAA,SAAS,CAAC,CAAC,CAAiB,CAAC,gBAAgB,CAC5C,UAAU,EACV,IAAI,CAAC,eAAe,CACrB;AAED,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;AACrB,YAAA,SAAS,CAAC,CAAC,CAAiB,CAAC,gBAAgB,CAC5C,WAAW,EACX,IAAI,CAAC,YAAY,CAClB;AACA,YAAA,SAAS,CAAC,CAAC,CAAiB,CAAC,gBAAgB,CAC5C,YAAY,EACZ,IAAI,CAAC,eAAe,CACrB;QACH;QACA,IAAI,CAAC,aAAa,EAAE;IACtB;IAEA,iBAAiB,GAAA;QACf,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,EAAE;AACtC,YAAA,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,EAAE,CAAC;QACvC;AACA,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACpB,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;QACrC;QACA,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC;QAC7D,KAAK,CAAC,iBAAiB,EAAE;QAEzB,WAAW,CAAC,IAAI,CAAC,UAAwB,EAAE,CAAC,aAAa,EAAEA,aAAM,CAAC,CAAC;IACrE;IAEA,oBAAoB,GAAA;QAClB,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC;QAChE,KAAK,CAAC,oBAAoB,EAAE;IAC9B;AAEA,IAAA,OAAO,CAAC,iBAAiB,EAAA;;AACvB,QAAA,MAAM,EAAE,sBAAsB,EAAE,GAAG,IAAI,CAAC,WAAgC;QACxE,MAAM,cAAc,GAAG,IAAI,CAAC,aAAa,CAAC,sBAAsB,CAAC;AAEjE,QAAA,IAAI,iBAAiB,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE;AACxC,YAAA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW;QAC9B;AAEA,QAAA,IAAI,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;;AAEjC,YAAA,IAAI,CAAC;AACH,kBAAE,cAAc,KAAA,IAAA,IAAd,cAAc,KAAA,MAAA,GAAA,MAAA,GAAd,cAAc,CAAE,YAAY,CAAC,MAAM,EAAE,EAAE;kBACvC,cAAc,KAAA,IAAA,IAAd,cAAc,KAAA,MAAA,GAAA,MAAA,GAAd,cAAc,CAAE,eAAe,CAAC,MAAM,CAAC;QAC7C;AAEA,QAAA,CAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AAC7D,YAAA,IAAI,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;gBAC/B,MAAM,EAAE,CAAC,IAAwB,GAAG,KAAK,EAAE,GAAG,IAAI;AACjD,gBAAA,cAAoC,CAAC,IAAI,CAAC,GAAG,KAAK;YACrD;AACF,QAAA,CAAC,CAAC;AAEF,QAAA,IAAI,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,EAAE;YACrC,cAAc,KAAA,IAAA,IAAd,cAAc,KAAA,MAAA,GAAA,MAAA,GAAd,cAAc,CAAE,YAAY,CAAC,cAAc,EAAE,EAAE,CAAC;QAClD;QAEA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,0CACX,aAAa,CAAC,IAAI,MAAM,CAAA,mBAAA,CAAqB,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAC9C,SAAS,CAAC,GAAG,CAAC,GAAG,MAAM,CAAA,SAAA,CAAW,CAAC;AAEvC,QAAA,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC;IAClC;AAEA;;AAEG;AACH,IAAA,WAAW,sBAAsB,GAAA;QAC/B,OAAO,CAAA,EAAG,MAAM,CAAA,gBAAA,CAAkB;IACpC;CACD;AAvOC,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE;AAC3B,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAMd,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACxB,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AAMlB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE;AACjD,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AAMlB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE;AAChB,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,mBAAA,EAAA,MAAA,CAAA;AAM1B,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE;AACtB,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AAMpB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,EAAE;AACpC,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,cAAA,EAAA,MAAA,CAAA;AAMnB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,EAAE;AACpC,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,cAAA,EAAA,MAAA,CAAA;AAOnB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,IAAI,EAAE,OAAO,EAAE;AAClC,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,cAAA,EAAA,MAAA,CAAA;AAMrB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACd,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAMb,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACb,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AAMd,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE,IAAI,EAAE,OAAO,EAAE;AACjD,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,eAAA,EAAA,MAAA,CAAA;AAwDd,UAAA,CAAA;IAHP,YAAY,CAAC,OAAO;;;AAQnB,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,cAAA,EAAA,MAAA,CAAA;AAQM,UAAA,CAAA;IAHP,YAAY,CAAC,SAAS;;;AAerB,CAAA,EAAA,UAAA,CAAA,SAAA,EAAA,gBAAA,EAAA,MAAA,CAAA;AAnJE,UAAU,GAAA,UAAA,CAAA;AADf,IAAAC,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,QAAA,CAAU;AAC5B,CAAA,EAAA,UAAU,CA4Of;AAED,mBAAe,UAAU;;;;"}
+{"version":3,"file":"tooltip.js","sources":["../../../src/components/tooltip/tooltip.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 { adoptStyles } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport CDSPopover from '../popover/popover';\nimport '../popover/popover-content';\nimport styles from './tooltip.scss?lit';\nimport popoverStyles from '../popover/popover.scss?lit';\nimport CDSTooltipContent from './tooltip-content';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Trigger button of tooltip.\n *\n * @element cds-tooltip\n */\n@customElement(`${prefix}-tooltip`)\nclass CDSTooltip extends HostListenerMixin(CDSPopover) {\n  /**\n   * Specify how the trigger should align with the tooltip\n   */\n  @property({ reflect: true, type: String })\n  align = 'top';\n\n  /**\n   * Specify whether a auto align functionality should be applied\n   */\n  @property({ type: Boolean, reflect: true })\n  autoalign = false;\n\n  /**\n   * `true` if this tooltip is in a data table row\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'data-table' })\n  dataTable = false;\n\n  /**\n   * Specify whether the tooltip should be closed when clicked\n   */\n  @property({ reflect: true, type: Boolean })\n  closeOnActivation = false;\n\n  /**\n   * Specify whether the tooltip should be open when it first renders\n   */\n  @property({ reflect: true, type: Boolean })\n  defaultOpen = false;\n\n  /**\n   * Specify the duration in milliseconds to delay before displaying the tooltip\n   */\n  @property({ attribute: 'enter-delay-ms', type: Number })\n  enterDelayMs = 100;\n\n  /**\n   * Specify the duration in milliseconds to delay before hiding the tooltip\n   */\n  @property({ attribute: 'leave-delay-ms', type: Number })\n  leaveDelayMs = 300;\n\n  /**\n   * Only open tooltip on keyboard interactions, this is used for interactive tags\n   * (ie. operational-tag, selectable-tag)\n   */\n  @property({ attribute: 'keyboard-only', type: Boolean })\n  keyboardOnly = false;\n\n  /**\n   * Specify the size of the tooltip\n   */\n  @property({ reflect: true })\n  size = false;\n\n  /**\n   * Specify the timeout reference for the tooltip\n   */\n  @property({ reflect: true })\n  timeoutId = 0;\n\n  /**\n   * Specify whether the tooltip should be open when it first renders\n   */\n  @property({ reflect: true, attribute: 'toolbar-action', type: Boolean })\n  toolbarAction = false;\n\n  /**\n   * Track if last interaction was a keyboard interaction\n   */\n  private lastInteractionWasKeyboard = false;\n\n  /**\n   * Handles opening of tooltip\n   */\n  private _showTooltip = async () => {\n    window.clearTimeout(this.timeoutId);\n    this.timeoutId = window.setTimeout(async () => {\n      this.open = true;\n      const { open, updateComplete } = this;\n      if (open) {\n        await updateComplete;\n        const { selectorTooltipContent } = this\n          .constructor as typeof CDSTooltip;\n        (this.querySelector(selectorTooltipContent) as HTMLElement)?.focus();\n      }\n    }, this.enterDelayMs);\n  };\n\n  /**\n   * Handles `mouseover` event on this element.\n   */\n  private _handleHover = (event) => {\n    if (this.keyboardOnly) {\n      if (event instanceof FocusEvent && this.lastInteractionWasKeyboard) {\n        this._showTooltip();\n      }\n    } else {\n      this._showTooltip();\n    }\n  };\n\n  /**\n   * Handles `mouseleave` event on this element.\n   */\n  private _handleHoverOut = async () => {\n    window.clearTimeout(this.timeoutId);\n    this.timeoutId = window.setTimeout(async () => {\n      const { open } = this;\n      if (open) {\n        this.open = false;\n      }\n    }, this.leaveDelayMs);\n  };\n\n  /**\n   * Handles `click` event on this element.\n   */\n  @HostListener('click')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClick = async () => {\n    this.lastInteractionWasKeyboard = false;\n    if (this.closeOnActivation) {\n      this._handleHoverOut();\n    }\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\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 _handleKeydown = async (event) => {\n    // needed for interactive tags for when the tag is focused from tabbing into it\n    // tooltip is expected to open only from keyboard interaction\n    if (event.key === 'Tab') {\n      this.lastInteractionWasKeyboard = true;\n    }\n    if (event.key === ' ' || event.key === 'Enter' || event.key === 'Escape') {\n      this.lastInteractionWasKeyboard = true;\n      if (this.closeOnActivation) {\n        this._handleHoverOut();\n      }\n    }\n  };\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const component = (target as HTMLSlotElement).assignedNodes().filter(\n      (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim() // eslint-disable-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    );\n    if (!component[0]) {\n      return;\n    }\n\n    (component[0] as HTMLElement).addEventListener('focus', this._handleHover);\n    (component[0] as HTMLElement).addEventListener(\n      'focusout',\n      this._handleHoverOut\n    );\n\n    if (!this.keyboardOnly) {\n      (component[0] as HTMLElement).addEventListener(\n        'mouseover',\n        this._handleHover\n      );\n      (component[0] as HTMLElement).addEventListener(\n        'mouseleave',\n        this._handleHoverOut\n      );\n    }\n    this.requestUpdate();\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('highContrast')) {\n      this.setAttribute('highContrast', '');\n    }\n    if (!this.shadowRoot) {\n      this.attachShadow({ mode: 'open' });\n    }\n    window.addEventListener('keydown', this._handleKeydown, true);\n    super.connectedCallback();\n\n    adoptStyles(this.renderRoot as ShadowRoot, [popoverStyles, styles]);\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('keydown', this._handleKeydown, true);\n    super.disconnectedCallback();\n  }\n\n  updated(changedProperties) {\n    const { selectorTooltipContent } = this.constructor as typeof CDSTooltip;\n    const toolTipContent = this.querySelector(selectorTooltipContent);\n\n    if (changedProperties.has('defaultOpen')) {\n      this.open = this.defaultOpen;\n    }\n\n    if (changedProperties.has('open')) {\n      if (this.open) {\n        toolTipContent?.setAttribute('open', '');\n      } else {\n        toolTipContent?.removeAttribute('open');\n      }\n    }\n\n    ['align', 'caret', 'autoalign', 'dropShadow'].forEach((name) => {\n      if (changedProperties.has(name)) {\n        const { [name as keyof CDSTooltip]: value } = this;\n        (toolTipContent as CDSTooltipContent)[name] = value;\n      }\n    });\n\n    if (this.hasAttribute('highcontrast')) {\n      toolTipContent?.setAttribute('highcontrast', '');\n    }\n\n    this.shadowRoot\n      ?.querySelector(`.${prefix}--popover-container`)\n      ?.classList.add(`${prefix}--tooltip`);\n\n    super.updated(changedProperties);\n  }\n\n  /**\n   * A selector that will return the CDSTooltipContent.\n   */\n  static get selectorTooltipContent() {\n    return `${prefix}-tooltip-content`;\n  }\n}\n\nexport default CDSTooltip;\n"],"names":["styles","customElement"],"mappings":"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"}

package/es/components/tree-view/tree-view.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2025, 2025
+ * Copyright IBM Corp. 2025, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -15,6 +15,7 @@ declare const CDSTreeView_base: {
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
+        autocorrect: boolean;
         dir: string;
         draggable: boolean;
         hidden: boolean;
@@ -36,13 +37,14 @@ declare const CDSTreeView_base: {
         click(): void;
         hidePopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean): boolean;
+        togglePopover(options?: boolean): boolean;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
         removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
         removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
         readonly attributes: NamedNodeMap;
-        readonly classList: DOMTokenList;
+        get classList(): DOMTokenList;
+        set classList(value: string);
         className: string;
         readonly clientHeight: number;
         readonly clientLeft: number;
@@ -57,7 +59,8 @@ declare const CDSTreeView_base: {
         onfullscreenerror: ((this: Element, ev: Event) => any) | null;
         outerHTML: string;
         readonly ownerDocument: Document;
-        readonly part: DOMTokenList;
+        get part(): DOMTokenList;
+        set part(value: string);
         readonly prefix: string | null;
         readonly scrollHeight: number;
         scrollLeft: number;
@@ -120,6 +123,8 @@ declare const CDSTreeView_base: {
         setPointerCapture(pointerId: number): void;
         toggleAttribute(qualifiedName: string, force?: boolean): boolean;
         webkitMatchesSelector(selectors: string): boolean;
+        get textContent(): string;
+        set textContent(value: string | null);
         readonly baseURI: string;
         readonly childNodes: NodeListOf<ChildNode>;
         readonly firstChild: ChildNode | null;
@@ -132,9 +137,8 @@ declare const CDSTreeView_base: {
         readonly parentElement: HTMLElement | null;
         readonly parentNode: ParentNode | null;
         readonly previousSibling: ChildNode | null;
-        textContent: string | null;
         appendChild<T extends Node>(node: T): T;
-        cloneNode(deep?: boolean): Node;
+        cloneNode(subtree?: boolean): Node;
         compareDocumentPosition(other: Node): number;
         contains(other: Node | null): boolean;
         getRootNode(options?: GetRootNodeOptions): Node;
@@ -167,6 +171,7 @@ declare const CDSTreeView_base: {
         readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
         readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
         dispatchEvent(event: Event): boolean;
+        ariaActiveDescendantElement: Element | null;
         ariaAtomic: string | null;
         ariaAutoComplete: string | null;
         ariaBrailleLabel: string | null;
@@ -177,25 +182,33 @@ declare const CDSTreeView_base: {
         ariaColIndex: string | null;
         ariaColIndexText: string | null;
         ariaColSpan: string | null;
+        ariaControlsElements: ReadonlyArray<Element> | null;
         ariaCurrent: string | null;
+        ariaDescribedByElements: ReadonlyArray<Element> | null;
         ariaDescription: string | null;
+        ariaDetailsElements: ReadonlyArray<Element> | null;
         ariaDisabled: string | null;
+        ariaErrorMessageElements: ReadonlyArray<Element> | null;
         ariaExpanded: string | null;
+        ariaFlowToElements: ReadonlyArray<Element> | null;
         ariaHasPopup: string | null;
         ariaHidden: string | null;
         ariaInvalid: string | null;
         ariaKeyShortcuts: string | null;
         ariaLabel: string | null;
+        ariaLabelledByElements: ReadonlyArray<Element> | null;
         ariaLevel: string | null;
         ariaLive: string | null;
         ariaModal: string | null;
         ariaMultiLine: string | null;
         ariaMultiSelectable: string | null;
         ariaOrientation: string | null;
+        ariaOwnsElements: ReadonlyArray<Element> | null;
         ariaPlaceholder: string | null;
         ariaPosInSet: string | null;
         ariaPressed: string | null;
         ariaReadOnly: string | null;
+        ariaRelevant: string | null;
         ariaRequired: string | null;
         ariaRoleDescription: string | null;
         ariaRowCount: string | null;
@@ -237,7 +250,8 @@ declare const CDSTreeView_base: {
         replaceChildren(...nodes: (Node | string)[]): void;
         readonly assignedSlot: HTMLSlotElement | null;
         readonly attributeStyleMap: StylePropertyMap;
-        readonly style: CSSStyleDeclaration;
+        get style(): CSSStyleDeclaration;
+        set style(cssText: string);
         contentEditable: string;
         enterKeyHint: string;
         inputMode: string;
@@ -247,18 +261,19 @@ declare const CDSTreeView_base: {
         onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
-        onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
-        onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
         oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
         oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -306,6 +321,7 @@ declare const CDSTreeView_base: {
         onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
         onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -324,7 +340,7 @@ declare const CDSTreeView_base: {
         onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
         onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        ontoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
         ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
         ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
         ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;

package/es/components/tree-view/tree-view.js

@@ -17,7 +17,7 @@ import styles from './tree-view.scss.js';
 import { carbonElement } from '../../globals/decorators/carbon-element.js';
 
 /**
- * Copyright IBM Corp. 2025, 2025
+ * Copyright IBM Corp. 2025, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -51,10 +51,12 @@ let CDSTreeView = CDSTreeView_1 = class CDSTreeView extends HostListenerMixin(Li
                 node.selected = isTarget;
                 node.active = isTarget;
                 if (!isTarget) {
-                    // eslint-disable-next-line  @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20452
-                    isLink
-                        ? element.setAttribute('tabindex', '-1')
-                        : element.removeAttribute('tabindex');
+                    if (isLink) {
+                        element.setAttribute('tabindex', '-1');
+                    }
+                    else {
+                        element.removeAttribute('tabindex');
+                    }
                 }
                 else
                     element.setAttribute('tabindex', '0');

package/es/components/tree-view/tree-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-view.js","sources":["../../../src/components/tree-view/tree-view.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { TREE_SIZE } from './defs';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport styles from './tree-view.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSTreeNode from './tree-node';\n\nexport { TREE_SIZE };\n/**\n * Tree view.\n *\n * @element cds-tree-view\n */\n@customElement(`${prefix}-tree-view`)\nclass CDSTreeView extends HostListenerMixin(LitElement) {\n  /**\n   * Specify whether or not the label should be hidden\n   */\n  @property({ type: Boolean, attribute: 'hide-label' })\n  hideLabel = false;\n\n  /**\n   * Provide the label text that will be read by a screen reader\n   */\n  @property()\n  label!: string;\n\n  /**\n   * Specify the size of the tree from a list of available sizes.\n   */\n  @property({ reflect: true })\n  size = TREE_SIZE.SMALL;\n\n  @HostListener('click')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _click = ({ target }) => {\n    if ((target as CDSTreeNode).disabled) return;\n\n    const nodes = this.querySelectorAll(CDSTreeView.selectorTreeNode);\n    nodes.forEach((node) => {\n      const isTarget = node === target;\n      const isLink = (node as CDSTreeNode).hasAttribute('href');\n      const element = isLink ? node.shadowRoot?.querySelector('a') : node;\n      (node as CDSTreeNode).selected = isTarget;\n      (node as CDSTreeNode).active = isTarget;\n      if (!isTarget) {\n        // eslint-disable-next-line  @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20452\n        isLink\n          ? (element as CDSTreeNode).setAttribute('tabindex', '-1')\n          : (element as CDSTreeNode).removeAttribute('tabindex');\n      } else (element as CDSTreeNode).setAttribute('tabindex', '0');\n    });\n  };\n\n  @HostListener('keydown')\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 _handleKeyDown = (event: KeyboardEvent) => {\n    const { key } = event;\n    const nodes = Array.from(\n      this.querySelectorAll(CDSTreeView.selectorTreeNode)\n    ).filter(\n      (node) => node.checkVisibility() && !node.hasAttribute('disabled')\n    );\n\n    const allNodes = Array.from(\n      this.querySelectorAll(CDSTreeView.selectorTreeNode)\n    ).filter((node) => !node.hasAttribute('disabled'));\n\n    const withLinks = (nodes[0] as CDSTreeNode).href;\n\n    const currentIndex = nodes.findIndex((node) =>\n      withLinks\n        ? // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n          node.shadowRoot?.querySelector('a')!.getAttribute('tabindex') === '0'\n        : node.getAttribute('tabindex') === '0'\n    );\n\n    let nextIndex = currentIndex;\n\n    switch (key) {\n      case 'ArrowDown':\n        nextIndex = Math.min(currentIndex + 1, nodes.length - 1);\n        break;\n      case 'ArrowUp':\n        nextIndex = Math.max(currentIndex - 1, 0);\n        break;\n      case 'Home':\n        nextIndex = 0;\n        break;\n      case 'End':\n        nextIndex = nodes.length - 1;\n        break;\n      case 'Enter':\n      case ' ':\n        event.preventDefault();\n        allNodes.forEach((node) => {\n          (node as CDSTreeNode).selected = false;\n          (node as CDSTreeNode).active = false;\n        });\n        (nodes[currentIndex] as CDSTreeNode).selected = true;\n        (nodes[currentIndex] as CDSTreeNode).active = true;\n        break;\n      case 'ArrowRight':\n        if ((nodes[currentIndex] as CDSTreeNode).hasAttribute('parent')) {\n          (nodes[currentIndex] as CDSTreeNode).isExpanded = true;\n          nodes[currentIndex].setAttribute('aria-expanded', 'true');\n        }\n        break;\n      case 'ArrowLeft':\n        if (!nodes[currentIndex].hasAttribute('parent')) {\n          const temp = nodes.findIndex(\n            (node) => node === nodes[currentIndex].parentElement\n          );\n          nextIndex = temp === -1 ? currentIndex : temp;\n        } else {\n          (nodes[currentIndex] as CDSTreeNode).isExpanded = false;\n          nodes[currentIndex].setAttribute('aria-expanded', 'false');\n        }\n        break;\n    }\n\n    if (nextIndex !== currentIndex) {\n      nodes.forEach((node) => {\n        if (!withLinks) {\n          node.removeAttribute('tabindex');\n        } else {\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n          node.shadowRoot?.querySelector('a')!.setAttribute('tabindex', '-1');\n        }\n      });\n      const element = withLinks\n        ? // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n          (nodes[nextIndex] as CDSTreeNode).shadowRoot!.querySelector('a')\n        : nodes[nextIndex];\n      (element as CDSTreeNode).setAttribute('tabindex', '0');\n      (element as CDSTreeNode).focus();\n      event.preventDefault();\n    }\n  };\n\n  private async _setInitialFocus() {\n    await this.updateComplete;\n\n    const nodes = this.querySelectorAll(CDSTreeView.selectorTreeNode);\n    if (nodes.length > 0) {\n      const selectedNode =\n        Array.from(nodes).find((node) => (node as CDSTreeNode).selected) ||\n        nodes[0];\n      const element = (selectedNode as CDSTreeNode).href\n        ? // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n          (selectedNode as CDSTreeNode).shadowRoot!.querySelector('a')\n        : selectedNode;\n      (element as CDSTreeNode).setAttribute('tabindex', '0');\n    }\n  }\n  connectedCallback() {\n    super.connectedCallback();\n\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'tree');\n    }\n\n    if (!this.hasAttribute('aria-label')) {\n      this.setAttribute('aria-label', this.label);\n    }\n  }\n\n  updated(changedProperties) {\n    this._setInitialFocus();\n\n    if (changedProperties.has('size')) {\n      const items = this.querySelectorAll(CDSTreeView.selectorTreeNode);\n      items.forEach((item) => {\n        (item as CDSTreeNode).setAttribute('size', this.size);\n      });\n    }\n  }\n\n  render() {\n    const { hideLabel, label, size } = this;\n    const labelId = 'tree-view__label';\n    const treeClasses = classMap({\n      [`${prefix}--tree`]: true,\n      [`${prefix}--tree--${size}`]: size,\n    });\n    return html`\n      ${\n        !hideLabel\n          ? html`<label id=${labelId} class=${`${prefix}--label`}\n              >${label}\n            </label>`\n          : null\n      }\n      <ul\n        aria-label=${hideLabel ? label : undefined}\n        aria-labelledby=${!hideLabel ? labelId : undefined}\n        class=${treeClasses}\n        role=\"tree\">\n        <slot><slot>\n      </ul>\n    `;\n  }\n\n  static get selectorTreeNode() {\n    return `${prefix}-tree-node`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTreeView;\n"],"names":["customElement"],"mappings":"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"}
+{"version":3,"file":"tree-view.js","sources":["../../../src/components/tree-view/tree-view.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\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 { TREE_SIZE } from './defs';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport styles from './tree-view.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSTreeNode from './tree-node';\n\nexport { TREE_SIZE };\n/**\n * Tree view.\n *\n * @element cds-tree-view\n */\n@customElement(`${prefix}-tree-view`)\nclass CDSTreeView extends HostListenerMixin(LitElement) {\n  /**\n   * Specify whether or not the label should be hidden\n   */\n  @property({ type: Boolean, attribute: 'hide-label' })\n  hideLabel = false;\n\n  /**\n   * Provide the label text that will be read by a screen reader\n   */\n  @property()\n  label!: string;\n\n  /**\n   * Specify the size of the tree from a list of available sizes.\n   */\n  @property({ reflect: true })\n  size = TREE_SIZE.SMALL;\n\n  @HostListener('click')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _click = ({ target }) => {\n    if ((target as CDSTreeNode).disabled) return;\n\n    const nodes = this.querySelectorAll(CDSTreeView.selectorTreeNode);\n    nodes.forEach((node) => {\n      const isTarget = node === target;\n      const isLink = (node as CDSTreeNode).hasAttribute('href');\n      const element = isLink ? node.shadowRoot?.querySelector('a') : node;\n      (node as CDSTreeNode).selected = isTarget;\n      (node as CDSTreeNode).active = isTarget;\n      if (!isTarget) {\n        if (isLink) {\n          (element as CDSTreeNode).setAttribute('tabindex', '-1');\n        } else {\n          (element as CDSTreeNode).removeAttribute('tabindex');\n        }\n      } else (element as CDSTreeNode).setAttribute('tabindex', '0');\n    });\n  };\n\n  @HostListener('keydown')\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 _handleKeyDown = (event: KeyboardEvent) => {\n    const { key } = event;\n    const nodes = Array.from(\n      this.querySelectorAll(CDSTreeView.selectorTreeNode)\n    ).filter(\n      (node) => node.checkVisibility() && !node.hasAttribute('disabled')\n    );\n\n    const allNodes = Array.from(\n      this.querySelectorAll(CDSTreeView.selectorTreeNode)\n    ).filter((node) => !node.hasAttribute('disabled'));\n\n    const withLinks = (nodes[0] as CDSTreeNode).href;\n\n    const currentIndex = nodes.findIndex((node) =>\n      withLinks\n        ? // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n          node.shadowRoot?.querySelector('a')!.getAttribute('tabindex') === '0'\n        : node.getAttribute('tabindex') === '0'\n    );\n\n    let nextIndex = currentIndex;\n\n    switch (key) {\n      case 'ArrowDown':\n        nextIndex = Math.min(currentIndex + 1, nodes.length - 1);\n        break;\n      case 'ArrowUp':\n        nextIndex = Math.max(currentIndex - 1, 0);\n        break;\n      case 'Home':\n        nextIndex = 0;\n        break;\n      case 'End':\n        nextIndex = nodes.length - 1;\n        break;\n      case 'Enter':\n      case ' ':\n        event.preventDefault();\n        allNodes.forEach((node) => {\n          (node as CDSTreeNode).selected = false;\n          (node as CDSTreeNode).active = false;\n        });\n        (nodes[currentIndex] as CDSTreeNode).selected = true;\n        (nodes[currentIndex] as CDSTreeNode).active = true;\n        break;\n      case 'ArrowRight':\n        if ((nodes[currentIndex] as CDSTreeNode).hasAttribute('parent')) {\n          (nodes[currentIndex] as CDSTreeNode).isExpanded = true;\n          nodes[currentIndex].setAttribute('aria-expanded', 'true');\n        }\n        break;\n      case 'ArrowLeft':\n        if (!nodes[currentIndex].hasAttribute('parent')) {\n          const temp = nodes.findIndex(\n            (node) => node === nodes[currentIndex].parentElement\n          );\n          nextIndex = temp === -1 ? currentIndex : temp;\n        } else {\n          (nodes[currentIndex] as CDSTreeNode).isExpanded = false;\n          nodes[currentIndex].setAttribute('aria-expanded', 'false');\n        }\n        break;\n    }\n\n    if (nextIndex !== currentIndex) {\n      nodes.forEach((node) => {\n        if (!withLinks) {\n          node.removeAttribute('tabindex');\n        } else {\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n          node.shadowRoot?.querySelector('a')!.setAttribute('tabindex', '-1');\n        }\n      });\n      const element = withLinks\n        ? // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n          (nodes[nextIndex] as CDSTreeNode).shadowRoot!.querySelector('a')\n        : nodes[nextIndex];\n      (element as CDSTreeNode).setAttribute('tabindex', '0');\n      (element as CDSTreeNode).focus();\n      event.preventDefault();\n    }\n  };\n\n  private async _setInitialFocus() {\n    await this.updateComplete;\n\n    const nodes = this.querySelectorAll(CDSTreeView.selectorTreeNode);\n    if (nodes.length > 0) {\n      const selectedNode =\n        Array.from(nodes).find((node) => (node as CDSTreeNode).selected) ||\n        nodes[0];\n      const element = (selectedNode as CDSTreeNode).href\n        ? // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n          (selectedNode as CDSTreeNode).shadowRoot!.querySelector('a')\n        : selectedNode;\n      (element as CDSTreeNode).setAttribute('tabindex', '0');\n    }\n  }\n  connectedCallback() {\n    super.connectedCallback();\n\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'tree');\n    }\n\n    if (!this.hasAttribute('aria-label')) {\n      this.setAttribute('aria-label', this.label);\n    }\n  }\n\n  updated(changedProperties) {\n    this._setInitialFocus();\n\n    if (changedProperties.has('size')) {\n      const items = this.querySelectorAll(CDSTreeView.selectorTreeNode);\n      items.forEach((item) => {\n        (item as CDSTreeNode).setAttribute('size', this.size);\n      });\n    }\n  }\n\n  render() {\n    const { hideLabel, label, size } = this;\n    const labelId = 'tree-view__label';\n    const treeClasses = classMap({\n      [`${prefix}--tree`]: true,\n      [`${prefix}--tree--${size}`]: size,\n    });\n    return html`\n      ${\n        !hideLabel\n          ? html`<label id=${labelId} class=${`${prefix}--label`}\n              >${label}\n            </label>`\n          : null\n      }\n      <ul\n        aria-label=${hideLabel ? label : undefined}\n        aria-labelledby=${!hideLabel ? labelId : undefined}\n        class=${treeClasses}\n        role=\"tree\">\n        <slot><slot>\n      </ul>\n    `;\n  }\n\n  static get selectorTreeNode() {\n    return `${prefix}-tree-node`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTreeView;\n"],"names":["customElement"],"mappings":"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"}

package/es/components/ui-shell/header-global-action.d.ts

@@ -41,6 +41,8 @@ declare class CDSHeaderGlobalAction extends CDSButton {
     shouldUpdate(changedProperties: any): boolean;
     static shadowRootOptions: {
         delegatesFocus: boolean;
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry;
         mode: ShadowRootMode;
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;

package/es/components/ui-shell/header-menu-button.d.ts

@@ -12,6 +12,7 @@ declare const CDSHeaderMenuButton_base: {
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
+        autocorrect: boolean;
         dir: string;
         draggable: boolean;
         hidden: boolean;
@@ -33,13 +34,14 @@ declare const CDSHeaderMenuButton_base: {
         click(): void;
         hidePopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean): boolean;
+        togglePopover(options?: boolean): boolean;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
         removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
         removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
         readonly attributes: NamedNodeMap;
-        readonly classList: DOMTokenList;
+        get classList(): DOMTokenList;
+        set classList(value: string);
         className: string;
         readonly clientHeight: number;
         readonly clientLeft: number;
@@ -54,7 +56,8 @@ declare const CDSHeaderMenuButton_base: {
         onfullscreenerror: ((this: Element, ev: Event) => any) | null;
         outerHTML: string;
         readonly ownerDocument: Document;
-        readonly part: DOMTokenList;
+        get part(): DOMTokenList;
+        set part(value: string);
         readonly prefix: string | null;
         readonly scrollHeight: number;
         scrollLeft: number;
@@ -117,6 +120,8 @@ declare const CDSHeaderMenuButton_base: {
         setPointerCapture(pointerId: number): void;
         toggleAttribute(qualifiedName: string, force?: boolean): boolean;
         webkitMatchesSelector(selectors: string): boolean;
+        get textContent(): string;
+        set textContent(value: string | null);
         readonly baseURI: string;
         readonly childNodes: NodeListOf<ChildNode>;
         readonly firstChild: ChildNode | null;
@@ -129,9 +134,8 @@ declare const CDSHeaderMenuButton_base: {
         readonly parentElement: HTMLElement | null;
         readonly parentNode: ParentNode | null;
         readonly previousSibling: ChildNode | null;
-        textContent: string | null;
         appendChild<T extends Node>(node: T): T;
-        cloneNode(deep?: boolean): Node;
+        cloneNode(subtree?: boolean): Node;
         compareDocumentPosition(other: Node): number;
         contains(other: Node | null): boolean;
         getRootNode(options?: GetRootNodeOptions): Node;
@@ -164,6 +168,7 @@ declare const CDSHeaderMenuButton_base: {
         readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
         readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
         dispatchEvent(event: Event): boolean;
+        ariaActiveDescendantElement: Element | null;
         ariaAtomic: string | null;
         ariaAutoComplete: string | null;
         ariaBrailleLabel: string | null;
@@ -174,25 +179,33 @@ declare const CDSHeaderMenuButton_base: {
         ariaColIndex: string | null;
         ariaColIndexText: string | null;
         ariaColSpan: string | null;
+        ariaControlsElements: ReadonlyArray<Element> | null;
         ariaCurrent: string | null;
+        ariaDescribedByElements: ReadonlyArray<Element> | null;
         ariaDescription: string | null;
+        ariaDetailsElements: ReadonlyArray<Element> | null;
         ariaDisabled: string | null;
+        ariaErrorMessageElements: ReadonlyArray<Element> | null;
         ariaExpanded: string | null;
+        ariaFlowToElements: ReadonlyArray<Element> | null;
         ariaHasPopup: string | null;
         ariaHidden: string | null;
         ariaInvalid: string | null;
         ariaKeyShortcuts: string | null;
         ariaLabel: string | null;
+        ariaLabelledByElements: ReadonlyArray<Element> | null;
         ariaLevel: string | null;
         ariaLive: string | null;
         ariaModal: string | null;
         ariaMultiLine: string | null;
         ariaMultiSelectable: string | null;
         ariaOrientation: string | null;
+        ariaOwnsElements: ReadonlyArray<Element> | null;
         ariaPlaceholder: string | null;
         ariaPosInSet: string | null;
         ariaPressed: string | null;
         ariaReadOnly: string | null;
+        ariaRelevant: string | null;
         ariaRequired: string | null;
         ariaRoleDescription: string | null;
         ariaRowCount: string | null;
@@ -234,7 +247,8 @@ declare const CDSHeaderMenuButton_base: {
         replaceChildren(...nodes: (Node | string)[]): void;
         readonly assignedSlot: HTMLSlotElement | null;
         readonly attributeStyleMap: StylePropertyMap;
-        readonly style: CSSStyleDeclaration;
+        get style(): CSSStyleDeclaration;
+        set style(cssText: string);
         contentEditable: string;
         enterKeyHint: string;
         inputMode: string;
@@ -244,18 +258,19 @@ declare const CDSHeaderMenuButton_base: {
         onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
-        onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
-        onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
         oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
         oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -303,6 +318,7 @@ declare const CDSHeaderMenuButton_base: {
         onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
         onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -321,7 +337,7 @@ declare const CDSHeaderMenuButton_base: {
         onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
         onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        ontoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
         ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
         ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
         ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
@@ -385,6 +401,8 @@ declare class CDSHeaderMenuButton extends CDSHeaderMenuButton_base {
     static get eventToggle(): string;
     static shadowRootOptions: {
         delegatesFocus: boolean;
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry;
         mode: ShadowRootMode;
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;