{"version":3,"file":"DitDVXGN.js","sources":["../../../../components/ad-hocs/PageSidebar.vue"],"sourcesContent":["<template>\n  <div ref=\"sidebar\" class=\"container page-sidebar\" :style=\"`top: ${stickyTop}px;`\">\n    <div ref=\"sidebarWrapper\" class=\"page-sidebar__wrapper\">\n      <slot name=\"content\" />\n    </div>\n    <div v-if=\"tableOfContent\" class=\"page-sidebar__toc\">\n      <h3 class=\"page-sidebar__table-of-contents-header\"> On This Page </h3>\n      <div class=\"page-sidebar__table-of-contents\">\n        <div class=\"page-sidebar__table-of-contents__line\" />\n        <div class=\"row\">\n          <div class=\"col-lg\">\n            <span\n              :class=\"{\n                'page-sidebar__table-of-contents__indicator': true,\n                active: tableOfContentsActiveId == pageStore.pageId\n              }\"\n            />\n            <span\n              :class=\"{\n                'page-sidebar__table-of-contents__label': true,\n                active: tableOfContentsActiveId == pageStore.pageId\n              }\"\n              @click=\"scrollToElementById(pageStore.pageId, headerHeight)\"\n            >\n              {{ tableOfContentFirstItemLabel ?? 'Overview' }}\n            </span>\n          </div>\n        </div>\n        <div v-for=\"item of tableOfContents\" :key=\"item?.system.id\" class=\"row\">\n          <div class=\"col-lg\">\n            <span\n              :class=\"{\n                'page-sidebar__table-of-contents__indicator': true,\n                active: tableOfContentsActiveId == item?.system.id\n              }\"\n            />\n            <span\n              :class=\"{\n                'page-sidebar__table-of-contents__label': true,\n                active: tableOfContentsActiveId == item?.system.id\n              }\"\n              @click=\"scrollToContent(item?.system.id)\"\n            >\n              {{ item.elements.tableOfContentLinksMenuTitle.value }}\n            </span>\n          </div>\n        </div>\n      </div>\n      <div class=\"divider\" />\n    </div>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { useCssVar, useEventListener } from '@vueuse/core'\nimport findLast from 'lodash/findLast'\nimport debounce from 'lodash/debounce'\nimport { contentTypes, type TableOfContentLinks } from '~/models'\nimport { useInsightModalStore } from '~/stores/modals/insight-modal'\n\nconst props = defineProps<{\n  tableOfContent?: boolean\n  tableOfContentFirstItemLabel?: string\n  headerSubNavigation?: boolean\n}>()\n\nconst pageStore = usePageStore()\nconst sidebar = ref<HTMLElement | null>(null)\nconst sidebarWrapper = ref<HTMLElement | null>(null)\nconst headerHeight = parseFloat(useCssVar('--height-header').value)\nconst { scrollToElementById } = useSmoothScroll()\nconst tableOfContents = ref<TableOfContentLinks[]>([])\nconst tableOfContentsActiveId = ref<string>('')\nconst tableOfContentsSource = pageStore.getTableOfContents()\nconst insightModalStore = useInsightModalStore()\n\nconst stickyTop = ref(0)\nconst updateStickyTop = () => {\n  if (sidebarWrapper.value) {\n    const headerHeight =\n      document.getElementById('global-header')?.getBoundingClientRect()?.height ?? 0\n    const sidebarWrapperPaddingTop =\n      parseFloat(\n        window\n          .getComputedStyle(sidebarWrapper.value.parentElement as HTMLElement)\n          .getPropertyValue('padding-top')\n      ) || 0\n    const sidebarWrapperHeight =\n      sidebarWrapper.value.getBoundingClientRect().height + sidebarWrapperPaddingTop\n    stickyTop.value = headerHeight - sidebarWrapperHeight\n  }\n}\n\nconst filterTableOfContent = () => {\n  const page = document.getElementById(pageStore.pageId)\n  tableOfContentsActiveId.value = page?.id ?? ''\n  const tableOfContentsElements = tableOfContentsSource\n    .filter((item) => item.elements.tableOfContentLinksMenuTitle.value.length > 0)\n    .map((item) => document.getElementById(item?.system.id))\n    .filter((item) => item != null)\n  tableOfContents.value = tableOfContentsSource.filter((item) =>\n    tableOfContentsElements.map((i) => i.id).includes(item?.system.id)\n  )\n\n  removeInsightsFromTableOfContents()\n\n  function removeInsightsFromTableOfContents() {\n    if (insightModalStore.items.length === 0) {\n      tableOfContents.value = tableOfContents.value.filter(\n        (t) => t.system.type !== contentTypes.insight_list_page.codename\n      )\n    }\n  }\n}\n\nconst reorderTableOfContents = () => {\n  const tableOfContentsElements = tableOfContents.value\n    .map((item) => document.getElementById(item?.system.id))\n    .filter((item) => item != null)\n  const itemsWithPositions = tableOfContentsElements\n    .map((element) => {\n      if (element) {\n        return {\n          item: tableOfContents.value.find((item) => item?.system.id === element.id),\n          position: element.getBoundingClientRect().top\n        }\n      }\n      return null\n    })\n    .filter((item) => item !== null) as { item: any; position: number }[]\n  itemsWithPositions.sort((a, b) => a.position - b.position)\n  tableOfContents.value = itemsWithPositions.map((item) => item.item)\n  const lastElementTopOutOfViewport = findLast(tableOfContents.value, (e) => {\n    const content = document\n      .getElementById(e?.system.id)\n      ?.querySelector('.container, .container-fluid')\n    if (!content) return false\n    const computedStyle = getComputedStyle(content)\n    const paddingTop = computedStyle.getPropertyValue('padding-top')\n    const offset = parseFloat(paddingTop) * 2\n    return content.getBoundingClientRect().top - (offset + 220) < 0\n  })\n  tableOfContentsActiveId.value = lastElementTopOutOfViewport\n    ? lastElementTopOutOfViewport?.system.id\n    : pageStore.pageId\n}\n\nconst scrollToContent = (id: string) => {\n  const content = document.getElementById(id)?.querySelector('.container, .container-fluid')\n  if (!content) return\n  const computedStyle = getComputedStyle(content)\n  const paddingTop = computedStyle.getPropertyValue('padding-top')\n  const offset = parseFloat(paddingTop) * 2\n  scrollToElementById(id, offset + 100)\n}\n\nconst updateSidebar = () => {\n  updateStickyTop()\n  debounce(\n    () => {\n      filterTableOfContent()\n      reorderTableOfContents()\n    },\n    200,\n    { leading: true }\n  )()\n}\n\nonMounted(() => {\n  nextTick(() => {\n    updateSidebar()\n    useEventListener(window, 'scroll', updateSidebar)\n  })\n})\n</script>\n"],"names":["pageStore","usePageStore","sidebar","ref","sidebarWrapper","headerHeight","useCssVar","scrollToElementById","useSmoothScroll","tableOfContents","tableOfContentsActiveId","tableOfContentsSource","insightModalStore","useInsightModalStore","stickyTop","updateStickyTop","_b","_a","sidebarWrapperPaddingTop","sidebarWrapperHeight","filterTableOfContent","page","tableOfContentsElements","item","i","removeInsightsFromTableOfContents","t","contentTypes","reorderTableOfContents","itemsWithPositions","element","a","b","lastElementTopOutOfViewport","findLast","content","paddingTop","offset","scrollToContent","id","updateSidebar","debounce","onMounted","nextTick","useEventListener"],"mappings":"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"}