@ukic/canary-web-components 3.0.0-canary.33 → 3.0.0-canary.35

package/dist/cjs/ic-table-of-contents.cjs.entry.js

@@ -3,7 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d337cd8a.js');
+require('./ic-typography-a199c128.js');
 const helpers = require('./helpers-f81fed28.js');
+require('./ic-tooltip-3cc80832.js');
+require('./ic-section-container-128e2db0.js');
+require('./ic-top-navigation-a6c4be7b.js');
+require('./ic-navigation-item-59bd8957.js');
+require('./ic-page-header-3d8b3a59.js');
+require('./ic-button-4c329a7d.js');
+require('./ic-link-c77848ab.js');
+require('./helpers-cb472df9.js');
+require('./popper-16968c2e.js');
+require('./OpenInNew-add95b7b.js');
 
 const ItemHook = () => {
     // adds offset to the item based on its variant
@@ -346,10 +357,10 @@ const TableOfContents = class {
     // Component is a wrapper for page contents, and will build list from heading items
     render() {
         const { heading, monochrome, position, size, theme } = this;
-        return (index.h(index.Host, { key: 'b92dba4d29b176dc877963ce0c3113568007847d', class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, index.h("ic-section-container", { key: '86e9740eecc52ca907e39d7c3daf5ebc506b6c3b', class: TOC_CONTAINER_CLASS, aligned: "full-width" }, index.h("div", { key: '8a4cceab420909f0030c262839b4f6c2bbedf297', role: "navigation", class: `${TOC_CONTENT_CLASS} ${position === "top" && "table-of-contents-position-top"}
-            ${position === "right" && "table-of-contents-position-side"}` }, index.h("ic-typography", { key: 'd9dac6d2e62f2aadd177833418e85cb89ab2dade', class: `table-of-contents-heading ${size}`, variant: "subtitle-large" }, heading), index.h("div", { key: 'c88968311486981bde1093930757ea264d2bd919', class: "table-of-contents-list" }, index.h("div", { key: '0b8e21d4f1c8b8a4f4f4f91c8c3ae9ba859b9b5b', class: `table-of-contents-sidebar ${monochrome && `table-of-contents-sidebar-monochrome`}
+        return (index.h(index.Host, { key: '5d1f4ba671cf901f6e6f72f7df98fefacc7c3db4', class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, index.h("ic-section-container", { key: '7d3a5007e4d0ba8fc144cc2d9e14ef89f01178be', class: TOC_CONTAINER_CLASS, aligned: "full-width" }, index.h("div", { key: '69edf4c87059ba61776b685cd2bfd2b9f60f7b84', role: "navigation", class: `${TOC_CONTENT_CLASS} ${position === "top" && "table-of-contents-position-top"}
+            ${position === "right" && "table-of-contents-position-side"}` }, index.h("ic-typography", { key: '4cb13c2d6ca0001d4797c31e1f71e39da9033ecf', class: `table-of-contents-heading ${size}`, variant: "subtitle-large" }, heading), index.h("div", { key: '1fcef1b52f25439c8d822cd33a0f5c33796088ee', class: "table-of-contents-list" }, index.h("div", { key: 'd070ed88664bce7838ef688387805e3433520b96', class: `table-of-contents-sidebar ${monochrome && `table-of-contents-sidebar-monochrome`}
                 ${size}
-                ` }), index.h("ol", { key: 'dc2216ce8e94c17ab0b2fe0b5644086eb90c4fd0', class: TOC_LIST_ITEMS_CLASS }, this.generateHeadingTree().map((item) => this.renderTocTree(item))))), index.h("slot", { key: 'e0a992d1de985fbe672aa7a33ed54efb5ec5de43' }))));
+                ` }), index.h("ol", { key: '6623a7c7088786666e038697bcad5a06e6ec403a', class: TOC_LIST_ITEMS_CLASS }, this.generateHeadingTree().map((item) => this.renderTocTree(item))))), index.h("slot", { key: 'a34737b2579a7c02507719d3348a2cfa6857ed1c' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ic-table-of-contents.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"ic-table-of-contents.entry.cjs.js","mappings":"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","names":["h","DEVICE_SIZES","Host"],"sources":["src/components/ic-table-of-contents/ic-table-of-contents-item.tsx","src/components/ic-table-of-contents/ic-table-of-contents.css?tag=ic-table-of-contents&encapsulation=shadow","src/components/ic-table-of-contents/ic-table-of-contents.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\n\ninterface IcTableOfContentsItemElement {\n  id: string;\n  className: string;\n  label: string;\n  target: string;\n  variant: string;\n  selected: number;\n  position: number;\n  size?: string;\n  truncate?: boolean;\n  updateSelected: (position: number) => void;\n  setItemLevelOffset: (variant: string) => string;\n}\n\ninterface TOCItemProps {\n  id: string;\n  className: string;\n  variant: string;\n  label: string;\n  target: string;\n  selected: number;\n  position: number;\n  size?: string;\n  truncate?: boolean;\n  updateSelected: (position: number) => void;\n}\n\nconst ItemHook = () => {\n  // adds offset to the item based on its variant\n  // e.g. h2 = 4 + (8*(2-2)) = 4px\n  // h3 = 4 + (8*(3-2)) = 12px\n  const setItemLevelOffset = (variant: string): string => {\n    return `${4 + 8 * (parseInt(variant.split(\"\")[1]) - 2)}px`;\n  };\n\n  return { setItemLevelOffset };\n};\n\nconst ItemComponent: FunctionalComponent<IcTableOfContentsItemElement> = (\n  itemProps\n) => {\n  const {\n    id,\n    className,\n    label,\n    target,\n    selected,\n    truncate,\n    variant,\n    position,\n    size,\n    updateSelected,\n    setItemLevelOffset,\n  } = itemProps;\n\n  return (\n    <a\n      id={id}\n      onClick={() => updateSelected(position)}\n      class={`${selected && \"table-of-contents-item-content-selected\"}\n        ${\n          size === \"large\"\n            ? `table-of-contents-item-content-large`\n            : `table-of-contents-item-content-default`\n        }\n        ${className}\n       `}\n      href={`#${target}`}\n    >\n      <ic-typography\n        id={`${id}-label`}\n        bold={selected === position}\n        class={`${truncate && \"truncated-item-text\"}  ${\n          size && `table-of-contents-item-content-${size}`\n        }\n          table-of-contents-item-label\n          `}\n        style={{\n          paddingLeft: setItemLevelOffset(variant),\n        }}\n      >\n        {label}\n      </ic-typography>\n    </a>\n  );\n};\n\nexport const TableOfContentsItem = (props: TOCItemProps) => {\n  const innerProps = ItemHook();\n  return <ItemComponent {...props} {...innerProps} />;\n};\n",":host {\n  display: block;\n  border: none;\n  max-height: 100vh;\n}\n\n.table-of-contents-section-container {\n  display: flex;\n}\n\n.table-of-contents-content {\n  top: 0;\n  left: 0;\n  padding: 0 var(--ic-space-md);\n  font: var(--ic-color-text-primary);\n  max-height: 100vh;\n  z-index: 1;\n}\n\n:host .table-of-contents-position-top {\n  min-width: 10rem;\n  max-width: 50rem;\n}\n\n:host .table-of-contents-position-side {\n  min-width: 8rem;\n  max-width: 20rem;\n  width: 20rem;\n  position: sticky;\n}\n\n.table-of-contents-list {\n  display: flex;\n  flex-direction: row;\n  max-width: inherit;\n}\n\n:host ol {\n  list-style: none;\n  margin-block-start: 0;\n  padding-inline-start: 0;\n}\n\n.table-of-contents-list-items {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.table-of-contents-sidebar {\n  background-color: var(--ic-table-of-contents-banner);\n  height: 1.75rem;\n  min-width: 0.25rem;\n}\n\n.table-of-contents-sidebar-monochrome {\n  background-color: var(--ic-table-of-contents-banner-monochrome);\n}\n\n.table-of-contents-item {\n  min-height: 1.5rem;\n  line-height: 1.5rem;\n}\n\n.table-of-contents-item-content:hover {\n  background-color: var(--ic-table-of-contents-hover);\n}\n\n.table-of-contents-item-monochrome-content:hover {\n  background-color: var(--ic-table-of-contents-hover-monochrome);\n}\n\n.table-of-contents-item-content {\n  border: none;\n  max-width: inherit;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  position: relative;\n  color: var(--ic-table-of-contents-text);\n  min-height: 1.5rem;\n\n  --ic-typography-color: var(--ic-table-of-contents-text);\n}\n\n.table-of-contents-item-content-default {\n  padding-top: var(--ic-space-xxxs);\n  padding-bottom: var(--ic-space-xxxs);\n}\n\n.table-of-contents-item-content:focus {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  transition: var(--ic-transition-duration-fast);\n  outline: none;\n  background-color: var(--ic-table-of-contents-hover);\n}\n\n.table-of-contents-item-content:active {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  transition: var(--ic-transition-duration-fast);\n  outline: none;\n  background-color: var(--ic-table-of-contents-pressed);\n}\n\n.truncated-item-text {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* Large styles */\n\n.table-of-contents-item-content-large {\n  padding-top: var(--ic-space-xxs);\n  padding-bottom: var(--ic-space-xxs);\n}\n\n.table-of-contents-sidebar.large {\n  height: 2.5rem;\n}\n\n.table-of-contents-heading.large {\n  padding-bottom: var(--ic-space-xs);\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .table-of-contents-sidebar {\n    transition: all 0.3s ease;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  /* limit sidebar scroll animation */\n  .table-of-contents-sidebar {\n    transition: none;\n  }\n}\n\n@media (forced-colors: active) {\n  .table-of-contents-sidebar {\n    background-color: Highlight;\n  }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from \"@stencil/core\";\nimport { IcPositionTopOrRight, IcSizes, IcThemeMode } from \"../../utils/types\";\nimport { TableOfContentsItem } from \"./ic-table-of-contents-item\";\nimport { DEVICE_SIZES } from \"../../utils/helpers\";\n\nconst TOC_CONTENT_CLASS = \"table-of-contents-content\";\nconst TOC_LIST_ITEMS_CLASS = \"table-of-contents-list-items\";\nconst TOC_ITEM_CLASS = \"table-of-contents-item-content\";\nconst TOC_CONTAINER_CLASS = \"table-of-contents-section-container\";\n\ninterface RankedElement extends Element {\n  rank: string;\n  textLabel: string;\n  treeChildren: RankedElement[];\n  trueIndex: number;\n}\n\n@Component({\n  tag: \"ic-table-of-contents\",\n  styleUrl: \"ic-table-of-contents.css\",\n  shadow: true,\n})\nexport class TableOfContents {\n  @Element() el: HTMLIcTableOfContentsElement;\n\n  /**\n   * Heading text of the table of contents.\n   */\n  @Prop() heading: string = \"Contents\";\n\n  /**\n   * Maximum heading level of child content that will generate an item in the table of contents. E.g. when set to '3', headings of <h4> and <h5> will not appear.\n   */\n  @Prop() maximumHeadingLevel: number = 3;\n\n  /**\n   * If `true`, the table of contents will display as black in the light theme, and white in dark theme.\n   */\n  @Prop() monochrome?: boolean = false;\n\n  /**\n   * Whether the table of contents will appear on the right of or above child content on large viewport widths.\n   */\n  @Prop({ mutable: true }) position: IcPositionTopOrRight = \"right\";\n\n  /**\n   * Vertical offset to page scroll (in percent) when table of contents item is selected, to account for other page components like headers.\n   */\n  @Prop() setScrollHeight: number = 50;\n\n  /**\n   * The size of the table of contents items.\n   */\n  @Prop() size: IcSizes = \"medium\";\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  /**\n   * If `true`, the table of contents item label will be truncated.\n   */\n  @Prop() truncate: boolean = true;\n\n  @State() focusedElement: number = 0;\n\n  // heading items\n  private referenceElements: HTMLElement[] = [];\n\n  // heights of heading items\n  private currentTargetHeights: number[] = [];\n\n  private resizeObserver: ResizeObserver;\n  // header height if present\n  private headerHeight: number = 0;\n  // holds initial position to allow for responsive changes\n  private initialPosition: IcPositionTopOrRight = this.position;\n\n  // suppress scroll listener to allow for click selection without scroll listener firing\n  @State() suppressListener: boolean = false;\n\n  @Watch(\"suppressListener\")\n  suppressListenerHandler(): void {\n    window.scrollTo(0, window.scrollY - this.headerHeight - 50);\n  }\n\n  /**\n   * Generate a TOC Item.\n   * These items are wrapped in empty tooltips that will be populated by addTooltip()\n   * @param tocHeading heading element to refer item information from\n   * @param children\n   * @returns TocItem ready to be rendered, with nested children if applicable\n   */\n  private createTocItem = (\n    tocHeading: RankedElement,\n    children?: HTMLElement[]\n  ): HTMLElement => {\n    const tocId = `toc_${tocHeading.id}`;\n\n    const tocItem = (\n      <TableOfContentsItem\n        id={tocId}\n        className={TOC_ITEM_CLASS}\n        variant={tocHeading.tagName.toLowerCase()}\n        label={tocHeading.textLabel}\n        target={tocHeading.id}\n        truncate={this.truncate}\n        selected={this.focusedElement}\n        updateSelected={this.updateOnSelection}\n        position={tocHeading.trueIndex}\n        size={this.size}\n      />\n    );\n\n    const wrappedToc = this.truncate ? (\n      <ic-tooltip target={tocId} label={tocHeading.innerHTML}>\n        {tocItem}\n      </ic-tooltip>\n    ) : (\n      tocItem\n    );\n    return (\n      <li\n        class={`table-of-contents-item  ${\n          this.monochrome && \"table-of-contents-item-monochrome\"\n        }`}\n      >\n        {wrappedToc}\n        {children ? <ol>{children}</ol> : null}\n      </li>\n    );\n  };\n\n  /**\n   * Render TocItems and recursively render children items if they exist\n   * @param listItem\n   * @returns HTML Element array to be rendered\n   */\n  private renderTocTree = (listItem: RankedElement): HTMLElement => {\n    let results;\n    if (listItem.treeChildren.length > 0) {\n      const children = listItem.treeChildren.map((i) => this.renderTocTree(i));\n      results = this.createTocItem(listItem, children);\n    } else {\n      results = this.createTocItem(listItem);\n    }\n    return results;\n  };\n\n  /**\n   * Scrape for heading elements on the page content within TOC, down to the maximumHeadingLevel.\n   * From this, generate an array of Elements with lower rank headings inserted as treeChildren on top level headings.\n   * @returns RankedElement[] array of HTML elements with additional props for rank, trueIndex and treeChildren array\n   */\n  private generateHeadingTree(): RankedElement[] {\n    const resultArray: RankedElement[] = [];\n\n    const headingDepth =\n      this.maximumHeadingLevel < 5\n        ? [\"h2\", \"h3\", \"h4\", \"h5\"]\n            .slice(\n              0,\n              (this.maximumHeadingLevel < 2 ? 2 : this.maximumHeadingLevel) - 1\n            )\n            .join(\",\")\n        : \"h2, h3, h4, h5\";\n    const headingList = this.el.querySelectorAll(headingDepth);\n\n    if (headingList) {\n      const headingArray = Array.from(headingList) as RankedElement[];\n      headingArray.forEach((item, index) => {\n        this.referenceElements.push(item as unknown as HTMLElement);\n        item.trueIndex = index;\n        item.rank = item.tagName.toLowerCase().slice(1, 2);\n        item.textLabel = item.textContent\n          ? item.textContent.trimStart().split(\"\\n\")[0]\n          : `${item.rank}-${index}`;\n        item.treeChildren = [];\n      });\n\n      let currentRank = headingArray[0]?.rank || 2;\n\n      headingArray.reverse().forEach((h, i) => {\n        if (!h.id) {\n          h.setAttribute(\"id\", h.textLabel.replace(/\\s+/g, \"-\").toLowerCase());\n        }\n        if (h.rank > currentRank && h.trueIndex > 0) {\n          if (headingArray[i] && headingArray[i].rank < h.rank) {\n            headingArray[i].treeChildren.unshift(h);\n          } else {\n            resultArray.push(h);\n          }\n        } else {\n          currentRank = h.rank;\n          resultArray.push(h);\n        }\n      });\n    }\n    return resultArray.reverse();\n  }\n\n  //container orientation logic\n  private containerPosition(): void {\n    if (this.position) {\n      const container = this.el.shadowRoot?.querySelector(\n        `.${TOC_CONTAINER_CLASS}`\n      ) as HTMLIcSectionContainerElement;\n      switch (this.position) {\n        case \"right\":\n          container.style.flexDirection = \"row-reverse\";\n          break;\n        case \"top\":\n          container.style.flexDirection = \"column\";\n          break;\n      }\n    }\n  }\n\n  /**\n   * Move the sidebar to the provided position on the page.\n   * Also, resize the sidebar to stretch the height of the selected heading.\n   * @param newPosition\n   */\n  private sidebarTranslation(newPosition: number): void {\n    const sidebar = this.el.shadowRoot?.querySelector(\n      \".table-of-contents-sidebar\"\n    ) as HTMLIcSectionContainerElement;\n\n    const itemHeights: number[] = [];\n    let previousItemsHeight = 0;\n    this.el.shadowRoot\n      ?.querySelectorAll(`.${TOC_ITEM_CLASS}`)\n      ?.forEach((item: any) => {\n        if (item !== null) itemHeights.push(item.offsetHeight);\n      });\n    itemHeights\n      .slice(0, newPosition)\n      .forEach((i) => (previousItemsHeight += i));\n\n    sidebar.style.transform = `translateY(${previousItemsHeight}px)`;\n    sidebar.style.height = `${itemHeights[newPosition]}px`;\n  }\n\n  // list item clicked logic\n  private updateOnSelection = (position: number) => {\n    this.suppressListener = true;\n    this.focusedElement = position;\n    this.sidebarTranslation(this.focusedElement);\n  };\n\n  // find element heights to be used to determine focused item from scroll position\n  private findElementsHeights() {\n    const contentBounds: number[] = [];\n    this.referenceElements.forEach((element) => {\n      contentBounds.push(element.getBoundingClientRect().top);\n    });\n    this.currentTargetHeights = contentBounds;\n  }\n\n  //resize window logic\n  private handleResizeBounds() {\n    if (window.innerWidth < DEVICE_SIZES.XL && this.initialPosition !== \"top\") {\n      this.position = \"top\";\n      this.containerPosition();\n    } else if (\n      window.innerWidth > DEVICE_SIZES.XL &&\n      this.position === \"top\" &&\n      this.initialPosition === \"right\"\n    ) {\n      this.position = \"right\";\n      this.containerPosition();\n    }\n    this.findElementsHeights();\n    this.truncateText();\n  }\n\n  // scroll logic\n  private updateSelectedItemFromScroll() {\n    const targetHeight =\n      window.scrollY + window.innerHeight * (this.setScrollHeight / 100);\n    if (window.scrollY === 0) {\n      this.focusedElement = 0;\n      this.sidebarTranslation(this.focusedElement);\n    } else if (targetHeight < this.currentTargetHeights[this.focusedElement]) {\n      const previousItems = this.currentTargetHeights.slice(\n        0,\n        this.focusedElement\n      );\n      const closestItem = previousItems.reduce((newValue, curr, index) => {\n        if (\n          Math.abs(curr - targetHeight) <\n          Math.abs(previousItems[newValue] - targetHeight)\n        )\n          return index;\n        return newValue;\n      }, 0);\n      this.focusedElement = closestItem;\n      this.sidebarTranslation(this.focusedElement);\n    } else if (\n      targetHeight > this.currentTargetHeights[this.focusedElement] &&\n      this.focusedElement !== this.currentTargetHeights.length\n    ) {\n      const relevantItems = this.currentTargetHeights.slice(\n        this.focusedElement\n      );\n\n      const closestItem = relevantItems.reduce((newValue, curr, index) => {\n        if (\n          Math.abs(curr - targetHeight) <\n            Math.abs(relevantItems[newValue] - targetHeight) &&\n          curr < targetHeight\n        )\n          return index;\n        return newValue;\n      }, 0);\n      if (closestItem + this.focusedElement !== this.focusedElement) {\n        this.focusedElement += closestItem;\n        this.sidebarTranslation(this.focusedElement);\n      }\n    }\n  }\n\n  // find header element height\n  private findHeaderElement(): number {\n    const element = document.querySelector(\"ic-page-header\");\n    if (element) {\n      return element.clientHeight;\n    }\n    const header = document.querySelector(\"header\");\n    if (header) {\n      return header.clientHeight;\n    }\n    return 0;\n  }\n\n  // add margin to the list based off the header element height\n  private addListMargin(): void {\n    const content = this.el.shadowRoot?.querySelector(\n      `.${TOC_CONTENT_CLASS}`\n    ) as HTMLDivElement;\n    content?.style.setProperty(\"top\", `${this.headerHeight}px`);\n  }\n\n  // add tooltip to the item if it is too wide\n  private addTooltip(item: any, widthBreakpoint: number) {\n    const itemLabel = item.querySelector(\".table-of-contents-item-label\");\n    if (item.parentNode?.tagName == \"IC-TOOLTIP\") {\n      const tooltip = item.parentNode;\n      if (itemLabel?.offsetWidth < itemLabel?.scrollWidth) {\n        const tooltipPosition =\n          window.innerWidth < widthBreakpoint\n            ? \"bottom\"\n            : this.position === \"right\"\n            ? \"left\"\n            : \"right\";\n        //Modify the ic-tooltip wrapped around the list item\n        tooltip.setAttribute(\"disable-click\", false);\n        tooltip.setAttribute(\"disable-hover\", false);\n        tooltip.setAttribute(\"placement\", tooltipPosition);\n        tooltip.setAttribute(\"target\", item.id);\n        tooltip.setAttribute(\"style\", \"overflow:hidden\");\n      } else {\n        //disable the tooltip if the item does not need to truncate\n        tooltip.setAttribute(\"disable-click\", true);\n        tooltip.setAttribute(\"disable-hover\", true);\n      }\n    }\n  }\n\n  // truncate text if it goes out of bounds of the container\n  private truncateText = () => {\n    const links = this.el.shadowRoot?.querySelectorAll(`.${TOC_ITEM_CLASS}`);\n    const contentList = this.el.shadowRoot?.querySelector(\n      `.${TOC_LIST_ITEMS_CLASS}`\n    );\n    if (contentList)\n      links?.forEach((item) => {\n        this.addTooltip(item, DEVICE_SIZES.S);\n      });\n  };\n\n  // initialise resize observer\n  componentWillLoad(): void {\n    this.resizeObserver = new ResizeObserver(() => this.handleResizeBounds());\n    this.resizeObserver.observe(this.el);\n  }\n\n  // initialise scroll listener\n  componentDidRender(): void {\n    document.addEventListener(\"scroll\", () => {\n      if (!this.suppressListener) this.updateSelectedItemFromScroll();\n      else this.suppressListener = false;\n    });\n    this.containerPosition();\n    this.findElementsHeights();\n    this.sidebarTranslation(this.focusedElement);\n  }\n\n  // after component has loaded modify the list based of position, size and surrounding elements\n  async componentDidLoad(): Promise<void> {\n    this.focusedElement = 0;\n    this.headerHeight = this.findHeaderElement();\n    this.addListMargin();\n    this.truncateText();\n    this.findElementsHeights();\n    this.sidebarTranslation(this.focusedElement);\n  }\n\n  // Component is a wrapper for page contents, and will build list from heading items\n  render() {\n    const { heading, monochrome, position, size, theme } = this;\n    return (\n      <Host class={{ [`ic-theme-${theme}`]: theme !== \"inherit\" }}>\n        <ic-section-container class={TOC_CONTAINER_CLASS} aligned=\"full-width\">\n          <div\n            role=\"navigation\"\n            class={`${TOC_CONTENT_CLASS} ${\n              position === \"top\" && \"table-of-contents-position-top\"\n            }\n            ${position === \"right\" && \"table-of-contents-position-side\"}`}\n          >\n            <ic-typography\n              class={`table-of-contents-heading ${size}`}\n              variant=\"subtitle-large\"\n            >\n              {heading}\n            </ic-typography>\n            <div class=\"table-of-contents-list\">\n              <div\n                class={`table-of-contents-sidebar ${\n                  monochrome && `table-of-contents-sidebar-monochrome`\n                }\n                ${size}\n                `}\n              />\n              <ol class={TOC_LIST_ITEMS_CLASS}>\n                {this.generateHeadingTree().map((item) =>\n                  this.renderTocTree(item)\n                )}\n              </ol>\n            </div>\n          </div>\n          <slot></slot>\n        </ic-section-container>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"ic-table-of-contents.entry.cjs.js","mappings":"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","names":["h","DEVICE_SIZES","Host"],"sources":["src/components/ic-table-of-contents/ic-table-of-contents-item.tsx","src/components/ic-table-of-contents/ic-table-of-contents.css?tag=ic-table-of-contents&encapsulation=shadow","src/components/ic-table-of-contents/ic-table-of-contents.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\nimport \"../../../../web-components/src/components/ic-typography/ic-typography\";\n\ninterface IcTableOfContentsItemElement {\n  id: string;\n  className: string;\n  label: string;\n  target: string;\n  variant: string;\n  selected: number;\n  position: number;\n  size?: string;\n  truncate?: boolean;\n  updateSelected: (position: number) => void;\n  setItemLevelOffset: (variant: string) => string;\n}\n\ninterface TOCItemProps {\n  id: string;\n  className: string;\n  variant: string;\n  label: string;\n  target: string;\n  selected: number;\n  position: number;\n  size?: string;\n  truncate?: boolean;\n  updateSelected: (position: number) => void;\n}\n\nconst ItemHook = () => {\n  // adds offset to the item based on its variant\n  // e.g. h2 = 4 + (8*(2-2)) = 4px\n  // h3 = 4 + (8*(3-2)) = 12px\n  const setItemLevelOffset = (variant: string): string => {\n    return `${4 + 8 * (parseInt(variant.split(\"\")[1]) - 2)}px`;\n  };\n\n  return { setItemLevelOffset };\n};\n\nconst ItemComponent: FunctionalComponent<IcTableOfContentsItemElement> = (\n  itemProps\n) => {\n  const {\n    id,\n    className,\n    label,\n    target,\n    selected,\n    truncate,\n    variant,\n    position,\n    size,\n    updateSelected,\n    setItemLevelOffset,\n  } = itemProps;\n\n  return (\n    <a\n      id={id}\n      onClick={() => updateSelected(position)}\n      class={`${selected && \"table-of-contents-item-content-selected\"}\n        ${\n          size === \"large\"\n            ? `table-of-contents-item-content-large`\n            : `table-of-contents-item-content-default`\n        }\n        ${className}\n       `}\n      href={`#${target}`}\n    >\n      <ic-typography\n        id={`${id}-label`}\n        bold={selected === position}\n        class={`${truncate && \"truncated-item-text\"}  ${\n          size && `table-of-contents-item-content-${size}`\n        }\n          table-of-contents-item-label\n          `}\n        style={{\n          paddingLeft: setItemLevelOffset(variant),\n        }}\n      >\n        {label}\n      </ic-typography>\n    </a>\n  );\n};\n\nexport const TableOfContentsItem = (props: TOCItemProps) => {\n  const innerProps = ItemHook();\n  return <ItemComponent {...props} {...innerProps} />;\n};\n",":host {\n  display: block;\n  border: none;\n  max-height: 100vh;\n}\n\n.table-of-contents-section-container {\n  display: flex;\n}\n\n.table-of-contents-content {\n  top: 0;\n  left: 0;\n  padding: 0 var(--ic-space-md);\n  font: var(--ic-color-text-primary);\n  max-height: 100vh;\n  z-index: 1;\n}\n\n:host .table-of-contents-position-top {\n  min-width: 10rem;\n  max-width: 50rem;\n}\n\n:host .table-of-contents-position-side {\n  min-width: 8rem;\n  max-width: 20rem;\n  width: 20rem;\n  position: sticky;\n}\n\n.table-of-contents-list {\n  display: flex;\n  flex-direction: row;\n  max-width: inherit;\n}\n\n:host ol {\n  list-style: none;\n  margin-block-start: 0;\n  padding-inline-start: 0;\n}\n\n.table-of-contents-list-items {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.table-of-contents-sidebar {\n  background-color: var(--ic-table-of-contents-banner);\n  height: 1.75rem;\n  min-width: 0.25rem;\n}\n\n.table-of-contents-sidebar-monochrome {\n  background-color: var(--ic-table-of-contents-banner-monochrome);\n}\n\n.table-of-contents-item {\n  min-height: 1.5rem;\n  line-height: 1.5rem;\n}\n\n.table-of-contents-item-content:hover {\n  background-color: var(--ic-table-of-contents-hover);\n}\n\n.table-of-contents-item-monochrome-content:hover {\n  background-color: var(--ic-table-of-contents-hover-monochrome);\n}\n\n.table-of-contents-item-content {\n  border: none;\n  max-width: inherit;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  position: relative;\n  color: var(--ic-table-of-contents-text);\n  min-height: 1.5rem;\n\n  --ic-typography-color: var(--ic-table-of-contents-text);\n}\n\n.table-of-contents-item-content-default {\n  padding-top: var(--ic-space-xxxs);\n  padding-bottom: var(--ic-space-xxxs);\n}\n\n.table-of-contents-item-content:focus {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  transition: var(--ic-transition-duration-fast);\n  outline: none;\n  background-color: var(--ic-table-of-contents-hover);\n}\n\n.table-of-contents-item-content:active {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  transition: var(--ic-transition-duration-fast);\n  outline: none;\n  background-color: var(--ic-table-of-contents-pressed);\n}\n\n.truncated-item-text {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* Large styles */\n\n.table-of-contents-item-content-large {\n  padding-top: var(--ic-space-xxs);\n  padding-bottom: var(--ic-space-xxs);\n}\n\n.table-of-contents-sidebar.large {\n  height: 2.5rem;\n}\n\n.table-of-contents-heading.large {\n  padding-bottom: var(--ic-space-xs);\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .table-of-contents-sidebar {\n    transition: all 0.3s ease;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  /* limit sidebar scroll animation */\n  .table-of-contents-sidebar {\n    transition: none;\n  }\n}\n\n@media (forced-colors: active) {\n  .table-of-contents-sidebar {\n    background-color: Highlight;\n  }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from \"@stencil/core\";\nimport { IcPositionTopOrRight, IcSizes, IcThemeMode } from \"../../utils/types\";\nimport { TableOfContentsItem } from \"./ic-table-of-contents-item\";\nimport { DEVICE_SIZES } from \"../../utils/helpers\";\n\nimport \"../../../../web-components/src/components/ic-tooltip/ic-tooltip\";\nimport \"../../../../web-components/src/components/ic-section-container/ic-section-container\";\nimport \"../../../../web-components/src/components/ic-typography/ic-typography\";\nimport \"../../../../web-components/src/components/ic-top-navigation/ic-top-navigation\";\nimport \"../../../../web-components/src/components/ic-navigation-item/ic-navigation-item\";\nimport \"../../../../web-components/src/components/ic-page-header/ic-page-header\";\nimport \"../../../../web-components/src/components/ic-button/ic-button\";\nimport \"../../../../web-components/src/components/ic-link/ic-link\";\nimport \"../../../../web-components/src/components/ic-theme/ic-theme\";\n\nconst TOC_CONTENT_CLASS = \"table-of-contents-content\";\nconst TOC_LIST_ITEMS_CLASS = \"table-of-contents-list-items\";\nconst TOC_ITEM_CLASS = \"table-of-contents-item-content\";\nconst TOC_CONTAINER_CLASS = \"table-of-contents-section-container\";\n\ninterface RankedElement extends Element {\n  rank: string;\n  textLabel: string;\n  treeChildren: RankedElement[];\n  trueIndex: number;\n}\n\n@Component({\n  tag: \"ic-table-of-contents\",\n  styleUrl: \"ic-table-of-contents.css\",\n  shadow: true,\n})\nexport class TableOfContents {\n  @Element() el: HTMLIcTableOfContentsElement;\n\n  /**\n   * Heading text of the table of contents.\n   */\n  @Prop() heading: string = \"Contents\";\n\n  /**\n   * Maximum heading level of child content that will generate an item in the table of contents. E.g. when set to '3', headings of <h4> and <h5> will not appear.\n   */\n  @Prop() maximumHeadingLevel: number = 3;\n\n  /**\n   * If `true`, the table of contents will display as black in the light theme, and white in dark theme.\n   */\n  @Prop() monochrome?: boolean = false;\n\n  /**\n   * Whether the table of contents will appear on the right of or above child content on large viewport widths.\n   */\n  @Prop({ mutable: true }) position: IcPositionTopOrRight = \"right\";\n\n  /**\n   * Vertical offset to page scroll (in percent) when table of contents item is selected, to account for other page components like headers.\n   */\n  @Prop() setScrollHeight: number = 50;\n\n  /**\n   * The size of the table of contents items.\n   */\n  @Prop() size: IcSizes = \"medium\";\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  /**\n   * If `true`, the table of contents item label will be truncated.\n   */\n  @Prop() truncate: boolean = true;\n\n  @State() focusedElement: number = 0;\n\n  // heading items\n  private referenceElements: HTMLElement[] = [];\n\n  // heights of heading items\n  private currentTargetHeights: number[] = [];\n\n  private resizeObserver: ResizeObserver;\n  // header height if present\n  private headerHeight: number = 0;\n  // holds initial position to allow for responsive changes\n  private initialPosition: IcPositionTopOrRight = this.position;\n\n  // suppress scroll listener to allow for click selection without scroll listener firing\n  @State() suppressListener: boolean = false;\n\n  @Watch(\"suppressListener\")\n  suppressListenerHandler(): void {\n    window.scrollTo(0, window.scrollY - this.headerHeight - 50);\n  }\n\n  /**\n   * Generate a TOC Item.\n   * These items are wrapped in empty tooltips that will be populated by addTooltip()\n   * @param tocHeading heading element to refer item information from\n   * @param children\n   * @returns TocItem ready to be rendered, with nested children if applicable\n   */\n  private createTocItem = (\n    tocHeading: RankedElement,\n    children?: HTMLElement[]\n  ): HTMLElement => {\n    const tocId = `toc_${tocHeading.id}`;\n\n    const tocItem = (\n      <TableOfContentsItem\n        id={tocId}\n        className={TOC_ITEM_CLASS}\n        variant={tocHeading.tagName.toLowerCase()}\n        label={tocHeading.textLabel}\n        target={tocHeading.id}\n        truncate={this.truncate}\n        selected={this.focusedElement}\n        updateSelected={this.updateOnSelection}\n        position={tocHeading.trueIndex}\n        size={this.size}\n      />\n    );\n\n    const wrappedToc = this.truncate ? (\n      <ic-tooltip target={tocId} label={tocHeading.innerHTML}>\n        {tocItem}\n      </ic-tooltip>\n    ) : (\n      tocItem\n    );\n    return (\n      <li\n        class={`table-of-contents-item  ${\n          this.monochrome && \"table-of-contents-item-monochrome\"\n        }`}\n      >\n        {wrappedToc}\n        {children ? <ol>{children}</ol> : null}\n      </li>\n    );\n  };\n\n  /**\n   * Render TocItems and recursively render children items if they exist\n   * @param listItem\n   * @returns HTML Element array to be rendered\n   */\n  private renderTocTree = (listItem: RankedElement): HTMLElement => {\n    let results;\n    if (listItem.treeChildren.length > 0) {\n      const children = listItem.treeChildren.map((i) => this.renderTocTree(i));\n      results = this.createTocItem(listItem, children);\n    } else {\n      results = this.createTocItem(listItem);\n    }\n    return results;\n  };\n\n  /**\n   * Scrape for heading elements on the page content within TOC, down to the maximumHeadingLevel.\n   * From this, generate an array of Elements with lower rank headings inserted as treeChildren on top level headings.\n   * @returns RankedElement[] array of HTML elements with additional props for rank, trueIndex and treeChildren array\n   */\n  private generateHeadingTree(): RankedElement[] {\n    const resultArray: RankedElement[] = [];\n\n    const headingDepth =\n      this.maximumHeadingLevel < 5\n        ? [\"h2\", \"h3\", \"h4\", \"h5\"]\n            .slice(\n              0,\n              (this.maximumHeadingLevel < 2 ? 2 : this.maximumHeadingLevel) - 1\n            )\n            .join(\",\")\n        : \"h2, h3, h4, h5\";\n    const headingList = this.el.querySelectorAll(headingDepth);\n\n    if (headingList) {\n      const headingArray = Array.from(headingList) as RankedElement[];\n      headingArray.forEach((item, index) => {\n        this.referenceElements.push(item as unknown as HTMLElement);\n        item.trueIndex = index;\n        item.rank = item.tagName.toLowerCase().slice(1, 2);\n        item.textLabel = item.textContent\n          ? item.textContent.trimStart().split(\"\\n\")[0]\n          : `${item.rank}-${index}`;\n        item.treeChildren = [];\n      });\n\n      let currentRank = headingArray[0]?.rank || 2;\n\n      headingArray.reverse().forEach((h, i) => {\n        if (!h.id) {\n          h.setAttribute(\"id\", h.textLabel.replace(/\\s+/g, \"-\").toLowerCase());\n        }\n        if (h.rank > currentRank && h.trueIndex > 0) {\n          if (headingArray[i] && headingArray[i].rank < h.rank) {\n            headingArray[i].treeChildren.unshift(h);\n          } else {\n            resultArray.push(h);\n          }\n        } else {\n          currentRank = h.rank;\n          resultArray.push(h);\n        }\n      });\n    }\n    return resultArray.reverse();\n  }\n\n  //container orientation logic\n  private containerPosition(): void {\n    if (this.position) {\n      const container = this.el.shadowRoot?.querySelector(\n        `.${TOC_CONTAINER_CLASS}`\n      ) as HTMLIcSectionContainerElement;\n      switch (this.position) {\n        case \"right\":\n          container.style.flexDirection = \"row-reverse\";\n          break;\n        case \"top\":\n          container.style.flexDirection = \"column\";\n          break;\n      }\n    }\n  }\n\n  /**\n   * Move the sidebar to the provided position on the page.\n   * Also, resize the sidebar to stretch the height of the selected heading.\n   * @param newPosition\n   */\n  private sidebarTranslation(newPosition: number): void {\n    const sidebar = this.el.shadowRoot?.querySelector(\n      \".table-of-contents-sidebar\"\n    ) as HTMLIcSectionContainerElement;\n\n    const itemHeights: number[] = [];\n    let previousItemsHeight = 0;\n    this.el.shadowRoot\n      ?.querySelectorAll(`.${TOC_ITEM_CLASS}`)\n      ?.forEach((item: any) => {\n        if (item !== null) itemHeights.push(item.offsetHeight);\n      });\n    itemHeights\n      .slice(0, newPosition)\n      .forEach((i) => (previousItemsHeight += i));\n\n    sidebar.style.transform = `translateY(${previousItemsHeight}px)`;\n    sidebar.style.height = `${itemHeights[newPosition]}px`;\n  }\n\n  // list item clicked logic\n  private updateOnSelection = (position: number) => {\n    this.suppressListener = true;\n    this.focusedElement = position;\n    this.sidebarTranslation(this.focusedElement);\n  };\n\n  // find element heights to be used to determine focused item from scroll position\n  private findElementsHeights() {\n    const contentBounds: number[] = [];\n    this.referenceElements.forEach((element) => {\n      contentBounds.push(element.getBoundingClientRect().top);\n    });\n    this.currentTargetHeights = contentBounds;\n  }\n\n  //resize window logic\n  private handleResizeBounds() {\n    if (window.innerWidth < DEVICE_SIZES.XL && this.initialPosition !== \"top\") {\n      this.position = \"top\";\n      this.containerPosition();\n    } else if (\n      window.innerWidth > DEVICE_SIZES.XL &&\n      this.position === \"top\" &&\n      this.initialPosition === \"right\"\n    ) {\n      this.position = \"right\";\n      this.containerPosition();\n    }\n    this.findElementsHeights();\n    this.truncateText();\n  }\n\n  // scroll logic\n  private updateSelectedItemFromScroll() {\n    const targetHeight =\n      window.scrollY + window.innerHeight * (this.setScrollHeight / 100);\n    if (window.scrollY === 0) {\n      this.focusedElement = 0;\n      this.sidebarTranslation(this.focusedElement);\n    } else if (targetHeight < this.currentTargetHeights[this.focusedElement]) {\n      const previousItems = this.currentTargetHeights.slice(\n        0,\n        this.focusedElement\n      );\n      const closestItem = previousItems.reduce((newValue, curr, index) => {\n        if (\n          Math.abs(curr - targetHeight) <\n          Math.abs(previousItems[newValue] - targetHeight)\n        )\n          return index;\n        return newValue;\n      }, 0);\n      this.focusedElement = closestItem;\n      this.sidebarTranslation(this.focusedElement);\n    } else if (\n      targetHeight > this.currentTargetHeights[this.focusedElement] &&\n      this.focusedElement !== this.currentTargetHeights.length\n    ) {\n      const relevantItems = this.currentTargetHeights.slice(\n        this.focusedElement\n      );\n\n      const closestItem = relevantItems.reduce((newValue, curr, index) => {\n        if (\n          Math.abs(curr - targetHeight) <\n            Math.abs(relevantItems[newValue] - targetHeight) &&\n          curr < targetHeight\n        )\n          return index;\n        return newValue;\n      }, 0);\n      if (closestItem + this.focusedElement !== this.focusedElement) {\n        this.focusedElement += closestItem;\n        this.sidebarTranslation(this.focusedElement);\n      }\n    }\n  }\n\n  // find header element height\n  private findHeaderElement(): number {\n    const element = document.querySelector(\"ic-page-header\");\n    if (element) {\n      return element.clientHeight;\n    }\n    const header = document.querySelector(\"header\");\n    if (header) {\n      return header.clientHeight;\n    }\n    return 0;\n  }\n\n  // add margin to the list based off the header element height\n  private addListMargin(): void {\n    const content = this.el.shadowRoot?.querySelector(\n      `.${TOC_CONTENT_CLASS}`\n    ) as HTMLDivElement;\n    content?.style.setProperty(\"top\", `${this.headerHeight}px`);\n  }\n\n  // add tooltip to the item if it is too wide\n  private addTooltip(item: any, widthBreakpoint: number) {\n    const itemLabel = item.querySelector(\".table-of-contents-item-label\");\n    if (item.parentNode?.tagName == \"IC-TOOLTIP\") {\n      const tooltip = item.parentNode;\n      if (itemLabel?.offsetWidth < itemLabel?.scrollWidth) {\n        const tooltipPosition =\n          window.innerWidth < widthBreakpoint\n            ? \"bottom\"\n            : this.position === \"right\"\n            ? \"left\"\n            : \"right\";\n        //Modify the ic-tooltip wrapped around the list item\n        tooltip.setAttribute(\"disable-click\", false);\n        tooltip.setAttribute(\"disable-hover\", false);\n        tooltip.setAttribute(\"placement\", tooltipPosition);\n        tooltip.setAttribute(\"target\", item.id);\n        tooltip.setAttribute(\"style\", \"overflow:hidden\");\n      } else {\n        //disable the tooltip if the item does not need to truncate\n        tooltip.setAttribute(\"disable-click\", true);\n        tooltip.setAttribute(\"disable-hover\", true);\n      }\n    }\n  }\n\n  // truncate text if it goes out of bounds of the container\n  private truncateText = () => {\n    const links = this.el.shadowRoot?.querySelectorAll(`.${TOC_ITEM_CLASS}`);\n    const contentList = this.el.shadowRoot?.querySelector(\n      `.${TOC_LIST_ITEMS_CLASS}`\n    );\n    if (contentList)\n      links?.forEach((item) => {\n        this.addTooltip(item, DEVICE_SIZES.S);\n      });\n  };\n\n  // initialise resize observer\n  componentWillLoad(): void {\n    this.resizeObserver = new ResizeObserver(() => this.handleResizeBounds());\n    this.resizeObserver.observe(this.el);\n  }\n\n  // initialise scroll listener\n  componentDidRender(): void {\n    document.addEventListener(\"scroll\", () => {\n      if (!this.suppressListener) this.updateSelectedItemFromScroll();\n      else this.suppressListener = false;\n    });\n    this.containerPosition();\n    this.findElementsHeights();\n    this.sidebarTranslation(this.focusedElement);\n  }\n\n  // after component has loaded modify the list based of position, size and surrounding elements\n  async componentDidLoad(): Promise<void> {\n    this.focusedElement = 0;\n    this.headerHeight = this.findHeaderElement();\n    this.addListMargin();\n    this.truncateText();\n    this.findElementsHeights();\n    this.sidebarTranslation(this.focusedElement);\n  }\n\n  // Component is a wrapper for page contents, and will build list from heading items\n  render() {\n    const { heading, monochrome, position, size, theme } = this;\n    return (\n      <Host class={{ [`ic-theme-${theme}`]: theme !== \"inherit\" }}>\n        <ic-section-container class={TOC_CONTAINER_CLASS} aligned=\"full-width\">\n          <div\n            role=\"navigation\"\n            class={`${TOC_CONTENT_CLASS} ${\n              position === \"top\" && \"table-of-contents-position-top\"\n            }\n            ${position === \"right\" && \"table-of-contents-position-side\"}`}\n          >\n            <ic-typography\n              class={`table-of-contents-heading ${size}`}\n              variant=\"subtitle-large\"\n            >\n              {heading}\n            </ic-typography>\n            <div class=\"table-of-contents-list\">\n              <div\n                class={`table-of-contents-sidebar ${\n                  monochrome && `table-of-contents-sidebar-monochrome`\n                }\n                ${size}\n                `}\n              />\n              <ol class={TOC_LIST_ITEMS_CLASS}>\n                {this.generateHeadingTree().map((item) =>\n                  this.renderTocTree(item)\n                )}\n              </ol>\n            </div>\n          </div>\n          <slot></slot>\n        </ic-section-container>\n      </Host>\n    );\n  }\n}\n"],"version":3}