{"version":3,"sources":["webpack:///./resources/js/src/app/components/common/VueLazyLoader.vue?c664","webpack:///./resources/js/src/app/components/common/VueLazyLoader.vue?6cb2","webpack:///resources/js/src/app/components/common/VueLazyLoader.vue","webpack:///./resources/js/src/app/components/common/VueLazyLoader.vue"],"names":["render","_h","this","$createElement","_self","_c","_withStripped","component","options","__file"],"mappings":"kGAAA,IAAIA,EAAS,WACX,IACIC,EADMC,KACGC,eAEb,OAHUD,KAEGE,MAAMC,IAAMJ,GACf,QAGZD,EAAOM,eAAgB,E,kCCP8L,ECQrN,CACE,KADF,WAEI,MAAJ,CACM,WAAN,GACM,gBAAN,IAIE,QARF,WASI,IAAJ,OACI,KAAJ,eACI,KAAJ,iBAEI,SAAJ,0DAAM,SAAN,IACI,OAAJ,yCACI,OAAJ,oDAGI,SAAJ,mDACM,EAAN,oCAGI,SAAJ,mDAAM,OAAN,sBAEI,EAAJ,mDACM,EAAN,eAIE,QAAF,CACI,eADJ,WAEM,IAAN,OAEM,YAAN,WACQ,EAAR,sEACQ,EAAR,aACA,IAEI,SATJ,WAUM,IAAN,OACA,+CACQ,KAAR,gCAEU,IAAV,KAOU,GAJV,sDACY,GAAZ,GAGA,GAEY,IAAZ,4BAGA,wCACA,uCAGc,EAAd,kBACc,EAAd,kCAEc,EAAd,4CACgB,OAAhB,eAOI,aAzCJ,WA0CM,IAAN,OACA,4BACQ,QAAR,kBACA,qCACA,yCAGA,4BACQ,QAAR,8BAEU,IAAV,IAEU,EAAV,CACY,GAAZ,6CACY,EAAZ,oCACA,0BAEU,OAAV,U,OCzFIC,EAAY,YACd,EACAP,EHHoB,IGKpB,EACA,KACA,KACA,MAuBFO,EAAUC,QAAQC,OAAS,2DACZ,UAAAF,E","file":"chunks/ceres-client-33.min.js","sourcesContent":["var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\")\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VueLazyLoader.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!./VueLazyLoader.vue?vue&type=script&lang=js&\"","<template>\n    <div></div>\n</template>\n\n<script>\nimport { detectPassiveEvents } from \"ceres/app/helper/featureDetect\";\n\nexport default\n{\n    data() {\n        return {\n            lazyImages: [],\n            lazyLoadImages: true\n        }\n    },\n\n    mounted()\n    {\n        this.addPolyfills();\n        this.findLazyImages();\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 is working correct\n        document.addEventListener('toggle-vue-lazy-img', () => {\n            this.lazyLoadImages = !this.lazyLoadImages;\n        });\n\n        document.addEventListener('update-vue-lazy-img', () => this.findLazyImages());\n\n        $(document).on('shown.bs.modal', '.modal', () => {\n            this.lazyLoad();\n        });\n    },\n\n    methods: {\n        findLazyImages()\n        {\n            //timeout 1 to push at the end of exec stack\n            setTimeout(() => {\n                this.lazyImages = [].slice.call(document.querySelectorAll('.vue--lazy-img'));\n                this.lazyLoad();\n            }, 1);\n        },\n        lazyLoad()\n        {\n            if(this.lazyLoadImages && this.lazyImages.length > 0) {\n                this.lazyImages.forEach(lazyImage => {\n\n                    let lazyLoad = true;\n\n                    //image or video inside modal load when modal opens\n                    if(lazyImage.closest('.modal') && !lazyImage.closest('.modal.fade.show')) {\n                        lazyLoad = false;\n                    }\n\n                    if(lazyLoad) {\n\n                        const bounding = lazyImage.getBoundingClientRect();\n\n                        if(\n                            bounding.top <= window.innerHeight && bounding.bottom >= 0\n                            && getComputedStyle(lazyImage).display !== 'none'\n                        ) {\n\n                            lazyImage.src = lazyImage.dataset.src;\n                            lazyImage.classList.remove('vue--lazy-img');\n\n                            this.lazyImages = this.lazyImages.filter((image) => {\n                                return image !== lazyImage;\n                            });\n                        }\n                    }\n                });\n            }\n        },\n        addPolyfills()\n        {\n            if(!Element.prototype.matches) {\n                Element.prototype.matches =\n                    Element.prototype.msMatchesSelector ||\n                    Element.prototype.webkitMatchesSelector;\n            }\n\n            if(!Element.prototype.closest) {\n                Element.prototype.closest = (s) => {\n\n                    let el = this;\n\n                    do {\n                        if(Element.prototype.matches.call(el, s)) return el;\n                        el = el.parentElement || el.parentNode;\n                    } while(el !== null && el.nodeType === 1);\n\n                    return null;\n                };\n            }\n        }\n    }\n}\n</script>\n","import { render, staticRenderFns } from \"./VueLazyLoader.vue?vue&type=template&id=f109b48a&\"\nimport script from \"./VueLazyLoader.vue?vue&type=script&lang=js&\"\nexport * from \"./VueLazyLoader.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/DIA-3dprima_v2/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('f109b48a')) {\n      api.createRecord('f109b48a', component.options)\n    } else {\n      api.reload('f109b48a', component.options)\n    }\n    module.hot.accept(\"./VueLazyLoader.vue?vue&type=template&id=f109b48a&\", function () {\n      api.rerender('f109b48a', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/common/VueLazyLoader.vue\"\nexport default component.exports"],"sourceRoot":""}