{"version":3,"sources":["webpack:///resources/js/src/app/components/grid/ScrollList.vue","webpack:///./resources/js/src/app/components/grid/ScrollList.vue?aef4","webpack:///./resources/js/src/app/components/grid/ScrollList.vue","webpack:///./resources/js/src/app/components/grid/ScrollList.vue?6643","webpack:///./resources/js/src/app/components/grid/ScrollList.vue?dfe3"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA;AACA,MADA,kBAEA;AACA;AACA,iBADA;AAEA,qBAFA;AAGA;AACA;AACA,kBADA;AACA;AACA,uCAFA;AAEA;AACA;AAHA,OAJA;AASA,sBATA;AAUA;AAVA;AAYA,GAfA;AAiBA;AACA;AADA,GAjBA;AAqBA,SArBA,qBAsBA;AACA;AACA,GAxBA;AA0BA,SA1BA,qBA2BA;AAAA;;AACA,2BACA;AACA;AAAA;AAAA;AACA;;AAEA,+BACA;AACA,sCACA;AACA;AACA;;AAEA;AAEA,oDACA;AACA;;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA,wCACA,iDACA,6CADA,IAEA,iCAFA,IAGA,iCAJA;;AAMA;AACA;AACA;AACA;AACA;AACA,OA1BA;AA4BA,KArCA;AAsCA,GAvEA;AAyEA;AACA,eADA,yBAEA;AAAA;;AACA;AAAA;AAAA;AACA;AAJA,GAzEA;AAgFA;AACA,YADA,oBACA,IADA,EAEA;AACA;AAEA;AACA;AADA,SAEA,GAFA;AAIA;AAEA;AACA;AACA,OAFA,EAEA,GAFA;AAGA,KAdA;AAgBA,sBAhBA,8BAgBA,OAhBA,EAiBA;AACA;AACA,KAnBA;AAqBA,gCArBA,0CAsBA;AAAA;;AACA,4CACA;AACA;AACA,6EACA;AACA,2CACA;AACA,sCACA;AACA;;AACA;AACA;AACA,WAPA;AAQA,SAVA,EAUA,YAVA,EAFA,CAcA;;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAHA,MAGA;AACA;AACA;AACA;AACA;AACA,SAVA;AAaA,OA9BA,MAgCA;AACA;AACA;AAEA;AA3DA;AAhFA,G;;;;;;;;;;;;ACpBA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK,6BAA6B;AAClC;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA,SAAS;AACT;AACA;AACA;AACA,aAAa,uCAAuC;AACpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB,0BAA0B;AAC1B,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,8CAA8C,gBAAgB,EAAE;AAC3E;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AC/DA;AAAA;AAAA;AAAA;AAAyF;AAC3B;AACL;;;AAGzD;AACsG;AACtG,gBAAgB,2GAAU;AAC1B,EAAE,gFAAM;AACR,EAAE,qFAAM;AACR,EAAE,8FAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAAkM,CAAgB,8OAAG,EAAC,C;;;;;;;;;;;;ACAtN;AAAA;AAAA;AAAA;AAAA;AAAA","file":"chunks/ceres-client-39.js","sourcesContent":["<template>\n    <div class=\"scroll-list\">\n        <div class=\"scroll-list__hl-wrapper\" v-stick-in-parent>\n            <ul class=\"scroll-list__headline\">\n                <li v-for=\"item in items\" class=\"scroll-list__nav-item\" :data-uuid=\"item.uuid\"\n                    :class=\"{ 'scroll-list__nav-item--active' : activeId === item.uuid }\">\n                    <a @click=\"scrollTo(item.uuid)\">{{ item.title }}</a>\n                </li>\n            </ul>\n        </div>\n        <template>\n            <div class=\"scroll-list__content\" :id=\"item.uuid\" v-for=\"item in items\">\n                <slot :name=\"'slot' + item.uuid\"></slot>\n            </div>\n        </template>\n    </div>\n</template>\n\n<script>\n\nexport default {\n    data()\n    {\n        return {\n            activeId: 0,\n            activeItems: [],\n            // intersectionObserver options\n            OPTIONS: {\n                root: null, // default, use viewport.\n                rootMargin: \"-20% 0px -70% 0px\", // tried to trigger intersection in second fifth of the viewport\n                threshold: 0\n            },\n            itemsData: Array,\n            isScrolled: false\n        };\n    },\n\n    props: {\n        items: Array\n    },\n\n    created()\n    {\n        this.itemsData = this.items;\n    },\n\n    mounted()\n    {\n        if (App.isShopBuilder)\n        {\n            this.activeItems = this.itemsData.map(i => i.uuid);\n        }\n\n        this.$nextTick(() =>\n        {\n            if (this.itemsData.length > 0)\n            {\n                this.activeId = this.itemsData[0].uuid;\n            }\n\n            let that = this;\n\n            window.addEventListener(\"scroll\", function()\n            {\n                let el = document.querySelector(\".scroll-list-widget\");\n                if(el !== null){\n                    let top = el.offsetTop;\n                    let left = el.offsetLeft;\n                    let width = el.offsetWidth;\n                    let height = el.offsetHeight;\n\n                    while(el.offsetParent) {\n                        el = el.offsetParent;\n                        top += el.offsetTop;\n                        left += el.offsetLeft;\n                    }\n\n                    let scrollListWidgetVisible =\n                        top < (window.pageYOffset + window.innerHeight) &&\n                        left < (window.pageXOffset + window.innerWidth) &&\n                        (top + height) > window.pageYOffset &&\n                        (left + width) > window.pageXOffset;\n\n                    if(scrollListWidgetVisible && !that.isScrolled){\n                        that.isScrolled = true;\n                        that.registerIntersectionObserver();\n                    }\n                }\n            });\n\n        });\n    },\n\n    computed: {\n        renderItems()\n        {\n            return this.itemsData.filter(i => this.activeItems.includes(i.uuid));\n        }\n    },\n\n    methods: {\n        scrollTo(uuid)\n        {\n            document.dispatchEvent(new CustomEvent(\"toggle-details-lazy-load\"));\n\n            $(\"html, body\").animate({\n                scrollTop: $(\"#\" + uuid).offset().top - $(\".header__wrapper\").outerHeight() - 90\n            }, 800);\n\n            this.activeId = uuid;\n\n            setTimeout(() => {\n                document.dispatchEvent(new CustomEvent(\"toggle-details-lazy-load\"));\n            }, 800);\n        },\n\n        handleIntersection(domNode)\n        {\n            this.activeId = domNode.id;\n        },\n\n        registerIntersectionObserver()\n        {\n            if (\"IntersectionObserver\" in window)\n            {\n                // create Observer\n                let scrollListObserver = new IntersectionObserver((entries =>\n                {\n                    entries.forEach(entry =>\n                    {\n                        if (entry.isIntersecting)\n                        {\n                            const el = entry.target;\n                            this.handleIntersection(el);\n                        }\n                    });\n                }), this.OPTIONS);\n\n                // iterate over all vnodes inside the default slot.\n                const scrollListContents = document.getElementsByClassName(\"scroll-list__content\");\n                scrollListContents.forEach(vnode => {\n                        // only apply it to nodes that have actual content inside\n                        if (vnode.textContent !== \"\"){\n                            // apply intersectionObserver for the DOMelement referenced in the vnode\n                            scrollListObserver.observe(vnode);\n                        }else{\n                            let id = vnode.id;\n                            vnode.remove();\n                            document.querySelector(\".scroll-list__nav-item[data-uuid='\"+id+\"']\").remove();\n                        }\n                    }\n                )\n\n            }\n            else\n            {\n                console.warn(\"no intersection Observer found - scrollspy not available\");\n            }\n\n        }\n    }\n};\n</script>\n","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"scroll-list\" },\n    [\n      _c(\n        \"div\",\n        {\n          directives: [\n            { name: \"stick-in-parent\", rawName: \"v-stick-in-parent\" }\n          ],\n          staticClass: \"scroll-list__hl-wrapper\"\n        },\n        [\n          _c(\n            \"ul\",\n            { staticClass: \"scroll-list__headline\" },\n            _vm._l(_vm.items, function(item) {\n              return _c(\n                \"li\",\n                {\n                  staticClass: \"scroll-list__nav-item\",\n                  class: {\n                    \"scroll-list__nav-item--active\": _vm.activeId === item.uuid\n                  },\n                  attrs: { \"data-uuid\": item.uuid }\n                },\n                [\n                  _c(\n                    \"a\",\n                    {\n                      on: {\n                        click: function($event) {\n                          return _vm.scrollTo(item.uuid)\n                        }\n                      }\n                    },\n                    [_vm._v(_vm._s(item.title))]\n                  )\n                ]\n              )\n            }),\n            0\n          )\n        ]\n      ),\n      _vm._v(\" \"),\n      _vm._l(_vm.items, function(item) {\n        return _c(\n          \"div\",\n          { staticClass: \"scroll-list__content\", attrs: { id: item.uuid } },\n          [_vm._t(\"slot\" + item.uuid)],\n          2\n        )\n      })\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./ScrollList.vue?vue&type=template&id=2adbbdd2&\"\nimport script from \"./ScrollList.vue?vue&type=script&lang=js&\"\nexport * from \"./ScrollList.vue?vue&type=script&lang=js&\"\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\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/Users/fhartwig/Sites/pp-weberbuero/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('2adbbdd2')) {\n      api.createRecord('2adbbdd2', component.options)\n    } else {\n      api.reload('2adbbdd2', component.options)\n    }\n    module.hot.accept(\"./ScrollList.vue?vue&type=template&id=2adbbdd2&\", function () {\n      api.rerender('2adbbdd2', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/grid/ScrollList.vue\"\nexport default component.exports","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ScrollList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ScrollList.vue?vue&type=script&lang=js&\"","export * from \"-!../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ScrollList.vue?vue&type=template&id=2adbbdd2&\""],"sourceRoot":""}