@carbon/web-components 1.26.0-rc.2 → 1.26.0

package/es/components/toggle/toggle.js

@@ -5,19 +5,20 @@ let _ = t => t,
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * 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 { classMap } from 'lit-html/directives/class-map';
-import { html, property, customElement } from 'lit-element';
+import { html, property } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings';
 import ifNonNull from '../../globals/directives/if-non-null';
 import BXCheckbox from '../checkbox/checkbox';
 import { TOGGLE_SIZE } from './defs';
 import styles from "././toggle.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 export { TOGGLE_SIZE };
 const {
   prefix

package/es/components/toggle/toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.js","names":["classMap","html","property","customElement","settings","ifNonNull","BXCheckbox","TOGGLE_SIZE","styles","prefix","BXToggle","_decorate","_initialize","_BXCheckbox","constructor","args","F","d","kind","key","value","_renderCheckmark","size","SMALL","undefined","_t","_","decorators","attribute","reflect","REGULAR","render","checked","checkedText","disabled","labelText","name","uncheckedText","_handleChange","handleChange","inputClasses","_t2","String","Boolean","static","eventChange"],"sources":["components/toggle/toggle.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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-html/directives/class-map';\nimport { html, property, customElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport BXCheckbox from '../checkbox/checkbox';\nimport { TOGGLE_SIZE } from './defs';\nimport styles from './toggle.scss';\n\nexport { TOGGLE_SIZE };\n\nconst { prefix } = settings;\n\n/**\n * Basic toggle.\n *\n * @element bx-toggle\n * @slot label-text - The label text.\n * @slot checked-text - The text for the checked state.\n * @slot unchecked-text - The text for the unchecked state.\n * @fires bx-toggle-changed - The custom event fired after this changebox changes its checked state.\n */\n@customElement(`${prefix}-toggle`)\nclass BXToggle extends BXCheckbox {\n  protected _renderCheckmark() {\n    if (this.size !== TOGGLE_SIZE.SMALL) {\n      return undefined;\n    }\n    return html`\n      <svg\n        class=\"${prefix}--toggle__check\"\n        width=\"6px\"\n        height=\"5px\"\n        viewBox=\"0 0 6 5\">\n        <path d=\"M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z\" />\n      </svg>\n    `;\n  }\n\n  /**\n   * The text for the checked state.\n   */\n  @property({ attribute: 'checked-text' })\n  checkedText = '';\n\n  /**\n   * Toggle size.\n   */\n  @property({ reflect: true })\n  size = TOGGLE_SIZE.REGULAR;\n\n  /**\n   * The text for the unchecked state.\n   */\n  @property({ attribute: 'unchecked-text' })\n  uncheckedText = '';\n\n  render() {\n    const {\n      checked,\n      checkedText,\n      disabled,\n      labelText,\n      name,\n      size,\n      uncheckedText,\n      value,\n      _handleChange: handleChange,\n    } = this;\n    const inputClasses = classMap({\n      [`${prefix}--toggle-input`]: true,\n      [`${prefix}--toggle-input--${size}`]: size,\n    });\n    return html`\n      <input\n        id=\"checkbox\"\n        type=\"checkbox\"\n        class=\"${inputClasses}\"\n        aria-checked=\"${String(Boolean(checked))}\"\n        .checked=\"${checked}\"\n        ?disabled=\"${disabled}\"\n        name=\"${ifNonNull(name)}\"\n        value=\"${ifNonNull(value)}\"\n        @change=\"${handleChange}\" />\n      <label for=\"checkbox\" class=\"${prefix}--toggle-input__label\">\n        <slot name=\"label-text\">${labelText}</slot>\n        <span class=\"${prefix}--toggle__switch\">\n          ${this._renderCheckmark()}\n          <span class=\"${prefix}--toggle__text--off\" aria-hidden=\"true\">\n            <slot name=\"unchecked-text\">${uncheckedText}</slot>\n          </span>\n          <span class=\"${prefix}--toggle__text--on\" aria-hidden=\"true\">\n            <slot name=\"checked-text\">${checkedText}</slot>\n          </span>\n        </span>\n      </label>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after this changebox changes its checked state.\n   */\n  static get eventChange() {\n    return `${prefix}-toggle-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default BXToggle;\n"],"mappings":"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"}
+{"version":3,"file":"toggle.js","names":["classMap","html","property","settings","ifNonNull","BXCheckbox","TOGGLE_SIZE","styles","carbonElement","customElement","prefix","BXToggle","_decorate","_initialize","_BXCheckbox","constructor","args","F","d","kind","key","value","_renderCheckmark","size","SMALL","undefined","_t","_","decorators","attribute","reflect","REGULAR","render","checked","checkedText","disabled","labelText","name","uncheckedText","_handleChange","handleChange","inputClasses","_t2","String","Boolean","static","eventChange"],"sources":["components/toggle/toggle.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport BXCheckbox from '../checkbox/checkbox';\nimport { TOGGLE_SIZE } from './defs';\nimport styles from './toggle.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { TOGGLE_SIZE };\n\nconst { prefix } = settings;\n\n/**\n * Basic toggle.\n *\n * @element bx-toggle\n * @slot label-text - The label text.\n * @slot checked-text - The text for the checked state.\n * @slot unchecked-text - The text for the unchecked state.\n * @fires bx-toggle-changed - The custom event fired after this changebox changes its checked state.\n */\n@customElement(`${prefix}-toggle`)\nclass BXToggle extends BXCheckbox {\n  protected _renderCheckmark() {\n    if (this.size !== TOGGLE_SIZE.SMALL) {\n      return undefined;\n    }\n    return html`\n      <svg\n        class=\"${prefix}--toggle__check\"\n        width=\"6px\"\n        height=\"5px\"\n        viewBox=\"0 0 6 5\">\n        <path d=\"M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z\" />\n      </svg>\n    `;\n  }\n\n  /**\n   * The text for the checked state.\n   */\n  @property({ attribute: 'checked-text' })\n  checkedText = '';\n\n  /**\n   * Toggle size.\n   */\n  @property({ reflect: true })\n  size = TOGGLE_SIZE.REGULAR;\n\n  /**\n   * The text for the unchecked state.\n   */\n  @property({ attribute: 'unchecked-text' })\n  uncheckedText = '';\n\n  render() {\n    const {\n      checked,\n      checkedText,\n      disabled,\n      labelText,\n      name,\n      size,\n      uncheckedText,\n      value,\n      _handleChange: handleChange,\n    } = this;\n    const inputClasses = classMap({\n      [`${prefix}--toggle-input`]: true,\n      [`${prefix}--toggle-input--${size}`]: size,\n    });\n    return html`\n      <input\n        id=\"checkbox\"\n        type=\"checkbox\"\n        class=\"${inputClasses}\"\n        aria-checked=\"${String(Boolean(checked))}\"\n        .checked=\"${checked}\"\n        ?disabled=\"${disabled}\"\n        name=\"${ifNonNull(name)}\"\n        value=\"${ifNonNull(value)}\"\n        @change=\"${handleChange}\" />\n      <label for=\"checkbox\" class=\"${prefix}--toggle-input__label\">\n        <slot name=\"label-text\">${labelText}</slot>\n        <span class=\"${prefix}--toggle__switch\">\n          ${this._renderCheckmark()}\n          <span class=\"${prefix}--toggle__text--off\" aria-hidden=\"true\">\n            <slot name=\"unchecked-text\">${uncheckedText}</slot>\n          </span>\n          <span class=\"${prefix}--toggle__text--on\" aria-hidden=\"true\">\n            <slot name=\"checked-text\">${checkedText}</slot>\n          </span>\n        </span>\n      </label>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after this changebox changes its checked state.\n   */\n  static get eventChange() {\n    return `${prefix}-toggle-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default BXToggle;\n"],"mappings":"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"}

package/es/components/tooltip/tooltip-body.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/tooltip/tooltip-body.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,OAAO,cAAc,EAAE,EACrB,uBAAuB,EACvB,uBAAuB,EAExB,MAAM,gCAAgC,CAAC;AAKxC;;GAEG;AACH,cACM,aAAc,SAAQ,cAAc;IACxC;;OAEG;IAEH,SAAS,0BAAkC;IAE3C;;OAEG;IAEH,SAAS,0BAAkC;IAE3C;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAGH,OAAO,CAAC,cAAc,CAIpB;IAEF;;OAEG;IACH,IAAI,QAAQ,kEAoEX;IAED,iBAAiB;IAOjB,MAAM;IAON,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC","file":"tooltip-body.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { html, property, customElement } from 'lit-element';\nimport HostListener from '../../globals/decorators/host-listener';\nimport BXFloatingMenu, {\n  FLOATING_MENU_ALIGNMENT,\n  FLOATING_MENU_DIRECTION,\n  FLOATING_MENU_POSITION_DIRECTION,\n} from '../floating-menu/floating-menu';\nimport styles from './tooltip.scss';\n\nconst { prefix } = settings;\n\n/**\n * Tooltip body.\n */\n@customElement(`${prefix}-tooltip-body`)\nclass BXTooltipBody extends BXFloatingMenu {\n  /**\n   * How the menu is aligned to the trigger button.\n   */\n  @property()\n  alignment = FLOATING_MENU_ALIGNMENT.CENTER;\n\n  /**\n   * The menu direction.\n   */\n  @property()\n  direction = FLOATING_MENU_DIRECTION.BOTTOM;\n\n  /**\n   * `true` if the dropdown should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = async (event) => {\n    if (event.key === 'Escape') {\n      this.open = false;\n    }\n  };\n\n  /**\n   * The position of this tooltip body.\n   */\n  get position() {\n    const { alignment, direction } = this;\n    const position = super.position;\n    const { direction: positionDirection, start, top } = position;\n\n    if (\n      direction === FLOATING_MENU_DIRECTION.TOP ||\n      direction === FLOATING_MENU_DIRECTION.BOTTOM\n    ) {\n      if (alignment === FLOATING_MENU_ALIGNMENT.START) {\n        position.start -= 16;\n      }\n\n      if (alignment === FLOATING_MENU_ALIGNMENT.END) {\n        position.start += 16;\n      }\n    }\n\n    if (\n      direction === FLOATING_MENU_DIRECTION.RIGHT ||\n      direction === FLOATING_MENU_DIRECTION.LEFT\n    ) {\n      if (alignment === FLOATING_MENU_ALIGNMENT.START) {\n        position.top -= 16;\n      }\n\n      if (alignment === FLOATING_MENU_ALIGNMENT.END) {\n        position.top += 16;\n      }\n    }\n\n    if (direction === FLOATING_MENU_DIRECTION.LEFT) {\n      const style = this.ownerDocument!.defaultView!.getComputedStyle(this);\n      const margin = Number(\n        (/^([\\d-.]+)px$/.exec(\n          style.getPropertyValue(\n            positionDirection !== FLOATING_MENU_POSITION_DIRECTION.RTL\n              ? 'margin-right'\n              : 'margin-left'\n          )\n        ) || [])[1]\n      );\n      if (!isNaN(margin)) {\n        // For direction === DIRECTION_RIGHT, the left/top margin the caret size effectively adjusts the position,\n        // but for direction === DIRECTION_LEFT such thing won't happen\n        return {\n          ...position,\n          start: start - margin,\n        };\n      }\n    }\n\n    if (direction === FLOATING_MENU_DIRECTION.TOP) {\n      const style = this.ownerDocument!.defaultView!.getComputedStyle(this);\n      const margin = Number(\n        (/^([\\d-.]+)px$/.exec(style.getPropertyValue('margin-bottom')) || [])[1]\n      );\n      if (!isNaN(margin)) {\n        // For direction === DIRECTION_BOTTOM, the left/top margin the caret size effectively adjusts the position,\n        // but for direction === DIRECTION_TOP such thing won't happen\n        return {\n          ...position,\n          top: top - margin,\n        };\n      }\n    }\n\n    return position;\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'menu');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html`\n      <span class=\"${prefix}--tooltip__caret\"></span>\n      <div tabindex=\"0\" class=\"${prefix}--tooltip__content\"><slot></slot></div>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXTooltipBody;\n"]}
+{"version":3,"sources":["components/tooltip/tooltip-body.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAMH,OAAO,cAAc,EAAE,EACrB,uBAAuB,EACvB,uBAAuB,EAExB,MAAM,gCAAgC,CAAC;AAKxC;;GAEG;AACH,cACM,aAAc,SAAQ,cAAc;IACxC;;OAEG;IAEH,SAAS,0BAAkC;IAE3C;;OAEG;IAEH,SAAS,0BAAkC;IAE3C;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAGH,OAAO,CAAC,cAAc,CAIpB;IAEF;;OAEG;IACH,IAAI,QAAQ,kEAoEX;IAED,iBAAiB;IAOjB,MAAM;IAON,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC","file":"tooltip-body.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { html, property } from 'lit-element';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport HostListener from '../../globals/decorators/host-listener';\nimport BXFloatingMenu, {\n  FLOATING_MENU_ALIGNMENT,\n  FLOATING_MENU_DIRECTION,\n  FLOATING_MENU_POSITION_DIRECTION,\n} from '../floating-menu/floating-menu';\nimport styles from './tooltip.scss';\n\nconst { prefix } = settings;\n\n/**\n * Tooltip body.\n */\n@customElement(`${prefix}-tooltip-body`)\nclass BXTooltipBody extends BXFloatingMenu {\n  /**\n   * How the menu is aligned to the trigger button.\n   */\n  @property()\n  alignment = FLOATING_MENU_ALIGNMENT.CENTER;\n\n  /**\n   * The menu direction.\n   */\n  @property()\n  direction = FLOATING_MENU_DIRECTION.BOTTOM;\n\n  /**\n   * `true` if the dropdown should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = async (event) => {\n    if (event.key === 'Escape') {\n      this.open = false;\n    }\n  };\n\n  /**\n   * The position of this tooltip body.\n   */\n  get position() {\n    const { alignment, direction } = this;\n    const position = super.position;\n    const { direction: positionDirection, start, top } = position;\n\n    if (\n      direction === FLOATING_MENU_DIRECTION.TOP ||\n      direction === FLOATING_MENU_DIRECTION.BOTTOM\n    ) {\n      if (alignment === FLOATING_MENU_ALIGNMENT.START) {\n        position.start -= 16;\n      }\n\n      if (alignment === FLOATING_MENU_ALIGNMENT.END) {\n        position.start += 16;\n      }\n    }\n\n    if (\n      direction === FLOATING_MENU_DIRECTION.RIGHT ||\n      direction === FLOATING_MENU_DIRECTION.LEFT\n    ) {\n      if (alignment === FLOATING_MENU_ALIGNMENT.START) {\n        position.top -= 16;\n      }\n\n      if (alignment === FLOATING_MENU_ALIGNMENT.END) {\n        position.top += 16;\n      }\n    }\n\n    if (direction === FLOATING_MENU_DIRECTION.LEFT) {\n      const style = this.ownerDocument!.defaultView!.getComputedStyle(this);\n      const margin = Number(\n        (/^([\\d-.]+)px$/.exec(\n          style.getPropertyValue(\n            positionDirection !== FLOATING_MENU_POSITION_DIRECTION.RTL\n              ? 'margin-right'\n              : 'margin-left'\n          )\n        ) || [])[1]\n      );\n      if (!isNaN(margin)) {\n        // For direction === DIRECTION_RIGHT, the left/top margin the caret size effectively adjusts the position,\n        // but for direction === DIRECTION_LEFT such thing won't happen\n        return {\n          ...position,\n          start: start - margin,\n        };\n      }\n    }\n\n    if (direction === FLOATING_MENU_DIRECTION.TOP) {\n      const style = this.ownerDocument!.defaultView!.getComputedStyle(this);\n      const margin = Number(\n        (/^([\\d-.]+)px$/.exec(style.getPropertyValue('margin-bottom')) || [])[1]\n      );\n      if (!isNaN(margin)) {\n        // For direction === DIRECTION_BOTTOM, the left/top margin the caret size effectively adjusts the position,\n        // but for direction === DIRECTION_TOP such thing won't happen\n        return {\n          ...position,\n          top: top - margin,\n        };\n      }\n    }\n\n    return position;\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'menu');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html`\n      <span class=\"${prefix}--tooltip__caret\"></span>\n      <div tabindex=\"0\" class=\"${prefix}--tooltip__content\"><slot></slot></div>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXTooltipBody;\n"]}

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

@@ -14,7 +14,8 @@ let _ = t => t,
  */
 
 import settings from 'carbon-components/es/globals/js/settings';
-import { html, property, customElement } from 'lit-element';
+import { html, property } from 'lit-element';
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 import HostListener from '../../globals/decorators/host-listener';
 import BXFloatingMenu, { FLOATING_MENU_ALIGNMENT, FLOATING_MENU_DIRECTION, FLOATING_MENU_POSITION_DIRECTION } from '../floating-menu/floating-menu';
 import styles from "././tooltip.css.js";

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip-body.js","names":["settings","html","property","customElement","HostListener","BXFloatingMenu","FLOATING_MENU_ALIGNMENT","FLOATING_MENU_DIRECTION","FLOATING_MENU_POSITION_DIRECTION","styles","prefix","BXTooltipBody","_decorate","_initialize","_BXFloatingMenu","constructor","args","F","d","kind","decorators","key","value","CENTER","BOTTOM","type","Boolean","reflect","event","open","position","alignment","direction","_get","_getPrototypeOf","prototype","positionDirection","start","top","TOP","START","END","RIGHT","LEFT","style","ownerDocument","defaultView","getComputedStyle","margin","Number","exec","getPropertyValue","RTL","isNaN","_objectSpread","connectedCallback","hasAttribute","setAttribute","call","render","_t","_","static"],"sources":["components/tooltip/tooltip-body.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { html, property, customElement } from 'lit-element';\nimport HostListener from '../../globals/decorators/host-listener';\nimport BXFloatingMenu, {\n  FLOATING_MENU_ALIGNMENT,\n  FLOATING_MENU_DIRECTION,\n  FLOATING_MENU_POSITION_DIRECTION,\n} from '../floating-menu/floating-menu';\nimport styles from './tooltip.scss';\n\nconst { prefix } = settings;\n\n/**\n * Tooltip body.\n */\n@customElement(`${prefix}-tooltip-body`)\nclass BXTooltipBody extends BXFloatingMenu {\n  /**\n   * How the menu is aligned to the trigger button.\n   */\n  @property()\n  alignment = FLOATING_MENU_ALIGNMENT.CENTER;\n\n  /**\n   * The menu direction.\n   */\n  @property()\n  direction = FLOATING_MENU_DIRECTION.BOTTOM;\n\n  /**\n   * `true` if the dropdown should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = async (event) => {\n    if (event.key === 'Escape') {\n      this.open = false;\n    }\n  };\n\n  /**\n   * The position of this tooltip body.\n   */\n  get position() {\n    const { alignment, direction } = this;\n    const position = super.position;\n    const { direction: positionDirection, start, top } = position;\n\n    if (\n      direction === FLOATING_MENU_DIRECTION.TOP ||\n      direction === FLOATING_MENU_DIRECTION.BOTTOM\n    ) {\n      if (alignment === FLOATING_MENU_ALIGNMENT.START) {\n        position.start -= 16;\n      }\n\n      if (alignment === FLOATING_MENU_ALIGNMENT.END) {\n        position.start += 16;\n      }\n    }\n\n    if (\n      direction === FLOATING_MENU_DIRECTION.RIGHT ||\n      direction === FLOATING_MENU_DIRECTION.LEFT\n    ) {\n      if (alignment === FLOATING_MENU_ALIGNMENT.START) {\n        position.top -= 16;\n      }\n\n      if (alignment === FLOATING_MENU_ALIGNMENT.END) {\n        position.top += 16;\n      }\n    }\n\n    if (direction === FLOATING_MENU_DIRECTION.LEFT) {\n      const style = this.ownerDocument!.defaultView!.getComputedStyle(this);\n      const margin = Number(\n        (/^([\\d-.]+)px$/.exec(\n          style.getPropertyValue(\n            positionDirection !== FLOATING_MENU_POSITION_DIRECTION.RTL\n              ? 'margin-right'\n              : 'margin-left'\n          )\n        ) || [])[1]\n      );\n      if (!isNaN(margin)) {\n        // For direction === DIRECTION_RIGHT, the left/top margin the caret size effectively adjusts the position,\n        // but for direction === DIRECTION_LEFT such thing won't happen\n        return {\n          ...position,\n          start: start - margin,\n        };\n      }\n    }\n\n    if (direction === FLOATING_MENU_DIRECTION.TOP) {\n      const style = this.ownerDocument!.defaultView!.getComputedStyle(this);\n      const margin = Number(\n        (/^([\\d-.]+)px$/.exec(style.getPropertyValue('margin-bottom')) || [])[1]\n      );\n      if (!isNaN(margin)) {\n        // For direction === DIRECTION_BOTTOM, the left/top margin the caret size effectively adjusts the position,\n        // but for direction === DIRECTION_TOP such thing won't happen\n        return {\n          ...position,\n          top: top - margin,\n        };\n      }\n    }\n\n    return position;\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'menu');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html`\n      <span class=\"${prefix}--tooltip__caret\"></span>\n      <div tabindex=\"0\" class=\"${prefix}--tooltip__content\"><slot></slot></div>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXTooltipBody;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,IAAI,EAAEC,QAAQ,EAAEC,aAAa,QAAQ,aAAa;AAC3D,OAAOC,YAAY,MAAM,wCAAwC;AACjE,OAAOC,cAAc,IACnBC,uBAAuB,EACvBC,uBAAuB,EACvBC,gCAAgC,QAC3B,gCAAgC;AACvC,OAAOC,MAAM,MAAM,oBAAgB;AAEnC,MAAM;EAAEC;AAAO,CAAC,GAAGV,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMW,aAAa,GAAAC,SAAA,EADlBT,aAAa,CAAE,GAAEO,MAAO,eAAc,CAAC,aAAAG,WAAA,EAAAC,eAAA;EAAxC,MACMH,aAAa,SAAAG,eAAA,CAAwB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAsH3C;EAAC;IAAAI,CAAA,EAtHKN,aAAa;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIhBlB,QAAQ,EAAE;MAAAmB,GAAA;MAAAC,MAAA;QAAA,OACChB,uBAAuB,CAACiB,MAAM;MAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAKzClB,QAAQ,EAAE;MAAAmB,GAAA;MAAAC,MAAA;QAAA,OACCf,uBAAuB,CAACiB,MAAM;MAAA;IAAA;MAAAL,IAAA;MAAAC,UAAA,GAKzClB,QAAQ,CAAC;QAAEuB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAN,GAAA;MAAAC,MAAA;QAAA,OACpC,KAAK;MAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAKXhB,YAAY,CAAC,SAAS,CAAC;MAAAiB,GAAA;MAAAC,MAAA;QAAA,OAEC,MAAOM,KAAK,IAAK;UACxC,IAAIA,KAAK,CAACP,GAAG,KAAK,QAAQ,EAAE;YAC1B,IAAI,CAACQ,IAAI,GAAG,KAAK;UACnB;QACF,CAAC;MAAA;IAAA;MAAAV,IAAA;MAAAE,GAAA;MAAAC,KAAA;MA3BD;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MASE;AACF;AACA;MACE,SAAAQ,SAAA,EAAe;QACb,MAAM;UAAEC,SAAS;UAAEC;QAAU,CAAC,GAAG,IAAI;QACrC,MAAMF,QAAQ,GAAAG,IAAA,CAAAC,eAAA,CAnCZvB,aAAa,CAAAwB,SAAA,oBAmCgB;QAC/B,MAAM;UAAEH,SAAS,EAAEI,iBAAiB;UAAEC,KAAK;UAAEC;QAAI,CAAC,GAAGR,QAAQ;QAE7D,IACEE,SAAS,KAAKzB,uBAAuB,CAACgC,GAAG,IACzCP,SAAS,KAAKzB,uBAAuB,CAACiB,MAAM,EAC5C;UACA,IAAIO,SAAS,KAAKzB,uBAAuB,CAACkC,KAAK,EAAE;YAC/CV,QAAQ,CAACO,KAAK,IAAI,EAAE;UACtB;UAEA,IAAIN,SAAS,KAAKzB,uBAAuB,CAACmC,GAAG,EAAE;YAC7CX,QAAQ,CAACO,KAAK,IAAI,EAAE;UACtB;QACF;QAEA,IACEL,SAAS,KAAKzB,uBAAuB,CAACmC,KAAK,IAC3CV,SAAS,KAAKzB,uBAAuB,CAACoC,IAAI,EAC1C;UACA,IAAIZ,SAAS,KAAKzB,uBAAuB,CAACkC,KAAK,EAAE;YAC/CV,QAAQ,CAACQ,GAAG,IAAI,EAAE;UACpB;UAEA,IAAIP,SAAS,KAAKzB,uBAAuB,CAACmC,GAAG,EAAE;YAC7CX,QAAQ,CAACQ,GAAG,IAAI,EAAE;UACpB;QACF;QAEA,IAAIN,SAAS,KAAKzB,uBAAuB,CAACoC,IAAI,EAAE;UAC9C,MAAMC,KAAK,GAAG,IAAI,CAACC,aAAa,CAAEC,WAAW,CAAEC,gBAAgB,CAAC,IAAI,CAAC;UACrE,MAAMC,MAAM,GAAGC,MAAM,CACnB,CAAC,eAAe,CAACC,IAAI,CACnBN,KAAK,CAACO,gBAAgB,CACpBf,iBAAiB,KAAK5B,gCAAgC,CAAC4C,GAAG,GACtD,cAAc,GACd,aAAa,CAClB,CACF,IAAI,EAAE,EAAE,CAAC,CAAC,CACZ;UACD,IAAI,CAACC,KAAK,CAACL,MAAM,CAAC,EAAE;YAClB;YACA;YACA,OAAAM,aAAA,CAAAA,aAAA,KACKxB,QAAQ;cACXO,KAAK,EAAEA,KAAK,GAAGW;YAAM;UAEzB;QACF;QAEA,IAAIhB,SAAS,KAAKzB,uBAAuB,CAACgC,GAAG,EAAE;UAC7C,MAAMK,KAAK,GAAG,IAAI,CAACC,aAAa,CAAEC,WAAW,CAAEC,gBAAgB,CAAC,IAAI,CAAC;UACrE,MAAMC,MAAM,GAAGC,MAAM,CACnB,CAAC,eAAe,CAACC,IAAI,CAACN,KAAK,CAACO,gBAAgB,CAAC,eAAe,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CACzE;UACD,IAAI,CAACE,KAAK,CAACL,MAAM,CAAC,EAAE;YAClB;YACA;YACA,OAAAM,aAAA,CAAAA,aAAA,KACKxB,QAAQ;cACXQ,GAAG,EAAEA,GAAG,GAAGU;YAAM;UAErB;QACF;QAEA,OAAOlB,QAAQ;MACjB;IAAC;MAAAX,IAAA;MAAAE,GAAA;MAAAC,KAAA,EAED,SAAAiC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;QACnC;QACAxB,IAAA,CAAAC,eAAA,CA3GEvB,aAAa,CAAAwB,SAAA,8BAAAuB,IAAA;MA4GjB;IAAC;MAAAvC,IAAA;MAAAE,GAAA;MAAAC,KAAA,EAED,SAAAqC,OAAA,EAAS;QACP,OAAO1D,IAAI,CAAA2D,EAAA,KAAAA,EAAA,GAAAC,CAAA,sHACMnD,MAAM,EACMA,MAAM;MAErC;IAAC;MAAAS,IAAA;MAAA2C,MAAA;MAAAzC,GAAA;MAAAC,MAAA;QAAA,OAEeb,MAAM;MAAA;IAAA;EAAA;AAAA,GArHIJ,cAAc;AAwH1C,eAAeM,aAAa"}
+{"version":3,"file":"tooltip-body.js","names":["settings","html","property","carbonElement","customElement","HostListener","BXFloatingMenu","FLOATING_MENU_ALIGNMENT","FLOATING_MENU_DIRECTION","FLOATING_MENU_POSITION_DIRECTION","styles","prefix","BXTooltipBody","_decorate","_initialize","_BXFloatingMenu","constructor","args","F","d","kind","decorators","key","value","CENTER","BOTTOM","type","Boolean","reflect","event","open","position","alignment","direction","_get","_getPrototypeOf","prototype","positionDirection","start","top","TOP","START","END","RIGHT","LEFT","style","ownerDocument","defaultView","getComputedStyle","margin","Number","exec","getPropertyValue","RTL","isNaN","_objectSpread","connectedCallback","hasAttribute","setAttribute","call","render","_t","_","static"],"sources":["components/tooltip/tooltip-body.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { html, property } from 'lit-element';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport HostListener from '../../globals/decorators/host-listener';\nimport BXFloatingMenu, {\n  FLOATING_MENU_ALIGNMENT,\n  FLOATING_MENU_DIRECTION,\n  FLOATING_MENU_POSITION_DIRECTION,\n} from '../floating-menu/floating-menu';\nimport styles from './tooltip.scss';\n\nconst { prefix } = settings;\n\n/**\n * Tooltip body.\n */\n@customElement(`${prefix}-tooltip-body`)\nclass BXTooltipBody extends BXFloatingMenu {\n  /**\n   * How the menu is aligned to the trigger button.\n   */\n  @property()\n  alignment = FLOATING_MENU_ALIGNMENT.CENTER;\n\n  /**\n   * The menu direction.\n   */\n  @property()\n  direction = FLOATING_MENU_DIRECTION.BOTTOM;\n\n  /**\n   * `true` if the dropdown should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = async (event) => {\n    if (event.key === 'Escape') {\n      this.open = false;\n    }\n  };\n\n  /**\n   * The position of this tooltip body.\n   */\n  get position() {\n    const { alignment, direction } = this;\n    const position = super.position;\n    const { direction: positionDirection, start, top } = position;\n\n    if (\n      direction === FLOATING_MENU_DIRECTION.TOP ||\n      direction === FLOATING_MENU_DIRECTION.BOTTOM\n    ) {\n      if (alignment === FLOATING_MENU_ALIGNMENT.START) {\n        position.start -= 16;\n      }\n\n      if (alignment === FLOATING_MENU_ALIGNMENT.END) {\n        position.start += 16;\n      }\n    }\n\n    if (\n      direction === FLOATING_MENU_DIRECTION.RIGHT ||\n      direction === FLOATING_MENU_DIRECTION.LEFT\n    ) {\n      if (alignment === FLOATING_MENU_ALIGNMENT.START) {\n        position.top -= 16;\n      }\n\n      if (alignment === FLOATING_MENU_ALIGNMENT.END) {\n        position.top += 16;\n      }\n    }\n\n    if (direction === FLOATING_MENU_DIRECTION.LEFT) {\n      const style = this.ownerDocument!.defaultView!.getComputedStyle(this);\n      const margin = Number(\n        (/^([\\d-.]+)px$/.exec(\n          style.getPropertyValue(\n            positionDirection !== FLOATING_MENU_POSITION_DIRECTION.RTL\n              ? 'margin-right'\n              : 'margin-left'\n          )\n        ) || [])[1]\n      );\n      if (!isNaN(margin)) {\n        // For direction === DIRECTION_RIGHT, the left/top margin the caret size effectively adjusts the position,\n        // but for direction === DIRECTION_LEFT such thing won't happen\n        return {\n          ...position,\n          start: start - margin,\n        };\n      }\n    }\n\n    if (direction === FLOATING_MENU_DIRECTION.TOP) {\n      const style = this.ownerDocument!.defaultView!.getComputedStyle(this);\n      const margin = Number(\n        (/^([\\d-.]+)px$/.exec(style.getPropertyValue('margin-bottom')) || [])[1]\n      );\n      if (!isNaN(margin)) {\n        // For direction === DIRECTION_BOTTOM, the left/top margin the caret size effectively adjusts the position,\n        // but for direction === DIRECTION_TOP such thing won't happen\n        return {\n          ...position,\n          top: top - margin,\n        };\n      }\n    }\n\n    return position;\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'menu');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html`\n      <span class=\"${prefix}--tooltip__caret\"></span>\n      <div tabindex=\"0\" class=\"${prefix}--tooltip__content\"><slot></slot></div>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXTooltipBody;\n"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/components/tooltip/tooltip-definition.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/tooltip/tooltip-definition.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAiC,UAAU,EAAE,MAAM,aAAa,CAAC;AAGxE,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAG9D,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIhD;;;;;GAKG;AACH,cACM,mBAAoB,SAAQ,wBAAsB;IACtD;;OAEG;IAEH,SAAS,oBAA4B;IAErC;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,SAAS,oBAA4B;IAErC,gBAAgB;IAShB,MAAM;IAmBN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,mBAAmB,CAAC","file":"tooltip-definition.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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-html/directives/class-map';\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { TOOLTIP_ALIGNMENT, TOOLTIP_DIRECTION } from './defs';\nimport styles from './tooltip.scss';\n\nexport { TOOLTIP_ALIGNMENT, TOOLTIP_DIRECTION };\n\nconst { prefix } = settings;\n\n/**\n * Definition tooltip.\n *\n * @element bx-tooltip-definition\n * @slot body - The tooltip body content.\n */\n@customElement(`${prefix}-tooltip-definition`)\nclass BXTooltipDefinition extends FocusMixin(LitElement) {\n  /**\n   * How the tooltip is aligned to the trigger button.\n   */\n  @property()\n  alignment = TOOLTIP_ALIGNMENT.CENTER;\n\n  /**\n   * The text for the tooltip body.\n   */\n  @property({ attribute: 'body-text' })\n  bodyText = '';\n\n  /**\n   * The tooltip direction.\n   */\n  @property()\n  direction = TOOLTIP_DIRECTION.BOTTOM;\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  render() {\n    const { alignment, bodyText, direction } = this;\n    const classes = classMap({\n      [`${prefix}--tooltip__trigger`]: true,\n      [`${prefix}--tooltip--a11y`]: true,\n      [`${prefix}--tooltip__trigger--definition`]: true,\n      [`${prefix}--tooltip--${direction}`]: direction,\n      [`${prefix}--tooltip--align-${alignment}`]: alignment,\n    });\n    return html`\n      <button class=\"${classes}\" aria-describedby=\"tooltip-body\">\n        <slot></slot>\n      </button>\n      <div class=\"${prefix}--assistive-text\" id=\"tooltip-body\" role=\"tooltip\">\n        <slot name=\"body\">${bodyText}</slot>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTooltipDefinition;\n"]}
+{"version":3,"sources":["components/tooltip/tooltip-definition.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAkB,UAAU,EAAE,MAAM,aAAa,CAAC;AAGzD,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAI9D,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIhD;;;;;GAKG;AACH,cACM,mBAAoB,SAAQ,wBAAsB;IACtD;;OAEG;IAEH,SAAS,oBAA4B;IAErC;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,SAAS,oBAA4B;IAErC,gBAAgB;IAShB,MAAM;IAmBN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,mBAAmB,CAAC","file":"tooltip-definition.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { TOOLTIP_ALIGNMENT, TOOLTIP_DIRECTION } from './defs';\nimport styles from './tooltip.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { TOOLTIP_ALIGNMENT, TOOLTIP_DIRECTION };\n\nconst { prefix } = settings;\n\n/**\n * Definition tooltip.\n *\n * @element bx-tooltip-definition\n * @slot body - The tooltip body content.\n */\n@customElement(`${prefix}-tooltip-definition`)\nclass BXTooltipDefinition extends FocusMixin(LitElement) {\n  /**\n   * How the tooltip is aligned to the trigger button.\n   */\n  @property()\n  alignment = TOOLTIP_ALIGNMENT.CENTER;\n\n  /**\n   * The text for the tooltip body.\n   */\n  @property({ attribute: 'body-text' })\n  bodyText = '';\n\n  /**\n   * The tooltip direction.\n   */\n  @property()\n  direction = TOOLTIP_DIRECTION.BOTTOM;\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  render() {\n    const { alignment, bodyText, direction } = this;\n    const classes = classMap({\n      [`${prefix}--tooltip__trigger`]: true,\n      [`${prefix}--tooltip--a11y`]: true,\n      [`${prefix}--tooltip__trigger--definition`]: true,\n      [`${prefix}--tooltip--${direction}`]: direction,\n      [`${prefix}--tooltip--align-${alignment}`]: alignment,\n    });\n    return html`\n      <button class=\"${classes}\" aria-describedby=\"tooltip-body\">\n        <slot></slot>\n      </button>\n      <div class=\"${prefix}--assistive-text\" id=\"tooltip-body\" role=\"tooltip\">\n        <slot name=\"body\">${bodyText}</slot>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTooltipDefinition;\n"]}

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

@@ -4,18 +4,19 @@ let _ = t => t,
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * 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 { classMap } from 'lit-html/directives/class-map';
-import { html, property, customElement, LitElement } from 'lit-element';
+import { html, property, LitElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings';
 import FocusMixin from '../../globals/mixins/focus';
 import { TOOLTIP_ALIGNMENT, TOOLTIP_DIRECTION } from './defs';
 import styles from "././tooltip.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 export { TOOLTIP_ALIGNMENT, TOOLTIP_DIRECTION };
 const {
   prefix

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip-definition.js","names":["classMap","html","property","customElement","LitElement","settings","FocusMixin","TOOLTIP_ALIGNMENT","TOOLTIP_DIRECTION","styles","prefix","BXTooltipDefinition","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","key","value","CENTER","attribute","BOTTOM","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","render","alignment","bodyText","direction","classes","_t","_","static"],"sources":["components/tooltip/tooltip-definition.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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-html/directives/class-map';\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { TOOLTIP_ALIGNMENT, TOOLTIP_DIRECTION } from './defs';\nimport styles from './tooltip.scss';\n\nexport { TOOLTIP_ALIGNMENT, TOOLTIP_DIRECTION };\n\nconst { prefix } = settings;\n\n/**\n * Definition tooltip.\n *\n * @element bx-tooltip-definition\n * @slot body - The tooltip body content.\n */\n@customElement(`${prefix}-tooltip-definition`)\nclass BXTooltipDefinition extends FocusMixin(LitElement) {\n  /**\n   * How the tooltip is aligned to the trigger button.\n   */\n  @property()\n  alignment = TOOLTIP_ALIGNMENT.CENTER;\n\n  /**\n   * The text for the tooltip body.\n   */\n  @property({ attribute: 'body-text' })\n  bodyText = '';\n\n  /**\n   * The tooltip direction.\n   */\n  @property()\n  direction = TOOLTIP_DIRECTION.BOTTOM;\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  render() {\n    const { alignment, bodyText, direction } = this;\n    const classes = classMap({\n      [`${prefix}--tooltip__trigger`]: true,\n      [`${prefix}--tooltip--a11y`]: true,\n      [`${prefix}--tooltip__trigger--definition`]: true,\n      [`${prefix}--tooltip--${direction}`]: direction,\n      [`${prefix}--tooltip--align-${alignment}`]: alignment,\n    });\n    return html`\n      <button class=\"${classes}\" aria-describedby=\"tooltip-body\">\n        <slot></slot>\n      </button>\n      <div class=\"${prefix}--assistive-text\" id=\"tooltip-body\" role=\"tooltip\">\n        <slot name=\"body\">${bodyText}</slot>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTooltipDefinition;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,IAAI,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,UAAU,QAAQ,aAAa;AACvE,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,UAAU,MAAM,4BAA4B;AACnD,SAASC,iBAAiB,EAAEC,iBAAiB,QAAQ,QAAQ;AAC7D,OAAOC,MAAM,MAAM,oBAAgB;AAEnC,SAASF,iBAAiB,EAAEC,iBAAiB;AAE7C,MAAM;EAAEE;AAAO,CAAC,GAAGL,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AACA;AALA,IAOMM,mBAAmB,GAAAC,SAAA,EADxBT,aAAa,CAAE,GAAEO,MAAO,qBAAoB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA9C,MACMH,mBAAmB,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAgDzD;EAAC;IAAAI,CAAA,EAhDKN,mBAAmB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAItBlB,QAAQ,EAAE;MAAAmB,GAAA;MAAAC,MAAA;QAAA,OACCf,iBAAiB,CAACgB,MAAM;MAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAKnClB,QAAQ,CAAC;QAAEsB,SAAS,EAAE;MAAY,CAAC,CAAC;MAAAH,GAAA;MAAAC,MAAA;QAAA,OAC1B,EAAE;MAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAKZlB,QAAQ,EAAE;MAAAmB,GAAA;MAAAC,MAAA;QAAA,OACCd,iBAAiB,CAACiB,MAAM;MAAA;IAAA;MAAAN,IAAA;MAAAE,GAAA;MAAAC,KAAA;MAhBpC;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAI,iBAAA,EAAmB;QAAA,IAAAC,KAAA;QACjB,OAAO,IAAI,CAACC,YAAY,CAAC;UACvBC,IAAI,EAAE,MAAM;UACZC,cAAc,EACZC,MAAM,CAAC,EAAAJ,KAAA,GAAC,eAAe,CAACK,IAAI,CAACC,SAAS,CAACC,SAAS,CAAC,cAAAP,KAAA,cAAAA,KAAA,GAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IACjE;QACJ,CAAC,CAAC;MACJ;IAAC;MAAAR,IAAA;MAAAE,GAAA;MAAAC,KAAA,EAED,SAAAa,OAAA,EAAS;QACP,MAAM;UAAEC,SAAS;UAAEC,QAAQ;UAAEC;QAAU,CAAC,GAAG,IAAI;QAC/C,MAAMC,OAAO,GAAGvC,QAAQ,CAAC;UACvB,CAAE,GAAEU,MAAO,oBAAmB,GAAG,IAAI;UACrC,CAAE,GAAEA,MAAO,iBAAgB,GAAG,IAAI;UAClC,CAAE,GAAEA,MAAO,gCAA+B,GAAG,IAAI;UACjD,CAAE,GAAEA,MAAO,cAAa4B,SAAU,EAAC,GAAGA,SAAS;UAC/C,CAAE,GAAE5B,MAAO,oBAAmB0B,SAAU,EAAC,GAAGA;QAC9C,CAAC,CAAC;QACF,OAAOnC,IAAI,CAAAuC,EAAA,KAAAA,EAAA,GAAAC,CAAA,6LACQF,OAAO,EAGV7B,MAAM,EACE2B,QAAQ;MAGlC;IAAC;MAAAlB,IAAA;MAAAuB,MAAA;MAAArB,GAAA;MAAAC,MAAA;QAAA,OAEeb,MAAM;MAAA;IAAA;EAAA;AAAA,GA/CUH,UAAU,CAACF,UAAU,CAAC;AAkDxD,eAAeO,mBAAmB"}
+{"version":3,"file":"tooltip-definition.js","names":["classMap","html","property","LitElement","settings","FocusMixin","TOOLTIP_ALIGNMENT","TOOLTIP_DIRECTION","styles","carbonElement","customElement","prefix","BXTooltipDefinition","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","key","value","CENTER","attribute","BOTTOM","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","render","alignment","bodyText","direction","classes","_t","_","static"],"sources":["components/tooltip/tooltip-definition.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { TOOLTIP_ALIGNMENT, TOOLTIP_DIRECTION } from './defs';\nimport styles from './tooltip.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { TOOLTIP_ALIGNMENT, TOOLTIP_DIRECTION };\n\nconst { prefix } = settings;\n\n/**\n * Definition tooltip.\n *\n * @element bx-tooltip-definition\n * @slot body - The tooltip body content.\n */\n@customElement(`${prefix}-tooltip-definition`)\nclass BXTooltipDefinition extends FocusMixin(LitElement) {\n  /**\n   * How the tooltip is aligned to the trigger button.\n   */\n  @property()\n  alignment = TOOLTIP_ALIGNMENT.CENTER;\n\n  /**\n   * The text for the tooltip body.\n   */\n  @property({ attribute: 'body-text' })\n  bodyText = '';\n\n  /**\n   * The tooltip direction.\n   */\n  @property()\n  direction = TOOLTIP_DIRECTION.BOTTOM;\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  render() {\n    const { alignment, bodyText, direction } = this;\n    const classes = classMap({\n      [`${prefix}--tooltip__trigger`]: true,\n      [`${prefix}--tooltip--a11y`]: true,\n      [`${prefix}--tooltip__trigger--definition`]: true,\n      [`${prefix}--tooltip--${direction}`]: direction,\n      [`${prefix}--tooltip--align-${alignment}`]: alignment,\n    });\n    return html`\n      <button class=\"${classes}\" aria-describedby=\"tooltip-body\">\n        <slot></slot>\n      </button>\n      <div class=\"${prefix}--assistive-text\" id=\"tooltip-body\" role=\"tooltip\">\n        <slot name=\"body\">${bodyText}</slot>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTooltipDefinition;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,UAAU,MAAM,4BAA4B;AACnD,SAASC,iBAAiB,EAAEC,iBAAiB,QAAQ,QAAQ;AAC7D,OAAOC,MAAM,MAAM,oBAAgB;AACnC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,SAASJ,iBAAiB,EAAEC,iBAAiB;AAE7C,MAAM;EAAEI;AAAO,CAAC,GAAGP,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AACA;AALA,IAOMQ,mBAAmB,GAAAC,SAAA,EADxBH,aAAa,CAAE,GAAEC,MAAO,qBAAoB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA9C,MACMH,mBAAmB,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAgDzD;EAAC;IAAAI,CAAA,EAhDKN,mBAAmB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAItBnB,QAAQ,EAAE;MAAAoB,GAAA;MAAAC,MAAA;QAAA,OACCjB,iBAAiB,CAACkB,MAAM;MAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAKnCnB,QAAQ,CAAC;QAAEuB,SAAS,EAAE;MAAY,CAAC,CAAC;MAAAH,GAAA;MAAAC,MAAA;QAAA,OAC1B,EAAE;MAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAKZnB,QAAQ,EAAE;MAAAoB,GAAA;MAAAC,MAAA;QAAA,OACChB,iBAAiB,CAACmB,MAAM;MAAA;IAAA;MAAAN,IAAA;MAAAE,GAAA;MAAAC,KAAA;MAhBpC;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAI,iBAAA,EAAmB;QAAA,IAAAC,KAAA;QACjB,OAAO,IAAI,CAACC,YAAY,CAAC;UACvBC,IAAI,EAAE,MAAM;UACZC,cAAc,EACZC,MAAM,CAAC,EAAAJ,KAAA,GAAC,eAAe,CAACK,IAAI,CAACC,SAAS,CAACC,SAAS,CAAC,cAAAP,KAAA,cAAAA,KAAA,GAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IACjE;QACJ,CAAC,CAAC;MACJ;IAAC;MAAAR,IAAA;MAAAE,GAAA;MAAAC,KAAA,EAED,SAAAa,OAAA,EAAS;QACP,MAAM;UAAEC,SAAS;UAAEC,QAAQ;UAAEC;QAAU,CAAC,GAAG,IAAI;QAC/C,MAAMC,OAAO,GAAGxC,QAAQ,CAAC;UACvB,CAAE,GAAEW,MAAO,oBAAmB,GAAG,IAAI;UACrC,CAAE,GAAEA,MAAO,iBAAgB,GAAG,IAAI;UAClC,CAAE,GAAEA,MAAO,gCAA+B,GAAG,IAAI;UACjD,CAAE,GAAEA,MAAO,cAAa4B,SAAU,EAAC,GAAGA,SAAS;UAC/C,CAAE,GAAE5B,MAAO,oBAAmB0B,SAAU,EAAC,GAAGA;QAC9C,CAAC,CAAC;QACF,OAAOpC,IAAI,CAAAwC,EAAA,KAAAA,EAAA,GAAAC,CAAA,6LACQF,OAAO,EAGV7B,MAAM,EACE2B,QAAQ;MAGlC;IAAC;MAAAlB,IAAA;MAAAuB,MAAA;MAAArB,GAAA;MAAAC,MAAA;QAAA,OAEef,MAAM;MAAA;IAAA;EAAA;AAAA,GA/CUH,UAAU,CAACF,UAAU,CAAC;AAkDxD,eAAeS,mBAAmB"}

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

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/components/tooltip/tooltip-footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/tooltip/tooltip-footer.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAuB,UAAU,EAAE,MAAM,aAAa,CAAC;AAK9D;;GAEG;AACH,cACM,eAAgB,SAAQ,UAAU;IACtC,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,eAAe,CAAC","file":"tooltip-footer.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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 settings from 'carbon-components/es/globals/js/settings';\nimport { html, customElement, LitElement } from 'lit-element';\nimport styles from './tooltip.scss';\n\nconst { prefix } = settings;\n\n/**\n * Tooltip footer.\n */\n@customElement(`${prefix}-tooltip-footer`)\nclass BXTooltipFooter extends LitElement {\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXTooltipFooter;\n"]}
+{"version":3,"sources":["components/tooltip/tooltip-footer.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAQ,UAAU,EAAE,MAAM,aAAa,CAAC;AAM/C;;GAEG;AACH,cACM,eAAgB,SAAQ,UAAU;IACtC,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,eAAe,CAAC","file":"tooltip-footer.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { html, LitElement } from 'lit-element';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './tooltip.scss';\n\nconst { prefix } = settings;\n\n/**\n * Tooltip footer.\n */\n@customElement(`${prefix}-tooltip-footer`)\nclass BXTooltipFooter extends LitElement {\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXTooltipFooter;\n"]}

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

@@ -4,14 +4,15 @@ let _ = t => t,
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * 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 settings from 'carbon-components/es/globals/js/settings';
-import { html, customElement, LitElement } from 'lit-element';
+import { html, LitElement } from 'lit-element';
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 import styles from "././tooltip.css.js";
 const {
   prefix

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip-footer.js","names":["settings","html","customElement","LitElement","styles","prefix","BXTooltipFooter","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/tooltip/tooltip-footer.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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 settings from 'carbon-components/es/globals/js/settings';\nimport { html, customElement, LitElement } from 'lit-element';\nimport styles from './tooltip.scss';\n\nconst { prefix } = settings;\n\n/**\n * Tooltip footer.\n */\n@customElement(`${prefix}-tooltip-footer`)\nclass BXTooltipFooter extends LitElement {\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXTooltipFooter;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,IAAI,EAAEC,aAAa,EAAEC,UAAU,QAAQ,aAAa;AAC7D,OAAOC,MAAM,MAAM,oBAAgB;AAEnC,MAAM;EAAEC;AAAO,CAAC,GAAGL,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMM,eAAe,GAAAC,SAAA,EADpBL,aAAa,CAAE,GAAEG,MAAO,iBAAgB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA1C,MACMH,eAAe,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAMzC;EAAC;IAAAI,CAAA,EANKN,eAAe;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACnB,SAAAC,OAAA,EAAS;QACP,OAAOhB,IAAI,CAAAiB,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;IAAC;MAAAL,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEeZ,MAAM;MAAA;IAAA;EAAA;AAAA,GALMD,UAAU;AAQxC,eAAeG,eAAe"}
+{"version":3,"file":"tooltip-footer.js","names":["settings","html","LitElement","carbonElement","customElement","styles","prefix","BXTooltipFooter","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/tooltip/tooltip-footer.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { html, LitElement } from 'lit-element';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './tooltip.scss';\n\nconst { prefix } = settings;\n\n/**\n * Tooltip footer.\n */\n@customElement(`${prefix}-tooltip-footer`)\nclass BXTooltipFooter extends LitElement {\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXTooltipFooter;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,IAAI,EAAEC,UAAU,QAAQ,aAAa;AAC9C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AACxF,OAAOC,MAAM,MAAM,oBAAgB;AAEnC,MAAM;EAAEC;AAAO,CAAC,GAAGN,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMO,eAAe,GAAAC,SAAA,EADpBJ,aAAa,CAAE,GAAEE,MAAO,iBAAgB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA1C,MACMH,eAAe,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAMzC;EAAC;IAAAI,CAAA,EANKN,eAAe;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACnB,SAAAC,OAAA,EAAS;QACP,OAAOjB,IAAI,CAAAkB,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;IAAC;MAAAL,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEeZ,MAAM;MAAA;IAAA;EAAA;AAAA,GALMH,UAAU;AAQxC,eAAeK,eAAe"}

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

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/components/tooltip/tooltip-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/tooltip/tooltip-icon.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAItD;;;;;GAKG;AACH,cACM,aAAc,SAAQ,kBAAkB;IAC5C,MAAM;CAoBP;AAED,eAAe,aAAa,CAAC","file":"tooltip-icon.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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-html/directives/class-map';\nimport { html, customElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport BXTooltipDefintion from './tooltip-definition';\n\nconst { prefix } = settings;\n\n/**\n * Icon tooltip.\n *\n * @element bx-tooltip-icon\n * @slot body - The tooltip body content.\n */\n@customElement(`${prefix}-tooltip-icon`)\nclass BXTooltipIcon extends BXTooltipDefintion {\n  render() {\n    const { alignment, bodyText, direction } = this;\n    const classes = classMap({\n      [`${prefix}--tooltip__trigger`]: true,\n      [`${prefix}--tooltip--a11y`]: true,\n      [`${prefix}--tooltip--${direction}`]: direction,\n      [`${prefix}--tooltip--align-${alignment}`]: alignment,\n    });\n    return html`\n      <button class=\"${classes}\" aria-describedby=\"tooltip-body\">\n        <span\n          class=\"${prefix}--assistive-text\"\n          id=\"tooltip-body\"\n          role=\"tooltip\">\n          <slot name=\"body\">${bodyText}</slot>\n        </span>\n        <slot></slot>\n      </button>\n    `;\n  }\n}\n\nexport default BXTooltipIcon;\n"]}
+{"version":3,"sources":["components/tooltip/tooltip-icon.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAKtD;;;;;GAKG;AACH,cACM,aAAc,SAAQ,kBAAkB;IAC5C,MAAM;CAoBP;AAED,eAAe,aAAa,CAAC","file":"tooltip-icon.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport BXTooltipDefintion from './tooltip-definition';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Icon tooltip.\n *\n * @element bx-tooltip-icon\n * @slot body - The tooltip body content.\n */\n@customElement(`${prefix}-tooltip-icon`)\nclass BXTooltipIcon extends BXTooltipDefintion {\n  render() {\n    const { alignment, bodyText, direction } = this;\n    const classes = classMap({\n      [`${prefix}--tooltip__trigger`]: true,\n      [`${prefix}--tooltip--a11y`]: true,\n      [`${prefix}--tooltip--${direction}`]: direction,\n      [`${prefix}--tooltip--align-${alignment}`]: alignment,\n    });\n    return html`\n      <button class=\"${classes}\" aria-describedby=\"tooltip-body\">\n        <span\n          class=\"${prefix}--assistive-text\"\n          id=\"tooltip-body\"\n          role=\"tooltip\">\n          <slot name=\"body\">${bodyText}</slot>\n        </span>\n        <slot></slot>\n      </button>\n    `;\n  }\n}\n\nexport default BXTooltipIcon;\n"]}

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

@@ -4,16 +4,17 @@ let _ = t => t,
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * 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 { classMap } from 'lit-html/directives/class-map';
-import { html, customElement } from 'lit-element';
+import { html } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings';
 import BXTooltipDefintion from './tooltip-definition';
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 const {
   prefix
 } = settings;

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip-icon.js","names":["classMap","html","customElement","settings","BXTooltipDefintion","prefix","BXTooltipIcon","_decorate","_initialize","_BXTooltipDefintion","constructor","args","F","d","kind","key","value","render","alignment","bodyText","direction","classes","_t","_"],"sources":["components/tooltip/tooltip-icon.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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-html/directives/class-map';\nimport { html, customElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport BXTooltipDefintion from './tooltip-definition';\n\nconst { prefix } = settings;\n\n/**\n * Icon tooltip.\n *\n * @element bx-tooltip-icon\n * @slot body - The tooltip body content.\n */\n@customElement(`${prefix}-tooltip-icon`)\nclass BXTooltipIcon extends BXTooltipDefintion {\n  render() {\n    const { alignment, bodyText, direction } = this;\n    const classes = classMap({\n      [`${prefix}--tooltip__trigger`]: true,\n      [`${prefix}--tooltip--a11y`]: true,\n      [`${prefix}--tooltip--${direction}`]: direction,\n      [`${prefix}--tooltip--align-${alignment}`]: alignment,\n    });\n    return html`\n      <button class=\"${classes}\" aria-describedby=\"tooltip-body\">\n        <span\n          class=\"${prefix}--assistive-text\"\n          id=\"tooltip-body\"\n          role=\"tooltip\">\n          <slot name=\"body\">${bodyText}</slot>\n        </span>\n        <slot></slot>\n      </button>\n    `;\n  }\n}\n\nexport default BXTooltipIcon;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,IAAI,EAAEC,aAAa,QAAQ,aAAa;AACjD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,kBAAkB,MAAM,sBAAsB;AAErD,MAAM;EAAEC;AAAO,CAAC,GAAGF,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AACA;AALA,IAOMG,aAAa,GAAAC,SAAA,EADlBL,aAAa,CAAE,GAAEG,MAAO,eAAc,CAAC,aAAAG,WAAA,EAAAC,mBAAA;EAAxC,MACMH,aAAa,SAAAG,mBAAA,CAA4B;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAqB/C;EAAC;IAAAI,CAAA,EArBKN,aAAa;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACjB,SAAAC,OAAA,EAAS;QACP,MAAM;UAAEC,SAAS;UAAEC,QAAQ;UAAEC;QAAU,CAAC,GAAG,IAAI;QAC/C,MAAMC,OAAO,GAAGrB,QAAQ,CAAC;UACvB,CAAE,GAAEK,MAAO,oBAAmB,GAAG,IAAI;UACrC,CAAE,GAAEA,MAAO,iBAAgB,GAAG,IAAI;UAClC,CAAE,GAAEA,MAAO,cAAae,SAAU,EAAC,GAAGA,SAAS;UAC/C,CAAE,GAAEf,MAAO,oBAAmBa,SAAU,EAAC,GAAGA;QAC9C,CAAC,CAAC;QACF,OAAOjB,IAAI,CAAAqB,EAAA,KAAAA,EAAA,GAAAC,CAAA,+LACQF,OAAO,EAEXhB,MAAM,EAGKc,QAAQ;MAKpC;IAAC;EAAA;AAAA,GApByBf,kBAAkB;AAuB9C,eAAeE,aAAa"}
+{"version":3,"file":"tooltip-icon.js","names":["classMap","html","settings","BXTooltipDefintion","carbonElement","customElement","prefix","BXTooltipIcon","_decorate","_initialize","_BXTooltipDefintion","constructor","args","F","d","kind","key","value","render","alignment","bodyText","direction","classes","_t","_"],"sources":["components/tooltip/tooltip-icon.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport BXTooltipDefintion from './tooltip-definition';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Icon tooltip.\n *\n * @element bx-tooltip-icon\n * @slot body - The tooltip body content.\n */\n@customElement(`${prefix}-tooltip-icon`)\nclass BXTooltipIcon extends BXTooltipDefintion {\n  render() {\n    const { alignment, bodyText, direction } = this;\n    const classes = classMap({\n      [`${prefix}--tooltip__trigger`]: true,\n      [`${prefix}--tooltip--a11y`]: true,\n      [`${prefix}--tooltip--${direction}`]: direction,\n      [`${prefix}--tooltip--align-${alignment}`]: alignment,\n    });\n    return html`\n      <button class=\"${classes}\" aria-describedby=\"tooltip-body\">\n        <span\n          class=\"${prefix}--assistive-text\"\n          id=\"tooltip-body\"\n          role=\"tooltip\">\n          <slot name=\"body\">${bodyText}</slot>\n        </span>\n        <slot></slot>\n      </button>\n    `;\n  }\n}\n\nexport default BXTooltipIcon;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,IAAI,QAAQ,aAAa;AAClC,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AACA;AALA,IAOMK,aAAa,GAAAC,SAAA,EADlBH,aAAa,CAAE,GAAEC,MAAO,eAAc,CAAC,aAAAG,WAAA,EAAAC,mBAAA;EAAxC,MACMH,aAAa,SAAAG,mBAAA,CAA4B;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAqB/C;EAAC;IAAAI,CAAA,EArBKN,aAAa;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACjB,SAAAC,OAAA,EAAS;QACP,MAAM;UAAEC,SAAS;UAAEC,QAAQ;UAAEC;QAAU,CAAC,GAAG,IAAI;QAC/C,MAAMC,OAAO,GAAGtB,QAAQ,CAAC;UACvB,CAAE,GAAEM,MAAO,oBAAmB,GAAG,IAAI;UACrC,CAAE,GAAEA,MAAO,iBAAgB,GAAG,IAAI;UAClC,CAAE,GAAEA,MAAO,cAAae,SAAU,EAAC,GAAGA,SAAS;UAC/C,CAAE,GAAEf,MAAO,oBAAmBa,SAAU,EAAC,GAAGA;QAC9C,CAAC,CAAC;QACF,OAAOlB,IAAI,CAAAsB,EAAA,KAAAA,EAAA,GAAAC,CAAA,+LACQF,OAAO,EAEXhB,MAAM,EAGKc,QAAQ;MAKpC;IAAC;EAAA;AAAA,GApByBjB,kBAAkB;AAuB9C,eAAeI,aAAa"}

package/es/components/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/tooltip/tooltip.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAwC,UAAU,EAAE,MAAM,aAAa,CAAC;AAM/E,OAAO,qBAAqB,MAAM,wCAAwC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK3E;;;;GAIG;AACH,cACM,SACJ,SAAQ,cACR,YAAW,qBAAqB;IAEhC;;OAEG;IACH,OAAO,CAAC,SAAS,CAA+B;IAEhD;;OAEG;IAEH,OAAO,CAAC,YAAY,CAAe;IAEnC;;OAEG;IAGH,OAAO,CAAC,YAAY,CAYlB;IAEF;;OAEG;IAGH,OAAO,CAAC,cAAc,CAIpB;IAEF;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IACH,IAAI,eAAe,YAMlB;IAED,iBAAiB;IAoBjB,OAAO,CAAC,iBAAiB,KAAA;IAezB,MAAM;IAON,MAAM,KAAK,mBAAmB,WAE7B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,SAAS,CAAC","file":"tooltip.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { html, property, query, customElement, LitElement } from 'lit-element';\nimport Information16 from '@carbon/icons/lib/information/16';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { find } from '../../globals/internal/collection-helpers';\nimport BXFloatingMenu from '../floating-menu/floating-menu';\nimport BXFloatingMenuTrigger from '../floating-menu/floating-menu-trigger';\nimport styles from './tooltip.scss';\n\nconst { prefix } = settings;\n\n/**\n * Trigger button of tooltip.\n *\n * @element bx-tooltip\n */\n@customElement(`${prefix}-tooltip`)\nclass BXTooltip\n  extends HostListenerMixin(LitElement)\n  implements BXFloatingMenuTrigger\n{\n  /**\n   * The menu body.\n   */\n  private _menuBody: BXFloatingMenu | null = null;\n\n  /**\n   * The trigger button.\n   */\n  @query('#trigger')\n  private _triggerNode!: HTMLElement;\n\n  /**\n   * Handles `click` event on this element.\n   */\n  @HostListener('click')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClick = async () => {\n    this.open = !this.open;\n    const { open, updateComplete } = this;\n    if (open) {\n      await updateComplete;\n      const { _menuBody: menuBody } = this;\n      (\n        menuBody?.shadowRoot?.querySelector(\n          BXTooltip.selectorTooltipBody\n        ) as HTMLElement\n      )?.focus();\n    }\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = async (event) => {\n    if (event.key === ' ' || event.key === 'Enter') {\n      this._handleClick();\n    }\n  };\n\n  /**\n   * `true` if the dropdown should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * @returns The position of the trigger button in the viewport.\n   */\n  get triggerPosition() {\n    const { _triggerNode: triggerNode } = this;\n    if (!triggerNode) {\n      throw new TypeError('Cannot find the trigger button.');\n    }\n    return triggerNode.getBoundingClientRect();\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'button');\n    }\n    if (!this.hasAttribute('tabindex')) {\n      // TODO: Should we use a property?\n      this.setAttribute('tabindex', '0');\n    }\n    if (!this.hasAttribute('aria-haspopup')) {\n      this.setAttribute('aria-haspopup', 'true');\n    }\n    if (!this.hasAttribute('aria-expanded')) {\n      this.setAttribute('aria-expanded', 'false');\n    }\n    if (!this.shadowRoot) {\n      this.attachShadow({ mode: 'open' });\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('open')) {\n      if (!this._menuBody) {\n        this._menuBody = find(\n          this.childNodes,\n          (elem) => (elem.constructor as typeof BXFloatingMenu).FLOATING_MENU\n        );\n      }\n      if (this._menuBody) {\n        this._menuBody.open = this.open;\n      }\n      this.setAttribute('aria-expanded', String(Boolean(this.open)));\n    }\n  }\n\n  render() {\n    return html`\n      ${Information16({ id: 'trigger' })}\n      <slot></slot>\n    `;\n  }\n\n  static get selectorTooltipBody() {\n    return `.${prefix}--tooltip__content`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXTooltip;\n"]}
+{"version":3,"sources":["components/tooltip/tooltip.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAyB,UAAU,EAAE,MAAM,aAAa,CAAC;AAMhE,OAAO,qBAAqB,MAAM,wCAAwC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAM3E;;;;GAIG;AACH,cACM,SACJ,SAAQ,cACR,YAAW,qBAAqB;IAEhC;;OAEG;IACH,OAAO,CAAC,SAAS,CAA+B;IAEhD;;OAEG;IAEH,OAAO,CAAC,YAAY,CAAe;IAEnC;;OAEG;IAGH,OAAO,CAAC,YAAY,CAYlB;IAEF;;OAEG;IAGH,OAAO,CAAC,cAAc,CAIpB;IAEF;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IACH,IAAI,eAAe,YAMlB;IAED,iBAAiB;IAoBjB,OAAO,CAAC,iBAAiB,KAAA;IAezB,MAAM;IAON,MAAM,KAAK,mBAAmB,WAE7B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,SAAS,CAAC","file":"tooltip.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { html, property, query, LitElement } from 'lit-element';\nimport Information16 from '@carbon/icons/lib/information/16';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { find } from '../../globals/internal/collection-helpers';\nimport BXFloatingMenu from '../floating-menu/floating-menu';\nimport BXFloatingMenuTrigger from '../floating-menu/floating-menu-trigger';\nimport styles from './tooltip.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Trigger button of tooltip.\n *\n * @element bx-tooltip\n */\n@customElement(`${prefix}-tooltip`)\nclass BXTooltip\n  extends HostListenerMixin(LitElement)\n  implements BXFloatingMenuTrigger\n{\n  /**\n   * The menu body.\n   */\n  private _menuBody: BXFloatingMenu | null = null;\n\n  /**\n   * The trigger button.\n   */\n  @query('#trigger')\n  private _triggerNode!: HTMLElement;\n\n  /**\n   * Handles `click` event on this element.\n   */\n  @HostListener('click')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClick = async () => {\n    this.open = !this.open;\n    const { open, updateComplete } = this;\n    if (open) {\n      await updateComplete;\n      const { _menuBody: menuBody } = this;\n      (\n        menuBody?.shadowRoot?.querySelector(\n          BXTooltip.selectorTooltipBody\n        ) as HTMLElement\n      )?.focus();\n    }\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = async (event) => {\n    if (event.key === ' ' || event.key === 'Enter') {\n      this._handleClick();\n    }\n  };\n\n  /**\n   * `true` if the dropdown should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * @returns The position of the trigger button in the viewport.\n   */\n  get triggerPosition() {\n    const { _triggerNode: triggerNode } = this;\n    if (!triggerNode) {\n      throw new TypeError('Cannot find the trigger button.');\n    }\n    return triggerNode.getBoundingClientRect();\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'button');\n    }\n    if (!this.hasAttribute('tabindex')) {\n      // TODO: Should we use a property?\n      this.setAttribute('tabindex', '0');\n    }\n    if (!this.hasAttribute('aria-haspopup')) {\n      this.setAttribute('aria-haspopup', 'true');\n    }\n    if (!this.hasAttribute('aria-expanded')) {\n      this.setAttribute('aria-expanded', 'false');\n    }\n    if (!this.shadowRoot) {\n      this.attachShadow({ mode: 'open' });\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('open')) {\n      if (!this._menuBody) {\n        this._menuBody = find(\n          this.childNodes,\n          (elem) => (elem.constructor as typeof BXFloatingMenu).FLOATING_MENU\n        );\n      }\n      if (this._menuBody) {\n        this._menuBody.open = this.open;\n      }\n      this.setAttribute('aria-expanded', String(Boolean(this.open)));\n    }\n  }\n\n  render() {\n    return html`\n      ${Information16({ id: 'trigger' })}\n      <slot></slot>\n    `;\n  }\n\n  static get selectorTooltipBody() {\n    return `.${prefix}--tooltip__content`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXTooltip;\n"]}

package/es/components/tooltip/tooltip.js

@@ -13,12 +13,13 @@ let _ = t => t,
  */
 
 import settings from 'carbon-components/es/globals/js/settings';
-import { html, property, query, customElement, LitElement } from 'lit-element';
+import { html, property, query, LitElement } from 'lit-element';
 import Information16 from "../../icons/information/16";
 import HostListener from '../../globals/decorators/host-listener';
 import HostListenerMixin from '../../globals/mixins/host-listener';
 import { find } from '../../globals/internal/collection-helpers';
 import styles from "././tooltip.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 const {
   prefix
 } = settings;

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":["settings","html","property","query","customElement","LitElement","Information16","HostListener","HostListenerMixin","find","styles","prefix","BXTooltip","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","decorators","open","updateComplete","_menuBody$shadowRoot","_menuBody$shadowRoot$","_menuBody","menuBody","shadowRoot","querySelector","selectorTooltipBody","focus","event","_handleClick","type","Boolean","reflect","triggerPosition","_triggerNode","triggerNode","TypeError","getBoundingClientRect","connectedCallback","hasAttribute","setAttribute","attachShadow","mode","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","childNodes","elem","FLOATING_MENU","String","render","_t","_","id","static"],"sources":["components/tooltip/tooltip.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { html, property, query, customElement, LitElement } from 'lit-element';\nimport Information16 from '@carbon/icons/lib/information/16';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { find } from '../../globals/internal/collection-helpers';\nimport BXFloatingMenu from '../floating-menu/floating-menu';\nimport BXFloatingMenuTrigger from '../floating-menu/floating-menu-trigger';\nimport styles from './tooltip.scss';\n\nconst { prefix } = settings;\n\n/**\n * Trigger button of tooltip.\n *\n * @element bx-tooltip\n */\n@customElement(`${prefix}-tooltip`)\nclass BXTooltip\n  extends HostListenerMixin(LitElement)\n  implements BXFloatingMenuTrigger\n{\n  /**\n   * The menu body.\n   */\n  private _menuBody: BXFloatingMenu | null = null;\n\n  /**\n   * The trigger button.\n   */\n  @query('#trigger')\n  private _triggerNode!: HTMLElement;\n\n  /**\n   * Handles `click` event on this element.\n   */\n  @HostListener('click')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClick = async () => {\n    this.open = !this.open;\n    const { open, updateComplete } = this;\n    if (open) {\n      await updateComplete;\n      const { _menuBody: menuBody } = this;\n      (\n        menuBody?.shadowRoot?.querySelector(\n          BXTooltip.selectorTooltipBody\n        ) as HTMLElement\n      )?.focus();\n    }\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = async (event) => {\n    if (event.key === ' ' || event.key === 'Enter') {\n      this._handleClick();\n    }\n  };\n\n  /**\n   * `true` if the dropdown should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * @returns The position of the trigger button in the viewport.\n   */\n  get triggerPosition() {\n    const { _triggerNode: triggerNode } = this;\n    if (!triggerNode) {\n      throw new TypeError('Cannot find the trigger button.');\n    }\n    return triggerNode.getBoundingClientRect();\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'button');\n    }\n    if (!this.hasAttribute('tabindex')) {\n      // TODO: Should we use a property?\n      this.setAttribute('tabindex', '0');\n    }\n    if (!this.hasAttribute('aria-haspopup')) {\n      this.setAttribute('aria-haspopup', 'true');\n    }\n    if (!this.hasAttribute('aria-expanded')) {\n      this.setAttribute('aria-expanded', 'false');\n    }\n    if (!this.shadowRoot) {\n      this.attachShadow({ mode: 'open' });\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('open')) {\n      if (!this._menuBody) {\n        this._menuBody = find(\n          this.childNodes,\n          (elem) => (elem.constructor as typeof BXFloatingMenu).FLOATING_MENU\n        );\n      }\n      if (this._menuBody) {\n        this._menuBody.open = this.open;\n      }\n      this.setAttribute('aria-expanded', String(Boolean(this.open)));\n    }\n  }\n\n  render() {\n    return html`\n      ${Information16({ id: 'trigger' })}\n      <slot></slot>\n    `;\n  }\n\n  static get selectorTooltipBody() {\n    return `.${prefix}--tooltip__content`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXTooltip;\n"],"mappings":"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"}
+{"version":3,"file":"tooltip.js","names":["settings","html","property","query","LitElement","Information16","HostListener","HostListenerMixin","find","styles","carbonElement","customElement","prefix","BXTooltip","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","decorators","open","updateComplete","_menuBody$shadowRoot","_menuBody$shadowRoot$","_menuBody","menuBody","shadowRoot","querySelector","selectorTooltipBody","focus","event","_handleClick","type","Boolean","reflect","triggerPosition","_triggerNode","triggerNode","TypeError","getBoundingClientRect","connectedCallback","hasAttribute","setAttribute","attachShadow","mode","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","childNodes","elem","FLOATING_MENU","String","render","_t","_","id","static"],"sources":["components/tooltip/tooltip.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { html, property, query, LitElement } from 'lit-element';\nimport Information16 from '@carbon/icons/lib/information/16';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { find } from '../../globals/internal/collection-helpers';\nimport BXFloatingMenu from '../floating-menu/floating-menu';\nimport BXFloatingMenuTrigger from '../floating-menu/floating-menu-trigger';\nimport styles from './tooltip.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Trigger button of tooltip.\n *\n * @element bx-tooltip\n */\n@customElement(`${prefix}-tooltip`)\nclass BXTooltip\n  extends HostListenerMixin(LitElement)\n  implements BXFloatingMenuTrigger\n{\n  /**\n   * The menu body.\n   */\n  private _menuBody: BXFloatingMenu | null = null;\n\n  /**\n   * The trigger button.\n   */\n  @query('#trigger')\n  private _triggerNode!: HTMLElement;\n\n  /**\n   * Handles `click` event on this element.\n   */\n  @HostListener('click')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClick = async () => {\n    this.open = !this.open;\n    const { open, updateComplete } = this;\n    if (open) {\n      await updateComplete;\n      const { _menuBody: menuBody } = this;\n      (\n        menuBody?.shadowRoot?.querySelector(\n          BXTooltip.selectorTooltipBody\n        ) as HTMLElement\n      )?.focus();\n    }\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = async (event) => {\n    if (event.key === ' ' || event.key === 'Enter') {\n      this._handleClick();\n    }\n  };\n\n  /**\n   * `true` if the dropdown should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * @returns The position of the trigger button in the viewport.\n   */\n  get triggerPosition() {\n    const { _triggerNode: triggerNode } = this;\n    if (!triggerNode) {\n      throw new TypeError('Cannot find the trigger button.');\n    }\n    return triggerNode.getBoundingClientRect();\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'button');\n    }\n    if (!this.hasAttribute('tabindex')) {\n      // TODO: Should we use a property?\n      this.setAttribute('tabindex', '0');\n    }\n    if (!this.hasAttribute('aria-haspopup')) {\n      this.setAttribute('aria-haspopup', 'true');\n    }\n    if (!this.hasAttribute('aria-expanded')) {\n      this.setAttribute('aria-expanded', 'false');\n    }\n    if (!this.shadowRoot) {\n      this.attachShadow({ mode: 'open' });\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('open')) {\n      if (!this._menuBody) {\n        this._menuBody = find(\n          this.childNodes,\n          (elem) => (elem.constructor as typeof BXFloatingMenu).FLOATING_MENU\n        );\n      }\n      if (this._menuBody) {\n        this._menuBody.open = this.open;\n      }\n      this.setAttribute('aria-expanded', String(Boolean(this.open)));\n    }\n  }\n\n  render() {\n    return html`\n      ${Information16({ id: 'trigger' })}\n      <slot></slot>\n    `;\n  }\n\n  static get selectorTooltipBody() {\n    return `.${prefix}--tooltip__content`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXTooltip;\n"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

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

@@ -1 +1 @@
-{"version":3,"sources":["components/ui-shell/header-menu-button.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,EAAiC,UAAU,EAAE,MAAM,aAAa,CAAC;AAKxE,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKzE;;;;;;;GAOG;AACH,cACM,kBAAmB,SAAQ,uBAAsB;IACrD,OAAO,CAAC,YAAY;IAkBpB;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,iBAAiB,SAA2B;IAE5C;;OAEG;IAEH,mBAAmB,SAA0B;IAE7C;;OAEG;IAEH,YAAY,yBAAqC;IAEjD;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,SAAS,sBAA+B;IAExC,gBAAgB;IAShB,MAAM;IA2BN;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,kBAAkB,CAAC","file":"header-menu-button.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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 settings from 'carbon-components/es/globals/js/settings';\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport Close20 from '@carbon/icons/lib/close/20';\nimport Menu20 from '@carbon/icons/lib/menu/20';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { SIDE_NAV_COLLAPSE_MODE, SIDE_NAV_USAGE_MODE } from './side-nav';\nimport styles from './header.scss';\n\nconst { prefix } = settings;\n\n/**\n * The trigger button for side nav in header nav.\n *\n * @element bx-header-menu-button\n * @csspart button The button.\n * @csspart toggle-icon The toggle icon.\n * @fires bx-header-menu-button-toggled - The custom event fired after this header menu button is toggled upon a user gesture.\n */\n@customElement(`${prefix}-header-menu-button`)\nclass BXHeaderMenuButton extends FocusMixin(LitElement) {\n  private _handleClick() {\n    const active = !this.active;\n    this.active = active;\n    this.dispatchEvent(\n      new CustomEvent(\n        (this.constructor as typeof BXHeaderMenuButton).eventToggle,\n        {\n          bubbles: true,\n          cancelable: true,\n          composed: true,\n          detail: {\n            active,\n          },\n        }\n      )\n    );\n  }\n\n  /**\n   * `true` if the button should represent its active state.\n   */\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  /**\n   * The `aria-label` attribute for the button in its active state.\n   */\n  @property({ attribute: 'button-label-active' })\n  buttonLabelActive = 'Close navigation menu';\n\n  /**\n   * The `aria-label` attribute for the button in its inactive state.\n   */\n  @property({ attribute: 'button-label-inactive' })\n  buttonLabelInactive = 'Open navigation menu';\n\n  /**\n   * Collapse mode of the side nav.\n   */\n  @property({ reflect: true, attribute: 'collapse-mode' })\n  collapseMode = SIDE_NAV_COLLAPSE_MODE.RESPONSIVE;\n\n  /**\n   * `true` if the button should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Usage mode of the side nav.\n   */\n  @property({ reflect: true, attribute: 'usage-mode' })\n  usageMode = SIDE_NAV_USAGE_MODE.REGULAR;\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  render() {\n    const {\n      active,\n      buttonLabelActive,\n      buttonLabelInactive,\n      disabled,\n      _handleClick: handleClick,\n    } = this;\n    const buttonLabel = active ? buttonLabelActive : buttonLabelInactive;\n    const classes = classMap({\n      [`${prefix}--header__action`]: true,\n      [`${prefix}--header__menu-trigger`]: true,\n      [`${prefix}--header__menu-toggle`]: true,\n      [`${prefix}--header__action--active`]: active,\n    });\n    return html`\n      <button\n        part=\"button\"\n        class=\"${classes}\"\n        ?disabled=${disabled}\n        aria-label=\"${ifNonNull(buttonLabel)}\"\n        @click=${handleClick}>\n        ${(active ? Close20 : Menu20)({ slot: 'toggle-icon' })}\n      </button>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after this header menu button is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-header-menu-button-toggled`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXHeaderMenuButton;\n"]}
+{"version":3,"sources":["components/ui-shell/header-menu-button.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,EAAkB,UAAU,EAAE,MAAM,aAAa,CAAC;AAKzD,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMzE;;;;;;;GAOG;AACH,cACM,kBAAmB,SAAQ,uBAAsB;IACrD,OAAO,CAAC,YAAY;IAkBpB;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,iBAAiB,SAA2B;IAE5C;;OAEG;IAEH,mBAAmB,SAA0B;IAE7C;;OAEG;IAEH,YAAY,yBAAqC;IAEjD;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,SAAS,sBAA+B;IAExC,gBAAgB;IAShB,MAAM;IA2BN;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,kBAAkB,CAAC","file":"header-menu-button.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, LitElement } from 'lit-element';\nimport Close20 from '@carbon/icons/lib/close/20';\nimport Menu20 from '@carbon/icons/lib/menu/20';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { SIDE_NAV_COLLAPSE_MODE, SIDE_NAV_USAGE_MODE } from './side-nav';\nimport styles from './header.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * The trigger button for side nav in header nav.\n *\n * @element bx-header-menu-button\n * @csspart button The button.\n * @csspart toggle-icon The toggle icon.\n * @fires bx-header-menu-button-toggled - The custom event fired after this header menu button is toggled upon a user gesture.\n */\n@customElement(`${prefix}-header-menu-button`)\nclass BXHeaderMenuButton extends FocusMixin(LitElement) {\n  private _handleClick() {\n    const active = !this.active;\n    this.active = active;\n    this.dispatchEvent(\n      new CustomEvent(\n        (this.constructor as typeof BXHeaderMenuButton).eventToggle,\n        {\n          bubbles: true,\n          cancelable: true,\n          composed: true,\n          detail: {\n            active,\n          },\n        }\n      )\n    );\n  }\n\n  /**\n   * `true` if the button should represent its active state.\n   */\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  /**\n   * The `aria-label` attribute for the button in its active state.\n   */\n  @property({ attribute: 'button-label-active' })\n  buttonLabelActive = 'Close navigation menu';\n\n  /**\n   * The `aria-label` attribute for the button in its inactive state.\n   */\n  @property({ attribute: 'button-label-inactive' })\n  buttonLabelInactive = 'Open navigation menu';\n\n  /**\n   * Collapse mode of the side nav.\n   */\n  @property({ reflect: true, attribute: 'collapse-mode' })\n  collapseMode = SIDE_NAV_COLLAPSE_MODE.RESPONSIVE;\n\n  /**\n   * `true` if the button should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Usage mode of the side nav.\n   */\n  @property({ reflect: true, attribute: 'usage-mode' })\n  usageMode = SIDE_NAV_USAGE_MODE.REGULAR;\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  render() {\n    const {\n      active,\n      buttonLabelActive,\n      buttonLabelInactive,\n      disabled,\n      _handleClick: handleClick,\n    } = this;\n    const buttonLabel = active ? buttonLabelActive : buttonLabelInactive;\n    const classes = classMap({\n      [`${prefix}--header__action`]: true,\n      [`${prefix}--header__menu-trigger`]: true,\n      [`${prefix}--header__menu-toggle`]: true,\n      [`${prefix}--header__action--active`]: active,\n    });\n    return html`\n      <button\n        part=\"button\"\n        class=\"${classes}\"\n        ?disabled=${disabled}\n        aria-label=\"${ifNonNull(buttonLabel)}\"\n        @click=${handleClick}>\n        ${(active ? Close20 : Menu20)({ slot: 'toggle-icon' })}\n      </button>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after this header menu button is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-header-menu-button-toggled`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXHeaderMenuButton;\n"]}

package/es/components/ui-shell/header-menu-button.js

@@ -4,7 +4,7 @@ let _ = t => t,
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -12,13 +12,14 @@ let _ = t => t,
 
 import settings from 'carbon-components/es/globals/js/settings';
 import { classMap } from 'lit-html/directives/class-map';
-import { html, property, customElement, LitElement } from 'lit-element';
+import { html, property, LitElement } from 'lit-element';
 import Close20 from "../../icons/close/20";
 import Menu20 from "../../icons/menu/20";
 import ifNonNull from '../../globals/directives/if-non-null';
 import FocusMixin from '../../globals/mixins/focus';
 import { SIDE_NAV_COLLAPSE_MODE, SIDE_NAV_USAGE_MODE } from './side-nav';
 import styles from "././header.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 const {
   prefix
 } = settings;

package/es/components/ui-shell/header-menu-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-menu-button.js","names":["settings","classMap","html","property","customElement","LitElement","Close20","Menu20","ifNonNull","FocusMixin","SIDE_NAV_COLLAPSE_MODE","SIDE_NAV_USAGE_MODE","styles","prefix","BXHeaderMenuButton","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleClick","active","dispatchEvent","CustomEvent","eventToggle","bubbles","cancelable","composed","detail","decorators","type","Boolean","reflect","attribute","RESPONSIVE","REGULAR","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","render","buttonLabelActive","buttonLabelInactive","disabled","handleClick","buttonLabel","classes","_t","_","slot","static"],"sources":["components/ui-shell/header-menu-button.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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 settings from 'carbon-components/es/globals/js/settings';\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport Close20 from '@carbon/icons/lib/close/20';\nimport Menu20 from '@carbon/icons/lib/menu/20';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { SIDE_NAV_COLLAPSE_MODE, SIDE_NAV_USAGE_MODE } from './side-nav';\nimport styles from './header.scss';\n\nconst { prefix } = settings;\n\n/**\n * The trigger button for side nav in header nav.\n *\n * @element bx-header-menu-button\n * @csspart button The button.\n * @csspart toggle-icon The toggle icon.\n * @fires bx-header-menu-button-toggled - The custom event fired after this header menu button is toggled upon a user gesture.\n */\n@customElement(`${prefix}-header-menu-button`)\nclass BXHeaderMenuButton extends FocusMixin(LitElement) {\n  private _handleClick() {\n    const active = !this.active;\n    this.active = active;\n    this.dispatchEvent(\n      new CustomEvent(\n        (this.constructor as typeof BXHeaderMenuButton).eventToggle,\n        {\n          bubbles: true,\n          cancelable: true,\n          composed: true,\n          detail: {\n            active,\n          },\n        }\n      )\n    );\n  }\n\n  /**\n   * `true` if the button should represent its active state.\n   */\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  /**\n   * The `aria-label` attribute for the button in its active state.\n   */\n  @property({ attribute: 'button-label-active' })\n  buttonLabelActive = 'Close navigation menu';\n\n  /**\n   * The `aria-label` attribute for the button in its inactive state.\n   */\n  @property({ attribute: 'button-label-inactive' })\n  buttonLabelInactive = 'Open navigation menu';\n\n  /**\n   * Collapse mode of the side nav.\n   */\n  @property({ reflect: true, attribute: 'collapse-mode' })\n  collapseMode = SIDE_NAV_COLLAPSE_MODE.RESPONSIVE;\n\n  /**\n   * `true` if the button should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Usage mode of the side nav.\n   */\n  @property({ reflect: true, attribute: 'usage-mode' })\n  usageMode = SIDE_NAV_USAGE_MODE.REGULAR;\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  render() {\n    const {\n      active,\n      buttonLabelActive,\n      buttonLabelInactive,\n      disabled,\n      _handleClick: handleClick,\n    } = this;\n    const buttonLabel = active ? buttonLabelActive : buttonLabelInactive;\n    const classes = classMap({\n      [`${prefix}--header__action`]: true,\n      [`${prefix}--header__menu-trigger`]: true,\n      [`${prefix}--header__menu-toggle`]: true,\n      [`${prefix}--header__action--active`]: active,\n    });\n    return html`\n      <button\n        part=\"button\"\n        class=\"${classes}\"\n        ?disabled=${disabled}\n        aria-label=\"${ifNonNull(buttonLabel)}\"\n        @click=${handleClick}>\n        ${(active ? Close20 : Menu20)({ slot: 'toggle-icon' })}\n      </button>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after this header menu button is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-header-menu-button-toggled`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXHeaderMenuButton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,IAAI,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,UAAU,QAAQ,aAAa;AACvE,OAAOC,OAAO,MAAM,sBAA4B;AAChD,OAAOC,MAAM,MAAM,qBAA2B;AAC9C,OAAOC,SAAS,MAAM,sCAAsC;AAC5D,OAAOC,UAAU,MAAM,4BAA4B;AACnD,SAASC,sBAAsB,EAAEC,mBAAmB,QAAQ,YAAY;AACxE,OAAOC,MAAM,MAAM,mBAAe;AAElC,MAAM;EAAEC;AAAO,CAAC,GAAGb,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAPA,IASMc,kBAAkB,GAAAC,SAAA,EADvBX,aAAa,CAAE,GAAES,MAAO,qBAAoB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA9C,MACMH,kBAAkB,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAmGxD;EAAC;IAAAI,CAAA,EAnGKN,kBAAkB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACtB,SAAAC,aAAA,EAAuB;QACrB,MAAMC,MAAM,GAAG,CAAC,IAAI,CAACA,MAAM;QAC3B,IAAI,CAACA,MAAM,GAAGA,MAAM;QACpB,IAAI,CAACC,aAAa,CAChB,IAAIC,WAAW,CACZ,IAAI,CAACV,WAAW,CAA+BW,WAAW,EAC3D;UACEC,OAAO,EAAE,IAAI;UACbC,UAAU,EAAE,IAAI;UAChBC,QAAQ,EAAE,IAAI;UACdC,MAAM,EAAE;YACNP;UACF;QACF,CAAC,CACF,CACF;MACH;;MAEA;AACF;AACA;IAFE;MAAAJ,IAAA;MAAAY,UAAA,GAGC/B,QAAQ,CAAC;QAAEgC,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAd,GAAA;MAAAC,MAAA;QAAA,OAClC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAY,UAAA,GAKb/B,QAAQ,CAAC;QAAEmC,SAAS,EAAE;MAAsB,CAAC,CAAC;MAAAf,GAAA;MAAAC,MAAA;QAAA,OAC3B,uBAAuB;MAAA;IAAA;MAAAF,IAAA;MAAAY,UAAA,GAK1C/B,QAAQ,CAAC;QAAEmC,SAAS,EAAE;MAAwB,CAAC,CAAC;MAAAf,GAAA;MAAAC,MAAA;QAAA,OAC3B,sBAAsB;MAAA;IAAA;MAAAF,IAAA;MAAAY,UAAA,GAK3C/B,QAAQ,CAAC;QAAEkC,OAAO,EAAE,IAAI;QAAEC,SAAS,EAAE;MAAgB,CAAC,CAAC;MAAAf,GAAA;MAAAC,MAAA;QAAA,OACzCd,sBAAsB,CAAC6B,UAAU;MAAA;IAAA;MAAAjB,IAAA;MAAAY,UAAA,GAK/C/B,QAAQ,CAAC;QAAEgC,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAd,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAY,UAAA,GAKf/B,QAAQ,CAAC;QAAEkC,OAAO,EAAE,IAAI;QAAEC,SAAS,EAAE;MAAa,CAAC,CAAC;MAAAf,GAAA;MAAAC,MAAA;QAAA,OACzCb,mBAAmB,CAAC6B,OAAO;MAAA;IAAA;MAAAlB,IAAA;MAAAC,GAAA;MAAAC,KAAA;MA5BvC;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE,SAAAiB,iBAAA,EAAmB;QAAA,IAAAC,KAAA;QACjB,OAAO,IAAI,CAACC,YAAY,CAAC;UACvBC,IAAI,EAAE,MAAM;UACZC,cAAc,EACZC,MAAM,CAAC,EAAAJ,KAAA,GAAC,eAAe,CAACK,IAAI,CAACC,SAAS,CAACC,SAAS,CAAC,cAAAP,KAAA,cAAAA,KAAA,GAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IACjE;QACJ,CAAC,CAAC;MACJ;IAAC;MAAApB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAA0B,OAAA,EAAS;QACP,MAAM;UACJxB,MAAM;UACNyB,iBAAiB;UACjBC,mBAAmB;UACnBC,QAAQ;UACR5B,YAAY,EAAE6B;QAChB,CAAC,GAAG,IAAI;QACR,MAAMC,WAAW,GAAG7B,MAAM,GAAGyB,iBAAiB,GAAGC,mBAAmB;QACpE,MAAMI,OAAO,GAAGvD,QAAQ,CAAC;UACvB,CAAE,GAAEY,MAAO,kBAAiB,GAAG,IAAI;UACnC,CAAE,GAAEA,MAAO,wBAAuB,GAAG,IAAI;UACzC,CAAE,GAAEA,MAAO,uBAAsB,GAAG,IAAI;UACxC,CAAE,GAAEA,MAAO,0BAAyB,GAAGa;QACzC,CAAC,CAAC;QACF,OAAOxB,IAAI,CAAAuD,EAAA,KAAAA,EAAA,GAAAC,CAAA,0GAGEF,OAAO,EACJH,QAAQ,EACN7C,SAAS,CAAC+C,WAAW,CAAC,EAC3BD,WAAW,EAClB,CAAC5B,MAAM,GAAGpB,OAAO,GAAGC,MAAM,EAAE;UAAEoD,IAAI,EAAE;QAAc,CAAC,CAAC;MAG5D;;MAEA;AACF;AACA;IAFE;MAAArC,IAAA;MAAAsC,MAAA;MAAArC,GAAA;MAAAC,KAAA,EAGA,SAAAK,YAAA,EAAyB;QACvB,OAAQ,GAAEhB,MAAO,6BAA4B;MAC/C;IAAC;MAAAS,IAAA;MAAAsC,MAAA;MAAArC,GAAA;MAAAC,MAAA;QAAA,OAEeZ,MAAM;MAAA;IAAA;EAAA;AAAA,GAlGSH,UAAU,CAACJ,UAAU,CAAC;AAqGvD,eAAeS,kBAAkB"}
+{"version":3,"file":"header-menu-button.js","names":["settings","classMap","html","property","LitElement","Close20","Menu20","ifNonNull","FocusMixin","SIDE_NAV_COLLAPSE_MODE","SIDE_NAV_USAGE_MODE","styles","carbonElement","customElement","prefix","BXHeaderMenuButton","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleClick","active","dispatchEvent","CustomEvent","eventToggle","bubbles","cancelable","composed","detail","decorators","type","Boolean","reflect","attribute","RESPONSIVE","REGULAR","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","render","buttonLabelActive","buttonLabelInactive","disabled","handleClick","buttonLabel","classes","_t","_","slot","static"],"sources":["components/ui-shell/header-menu-button.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, LitElement } from 'lit-element';\nimport Close20 from '@carbon/icons/lib/close/20';\nimport Menu20 from '@carbon/icons/lib/menu/20';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { SIDE_NAV_COLLAPSE_MODE, SIDE_NAV_USAGE_MODE } from './side-nav';\nimport styles from './header.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * The trigger button for side nav in header nav.\n *\n * @element bx-header-menu-button\n * @csspart button The button.\n * @csspart toggle-icon The toggle icon.\n * @fires bx-header-menu-button-toggled - The custom event fired after this header menu button is toggled upon a user gesture.\n */\n@customElement(`${prefix}-header-menu-button`)\nclass BXHeaderMenuButton extends FocusMixin(LitElement) {\n  private _handleClick() {\n    const active = !this.active;\n    this.active = active;\n    this.dispatchEvent(\n      new CustomEvent(\n        (this.constructor as typeof BXHeaderMenuButton).eventToggle,\n        {\n          bubbles: true,\n          cancelable: true,\n          composed: true,\n          detail: {\n            active,\n          },\n        }\n      )\n    );\n  }\n\n  /**\n   * `true` if the button should represent its active state.\n   */\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  /**\n   * The `aria-label` attribute for the button in its active state.\n   */\n  @property({ attribute: 'button-label-active' })\n  buttonLabelActive = 'Close navigation menu';\n\n  /**\n   * The `aria-label` attribute for the button in its inactive state.\n   */\n  @property({ attribute: 'button-label-inactive' })\n  buttonLabelInactive = 'Open navigation menu';\n\n  /**\n   * Collapse mode of the side nav.\n   */\n  @property({ reflect: true, attribute: 'collapse-mode' })\n  collapseMode = SIDE_NAV_COLLAPSE_MODE.RESPONSIVE;\n\n  /**\n   * `true` if the button should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Usage mode of the side nav.\n   */\n  @property({ reflect: true, attribute: 'usage-mode' })\n  usageMode = SIDE_NAV_USAGE_MODE.REGULAR;\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  render() {\n    const {\n      active,\n      buttonLabelActive,\n      buttonLabelInactive,\n      disabled,\n      _handleClick: handleClick,\n    } = this;\n    const buttonLabel = active ? buttonLabelActive : buttonLabelInactive;\n    const classes = classMap({\n      [`${prefix}--header__action`]: true,\n      [`${prefix}--header__menu-trigger`]: true,\n      [`${prefix}--header__menu-toggle`]: true,\n      [`${prefix}--header__action--active`]: active,\n    });\n    return html`\n      <button\n        part=\"button\"\n        class=\"${classes}\"\n        ?disabled=${disabled}\n        aria-label=\"${ifNonNull(buttonLabel)}\"\n        @click=${handleClick}>\n        ${(active ? Close20 : Menu20)({ slot: 'toggle-icon' })}\n      </button>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after this header menu button is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-header-menu-button-toggled`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXHeaderMenuButton;\n"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

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

@@ -1 +1 @@
-{"version":3,"sources":["components/ui-shell/header-menu-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAIhD;;;;GAIG;AACH,cACM,gBAAiB,SAAQ,eAAe;CAAG;AAEjD,eAAe,gBAAgB,CAAC","file":"header-menu-item.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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 settings from 'carbon-components/es/globals/js/settings';\nimport { customElement } from 'lit-element';\nimport BXHeaderNavItem from './header-nav-item';\n\nconst { prefix } = settings;\n\n/**\n * Header submenu item.\n *\n * @element bx-header-menu-item\n */\n@customElement(`${prefix}-header-menu-item`)\nclass BXHeaderMenuItem extends BXHeaderNavItem {}\n\nexport default BXHeaderMenuItem;\n"]}
+{"version":3,"sources":["components/ui-shell/header-menu-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAIhD;;;;GAIG;AACH,cACM,gBAAiB,SAAQ,eAAe;CAAG;AAEjD,eAAe,gBAAgB,CAAC","file":"header-menu-item.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport BXHeaderNavItem from './header-nav-item';\n\nconst { prefix } = settings;\n\n/**\n * Header submenu item.\n *\n * @element bx-header-menu-item\n */\n@customElement(`${prefix}-header-menu-item`)\nclass BXHeaderMenuItem extends BXHeaderNavItem {}\n\nexport default BXHeaderMenuItem;\n"]}

package/es/components/ui-shell/header-menu-item.js

@@ -2,14 +2,14 @@ import _decorate from "@babel/runtime/helpers/esm/decorate";
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * 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 settings from 'carbon-components/es/globals/js/settings';
-import { customElement } from 'lit-element';
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 import BXHeaderNavItem from './header-nav-item';
 const {
   prefix