{"version":3,"file":"js/9843.0d55f7a2.js","mappings":"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","sources":["webpack://ellevio-styleguide-web/./node_modules/@vue/cli-service/node_modules/vue-loader/dist/exportHelper.js","webpack://ellevio-styleguide-web/./src/stories/web/vue-components/ScrollTriggerList.vue","webpack://ellevio-styleguide-web/./src/stories/web/vue-components/ScrollTriggerList.vue?f1d4"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\n// runtime helper for setting properties on components\n// in a tree-shakable way\nexports.default = (sfc, props) => {\n    const target = sfc.__vccOpts || sfc;\n    for (const [key, val] of props) {\n        target[key] = val;\n    }\n    return target;\n};\n","<template>\r\n  <div class=\"fixed top-8 z-[10000] w-full pointer-events-none text-newColors-gray-content\">\r\n    <div v-if=\"!isMobile\" class=\"items-center justify-end container-small !pr-9 flex\" :class=\"menuVisible && !isMobile ? '' : 'hidden'\">\r\n      <div class=\"relative !pointer-events-auto min-w-360\">\r\n        <ul class=\"mb-1 anchor-scroller-dynamic\">\r\n          <li class=\"mb-2 text-base font-futuraEfDemiBold\">Innehåll</li>\r\n          <li v-for=\"(item, index) in allHeadings\" :key=\"index\" class=\"relative flex mb-1\">\r\n            <a\r\n              :href=\"`#${item.id}`\"\r\n              :class=\"linkInView[index] ? 'link-active font-futuraEfDemiBold no-underline text-newColors-green-primaryA' : ''\"\r\n              class=\"relative top-0.5 z-10 text-xl underline anchor-truncate underline-offset-2 decoration-1 text-newColors-green-primary hover:no-underline\"\r\n              :title=\"item.innerText\">\r\n              {{ item.innerText }}\r\n            </a>\r\n            <span v-if=\"linkInView[index]\" class=\"active-anchor-background bg-newColors-gray-baseA\"></span>\r\n          </li>\r\n        </ul>\r\n        <div class=\"anchor-background\"></div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- mobile fixed menu -->\r\n    <div v-if=\"isMobile\" class=\"fixed top-0 w-full bg-white mobile-dynamic-menu !pointer-events-auto\" :class=\"menuVisible && isMobile ? '' : 'hidden'\">\r\n      <p v-if=\"!isFolded\" @click=\"closeDynamicContent\" class=\"w-full cursor-pointer container-small min-h-[4rem] flex items-center bg-newColors-gray-baseA\" role=\"button\">Innehåll</p>\r\n      <ul class=\"bg-white min-h-[4rem] relative anchor-scroller-dynamic border-b-1 border-newColors-gray-contentD\" :class=\"isFolded ? 'mobile-dynamic-menu-shadow folded flex items-center' : ''\">\r\n        <li v-for=\"(item, index) in allHeadings\" :key=\"index\" class=\"flex mt-[1px]\" :class=\"isFolded ? 'w-full' : 'bg-newColors-gray-background'\">\r\n          <a\r\n            :href=\"`#${item.id}`\"\r\n            @click=\"toggleDynamicContent\"\r\n            :class=\"\r\n              [\r\n                linkInView[index] ? 'link-active ' : '',\r\n                linkInView[index] && !isFolded ? 'bg-newColors-green-primaryA !text-white' : '',\r\n                !linkInView[index] && !isFolded ? 'underline' : '',\r\n                isFolded ? 'bg-newColors-gray-baseA flex items-center pl-5 absolute z-20 top-0 bottom-0 right-0 left-0' : 'block w-full relative anchor-truncate '\r\n              ].join(' ')\r\n            \"\r\n            class=\"z-10 text-xl decoration-1 container-small !ml-0\"\r\n            :title=\"isFolded ? item.innerText : ''\">\r\n            <span\r\n              class=\"pointer-events-none\"\r\n              :class=\"\r\n                [\r\n                  linkInView[index] ? 'link-active  ' : '',\r\n                  linkInView[index] && isFolded ? 'font-futuraEfDemiBold' : '',\r\n                  isFolded ? '!max-w-[80%] leading-[1.375rem] line-clamp-2' : 'overflow-ellipsis',\r\n                  linkInView[index] && !isFolded ? 'font-futuraEfDemiBold' : ''\r\n                ].join(' ')\r\n              \"\r\n              >{{ item.innerText }}</span\r\n            >\r\n          </a>\r\n        </li>\r\n      </ul>\r\n      <button type=\"button\" class=\"absolute right-0 z-30 mr-3 top-3.5 w-9 h-9 flex items-center justify-center pointer-events-none\">\r\n        <svg v-show=\"isFolded\" xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" fill=\"none\" viewBox=\"0 0 28 28\">\r\n          <path fill=\"#2C2827\" fill-rule=\"evenodd\" d=\"M12.405 12.411V1.595h3.19v24.808h-3.19V15.6l-10.81-.004V12.41h10.81Zm13.999 3.185h-8.261v-3.19h8.261v3.19Z\" clip-rule=\"evenodd\" />\r\n        </svg>\r\n        <svg v-show=\"!isFolded\" xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" fill=\"none\" viewBox=\"0 0 28 28\">\r\n          <path fill=\"#2C2827\" d=\"M26.402 15.595H1.596v-3.19h24.808v3.19Z\" />\r\n        </svg>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <div v-show=\"isMobile && !this.isFolded\" class=\"absolute top-0 bottom-0 left-0 right-0 z-[80] anchor-blur-bg\"></div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'ellevio-web-scroll-trigger-list',\r\n  data() {\r\n    return {\r\n      isFolded: true,\r\n      isMobile: true,\r\n      menuVisible: false,\r\n      observer: [],\r\n      linkInView: [],\r\n      allHeadings: null,\r\n      endOfPageAtFeedback: null,\r\n      endOfPageAtEndDynamicMenuBlock: null,\r\n      endOfPageAtFooter: null,\r\n      scrollTriggerSelector: 'h2[id^=\"h-\"]',\r\n      endOfPageFeedbackSelector: '.vue-feedback-form',\r\n      endOfPageSelector: '.end-dynamic-menu-block',\r\n      footerSelector: 'footer',\r\n      reducedMotion: false,\r\n      dynamicMenuHeight: 0\r\n    }\r\n  },\r\n  computed: {\r\n    matchMediaQuery() {\r\n      return window.matchMedia(' (max-width: 1160px) ')\r\n    }\r\n  },\r\n  methods: {\r\n    toggleDynamicContent(event) {\r\n      if (this.isFolded) {\r\n        this.isFolded = !this.isFolded\r\n        event.preventDefault()\r\n        this.lockScroll()\r\n      } else {\r\n        this.openScroll()\r\n        this.isFolded = !this.isFolded\r\n      }\r\n    },\r\n    lockScroll() {\r\n      const bodyClassNames = ['overflow-hidden']\r\n\r\n      if (!document.body.classList.contains(bodyClassNames[0])) {\r\n        document.body.classList.add(...bodyClassNames)\r\n      }\r\n    },\r\n    openScroll() {\r\n      const bodyClassNames = ['overflow-hidden']\r\n      if (document.body.classList.contains(bodyClassNames[0])) {\r\n        document.body.classList.remove(...bodyClassNames)\r\n      }\r\n    },\r\n    closeDynamicContent() {\r\n      this.isFolded = true\r\n      this.openScroll()\r\n    },\r\n    resize: function () {\r\n      this.isMobile = this.matchMediaQuery.matches ? true : false\r\n    },\r\n    createStaticMenu() {\r\n      let wysiwygNode = document.querySelector('.wysiwyg')\r\n      let staticMenuAlreadyExist = document.querySelectorAll('.anchor-scroller').length > 0\r\n      if (wysiwygNode && !staticMenuAlreadyExist) {\r\n        let parentNode = wysiwygNode.parentNode\r\n        let newNode = document.createElement('ul')\r\n        newNode.classList.add('mb-20', 'anchor-scroller', 'relative', 'ml-2.5')\r\n        let titleLi = document.createElement('li')\r\n        titleLi.innerText = 'Innehåll'\r\n        titleLi.classList.add('mb-2', 'text-base', 'font-futuraEfDemiBold')\r\n        newNode.appendChild(titleLi)\r\n        this.allHeadings.forEach((el) => {\r\n          let li = document.createElement('li')\r\n          li.classList.add('flex', 'mb-1')\r\n          let a = document.createElement('a')\r\n          a.innerText = el.innerText\r\n          a.setAttribute('href', `#${el.id}`)\r\n          a.setAttribute('title', el.innerText)\r\n          a.classList.add('text-xl', 'underline', 'anchor-truncateLong', 'underline-offset-2', 'decoration-1', 'text-newColors-green-primary', 'hover:no-underline')\r\n          li.appendChild(a)\r\n          newNode.appendChild(li)\r\n        })\r\n        parentNode.insertBefore(newNode, wysiwygNode)\r\n      }\r\n    },\r\n    wrapElements() {\r\n      const scrollTriggers = document.querySelectorAll(this.scrollTriggerSelector)\r\n\r\n      for (let i = 0; i < scrollTriggers.length; i++) {\r\n        const wrapper = document.createElement('div')\r\n        wrapper.classList.add('scroll-trigger-wrapper')\r\n        scrollTriggers[i].parentNode.insertBefore(wrapper, scrollTriggers[i])\r\n        wrapper.appendChild(scrollTriggers[i])\r\n\r\n        const menuPixelDown = document.createElement('span')\r\n        menuPixelDown.classList.add('menu-pixel-down')\r\n        wrapper.appendChild(menuPixelDown)\r\n\r\n        if (i !== 0) {\r\n          const menuPixelUp = document.createElement('span')\r\n          menuPixelUp.classList.add('menu-pixel-up')\r\n          wrapper.appendChild(menuPixelUp)\r\n        }\r\n      }\r\n    },\r\n    checkMenuVisibility() {\r\n      //first show the menu near first relevant heading, h2 with id starting with \"h-\". We are assuming this is right after the static menu.\r\n      const topElementPos = document.querySelectorAll('.menu-pixel-down')[0].getBoundingClientRect().top\r\n      const elementFeedback = this.endOfPageAtFeedback\r\n      const elementEndDynamicMenuBlock = this.endOfPageAtEndDynamicMenuBlock\r\n\r\n      //hide the menu at the feedback form or no such block exist on page, then remove the menu when close to the footer\r\n      const boundary = elementEndDynamicMenuBlock?.getBoundingClientRect().top + 175 || elementFeedback?.getBoundingClientRect().top || this.endOfPageAtFooter.getBoundingClientRect().top\r\n\r\n      let menuBoundary = this.isMobile ? 210 : this.dynamicMenuHeight + 260\r\n\r\n      if (boundary <= menuBoundary || topElementPos > 0) {\r\n        this.menuVisible = false\r\n      } else {\r\n        this.menuVisible = true\r\n      }\r\n    },\r\n    checkLinksPosition() {\r\n      const menuPixelDown = document.querySelectorAll('.menu-pixel-down')\r\n      //const menuPixelUp = document.querySelectorAll('.menu-pixel-up')\r\n\r\n      for (let i = 0; i < menuPixelDown.length; i++) {\r\n        const topElementPos = menuPixelDown[i].getBoundingClientRect().top\r\n        //const bottomElementPos = menuPixelUp[i]?.getBoundingClientRect().bottom\r\n\r\n        if (topElementPos < 0) {\r\n          for (let j = 0; j < this.linkInView.length; j++) {\r\n            this.linkInView[j] = false\r\n          }\r\n          this.linkInView[i] = true\r\n        }\r\n      }\r\n    },\r\n    runScollTriggers() {\r\n      if (!this.isMobile) {\r\n        // Add the scroll event listener, checking when links should be active (mobile)\r\n        const menuPixelDown = document.querySelectorAll('.menu-pixel-down')\r\n\r\n        for (let i = 0; i < menuPixelDown.length; i++) {\r\n          const menuPixelDownObserver = new IntersectionObserver(\r\n            ([entry]) => {\r\n              let isScrollingUpwards = true\r\n              const isIntersectingAtTop = entry.boundingClientRect.top < 140\r\n\r\n              if (isIntersectingAtTop) {\r\n                if (entry.isIntersecting) {\r\n                  isScrollingUpwards = true\r\n                  // entered viewport at the top edge, hence scroll direction is up\r\n                } else {\r\n                  isScrollingUpwards = false\r\n                  // left viewport at the top edge, hence scroll direction is down\r\n                }\r\n              }\r\n\r\n              if (!isScrollingUpwards && isIntersectingAtTop) {\r\n                for (let j = 0; j < this.linkInView.length; j++) {\r\n                  this.linkInView[j] = false\r\n                }\r\n                this.linkInView[i] = true\r\n              }\r\n            },\r\n            {\r\n              root: null,\r\n              rootMargin: '-20px',\r\n              threshold: [0, 1]\r\n            }\r\n          )\r\n\r\n          menuPixelDownObserver.observe(menuPixelDown[i])\r\n        }\r\n\r\n        const menuPixelUp = document.querySelectorAll('.menu-pixel-up')\r\n\r\n        for (let i = 0; i < menuPixelUp.length; i++) {\r\n          const menuPixelUpObserver = new IntersectionObserver(\r\n            ([entry]) => {\r\n              const isIntersectingAtTop = entry.boundingClientRect.top < 140\r\n              let isScrollingUpwards = false\r\n              if (isIntersectingAtTop) {\r\n                if (entry.isIntersecting) {\r\n                  isScrollingUpwards = true\r\n                  // entered viewport at the top edge, hence scroll direction is up\r\n                } else {\r\n                  isScrollingUpwards = false\r\n                  // left viewport at the top edge, hence scroll direction is down\r\n                }\r\n              }\r\n              if (isScrollingUpwards && isIntersectingAtTop) {\r\n                for (let j = 0; j < this.linkInView.length; j++) {\r\n                  this.linkInView[j] = false\r\n                }\r\n                this.linkInView[i] = true\r\n              }\r\n            },\r\n            {\r\n              root: null,\r\n              rootMargin: '-20px',\r\n              threshold: [0, 1]\r\n            }\r\n          )\r\n\r\n          menuPixelUpObserver.observe(menuPixelUp[i])\r\n        }\r\n      }\r\n\r\n      if (document.querySelectorAll('.menu-pixel-down').length > 0) {\r\n        // Add the scroll event listener, checking if/when the menu should be visible\r\n        window.addEventListener('scroll', this.checkMenuVisibility)\r\n        // Add the scroll event listener, checking when links should be active (mobile)\r\n        if (this.isMobile) window.addEventListener('scroll', this.checkLinksPosition)\r\n      }\r\n    }\r\n  },\r\n  mounted() {\r\n    //a way to check for reduced motion\r\n    this.reducedMotion = window.matchMedia(`(prefers-reduced-motion: reduce)`) === true || window.matchMedia(`(prefers-reduced-motion: reduce)`).matches === true\r\n    const htmlClassNames = ['smooth-scroll']\r\n\r\n    this.isMobile = this.matchMediaQuery.matches ? true : false\r\n    this._boundedResize = this.resize.bind(this)\r\n    window.addEventListener('resize', this._boundedResize)\r\n\r\n    this.allHeadings = document.querySelectorAll(this.scrollTriggerSelector)\r\n\r\n    if (this.allHeadings.length > 1) {\r\n      //if reducedMotion selected, add smooth scrolling to this page only, not globally\r\n      if (this.reducedMotion) {\r\n        document.documentElement.classList.add(...htmlClassNames)\r\n      }\r\n      this.$nextTick(() => {\r\n        this.endOfPageAtFeedback = document.querySelector(this.endOfPageFeedbackSelector)\r\n        this.endOfPageAtEndDynamicMenuBlock = document.querySelector(this.endOfPageSelector)\r\n        const footerSelectorArray = document.querySelectorAll(this.footerSelector)\r\n        this.endOfPageAtFooter = footerSelectorArray[footerSelectorArray.length - 1]\r\n        this.dynamicMenuHeight = this.allHeadings.length * 28 + 15\r\n\r\n        this.createStaticMenu()\r\n        this.wrapElements()\r\n        this.runScollTriggers()\r\n      })\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style>\r\n.anchor-truncate,\r\n.anchor-truncateLong {\r\n  text-overflow: ellipsis;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n  display: inline-block;\r\n}\r\n.anchor-truncate {\r\n  max-width: 360px;\r\n}\r\n.anchor-truncateLong {\r\n  max-width: 660px;\r\n}\r\n\r\n.mobile-dynamic-menu .anchor-truncate {\r\n  max-width: none;\r\n}\r\n\r\n.anchor-blur-bg {\r\n  background: rgba(0, 0, 0, 0.25);\r\n  backdrop-filter: blur(4px);\r\n}\r\n\r\n.anchor-scroller-dynamic:before {\r\n  background-color: white;\r\n}\r\n\r\n.anchor-scroller:before {\r\n  content: '';\r\n  position: absolute;\r\n  left: -10px;\r\n  width: 2px;\r\n  height: calc(100% + 4px);\r\n}\r\n\r\n@media (min-width: 1161px) {\r\n  .anchor-scroller-dynamic:before,\r\n  .anchor-scroller-dynamic li:not(:first-child):hover:before,\r\n  .anchor-scroller-dynamic li:has(.link-active):before {\r\n    content: '';\r\n    position: absolute;\r\n    left: -10px;\r\n    width: 2px;\r\n    height: calc(100% + 4px);\r\n  }\r\n  .anchor-scroller-dynamic:before {\r\n    background-color: #e5e3e1;\r\n    height: 100%;\r\n  }\r\n  .anchor-scroller-dynamic li:not(:first-child):hover:before {\r\n    background-color: #0b8454;\r\n  }\r\n  .anchor-scroller-dynamic li:has(.link-active):before {\r\n    background-color: #0f5a46;\r\n  }\r\n}\r\n\r\n.anchor-scroller:before {\r\n  background-color: #0b8454;\r\n}\r\n.menu-pixel-down,\r\n.menu-pixel-up {\r\n  position: absolute;\r\n  left: -1px;\r\n  width: 1px;\r\n  height: 1px;\r\n  background-color: transparent;\r\n}\r\n.menu-pixel-down {\r\n  top: -84px;\r\n}\r\n.menu-pixel-up {\r\n  top: -109px;\r\n}\r\n@media (min-width: 1161px) {\r\n  .menu-pixel-down {\r\n    top: -20px;\r\n  }\r\n  .menu-pixel-up {\r\n    top: -45px;\r\n  }\r\n}\r\n.scroll-trigger-wrapper {\r\n  position: relative;\r\n}\r\n.anchor-background {\r\n  background-color: white;\r\n  border-radius: 12px;\r\n  position: absolute;\r\n  top: -20px;\r\n  bottom: -20px;\r\n  left: -26px;\r\n  right: -16px;\r\n  z-index: -1;\r\n}\r\n.active-anchor-background {\r\n  position: absolute;\r\n  border-top-right-radius: 3px;\r\n  border-bottom-right-radius: 3px;\r\n  z-index: 1;\r\n  top: 0;\r\n  bottom: -4px;\r\n  left: -8px;\r\n  right: 0;\r\n}\r\n.mobile-dynamic-menu-shadow {\r\n  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.05);\r\n}\r\n.mobile-dynamic-menu ul.folded li:has(:not(.link-active)) {\r\n  display: none;\r\n}\r\nh2[id^='h-'] {\r\n  padding-top: 10px;\r\n  margin-top: -10px;\r\n  scroll-margin-top: 64px;\r\n}\r\n@media (min-width: 1161px) {\r\n  h2[id^='h-'] {\r\n    scroll-margin-top: 0;\r\n  }\r\n}\r\n</style>\r\n","import { render } from \"./ScrollTriggerList.vue?vue&type=template&id=5856a286\"\nimport script from \"./ScrollTriggerList.vue?vue&type=script&lang=js\"\nexport * from \"./ScrollTriggerList.vue?vue&type=script&lang=js\"\n\nimport \"./ScrollTriggerList.vue?vue&type=style&index=0&id=5856a286&lang=css\"\n\nimport exportComponent from \"../../../../node_modules/@vue/cli-service/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"names":["exports","sfc","props","target","__vccOpts","key","val","class","type","xmlns","width","height","fill","viewBox","isMobile","menuVisible","allHeadings","item","index","href","id","linkInView","title","innerText","isFolded","closeDynamicContent","role","toggleDynamicContent","d","this","name","data","observer","endOfPageAtFeedback","endOfPageAtEndDynamicMenuBlock","endOfPageAtFooter","scrollTriggerSelector","endOfPageFeedbackSelector","endOfPageSelector","footerSelector","reducedMotion","dynamicMenuHeight","computed","matchMediaQuery","window","matchMedia","methods","event","preventDefault","lockScroll","openScroll","bodyClassNames","document","body","classList","contains","add","remove","resize","matches","createStaticMenu","wysiwygNode","querySelector","staticMenuAlreadyExist","querySelectorAll","length","parentNode","newNode","createElement","titleLi","appendChild","forEach","el","li","a","setAttribute","insertBefore","wrapElements","scrollTriggers","i","wrapper","menuPixelDown","menuPixelUp","checkMenuVisibility","topElementPos","getBoundingClientRect","top","elementFeedback","elementEndDynamicMenuBlock","boundary","menuBoundary","checkLinksPosition","j","runScollTriggers","menuPixelDownObserver","IntersectionObserver","entry","isScrollingUpwards","isIntersectingAtTop","boundingClientRect","isIntersecting","root","rootMargin","threshold","observe","menuPixelUpObserver","addEventListener","mounted","htmlClassNames","_boundedResize","bind","documentElement","$nextTick","footerSelectorArray","__exports__","render"],"sourceRoot":""}