@carbon/ibmdotcom-web-components 1.26.0-rc.1 → 1.26.0-rc.3

package/es/components/structured-list/structured-list-cell.d.ts

@@ -6,7 +6,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import BXStructuredListCell from '@carbon/carbon-web-components/es/components/structured-list/structured-list-cell.js';
+import BXStructuredListCell from '@carbon/web-components/es/components/structured-list/structured-list-cell.js';
 import DDSStructuredListGroup from './structured-list-group';
 /**
  * StructuredListCell

package/es/components/structured-list/structured-list-cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/structured-list/structured-list-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,oBAAoB,MAAM,qFAAqF,CAAC;AAMvH,OAAO,sBAAsB,MAAM,yBAAyB,CAAC;AAK7D;;;;GAIG;AACH,cACM,qBAAsB,SAAQ,oBAAoB;IACtD,WAAW,EAAE,sBAAsB,GAAG,IAAI,CAExC;IAGF,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,OAAO,CAAC,aAAa,CAGnB;IAGF,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,iBAAiB;IAKjB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,cAAc;IActB,MAAM;IAkBN,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,qBAAqB,CAAC","file":"structured-list-cell.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport BXStructuredListCell from '@carbon/carbon-web-components/es/components/structured-list/structured-list-cell.js';\nimport { customElement, property, html } from 'lit-element';\nimport Info16 from '@carbon/carbon-web-components/es/icons/information/16.js';\nimport Checkmark20 from '@carbon/carbon-web-components/es/icons/checkmark/20.js';\nimport Error20 from '@carbon/carbon-web-components/es/icons/error/20.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport DDSStructuredListGroup from './structured-list-group';\nimport styles from './structured-list.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * StructuredListCell\n *\n * @element dds-structured-list-cell\n */\n@customElement(`${ddsPrefix}-structured-list-cell`)\nclass DDSStructuredListCell extends BXStructuredListCell {\n  parentGroup: DDSStructuredListGroup | null = this.closest(\n    `${ddsPrefix}-structured-list-group`\n  );\n\n  @property({ attribute: 'aria-label', reflect: true })\n  groupLabel?: string;\n\n  @property({ attribute: 'tooltip', reflect: true })\n  tooltipText?: string;\n\n  @property({ attribute: 'icon', reflect: true })\n  icon?: string;\n\n  private _iconsAllowed = {\n    checkmark: Checkmark20,\n    error: Error20,\n  };\n\n  @property({ attribute: 'tags', reflect: true })\n  tags?: string;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.groupLabel = this.parentGroup?.groupTitle;\n  }\n\n  private _renderIcon() {\n    const { icon, _iconsAllowed: iconMap } = this;\n\n    return html` ${iconMap[icon!.toLowerCase()].call()} `;\n  }\n\n  private _renderTags() {\n    const { tags } = this;\n\n    return html`\n      ${tags!\n        .split(',')\n        .map(\n          (tag) => html` <bx-tag size=\"sm\" type=\"green\">${tag.trim()}</bx-tag> `\n        )}\n    `;\n  }\n\n  private _renderTooltip() {\n    const { tooltipText: tooltip } = this;\n\n    return html`\n      <bx-tooltip-icon\n        alignment=\"start\"\n        body-text=\"${tooltip}\"\n        direction=\"right\"\n      >\n        ${Info16()}\n      </bx-tooltip-icon>\n    `;\n  }\n\n  render() {\n    const {\n      tooltipText: tooltip,\n      icon,\n      _iconsAllowed: iconsAllowed,\n      tags,\n    } = this;\n\n    if (icon && Object.keys(iconsAllowed).includes(icon.toLowerCase())) {\n      return html` ${this._renderIcon()} `;\n    }\n\n    return html`\n      ${super.render()} ${tags ? this._renderTags() : ''}\n      ${tooltip ? this._renderTooltip() : ''}\n    `;\n  }\n\n  static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSStructuredListCell;\n"]}
+{"version":3,"sources":["components/structured-list/structured-list-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,oBAAoB,MAAM,8EAA8E,CAAC;AAMhH,OAAO,sBAAsB,MAAM,yBAAyB,CAAC;AAK7D;;;;GAIG;AACH,cACM,qBAAsB,SAAQ,oBAAoB;IACtD,WAAW,EAAE,sBAAsB,GAAG,IAAI,CAExC;IAGF,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,OAAO,CAAC,aAAa,CAGnB;IAGF,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,iBAAiB;IAKjB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,cAAc;IActB,MAAM;IAkBN,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,qBAAqB,CAAC","file":"structured-list-cell.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport BXStructuredListCell from '@carbon/web-components/es/components/structured-list/structured-list-cell.js';\nimport { customElement, property, html } from 'lit-element';\nimport Info16 from '@carbon/web-components/es/icons/information/16.js';\nimport Checkmark20 from '@carbon/web-components/es/icons/checkmark/20.js';\nimport Error20 from '@carbon/web-components/es/icons/error/20.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport DDSStructuredListGroup from './structured-list-group';\nimport styles from './structured-list.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * StructuredListCell\n *\n * @element dds-structured-list-cell\n */\n@customElement(`${ddsPrefix}-structured-list-cell`)\nclass DDSStructuredListCell extends BXStructuredListCell {\n  parentGroup: DDSStructuredListGroup | null = this.closest(\n    `${ddsPrefix}-structured-list-group`\n  );\n\n  @property({ attribute: 'aria-label', reflect: true })\n  groupLabel?: string;\n\n  @property({ attribute: 'tooltip', reflect: true })\n  tooltipText?: string;\n\n  @property({ attribute: 'icon', reflect: true })\n  icon?: string;\n\n  private _iconsAllowed = {\n    checkmark: Checkmark20,\n    error: Error20,\n  };\n\n  @property({ attribute: 'tags', reflect: true })\n  tags?: string;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.groupLabel = this.parentGroup?.groupTitle;\n  }\n\n  private _renderIcon() {\n    const { icon, _iconsAllowed: iconMap } = this;\n\n    return html` ${iconMap[icon!.toLowerCase()].call()} `;\n  }\n\n  private _renderTags() {\n    const { tags } = this;\n\n    return html`\n      ${tags!\n        .split(',')\n        .map(\n          (tag) => html` <bx-tag size=\"sm\" type=\"green\">${tag.trim()}</bx-tag> `\n        )}\n    `;\n  }\n\n  private _renderTooltip() {\n    const { tooltipText: tooltip } = this;\n\n    return html`\n      <bx-tooltip-icon\n        alignment=\"start\"\n        body-text=\"${tooltip}\"\n        direction=\"right\"\n      >\n        ${Info16()}\n      </bx-tooltip-icon>\n    `;\n  }\n\n  render() {\n    const {\n      tooltipText: tooltip,\n      icon,\n      _iconsAllowed: iconsAllowed,\n      tags,\n    } = this;\n\n    if (icon && Object.keys(iconsAllowed).includes(icon.toLowerCase())) {\n      return html` ${this._renderIcon()} `;\n    }\n\n    return html`\n      ${super.render()} ${tags ? this._renderTags() : ''}\n      ${tooltip ? this._renderTooltip() : ''}\n    `;\n  }\n\n  static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSStructuredListCell;\n"]}

package/es/components/structured-list/structured-list-cell.js

@@ -17,11 +17,11 @@ let _ = t => t,
  * LICENSE file in the root directory of this source tree.
  */
 
-import BXStructuredListCell from '@carbon/carbon-web-components/es/components/structured-list/structured-list-cell.js';
+import BXStructuredListCell from '@carbon/web-components/es/components/structured-list/structured-list-cell.js';
 import { customElement, property, html } from 'lit-element';
-import Info16 from '@carbon/carbon-web-components/es/icons/information/16.js';
-import Checkmark20 from '@carbon/carbon-web-components/es/icons/checkmark/20.js';
-import Error20 from '@carbon/carbon-web-components/es/icons/error/20.js';
+import Info16 from '@carbon/web-components/es/icons/information/16.js';
+import Checkmark20 from '@carbon/web-components/es/icons/checkmark/20.js';
+import Error20 from '@carbon/web-components/es/icons/error/20.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import styles from "././structured-list.css.js";
 const {

package/es/components/structured-list/structured-list-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"structured-list-cell.js","names":["BXStructuredListCell","customElement","property","html","Info16","Checkmark20","Error20","ddsSettings","styles","stablePrefix","ddsPrefix","DDSStructuredListCell","closest","attribute","reflect","checkmark","error","groupLabel","parentGroup","groupTitle","icon","_iconsAllowed","iconMap","toLowerCase","call","tags","split","map","tag","trim","tooltipText","tooltip","iconsAllowed","Object","keys","includes","_renderIcon","_renderTags","_renderTooltip"],"sources":["components/structured-list/structured-list-cell.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport BXStructuredListCell from '@carbon/carbon-web-components/es/components/structured-list/structured-list-cell.js';\nimport { customElement, property, html } from 'lit-element';\nimport Info16 from '@carbon/carbon-web-components/es/icons/information/16.js';\nimport Checkmark20 from '@carbon/carbon-web-components/es/icons/checkmark/20.js';\nimport Error20 from '@carbon/carbon-web-components/es/icons/error/20.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport DDSStructuredListGroup from './structured-list-group';\nimport styles from './structured-list.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * StructuredListCell\n *\n * @element dds-structured-list-cell\n */\n@customElement(`${ddsPrefix}-structured-list-cell`)\nclass DDSStructuredListCell extends BXStructuredListCell {\n  parentGroup: DDSStructuredListGroup | null = this.closest(\n    `${ddsPrefix}-structured-list-group`\n  );\n\n  @property({ attribute: 'aria-label', reflect: true })\n  groupLabel?: string;\n\n  @property({ attribute: 'tooltip', reflect: true })\n  tooltipText?: string;\n\n  @property({ attribute: 'icon', reflect: true })\n  icon?: string;\n\n  private _iconsAllowed = {\n    checkmark: Checkmark20,\n    error: Error20,\n  };\n\n  @property({ attribute: 'tags', reflect: true })\n  tags?: string;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.groupLabel = this.parentGroup?.groupTitle;\n  }\n\n  private _renderIcon() {\n    const { icon, _iconsAllowed: iconMap } = this;\n\n    return html` ${iconMap[icon!.toLowerCase()].call()} `;\n  }\n\n  private _renderTags() {\n    const { tags } = this;\n\n    return html`\n      ${tags!\n        .split(',')\n        .map(\n          (tag) => html` <bx-tag size=\"sm\" type=\"green\">${tag.trim()}</bx-tag> `\n        )}\n    `;\n  }\n\n  private _renderTooltip() {\n    const { tooltipText: tooltip } = this;\n\n    return html`\n      <bx-tooltip-icon\n        alignment=\"start\"\n        body-text=\"${tooltip}\"\n        direction=\"right\"\n      >\n        ${Info16()}\n      </bx-tooltip-icon>\n    `;\n  }\n\n  render() {\n    const {\n      tooltipText: tooltip,\n      icon,\n      _iconsAllowed: iconsAllowed,\n      tags,\n    } = this;\n\n    if (icon && Object.keys(iconsAllowed).includes(icon.toLowerCase())) {\n      return html` ${this._renderIcon()} `;\n    }\n\n    return html`\n      ${super.render()} ${tags ? this._renderTags() : ''}\n      ${tooltip ? this._renderTooltip() : ''}\n    `;\n  }\n\n  static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSStructuredListCell;\n"],"mappings":"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"}
+{"version":3,"file":"structured-list-cell.js","names":["BXStructuredListCell","customElement","property","html","Info16","Checkmark20","Error20","ddsSettings","styles","stablePrefix","ddsPrefix","DDSStructuredListCell","closest","attribute","reflect","checkmark","error","groupLabel","parentGroup","groupTitle","icon","_iconsAllowed","iconMap","toLowerCase","call","tags","split","map","tag","trim","tooltipText","tooltip","iconsAllowed","Object","keys","includes","_renderIcon","_renderTags","_renderTooltip"],"sources":["components/structured-list/structured-list-cell.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport BXStructuredListCell from '@carbon/web-components/es/components/structured-list/structured-list-cell.js';\nimport { customElement, property, html } from 'lit-element';\nimport Info16 from '@carbon/web-components/es/icons/information/16.js';\nimport Checkmark20 from '@carbon/web-components/es/icons/checkmark/20.js';\nimport Error20 from '@carbon/web-components/es/icons/error/20.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport DDSStructuredListGroup from './structured-list-group';\nimport styles from './structured-list.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * StructuredListCell\n *\n * @element dds-structured-list-cell\n */\n@customElement(`${ddsPrefix}-structured-list-cell`)\nclass DDSStructuredListCell extends BXStructuredListCell {\n  parentGroup: DDSStructuredListGroup | null = this.closest(\n    `${ddsPrefix}-structured-list-group`\n  );\n\n  @property({ attribute: 'aria-label', reflect: true })\n  groupLabel?: string;\n\n  @property({ attribute: 'tooltip', reflect: true })\n  tooltipText?: string;\n\n  @property({ attribute: 'icon', reflect: true })\n  icon?: string;\n\n  private _iconsAllowed = {\n    checkmark: Checkmark20,\n    error: Error20,\n  };\n\n  @property({ attribute: 'tags', reflect: true })\n  tags?: string;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.groupLabel = this.parentGroup?.groupTitle;\n  }\n\n  private _renderIcon() {\n    const { icon, _iconsAllowed: iconMap } = this;\n\n    return html` ${iconMap[icon!.toLowerCase()].call()} `;\n  }\n\n  private _renderTags() {\n    const { tags } = this;\n\n    return html`\n      ${tags!\n        .split(',')\n        .map(\n          (tag) => html` <bx-tag size=\"sm\" type=\"green\">${tag.trim()}</bx-tag> `\n        )}\n    `;\n  }\n\n  private _renderTooltip() {\n    const { tooltipText: tooltip } = this;\n\n    return html`\n      <bx-tooltip-icon\n        alignment=\"start\"\n        body-text=\"${tooltip}\"\n        direction=\"right\"\n      >\n        ${Info16()}\n      </bx-tooltip-icon>\n    `;\n  }\n\n  render() {\n    const {\n      tooltipText: tooltip,\n      icon,\n      _iconsAllowed: iconsAllowed,\n      tags,\n    } = this;\n\n    if (icon && Object.keys(iconsAllowed).includes(icon.toLowerCase())) {\n      return html` ${this._renderIcon()} `;\n    }\n\n    return html`\n      ${super.render()} ${tags ? this._renderTags() : ''}\n      ${tooltip ? this._renderTooltip() : ''}\n    `;\n  }\n\n  static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSStructuredListCell;\n"],"mappings":"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"}

package/es/components/structured-list/structured-list-head.d.ts

@@ -6,7 +6,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import BXStructuredListHead from '@carbon/carbon-web-components/es/components/structured-list/structured-list-head.js';
+import BXStructuredListHead from '@carbon/web-components/es/components/structured-list/structured-list-head.js';
 /**
  * StructuredListHead
  *

package/es/components/structured-list/structured-list-head.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/structured-list/structured-list-head.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,oBAAoB,MAAM,qFAAqF,CAAC;AAOvH;;;;GAIG;AACH,cACM,qBAAsB,SAAQ,oBAAoB;IACtD,iBAAiB;IAIjB,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,qBAAqB,CAAC","file":"structured-list-head.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport BXStructuredListHead from '@carbon/carbon-web-components/es/components/structured-list/structured-list-head.js';\nimport { customElement } from 'lit-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './structured-list.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * StructuredListHead\n *\n * @element dds-structured-list-head\n */\n@customElement(`${ddsPrefix}-structured-list-head`)\nclass DDSStructuredListHead extends BXStructuredListHead {\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSStructuredListHead;\n"]}
+{"version":3,"sources":["components/structured-list/structured-list-head.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,oBAAoB,MAAM,8EAA8E,CAAC;AAOhH;;;;GAIG;AACH,cACM,qBAAsB,SAAQ,oBAAoB;IACtD,iBAAiB;IAIjB,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,qBAAqB,CAAC","file":"structured-list-head.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport BXStructuredListHead from '@carbon/web-components/es/components/structured-list/structured-list-head.js';\nimport { customElement } from 'lit-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './structured-list.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * StructuredListHead\n *\n * @element dds-structured-list-head\n */\n@customElement(`${ddsPrefix}-structured-list-head`)\nclass DDSStructuredListHead extends BXStructuredListHead {\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSStructuredListHead;\n"]}

package/es/components/structured-list/structured-list-head.js

@@ -10,7 +10,7 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
  * LICENSE file in the root directory of this source tree.
  */
 
-import BXStructuredListHead from '@carbon/carbon-web-components/es/components/structured-list/structured-list-head.js';
+import BXStructuredListHead from '@carbon/web-components/es/components/structured-list/structured-list-head.js';
 import { customElement } from 'lit-element';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import styles from "././structured-list.css.js";

package/es/components/structured-list/structured-list-head.js.map

@@ -1 +1 @@
-{"version":3,"file":"structured-list-head.js","names":["BXStructuredListHead","customElement","ddsSettings","styles","stablePrefix","ddsPrefix","DDSStructuredListHead"],"sources":["components/structured-list/structured-list-head.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport BXStructuredListHead from '@carbon/carbon-web-components/es/components/structured-list/structured-list-head.js';\nimport { customElement } from 'lit-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './structured-list.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * StructuredListHead\n *\n * @element dds-structured-list-head\n */\n@customElement(`${ddsPrefix}-structured-list-head`)\nclass DDSStructuredListHead extends BXStructuredListHead {\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSStructuredListHead;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,oBAAoB,MAAM,qFAAqF;AACtH,SAASC,aAAa,QAAQ,aAAa;AAC3C,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,MAAM,MAAM,4BAAwB;AAE3C,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGH,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMI,qBAAqB,cAD1BL,aAAa,CAAE,GAAEI,SAAU,uBAAsB,CAAC;EAAnD,MACMC,qBAAqB,+BAA8B;IAAA;MAAA;MAAA;IAAA;EAMzD;EAAC;IAAA,GANKA,qBAAqB;IAAA;MAAA;MAAA;MAAA,OACzB,6BAAoB;QAClB,qBAFEA,qBAAqB;MAGzB;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeH,MAAM;MAAA;IAAA;EAAA;AAAA,GALYH,oBAAoB,GAQxD;AACA,eAAeM,qBAAqB"}
+{"version":3,"file":"structured-list-head.js","names":["BXStructuredListHead","customElement","ddsSettings","styles","stablePrefix","ddsPrefix","DDSStructuredListHead"],"sources":["components/structured-list/structured-list-head.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport BXStructuredListHead from '@carbon/web-components/es/components/structured-list/structured-list-head.js';\nimport { customElement } from 'lit-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './structured-list.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * StructuredListHead\n *\n * @element dds-structured-list-head\n */\n@customElement(`${ddsPrefix}-structured-list-head`)\nclass DDSStructuredListHead extends BXStructuredListHead {\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSStructuredListHead;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,oBAAoB,MAAM,8EAA8E;AAC/G,SAASC,aAAa,QAAQ,aAAa;AAC3C,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,MAAM,MAAM,4BAAwB;AAE3C,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGH,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMI,qBAAqB,cAD1BL,aAAa,CAAE,GAAEI,SAAU,uBAAsB,CAAC;EAAnD,MACMC,qBAAqB,+BAA8B;IAAA;MAAA;MAAA;IAAA;EAMzD;EAAC;IAAA,GANKA,qBAAqB;IAAA;MAAA;MAAA;MAAA,OACzB,6BAAoB;QAClB,qBAFEA,qBAAqB;MAGzB;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeH,MAAM;MAAA;IAAA;EAAA;AAAA,GALYH,oBAAoB,GAQxD;AACA,eAAeM,qBAAqB"}

package/es/components/structured-list/structured-list-header-cell.d.ts

@@ -6,7 +6,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import BXStructuredListHeaderCell from '@carbon/carbon-web-components/es/components/structured-list/structured-list-header-cell.js';
+import BXStructuredListHeaderCell from '@carbon/web-components/es/components/structured-list/structured-list-header-cell.js';
 /**
  * StructuredListHeaderCell
  *

package/es/components/structured-list/structured-list-header-cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/structured-list/structured-list-header-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,0BAA0B,MAAM,4FAA4F,CAAC;AAOpI;;;;GAIG;AACH,cACM,2BAA4B,SAAQ,0BAA0B;IAClE,iBAAiB;IAIjB,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,2BAA2B,CAAC","file":"structured-list-header-cell.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport BXStructuredListHeaderCell from '@carbon/carbon-web-components/es/components/structured-list/structured-list-header-cell.js';\nimport { customElement } from 'lit-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './structured-list.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * StructuredListHeaderCell\n *\n * @element dds-structured-list-header-cell\n */\n@customElement(`${ddsPrefix}-structured-list-header-cell`)\nclass DDSStructuredListHeaderCell extends BXStructuredListHeaderCell {\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSStructuredListHeaderCell;\n"]}
+{"version":3,"sources":["components/structured-list/structured-list-header-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,0BAA0B,MAAM,qFAAqF,CAAC;AAO7H;;;;GAIG;AACH,cACM,2BAA4B,SAAQ,0BAA0B;IAClE,iBAAiB;IAIjB,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,2BAA2B,CAAC","file":"structured-list-header-cell.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport BXStructuredListHeaderCell from '@carbon/web-components/es/components/structured-list/structured-list-header-cell.js';\nimport { customElement } from 'lit-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './structured-list.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * StructuredListHeaderCell\n *\n * @element dds-structured-list-header-cell\n */\n@customElement(`${ddsPrefix}-structured-list-header-cell`)\nclass DDSStructuredListHeaderCell extends BXStructuredListHeaderCell {\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSStructuredListHeaderCell;\n"]}

package/es/components/structured-list/structured-list-header-cell.js

@@ -10,7 +10,7 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
  * LICENSE file in the root directory of this source tree.
  */
 
-import BXStructuredListHeaderCell from '@carbon/carbon-web-components/es/components/structured-list/structured-list-header-cell.js';
+import BXStructuredListHeaderCell from '@carbon/web-components/es/components/structured-list/structured-list-header-cell.js';
 import { customElement } from 'lit-element';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import styles from "././structured-list.css.js";

package/es/components/structured-list/structured-list-header-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"structured-list-header-cell.js","names":["BXStructuredListHeaderCell","customElement","ddsSettings","styles","stablePrefix","ddsPrefix","DDSStructuredListHeaderCell"],"sources":["components/structured-list/structured-list-header-cell.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport BXStructuredListHeaderCell from '@carbon/carbon-web-components/es/components/structured-list/structured-list-header-cell.js';\nimport { customElement } from 'lit-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './structured-list.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * StructuredListHeaderCell\n *\n * @element dds-structured-list-header-cell\n */\n@customElement(`${ddsPrefix}-structured-list-header-cell`)\nclass DDSStructuredListHeaderCell extends BXStructuredListHeaderCell {\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSStructuredListHeaderCell;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,0BAA0B,MAAM,4FAA4F;AACnI,SAASC,aAAa,QAAQ,aAAa;AAC3C,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,MAAM,MAAM,4BAAwB;AAE3C,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGH,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMI,2BAA2B,cADhCL,aAAa,CAAE,GAAEI,SAAU,8BAA6B,CAAC;EAA1D,MACMC,2BAA2B,+BAAoC;IAAA;MAAA;MAAA;IAAA;EAMrE;EAAC;IAAA,GANKA,2BAA2B;IAAA;MAAA;MAAA;MAAA,OAC/B,6BAAoB;QAClB,qBAFEA,2BAA2B;MAG/B;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeH,MAAM;MAAA;IAAA;EAAA;AAAA,GALkBH,0BAA0B,GAQpE;AACA,eAAeM,2BAA2B"}
+{"version":3,"file":"structured-list-header-cell.js","names":["BXStructuredListHeaderCell","customElement","ddsSettings","styles","stablePrefix","ddsPrefix","DDSStructuredListHeaderCell"],"sources":["components/structured-list/structured-list-header-cell.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport BXStructuredListHeaderCell from '@carbon/web-components/es/components/structured-list/structured-list-header-cell.js';\nimport { customElement } from 'lit-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './structured-list.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * StructuredListHeaderCell\n *\n * @element dds-structured-list-header-cell\n */\n@customElement(`${ddsPrefix}-structured-list-header-cell`)\nclass DDSStructuredListHeaderCell extends BXStructuredListHeaderCell {\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSStructuredListHeaderCell;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,0BAA0B,MAAM,qFAAqF;AAC5H,SAASC,aAAa,QAAQ,aAAa;AAC3C,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,MAAM,MAAM,4BAAwB;AAE3C,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGH,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMI,2BAA2B,cADhCL,aAAa,CAAE,GAAEI,SAAU,8BAA6B,CAAC;EAA1D,MACMC,2BAA2B,+BAAoC;IAAA;MAAA;MAAA;IAAA;EAMrE;EAAC;IAAA,GANKA,2BAA2B;IAAA;MAAA;MAAA;MAAA,OAC/B,6BAAoB;QAClB,qBAFEA,2BAA2B;MAG/B;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeH,MAAM;MAAA;IAAA;EAAA;AAAA,GALkBH,0BAA0B,GAQpE;AACA,eAAeM,2BAA2B"}

package/es/components/structured-list/structured-list-header-row.d.ts

@@ -6,7 +6,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import BXStructuredListHeaderRow from '@carbon/carbon-web-components/es/components/structured-list/structured-list-header-row.js';
+import BXStructuredListHeaderRow from '@carbon/web-components/es/components/structured-list/structured-list-header-row.js';
 /**
  * StructuredListHeaderRow
  *

package/es/components/structured-list/structured-list-header-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/structured-list/structured-list-header-row.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,yBAAyB,MAAM,2FAA2F,CAAC;AAOlI;;;;GAIG;AACH,cACM,0BAA2B,SAAQ,yBAAyB;IAChE,iBAAiB;IAIjB,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,0BAA0B,CAAC","file":"structured-list-header-row.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport BXStructuredListHeaderRow from '@carbon/carbon-web-components/es/components/structured-list/structured-list-header-row.js';\nimport { customElement } from 'lit-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './structured-list.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * StructuredListHeaderRow\n *\n * @element dds-structured-list-header-row\n */\n@customElement(`${ddsPrefix}-structured-list-header-row`)\nclass DDSStructuredListHeaderRow extends BXStructuredListHeaderRow {\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSStructuredListHeaderRow;\n"]}
+{"version":3,"sources":["components/structured-list/structured-list-header-row.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,yBAAyB,MAAM,oFAAoF,CAAC;AAO3H;;;;GAIG;AACH,cACM,0BAA2B,SAAQ,yBAAyB;IAChE,iBAAiB;IAIjB,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,0BAA0B,CAAC","file":"structured-list-header-row.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport BXStructuredListHeaderRow from '@carbon/web-components/es/components/structured-list/structured-list-header-row.js';\nimport { customElement } from 'lit-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './structured-list.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * StructuredListHeaderRow\n *\n * @element dds-structured-list-header-row\n */\n@customElement(`${ddsPrefix}-structured-list-header-row`)\nclass DDSStructuredListHeaderRow extends BXStructuredListHeaderRow {\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSStructuredListHeaderRow;\n"]}

package/es/components/structured-list/structured-list-header-row.js

@@ -10,7 +10,7 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
  * LICENSE file in the root directory of this source tree.
  */
 
-import BXStructuredListHeaderRow from '@carbon/carbon-web-components/es/components/structured-list/structured-list-header-row.js';
+import BXStructuredListHeaderRow from '@carbon/web-components/es/components/structured-list/structured-list-header-row.js';
 import { customElement } from 'lit-element';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import styles from "././structured-list.css.js";

package/es/components/structured-list/structured-list-header-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"structured-list-header-row.js","names":["BXStructuredListHeaderRow","customElement","ddsSettings","styles","stablePrefix","ddsPrefix","DDSStructuredListHeaderRow"],"sources":["components/structured-list/structured-list-header-row.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport BXStructuredListHeaderRow from '@carbon/carbon-web-components/es/components/structured-list/structured-list-header-row.js';\nimport { customElement } from 'lit-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './structured-list.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * StructuredListHeaderRow\n *\n * @element dds-structured-list-header-row\n */\n@customElement(`${ddsPrefix}-structured-list-header-row`)\nclass DDSStructuredListHeaderRow extends BXStructuredListHeaderRow {\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSStructuredListHeaderRow;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,yBAAyB,MAAM,2FAA2F;AACjI,SAASC,aAAa,QAAQ,aAAa;AAC3C,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,MAAM,MAAM,4BAAwB;AAE3C,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGH,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMI,0BAA0B,cAD/BL,aAAa,CAAE,GAAEI,SAAU,6BAA4B,CAAC;EAAzD,MACMC,0BAA0B,+BAAmC;IAAA;MAAA;MAAA;IAAA;EAMnE;EAAC;IAAA,GANKA,0BAA0B;IAAA;MAAA;MAAA;MAAA,OAC9B,6BAAoB;QAClB,qBAFEA,0BAA0B;MAG9B;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeH,MAAM;MAAA;IAAA;EAAA;AAAA,GALiBH,yBAAyB,GAQlE;AACA,eAAeM,0BAA0B"}
+{"version":3,"file":"structured-list-header-row.js","names":["BXStructuredListHeaderRow","customElement","ddsSettings","styles","stablePrefix","ddsPrefix","DDSStructuredListHeaderRow"],"sources":["components/structured-list/structured-list-header-row.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport BXStructuredListHeaderRow from '@carbon/web-components/es/components/structured-list/structured-list-header-row.js';\nimport { customElement } from 'lit-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './structured-list.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * StructuredListHeaderRow\n *\n * @element dds-structured-list-header-row\n */\n@customElement(`${ddsPrefix}-structured-list-header-row`)\nclass DDSStructuredListHeaderRow extends BXStructuredListHeaderRow {\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSStructuredListHeaderRow;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,yBAAyB,MAAM,oFAAoF;AAC1H,SAASC,aAAa,QAAQ,aAAa;AAC3C,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,MAAM,MAAM,4BAAwB;AAE3C,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGH,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMI,0BAA0B,cAD/BL,aAAa,CAAE,GAAEI,SAAU,6BAA4B,CAAC;EAAzD,MACMC,0BAA0B,+BAAmC;IAAA;MAAA;MAAA;IAAA;EAMnE;EAAC;IAAA,GANKA,0BAA0B;IAAA;MAAA;MAAA;MAAA,OAC9B,6BAAoB;QAClB,qBAFEA,0BAA0B;MAG9B;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeH,MAAM;MAAA;IAAA;EAAA;AAAA,GALiBH,yBAAyB,GAQlE;AACA,eAAeM,0BAA0B"}

package/es/components/structured-list/structured-list-row.d.ts

@@ -6,7 +6,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import BXStructuredListRow from '@carbon/carbon-web-components/es/components/structured-list/structured-list-row.js';
+import BXStructuredListRow from '@carbon/web-components/es/components/structured-list/structured-list-row.js';
 /**
  * StructuredListRow
  *

package/es/components/structured-list/structured-list-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/structured-list/structured-list-row.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,mBAAmB,MAAM,oFAAoF,CAAC;AAQrH;;;;GAIG;AACH,cACM,oBAAqB,SAAQ,mBAAmB;IACpD,iBAAiB;IAMjB,OAAO,CAAC,iBAAiB,KAAA;IAGzB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,oBAAoB,CAAC","file":"structured-list-row.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport BXStructuredListRow from '@carbon/carbon-web-components/es/components/structured-list/structured-list-row.js';\nimport { customElement } from 'lit-element';\nimport { html } from 'lit-html';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './structured-list.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * StructuredListRow\n *\n * @element dds-structured-list-row\n */\n@customElement(`${ddsPrefix}-structured-list-row`)\nclass DDSStructuredListRow extends BXStructuredListRow {\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  /* eslint-disable */\n  // @ts-ignore required to unset inherited functionality\n  updated(changedProperties) {}\n  /* eslint-enable */\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSStructuredListRow;\n"]}
+{"version":3,"sources":["components/structured-list/structured-list-row.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,mBAAmB,MAAM,6EAA6E,CAAC;AAQ9G;;;;GAIG;AACH,cACM,oBAAqB,SAAQ,mBAAmB;IACpD,iBAAiB;IAMjB,OAAO,CAAC,iBAAiB,KAAA;IAGzB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,oBAAoB,CAAC","file":"structured-list-row.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport BXStructuredListRow from '@carbon/web-components/es/components/structured-list/structured-list-row.js';\nimport { customElement } from 'lit-element';\nimport { html } from 'lit-html';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './structured-list.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * StructuredListRow\n *\n * @element dds-structured-list-row\n */\n@customElement(`${ddsPrefix}-structured-list-row`)\nclass DDSStructuredListRow extends BXStructuredListRow {\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  /* eslint-disable */\n  // @ts-ignore required to unset inherited functionality\n  updated(changedProperties) {}\n  /* eslint-enable */\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSStructuredListRow;\n"]}

package/es/components/structured-list/structured-list-row.js

@@ -12,7 +12,7 @@ let _ = t => t,
  * LICENSE file in the root directory of this source tree.
  */
 
-import BXStructuredListRow from '@carbon/carbon-web-components/es/components/structured-list/structured-list-row.js';
+import BXStructuredListRow from '@carbon/web-components/es/components/structured-list/structured-list-row.js';
 import { customElement } from 'lit-element';
 import { html } from 'lit-html';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";

package/es/components/structured-list/structured-list-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"structured-list-row.js","names":["BXStructuredListRow","customElement","html","ddsSettings","styles","stablePrefix","ddsPrefix","DDSStructuredListRow","changedProperties"],"sources":["components/structured-list/structured-list-row.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport BXStructuredListRow from '@carbon/carbon-web-components/es/components/structured-list/structured-list-row.js';\nimport { customElement } from 'lit-element';\nimport { html } from 'lit-html';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './structured-list.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * StructuredListRow\n *\n * @element dds-structured-list-row\n */\n@customElement(`${ddsPrefix}-structured-list-row`)\nclass DDSStructuredListRow extends BXStructuredListRow {\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  /* eslint-disable */\n  // @ts-ignore required to unset inherited functionality\n  updated(changedProperties) {}\n  /* eslint-enable */\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSStructuredListRow;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,mBAAmB,MAAM,oFAAoF;AACpH,SAASC,aAAa,QAAQ,aAAa;AAC3C,SAASC,IAAI,QAAQ,UAAU;AAC/B,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,MAAM,MAAM,4BAAwB;AAE3C,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGH,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMI,oBAAoB,cADzBN,aAAa,CAAE,GAAEK,SAAU,sBAAqB,CAAC;EAAlD,MACMC,oBAAoB,8BAA6B;IAAA;MAAA;MAAA;IAAA;EAevD;EAAC;IAAA,GAfKA,oBAAoB;IAAA;MAAA;MAAA;MAAA,OACxB,6BAAoB;QAClB,qBAFEA,oBAAoB;MAGxB;;MAEA;MACA;IAAA;MAAA;MAAA;MAAA,OACA,iBAAQC,iBAAiB,EAAE,CAAC;MAC5B;IAAA;MAAA;MAAA;MAAA,OAEA,kBAAS;QACP,OAAON,IAAI,cAAC,iBAAe;MAC7B;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeE,MAAM;MAAA;IAAA;EAAA;AAAA,GAdWJ,mBAAmB,GAiBtD;AACA,eAAeO,oBAAoB"}
+{"version":3,"file":"structured-list-row.js","names":["BXStructuredListRow","customElement","html","ddsSettings","styles","stablePrefix","ddsPrefix","DDSStructuredListRow","changedProperties"],"sources":["components/structured-list/structured-list-row.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport BXStructuredListRow from '@carbon/web-components/es/components/structured-list/structured-list-row.js';\nimport { customElement } from 'lit-element';\nimport { html } from 'lit-html';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './structured-list.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * StructuredListRow\n *\n * @element dds-structured-list-row\n */\n@customElement(`${ddsPrefix}-structured-list-row`)\nclass DDSStructuredListRow extends BXStructuredListRow {\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  /* eslint-disable */\n  // @ts-ignore required to unset inherited functionality\n  updated(changedProperties) {}\n  /* eslint-enable */\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSStructuredListRow;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,mBAAmB,MAAM,6EAA6E;AAC7G,SAASC,aAAa,QAAQ,aAAa;AAC3C,SAASC,IAAI,QAAQ,UAAU;AAC/B,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,MAAM,MAAM,4BAAwB;AAE3C,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGH,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMI,oBAAoB,cADzBN,aAAa,CAAE,GAAEK,SAAU,sBAAqB,CAAC;EAAlD,MACMC,oBAAoB,8BAA6B;IAAA;MAAA;MAAA;IAAA;EAevD;EAAC;IAAA,GAfKA,oBAAoB;IAAA;MAAA;MAAA;MAAA,OACxB,6BAAoB;QAClB,qBAFEA,oBAAoB;MAGxB;;MAEA;MACA;IAAA;MAAA;MAAA;MAAA,OACA,iBAAQC,iBAAiB,EAAE,CAAC;MAC5B;IAAA;MAAA;MAAA;MAAA,OAEA,kBAAS;QACP,OAAON,IAAI,cAAC,iBAAe;MAC7B;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeE,MAAM;MAAA;IAAA;EAAA;AAAA,GAdWJ,mBAAmB,GAiBtD;AACA,eAAeO,oBAAoB"}

package/es/components/table-of-contents/table-of-contents.d.ts

@@ -10,7 +10,7 @@ import { LitElement } from 'lit-element';
 import { TOC_TYPES } from './defs';
 declare const DDSTableOfContents_base: {
     new (...args: any[]): {
-        _handles: Set<import("@carbon/carbon-web-components/es/globals/internal/handle").default>;
+        _handles: Set<import("@carbon/web-components/es/globals/internal/handle").default>;
         connectedCallback(): void;
         disconnectedCallback(): void;
         accessKey: string;
@@ -50,6 +50,10 @@ declare const DDSTableOfContents_base: {
         onfullscreenchange: ((this: Element, ev: Event) => any) | null;
         onfullscreenerror: ((this: Element, ev: Event) => any) | null;
         outerHTML: string;
+        /**
+         * The formatter for the aria label text for the mobile ToC.
+         * Should be changed upon the locale the component is rendered with.
+         */
         readonly ownerDocument: Document;
         readonly part: DOMTokenList;
         readonly prefix: string | null;
@@ -72,9 +76,15 @@ declare const DDSTableOfContents_base: {
         getBoundingClientRect(): DOMRect;
         getClientRects(): DOMRectList;
         getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
-        getElementsByTagName<K_4 extends keyof HTMLElementTagNameMap>(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
-        getElementsByTagName<K_5 extends keyof SVGElementTagNameMap>(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>;
-        getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
+        getElementsByTagName<K_4 extends keyof HTMLElementTagNameMap>(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>; /**
+         * The observer for the intersection of left-side content edge.
+         */
+        getElementsByTagName<K_5 extends keyof SVGElementTagNameMap>(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>; /**
+         * The observer for the intersection of left-side content edge.
+         */
+        getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>; /**
+         * The observer for the intersection of left-side content edge.
+         */
         getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
         getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
         getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
@@ -121,11 +131,19 @@ declare const DDSTableOfContents_base: {
         textContent: string | null;
         appendChild<T_1 extends Node>(node: T_1): T_1;
         cloneNode(deep?: boolean | undefined): Node;
-        compareDocumentPosition(other: Node): number;
+        compareDocumentPosition(other: Node): number; /**
+         * Handles `change` event on mobile `<select>`.
+         *
+         * @param event The event.
+         */
         contains(other: Node | null): boolean;
         getRootNode(options?: GetRootNodeOptions | undefined): Node;
         hasChildNodes(): boolean;
-        insertBefore<T_2 extends Node>(node: T_2, child: Node | null): T_2;
+        insertBefore<T_2 extends Node>(node: T_2, child: Node | null): T_2; /**
+         * Handles `click` event on a menu item.
+         *
+         * @param event The event.
+         */
         isDefaultNamespace(namespace: string | null): boolean;
         isEqualNode(otherNode: Node | null): boolean;
         isSameNode(otherNode: Node | null): boolean;

package/es/components/table-of-contents/table-of-contents.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/table-of-contents/table-of-contents.ts"],"names":[],"mappings":"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","file":"table-of-contents.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { nothing } from 'lit-html';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { ifDefined } from 'lit-html/directives/if-defined.js';\nimport {\n  html,\n  property,\n  state,\n  query,\n  queryAll,\n  customElement,\n  LitElement,\n} from 'lit-element';\nimport CaretLeft20 from '@carbon/carbon-web-components/es/icons/caret--left/20.js';\nimport CaretRight20 from '@carbon/carbon-web-components/es/icons/caret--right/20.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport { baseFontSize, breakpoints } from '@carbon/layout';\nimport HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';\nimport TableOfContents20 from '@carbon/carbon-web-components/es/icons/table-of-contents/20.js';\nimport throttle from 'lodash-es/throttle.js';\nimport StickyHeader from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/StickyHeader/StickyHeader';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './table-of-contents.scss';\nimport { TOC_TYPES } from './defs';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n// total button width - grid offset\nconst buttonWidthOffset = 32;\n\nconst gridLgBreakpoint = parseFloat(breakpoints.lg.width) * baseFontSize;\n\ninterface Cancelable {\n  cancel(): void;\n}\n\n/**\n * @param a An array.\n * @param predicate The callback function.\n * @param [thisObject] The context object for the given callback function.\n * @returns The index of the last item in the given array where `predicate` returns `true`. `-1` if no such item is found.\n */\nfunction findLastIndex<T>(\n  a: T[],\n  predicate: (search: T, index?: number, thisObject?: any) => boolean,\n  thisObject?: any\n): number {\n  for (let i = a.length - 1; i >= 0; --i) {\n    if (predicate(a[i], i, thisObject)) {\n      return i;\n    }\n  }\n  return -1;\n}\n\n/**\n * Table of contents.\n *\n * @element dds-table-of-contents\n * @csspart table - The table UI.\n * @slot heading - The heading content.\n * @slot menu-rule - The menu rule.\n */\n@customElement(`${ddsPrefix}-table-of-contents`)\nclass DDSTableOfContents extends HostListenerMixin(\n  StableSelectorMixin(LitElement)\n) {\n  /**\n   * The formatter for the aria label text for the mobile ToC.\n   * Should be changed upon the locale the component is rendered with.\n   */\n  @property({ attribute: false })\n  ariaLabelFormatter = 'Table of contents';\n\n  /**\n   * Defines TOC type, \"\" for default, `horizontal` for horizontal variant.\n   */\n  @property({ reflect: true, attribute: 'toc-layout' })\n  layout = TOC_TYPES.DEFAULT;\n\n  /**\n   * The current scroll position.\n   */\n  @state()\n  private _currentScrollPosition = 0;\n\n  /**\n   * The current target `<a>` that should be in view.\n   */\n  @state()\n  private _currentTarget: HTMLAnchorElement | null = null;\n\n  /**\n   * `true` if left-hand scroll intersection sentinel intersects with the host element.\n   * In this condition, the left-hand paginator button should be hidden.\n   */\n  @state()\n  private _isIntersectionLeftTrackerInContent = true;\n\n  /**\n   * `true` if right-hand scroll intersection sentinel intersects with the host element.\n   * In this condition, the right-hand paginator button should be hidden.\n   */\n  @state()\n  private _isIntersectionRightTrackerInContent = true;\n\n  /**\n   * `true` if there is a heading content.\n   */\n  @state()\n  private _hasHeading = false;\n\n  /**\n   * `true` if mobile container is visible.\n   */\n  @state()\n  private _hasMobileContainerVisible = false;\n\n  /**\n   * The observer for the intersection of left-side content edge.\n   */\n  private _observerIntersection: IntersectionObserver | null = null;\n\n  /**\n   * The scrolling content.\n   */\n  @query(`.${prefix}--tableofcontents__desktop`)\n  private _contentNode?: HTMLElement;\n\n  /**\n   * The left-hand sentinel to track intersection with the host element.\n   * If they intersect, the left-hand paginator button should be hidden.\n   */\n  @query(`.${prefix}--sub-content-left`)\n  private _intersectionLeftSentinelNode?: HTMLElement;\n\n  /**\n   * The right-hand sentinel to track intersection with the host element.\n   * If they intersect, the right-hand paginator button should be hidden.\n   */\n  @query(`.${prefix}--sub-content-right`)\n  private _intersectionRightSentinelNode?: HTMLElement;\n\n  @queryAll(`.${prefix}--tableofcontents__desktop__item`)\n  private _itemNodes?: HTMLElement[] = [];\n\n  @query(`.${prefix}--tableofcontents__navbar`)\n  private _navBar?: HTMLElement;\n\n  /**\n   * The container for the mobile UI.\n   */\n  @query(`.${prefix}--tableofcontents__mobile`)\n  private _mobileContainerNode?: HTMLElement;\n\n  /**\n   * The `<select>` for the mobile UI.\n   */\n  @query(`.${prefix}--tableofcontents__mobile__select`)\n  private _mobileSelectNode?: HTMLSelectElement;\n\n  /**\n   * The observer for the resize of the mobile container.\n   */\n  private _observerResizeMobileContainer: any | null = null; // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n\n  /**\n   * The target elements matching `[name]` harvested from the document.\n   */\n  @state()\n  private _targets: HTMLElement[] = [];\n\n  /**\n   * The Element.tagName values that should never be used as a TOC target.\n   * Typically added here because these elements have their own `[name]` attribute.\n   */\n  private _tagNamesToAvoid = [`${ddsPrefix}-video-player`];\n\n  /**\n   * Boolean checking if page is RTL\n   */\n  @state()\n  private _pageIsRTL: Boolean =\n    this.ownerDocument!.documentElement.dir === 'rtl';\n\n  /**\n   * The handler for throttled scrolling\n   */\n  private _throttleScroll: (((event: Event) => void) & Cancelable) | null =\n    null;\n\n  /**\n   * Cleans-up and creats the resize observer for the mobile container.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new resize observer.\n   */\n  private _cleanAndCreateObserverResizeMobileContainer({\n    create,\n  }: { create?: boolean } = {}) {\n    const { _mobileContainerNode: mobileContainerNode } = this;\n    if (mobileContainerNode) {\n      if (this._observerResizeMobileContainer) {\n        this._observerResizeMobileContainer.disconnect();\n        this._observerResizeMobileContainer = null;\n      }\n      if (create) {\n        // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n        // @ts-ignore\n        this._observerResizeMobileContainer = new ResizeObserver(\n          this._observeResizeMobileContainer\n        );\n        this._observerResizeMobileContainer.observe(mobileContainerNode);\n      }\n    }\n  }\n\n  /**\n   * Handles `change` event on mobile `<select>`.\n   *\n   * @param event The event.\n   */\n  private _handleChangeSelect(event: Event) {\n    this._handleUserInitiatedJump((event.target as HTMLSelectElement).value);\n  }\n\n  /**\n   * Handles `click` event on a menu item.\n   *\n   * @param event The event.\n   */\n  private _handleClickItem(event: MouseEvent) {\n    const { selectorDesktopItem } = this\n      .constructor as typeof DDSTableOfContents;\n    const target = event.target as HTMLAnchorElement;\n    if (target.matches?.(selectorDesktopItem)) {\n      this._handleUserInitiatedJump(target.dataset.target!);\n      event.preventDefault();\n    }\n  }\n\n  /**\n   * Handles `click` event on a TOC navigation item.\n   *\n   * @param event The event.\n   */\n  private _handleOnKeyDown(event: KeyboardEvent) {\n    const { selectorDesktopItem } = this\n      .constructor as typeof DDSTableOfContents;\n    const target = event.target as HTMLAnchorElement;\n    const { _pageIsRTL: pageIsRTL } = this;\n    if (target.matches?.(selectorDesktopItem)) {\n      if (pageIsRTL) {\n        if (event.key === 'Tab') {\n          if (event.shiftKey) {\n            if (\n              target.parentElement?.previousElementSibling &&\n              target.parentElement?.previousElementSibling.getBoundingClientRect()\n                .right >\n                this._navBar!.getBoundingClientRect().right - buttonWidthOffset\n            ) {\n              this._paginateLeft();\n            }\n          } else if (\n            target.parentElement?.nextElementSibling &&\n            target.parentElement?.nextElementSibling.getBoundingClientRect()\n              .left <\n              this._navBar!.getBoundingClientRect().left + buttonWidthOffset\n          ) {\n            this._paginateRight();\n          }\n        }\n      } else if (event.key === 'Tab') {\n        if (event.shiftKey) {\n          if (\n            target.parentElement?.previousElementSibling &&\n            target.parentElement?.previousElementSibling!.getBoundingClientRect()\n              .left <\n              this._navBar!.getBoundingClientRect().left + buttonWidthOffset\n          ) {\n            this._paginateLeft();\n          }\n        } else if (\n          target.parentElement?.nextElementSibling &&\n          target.parentElement?.nextElementSibling!.getBoundingClientRect()\n            .right >\n            this._navBar!.getBoundingClientRect().right - buttonWidthOffset\n        ) {\n          this._paginateRight();\n        }\n      }\n    }\n  }\n\n  /**\n   * Handles intersection of target `<a>`s with the viewport by checking which target's\n   * immediate siblings are close to the viewport, and set the active target depending\n   * on their positions.\n   */\n  private _handleOnScroll = () => {\n    this.ownerDocument!.defaultView!.requestAnimationFrame(() => {\n      if (this._targets) {\n        const items = this._targets\n          .map((elem, index, arr) => ({\n            elem,\n            height: arr[index + 1]\n              ? arr[index + 1].getBoundingClientRect().y -\n                elem.getBoundingClientRect().y\n              : null,\n            position: elem.getBoundingClientRect().y,\n          }))\n          .filter((elem, index, arr) =>\n            elem.height === null\n              ? arr[index - 1].position < arr[index - 1].height!\n              : elem.position - 50 - this.stickyOffset > -elem.height\n          );\n\n        // Sets last section as active at the end of page in case there is not enough height for it to dynamically activate\n        const bottomReached =\n          this.ownerDocument!.scrollingElement!.scrollTop +\n            this.ownerDocument!.scrollingElement!.clientHeight ===\n          this.ownerDocument!.scrollingElement!.scrollHeight;\n        if (items && items[0] && items[items.length - 1]) {\n          this._currentTarget = !bottomReached\n            ? (items[0].elem as HTMLAnchorElement)\n            : (items[items.length - 1].elem as HTMLAnchorElement);\n        }\n      }\n    });\n  };\n\n  /**\n   * Watches for changes to content in the default slot.\n   */\n  private _contentMutationObserver = new MutationObserver(\n    this._contentObserverCallback.bind(this)\n  );\n\n  /**\n   * Sets table of contents targets whenever any node tree mutation is observed.\n   */\n  private _contentObserverCallback() {\n    const shadowRoot = this.shadowRoot as ShadowRoot;\n    const allSlots = Array.from(\n      shadowRoot.querySelectorAll(`slot`)\n    ) as HTMLSlotElement[];\n    const allSlottedNodes = allSlots.flatMap((slot) => slot.assignedNodes());\n    this._setTargets(allSlottedNodes);\n  }\n\n  /**\n   * Sets targets used for generating the table of contents.\n   */\n  private _setTargets(nodes: Node[]) {\n    const { _tagNamesToAvoid: tagNamesToAvoid } = this;\n    const { selectorTarget } = this.constructor as typeof DDSTableOfContents;\n    this._targets = nodes.reduce((acc, node) => {\n      if (node instanceof HTMLElement) {\n        const descendants = node.querySelectorAll(\n          selectorTarget\n        ) as NodeListOf<HTMLElement>;\n        const elems = [node, ...descendants].filter((elem) => {\n          const notWhiteSpace = /[^\\s\\n\\r]/g;\n          const hasTitle =\n            elem.innerText.match(notWhiteSpace) ||\n            elem.dataset.title?.match(notWhiteSpace);\n          const hasNameAttr = elem.matches(selectorTarget);\n          const notExcluded = !tagNamesToAvoid.includes(\n            elem.tagName.toLowerCase()\n          );\n\n          return hasTitle && hasNameAttr && notExcluded;\n        });\n\n        acc.push(...(elems as HTMLElement[]));\n      }\n\n      return acc;\n    }, [] as HTMLElement[]);\n  }\n\n  /**\n   * Handles `slotchange` event on the default `<slot>`.\n   *\n   * @param event The event.\n   */\n  private _handleSlotChange(event: Event) {\n    // Handle changes to immediate slotted children.\n    const slottedElements = (event.target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((node) => node instanceof HTMLElement);\n    this._setTargets(slottedElements as HTMLElement[]);\n\n    // Handle changes to slotted contents' children.\n    this._contentMutationObserver.disconnect();\n    (event.target as HTMLSlotElement).assignedNodes().forEach((node) => {\n      if (node instanceof HTMLElement) {\n        this._contentMutationObserver.observe(node, {\n          subtree: true,\n          childList: true,\n          attributeFilter: ['name', 'data-title'],\n        });\n      }\n    });\n  }\n\n  /**\n   * Handles `slotchange` event on `<slot name=\"heading\">`.\n   */\n  private _handleSlotChangeHeading() {\n    this._hasHeading = Array.from(\n      this.querySelectorAll('[slot=\"heading\"]')\n    ).some(\n      (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n    );\n  }\n\n  /**\n   * Handles user-initiated jump to a hash.\n   *\n   * @param target The hash name.\n   */\n  private _handleUserInitiatedJump(target: string) {\n    const elem = this.querySelector(`[name=\"${target}\"]`);\n    const masthead: HTMLElement | null = this.ownerDocument.querySelector(\n      `${ddsPrefix}-masthead`\n    );\n    const mobilePadding =\n      window.innerWidth < gridLgBreakpoint\n        ? this._mobileContainerNode?.offsetHeight\n        : 0;\n\n    if (elem instanceof HTMLElement) {\n      const currentY = window.scrollY;\n      let targetY;\n\n      if (currentY > elem.offsetTop && masthead) {\n        targetY = elem.offsetTop - masthead.offsetHeight;\n      } else {\n        targetY = elem.offsetTop - mobilePadding!;\n      }\n\n      window.scrollTo(0, targetY);\n\n      elem.setAttribute('tabindex', '0');\n      (elem as HTMLElement).focus({ preventScroll: true });\n      elem.addEventListener(\n        'focusout',\n        ({ target: focusoutTarget }) => {\n          (focusoutTarget as HTMLElement)?.removeAttribute('tabindex');\n        },\n        {\n          once: true,\n        }\n      );\n    }\n  }\n\n  /**\n   * Cleans-up and creates the intersection observer for the scrolling container.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new intersection observer.\n   */\n  private _cleanAndCreateIntersectionObserverContainer({\n    create,\n  }: { create?: boolean } = {}) {\n    const {\n      _intersectionLeftSentinelNode: intersectionLeftSentinelNode,\n      _intersectionRightSentinelNode: intersectionRightSentinelNode,\n    } = this;\n    if (this._observerIntersection) {\n      this._observerIntersection.disconnect();\n      this._observerIntersection = null;\n    }\n    if (create) {\n      this._observerIntersection = new IntersectionObserver(\n        this._observeIntersectionContainer,\n        {\n          root: this._navBar,\n          threshold: 0,\n        }\n      );\n      if (intersectionLeftSentinelNode) {\n        this._observerIntersection.observe(intersectionLeftSentinelNode);\n      }\n      if (intersectionRightSentinelNode) {\n        this._observerIntersection.observe(intersectionRightSentinelNode);\n      }\n    }\n  }\n\n  /**\n   * The intersection observer callback for the scrolling container.\n   *\n   * @param records The intersection observer records.\n   */\n  private _observeIntersectionContainer = (records) => {\n    const {\n      _intersectionLeftSentinelNode: intersectionLeftSentinelNode,\n      _intersectionRightSentinelNode: intersectionRightSentinelNode,\n    } = this;\n    records.forEach(({ isIntersecting, target }) => {\n      if (target === intersectionLeftSentinelNode) {\n        this._isIntersectionLeftTrackerInContent = isIntersecting;\n      }\n      if (target === intersectionRightSentinelNode) {\n        this._isIntersectionRightTrackerInContent = isIntersecting;\n      }\n    });\n  };\n\n  /**\n   * Handles `click` event on the left-hand paginator button.\n   */\n  private _paginateLeft() {\n    const {\n      _currentScrollPosition: currentScrollPosition,\n      _navBar: navBar,\n      _itemNodes: itemNodes,\n      _pageIsRTL: pageIsRTL,\n    } = this;\n    // If the right-side intersection sentinel is in the view, it means that right-side caret button is hidden.\n    // Given scrolling to left makes it shown,\n    // `contentContainerNode!.offsetWidth` will shrink as we scroll and we need to adjust for it.\n    const elems = Array.prototype.slice.call(itemNodes);\n    if (elems) {\n      if (pageIsRTL) {\n        const interimLeft = navBar!.getBoundingClientRect().right;\n        const lastVisibleElementIndex = findLastIndex(\n          elems,\n          (elem) =>\n            elem.getBoundingClientRect().right > interimLeft - buttonWidthOffset\n        );\n        if (lastVisibleElementIndex >= 0) {\n          const lastVisibleElementRight =\n            elems[lastVisibleElementIndex].getBoundingClientRect().left;\n          // 48 = button width - button gradient\n          const newScrollPosition =\n            currentScrollPosition - lastVisibleElementRight + 48;\n          this._currentScrollPosition =\n            newScrollPosition <= 0 ? 0 : newScrollPosition;\n        }\n      } else {\n        const lastVisibleElementIndex = findLastIndex(\n          elems,\n          (elem) =>\n            elem.getBoundingClientRect().left <\n            buttonWidthOffset + navBar!.getBoundingClientRect().left\n        );\n        if (lastVisibleElementIndex >= 0) {\n          const lastVisibleElementRight =\n            elems[lastVisibleElementIndex].getBoundingClientRect().right;\n          const newScrollPosition =\n            lastVisibleElementRight +\n            currentScrollPosition -\n            navBar!.getBoundingClientRect().right +\n            buttonWidthOffset;\n          // If the new scroll position is less than the width of the left caret button,\n          // it means that hiding the left caret button reveals the whole of the left-most nav item.\n          // Snaps the left-most nav item to the left edge of nav container in this case.\n          this._currentScrollPosition =\n            newScrollPosition <= 0 ? 0 : newScrollPosition;\n        }\n      }\n    }\n  }\n\n  /**\n   * Handles `click` event on the right-hand paginator button.\n   */\n  private _paginateRight() {\n    const {\n      _navBar: navBar,\n      _contentNode: contentNode,\n      _currentScrollPosition: currentScrollPosition,\n      _itemNodes: itemNodes,\n      _pageIsRTL: pageIsRTL,\n    } = this;\n\n    const elems = Array.prototype.slice.call(itemNodes);\n    if (elems) {\n      if (pageIsRTL) {\n        const interimLeft = navBar!.getBoundingClientRect().left;\n        const firstVisibleElementIndex = elems.findIndex(\n          (elem) =>\n            elem.getBoundingClientRect().left < interimLeft + buttonWidthOffset\n        );\n        if (firstVisibleElementIndex > 0) {\n          const firstVisibleElementLeft = Math.abs(\n            elems[firstVisibleElementIndex].getBoundingClientRect().right +\n              buttonWidthOffset -\n              navBar!.getBoundingClientRect().right\n          );\n          const maxLeft = contentNode!.scrollWidth - navBar!.offsetWidth;\n          this._currentScrollPosition = Math.min(\n            firstVisibleElementLeft + currentScrollPosition,\n            maxLeft\n          );\n        }\n      } else {\n        const interimRight = navBar!.getBoundingClientRect().right;\n        const firstVisibleElementIndex = elems.findIndex(\n          (elem) =>\n            elem.getBoundingClientRect().right >\n            interimRight - buttonWidthOffset\n        );\n        if (firstVisibleElementIndex > 0) {\n          const firstVisibleElementLeft =\n            elems[firstVisibleElementIndex].getBoundingClientRect().left -\n            navBar!.getBoundingClientRect().left -\n            buttonWidthOffset;\n          // Ensures that is there is no blank area at the right hand side in scroll area\n          // if we see the right remainder nav items can be contained in a page\n          const maxLeft = contentNode!.scrollWidth - navBar!.offsetWidth;\n          this._currentScrollPosition = Math.min(\n            firstVisibleElementLeft + currentScrollPosition,\n            maxLeft\n          );\n        }\n      }\n    }\n  }\n\n  /**\n   * Handles resize of mobile container.\n   *\n   * @param records The resize records.\n   */\n  private _observeResizeMobileContainer = (records) => {\n    const entry = records[records.length - 1];\n    const { height } = entry.contentRect;\n    this._hasMobileContainerVisible = height > 0;\n  };\n\n  /**\n   * The current 0px offset from the top of page.\n   */\n  @property({ type: Number })\n  stickyOffset = 0;\n\n  /**\n   * The throttled scroll listener.\n   *\n   * @param event scroll handler\n   */\n  @HostListener('window:scroll')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleScroll = (event: Event) => {\n    this._throttleScroll!(event);\n  };\n\n  /**\n   * The trigger reharvest listener.\n   */\n  @HostListener(`document:${ddsPrefix}-table-of-contents-reharvest`)\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _retriggerHarvest = () => {\n    this._targets = Array.from(this.querySelectorAll('[name]'));\n  };\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._cleanAndCreateObserverResizeMobileContainer({ create: true });\n    this._cleanAndCreateIntersectionObserverContainer({ create: true });\n    if (!this._throttleScroll) {\n      this._throttleScroll = throttle(this._handleOnScroll, 250);\n      this._handleOnScroll();\n    }\n  }\n\n  disconnectedCallback() {\n    this._cleanAndCreateObserverResizeMobileContainer();\n    this._cleanAndCreateIntersectionObserverContainer();\n    this._contentMutationObserver.disconnect();\n    if (this._throttleScroll) {\n      this._throttleScroll.cancel();\n      this._throttleScroll = null;\n    }\n    super.disconnectedCallback();\n  }\n\n  firstUpdated() {\n    this._cleanAndCreateObserverResizeMobileContainer({ create: true });\n    this._cleanAndCreateIntersectionObserverContainer({ create: true });\n\n    StickyHeader.global.tableOfContents = this;\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('_currentTarget')) {\n      const {\n        _currentTarget: currentTarget,\n        _mobileSelectNode: mobileSelectNode,\n      } = this;\n      // Ensures setting the `value` after rendering child `<option>`s when there is a change in `value`,\n      // given reflecting `value` requires child `<option>`s being there beforehand\n      mobileSelectNode!.value = currentTarget?.getAttribute('name') ?? '';\n    }\n  }\n\n  render() {\n    const {\n      stickyOffset,\n      _currentTarget: currentTarget,\n      _currentScrollPosition: currentScrollPosition,\n      _hasHeading: hasHeading,\n      _hasMobileContainerVisible: hasMobileContainerVisible,\n      _isIntersectionLeftTrackerInContent: isIntersectionLeftTrackerInContent,\n      _isIntersectionRightTrackerInContent: isIntersectionRightTrackerInContent,\n      _targets: targets,\n      _handleChangeSelect: handleChangeSelect,\n      _handleClickItem: handleClickItem,\n      _handleOnKeyDown: handleOnKeyDown,\n      _handleSlotChange: handleSlotChange,\n      _handleSlotChangeHeading: handleSlotChangeHeading,\n      _paginateLeft: paginateLeft,\n      _paginateRight: paginateRight,\n      _pageIsRTL: pageIsRTL,\n    } = this;\n\n    const containerClasses = classMap({\n      [`${ddsPrefix}-ce--table-of-contents__container`]:\n        this.layout === TOC_TYPES.DEFAULT,\n      [`${ddsPrefix}-ce--table-of-contents-horizontal__container`]:\n        this.layout === TOC_TYPES.HORIZONTAL,\n    });\n\n    const navigationClasses = classMap({\n      [`${prefix}--tableofcontents__sidebar`]:\n        this.layout === TOC_TYPES.DEFAULT,\n      [`${prefix}--tableofcontents__navbar`]:\n        this.layout === TOC_TYPES.HORIZONTAL,\n    });\n\n    const caretLeftContainerClasses = classMap({\n      [`${prefix}--toc__navbar-caret-left-container`]: true,\n      [`${ddsPrefix}-ce--toc__navbar-caret-container--hidden`]:\n        isIntersectionLeftTrackerInContent,\n    });\n\n    const caretRightContainerClasses = classMap({\n      [`${prefix}--toc__navbar-caret-right-container`]: true,\n      [`${ddsPrefix}-ce--toc__navbar-caret-container--hidden`]:\n        isIntersectionRightTrackerInContent,\n    });\n\n    return html`\n      ${this.layout === 'horizontal'\n        ? html`\n            <ul class=\"${prefix}--toc__print-styles\">\n              ${targets.map((item) => {\n                const name = item.getAttribute('name');\n                const title = (\n                  item.dataset.title ??\n                  item.textContent ??\n                  ''\n                ).trim();\n                const selected = item === currentTarget;\n                const itemClasses = classMap({\n                  [`${prefix}--tableofcontents__desktop__item`]: true,\n                  [`${prefix}--tableofcontents__desktop__item--active`]:\n                    selected,\n                });\n                return html`\n                  <li\n                    class=\"${itemClasses}\"\n                    @click=\"${handleClickItem}\"\n                    @keydown=\"${handleOnKeyDown}\"\n                  >\n                    <a\n                      aria-current=\"${ifDefined(\n                        !selected ? undefined : 'location'\n                      )}\"\n                      data-target=\"${name!}\"\n                      href=\"#${name}\"\n                    >\n                      ${title}\n                    </a>\n                  </li>\n                `;\n              })}\n            </ul>\n          `\n        : ``}\n      <div class=\"${containerClasses}\">\n        <div\n          part=\"table\"\n          class=\"${navigationClasses}\"\n          style=\"top: ${this.layout === TOC_TYPES.HORIZONTAL && stickyOffset\n            ? `${stickyOffset}px`\n            : 0}\"\n        >\n          ${hasMobileContainerVisible\n            ? nothing\n            : html`\n                <div\n                  ?hidden=\"${!hasHeading}\"\n                  class=\"${prefix}--tableofcontents__desktop__children\"\n                >\n                  <slot\n                    name=\"heading\"\n                    @slotchange=\"${handleSlotChangeHeading}\"\n                  ></slot>\n                  <slot name=\"menu-rule\"></slot>\n                </div>\n              `}\n          <div class=\"${prefix}--tableofcontents__mobile-top\"></div>\n          ${this.layout === 'horizontal'\n            ? html`\n                ${pageIsRTL\n                  ? html`\n                      <div class=\"${caretRightContainerClasses}\">\n                        <div\n                          class=\"${prefix}--toc__navbar-caret-right-gradient\"\n                        ></div>\n                        <button\n                          part=\"next-button\"\n                          tabindex=\"-1\"\n                          aria-hidden=\"true\"\n                          class=\"${prefix}--toc__navbar-caret-right\"\n                          @click=\"${paginateRight}\"\n                        >\n                          ${CaretLeft20()}\n                        </button>\n                      </div>\n                    `\n                  : html`\n                      <div class=\"${caretLeftContainerClasses}\">\n                        <button\n                          part=\"prev-button\"\n                          tabindex=\"-1\"\n                          aria-hidden=\"true\"\n                          class=\"${prefix}--toc__navbar-caret-left\"\n                          @click=\"${paginateLeft}\"\n                        >\n                          ${CaretLeft20()}\n                        </button>\n                        <div\n                          class=\"${prefix}--toc__navbar-caret-left-gradient\"\n                        ></div>\n                      </div>\n                    `}\n              `\n            : ``}\n          <div\n            class=\"${ddsPrefix}-ce--table-of-contents__items-container\"\n            style=\"position: sticky; top: ${stickyOffset &&\n            this.layout !== TOC_TYPES.HORIZONTAL\n              ? `${stickyOffset}px`\n              : 0}\"\n          >\n            <div class=\"${prefix}--tableofcontents__desktop-container\">\n              <div\n                class=\"${prefix}--tableofcontents__desktop\"\n                style=\"${pageIsRTL\n                  ? 'right'\n                  : 'left'}: -${currentScrollPosition}px\"\n              >\n                ${pageIsRTL\n                  ? html` <div class=\"${prefix}--sub-content-right\"></div> `\n                  : html` <div class=\"${prefix}--sub-content-left\"></div> `}\n                <ul>\n                  ${targets.map((item) => {\n                    const name = item.getAttribute('name');\n                    const title = (\n                      item.dataset.title ??\n                      item.textContent ??\n                      ''\n                    ).trim();\n                    const selected = item === currentTarget;\n                    const itemClasses = classMap({\n                      [`${prefix}--tableofcontents__desktop__item`]: true,\n                      [`${prefix}--tableofcontents__desktop__item--active`]:\n                        selected,\n                    });\n                    return html`\n                      <li\n                        class=\"${itemClasses}\"\n                        @click=\"${handleClickItem}\"\n                        @keydown=\"${handleOnKeyDown}\"\n                      >\n                        <a\n                          aria-current=\"${ifDefined(\n                            !selected ? undefined : 'location'\n                          )}\"\n                          data-target=\"${name!}\"\n                          href=\"#${name}\"\n                        >\n                          ${title}\n                        </a>\n                      </li>\n                    `;\n                  })}\n                </ul>\n                ${pageIsRTL\n                  ? html` <div class=\"${prefix}--sub-content-left\"></div> `\n                  : html` <div class=\"${prefix}--sub-content-right\"></div> `}\n              </div>\n            </div>\n            <div class=\"${prefix}--tableofcontents__mobile\">\n              <div class=\"${prefix}--tableofcontents__mobile__select__wrapper\">\n                <select\n                  aria-label=\"${this.ariaLabelFormatter}\"\n                  class=\"${prefix}--tableofcontents__mobile__select\"\n                  @change=\"${handleChangeSelect}\"\n                >\n                  ${targets.map((item) => {\n                    const name = item.getAttribute('name');\n                    const title = (\n                      item.dataset.title ??\n                      item.textContent ??\n                      ''\n                    ).trim();\n                    return html`\n                      <option\n                        class=\"${prefix}--tableofcontents__mobile__select__option\"\n                        value=\"${name!}\"\n                      >\n                        ${title}\n                      </option>\n                    `;\n                  })}\n                </select>\n                ${TableOfContents20({\n                  class: `${prefix}--tableofcontents__mobile__select__icon`,\n                })}\n              </div>\n            </div>\n          </div>\n          ${this.layout === 'horizontal'\n            ? html`\n                ${pageIsRTL\n                  ? html`\n                      <div class=\"${caretLeftContainerClasses}\">\n                        <button\n                          part=\"prev-button\"\n                          tabindex=\"-1\"\n                          aria-hidden=\"true\"\n                          class=\"${prefix}--toc__navbar-caret-left\"\n                          @click=\"${paginateLeft}\"\n                        >\n                          ${CaretRight20()}\n                        </button>\n                        <div\n                          class=\"${prefix}--toc__navbar-caret-left-gradient\"\n                        ></div>\n                      </div>\n                    `\n                  : html`\n                      <div class=\"${caretRightContainerClasses}\">\n                        <div\n                          class=\"${prefix}--toc__navbar-caret-right-gradient\"\n                        ></div>\n                        <button\n                          part=\"next-button\"\n                          tabindex=\"-1\"\n                          aria-hidden=\"true\"\n                          class=\"${prefix}--toc__navbar-caret-right\"\n                          @click=\"${paginateRight}\"\n                        >\n                          ${CaretRight20()}\n                        </button>\n                      </div>\n                    `}\n              `\n            : ``}\n        </div>\n        <div class=\"${prefix}--tableofcontents__content\">\n          <div class=\"${prefix}--tableofcontents__content-wrapper\">\n            ${!hasMobileContainerVisible\n              ? undefined\n              : html`\n                  <div\n                    ?hidden=\"${!hasHeading}\"\n                    class=\"${prefix}--tableofcontents__children__mobile\"\n                  >\n                    <slot\n                      name=\"heading\"\n                      @slotchange=\"${handleSlotChangeHeading}\"\n                    ></slot>\n                  </div>\n                `}\n            <slot @slotchange=\"${handleSlotChange}\"></slot>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * The selector that selects the desktop link items.\n   */\n  static get selectorDesktopItem() {\n    return `.${prefix}--tableofcontents__desktop__item a`;\n  }\n\n  /**\n   * The selector that determines where to harvest the table of contents from.\n   */\n  static selectorTarget = '[name]';\n\n  static get stableSelector() {\n    return `${ddsPrefix}--table-of-contents`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSTableOfContents;\n"]}
+{"version":3,"sources":["components/table-of-contents/table-of-contents.ts"],"names":[],"mappings":"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","file":"table-of-contents.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { nothing } from 'lit-html';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { ifDefined } from 'lit-html/directives/if-defined.js';\nimport {\n  html,\n  property,\n  state,\n  query,\n  queryAll,\n  customElement,\n  LitElement,\n} from 'lit-element';\nimport CaretLeft20 from '@carbon/web-components/es/icons/caret--left/20.js';\nimport CaretRight20 from '@carbon/web-components/es/icons/caret--right/20.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport { baseFontSize, breakpoints } from '@carbon/layout';\nimport HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport TableOfContents20 from '@carbon/web-components/es/icons/table-of-contents/20.js';\nimport throttle from 'lodash-es/throttle.js';\nimport StickyHeader from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/StickyHeader/StickyHeader';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './table-of-contents.scss';\nimport { TOC_TYPES } from './defs';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n// total button width - grid offset\nconst buttonWidthOffset = 32;\n\nconst gridLgBreakpoint = parseFloat(breakpoints.lg.width) * baseFontSize;\n\ninterface Cancelable {\n  cancel(): void;\n}\n\n/**\n * @param a An array.\n * @param predicate The callback function.\n * @param [thisObject] The context object for the given callback function.\n * @returns The index of the last item in the given array where `predicate` returns `true`. `-1` if no such item is found.\n */\nfunction findLastIndex<T>(\n  a: T[],\n  predicate: (search: T, index?: number, thisObject?: any) => boolean,\n  thisObject?: any\n): number {\n  for (let i = a.length - 1; i >= 0; --i) {\n    if (predicate(a[i], i, thisObject)) {\n      return i;\n    }\n  }\n  return -1;\n}\n\n/**\n * Table of contents.\n *\n * @element dds-table-of-contents\n * @csspart table - The table UI.\n * @slot heading - The heading content.\n * @slot menu-rule - The menu rule.\n */\n@customElement(`${ddsPrefix}-table-of-contents`)\nclass DDSTableOfContents extends HostListenerMixin(\n  StableSelectorMixin(LitElement)\n) {\n  /**\n   * The formatter for the aria label text for the mobile ToC.\n   * Should be changed upon the locale the component is rendered with.\n   */\n  @property({ attribute: false })\n  ariaLabelFormatter = 'Table of contents';\n\n  /**\n   * Defines TOC type, \"\" for default, `horizontal` for horizontal variant.\n   */\n  @property({ reflect: true, attribute: 'toc-layout' })\n  layout = TOC_TYPES.DEFAULT;\n\n  /**\n   * The current scroll position.\n   */\n  @state()\n  private _currentScrollPosition = 0;\n\n  /**\n   * The current target `<a>` that should be in view.\n   */\n  @state()\n  private _currentTarget: HTMLAnchorElement | null = null;\n\n  /**\n   * `true` if left-hand scroll intersection sentinel intersects with the host element.\n   * In this condition, the left-hand paginator button should be hidden.\n   */\n  @state()\n  private _isIntersectionLeftTrackerInContent = true;\n\n  /**\n   * `true` if right-hand scroll intersection sentinel intersects with the host element.\n   * In this condition, the right-hand paginator button should be hidden.\n   */\n  @state()\n  private _isIntersectionRightTrackerInContent = true;\n\n  /**\n   * `true` if there is a heading content.\n   */\n  @state()\n  private _hasHeading = false;\n\n  /**\n   * `true` if mobile container is visible.\n   */\n  @state()\n  private _hasMobileContainerVisible = false;\n\n  /**\n   * The observer for the intersection of left-side content edge.\n   */\n  private _observerIntersection: IntersectionObserver | null = null;\n\n  /**\n   * The scrolling content.\n   */\n  @query(`.${prefix}--tableofcontents__desktop`)\n  private _contentNode?: HTMLElement;\n\n  /**\n   * The left-hand sentinel to track intersection with the host element.\n   * If they intersect, the left-hand paginator button should be hidden.\n   */\n  @query(`.${prefix}--sub-content-left`)\n  private _intersectionLeftSentinelNode?: HTMLElement;\n\n  /**\n   * The right-hand sentinel to track intersection with the host element.\n   * If they intersect, the right-hand paginator button should be hidden.\n   */\n  @query(`.${prefix}--sub-content-right`)\n  private _intersectionRightSentinelNode?: HTMLElement;\n\n  @queryAll(`.${prefix}--tableofcontents__desktop__item`)\n  private _itemNodes?: HTMLElement[] = [];\n\n  @query(`.${prefix}--tableofcontents__navbar`)\n  private _navBar?: HTMLElement;\n\n  /**\n   * The container for the mobile UI.\n   */\n  @query(`.${prefix}--tableofcontents__mobile`)\n  private _mobileContainerNode?: HTMLElement;\n\n  /**\n   * The `<select>` for the mobile UI.\n   */\n  @query(`.${prefix}--tableofcontents__mobile__select`)\n  private _mobileSelectNode?: HTMLSelectElement;\n\n  /**\n   * The observer for the resize of the mobile container.\n   */\n  private _observerResizeMobileContainer: any | null = null; // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n\n  /**\n   * The target elements matching `[name]` harvested from the document.\n   */\n  @state()\n  private _targets: HTMLElement[] = [];\n\n  /**\n   * The Element.tagName values that should never be used as a TOC target.\n   * Typically added here because these elements have their own `[name]` attribute.\n   */\n  private _tagNamesToAvoid = [`${ddsPrefix}-video-player`];\n\n  /**\n   * Boolean checking if page is RTL\n   */\n  @state()\n  private _pageIsRTL: Boolean =\n    this.ownerDocument!.documentElement.dir === 'rtl';\n\n  /**\n   * The handler for throttled scrolling\n   */\n  private _throttleScroll: (((event: Event) => void) & Cancelable) | null =\n    null;\n\n  /**\n   * Cleans-up and creats the resize observer for the mobile container.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new resize observer.\n   */\n  private _cleanAndCreateObserverResizeMobileContainer({\n    create,\n  }: { create?: boolean } = {}) {\n    const { _mobileContainerNode: mobileContainerNode } = this;\n    if (mobileContainerNode) {\n      if (this._observerResizeMobileContainer) {\n        this._observerResizeMobileContainer.disconnect();\n        this._observerResizeMobileContainer = null;\n      }\n      if (create) {\n        // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n        // @ts-ignore\n        this._observerResizeMobileContainer = new ResizeObserver(\n          this._observeResizeMobileContainer\n        );\n        this._observerResizeMobileContainer.observe(mobileContainerNode);\n      }\n    }\n  }\n\n  /**\n   * Handles `change` event on mobile `<select>`.\n   *\n   * @param event The event.\n   */\n  private _handleChangeSelect(event: Event) {\n    this._handleUserInitiatedJump((event.target as HTMLSelectElement).value);\n  }\n\n  /**\n   * Handles `click` event on a menu item.\n   *\n   * @param event The event.\n   */\n  private _handleClickItem(event: MouseEvent) {\n    const { selectorDesktopItem } = this\n      .constructor as typeof DDSTableOfContents;\n    const target = event.target as HTMLAnchorElement;\n    if (target.matches?.(selectorDesktopItem)) {\n      this._handleUserInitiatedJump(target.dataset.target!);\n      event.preventDefault();\n    }\n  }\n\n  /**\n   * Handles `click` event on a TOC navigation item.\n   *\n   * @param event The event.\n   */\n  private _handleOnKeyDown(event: KeyboardEvent) {\n    const { selectorDesktopItem } = this\n      .constructor as typeof DDSTableOfContents;\n    const target = event.target as HTMLAnchorElement;\n    const { _pageIsRTL: pageIsRTL } = this;\n    if (target.matches?.(selectorDesktopItem)) {\n      if (pageIsRTL) {\n        if (event.key === 'Tab') {\n          if (event.shiftKey) {\n            if (\n              target.parentElement?.previousElementSibling &&\n              target.parentElement?.previousElementSibling.getBoundingClientRect()\n                .right >\n                this._navBar!.getBoundingClientRect().right - buttonWidthOffset\n            ) {\n              this._paginateLeft();\n            }\n          } else if (\n            target.parentElement?.nextElementSibling &&\n            target.parentElement?.nextElementSibling.getBoundingClientRect()\n              .left <\n              this._navBar!.getBoundingClientRect().left + buttonWidthOffset\n          ) {\n            this._paginateRight();\n          }\n        }\n      } else if (event.key === 'Tab') {\n        if (event.shiftKey) {\n          if (\n            target.parentElement?.previousElementSibling &&\n            target.parentElement?.previousElementSibling!.getBoundingClientRect()\n              .left <\n              this._navBar!.getBoundingClientRect().left + buttonWidthOffset\n          ) {\n            this._paginateLeft();\n          }\n        } else if (\n          target.parentElement?.nextElementSibling &&\n          target.parentElement?.nextElementSibling!.getBoundingClientRect()\n            .right >\n            this._navBar!.getBoundingClientRect().right - buttonWidthOffset\n        ) {\n          this._paginateRight();\n        }\n      }\n    }\n  }\n\n  /**\n   * Handles intersection of target `<a>`s with the viewport by checking which target's\n   * immediate siblings are close to the viewport, and set the active target depending\n   * on their positions.\n   */\n  private _handleOnScroll = () => {\n    this.ownerDocument!.defaultView!.requestAnimationFrame(() => {\n      if (this._targets) {\n        const items = this._targets\n          .map((elem, index, arr) => ({\n            elem,\n            height: arr[index + 1]\n              ? arr[index + 1].getBoundingClientRect().y -\n                elem.getBoundingClientRect().y\n              : null,\n            position: elem.getBoundingClientRect().y,\n          }))\n          .filter((elem, index, arr) =>\n            elem.height === null\n              ? arr[index - 1].position < arr[index - 1].height!\n              : elem.position - 50 - this.stickyOffset > -elem.height\n          );\n\n        // Sets last section as active at the end of page in case there is not enough height for it to dynamically activate\n        const bottomReached =\n          this.ownerDocument!.scrollingElement!.scrollTop +\n            this.ownerDocument!.scrollingElement!.clientHeight ===\n          this.ownerDocument!.scrollingElement!.scrollHeight;\n        if (items && items[0] && items[items.length - 1]) {\n          this._currentTarget = !bottomReached\n            ? (items[0].elem as HTMLAnchorElement)\n            : (items[items.length - 1].elem as HTMLAnchorElement);\n        }\n      }\n    });\n  };\n\n  /**\n   * Watches for changes to content in the default slot.\n   */\n  private _contentMutationObserver = new MutationObserver(\n    this._contentObserverCallback.bind(this)\n  );\n\n  /**\n   * Sets table of contents targets whenever any node tree mutation is observed.\n   */\n  private _contentObserverCallback() {\n    const shadowRoot = this.shadowRoot as ShadowRoot;\n    const allSlots = Array.from(\n      shadowRoot.querySelectorAll(`slot`)\n    ) as HTMLSlotElement[];\n    const allSlottedNodes = allSlots.flatMap((slot) => slot.assignedNodes());\n    this._setTargets(allSlottedNodes);\n  }\n\n  /**\n   * Sets targets used for generating the table of contents.\n   */\n  private _setTargets(nodes: Node[]) {\n    const { _tagNamesToAvoid: tagNamesToAvoid } = this;\n    const { selectorTarget } = this.constructor as typeof DDSTableOfContents;\n    this._targets = nodes.reduce((acc, node) => {\n      if (node instanceof HTMLElement) {\n        const descendants = node.querySelectorAll(\n          selectorTarget\n        ) as NodeListOf<HTMLElement>;\n        const elems = [node, ...descendants].filter((elem) => {\n          const notWhiteSpace = /[^\\s\\n\\r]/g;\n          const hasTitle =\n            elem.innerText.match(notWhiteSpace) ||\n            elem.dataset.title?.match(notWhiteSpace);\n          const hasNameAttr = elem.matches(selectorTarget);\n          const notExcluded = !tagNamesToAvoid.includes(\n            elem.tagName.toLowerCase()\n          );\n\n          return hasTitle && hasNameAttr && notExcluded;\n        });\n\n        acc.push(...(elems as HTMLElement[]));\n      }\n\n      return acc;\n    }, [] as HTMLElement[]);\n  }\n\n  /**\n   * Handles `slotchange` event on the default `<slot>`.\n   *\n   * @param event The event.\n   */\n  private _handleSlotChange(event: Event) {\n    // Handle changes to immediate slotted children.\n    const slottedElements = (event.target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((node) => node instanceof HTMLElement);\n    this._setTargets(slottedElements as HTMLElement[]);\n\n    // Handle changes to slotted contents' children.\n    this._contentMutationObserver.disconnect();\n    (event.target as HTMLSlotElement).assignedNodes().forEach((node) => {\n      if (node instanceof HTMLElement) {\n        this._contentMutationObserver.observe(node, {\n          subtree: true,\n          childList: true,\n          attributeFilter: ['name', 'data-title'],\n        });\n      }\n    });\n  }\n\n  /**\n   * Handles `slotchange` event on `<slot name=\"heading\">`.\n   */\n  private _handleSlotChangeHeading() {\n    this._hasHeading = Array.from(\n      this.querySelectorAll('[slot=\"heading\"]')\n    ).some(\n      (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n    );\n  }\n\n  /**\n   * Handles user-initiated jump to a hash.\n   *\n   * @param target The hash name.\n   */\n  private _handleUserInitiatedJump(target: string) {\n    const elem = this.querySelector(`[name=\"${target}\"]`);\n    const masthead: HTMLElement | null = this.ownerDocument.querySelector(\n      `${ddsPrefix}-masthead`\n    );\n    const mobilePadding =\n      window.innerWidth < gridLgBreakpoint\n        ? this._mobileContainerNode?.offsetHeight\n        : 0;\n\n    if (elem instanceof HTMLElement) {\n      const currentY = window.scrollY;\n      let targetY;\n\n      if (currentY > elem.offsetTop && masthead) {\n        targetY = elem.offsetTop - masthead.offsetHeight;\n      } else {\n        targetY = elem.offsetTop - mobilePadding!;\n      }\n\n      window.scrollTo(0, targetY);\n\n      elem.setAttribute('tabindex', '0');\n      (elem as HTMLElement).focus({ preventScroll: true });\n      elem.addEventListener(\n        'focusout',\n        ({ target: focusoutTarget }) => {\n          (focusoutTarget as HTMLElement)?.removeAttribute('tabindex');\n        },\n        {\n          once: true,\n        }\n      );\n    }\n  }\n\n  /**\n   * Cleans-up and creates the intersection observer for the scrolling container.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new intersection observer.\n   */\n  private _cleanAndCreateIntersectionObserverContainer({\n    create,\n  }: { create?: boolean } = {}) {\n    const {\n      _intersectionLeftSentinelNode: intersectionLeftSentinelNode,\n      _intersectionRightSentinelNode: intersectionRightSentinelNode,\n    } = this;\n    if (this._observerIntersection) {\n      this._observerIntersection.disconnect();\n      this._observerIntersection = null;\n    }\n    if (create) {\n      this._observerIntersection = new IntersectionObserver(\n        this._observeIntersectionContainer,\n        {\n          root: this._navBar,\n          threshold: 0,\n        }\n      );\n      if (intersectionLeftSentinelNode) {\n        this._observerIntersection.observe(intersectionLeftSentinelNode);\n      }\n      if (intersectionRightSentinelNode) {\n        this._observerIntersection.observe(intersectionRightSentinelNode);\n      }\n    }\n  }\n\n  /**\n   * The intersection observer callback for the scrolling container.\n   *\n   * @param records The intersection observer records.\n   */\n  private _observeIntersectionContainer = (records) => {\n    const {\n      _intersectionLeftSentinelNode: intersectionLeftSentinelNode,\n      _intersectionRightSentinelNode: intersectionRightSentinelNode,\n    } = this;\n    records.forEach(({ isIntersecting, target }) => {\n      if (target === intersectionLeftSentinelNode) {\n        this._isIntersectionLeftTrackerInContent = isIntersecting;\n      }\n      if (target === intersectionRightSentinelNode) {\n        this._isIntersectionRightTrackerInContent = isIntersecting;\n      }\n    });\n  };\n\n  /**\n   * Handles `click` event on the left-hand paginator button.\n   */\n  private _paginateLeft() {\n    const {\n      _currentScrollPosition: currentScrollPosition,\n      _navBar: navBar,\n      _itemNodes: itemNodes,\n      _pageIsRTL: pageIsRTL,\n    } = this;\n    // If the right-side intersection sentinel is in the view, it means that right-side caret button is hidden.\n    // Given scrolling to left makes it shown,\n    // `contentContainerNode!.offsetWidth` will shrink as we scroll and we need to adjust for it.\n    const elems = Array.prototype.slice.call(itemNodes);\n    if (elems) {\n      if (pageIsRTL) {\n        const interimLeft = navBar!.getBoundingClientRect().right;\n        const lastVisibleElementIndex = findLastIndex(\n          elems,\n          (elem) =>\n            elem.getBoundingClientRect().right > interimLeft - buttonWidthOffset\n        );\n        if (lastVisibleElementIndex >= 0) {\n          const lastVisibleElementRight =\n            elems[lastVisibleElementIndex].getBoundingClientRect().left;\n          // 48 = button width - button gradient\n          const newScrollPosition =\n            currentScrollPosition - lastVisibleElementRight + 48;\n          this._currentScrollPosition =\n            newScrollPosition <= 0 ? 0 : newScrollPosition;\n        }\n      } else {\n        const lastVisibleElementIndex = findLastIndex(\n          elems,\n          (elem) =>\n            elem.getBoundingClientRect().left <\n            buttonWidthOffset + navBar!.getBoundingClientRect().left\n        );\n        if (lastVisibleElementIndex >= 0) {\n          const lastVisibleElementRight =\n            elems[lastVisibleElementIndex].getBoundingClientRect().right;\n          const newScrollPosition =\n            lastVisibleElementRight +\n            currentScrollPosition -\n            navBar!.getBoundingClientRect().right +\n            buttonWidthOffset;\n          // If the new scroll position is less than the width of the left caret button,\n          // it means that hiding the left caret button reveals the whole of the left-most nav item.\n          // Snaps the left-most nav item to the left edge of nav container in this case.\n          this._currentScrollPosition =\n            newScrollPosition <= 0 ? 0 : newScrollPosition;\n        }\n      }\n    }\n  }\n\n  /**\n   * Handles `click` event on the right-hand paginator button.\n   */\n  private _paginateRight() {\n    const {\n      _navBar: navBar,\n      _contentNode: contentNode,\n      _currentScrollPosition: currentScrollPosition,\n      _itemNodes: itemNodes,\n      _pageIsRTL: pageIsRTL,\n    } = this;\n\n    const elems = Array.prototype.slice.call(itemNodes);\n    if (elems) {\n      if (pageIsRTL) {\n        const interimLeft = navBar!.getBoundingClientRect().left;\n        const firstVisibleElementIndex = elems.findIndex(\n          (elem) =>\n            elem.getBoundingClientRect().left < interimLeft + buttonWidthOffset\n        );\n        if (firstVisibleElementIndex > 0) {\n          const firstVisibleElementLeft = Math.abs(\n            elems[firstVisibleElementIndex].getBoundingClientRect().right +\n              buttonWidthOffset -\n              navBar!.getBoundingClientRect().right\n          );\n          const maxLeft = contentNode!.scrollWidth - navBar!.offsetWidth;\n          this._currentScrollPosition = Math.min(\n            firstVisibleElementLeft + currentScrollPosition,\n            maxLeft\n          );\n        }\n      } else {\n        const interimRight = navBar!.getBoundingClientRect().right;\n        const firstVisibleElementIndex = elems.findIndex(\n          (elem) =>\n            elem.getBoundingClientRect().right >\n            interimRight - buttonWidthOffset\n        );\n        if (firstVisibleElementIndex > 0) {\n          const firstVisibleElementLeft =\n            elems[firstVisibleElementIndex].getBoundingClientRect().left -\n            navBar!.getBoundingClientRect().left -\n            buttonWidthOffset;\n          // Ensures that is there is no blank area at the right hand side in scroll area\n          // if we see the right remainder nav items can be contained in a page\n          const maxLeft = contentNode!.scrollWidth - navBar!.offsetWidth;\n          this._currentScrollPosition = Math.min(\n            firstVisibleElementLeft + currentScrollPosition,\n            maxLeft\n          );\n        }\n      }\n    }\n  }\n\n  /**\n   * Handles resize of mobile container.\n   *\n   * @param records The resize records.\n   */\n  private _observeResizeMobileContainer = (records) => {\n    const entry = records[records.length - 1];\n    const { height } = entry.contentRect;\n    this._hasMobileContainerVisible = height > 0;\n  };\n\n  /**\n   * The current 0px offset from the top of page.\n   */\n  @property({ type: Number })\n  stickyOffset = 0;\n\n  /**\n   * The throttled scroll listener.\n   *\n   * @param event scroll handler\n   */\n  @HostListener('window:scroll')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleScroll = (event: Event) => {\n    this._throttleScroll!(event);\n  };\n\n  /**\n   * The trigger reharvest listener.\n   */\n  @HostListener(`document:${ddsPrefix}-table-of-contents-reharvest`)\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _retriggerHarvest = () => {\n    this._targets = Array.from(this.querySelectorAll('[name]'));\n  };\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._cleanAndCreateObserverResizeMobileContainer({ create: true });\n    this._cleanAndCreateIntersectionObserverContainer({ create: true });\n    if (!this._throttleScroll) {\n      this._throttleScroll = throttle(this._handleOnScroll, 250);\n      this._handleOnScroll();\n    }\n  }\n\n  disconnectedCallback() {\n    this._cleanAndCreateObserverResizeMobileContainer();\n    this._cleanAndCreateIntersectionObserverContainer();\n    this._contentMutationObserver.disconnect();\n    if (this._throttleScroll) {\n      this._throttleScroll.cancel();\n      this._throttleScroll = null;\n    }\n    super.disconnectedCallback();\n  }\n\n  firstUpdated() {\n    this._cleanAndCreateObserverResizeMobileContainer({ create: true });\n    this._cleanAndCreateIntersectionObserverContainer({ create: true });\n\n    StickyHeader.global.tableOfContents = this;\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('_currentTarget')) {\n      const {\n        _currentTarget: currentTarget,\n        _mobileSelectNode: mobileSelectNode,\n      } = this;\n      // Ensures setting the `value` after rendering child `<option>`s when there is a change in `value`,\n      // given reflecting `value` requires child `<option>`s being there beforehand\n      mobileSelectNode!.value = currentTarget?.getAttribute('name') ?? '';\n    }\n  }\n\n  render() {\n    const {\n      stickyOffset,\n      _currentTarget: currentTarget,\n      _currentScrollPosition: currentScrollPosition,\n      _hasHeading: hasHeading,\n      _hasMobileContainerVisible: hasMobileContainerVisible,\n      _isIntersectionLeftTrackerInContent: isIntersectionLeftTrackerInContent,\n      _isIntersectionRightTrackerInContent: isIntersectionRightTrackerInContent,\n      _targets: targets,\n      _handleChangeSelect: handleChangeSelect,\n      _handleClickItem: handleClickItem,\n      _handleOnKeyDown: handleOnKeyDown,\n      _handleSlotChange: handleSlotChange,\n      _handleSlotChangeHeading: handleSlotChangeHeading,\n      _paginateLeft: paginateLeft,\n      _paginateRight: paginateRight,\n      _pageIsRTL: pageIsRTL,\n    } = this;\n\n    const containerClasses = classMap({\n      [`${ddsPrefix}-ce--table-of-contents__container`]:\n        this.layout === TOC_TYPES.DEFAULT,\n      [`${ddsPrefix}-ce--table-of-contents-horizontal__container`]:\n        this.layout === TOC_TYPES.HORIZONTAL,\n    });\n\n    const navigationClasses = classMap({\n      [`${prefix}--tableofcontents__sidebar`]:\n        this.layout === TOC_TYPES.DEFAULT,\n      [`${prefix}--tableofcontents__navbar`]:\n        this.layout === TOC_TYPES.HORIZONTAL,\n    });\n\n    const caretLeftContainerClasses = classMap({\n      [`${prefix}--toc__navbar-caret-left-container`]: true,\n      [`${ddsPrefix}-ce--toc__navbar-caret-container--hidden`]:\n        isIntersectionLeftTrackerInContent,\n    });\n\n    const caretRightContainerClasses = classMap({\n      [`${prefix}--toc__navbar-caret-right-container`]: true,\n      [`${ddsPrefix}-ce--toc__navbar-caret-container--hidden`]:\n        isIntersectionRightTrackerInContent,\n    });\n\n    return html`\n      ${this.layout === 'horizontal'\n        ? html`\n            <ul class=\"${prefix}--toc__print-styles\">\n              ${targets.map((item) => {\n                const name = item.getAttribute('name');\n                const title = (\n                  item.dataset.title ??\n                  item.textContent ??\n                  ''\n                ).trim();\n                const selected = item === currentTarget;\n                const itemClasses = classMap({\n                  [`${prefix}--tableofcontents__desktop__item`]: true,\n                  [`${prefix}--tableofcontents__desktop__item--active`]:\n                    selected,\n                });\n                return html`\n                  <li\n                    class=\"${itemClasses}\"\n                    @click=\"${handleClickItem}\"\n                    @keydown=\"${handleOnKeyDown}\"\n                  >\n                    <a\n                      aria-current=\"${ifDefined(\n                        !selected ? undefined : 'location'\n                      )}\"\n                      data-target=\"${name!}\"\n                      href=\"#${name}\"\n                    >\n                      ${title}\n                    </a>\n                  </li>\n                `;\n              })}\n            </ul>\n          `\n        : ``}\n      <div class=\"${containerClasses}\">\n        <div\n          part=\"table\"\n          class=\"${navigationClasses}\"\n          style=\"top: ${this.layout === TOC_TYPES.HORIZONTAL && stickyOffset\n            ? `${stickyOffset}px`\n            : 0}\"\n        >\n          ${hasMobileContainerVisible\n            ? nothing\n            : html`\n                <div\n                  ?hidden=\"${!hasHeading}\"\n                  class=\"${prefix}--tableofcontents__desktop__children\"\n                >\n                  <slot\n                    name=\"heading\"\n                    @slotchange=\"${handleSlotChangeHeading}\"\n                  ></slot>\n                  <slot name=\"menu-rule\"></slot>\n                </div>\n              `}\n          <div class=\"${prefix}--tableofcontents__mobile-top\"></div>\n          ${this.layout === 'horizontal'\n            ? html`\n                ${pageIsRTL\n                  ? html`\n                      <div class=\"${caretRightContainerClasses}\">\n                        <div\n                          class=\"${prefix}--toc__navbar-caret-right-gradient\"\n                        ></div>\n                        <button\n                          part=\"next-button\"\n                          tabindex=\"-1\"\n                          aria-hidden=\"true\"\n                          class=\"${prefix}--toc__navbar-caret-right\"\n                          @click=\"${paginateRight}\"\n                        >\n                          ${CaretLeft20()}\n                        </button>\n                      </div>\n                    `\n                  : html`\n                      <div class=\"${caretLeftContainerClasses}\">\n                        <button\n                          part=\"prev-button\"\n                          tabindex=\"-1\"\n                          aria-hidden=\"true\"\n                          class=\"${prefix}--toc__navbar-caret-left\"\n                          @click=\"${paginateLeft}\"\n                        >\n                          ${CaretLeft20()}\n                        </button>\n                        <div\n                          class=\"${prefix}--toc__navbar-caret-left-gradient\"\n                        ></div>\n                      </div>\n                    `}\n              `\n            : ``}\n          <div\n            class=\"${ddsPrefix}-ce--table-of-contents__items-container\"\n            style=\"position: sticky; top: ${stickyOffset &&\n            this.layout !== TOC_TYPES.HORIZONTAL\n              ? `${stickyOffset}px`\n              : 0}\"\n          >\n            <div class=\"${prefix}--tableofcontents__desktop-container\">\n              <div\n                class=\"${prefix}--tableofcontents__desktop\"\n                style=\"${pageIsRTL\n                  ? 'right'\n                  : 'left'}: -${currentScrollPosition}px\"\n              >\n                ${pageIsRTL\n                  ? html` <div class=\"${prefix}--sub-content-right\"></div> `\n                  : html` <div class=\"${prefix}--sub-content-left\"></div> `}\n                <ul>\n                  ${targets.map((item) => {\n                    const name = item.getAttribute('name');\n                    const title = (\n                      item.dataset.title ??\n                      item.textContent ??\n                      ''\n                    ).trim();\n                    const selected = item === currentTarget;\n                    const itemClasses = classMap({\n                      [`${prefix}--tableofcontents__desktop__item`]: true,\n                      [`${prefix}--tableofcontents__desktop__item--active`]:\n                        selected,\n                    });\n                    return html`\n                      <li\n                        class=\"${itemClasses}\"\n                        @click=\"${handleClickItem}\"\n                        @keydown=\"${handleOnKeyDown}\"\n                      >\n                        <a\n                          aria-current=\"${ifDefined(\n                            !selected ? undefined : 'location'\n                          )}\"\n                          data-target=\"${name!}\"\n                          href=\"#${name}\"\n                        >\n                          ${title}\n                        </a>\n                      </li>\n                    `;\n                  })}\n                </ul>\n                ${pageIsRTL\n                  ? html` <div class=\"${prefix}--sub-content-left\"></div> `\n                  : html` <div class=\"${prefix}--sub-content-right\"></div> `}\n              </div>\n            </div>\n            <div class=\"${prefix}--tableofcontents__mobile\">\n              <div class=\"${prefix}--tableofcontents__mobile__select__wrapper\">\n                <select\n                  aria-label=\"${this.ariaLabelFormatter}\"\n                  class=\"${prefix}--tableofcontents__mobile__select\"\n                  @change=\"${handleChangeSelect}\"\n                >\n                  ${targets.map((item) => {\n                    const name = item.getAttribute('name');\n                    const title = (\n                      item.dataset.title ??\n                      item.textContent ??\n                      ''\n                    ).trim();\n                    return html`\n                      <option\n                        class=\"${prefix}--tableofcontents__mobile__select__option\"\n                        value=\"${name!}\"\n                      >\n                        ${title}\n                      </option>\n                    `;\n                  })}\n                </select>\n                ${TableOfContents20({\n                  class: `${prefix}--tableofcontents__mobile__select__icon`,\n                })}\n              </div>\n            </div>\n          </div>\n          ${this.layout === 'horizontal'\n            ? html`\n                ${pageIsRTL\n                  ? html`\n                      <div class=\"${caretLeftContainerClasses}\">\n                        <button\n                          part=\"prev-button\"\n                          tabindex=\"-1\"\n                          aria-hidden=\"true\"\n                          class=\"${prefix}--toc__navbar-caret-left\"\n                          @click=\"${paginateLeft}\"\n                        >\n                          ${CaretRight20()}\n                        </button>\n                        <div\n                          class=\"${prefix}--toc__navbar-caret-left-gradient\"\n                        ></div>\n                      </div>\n                    `\n                  : html`\n                      <div class=\"${caretRightContainerClasses}\">\n                        <div\n                          class=\"${prefix}--toc__navbar-caret-right-gradient\"\n                        ></div>\n                        <button\n                          part=\"next-button\"\n                          tabindex=\"-1\"\n                          aria-hidden=\"true\"\n                          class=\"${prefix}--toc__navbar-caret-right\"\n                          @click=\"${paginateRight}\"\n                        >\n                          ${CaretRight20()}\n                        </button>\n                      </div>\n                    `}\n              `\n            : ``}\n        </div>\n        <div class=\"${prefix}--tableofcontents__content\">\n          <div class=\"${prefix}--tableofcontents__content-wrapper\">\n            ${!hasMobileContainerVisible\n              ? undefined\n              : html`\n                  <div\n                    ?hidden=\"${!hasHeading}\"\n                    class=\"${prefix}--tableofcontents__children__mobile\"\n                  >\n                    <slot\n                      name=\"heading\"\n                      @slotchange=\"${handleSlotChangeHeading}\"\n                    ></slot>\n                  </div>\n                `}\n            <slot @slotchange=\"${handleSlotChange}\"></slot>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * The selector that selects the desktop link items.\n   */\n  static get selectorDesktopItem() {\n    return `.${prefix}--tableofcontents__desktop__item a`;\n  }\n\n  /**\n   * The selector that determines where to harvest the table of contents from.\n   */\n  static selectorTarget = '[name]';\n\n  static get stableSelector() {\n    return `${ddsPrefix}--table-of-contents`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSTableOfContents;\n"]}

package/es/components/table-of-contents/table-of-contents.js

@@ -32,13 +32,13 @@ import { nothing } from 'lit-html';
 import { classMap } from 'lit-html/directives/class-map.js';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
 import { html, property, state, query, queryAll, customElement, LitElement } from 'lit-element';
-import CaretLeft20 from '@carbon/carbon-web-components/es/icons/caret--left/20.js';
-import CaretRight20 from '@carbon/carbon-web-components/es/icons/caret--right/20.js';
+import CaretLeft20 from '@carbon/web-components/es/icons/caret--left/20.js';
+import CaretRight20 from '@carbon/web-components/es/icons/caret--right/20.js';
 import settings from 'carbon-components/es/globals/js/settings.js';
 import { baseFontSize, breakpoints } from '@carbon/layout';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';
-import TableOfContents20 from '@carbon/carbon-web-components/es/icons/table-of-contents/20.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
+import TableOfContents20 from '@carbon/web-components/es/icons/table-of-contents/20.js';
 import throttle from 'lodash-es/throttle.js';
 import StickyHeader from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/StickyHeader/StickyHeader.js";
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";