@carbon/web-components 1.36.1 → 1.37.0

package/es/components/tile/tile.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile.js","names":["settings","html","property","LitElement","carbonElement","customElement","TILE_COLOR_SCHEME","styles","prefix","BXTile","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","attribute","reflect","key","value","REGULAR","render","_t","_","static"],"sources":["components/tile/tile.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, LitElement } from 'lit-element';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { TILE_COLOR_SCHEME } from './defs';\nimport styles from './tile.scss';\n\nexport { TILE_COLOR_SCHEME };\n\nconst { prefix } = settings;\n\n/**\n * Basic tile.\n *\n * @element bx-tile\n */\n@customElement(`${prefix}-tile`)\nclass BXTile extends LitElement {\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = TILE_COLOR_SCHEME.REGULAR;\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTile;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AACxF,SAASC,iBAAiB,QAAQ,QAAQ;AAC1C,OAAOC,MAAM,MAAM,iBAAa;AAEhC,SAASD,iBAAiB;AAE1B,MAAM;EAAEE;AAAO,CAAC,GAAGR,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMS,MAAM,GAAAC,SAAA,EADXL,aAAa,CAAE,GAAEG,MAAO,OAAM,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAhC,MACMH,MAAM,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAYhC;EAAC;IAAAI,CAAA,EAZKN,MAAM;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIThB,QAAQ,CAAC;QAAEiB,SAAS,EAAE,cAAc;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACzChB,iBAAiB,CAACiB,OAAO;MAAA;IAAA;MAAAN,IAAA;MAAAI,GAAA;MAAAC,KAAA;MAJvC;AACF;AACA;;MAIE,SAAAE,OAAA,EAAS;QACP,OAAOvB,IAAI,CAAAwB,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;IAAC;MAAAT,IAAA;MAAAU,MAAA;MAAAN,GAAA;MAAAC,MAAA;QAAA,OAEef,MAAM;MAAA;IAAA;EAAA;AAAA,GAXHJ,UAAU;AAc/B,eAAeM,MAAM"}
+{"version":3,"file":"tile.js","names":["settings","html","property","LitElement","carbonElement","customElement","TILE_COLOR_SCHEME","styles","prefix","BXTile","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","attribute","reflect","key","value","REGULAR","render","_t","_","static"],"sources":["components/tile/tile.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, LitElement } from 'lit-element';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { TILE_COLOR_SCHEME } from './defs';\nimport styles from './tile.scss';\n\nexport { TILE_COLOR_SCHEME };\n\nconst { prefix } = settings;\n\n/**\n * Basic tile.\n *\n * @element bx-tile\n */\n@customElement(`${prefix}-tile`)\nclass BXTile extends LitElement {\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = TILE_COLOR_SCHEME.REGULAR;\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTile;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AACxF,SAASC,iBAAiB,QAAQ,QAAQ;AAC1C,OAAOC,MAAM,MAAM,iBAAa;AAEhC,SAASD,iBAAiB;AAE1B,MAAM;EAAEE;AAAO,CAAC,GAAGR,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMS,MAAM,GAAAC,SAAA,EADXL,aAAa,CAAE,GAAEG,MAAO,OAAM,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAhC,MACMH,MAAM,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAYhC;EAAC;IAAAI,CAAA,EAZKN,MAAM;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIThB,QAAQ,CAAC;QAAEiB,SAAS,EAAE,cAAc;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACzChB,iBAAiB,CAACiB,OAAO;MAAA;IAAA;MAAAN,IAAA;MAAAI,GAAA;MAAAC,KAAA;MAJvC;AACF;AACA;;MAIE,SAAAE,OAAA,EAAS;QACP,OAAOvB,IAAI,CAAAwB,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;IAAC;MAAAT,IAAA;MAAAU,MAAA;MAAAN,GAAA;MAAAC,MAAA;QAAA,OAEef,MAAM;MAAA;IAAA;EAAA;AAAA,GAXHJ,UAAU;AAc/B,eAAeM,MAAM"}

package/es/components/toggle/toggle.js

@@ -49,7 +49,15 @@ let BXToggle = _decorate([customElement(`${prefix}-toggle`)], function (_initial
         if (this.size !== TOGGLE_SIZE.SMALL) {
           return undefined;
         }
-        return html(_t || (_t = _` <svg class="${0}--toggle__check" width="6px" height="5px" viewBox="0 0 6 5"> <path d="M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z"/> </svg> `), prefix);
+        return html(_t || (_t = _`
+      <svg
+        class="${0}--toggle__check"
+        width="6px"
+        height="5px"
+        viewBox="0 0 6 5">
+        <path d="M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z" />
+      </svg>
+    `), prefix);
       }
 
       /**
@@ -108,7 +116,30 @@ let BXToggle = _decorate([customElement(`${prefix}-toggle`)], function (_initial
           [`${prefix}--toggle-input`]: true,
           [`${prefix}--toggle-input--${size}`]: size
         });
-        return html(_t2 || (_t2 = _` <input id="checkbox" type="checkbox" class="${0}" aria-checked="${0}" .checked="${0}" ?disabled="${0}" name="${0}" value="${0}" @change="${0}"> <label for="checkbox" class="${0}--toggle-input__label"> <slot name="label-text">${0}</slot> <span class="${0}--toggle__switch"> ${0} <span class="${0}--toggle__text--off" aria-hidden="true"> <slot name="unchecked-text">${0}</slot> </span> <span class="${0}--toggle__text--on" aria-hidden="true"> <slot name="checked-text">${0}</slot> </span> </span> </label> `), inputClasses, String(Boolean(checked)), checked, disabled, ifNonNull(name), ifNonNull(value), handleChange, prefix, labelText, prefix, this._renderCheckmark(), prefix, uncheckedText, prefix, checkedText);
+        return html(_t2 || (_t2 = _`
+      <input
+        id="checkbox"
+        type="checkbox"
+        class="${0}"
+        aria-checked="${0}"
+        .checked="${0}"
+        ?disabled="${0}"
+        name="${0}"
+        value="${0}"
+        @change="${0}" />
+      <label for="checkbox" class="${0}--toggle-input__label">
+        <slot name="label-text">${0}</slot>
+        <span class="${0}--toggle__switch">
+          ${0}
+          <span class="${0}--toggle__text--off" aria-hidden="true">
+            <slot name="unchecked-text">${0}</slot>
+          </span>
+          <span class="${0}--toggle__text--on" aria-hidden="true">
+            <slot name="checked-text">${0}</slot>
+          </span>
+        </span>
+      </label>
+    `), inputClasses, String(Boolean(checked)), checked, disabled, ifNonNull(name), ifNonNull(value), handleChange, prefix, labelText, prefix, this._renderCheckmark(), prefix, uncheckedText, prefix, checkedText);
       }
 
       /**

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

@@ -1 +1 @@
-{"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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"}
+{"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.js

@@ -157,7 +157,10 @@ let BXTooltipBody = _decorate([customElement(`${prefix}-tooltip-body`)], functio
       kind: "method",
       key: "render",
       value: function render() {
-        return html(_t || (_t = _` <span class="${0}--tooltip__caret"></span> <div tabindex="0" class="${0}--tooltip__content"><slot></slot></div> `), prefix, prefix);
+        return html(_t || (_t = _`
+      <span class="${0}--tooltip__caret"></span>
+      <div tabindex="0" class="${0}--tooltip__content"><slot></slot></div>
+    `), prefix, prefix);
       }
     }, {
       kind: "field",

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

@@ -1 +1 @@
-{"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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"}
+{"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.js

@@ -99,7 +99,14 @@ let BXTooltipDefinition = _decorate([customElement(`${prefix}-tooltip-definition
           [`${prefix}--tooltip--${direction}`]: direction,
           [`${prefix}--tooltip--align-${alignment}`]: alignment
         });
-        return html(_t || (_t = _` <button class="${0}" aria-describedby="tooltip-body"> <slot></slot> </button> <div class="${0}--assistive-text" id="tooltip-body" role="tooltip"> <slot name="body">${0}</slot> </div> `), classes, prefix, bodyText);
+        return html(_t || (_t = _`
+      <button class="${0}" aria-describedby="tooltip-body">
+        <slot></slot>
+      </button>
+      <div class="${0}--assistive-text" id="tooltip-body" role="tooltip">
+        <slot name="body">${0}</slot>
+      </div>
+    `), classes, prefix, bodyText);
       }
     }, {
       kind: "field",

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

@@ -1 +1 @@
-{"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,CAAC,CAAC;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,CAAC,CAAC;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"}
+{"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":"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"}

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

@@ -1 +1 @@
-{"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"}
+{"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,CAAC,iBAAe;MAC7B;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.js

@@ -49,7 +49,17 @@ let BXTooltipIcon = _decorate([customElement(`${prefix}-tooltip-icon`)], functio
           [`${prefix}--tooltip--${direction}`]: direction,
           [`${prefix}--tooltip--align-${alignment}`]: alignment
         });
-        return html(_t || (_t = _` <button class="${0}" aria-describedby="tooltip-body"> <span class="${0}--assistive-text" id="tooltip-body" role="tooltip"> <slot name="body">${0}</slot> </span> <slot></slot> </button> `), classes, prefix, bodyText);
+        return html(_t || (_t = _`
+      <button class="${0}" aria-describedby="tooltip-body">
+        <span
+          class="${0}--assistive-text"
+          id="tooltip-body"
+          role="tooltip">
+          <slot name="body">${0}</slot>
+        </span>
+        <slot></slot>
+      </button>
+    `), classes, prefix, bodyText);
       }
     }]
   };

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

@@ -1 +1 @@
-{"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"}
+{"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,CAAC;AAChB,uBAAqB,CAAU;AAC/B;AACA,mBAAiB,CAAS;AAC1B;AACA;AACA,8BAA4B,CAAW;AACvC;AACA;AACA;AACA,KAAI,GATmBF,OAAO,EAEXhB,MAAM,EAGKc,QAAQ;MAKpC;IAAC;EAAA;AAAA,GApByBjB,kBAAkB;AAuB9C,eAAeI,aAAa"}

package/es/components/tooltip/tooltip.js

@@ -169,7 +169,10 @@ let BXTooltip = _decorate([customElement(`${prefix}-tooltip`)], function (_initi
       kind: "method",
       key: "render",
       value: function render() {
-        return html(_t || (_t = _` ${0} <slot></slot> `), Information16({
+        return html(_t || (_t = _`
+      ${0}
+      <slot></slot>
+    `), Information16({
           id: 'trigger'
         }));
       }

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

@@ -1 +1 @@
-{"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","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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"}
+{"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","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.js

@@ -162,7 +162,16 @@ let BXHeaderMenuButton = _decorate([customElement(`${prefix}-header-menu-button`
           [`${prefix}--header__menu-toggle`]: true,
           [`${prefix}--header__action--active`]: active
         });
-        return html(_t || (_t = _` <button part="button" class="${0}" ?disabled="${0}" aria-label="${0}" @click="${0}"> ${0} </button> `), classes, disabled, ifNonNull(buttonLabel), handleClick, (active ? Close20 : Menu20)({
+        return html(_t || (_t = _`
+      <button
+        part="button"
+        class="${0}"
+        ?disabled=${0}
+        aria-label="${0}"
+        @click=${0}>
+        ${0}
+      </button>
+    `), classes, disabled, ifNonNull(buttonLabel), handleClick, (active ? Close20 : Menu20)({
           slot: 'toggle-icon'
         }));
       }

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

@@ -1 +1 @@
-{"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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"}
+{"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.js

@@ -188,7 +188,25 @@ let BXHeaderMenu = _decorate([customElement(`${prefix}-header-menu`)], function
           menuLabel,
           _handleClick: handleClick
         } = this;
-        return html(_t || (_t = _` <a part="trigger" role="button" tabindex="0" class="${0}--header__menu-item ${0}--header__menu-title" href="javascript:void 0" aria-haspopup="menu" aria-expanded="${0}" @click="${0}"> ${0}${0} </a> <ul part="menu-body" class="${0}--header__menu" aria-label="${0}"> <slot></slot> </ul> `), prefix, prefix, String(Boolean(expanded)), handleClick, triggerContent, ChevronDownGlyph({
+        return html(_t || (_t = _`
+      <a
+        part="trigger"
+        role="button"
+        tabindex="0"
+        class="${0}--header__menu-item ${0}--header__menu-title"
+        href="javascript:void 0"
+        aria-haspopup="menu"
+        aria-expanded="${0}"
+        @click=${0}>
+        ${0}${0}
+      </a>
+      <ul
+        part="menu-body"
+        class="${0}--header__menu"
+        aria-label="${0}">
+        <slot></slot>
+      </ul>
+    `), prefix, prefix, String(Boolean(expanded)), handleClick, triggerContent, ChevronDownGlyph({
           part: 'trigger-icon',
           class: `${prefix}--header__menu-arrow`
         }), prefix, ifDefined(menuLabel));

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

@@ -1 +1 @@
-{"version":3,"file":"header-menu.js","names":["settings","ifDefined","html","property","query","LitElement","ChevronDownGlyph","FocusMixin","HostListenerMixin","HostListener","forEach","styles","carbonElement","customElement","prefix","BXHeaderMenu","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","decorators","key","value","_handleClick","_handleUserInitiatedToggle","_handleKeydownTrigger","force","expanded","_topMenuItem","focus","_handleBlur","relatedTarget","contains","type","Boolean","reflect","attribute","createRenderRoot","attachShadow","mode","delegatesFocus","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","selectorItem","querySelectorAll","elem","tabIndex","render","triggerContent","menuLabel","handleClick","_t","_","String","part","class","static"],"sources":["components/ui-shell/header-menu.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 { ifDefined } from 'lit-html/directives/if-defined';\nimport { html, property, query, LitElement } from 'lit-element';\nimport ChevronDownGlyph from '@carbon/icons/lib/chevron--down/16';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport styles from './header.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Header menu.\n *\n * @element bx-header-menu\n * @csspart trigger The trigger button.\n * @csspart trigger-icon The trigger button icon.\n * @csspart menu-body The menu body.\n */\n@customElement(`${prefix}-header-menu`)\nclass BXHeaderMenu extends HostListenerMixin(FocusMixin(LitElement)) {\n  /**\n   * The trigger button.\n   */\n  @query('[part=\"trigger\"]')\n  protected _topMenuItem!: HTMLElement;\n\n  /**\n   * Handles `click` event handler on this element.\n   */\n  private _handleClick() {\n    this._handleUserInitiatedToggle();\n  }\n\n  /**\n   * Handler for the `keydown` event on the trigger button.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydownTrigger({ key }: KeyboardEvent) {\n    if (key === 'Esc' || key === 'Escape') {\n      this._handleUserInitiatedToggle(false);\n    }\n  }\n\n  /**\n   * Handles user-initiated toggling the open state.\n   *\n   * @param [force] If specified, forces the open state to the given one.\n   */\n  private _handleUserInitiatedToggle(force: boolean = !this.expanded) {\n    this.expanded = force;\n    if (!force) {\n      this._topMenuItem.focus();\n    }\n  }\n\n  /**\n   * Handles `blur` event handler on this element.\n   */\n  @HostListener('focusout')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleBlur({ relatedTarget }: FocusEvent) {\n    if (!this.contains(relatedTarget as Node)) {\n      this.expanded = false;\n    }\n  }\n\n  /**\n   * `true` if the menu should be expanded.\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  /**\n   * The content of the trigger button.\n   */\n  @property({ attribute: 'trigger-content' })\n  triggerContent = '';\n\n  /**\n   * The `aria-label` attribute for the menu UI.\n   */\n  @property({ attribute: 'menu-label' })\n  menuLabel!: string;\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus: true,\n    });\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('expanded')) {\n      const { selectorItem } = this.constructor as typeof BXHeaderMenu;\n      const { expanded } = this;\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        (elem as HTMLElement).tabIndex = expanded ? 0 : -1;\n      });\n    }\n  }\n\n  render() {\n    const {\n      expanded,\n      triggerContent,\n      menuLabel,\n      _handleClick: handleClick,\n    } = this;\n    return html`\n      <a\n        part=\"trigger\"\n        role=\"button\"\n        tabindex=\"0\"\n        class=\"${prefix}--header__menu-item ${prefix}--header__menu-title\"\n        href=\"javascript:void 0\"\n        aria-haspopup=\"menu\"\n        aria-expanded=\"${String(Boolean(expanded))}\"\n        @click=${handleClick}>\n        ${triggerContent}${ChevronDownGlyph({\n          part: 'trigger-icon',\n          class: `${prefix}--header__menu-arrow`,\n        })}\n      </a>\n      <ul\n        part=\"menu-body\"\n        class=\"${prefix}--header__menu\"\n        aria-label=\"${ifDefined(menuLabel)}\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  /**\n   * A selector that will return the menu items.\n   */\n  static get selectorItem() {\n    return `${prefix}-header-menu-item`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXHeaderMenu;\n"],"mappings":"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"}
+{"version":3,"file":"header-menu.js","names":["settings","ifDefined","html","property","query","LitElement","ChevronDownGlyph","FocusMixin","HostListenerMixin","HostListener","forEach","styles","carbonElement","customElement","prefix","BXHeaderMenu","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","decorators","key","value","_handleClick","_handleUserInitiatedToggle","_handleKeydownTrigger","force","expanded","_topMenuItem","focus","_handleBlur","relatedTarget","contains","type","Boolean","reflect","attribute","createRenderRoot","attachShadow","mode","delegatesFocus","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","selectorItem","querySelectorAll","elem","tabIndex","render","triggerContent","menuLabel","handleClick","_t","_","String","part","class","static"],"sources":["components/ui-shell/header-menu.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 { ifDefined } from 'lit-html/directives/if-defined';\nimport { html, property, query, LitElement } from 'lit-element';\nimport ChevronDownGlyph from '@carbon/icons/lib/chevron--down/16';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport styles from './header.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Header menu.\n *\n * @element bx-header-menu\n * @csspart trigger The trigger button.\n * @csspart trigger-icon The trigger button icon.\n * @csspart menu-body The menu body.\n */\n@customElement(`${prefix}-header-menu`)\nclass BXHeaderMenu extends HostListenerMixin(FocusMixin(LitElement)) {\n  /**\n   * The trigger button.\n   */\n  @query('[part=\"trigger\"]')\n  protected _topMenuItem!: HTMLElement;\n\n  /**\n   * Handles `click` event handler on this element.\n   */\n  private _handleClick() {\n    this._handleUserInitiatedToggle();\n  }\n\n  /**\n   * Handler for the `keydown` event on the trigger button.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydownTrigger({ key }: KeyboardEvent) {\n    if (key === 'Esc' || key === 'Escape') {\n      this._handleUserInitiatedToggle(false);\n    }\n  }\n\n  /**\n   * Handles user-initiated toggling the open state.\n   *\n   * @param [force] If specified, forces the open state to the given one.\n   */\n  private _handleUserInitiatedToggle(force: boolean = !this.expanded) {\n    this.expanded = force;\n    if (!force) {\n      this._topMenuItem.focus();\n    }\n  }\n\n  /**\n   * Handles `blur` event handler on this element.\n   */\n  @HostListener('focusout')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleBlur({ relatedTarget }: FocusEvent) {\n    if (!this.contains(relatedTarget as Node)) {\n      this.expanded = false;\n    }\n  }\n\n  /**\n   * `true` if the menu should be expanded.\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  /**\n   * The content of the trigger button.\n   */\n  @property({ attribute: 'trigger-content' })\n  triggerContent = '';\n\n  /**\n   * The `aria-label` attribute for the menu UI.\n   */\n  @property({ attribute: 'menu-label' })\n  menuLabel!: string;\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus: true,\n    });\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('expanded')) {\n      const { selectorItem } = this.constructor as typeof BXHeaderMenu;\n      const { expanded } = this;\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        (elem as HTMLElement).tabIndex = expanded ? 0 : -1;\n      });\n    }\n  }\n\n  render() {\n    const {\n      expanded,\n      triggerContent,\n      menuLabel,\n      _handleClick: handleClick,\n    } = this;\n    return html`\n      <a\n        part=\"trigger\"\n        role=\"button\"\n        tabindex=\"0\"\n        class=\"${prefix}--header__menu-item ${prefix}--header__menu-title\"\n        href=\"javascript:void 0\"\n        aria-haspopup=\"menu\"\n        aria-expanded=\"${String(Boolean(expanded))}\"\n        @click=${handleClick}>\n        ${triggerContent}${ChevronDownGlyph({\n          part: 'trigger-icon',\n          class: `${prefix}--header__menu-arrow`,\n        })}\n      </a>\n      <ul\n        part=\"menu-body\"\n        class=\"${prefix}--header__menu\"\n        aria-label=\"${ifDefined(menuLabel)}\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  /**\n   * A selector that will return the menu items.\n   */\n  static get selectorItem() {\n    return `${prefix}-header-menu-item`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXHeaderMenu;\n"],"mappings":"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"}

package/es/components/ui-shell/header-name.js

@@ -74,8 +74,16 @@ let BXHeaderName = _decorate([customElement(`${prefix}-header-name`)], function
           href,
           prefix: namePrefix
         } = this;
-        const namePrefixPart = !namePrefix ? undefined : html(_t || (_t = _` <span part="prefix" class="${0}--header__name--prefix">${0}</span> `), prefix, namePrefix);
-        return html(_t2 || (_t2 = _` <a part="link" class="${0}--header__name" href="${0}">${0}&nbsp;<slot></slot></a> `), prefix, ifDefined(href), namePrefixPart);
+        const namePrefixPart = !namePrefix ? undefined : html(_t || (_t = _`
+          <span part="prefix" class="${0}--header__name--prefix"
+            >${0}</span
+          >
+        `), prefix, namePrefix);
+        return html(_t2 || (_t2 = _`
+      <a part="link" class="${0}--header__name" href="${0}"
+        >${0}&nbsp;<slot></slot
+      ></a>
+    `), prefix, ifDefined(href), namePrefixPart);
       }
     }, {
       kind: "field",

package/es/components/ui-shell/header-name.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-name.js","names":["settings","ifDefined","html","property","LitElement","FocusMixin","styles","carbonElement","customElement","prefix","BXHeaderName","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","key","value","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","render","href","namePrefix","namePrefixPart","undefined","_t","_","_t2","static"],"sources":["components/ui-shell/header-name.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 { ifDefined } from 'lit-html/directives/if-defined';\nimport { html, property, LitElement } from 'lit-element';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './header.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * The product name UI in header nav.\n *\n * @element bx-header-name\n * @csspart link The link.\n * @csspart prefix The prefix content.\n */\n@customElement(`${prefix}-header-name`)\nclass BXHeaderName extends FocusMixin(LitElement) {\n  /**\n   * Link `href`.\n   */\n  @property()\n  href!: string;\n\n  /**\n   * The product name prefix.\n   */\n  @property()\n  prefix!: string;\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 { href, prefix: namePrefix } = this;\n    const namePrefixPart = !namePrefix\n      ? undefined\n      : html`\n          <span part=\"prefix\" class=\"${prefix}--header__name--prefix\"\n            >${namePrefix}</span\n          >\n        `;\n    return html`\n      <a part=\"link\" class=\"${prefix}--header__name\" href=\"${ifDefined(href)}\"\n        >${namePrefixPart}&nbsp;<slot></slot\n      ></a>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXHeaderName;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,SAAS,QAAQ,gCAAgC;AAC1D,SAASC,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,MAAM,MAAM,mBAAe;AAClC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGT,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAQMU,YAAY,GAAAC,SAAA,EADjBH,aAAa,CAAE,GAAEC,MAAO,cAAa,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAvC,MACMH,YAAY,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAuClD;EAAC;IAAAI,CAAA,EAvCKN,YAAY;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIfhB,QAAQ,CAAC,CAAC;MAAAiB,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAMVhB,QAAQ,CAAC,CAAC;MAAAiB,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAE,GAAA;MAAAC,KAAA;MATX;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAC,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;MAAAL,IAAA;MAAAE,GAAA;MAAAC,KAAA,EAED,SAAAU,OAAA,EAAS;QACP,MAAM;UAAEC,IAAI;UAAEvB,MAAM,EAAEwB;QAAW,CAAC,GAAG,IAAI;QACzC,MAAMC,cAAc,GAAG,CAACD,UAAU,GAC9BE,SAAS,GACTjC,IAAI,CAAAkC,EAAA,KAAAA,EAAA,GAAAC,CAAA,yEAC2B5B,MAAM,EAC9BwB,UAAU,CAEhB;QACL,OAAO/B,IAAI,CAAAoC,GAAA,KAAAA,GAAA,GAAAD,CAAA,wFACe5B,MAAM,EAAyBR,SAAS,CAAC+B,IAAI,CAAC,EACjEE,cAAc;MAGvB;IAAC;MAAAhB,IAAA;MAAAqB,MAAA;MAAAnB,GAAA;MAAAC,MAAA;QAAA,OAEef,MAAM;MAAA;IAAA;EAAA;AAAA,GAtCGD,UAAU,CAACD,UAAU,CAAC;AAyCjD,eAAeM,YAAY"}
+{"version":3,"file":"header-name.js","names":["settings","ifDefined","html","property","LitElement","FocusMixin","styles","carbonElement","customElement","prefix","BXHeaderName","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","key","value","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","render","href","namePrefix","namePrefixPart","undefined","_t","_","_t2","static"],"sources":["components/ui-shell/header-name.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 { ifDefined } from 'lit-html/directives/if-defined';\nimport { html, property, LitElement } from 'lit-element';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './header.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * The product name UI in header nav.\n *\n * @element bx-header-name\n * @csspart link The link.\n * @csspart prefix The prefix content.\n */\n@customElement(`${prefix}-header-name`)\nclass BXHeaderName extends FocusMixin(LitElement) {\n  /**\n   * Link `href`.\n   */\n  @property()\n  href!: string;\n\n  /**\n   * The product name prefix.\n   */\n  @property()\n  prefix!: string;\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 { href, prefix: namePrefix } = this;\n    const namePrefixPart = !namePrefix\n      ? undefined\n      : html`\n          <span part=\"prefix\" class=\"${prefix}--header__name--prefix\"\n            >${namePrefix}</span\n          >\n        `;\n    return html`\n      <a part=\"link\" class=\"${prefix}--header__name\" href=\"${ifDefined(href)}\"\n        >${namePrefixPart}&nbsp;<slot></slot\n      ></a>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXHeaderName;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,SAAS,QAAQ,gCAAgC;AAC1D,SAASC,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,MAAM,MAAM,mBAAe;AAClC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGT,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAQMU,YAAY,GAAAC,SAAA,EADjBH,aAAa,CAAE,GAAEC,MAAO,cAAa,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAvC,MACMH,YAAY,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAuClD;EAAC;IAAAI,CAAA,EAvCKN,YAAY;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIfhB,QAAQ,CAAC,CAAC;MAAAiB,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAMVhB,QAAQ,CAAC,CAAC;MAAAiB,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAE,GAAA;MAAAC,KAAA;MATX;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAC,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;MAAAL,IAAA;MAAAE,GAAA;MAAAC,KAAA,EAED,SAAAU,OAAA,EAAS;QACP,MAAM;UAAEC,IAAI;UAAEvB,MAAM,EAAEwB;QAAW,CAAC,GAAG,IAAI;QACzC,MAAMC,cAAc,GAAG,CAACD,UAAU,GAC9BE,SAAS,GACTjC,IAAI,CAAAkC,EAAA,KAAAA,EAAA,GAAAC,CAAC;AACb,uCAAqC,CAAS;AAC9C,eAAa,CAAa;AAC1B;AACA,SAAQ,GAH+B5B,MAAM,EAC9BwB,UAAU,CAEhB;QACL,OAAO/B,IAAI,CAAAoC,GAAA,KAAAA,GAAA,GAAAD,CAAC;AAChB,8BAA4B,CAAS,yBAAsB,CAAkB;AAC7E,WAAS,CAAiB;AAC1B;AACA,KAAI,GAH0B5B,MAAM,EAAyBR,SAAS,CAAC+B,IAAI,CAAC,EACjEE,cAAc;MAGvB;IAAC;MAAAhB,IAAA;MAAAqB,MAAA;MAAAnB,GAAA;MAAAC,MAAA;QAAA,OAEef,MAAM;MAAA;IAAA;EAAA;AAAA,GAtCGD,UAAU,CAACD,UAAU,CAAC;AAyCjD,eAAeM,YAAY"}

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

@@ -86,7 +86,17 @@ let BXHeaderNavItem = _decorate([customElement(`${prefix}-header-nav-item`)], fu
           href,
           title
         } = this;
-        return html(_t || (_t = _` <a part="link" class="${0}--header__menu-item" tabindex="0" href="${0}"> <span part="title" class="${0}--text-truncate--end"><slot>${0}</slot></span> </a> `), prefix, ifDefined(href), prefix, title);
+        return html(_t || (_t = _`
+      <a
+        part="link"
+        class="${0}--header__menu-item"
+        tabindex="0"
+        href="${0}">
+        <span part="title" class="${0}--text-truncate--end"
+          ><slot>${0}</slot></span
+        >
+      </a>
+    `), prefix, ifDefined(href), prefix, title);
       }
     }, {
       kind: "field",

package/es/components/ui-shell/header-nav-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-nav-item.js","names":["settings","ifDefined","html","property","LitElement","FocusMixin","styles","carbonElement","customElement","prefix","BXHeaderNavItem","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","key","value","reflect","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","render","href","title","_t","_","static"],"sources":["components/ui-shell/header-nav-item.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 { ifDefined } from 'lit-html/directives/if-defined';\nimport { html, property, LitElement } from 'lit-element';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './header.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Header nav item.\n *\n * @element bx-header-nav-item\n * @csspart link The link.\n * @csspart title The title.\n */\n@customElement(`${prefix}-header-nav-item`)\nclass BXHeaderNavItem extends FocusMixin(LitElement) {\n  /**\n   * Link `href`.\n   */\n  @property()\n  href!: string;\n\n  /**\n   * The title.\n   */\n  @property()\n  title!: string;\n\n  /**\n   * As child of <ul>, this element must have role of listitem\n   */\n  @property({ reflect: true })\n  role: string = 'listitem';\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 { href, title } = this;\n    return html`\n      <a\n        part=\"link\"\n        class=\"${prefix}--header__menu-item\"\n        tabindex=\"0\"\n        href=\"${ifDefined(href)}\">\n        <span part=\"title\" class=\"${prefix}--text-truncate--end\"\n          ><slot>${title}</slot></span\n        >\n      </a>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXHeaderNavItem;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,SAAS,QAAQ,gCAAgC;AAC1D,SAASC,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,MAAM,MAAM,mBAAe;AAClC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGT,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAQMU,eAAe,GAAAC,SAAA,EADpBH,aAAa,CAAE,GAAEC,MAAO,kBAAiB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA3C,MACMH,eAAe,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA4CrD;EAAC;IAAAI,CAAA,EA5CKN,eAAe;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIlBhB,QAAQ,CAAC,CAAC;MAAAiB,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAMVhB,QAAQ,CAAC,CAAC;MAAAiB,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAMVhB,QAAQ,CAAC;QAAEmB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAF,GAAA;MAAAC,MAAA;QAAA,OACb,UAAU;MAAA;IAAA;MAAAH,IAAA;MAAAE,GAAA;MAAAC,KAAA;MAhBzB;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAE,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;MAAAN,IAAA;MAAAE,GAAA;MAAAC,KAAA,EAED,SAAAW,OAAA,EAAS;QACP,MAAM;UAAEC,IAAI;UAAEC;QAAM,CAAC,GAAG,IAAI;QAC5B,OAAOhC,IAAI,CAAAiC,EAAA,KAAAA,EAAA,GAAAC,CAAA,iKAGE3B,MAAM,EAEPR,SAAS,CAACgC,IAAI,CAAC,EACKxB,MAAM,EACvByB,KAAK;MAItB;IAAC;MAAAhB,IAAA;MAAAmB,MAAA;MAAAjB,GAAA;MAAAC,MAAA;QAAA,OAEef,MAAM;MAAA;IAAA;EAAA;AAAA,GA3CMD,UAAU,CAACD,UAAU,CAAC;AA8CpD,eAAeM,eAAe"}
+{"version":3,"file":"header-nav-item.js","names":["settings","ifDefined","html","property","LitElement","FocusMixin","styles","carbonElement","customElement","prefix","BXHeaderNavItem","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","key","value","reflect","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","render","href","title","_t","_","static"],"sources":["components/ui-shell/header-nav-item.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 { ifDefined } from 'lit-html/directives/if-defined';\nimport { html, property, LitElement } from 'lit-element';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './header.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Header nav item.\n *\n * @element bx-header-nav-item\n * @csspart link The link.\n * @csspart title The title.\n */\n@customElement(`${prefix}-header-nav-item`)\nclass BXHeaderNavItem extends FocusMixin(LitElement) {\n  /**\n   * Link `href`.\n   */\n  @property()\n  href!: string;\n\n  /**\n   * The title.\n   */\n  @property()\n  title!: string;\n\n  /**\n   * As child of <ul>, this element must have role of listitem\n   */\n  @property({ reflect: true })\n  role: string = 'listitem';\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 { href, title } = this;\n    return html`\n      <a\n        part=\"link\"\n        class=\"${prefix}--header__menu-item\"\n        tabindex=\"0\"\n        href=\"${ifDefined(href)}\">\n        <span part=\"title\" class=\"${prefix}--text-truncate--end\"\n          ><slot>${title}</slot></span\n        >\n      </a>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXHeaderNavItem;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,SAAS,QAAQ,gCAAgC;AAC1D,SAASC,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,MAAM,MAAM,mBAAe;AAClC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGT,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAQMU,eAAe,GAAAC,SAAA,EADpBH,aAAa,CAAE,GAAEC,MAAO,kBAAiB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA3C,MACMH,eAAe,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA4CrD;EAAC;IAAAI,CAAA,EA5CKN,eAAe;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIlBhB,QAAQ,CAAC,CAAC;MAAAiB,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAMVhB,QAAQ,CAAC,CAAC;MAAAiB,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAMVhB,QAAQ,CAAC;QAAEmB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAF,GAAA;MAAAC,MAAA;QAAA,OACb,UAAU;MAAA;IAAA;MAAAH,IAAA;MAAAE,GAAA;MAAAC,KAAA;MAhBzB;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAE,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;MAAAN,IAAA;MAAAE,GAAA;MAAAC,KAAA,EAED,SAAAW,OAAA,EAAS;QACP,MAAM;UAAEC,IAAI;UAAEC;QAAM,CAAC,GAAG,IAAI;QAC5B,OAAOhC,IAAI,CAAAiC,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB;AACA;AACA,iBAAe,CAAS;AACxB;AACA,gBAAc,CAAkB;AAChC,oCAAkC,CAAS;AAC3C,mBAAiB,CAAQ;AACzB;AACA;AACA,KAAI,GAPa3B,MAAM,EAEPR,SAAS,CAACgC,IAAI,CAAC,EACKxB,MAAM,EACvByB,KAAK;MAItB;IAAC;MAAAhB,IAAA;MAAAmB,MAAA;MAAAjB,GAAA;MAAAC,MAAA;QAAA,OAEef,MAAM;MAAA;IAAA;EAAA;AAAA,GA3CMD,UAAU,CAACD,UAAU,CAAC;AA8CpD,eAAeM,eAAe"}

package/es/components/ui-shell/header-nav.js

@@ -64,7 +64,15 @@ let BXHeaderNav = _decorate([customElement(`${prefix}-header-nav`)], function (_
         const {
           menuBarLabel
         } = this;
-        return html(_t || (_t = _` <div part="divider" class="${0}-ce--header__divider"></div> <ul part="menu-body" class="${0}--header__menu-bar" aria-label="${0}"> <slot></slot> </ul> `), prefix, prefix, menuBarLabel);
+        return html(_t || (_t = _`
+      <div part="divider" class="${0}-ce--header__divider"></div>
+      <ul
+        part="menu-body"
+        class="${0}--header__menu-bar"
+        aria-label="${0}">
+        <slot></slot>
+      </ul>
+    `), prefix, prefix, menuBarLabel);
       }
     }, {
       kind: "field",

package/es/components/ui-shell/header-nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-nav.js","names":["settings","html","property","LitElement","carbonElement","customElement","styles","prefix","BXHeaderNav","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","attribute","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","menuBarLabel","_t","_","static"],"sources":["components/ui-shell/header-nav.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, LitElement } from 'lit-element';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './header.scss';\n\nconst { prefix } = settings;\n\n/**\n * Header.\n *\n * @element bx-header-nav\n * @csspart menu-body The menu body.\n * @csspart divider The divider.\n */\n@customElement(`${prefix}-header-nav`)\nclass BXHeaderNav extends LitElement {\n  /**\n   * The `aria-label` attribute for the menu bar UI.\n   */\n  @property({ attribute: 'menu-bar-label' })\n  menuBarLabel!: string;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'navigation');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const { menuBarLabel } = this;\n    return html`\n      <div part=\"divider\" class=\"${prefix}-ce--header__divider\"></div>\n      <ul\n        part=\"menu-body\"\n        class=\"${prefix}--header__menu-bar\"\n        aria-label=\"${menuBarLabel}\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXHeaderNav;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AACxF,OAAOC,MAAM,MAAM,mBAAe;AAElC,MAAM;EAAEC;AAAO,CAAC,GAAGP,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAQMQ,WAAW,GAAAC,SAAA,EADhBJ,aAAa,CAAE,GAAEE,MAAO,aAAY,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAtC,MACMH,WAAW,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA4BrC;EAAC;IAAAI,CAAA,EA5BKN,WAAW;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIdf,QAAQ,CAAC;QAAEgB,SAAS,EAAE;MAAiB,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAH1C;AACF;AACA;;MAIE,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC;QACzC;QACAC,IAAA,CAAAC,eAAA,CAXEjB,WAAW,CAAAkB,SAAA,8BAAAC,IAAA;MAYf;IAAC;MAAAX,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,MAAM;UAAEC;QAAa,CAAC,GAAG,IAAI;QAC7B,OAAO5B,IAAI,CAAA6B,EAAA,KAAAA,EAAA,GAAAC,CAAA,6JACoBxB,MAAM,EAGxBA,MAAM,EACDsB,YAAY;MAIhC;IAAC;MAAAb,IAAA;MAAAgB,MAAA;MAAAb,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GA3BEH,UAAU;AA8BpC,eAAeK,WAAW"}
+{"version":3,"file":"header-nav.js","names":["settings","html","property","LitElement","carbonElement","customElement","styles","prefix","BXHeaderNav","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","attribute","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","menuBarLabel","_t","_","static"],"sources":["components/ui-shell/header-nav.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, LitElement } from 'lit-element';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './header.scss';\n\nconst { prefix } = settings;\n\n/**\n * Header.\n *\n * @element bx-header-nav\n * @csspart menu-body The menu body.\n * @csspart divider The divider.\n */\n@customElement(`${prefix}-header-nav`)\nclass BXHeaderNav extends LitElement {\n  /**\n   * The `aria-label` attribute for the menu bar UI.\n   */\n  @property({ attribute: 'menu-bar-label' })\n  menuBarLabel!: string;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'navigation');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const { menuBarLabel } = this;\n    return html`\n      <div part=\"divider\" class=\"${prefix}-ce--header__divider\"></div>\n      <ul\n        part=\"menu-body\"\n        class=\"${prefix}--header__menu-bar\"\n        aria-label=\"${menuBarLabel}\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXHeaderNav;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AACxF,OAAOC,MAAM,MAAM,mBAAe;AAElC,MAAM;EAAEC;AAAO,CAAC,GAAGP,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAQMQ,WAAW,GAAAC,SAAA,EADhBJ,aAAa,CAAE,GAAEE,MAAO,aAAY,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAtC,MACMH,WAAW,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA4BrC;EAAC;IAAAI,CAAA,EA5BKN,WAAW;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIdf,QAAQ,CAAC;QAAEgB,SAAS,EAAE;MAAiB,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAH1C;AACF;AACA;;MAIE,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC;QACzC;QACAC,IAAA,CAAAC,eAAA,CAXEjB,WAAW,CAAAkB,SAAA,8BAAAC,IAAA;MAYf;IAAC;MAAAX,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,MAAM;UAAEC;QAAa,CAAC,GAAG,IAAI;QAC7B,OAAO5B,IAAI,CAAA6B,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,mCAAiC,CAAS;AAC1C;AACA;AACA,iBAAe,CAAS;AACxB,sBAAoB,CAAe;AACnC;AACA;AACA,KAAI,GAP+BxB,MAAM,EAGxBA,MAAM,EACDsB,YAAY;MAIhC;IAAC;MAAAb,IAAA;MAAAgB,MAAA;MAAAb,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GA3BEH,UAAU;AA8BpC,eAAeK,WAAW"}