@carbon/web-components 2.46.0 → 2.47.0

package/es-custom/components/tooltip/definition-tooltip.js

@@ -6,13 +6,14 @@
  */
 
 import { __decorate } from 'tslib';
-import { LitElement, html } from 'lit';
+import { LitElement, adoptStyles, html } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings.js';
 import { POPOVER_ALIGNMENT } from '../popover/defs.js';
 import '../popover/popover.js';
 import '../popover/popover-content.js';
-import styles from './tooltip.scss.js';
+import popoverStyles from '../popover/popover.scss.js';
+import tooltipStyles from './tooltip.scss.js';
 import { carbonElement } from '../../globals/decorators/carbon-element.js';
 
 /**
@@ -49,6 +50,7 @@ let CDSDefinitionTooltip = class CDSDefinitionTooltip extends LitElement {
     }
     connectedCallback() {
         super.connectedCallback();
+        adoptStyles(this.renderRoot, [popoverStyles, tooltipStyles]);
         if (this.hasAttribute('default-open')) {
             this.open = true;
         }
@@ -104,7 +106,7 @@ let CDSDefinitionTooltip = class CDSDefinitionTooltip extends LitElement {
     `;
     }
 };
-CDSDefinitionTooltip.styles = styles;
+CDSDefinitionTooltip.styles = tooltipStyles;
 __decorate([
     property({ reflect: true, type: POPOVER_ALIGNMENT })
 ], CDSDefinitionTooltip.prototype, "align", void 0);

package/es-custom/components/tooltip/definition-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition-tooltip.js","sources":["../../../src/components/tooltip/definition-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 { html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { POPOVER_ALIGNMENT } from '../popover/defs';\nimport '../popover/index';\nimport styles from './tooltip.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Definition tooltip.\n *\n * @element cds-custom-definition-tooltip\n */\n@customElement(`${prefix}-definition-tooltip`)\nclass CDSDefinitionTooltip extends LitElement {\n  /**\n   * Specify how the trigger should align with the tooltip\n   */\n  @property({ reflect: true, type: POPOVER_ALIGNMENT })\n  align = 'bottom';\n\n  /**\n   * Will auto-align Definition Tooltip. This prop is currently experimental and is subject to future changes.\n   */\n  @property({ type: Boolean, reflect: true })\n  autoalign = false;\n\n  /**\n   * Specify whether the tooltip should be open when it first renders\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'default-open' })\n  defaultOpen = false;\n\n  /**\n   * Specifies whether the `DefinitionTooltip` should open on hover or not\n   */\n  @property({ reflect: true, type: Boolean, attribute: 'open-on-hover' })\n  openOnHover = false;\n\n  @state()\n  open = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    if (this.hasAttribute('default-open')) {\n      this.open = true;\n    }\n  }\n\n  protected _handleBlur() {\n    this.open = false;\n  }\n\n  protected _handleMouseDown() {\n    this.open = !this.open;\n  }\n\n  protected _handleKeyDown(event: KeyboardEvent) {\n    const { key } = event;\n\n    if (this.open && (key === 'Esc' || key === 'Escape')) {\n      event.stopPropagation();\n      this.open = false;\n    }\n  }\n\n  protected _handleHover() {\n    if (this.openOnHover && !this.open) {\n      this.open = true;\n    } else {\n      this.open = false;\n    }\n  }\n\n  protected _handleFocus() {\n    this.open = true;\n  }\n\n  render() {\n    const { align, open } = this;\n\n    return html`\n      <cds-custom-popover\n        @mouseenter=${this._handleHover}\n        @mouseleave=${this._handleHover}\n        highContrast\n        dropShadow=${false}\n        align=${align}\n        .open=${open}>\n        <button\n          @focus=${this._handleFocus}\n          @blur=${this._handleBlur}\n          @mousedown=${this._handleMouseDown}\n          @keydown=${this._handleKeyDown}\n          aria-expanded=${open}\n          part=\"definition-term\"\n          class=\"${prefix}--definition-term\">\n          <slot></slot>\n        </button>\n        <cds-custom-popover-content>\n          <slot name=\"definition\"></slot>\n        </cds-custom-popover-content>\n      </cds-custom-popover>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSDefinitionTooltip;\n"],"names":["customElement"],"mappings":"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"}
+{"version":3,"file":"definition-tooltip.js","sources":["../../../src/components/tooltip/definition-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, html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { POPOVER_ALIGNMENT } from '../popover/defs';\nimport '../popover/index';\nimport popoverStyles from '../popover/popover.scss?lit';\nimport styles from './tooltip.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Definition tooltip.\n *\n * @element cds-custom-definition-tooltip\n */\n@customElement(`${prefix}-definition-tooltip`)\nclass CDSDefinitionTooltip extends LitElement {\n  /**\n   * Specify how the trigger should align with the tooltip\n   */\n  @property({ reflect: true, type: POPOVER_ALIGNMENT })\n  align = 'bottom';\n\n  /**\n   * Will auto-align Definition Tooltip. This prop is currently experimental and is subject to future changes.\n   */\n  @property({ type: Boolean, reflect: true })\n  autoalign = false;\n\n  /**\n   * Specify whether the tooltip should be open when it first renders\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'default-open' })\n  defaultOpen = false;\n\n  /**\n   * Specifies whether the `DefinitionTooltip` should open on hover or not\n   */\n  @property({ reflect: true, type: Boolean, attribute: 'open-on-hover' })\n  openOnHover = false;\n\n  @state()\n  open = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    adoptStyles(this.renderRoot as ShadowRoot, [popoverStyles, styles]);\n\n    if (this.hasAttribute('default-open')) {\n      this.open = true;\n    }\n  }\n\n  protected _handleBlur() {\n    this.open = false;\n  }\n\n  protected _handleMouseDown() {\n    this.open = !this.open;\n  }\n\n  protected _handleKeyDown(event: KeyboardEvent) {\n    const { key } = event;\n\n    if (this.open && (key === 'Esc' || key === 'Escape')) {\n      event.stopPropagation();\n      this.open = false;\n    }\n  }\n\n  protected _handleHover() {\n    if (this.openOnHover && !this.open) {\n      this.open = true;\n    } else {\n      this.open = false;\n    }\n  }\n\n  protected _handleFocus() {\n    this.open = true;\n  }\n\n  render() {\n    const { align, open } = this;\n\n    return html`\n      <cds-custom-popover\n        @mouseenter=${this._handleHover}\n        @mouseleave=${this._handleHover}\n        highContrast\n        dropShadow=${false}\n        align=${align}\n        .open=${open}>\n        <button\n          @focus=${this._handleFocus}\n          @blur=${this._handleBlur}\n          @mousedown=${this._handleMouseDown}\n          @keydown=${this._handleKeyDown}\n          aria-expanded=${open}\n          part=\"definition-term\"\n          class=\"${prefix}--definition-term\">\n          <slot></slot>\n        </button>\n        <cds-custom-popover-content>\n          <slot name=\"definition\"></slot>\n        </cds-custom-popover-content>\n      </cds-custom-popover>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSDefinitionTooltip;\n"],"names":["styles","customElement"],"mappings":"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"}

package/es-custom/components/tooltip/tooltip-content.d.ts

@@ -1,9 +1,3 @@
-/**
- * Copyright IBM Corp. 2019, 2024
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
 import CDSPopoverContent from '../popover/popover-content';
 /**
  * Tooltip content.
@@ -13,6 +7,5 @@ import CDSPopoverContent from '../popover/popover-content';
 declare class CDSTooltipContent extends CDSPopoverContent {
     connectedCallback(): void;
     updated(): void;
-    static styles: any;
 }
 export default CDSTooltipContent;

package/es-custom/components/tooltip/tooltip-content.js

@@ -6,17 +6,13 @@
  */
 
 import { __decorate } from 'tslib';
+import { adoptStyles } from 'lit';
 import { prefix } from '../../globals/settings.js';
 import CDSPopoverContent from '../popover/popover-content.js';
-import styles from './tooltip.scss.js';
+import tooltipStyles from './tooltip.scss.js';
+import popoverStyles from '../popover/popover.scss.js';
 import { carbonElement } from '../../globals/decorators/carbon-element.js';
 
-/**
- * Copyright IBM Corp. 2019, 2024
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
 /**
  * Tooltip content.
  *
@@ -31,13 +27,13 @@ let CDSTooltipContent = class CDSTooltipContent extends CDSPopoverContent {
             this.setAttribute('role', 'tooltip');
         }
         super.connectedCallback();
+        adoptStyles(this.renderRoot, [popoverStyles, tooltipStyles]);
     }
     updated() {
         var _a, _b;
         (_b = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`.${prefix}--popover-content`)) === null || _b === void 0 ? void 0 : _b.classList.add(`${prefix}--tooltip-content`);
     }
 };
-CDSTooltipContent.styles = styles;
 CDSTooltipContent = __decorate([
     carbonElement(`${prefix}-tooltip-content`)
 ], CDSTooltipContent);

package/es-custom/components/tooltip/tooltip-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip-content.js","sources":["../../../src/components/tooltip/tooltip-content.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 { prefix } from '../../globals/settings';\nimport CDSPopoverContent from '../popover/popover-content';\nimport styles from './tooltip.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Tooltip content.\n *\n * @element cds-custom-tooltip-content\n */\n@customElement(`${prefix}-tooltip-content`)\nclass CDSTooltipContent extends CDSPopoverContent {\n  connectedCallback() {\n    if (!this.hasAttribute('aria-hidden')) {\n      this.setAttribute('aria-hidden', 'true');\n    }\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'tooltip');\n    }\n    super.connectedCallback();\n  }\n\n  updated() {\n    this.shadowRoot\n      ?.querySelector(`.${prefix}--popover-content`)\n      ?.classList.add(`${prefix}--tooltip-content`);\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTooltipContent;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;AAAA;;;;;AAKG;AAOH;;;;AAIG;AAEH,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,iBAAiB,CAAA;IAC/C,iBAAiB,GAAA;QACf,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE;AACrC,YAAA,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;QAC1C;QACA,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE;AAC9B,YAAA,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC;QACtC;QACA,KAAK,CAAC,iBAAiB,EAAE;IAC3B;IAEA,OAAO,GAAA;;QACL,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,0CACX,aAAa,CAAC,IAAI,MAAM,CAAA,iBAAA,CAAmB,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAC5C,SAAS,CAAC,GAAG,CAAC,GAAG,MAAM,CAAA,iBAAA,CAAmB,CAAC;IACjD;;AAEO,iBAAA,CAAA,MAAM,GAAG,MAAH;AAjBT,iBAAiB,GAAA,UAAA,CAAA;AADtB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,gBAAA,CAAkB;AACpC,CAAA,EAAA,iBAAiB,CAkBtB;AAED,0BAAe,iBAAiB;;;;"}
+{"version":3,"file":"tooltip-content.js","sources":["../../../src/components/tooltip/tooltip-content.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 */\nimport { adoptStyles } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport CDSPopoverContent from '../popover/popover-content';\nimport styles from './tooltip.scss?lit';\nimport popoverStyles from '../popover/popover.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Tooltip content.\n *\n * @element cds-custom-tooltip-content\n */\n@customElement(`${prefix}-tooltip-content`)\nclass CDSTooltipContent extends CDSPopoverContent {\n  connectedCallback() {\n    if (!this.hasAttribute('aria-hidden')) {\n      this.setAttribute('aria-hidden', 'true');\n    }\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'tooltip');\n    }\n    super.connectedCallback();\n\n    adoptStyles(this.renderRoot as ShadowRoot, [popoverStyles, styles]);\n  }\n\n  updated() {\n    this.shadowRoot\n      ?.querySelector(`.${prefix}--popover-content`)\n      ?.classList.add(`${prefix}--tooltip-content`);\n  }\n}\n\nexport default CDSTooltipContent;\n"],"names":["styles","customElement"],"mappings":";;;;;;;;;;;;;;;AAaA;;;;AAIG;AAEH,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,iBAAiB,CAAA;IAC/C,iBAAiB,GAAA;QACf,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE;AACrC,YAAA,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;QAC1C;QACA,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE;AAC9B,YAAA,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC;QACtC;QACA,KAAK,CAAC,iBAAiB,EAAE;QAEzB,WAAW,CAAC,IAAI,CAAC,UAAwB,EAAE,CAAC,aAAa,EAAEA,aAAM,CAAC,CAAC;IACrE;IAEA,OAAO,GAAA;;QACL,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,0CACX,aAAa,CAAC,IAAI,MAAM,CAAA,iBAAA,CAAmB,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAC5C,SAAS,CAAC,GAAG,CAAC,GAAG,MAAM,CAAA,iBAAA,CAAmB,CAAC;IACjD;CACD;AAlBK,iBAAiB,GAAA,UAAA,CAAA;AADtB,IAAAC,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,gBAAA,CAAkB;AACpC,CAAA,EAAA,iBAAiB,CAkBtB;AAED,0BAAe,iBAAiB;;;;"}

package/es-custom/components/tooltip/tooltip.d.ts

@@ -440,6 +440,5 @@ declare class CDSTooltip extends CDSTooltip_base {
      * A selector that will return the CDSTooltipContent.
      */
     static get selectorTooltipContent(): string;
-    static get styles(): import("lit").CSSResult;
 }
 export default CDSTooltip;

package/es-custom/components/tooltip/tooltip.js

@@ -6,14 +6,15 @@
  */
 
 import { __decorate } from 'tslib';
-import { css } from 'lit';
+import { adoptStyles } from 'lit';
 import { property } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings.js';
 import HostListener from '../../globals/decorators/host-listener.js';
 import HostListenerMixin from '../../globals/mixins/host-listener.js';
 import CDSPopover from '../popover/popover.js';
 import '../popover/popover-content.js';
-import styles from './tooltip.scss.js';
+import tooltipStyles from './tooltip.scss.js';
+import popoverStyles from '../popover/popover.scss.js';
 import { carbonElement } from '../../globals/decorators/carbon-element.js';
 
 /**
@@ -173,6 +174,7 @@ let CDSTooltip = class CDSTooltip extends HostListenerMixin(CDSPopover) {
         }
         window.addEventListener('keydown', this._handleKeydown, true);
         super.connectedCallback();
+        adoptStyles(this.renderRoot, [popoverStyles, tooltipStyles]);
     }
     disconnectedCallback() {
         window.removeEventListener('keydown', this._handleKeydown, true);
@@ -209,11 +211,6 @@ let CDSTooltip = class CDSTooltip extends HostListenerMixin(CDSPopover) {
     static get selectorTooltipContent() {
         return `${prefix}-tooltip-content`;
     }
-    static get styles() {
-        return css `
-      ${super.styles}${styles}
-    `;
-    }
 };
 __decorate([
     property({ reflect: true, type: String })

package/es-custom/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 { css } 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 CDSTooltipContent from './tooltip-content';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Trigger button of tooltip.\n *\n * @element cds-custom-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\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  static get styles() {\n    return css`\n      ${super.styles}${styles}\n    `;\n  }\n}\n\nexport default CDSTooltip;\n"],"names":["customElement"],"mappings":"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"}
+{"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-custom-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":"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"}