{"version":3,"sources":["webpack:///Doity/js/LazyImage.37ef118f5f25b73f28df.js","webpack:///./src/components/LazyImage.vue","webpack:///src/components/LazyImage.vue","webpack:///./src/components/LazyImage.vue?554c"],"names":["webpackJsonp","177","module","__webpack_exports__","__webpack_require__","Object","defineProperty","value","__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_LazyImage_vue__","__WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_373631b3_hasScoped_false_transformToRequire_video_src_poster_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_LazyImage_vue__","normalizeComponent","Component","249","props","src","type","String","required","title","default","mounted","this","handleVisible","window","addEventListener","$utils","debounce","beforeDestroy","removeListener","methods","setSrc","vm","image","Image","$el","setAttribute","offsetTopThisImage","offsetTop","scrollWhenThisImageIsVisible","innerHeight","scrollY","removeEventListener","507","render","_vm","_h","$createElement","_self","_c","ref","attrs","alt","staticRenderFns","esExports"],"mappings":"AAAAA,cAAc,KAERC,IACA,SAAUC,EAAQC,EAAqBC,GAE7C,YCLAC,QAAAC,eAAAH,EAAA,cAAAI,OAAA,OAAAC,GAAAJ,EAAA,KAAAK,EAAAL,EAAA,KAAAM,EAAyBN,EAAQ,IAcjCO,EAAAD,EACEF,EAAA,EACAC,EAAA,GATF,EAEA,KAEA,KAEA,KAUeN,GAAA,QAAAQ,EAAiB,SDe1BC,IACA,SAAUV,EAAQC,EAAqBC,GAE7C,YEhCAD,GAAA,GACAU,OACAC,KACAC,KAAAC,OACAC,UAAA,GAEAC,OACAH,KAAAC,OACAC,UAAA,EACAE,QAAA,KAGAC,QAZA,WAaAC,KAAAC,gBACAC,OAAAC,iBAAA,SAAAH,KAAAI,OAAAC,SAAAL,KAAAC,cAAA,OAEAK,cAhBA,WAiBAN,KAAAO,kBAEAC,SACAC,OADA,WAEA,GAAAC,GAAAV,KACAW,EAAA,GAAAC,MACAD,GAAAR,iBAAA,kBACAO,EAAAG,IAAAC,aAAA,MAAAJ,EAAAjB,OAEAkB,EAAAG,aAAA,MAAAJ,EAAAjB,MAEAQ,cATA,WAUA,GAAAc,GAAAf,KAAAa,IAAAG,UACAC,EAAAF,EAAAb,OAAAgB,WACAhB,QAAAiB,SAAAF,IACAjB,KAAAS,SACAT,KAAAO,mBAGAA,eAjBA,WAkBAL,OAAAkB,oBAAA,SAAApB,KAAAC,mBFkDMoB,IACA,SAAUxC,EAAQC,EAAqBC,GAE7C,YGnGA,IAAAuC,GAAA,WAA0B,GAAAC,GAAAvB,KAAawB,EAAAD,EAAAE,cAAkD,QAAxBF,EAAAG,MAAAC,IAAAH,GAAwB,OAAiBI,IAAA,QAAAC,OAAmBpC,IAAA,qHAAsBqC,IAAAP,EAAA1B,UACnJkC,KACAC,GAAiBV,SAAAS,kBACFjD,GAAA","file":"Doity/js/LazyImage.37ef118f5f25b73f28df.js","sourcesContent":["webpackJsonp([39],{\n\n/***/ 177:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_LazyImage_vue__ = __webpack_require__(249);\n/* empty harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_373631b3_hasScoped_false_transformToRequire_video_src_poster_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_LazyImage_vue__ = __webpack_require__(507);\nvar normalizeComponent = __webpack_require__(64)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_LazyImage_vue__[\"a\" /* default */],\n  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_373631b3_hasScoped_false_transformToRequire_video_src_poster_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_LazyImage_vue__[\"a\" /* default */],\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Component.exports);\n\n\n/***/ }),\n\n/***/ 249:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n  props: {\n    src: {\n      type: String,\n      required: true\n    },\n    title: {\n      type: String,\n      required: false,\n      default: ''\n    }\n  },\n  mounted: function mounted() {\n    this.handleVisible();\n    window.addEventListener('scroll', this.$utils.debounce(this.handleVisible, 100));\n  },\n  beforeDestroy: function beforeDestroy() {\n    this.removeListener();\n  },\n\n  methods: {\n    setSrc: function setSrc() {\n      var vm = this;\n      var image = new Image();\n      image.addEventListener('load', function () {\n        vm.$el.setAttribute('src', vm.src);\n      });\n      image.setAttribute('src', vm.src);\n    },\n    handleVisible: function handleVisible() {\n      var offsetTopThisImage = this.$el.offsetTop;\n      var scrollWhenThisImageIsVisible = offsetTopThisImage - window.innerHeight;\n      if (window.scrollY >= scrollWhenThisImageIsVisible) {\n        this.setSrc();\n        this.removeListener();\n      }\n    },\n    removeListener: function removeListener() {\n      window.removeEventListener('scroll', this.handleVisible);\n    }\n  }\n});\n\n/***/ }),\n\n/***/ 507:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nvar render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('img',{ref:\"image\",attrs:{\"src\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\",\"alt\":_vm.title}})}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\n/* harmony default export */ __webpack_exports__[\"a\"] = (esExports);\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// Doity/js/LazyImage.37ef118f5f25b73f28df.js","var normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./LazyImage.vue\"\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./LazyImage.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-373631b3\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./LazyImage.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/LazyImage.vue\n// module id = 177\n// module chunks = 39","<template>\r\n  <img\r\n    ref=\"image\"\r\n    src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\"\r\n    :alt=\"title\"\r\n    />\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    src: {\r\n      type: String,\r\n      required: true\r\n    },\r\n    title: {\r\n      type: String,\r\n      required: false,\r\n      default: ''\r\n    }\r\n  },\r\n  mounted () {\r\n    this.handleVisible()\r\n    window.addEventListener('scroll', this.$utils.debounce(this.handleVisible, 100))\r\n  },\r\n  beforeDestroy () {\r\n    this.removeListener()\r\n  },\r\n  methods: {\r\n    setSrc () {\r\n      const vm = this\r\n      const image = new Image()\r\n      image.addEventListener('load', function () {\r\n        vm.$el.setAttribute('src', vm.src)\r\n      })\r\n      image.setAttribute('src', vm.src)\r\n    },\r\n    handleVisible () {\r\n      const offsetTopThisImage = this.$el.offsetTop\r\n      const scrollWhenThisImageIsVisible = offsetTopThisImage - window.innerHeight\r\n      if (window.scrollY >= scrollWhenThisImageIsVisible) {\r\n        this.setSrc()\r\n        this.removeListener()\r\n      }\r\n    },\r\n    removeListener () {\r\n      window.removeEventListener('scroll', this.handleVisible)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\n\n\n// WEBPACK FOOTER //\n// src/components/LazyImage.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('img',{ref:\"image\",attrs:{\"src\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\",\"alt\":_vm.title}})}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-373631b3\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/LazyImage.vue\n// module id = 507\n// module chunks = 39"],"sourceRoot":""}