{"version":3,"sources":["webpack:///./src/components/AnchorLinkComponent.vue?3498","webpack:///./src/components/AnchorLinkComponent.vue?1943","webpack:///src/components/AnchorLinkComponent.vue","webpack:///./src/components/AnchorLinkComponent.vue?7020","webpack:///./src/components/AnchorLinkComponent.vue?be61"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","anchorLinks","_l","link","key","id","attrs","_v","_s","text","_e","staticRenderFns","name","props","heading","type","String","required","data","mounted","createAnchorLinks","$nextTick","links","forEach","addEventListener","anchorLinkContent","isDesktop","scrollPosition","anchorLinkContentTop","classList","add","style","left","width","maxWidth","remove","events","window","event","adjustAnchorLinkContent","beforeDestroy","removeEventListener","methods","Array","from","headings","map","headingId","headingCounter","textContent","innerText","scrollToAnchor","e","preventDefault","destination","scrollTo","top","offsetTop","behavior","component"],"mappings":"wHAAA,W,gECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAAEN,EAAIO,YAAkB,OAAEH,EAAG,KAAKJ,EAAIQ,GAAIR,EAAe,aAAE,SAASS,GAAM,OAAOL,EAAG,KAAK,CAACM,IAAID,EAAKE,IAAI,CAACP,EAAG,IAAI,CAACQ,MAAM,CAAC,KAAQ,IAAOH,EAAO,KAAK,CAACT,EAAIa,GAAGb,EAAIc,GAAGL,EAAKM,cAAa,GAAGf,EAAIgB,QACnUC,EAAkB,GCUtB,G,sEAAA,CACEC,KAAM,sBACNC,MAAO,CACLC,QAAS,CACPC,KAAMC,OACNC,UAAU,IAGdC,KARF,WASI,MAAO,CACLjB,YAAa,KAGjBkB,QAbF,WAaA,WACIxB,KAAKyB,oBACLzB,KAAK0B,WAAU,WACb,IAAN,yCACMC,EAAMC,SAAQ,SAApB,GACQpB,EAAKqB,iBAAiB,QAAS,EAAvC,sBAGI,IAAJ,aACM,IAAN,iDACM,GAAKC,EAAL,CAEA,IAAN,oBACA,kBACA,iBAEM,GAAIC,GAAaC,EAAiBC,EAAsB,CACtD,IAAR,kBACA,6BACA,gBAEQH,EAAkBI,UAAUC,IAAI,SAChCL,EAAkBM,MAAMC,KAAO,GAAvC,eACQP,EAAkBM,MAAME,MAAQ,GAAxC,qCACQR,EAAkBM,MAAMG,SAAW,aAEnCT,EAAkBI,UAAUM,OAAO,SACnCV,EAAkBM,MAAMC,KAAO,GAC/BP,EAAkBM,MAAMG,SAAW,GACnCT,EAAkBM,MAAME,MAAQ,KAIxC,sBACIG,EAAOb,SAAQ,SAAnB,GACMc,OAAOb,iBAAiBc,EAAOC,OAGnCC,cAnDF,WAmDA,WACA,4CACIlB,EAAMC,SAAQ,SAAlB,GACMpB,EAAKsC,oBAAoB,QAAS,EAAxC,mBAEI,IAAJ,sBACIL,EAAOb,SAAQ,SAAnB,GACMc,OAAOI,oBAAoBH,EAAO,EAAxC,6BAGEI,QAAS,CACPtB,kBADJ,WAEM,IAAN,yCACA,4BACA,YAAQ,OAAR,kBAAQ,MAAR,4CAEA,IACMzB,KAAKM,YAAc0C,MAAMC,KAAKC,GAAUC,KAAI,SAAlD,GACQ,IAAR,uBAGQ,OAFAhC,EAAQT,GAAK0C,EACbC,IACO,CACL3C,GAAIS,EAAQT,GACZI,KAAMK,EAAQmC,aAAenC,EAAQoC,eAI3CC,eAjBJ,SAiBA,GACMC,EAAEC,iBAEF,IAAN,gCACA,4BAEM,GAAIC,EAAa,CACf,IAAR,iBAEQjB,OAAOkB,SAAS,CACdC,IAAKC,EACLC,SAAU,gBCpGyU,I,wBCQzVC,EAAY,eACd,EACAlE,EACAkB,GACA,EACA,KACA,KACA,MAIa,aAAAgD,E","file":"js/component-anchorlink.5107e691.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AnchorLinkComponent.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"anchor-link-content\"},[(_vm.anchorLinks.length)?_c('ul',_vm._l((_vm.anchorLinks),function(link){return _c('li',{key:link.id},[_c('a',{attrs:{\"href\":(\"#\" + (link.id))}},[_vm._v(_vm._s(link.text))])])}),0):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"anchor-link-content\">\r\n    <ul v-if=\"anchorLinks.length\">\r\n      <li v-for=\"link in anchorLinks\" :key=\"link.id\">\r\n        <a :href=\"`#${link.id}`\">{{ link.text }}</a>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'AnchorLinkComponent',\r\n  props: {\r\n    heading: {\r\n      type: String,\r\n      required: true\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      anchorLinks: []\r\n    }\r\n  },\r\n  mounted () {\r\n    this.createAnchorLinks()\r\n    this.$nextTick(() => {\r\n      const links = this.$el.querySelectorAll('a[href^=\"#\"]')\r\n      links.forEach(link => {\r\n        link.addEventListener('click', this.scrollToAnchor)\r\n      })\r\n    })\r\n    const adjustAnchorLinkContent = () => {\r\n      const anchorLinkContent = document.querySelector('.anchor-link-content')\r\n      if (!anchorLinkContent) return\r\n\r\n      const isDesktop = this.$root.isDesktop\r\n      const anchorLinkContentTop = anchorLinkContent.offsetTop + 118\r\n      const scrollPosition = window.scrollY\r\n\r\n      if (isDesktop && scrollPosition > anchorLinkContentTop) {\r\n        const parentElement = anchorLinkContent.parentElement\r\n        const offsetLeft = parentElement.offsetLeft + parentElement.offsetWidth\r\n        const width = parentElement.clientWidth\r\n\r\n        anchorLinkContent.classList.add('affix')\r\n        anchorLinkContent.style.left = `${offsetLeft}px`\r\n        anchorLinkContent.style.width = `${(window.innerWidth - width) / 2}px`\r\n        anchorLinkContent.style.maxWidth = 'unset'\r\n      } else {\r\n        anchorLinkContent.classList.remove('affix')\r\n        anchorLinkContent.style.left = ''\r\n        anchorLinkContent.style.maxWidth = ''\r\n        anchorLinkContent.style.width = ''\r\n      }\r\n    }\r\n\r\n    const events = ['resize', 'scroll']\r\n    events.forEach(event => {\r\n      window.addEventListener(event, adjustAnchorLinkContent)\r\n    })\r\n  },\r\n  beforeDestroy () {\r\n    const links = this.$el.querySelectorAll('a[href^=\"#\"]')\r\n    links.forEach(link => {\r\n      link.removeEventListener('click', this.scrollToAnchor)\r\n    })\r\n    const events = ['resize', 'scroll']\r\n    events.forEach(event => {\r\n      window.removeEventListener(event, this.adjustAnchorLinkContent)\r\n    })\r\n  },\r\n  methods: {\r\n    createAnchorLinks () {\r\n      const maxHeadingLevel = parseInt(this.heading.replace('H', ''))\r\n      const headings = document.querySelectorAll(\r\n        Array.from({ length: maxHeadingLevel }, (v, i) => `main article h${i + 1}`).join(', ')\r\n      )\r\n      let headingCounter = 1\r\n      this.anchorLinks = Array.from(headings).map(heading => {\r\n        const headingId = `heading-${headingCounter}`\r\n        heading.id = headingId\r\n        headingCounter++\r\n        return {\r\n          id: heading.id,\r\n          text: heading.textContent || heading.innerText\r\n        }\r\n      })\r\n    },\r\n    scrollToAnchor (e) {\r\n      e.preventDefault()\r\n\r\n      const destId = e.target.getAttribute('href')\r\n      const destination = document.querySelector(destId)\r\n\r\n      if (destination) {\r\n        const offsetTop = destination.offsetTop + 32\r\n\r\n        window.scrollTo({\r\n          top: offsetTop,\r\n          behavior: 'smooth'\r\n        })\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\">\r\n\r\n.anchor-link-content {\r\n  &.affix{\r\n    position:fixed;\r\n    left:unset;\r\n    top:118px;\r\n  }\r\n  position:absolute;\r\n  top:0;\r\n  left:100%;\r\n  max-width: calc((100vw - 100%) / 2);\r\n  width: 100%;\r\n  padding: 32px 10px 0 10px;\r\n\r\n  ul{\r\n    list-style-type: none;\r\n    border-left: 4px solid $primary;\r\n    li{\r\n      a{\r\n        text-decoration: none;\r\n      }\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1200px) {\r\n    position: static;\r\n    left: auto;\r\n    right: 10px;\r\n    max-width: 100%;\r\n    padding: 0;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    position: static;\r\n    max-width: 100%;\r\n    padding: 0;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AnchorLinkComponent.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AnchorLinkComponent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AnchorLinkComponent.vue?vue&type=template&id=56dcfc60&\"\nimport script from \"./AnchorLinkComponent.vue?vue&type=script&lang=js&\"\nexport * from \"./AnchorLinkComponent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AnchorLinkComponent.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}