{"version":3,"sources":["webpack:///resources/js/src/app/components/item/FancyDetails.vue","webpack:///./resources/js/src/app/components/item/FancyDetails.vue?e79d","webpack:///./resources/js/src/app/components/item/FancyDetails.vue","webpack:///./resources/js/src/app/components/item/FancyDetails.vue?619e","webpack:///./resources/js/src/app/components/item/FancyDetails.vue?71e9"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA;AACA;AAGA;AACA,MADA,kBACA;AACA;AACA,oBADA;AAEA,oBAFA;AAGA;AAHA;AAKA,GAPA;AASA;AACA,gBADA,0BACA;AAEA;AAEA;AAAA;AAAA;;AAEA;AACA;AACA;AACA;;AAEA;AACA,KAbA;AAcA,cAdA,wBAeA;AACA;AACA;AAjBA,GATA;AA6BA;AACA,gBADA,0BACA;AAAA;;AACA;AACA;AACA,OAFA;AAGA;AALA,GA7BA;AAqCA,SArCA,qBAsCA;AAAA;;AACA;AAEA;AACA;;AACA;AACA,KAHA;AAKA;AAAA;AAAA;AACA;AACA,gEAVA,CAYA;;AACA;AACA;AACA,KAFA;AAGA,GAtDA;AAwDA;AACA,gBADA,0BAEA;AAAA;;AACA;AAEA;;AAEA;AACA;AACA,SAFA,MAEA;AACA;;AAEA;AACA;AACA;;AAEA;AAAA;AAAA;;AACA;AAAA;AAAA;;AAEA;AACA;AACA,OAlBA;AAmBA,KAtBA;AAuBA,gBAvBA,wBAuBA,IAvBA,EAwBA;AACA;AACA;AACA;;AAEA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA,KA1CA;AA2CA,YA3CA,sBA4CA;AAAA;;AACA;AACA;AAEA;;AAEA;AAEA;AACA;AAEA;AACA;AACA,aAFA,EALA,CASA;AACA;AACA;AACA;AACA;AACA;AACA,SAnBA;AAoBA;AACA;AAnEA;AAxDA,CADA,E;;;;;;;;;;;;ACRA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA,iBAAiB,YAAY,sCAAsC,EAAE;AACrE;AACA;AACA;AACA;;;;;;;;;;;;;;ACTA;AAAA;AAAA;AAAA;AAA2F;AAC3B;AACL;;;AAG3D;AACsG;AACtG,gBAAgB,2GAAU;AAC1B,EAAE,kFAAM;AACR,EAAE,uFAAM;AACR,EAAE,gGAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAAoM,CAAgB,gPAAG,EAAC,C;;;;;;;;;;;;ACAxN;AAAA;AAAA;AAAA;AAAA;AAAA","file":"chunks/ceres-client-41.js","sourcesContent":["<template>\n    <div v-if=\"fancyDetails\" v-html=\"fancyDetails\"></div>\n</template>\n\n<script>\nimport { isNullOrUndefined } from 'ceres/app/helper/utils';\nimport { detectPassiveEvents } from \"ceres/app/helper/featureDetect\";\n\nexport default\n{\n    data() {\n        return {\n            lazyImages: [],\n            mounted: false,\n            lazyLoadImages: true\n        }\n    },\n\n    computed: {\n        fancyDetails() {\n\n            if(typeof this.$store.getters.currentItemVariation.variationProperties !== 'undefined' && this.mounted) {\n\n                const details = this.$store.getters.currentItemVariation.variationProperties[0].properties.find(prop => prop.id === 7);\n\n                if(details) {\n                    return this.setLazyImage(details.values.value);\n                }\n            }\n\n            return false;\n        },\n        pluginPath()\n        {\n            return App.pluginPathCeres;\n        }\n    },\n\n    watch: {\n        fancyDetails() {\n            this.$nextTick(() => {\n                this.lazyImages = [].slice.call(document.querySelectorAll('.lazy-img-vue'));\n            });\n        }\n    },\n\n    mounted()\n    {\n        this.mounted = true;\n\n        this.$nextTick(() => {\n            this.loadLightbox();\n            this.lazyLoad();\n        });\n\n        document.addEventListener('scroll', this.lazyLoad, detectPassiveEvents() ? { passive: true } : false);\n        window.addEventListener('resize', this.lazyLoad);\n        window.addEventListener('orientationchange', this.lazyLoad);\n\n        //disable lazy load so scroll to of reviews is working correct (od-custom.js:94 and scrollList.vue:102)\n        document.addEventListener('toggle-details-lazy-load', () => {\n            this.lazyLoadImages = !this.lazyLoadImages;\n        });\n    },\n\n    methods: {\n        loadLightbox()\n        {\n            return new Promise((resolve, reject) => {\n\n                const script = document.querySelector('script#lightboxscript');\n\n                if (!isNullOrUndefined(script)) {\n                    resolve();\n                }else {\n                    const script = document.createElement('script');\n\n                    script.type = 'text/javascript';\n                    script.id = 'lightboxscript';\n                    script.src = `${ this.pluginPath }/js/dist/lightbox.min.js`;\n\n                    script.addEventListener('load', () => resolve(), false);\n                    script.addEventListener('error', event => reject(event), false);\n\n                    document.body.appendChild(script);\n                }\n            });\n        },\n        setLazyImage(html)\n        {\n            let dom = document.createElement('div');\n            dom.innerHTML = html;\n            const images = dom.getElementsByTagName('img');\n\n            if(images) {\n                for(let i = 0; i < images.length; i++) {\n                    if(!images[i].classList.contains('lazy-img-vue')) {\n\n                        images[i].classList.add('lazy-img-vue');\n\n                        images[i].dataset.src = images[i].src;\n                        images[i].removeAttribute('src');\n                    }\n                }\n            }\n\n            return dom.innerHTML;\n        },\n        lazyLoad()\n        {\n            if(this.lazyLoadImages && this.lazyImages.length > 0) {\n                this.lazyImages.forEach(lazyImage => {\n\n                    const bounding = lazyImage.getBoundingClientRect();\n\n                    if(bounding.top <= window.innerHeight && bounding.bottom >= 0 && getComputedStyle(lazyImage).display !== 'none') {\n\n                        lazyImage.src = lazyImage.dataset.src;\n                        lazyImage.classList.remove('lazy-img-vue');\n\n                        this.lazyImages = this.lazyImages.filter((image) => {\n                            return image !== lazyImage;\n                        });\n\n                        // if(this.lazyImages.length === 0) {\n                        //     document.removeEventListener('scroll', this.lazyLoad);\n                        //     window.removeEventListener('resize', this.lazyLoad);\n                        //     window.removeEventListener('orientationchange', this.lazyLoad);\n                        // }\n                    }\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 _vm.fancyDetails\n    ? _c(\"div\", { domProps: { innerHTML: _vm._s(_vm.fancyDetails) } })\n    : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./FancyDetails.vue?vue&type=template&id=5f7655da&\"\nimport script from \"./FancyDetails.vue?vue&type=script&lang=js&\"\nexport * from \"./FancyDetails.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('5f7655da')) {\n      api.createRecord('5f7655da', component.options)\n    } else {\n      api.reload('5f7655da', component.options)\n    }\n    module.hot.accept(\"./FancyDetails.vue?vue&type=template&id=5f7655da&\", function () {\n      api.rerender('5f7655da', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/item/FancyDetails.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!./FancyDetails.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!./FancyDetails.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!./FancyDetails.vue?vue&type=template&id=5f7655da&\""],"sourceRoot":""}