{"version":3,"sources":["webpack:///./resources/js/src/app/components/common/LazyPicture.vue?b18b","webpack:///./resources/js/src/app/components/common/LazyPicture.vue?6240","webpack:///resources/js/src/app/components/common/LazyPicture.vue","webpack:///./resources/js/src/app/components/common/LazyPicture.vue"],"names":["render","_h","this","$createElement","_c","_self","attrs","webpUrl","type","_v","imageUrl","staticClass","width","height","alt","_withStripped","props","mounted","$nextTick","window","entry","target","children","forEach","child","srcset","dataset","src","imageObserver","unobserve","observe","console","log","image","attr","data","removeAttr","component","options","__file"],"mappings":"iGAAA,IAAIA,EAAS,WACX,IACIC,EADMC,KACGC,eACTC,EAFMF,KAEGG,MAAMD,IAAMH,EACzB,OAAOG,EAAG,UAAW,CACnBA,EAAG,SAAU,CAAEE,MAAO,CAAE,cAJhBJ,KAImCK,QAASC,KAAM,gBAJlDN,KAKJO,GAAG,KACPL,EAAG,SAAU,CACXE,MAAO,CAAE,cAPHJ,KAOsBQ,SAAUF,KAAM,gBAPtCN,KASJO,GAAG,KACPL,EAAG,MAAO,CACRO,YAAa,yBACbL,MAAO,CACL,WAbIJ,KAaYQ,SAChBE,MAAO,MACPC,OAAQ,MACRC,IAAK,eAMbd,EAAOe,eAAgB,E,gBCvB4L,ECSnN,CAEEC,MACF,CACI,SAAJ,GACI,QAAJ,IAEEC,QAPF,WAQA,WACIf,KAAKgB,WAAU,WAEb,GAAI,yBAA0BC,OACpC,CACA,wCACA,sBAEYC,EAAM,GAAGC,OAAOC,SAASC,SAAQ,SAA7C,GACA,uBAEgBC,EAAMC,OAASD,EAAME,QAAQD,QAE7C,oBAEgBD,EAAMG,IAAMH,EAAME,QAAQC,QAG9BC,EAAcC,UAAUT,EAAM,GAAGC,YAGvBS,QAAQ,EAA9B,SAEA,CACQC,QAAQC,IAAI,2BACZ,IAAR,iCACQC,EAAMC,KAAK,MAAOD,EAAME,KAAK,QAC7BF,EAAMG,WAAW,kB,OCrCrBC,EAAY,YACd,EACArC,EHaoB,IGXpB,EACA,KACA,KACA,MAuBFqC,EAAUC,QAAQC,OAAS,yDACZ,UAAAF,E","file":"chunks/ceres-client-8.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(\"picture\", [\n    _c(\"source\", { attrs: { \"data-srcset\": _vm.webpUrl, type: \"image/webp\" } }),\n    _vm._v(\" \"),\n    _c(\"source\", {\n      attrs: { \"data-srcset\": _vm.imageUrl, type: \"image/jpeg\" }\n    }),\n    _vm._v(\" \"),\n    _c(\"img\", {\n      staticClass: \"d-block mx-auto mw-100\",\n      attrs: {\n        \"data-src\": _vm.imageUrl,\n        width: \"250\",\n        height: \"250\",\n        alt: \"teaser\"\n      }\n    })\n  ])\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!./LazyPicture.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!./LazyPicture.vue?vue&type=script&lang=js&\"","<template>\r\n  <picture>\r\n    <source :data-srcset=\"webpUrl\" type=\"image/webp\">\r\n    <source :data-srcset=\"imageUrl\" type=\"image/jpeg\">\r\n    <img class=\"d-block mx-auto mw-100\" :data-src=\"imageUrl\" width=\"250\" height=\"250\" alt=\"teaser\">\r\n  </picture>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\r\n  props:\r\n      {\r\n        \"imageUrl\": \"\",\r\n        \"webpUrl\": \"\"\r\n      },\r\n  mounted()\r\n  {\r\n    this.$nextTick(() =>\r\n    {\r\n      if (\"IntersectionObserver\" in window)\r\n      {\r\n        const imageObserver = new IntersectionObserver((entry, imageObserver) => {\r\n          if(entry[0].isIntersecting)\r\n          {\r\n            entry[0].target.children.forEach((child) => {\r\n              if(child.tagName === \"SOURCE\")\r\n              {\r\n                child.srcset = child.dataset.srcset;\r\n              }\r\n              if(child.tagName === \"IMG\")\r\n              {\r\n                child.src = child.dataset.src;\r\n              }\r\n            });\r\n            imageObserver.unobserve(entry[0].target);\r\n          }\r\n        });\r\n        imageObserver.observe(this.$el);\r\n      } else\r\n      {\r\n        console.log(\"Your Browser is to old!\");\r\n        const image = $(this.$el).find(\"img[data-src]\");\r\n        image.attr(\"src\", image.data('src'));\r\n        image.removeAttr(\"data-src\");\r\n      }\r\n    });\r\n  },\r\n\r\n\r\n}\r\n</script>\r\n","import { render, staticRenderFns } from \"./LazyPicture.vue?vue&type=template&id=59caa4d8&\"\nimport script from \"./LazyPicture.vue?vue&type=script&lang=js&\"\nexport * from \"./LazyPicture.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(\"C:\\\\Users\\\\JVolke\\\\Documents\\\\plentyDevTool\\\\38722\\\\18\\\\KrauseSohn\\\\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('59caa4d8')) {\n      api.createRecord('59caa4d8', component.options)\n    } else {\n      api.reload('59caa4d8', component.options)\n    }\n    module.hot.accept(\"./LazyPicture.vue?vue&type=template&id=59caa4d8&\", function () {\n      api.rerender('59caa4d8', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/common/LazyPicture.vue\"\nexport default component.exports"],"sourceRoot":""}