{"version":3,"file":"RenderlessTableOfContents-IZiVzFYl.js","sources":["../../../app/frontend/components/renderlessComponents/RenderlessTableOfContents.vue"],"sourcesContent":["<script>\nimport { smoothScroller } from '../../mixins/smoothScroller';\n\nexport default {\n  name: 'RenderlessTableOfContents',\n  mixins: [smoothScroller],\n  props: {\n    initialRawData: {\n      type: String,\n      default: null,\n    },\n  },\n  data () {\n    return {\n      headerLinks: JSON.parse(this.initialRawData),\n      currentSection: null,\n    };\n  },\n  mounted () {\n    window.addEventListener('scroll', this.currentSectionInViewport);\n    // We append to the DOM the external Embedly library that is needed to\n    // display embeded external contents added in the text contents with\n    // Contentful web interface, following their documentation:\n    // https://www.contentful.com/help/markdown/#embed-media-content-with-embedly\n    // https://docs.embed.ly/v1.0/docs/platformjs\n    const embedlyUrl = '//cdn.embedly.com/widgets/platform.js';\n    if ([...document.getElementsByTagName('script')].find((s) => s.src.includes(embedlyUrl))) return;\n\n    const externalScript = document.createElement('script');\n    externalScript.setAttribute('async', '');\n    externalScript.setAttribute('src', embedlyUrl);\n    externalScript.setAttribute('charset', 'UTF-8');\n    document.head.appendChild(externalScript);\n  },\n  beforeDestroy () {\n    window.removeEventListener('scroll', this.currentSectionInViewport);\n  },\n  methods: {\n    currentSectionInViewport () {\n      this.headerLinks.forEach((link) => {\n        const section = document.getElementById(link.id);\n        const sectionPosition = section.getBoundingClientRect().top;\n        if (sectionPosition > 0 && sectionPosition < 150) {\n          this.currentSection = link.id;\n        }\n      });\n    },\n    isCurrentSection (id) {\n      return (this.currentSection === id);\n    },\n    scrollToSection ($event, id) {\n      $event.preventDefault($event);\n      const section = document.getElementById(id);\n      const navbarOffset = 110;\n\n      this.smoothScrollToElement(section, navbarOffset);\n    },\n  },\n  render () {\n    return this.$scopedSlots.default({\n      isCurrentSection: this.isCurrentSection,\n      scrollToSection: this.scrollToSection,\n    });\n  },\n};\n</script>\n"],"names":["_sfc_main","smoothScroller","embedlyUrl","s","externalScript","link","sectionPosition","id","$event","section"],"mappings":"oIAGA,MAAAA,EAAA,CACA,KAAA,4BACA,OAAA,CAAAC,CAAA,EACA,MAAA,CACA,eAAA,CACA,KAAA,OACA,QAAA,IACA,CACA,EACA,MAAA,CACA,MAAA,CACA,YAAA,KAAA,MAAA,KAAA,cAAA,EACA,eAAA,IACA,CACA,EACA,SAAA,CACA,OAAA,iBAAA,SAAA,KAAA,wBAAA,EAMA,MAAAC,EAAA,wCACA,GAAA,CAAA,GAAA,SAAA,qBAAA,QAAA,CAAA,EAAA,KAAAC,GAAAA,EAAA,IAAA,SAAAD,CAAA,CAAA,EAAA,OAEA,MAAAE,EAAA,SAAA,cAAA,QAAA,EACAA,EAAA,aAAA,QAAA,EAAA,EACAA,EAAA,aAAA,MAAAF,CAAA,EACAE,EAAA,aAAA,UAAA,OAAA,EACA,SAAA,KAAA,YAAAA,CAAA,CACA,EACA,eAAA,CACA,OAAA,oBAAA,SAAA,KAAA,wBAAA,CACA,EACA,QAAA,CACA,0BAAA,CACA,KAAA,YAAA,QAAAC,GAAA,CAEA,MAAAC,EADA,SAAA,eAAAD,EAAA,EAAA,EACA,sBAAA,EAAA,IACAC,EAAA,GAAAA,EAAA,MACA,KAAA,eAAAD,EAAA,GAEA,CAAA,CACA,EACA,iBAAAE,EAAA,CACA,OAAA,KAAA,iBAAAA,CACA,EACA,gBAAAC,EAAAD,EAAA,CACAC,EAAA,eAAAA,CAAA,EACA,MAAAC,EAAA,SAAA,eAAAF,CAAA,EAGA,KAAA,sBAAAE,EAFA,GAEA,CACA,CACA,EACA,QAAA,CACA,OAAA,KAAA,aAAA,QAAA,CACA,iBAAA,KAAA,iBACA,gBAAA,KAAA,eACA,CAAA,CACA,CACA"}