@salamander.be/vue-image-previewer - npm Package Compare versions

Comparing version 0.0.2 to 0.0.3

dist/vue-image-previewer.common.js

@@ -224,2 +224,9 @@ module.exports =
 
+/***/ "3031":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "32e9":
@@ -569,9 +576,2 @@ /***/ (function(module, exports, __webpack_require__) {
 
-/***/ "8dd0":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "9093":
@@ -657,10 +657,10 @@ /***/ (function(module, exports, __webpack_require__) {
 
-/***/ "b879":
+/***/ "affc":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_image_previewer_vue_vue_type_style_index_0_id_3afae684_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("8dd0");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_image_previewer_vue_vue_type_style_index_0_id_3afae684_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_image_previewer_vue_vue_type_style_index_0_id_3afae684_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_image_previewer_vue_vue_type_style_index_0_id_068b2696_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3031");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_image_previewer_vue_vue_type_style_index_0_id_068b2696_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_image_previewer_vue_vue_type_style_index_0_id_068b2696_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
 /* unused harmony reexport * */
- /* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_image_previewer_vue_vue_type_style_index_0_id_3afae684_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default.a); 
+ /* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_image_previewer_vue_vue_type_style_index_0_id_068b2696_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default.a); 
 
@@ -835,8 +835,8 @@ /***/ }),
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"cb29a978-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/image-previewer.vue?vue&type=template&id=3afae684&scoped=true&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.open)?_c('div',{staticClass:"preview-backdrop",on:{"click":_vm.close}},[_c('div',{staticClass:"preview-container"},[_c('div',{staticClass:"preview-row"},[_c('span',{staticClass:"close",on:{"click":_vm.close}},[_c('svg',{staticClass:"svg-inline--fa fa-times fa-w-12",attrs:{"data-v-7008925b":"","aria-hidden":"true","data-prefix":"fal","data-icon":"times","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 384 512","data-fa-i2svg":""}},[_c('path',{attrs:{"fill":"currentColor","d":"M217.5 256l137.2-137.2c4.7-4.7 4.7-12.3 0-17l-8.5-8.5c-4.7-4.7-12.3-4.7-17 0L192 230.5 54.8 93.4c-4.7-4.7-12.3-4.7-17 0l-8.5 8.5c-4.7 4.7-4.7 12.3 0 17L166.5 256 29.4 393.2c-4.7 4.7-4.7 12.3 0 17l8.5 8.5c4.7 4.7 12.3 4.7 17 0L192 281.5l137.2 137.2c4.7 4.7 12.3 4.7 17 0l8.5-8.5c4.7-4.7 4.7-12.3 0-17L217.5 256z"}})])]),_c('div',{staticClass:"preview-content",on:{"click":function($event){$event.stopPropagation();}}},[_c('span',{directives:[{name:"show",rawName:"v-show",value:(_vm.index !== 0),expression:"index !== 0"}],staticClass:"prev arrow",on:{"click":function($event){_vm.prev()}}},[_c('svg',{staticClass:"svg-inline--fa fa-long-arrow-left fa-w-14",attrs:{"data-v-7008925b":"","aria-hidden":"true","data-prefix":"fal","data-icon":"long-arrow-left","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 448 512","data-fa-i2svg":""}},[_c('path',{attrs:{"fill":"currentColor","d":"M136.97 380.485l7.071-7.07c4.686-4.686 4.686-12.284 0-16.971L60.113 273H436c6.627 0 12-5.373 12-12v-10c0-6.627-5.373-12-12-12H60.113l83.928-83.444c4.686-4.686 4.686-12.284 0-16.971l-7.071-7.07c-4.686-4.686-12.284-4.686-16.97 0l-116.485 116c-4.686 4.686-4.686 12.284 0 16.971l116.485 116c4.686 4.686 12.284 4.686 16.97-.001z"}})])]),_c('img',{staticClass:"main-img",attrs:{"src":_vm.viewing}}),_c('span',{directives:[{name:"show",rawName:"v-show",value:(_vm.index !== _vm.images.length - 1),expression:"index !== images.length - 1"}],staticClass:"next arrow",on:{"click":function($event){_vm.next()}}},[_c('svg',{staticClass:"svg-inline--fa fa-long-arrow-right fa-w-14",attrs:{"data-v-7008925b":"","aria-hidden":"true","data-prefix":"fal","data-icon":"long-arrow-right","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 448 512","data-fa-i2svg":""}},[_c('path',{attrs:{"fill":"currentColor","d":"M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z"}})])])])])])]):_vm._e()}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"cb29a978-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/image-previewer.vue?vue&type=template&id=068b2696&scoped=true&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.open)?_c('div',{staticClass:"preview-backdrop",on:{"click":_vm.close}},[_c('span',{directives:[{name:"show",rawName:"v-show",value:(_vm.index !== 0),expression:"index !== 0"}],staticClass:"prev arrow",on:{"click":function($event){$event.stopPropagation();_vm.prev()}}},[_c('svg',{staticClass:"svg-inline--fa fa-long-arrow-left fa-w-14",attrs:{"data-v-7008925b":"","aria-hidden":"true","data-prefix":"fal","data-icon":"long-arrow-left","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 448 512","data-fa-i2svg":""}},[_c('path',{attrs:{"fill":"currentColor","d":"M136.97 380.485l7.071-7.07c4.686-4.686 4.686-12.284 0-16.971L60.113 273H436c6.627 0 12-5.373 12-12v-10c0-6.627-5.373-12-12-12H60.113l83.928-83.444c4.686-4.686 4.686-12.284 0-16.971l-7.071-7.07c-4.686-4.686-12.284-4.686-16.97 0l-116.485 116c-4.686 4.686-4.686 12.284 0 16.971l116.485 116c4.686 4.686 12.284 4.686 16.97-.001z"}})])]),_c('div',{staticClass:"preview-container"},[_c('div',{staticClass:"preview-row"},[_c('span',{staticClass:"close",on:{"click":_vm.close}},[_c('svg',{staticClass:"svg-inline--fa fa-times fa-w-12",attrs:{"data-v-7008925b":"","aria-hidden":"true","data-prefix":"fal","data-icon":"times","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 384 512","data-fa-i2svg":""}},[_c('path',{attrs:{"fill":"currentColor","d":"M217.5 256l137.2-137.2c4.7-4.7 4.7-12.3 0-17l-8.5-8.5c-4.7-4.7-12.3-4.7-17 0L192 230.5 54.8 93.4c-4.7-4.7-12.3-4.7-17 0l-8.5 8.5c-4.7 4.7-4.7 12.3 0 17L166.5 256 29.4 393.2c-4.7 4.7-4.7 12.3 0 17l8.5 8.5c4.7 4.7 12.3 4.7 17 0L192 281.5l137.2 137.2c4.7 4.7 12.3 4.7 17 0l8.5-8.5c4.7-4.7 4.7-12.3 0-17L217.5 256z"}})])]),_c('div',{staticClass:"preview-content",on:{"click":function($event){$event.stopPropagation();}}},[_c('img',{staticClass:"main-img",attrs:{"src":_vm.viewing}})])])]),_c('span',{directives:[{name:"show",rawName:"v-show",value:(_vm.index !== _vm.images.length - 1),expression:"index !== images.length - 1"}],staticClass:"next arrow",on:{"click":function($event){$event.stopPropagation();_vm.next()}}},[_c('svg',{staticClass:"svg-inline--fa fa-long-arrow-right fa-w-14",attrs:{"data-v-7008925b":"","aria-hidden":"true","data-prefix":"fal","data-icon":"long-arrow-right","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 448 512","data-fa-i2svg":""}},[_c('path',{attrs:{"fill":"currentColor","d":"M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z"}})])])]):_vm._e()}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/image-previewer.vue?vue&type=template&id=3afae684&scoped=true&
+// CONCATENATED MODULE: ./src/components/image-previewer.vue?vue&type=template&id=068b2696&scoped=true&
 
@@ -986,4 +986,2 @@ // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.regexp.constructor.js
 //
-//
-//
 /* harmony default export */ var image_previewervue_type_script_lang_js_ = ({
@@ -1072,4 +1070,4 @@ props: {
       this.$nextTick(function () {
-        document.querySelector('.arrow.prev').style.left = '-' + document.querySelector('.main-img').offsetLeft / 2 + 'px';
-        document.querySelector('.arrow.next').style.right = '-' + document.querySelector('.main-img').offsetLeft / 2 + 'px';
+        document.querySelector('.arrow.prev').style.left = '+' + document.querySelector('.main-img').offsetLeft / 2 + 'px';
+        document.querySelector('.arrow.next').style.right = '+' + document.querySelector('.main-img').offsetLeft / 2 + 'px';
       });
@@ -1089,4 +1087,4 @@ },
  /* harmony default export */ var components_image_previewervue_type_script_lang_js_ = (image_previewervue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/image-previewer.vue?vue&type=style&index=0&id=3afae684&lang=scss&scoped=true&
-var image_previewervue_type_style_index_0_id_3afae684_lang_scss_scoped_true_ = __webpack_require__("b879");
+// EXTERNAL MODULE: ./src/components/image-previewer.vue?vue&type=style&index=0&id=068b2696&lang=scss&scoped=true&
+var image_previewervue_type_style_index_0_id_068b2696_lang_scss_scoped_true_ = __webpack_require__("affc");
 
@@ -1207,3 +1205,3 @@ // EXTERNAL MODULE: ./src/components/image-previewer.vue?vue&type=style&index=1&lang=css&
   null,
-  "3afae684",
+  "068b2696",
   null
@@ -1210,0 +1208,0 @@

dist/vue-image-previewer.umd.js

@@ -233,2 +233,9 @@ (function webpackUniversalModuleDefinition(root, factory) {
 
+/***/ "3031":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "32e9":
@@ -578,9 +585,2 @@ /***/ (function(module, exports, __webpack_require__) {
 
-/***/ "8dd0":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "9093":
@@ -666,10 +666,10 @@ /***/ (function(module, exports, __webpack_require__) {
 
-/***/ "b879":
+/***/ "affc":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_image_previewer_vue_vue_type_style_index_0_id_3afae684_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("8dd0");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_image_previewer_vue_vue_type_style_index_0_id_3afae684_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_image_previewer_vue_vue_type_style_index_0_id_3afae684_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_image_previewer_vue_vue_type_style_index_0_id_068b2696_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3031");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_image_previewer_vue_vue_type_style_index_0_id_068b2696_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_image_previewer_vue_vue_type_style_index_0_id_068b2696_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
 /* unused harmony reexport * */
- /* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_image_previewer_vue_vue_type_style_index_0_id_3afae684_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default.a); 
+ /* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_image_previewer_vue_vue_type_style_index_0_id_068b2696_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default.a); 
 
@@ -844,8 +844,8 @@ /***/ }),
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"cb29a978-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/image-previewer.vue?vue&type=template&id=3afae684&scoped=true&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.open)?_c('div',{staticClass:"preview-backdrop",on:{"click":_vm.close}},[_c('div',{staticClass:"preview-container"},[_c('div',{staticClass:"preview-row"},[_c('span',{staticClass:"close",on:{"click":_vm.close}},[_c('svg',{staticClass:"svg-inline--fa fa-times fa-w-12",attrs:{"data-v-7008925b":"","aria-hidden":"true","data-prefix":"fal","data-icon":"times","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 384 512","data-fa-i2svg":""}},[_c('path',{attrs:{"fill":"currentColor","d":"M217.5 256l137.2-137.2c4.7-4.7 4.7-12.3 0-17l-8.5-8.5c-4.7-4.7-12.3-4.7-17 0L192 230.5 54.8 93.4c-4.7-4.7-12.3-4.7-17 0l-8.5 8.5c-4.7 4.7-4.7 12.3 0 17L166.5 256 29.4 393.2c-4.7 4.7-4.7 12.3 0 17l8.5 8.5c4.7 4.7 12.3 4.7 17 0L192 281.5l137.2 137.2c4.7 4.7 12.3 4.7 17 0l8.5-8.5c4.7-4.7 4.7-12.3 0-17L217.5 256z"}})])]),_c('div',{staticClass:"preview-content",on:{"click":function($event){$event.stopPropagation();}}},[_c('span',{directives:[{name:"show",rawName:"v-show",value:(_vm.index !== 0),expression:"index !== 0"}],staticClass:"prev arrow",on:{"click":function($event){_vm.prev()}}},[_c('svg',{staticClass:"svg-inline--fa fa-long-arrow-left fa-w-14",attrs:{"data-v-7008925b":"","aria-hidden":"true","data-prefix":"fal","data-icon":"long-arrow-left","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 448 512","data-fa-i2svg":""}},[_c('path',{attrs:{"fill":"currentColor","d":"M136.97 380.485l7.071-7.07c4.686-4.686 4.686-12.284 0-16.971L60.113 273H436c6.627 0 12-5.373 12-12v-10c0-6.627-5.373-12-12-12H60.113l83.928-83.444c4.686-4.686 4.686-12.284 0-16.971l-7.071-7.07c-4.686-4.686-12.284-4.686-16.97 0l-116.485 116c-4.686 4.686-4.686 12.284 0 16.971l116.485 116c4.686 4.686 12.284 4.686 16.97-.001z"}})])]),_c('img',{staticClass:"main-img",attrs:{"src":_vm.viewing}}),_c('span',{directives:[{name:"show",rawName:"v-show",value:(_vm.index !== _vm.images.length - 1),expression:"index !== images.length - 1"}],staticClass:"next arrow",on:{"click":function($event){_vm.next()}}},[_c('svg',{staticClass:"svg-inline--fa fa-long-arrow-right fa-w-14",attrs:{"data-v-7008925b":"","aria-hidden":"true","data-prefix":"fal","data-icon":"long-arrow-right","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 448 512","data-fa-i2svg":""}},[_c('path',{attrs:{"fill":"currentColor","d":"M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z"}})])])])])])]):_vm._e()}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"cb29a978-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/image-previewer.vue?vue&type=template&id=068b2696&scoped=true&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.open)?_c('div',{staticClass:"preview-backdrop",on:{"click":_vm.close}},[_c('span',{directives:[{name:"show",rawName:"v-show",value:(_vm.index !== 0),expression:"index !== 0"}],staticClass:"prev arrow",on:{"click":function($event){$event.stopPropagation();_vm.prev()}}},[_c('svg',{staticClass:"svg-inline--fa fa-long-arrow-left fa-w-14",attrs:{"data-v-7008925b":"","aria-hidden":"true","data-prefix":"fal","data-icon":"long-arrow-left","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 448 512","data-fa-i2svg":""}},[_c('path',{attrs:{"fill":"currentColor","d":"M136.97 380.485l7.071-7.07c4.686-4.686 4.686-12.284 0-16.971L60.113 273H436c6.627 0 12-5.373 12-12v-10c0-6.627-5.373-12-12-12H60.113l83.928-83.444c4.686-4.686 4.686-12.284 0-16.971l-7.071-7.07c-4.686-4.686-12.284-4.686-16.97 0l-116.485 116c-4.686 4.686-4.686 12.284 0 16.971l116.485 116c4.686 4.686 12.284 4.686 16.97-.001z"}})])]),_c('div',{staticClass:"preview-container"},[_c('div',{staticClass:"preview-row"},[_c('span',{staticClass:"close",on:{"click":_vm.close}},[_c('svg',{staticClass:"svg-inline--fa fa-times fa-w-12",attrs:{"data-v-7008925b":"","aria-hidden":"true","data-prefix":"fal","data-icon":"times","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 384 512","data-fa-i2svg":""}},[_c('path',{attrs:{"fill":"currentColor","d":"M217.5 256l137.2-137.2c4.7-4.7 4.7-12.3 0-17l-8.5-8.5c-4.7-4.7-12.3-4.7-17 0L192 230.5 54.8 93.4c-4.7-4.7-12.3-4.7-17 0l-8.5 8.5c-4.7 4.7-4.7 12.3 0 17L166.5 256 29.4 393.2c-4.7 4.7-4.7 12.3 0 17l8.5 8.5c4.7 4.7 12.3 4.7 17 0L192 281.5l137.2 137.2c4.7 4.7 12.3 4.7 17 0l8.5-8.5c4.7-4.7 4.7-12.3 0-17L217.5 256z"}})])]),_c('div',{staticClass:"preview-content",on:{"click":function($event){$event.stopPropagation();}}},[_c('img',{staticClass:"main-img",attrs:{"src":_vm.viewing}})])])]),_c('span',{directives:[{name:"show",rawName:"v-show",value:(_vm.index !== _vm.images.length - 1),expression:"index !== images.length - 1"}],staticClass:"next arrow",on:{"click":function($event){$event.stopPropagation();_vm.next()}}},[_c('svg',{staticClass:"svg-inline--fa fa-long-arrow-right fa-w-14",attrs:{"data-v-7008925b":"","aria-hidden":"true","data-prefix":"fal","data-icon":"long-arrow-right","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 448 512","data-fa-i2svg":""}},[_c('path',{attrs:{"fill":"currentColor","d":"M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z"}})])])]):_vm._e()}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/image-previewer.vue?vue&type=template&id=3afae684&scoped=true&
+// CONCATENATED MODULE: ./src/components/image-previewer.vue?vue&type=template&id=068b2696&scoped=true&
 
@@ -995,4 +995,2 @@ // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.regexp.constructor.js
 //
-//
-//
 /* harmony default export */ var image_previewervue_type_script_lang_js_ = ({
@@ -1081,4 +1079,4 @@ props: {
       this.$nextTick(function () {
-        document.querySelector('.arrow.prev').style.left = '-' + document.querySelector('.main-img').offsetLeft / 2 + 'px';
-        document.querySelector('.arrow.next').style.right = '-' + document.querySelector('.main-img').offsetLeft / 2 + 'px';
+        document.querySelector('.arrow.prev').style.left = '+' + document.querySelector('.main-img').offsetLeft / 2 + 'px';
+        document.querySelector('.arrow.next').style.right = '+' + document.querySelector('.main-img').offsetLeft / 2 + 'px';
       });
@@ -1098,4 +1096,4 @@ },
  /* harmony default export */ var components_image_previewervue_type_script_lang_js_ = (image_previewervue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/image-previewer.vue?vue&type=style&index=0&id=3afae684&lang=scss&scoped=true&
-var image_previewervue_type_style_index_0_id_3afae684_lang_scss_scoped_true_ = __webpack_require__("b879");
+// EXTERNAL MODULE: ./src/components/image-previewer.vue?vue&type=style&index=0&id=068b2696&lang=scss&scoped=true&
+var image_previewervue_type_style_index_0_id_068b2696_lang_scss_scoped_true_ = __webpack_require__("affc");
 
@@ -1216,3 +1214,3 @@ // EXTERNAL MODULE: ./src/components/image-previewer.vue?vue&type=style&index=1&lang=css&
   null,
-  "3afae684",
+  "068b2696",
   null
@@ -1219,0 +1217,0 @@

dist/vue-image-previewer.umd.min.js

@@ -1,2 +0,2 @@
-(function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e(require("vue")):"function"===typeof define&&define.amd?define([],e):"object"===typeof exports?exports["vue-image-previewer"]=e(require("vue")):t["vue-image-previewer"]=e(t["Vue"])})("undefined"!==typeof self?self:this,function(t){return function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s="fb15")}({"0bfb":function(t,e,n){"use strict";var r=n("cb7c");t.exports=function(){var t=r(this),e="";return t.global&&(e+="g"),t.ignoreCase&&(e+="i"),t.multiline&&(e+="m"),t.unicode&&(e+="u"),t.sticky&&(e+="y"),e}},"11e9":function(t,e,n){var r=n("52a7"),o=n("4630"),i=n("6821"),c=n("6a99"),a=n("69a8"),u=n("c69a"),s=Object.getOwnPropertyDescriptor;e.f=n("9e1e")?s:function(t,e){if(t=i(t),e=c(e,!0),u)try{return s(t,e)}catch(t){}if(a(t,e))return o(!r.f.call(t,e),t[e])}},"230e":function(t,e,n){var r=n("d3f4"),o=n("7726").document,i=r(o)&&r(o.createElement);t.exports=function(t){return i?o.createElement(t):{}}},"2aba":function(t,e,n){var r=n("7726"),o=n("32e9"),i=n("69a8"),c=n("ca5a")("src"),a="toString",u=Function[a],s=(""+u).split(a);n("8378").inspectSource=function(t){return u.call(t)},(t.exports=function(t,e,n,a){var u="function"==typeof n;u&&(i(n,"name")||o(n,"name",e)),t[e]!==n&&(u&&(i(n,c)||o(n,c,t[e]?""+t[e]:s.join(String(e)))),t===r?t[e]=n:a?t[e]?t[e]=n:o(t,e,n):(delete t[e],o(t,e,n)))})(Function.prototype,a,function(){return"function"==typeof this&&this[c]||u.call(this)})},"2b4c":function(t,e,n){var r=n("5537")("wks"),o=n("ca5a"),i=n("7726").Symbol,c="function"==typeof i,a=t.exports=function(t){return r[t]||(r[t]=c&&i[t]||(c?i:o)("Symbol."+t))};a.store=r},"2d00":function(t,e){t.exports=!1},"2d95":function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},"32e9":function(t,e,n){var r=n("86cc"),o=n("4630");t.exports=n("9e1e")?function(t,e,n){return r.f(t,e,o(1,n))}:function(t,e,n){return t[e]=n,t}},3402:function(t,e,n){},"3b2b":function(t,e,n){var r=n("7726"),o=n("5dbc"),i=n("86cc").f,c=n("9093").f,a=n("aae3"),u=n("0bfb"),s=r.RegExp,f=s,l=s.prototype,p=/a/g,d=/a/g,v=new s(p)!==p;if(n("9e1e")&&(!v||n("79e5")(function(){return d[n("2b4c")("match")]=!1,s(p)!=p||s(d)==d||"/a/i"!=s(p,"i")}))){s=function(t,e){var n=this instanceof s,r=a(t),i=void 0===e;return!n&&r&&t.constructor===s&&i?t:o(v?new f(r&&!i?t.source:t,e):f((r=t instanceof s)?t.source:t,r&&i?u.call(t):e),n?this:l,s)};for(var g=function(t){t in s||i(s,t,{configurable:!0,get:function(){return f[t]},set:function(e){f[t]=e}})},h=c(f),y=0;h.length>y;)g(h[y++]);l.constructor=s,s.prototype=l,n("2aba")(r,"RegExp",s)}n("7a56")("RegExp")},4588:function(t,e){var n=Math.ceil,r=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?r:n)(t)}},4630:function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},"52a7":function(t,e){e.f={}.propertyIsEnumerable},5537:function(t,e,n){var r=n("8378"),o=n("7726"),i="__core-js_shared__",c=o[i]||(o[i]={});(t.exports=function(t,e){return c[t]||(c[t]=void 0!==e?e:{})})("versions",[]).push({version:r.version,mode:n("2d00")?"pure":"global",copyright:"© 2018 Denis Pushkarev (zloirock.ru)"})},"5dbc":function(t,e,n){var r=n("d3f4"),o=n("8b97").set;t.exports=function(t,e,n){var i,c=e.constructor;return c!==n&&"function"==typeof c&&(i=c.prototype)!==n.prototype&&r(i)&&o&&o(t,i),t}},"613b":function(t,e,n){var r=n("5537")("keys"),o=n("ca5a");t.exports=function(t){return r[t]||(r[t]=o(t))}},"626a":function(t,e,n){var r=n("2d95");t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==r(t)?t.split(""):Object(t)}},6821:function(t,e,n){var r=n("626a"),o=n("be13");t.exports=function(t){return r(o(t))}},"69a8":function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},"6a99":function(t,e,n){var r=n("d3f4");t.exports=function(t,e){if(!r(t))return t;var n,o;if(e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;if("function"==typeof(n=t.valueOf)&&!r(o=n.call(t)))return o;if(!e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},7726:function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},"77f1":function(t,e,n){var r=n("4588"),o=Math.max,i=Math.min;t.exports=function(t,e){return t=r(t),t<0?o(t+e,0):i(t,e)}},"79e5":function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},"7a56":function(t,e,n){"use strict";var r=n("7726"),o=n("86cc"),i=n("9e1e"),c=n("2b4c")("species");t.exports=function(t){var e=r[t];i&&e&&!e[c]&&o.f(e,c,{configurable:!0,get:function(){return this}})}},8378:function(t,e){var n=t.exports={version:"2.5.7"};"number"==typeof __e&&(__e=n)},"86cc":function(t,e,n){var r=n("cb7c"),o=n("c69a"),i=n("6a99"),c=Object.defineProperty;e.f=n("9e1e")?Object.defineProperty:function(t,e,n){if(r(t),e=i(e,!0),r(n),o)try{return c(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},"8b97":function(t,e,n){var r=n("d3f4"),o=n("cb7c"),i=function(t,e){if(o(t),!r(e)&&null!==e)throw TypeError(e+": can't set as prototype!")};t.exports={set:Object.setPrototypeOf||("__proto__"in{}?function(t,e,r){try{r=n("9b43")(Function.call,n("11e9").f(Object.prototype,"__proto__").set,2),r(t,[]),e=!(t instanceof Array)}catch(t){e=!0}return function(t,n){return i(t,n),e?t.__proto__=n:r(t,n),t}}({},!1):void 0),check:i}},"8bbf":function(e,n){e.exports=t},"8dd0":function(t,e,n){},9093:function(t,e,n){var r=n("ce10"),o=n("e11e").concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return r(t,o)}},"9b43":function(t,e,n){var r=n("d8e8");t.exports=function(t,e,n){if(r(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,r){return t.call(e,n,r)};case 3:return function(n,r,o){return t.call(e,n,r,o)}}return function(){return t.apply(e,arguments)}}},"9def":function(t,e,n){var r=n("4588"),o=Math.min;t.exports=function(t){return t>0?o(r(t),9007199254740991):0}},"9e1e":function(t,e,n){t.exports=!n("79e5")(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},aae3:function(t,e,n){var r=n("d3f4"),o=n("2d95"),i=n("2b4c")("match");t.exports=function(t){var e;return r(t)&&(void 0!==(e=t[i])?!!e:"RegExp"==o(t))}},b879:function(t,e,n){"use strict";var r=n("8dd0"),o=n.n(r);o.a},be13:function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on  "+t);return t}},c366:function(t,e,n){var r=n("6821"),o=n("9def"),i=n("77f1");t.exports=function(t){return function(e,n,c){var a,u=r(e),s=o(u.length),f=i(c,s);if(t&&n!=n){while(s>f)if(a=u[f++],a!=a)return!0}else for(;s>f;f++)if((t||f in u)&&u[f]===n)return t||f||0;return!t&&-1}}},c69a:function(t,e,n){t.exports=!n("9e1e")&&!n("79e5")(function(){return 7!=Object.defineProperty(n("230e")("div"),"a",{get:function(){return 7}}).a})},ca5a:function(t,e){var n=0,r=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++n+r).toString(36))}},cb7c:function(t,e,n){var r=n("d3f4");t.exports=function(t){if(!r(t))throw TypeError(t+" is not an object!");return t}},ce10:function(t,e,n){var r=n("69a8"),o=n("6821"),i=n("c366")(!1),c=n("613b")("IE_PROTO");t.exports=function(t,e){var n,a=o(t),u=0,s=[];for(n in a)n!=c&&r(a,n)&&s.push(n);while(e.length>u)r(a,n=e[u++])&&(~i(s,n)||s.push(n));return s}},d0a9:function(t,e,n){"use strict";var r=n("3402"),o=n.n(r);o.a},d3f4:function(t,e){t.exports=function(t){return"object"===typeof t?null!==t:"function"===typeof t}},d8e8:function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},e11e:function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},fb15:function(t,e,n){"use strict";var r;(n.r(e),"undefined"!==typeof window)&&((r=window.document.currentScript)&&(r=r.src.match(/(.+\/)[^/]+\.js$/))&&(n.p=r[1]));var o=n("8bbf"),i=n.n(o),c=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.open?n("div",{staticClass:"preview-backdrop",on:{click:t.close}},[n("div",{staticClass:"preview-container"},[n("div",{staticClass:"preview-row"},[n("span",{staticClass:"close",on:{click:t.close}},[n("svg",{staticClass:"svg-inline--fa fa-times fa-w-12",attrs:{"data-v-7008925b":"","aria-hidden":"true","data-prefix":"fal","data-icon":"times",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512","data-fa-i2svg":""}},[n("path",{attrs:{fill:"currentColor",d:"M217.5 256l137.2-137.2c4.7-4.7 4.7-12.3 0-17l-8.5-8.5c-4.7-4.7-12.3-4.7-17 0L192 230.5 54.8 93.4c-4.7-4.7-12.3-4.7-17 0l-8.5 8.5c-4.7 4.7-4.7 12.3 0 17L166.5 256 29.4 393.2c-4.7 4.7-4.7 12.3 0 17l8.5 8.5c4.7 4.7 12.3 4.7 17 0L192 281.5l137.2 137.2c4.7 4.7 12.3 4.7 17 0l8.5-8.5c4.7-4.7 4.7-12.3 0-17L217.5 256z"}})])]),n("div",{staticClass:"preview-content",on:{click:function(t){t.stopPropagation()}}},[n("span",{directives:[{name:"show",rawName:"v-show",value:0!==t.index,expression:"index !== 0"}],staticClass:"prev arrow",on:{click:function(e){t.prev()}}},[n("svg",{staticClass:"svg-inline--fa fa-long-arrow-left fa-w-14",attrs:{"data-v-7008925b":"","aria-hidden":"true","data-prefix":"fal","data-icon":"long-arrow-left",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512","data-fa-i2svg":""}},[n("path",{attrs:{fill:"currentColor",d:"M136.97 380.485l7.071-7.07c4.686-4.686 4.686-12.284 0-16.971L60.113 273H436c6.627 0 12-5.373 12-12v-10c0-6.627-5.373-12-12-12H60.113l83.928-83.444c4.686-4.686 4.686-12.284 0-16.971l-7.071-7.07c-4.686-4.686-12.284-4.686-16.97 0l-116.485 116c-4.686 4.686-4.686 12.284 0 16.971l116.485 116c4.686 4.686 12.284 4.686 16.97-.001z"}})])]),n("img",{staticClass:"main-img",attrs:{src:t.viewing}}),n("span",{directives:[{name:"show",rawName:"v-show",value:t.index!==t.images.length-1,expression:"index !== images.length - 1"}],staticClass:"next arrow",on:{click:function(e){t.next()}}},[n("svg",{staticClass:"svg-inline--fa fa-long-arrow-right fa-w-14",attrs:{"data-v-7008925b":"","aria-hidden":"true","data-prefix":"fal","data-icon":"long-arrow-right",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512","data-fa-i2svg":""}},[n("path",{attrs:{fill:"currentColor",d:"M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z"}})])])])])])]):t._e()},a=[],u=(n("3b2b"),{props:{images:{default:function(){return[]}},targetClass:{default:"viewable-img"}},data:function(){return{open:!1,viewing:"",index:!1}},created:function(){var t=this;document.addEventListener("click",function(e){t.hasClass(e.target,t.targetClass)&&(t.open=!0,"img"===e.target.nodeName.toLowerCase()?t.viewing=e.target.src:t.viewing=e.target.getAttribute("data-url"),t.index=t.images.indexOf(t.viewing),document.querySelector("body").style.overflow="hidden",document.querySelector("html").style.overflow="hidden",t.setArrows())}),window.addEventListener("keyup",function(e){37==e.keyCode&&t.prev(),39==e.keyCode&&t.next()})},methods:{close:function(){this.viewing="",this.open=!1,this.index=!1,document.querySelector("body,html").style.overflow="auto",document.querySelector("html").style.overflow="auto"},prev:function(){0!==this.index&&(this.viewing=this.images[this.index-1],this.index--,this.setArrows())},next:function(){this.index!==this.images.length-1&&(this.viewing=this.images[this.index+1],this.index++,this.setArrows())},setArrows:function(){this.$nextTick(function(){document.querySelector(".arrow.prev").style.left="-"+document.querySelector(".main-img").offsetLeft/2+"px",document.querySelector(".arrow.next").style.right="-"+document.querySelector(".main-img").offsetLeft/2+"px"})},hasClass:function(t,e){return new RegExp("(\\s|^)"+e+"(\\s|$)").test(t.className)}}}),s=u;n("b879"),n("d0a9");function f(t,e,n,r,o,i,c,a){var u,s="function"===typeof t?t.options:t;if(e&&(s.render=e,s.staticRenderFns=n,s._compiled=!0),r&&(s.functional=!0),i&&(s._scopeId="data-v-"+i),c?(u=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(c)},s._ssrRegister=u):o&&(u=a?function(){o.call(this,this.$root.$options.shadowRoot)}:o),u)if(s.functional){s._injectStyles=u;var f=s.render;s.render=function(t,e){return u.call(e),f(t,e)}}else{var l=s.beforeCreate;s.beforeCreate=l?[].concat(l,u):[u]}return{exports:t,options:s}}var l=f(s,c,a,!1,null,"3afae684",null);l.options.__file="image-previewer.vue";var p=l.exports;i.a.component("ImagePreviewer",p);var d=p;e["default"]=d}})});
+(function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e(require("vue")):"function"===typeof define&&define.amd?define([],e):"object"===typeof exports?exports["vue-image-previewer"]=e(require("vue")):t["vue-image-previewer"]=e(t["Vue"])})("undefined"!==typeof self?self:this,function(t){return function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s="fb15")}({"0bfb":function(t,e,n){"use strict";var r=n("cb7c");t.exports=function(){var t=r(this),e="";return t.global&&(e+="g"),t.ignoreCase&&(e+="i"),t.multiline&&(e+="m"),t.unicode&&(e+="u"),t.sticky&&(e+="y"),e}},"11e9":function(t,e,n){var r=n("52a7"),o=n("4630"),i=n("6821"),c=n("6a99"),a=n("69a8"),u=n("c69a"),s=Object.getOwnPropertyDescriptor;e.f=n("9e1e")?s:function(t,e){if(t=i(t),e=c(e,!0),u)try{return s(t,e)}catch(t){}if(a(t,e))return o(!r.f.call(t,e),t[e])}},"230e":function(t,e,n){var r=n("d3f4"),o=n("7726").document,i=r(o)&&r(o.createElement);t.exports=function(t){return i?o.createElement(t):{}}},"2aba":function(t,e,n){var r=n("7726"),o=n("32e9"),i=n("69a8"),c=n("ca5a")("src"),a="toString",u=Function[a],s=(""+u).split(a);n("8378").inspectSource=function(t){return u.call(t)},(t.exports=function(t,e,n,a){var u="function"==typeof n;u&&(i(n,"name")||o(n,"name",e)),t[e]!==n&&(u&&(i(n,c)||o(n,c,t[e]?""+t[e]:s.join(String(e)))),t===r?t[e]=n:a?t[e]?t[e]=n:o(t,e,n):(delete t[e],o(t,e,n)))})(Function.prototype,a,function(){return"function"==typeof this&&this[c]||u.call(this)})},"2b4c":function(t,e,n){var r=n("5537")("wks"),o=n("ca5a"),i=n("7726").Symbol,c="function"==typeof i,a=t.exports=function(t){return r[t]||(r[t]=c&&i[t]||(c?i:o)("Symbol."+t))};a.store=r},"2d00":function(t,e){t.exports=!1},"2d95":function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},3031:function(t,e,n){},"32e9":function(t,e,n){var r=n("86cc"),o=n("4630");t.exports=n("9e1e")?function(t,e,n){return r.f(t,e,o(1,n))}:function(t,e,n){return t[e]=n,t}},3402:function(t,e,n){},"3b2b":function(t,e,n){var r=n("7726"),o=n("5dbc"),i=n("86cc").f,c=n("9093").f,a=n("aae3"),u=n("0bfb"),s=r.RegExp,f=s,l=s.prototype,p=/a/g,d=/a/g,v=new s(p)!==p;if(n("9e1e")&&(!v||n("79e5")(function(){return d[n("2b4c")("match")]=!1,s(p)!=p||s(d)==d||"/a/i"!=s(p,"i")}))){s=function(t,e){var n=this instanceof s,r=a(t),i=void 0===e;return!n&&r&&t.constructor===s&&i?t:o(v?new f(r&&!i?t.source:t,e):f((r=t instanceof s)?t.source:t,r&&i?u.call(t):e),n?this:l,s)};for(var g=function(t){t in s||i(s,t,{configurable:!0,get:function(){return f[t]},set:function(e){f[t]=e}})},h=c(f),y=0;h.length>y;)g(h[y++]);l.constructor=s,s.prototype=l,n("2aba")(r,"RegExp",s)}n("7a56")("RegExp")},4588:function(t,e){var n=Math.ceil,r=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?r:n)(t)}},4630:function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},"52a7":function(t,e){e.f={}.propertyIsEnumerable},5537:function(t,e,n){var r=n("8378"),o=n("7726"),i="__core-js_shared__",c=o[i]||(o[i]={});(t.exports=function(t,e){return c[t]||(c[t]=void 0!==e?e:{})})("versions",[]).push({version:r.version,mode:n("2d00")?"pure":"global",copyright:"© 2018 Denis Pushkarev (zloirock.ru)"})},"5dbc":function(t,e,n){var r=n("d3f4"),o=n("8b97").set;t.exports=function(t,e,n){var i,c=e.constructor;return c!==n&&"function"==typeof c&&(i=c.prototype)!==n.prototype&&r(i)&&o&&o(t,i),t}},"613b":function(t,e,n){var r=n("5537")("keys"),o=n("ca5a");t.exports=function(t){return r[t]||(r[t]=o(t))}},"626a":function(t,e,n){var r=n("2d95");t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==r(t)?t.split(""):Object(t)}},6821:function(t,e,n){var r=n("626a"),o=n("be13");t.exports=function(t){return r(o(t))}},"69a8":function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},"6a99":function(t,e,n){var r=n("d3f4");t.exports=function(t,e){if(!r(t))return t;var n,o;if(e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;if("function"==typeof(n=t.valueOf)&&!r(o=n.call(t)))return o;if(!e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},7726:function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},"77f1":function(t,e,n){var r=n("4588"),o=Math.max,i=Math.min;t.exports=function(t,e){return t=r(t),t<0?o(t+e,0):i(t,e)}},"79e5":function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},"7a56":function(t,e,n){"use strict";var r=n("7726"),o=n("86cc"),i=n("9e1e"),c=n("2b4c")("species");t.exports=function(t){var e=r[t];i&&e&&!e[c]&&o.f(e,c,{configurable:!0,get:function(){return this}})}},8378:function(t,e){var n=t.exports={version:"2.5.7"};"number"==typeof __e&&(__e=n)},"86cc":function(t,e,n){var r=n("cb7c"),o=n("c69a"),i=n("6a99"),c=Object.defineProperty;e.f=n("9e1e")?Object.defineProperty:function(t,e,n){if(r(t),e=i(e,!0),r(n),o)try{return c(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},"8b97":function(t,e,n){var r=n("d3f4"),o=n("cb7c"),i=function(t,e){if(o(t),!r(e)&&null!==e)throw TypeError(e+": can't set as prototype!")};t.exports={set:Object.setPrototypeOf||("__proto__"in{}?function(t,e,r){try{r=n("9b43")(Function.call,n("11e9").f(Object.prototype,"__proto__").set,2),r(t,[]),e=!(t instanceof Array)}catch(t){e=!0}return function(t,n){return i(t,n),e?t.__proto__=n:r(t,n),t}}({},!1):void 0),check:i}},"8bbf":function(e,n){e.exports=t},9093:function(t,e,n){var r=n("ce10"),o=n("e11e").concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return r(t,o)}},"9b43":function(t,e,n){var r=n("d8e8");t.exports=function(t,e,n){if(r(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,r){return t.call(e,n,r)};case 3:return function(n,r,o){return t.call(e,n,r,o)}}return function(){return t.apply(e,arguments)}}},"9def":function(t,e,n){var r=n("4588"),o=Math.min;t.exports=function(t){return t>0?o(r(t),9007199254740991):0}},"9e1e":function(t,e,n){t.exports=!n("79e5")(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},aae3:function(t,e,n){var r=n("d3f4"),o=n("2d95"),i=n("2b4c")("match");t.exports=function(t){var e;return r(t)&&(void 0!==(e=t[i])?!!e:"RegExp"==o(t))}},affc:function(t,e,n){"use strict";var r=n("3031"),o=n.n(r);o.a},be13:function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on  "+t);return t}},c366:function(t,e,n){var r=n("6821"),o=n("9def"),i=n("77f1");t.exports=function(t){return function(e,n,c){var a,u=r(e),s=o(u.length),f=i(c,s);if(t&&n!=n){while(s>f)if(a=u[f++],a!=a)return!0}else for(;s>f;f++)if((t||f in u)&&u[f]===n)return t||f||0;return!t&&-1}}},c69a:function(t,e,n){t.exports=!n("9e1e")&&!n("79e5")(function(){return 7!=Object.defineProperty(n("230e")("div"),"a",{get:function(){return 7}}).a})},ca5a:function(t,e){var n=0,r=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++n+r).toString(36))}},cb7c:function(t,e,n){var r=n("d3f4");t.exports=function(t){if(!r(t))throw TypeError(t+" is not an object!");return t}},ce10:function(t,e,n){var r=n("69a8"),o=n("6821"),i=n("c366")(!1),c=n("613b")("IE_PROTO");t.exports=function(t,e){var n,a=o(t),u=0,s=[];for(n in a)n!=c&&r(a,n)&&s.push(n);while(e.length>u)r(a,n=e[u++])&&(~i(s,n)||s.push(n));return s}},d0a9:function(t,e,n){"use strict";var r=n("3402"),o=n.n(r);o.a},d3f4:function(t,e){t.exports=function(t){return"object"===typeof t?null!==t:"function"===typeof t}},d8e8:function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},e11e:function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},fb15:function(t,e,n){"use strict";var r;(n.r(e),"undefined"!==typeof window)&&((r=window.document.currentScript)&&(r=r.src.match(/(.+\/)[^/]+\.js$/))&&(n.p=r[1]));var o=n("8bbf"),i=n.n(o),c=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.open?n("div",{staticClass:"preview-backdrop",on:{click:t.close}},[n("span",{directives:[{name:"show",rawName:"v-show",value:0!==t.index,expression:"index !== 0"}],staticClass:"prev arrow",on:{click:function(e){e.stopPropagation(),t.prev()}}},[n("svg",{staticClass:"svg-inline--fa fa-long-arrow-left fa-w-14",attrs:{"data-v-7008925b":"","aria-hidden":"true","data-prefix":"fal","data-icon":"long-arrow-left",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512","data-fa-i2svg":""}},[n("path",{attrs:{fill:"currentColor",d:"M136.97 380.485l7.071-7.07c4.686-4.686 4.686-12.284 0-16.971L60.113 273H436c6.627 0 12-5.373 12-12v-10c0-6.627-5.373-12-12-12H60.113l83.928-83.444c4.686-4.686 4.686-12.284 0-16.971l-7.071-7.07c-4.686-4.686-12.284-4.686-16.97 0l-116.485 116c-4.686 4.686-4.686 12.284 0 16.971l116.485 116c4.686 4.686 12.284 4.686 16.97-.001z"}})])]),n("div",{staticClass:"preview-container"},[n("div",{staticClass:"preview-row"},[n("span",{staticClass:"close",on:{click:t.close}},[n("svg",{staticClass:"svg-inline--fa fa-times fa-w-12",attrs:{"data-v-7008925b":"","aria-hidden":"true","data-prefix":"fal","data-icon":"times",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512","data-fa-i2svg":""}},[n("path",{attrs:{fill:"currentColor",d:"M217.5 256l137.2-137.2c4.7-4.7 4.7-12.3 0-17l-8.5-8.5c-4.7-4.7-12.3-4.7-17 0L192 230.5 54.8 93.4c-4.7-4.7-12.3-4.7-17 0l-8.5 8.5c-4.7 4.7-4.7 12.3 0 17L166.5 256 29.4 393.2c-4.7 4.7-4.7 12.3 0 17l8.5 8.5c4.7 4.7 12.3 4.7 17 0L192 281.5l137.2 137.2c4.7 4.7 12.3 4.7 17 0l8.5-8.5c4.7-4.7 4.7-12.3 0-17L217.5 256z"}})])]),n("div",{staticClass:"preview-content",on:{click:function(t){t.stopPropagation()}}},[n("img",{staticClass:"main-img",attrs:{src:t.viewing}})])])]),n("span",{directives:[{name:"show",rawName:"v-show",value:t.index!==t.images.length-1,expression:"index !== images.length - 1"}],staticClass:"next arrow",on:{click:function(e){e.stopPropagation(),t.next()}}},[n("svg",{staticClass:"svg-inline--fa fa-long-arrow-right fa-w-14",attrs:{"data-v-7008925b":"","aria-hidden":"true","data-prefix":"fal","data-icon":"long-arrow-right",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512","data-fa-i2svg":""}},[n("path",{attrs:{fill:"currentColor",d:"M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z"}})])])]):t._e()},a=[],u=(n("3b2b"),{props:{images:{default:function(){return[]}},targetClass:{default:"viewable-img"}},data:function(){return{open:!1,viewing:"",index:!1}},created:function(){var t=this;document.addEventListener("click",function(e){t.hasClass(e.target,t.targetClass)&&(t.open=!0,"img"===e.target.nodeName.toLowerCase()?t.viewing=e.target.src:t.viewing=e.target.getAttribute("data-url"),t.index=t.images.indexOf(t.viewing),document.querySelector("body").style.overflow="hidden",document.querySelector("html").style.overflow="hidden",t.setArrows())}),window.addEventListener("keyup",function(e){37==e.keyCode&&t.prev(),39==e.keyCode&&t.next()})},methods:{close:function(){this.viewing="",this.open=!1,this.index=!1,document.querySelector("body,html").style.overflow="auto",document.querySelector("html").style.overflow="auto"},prev:function(){0!==this.index&&(this.viewing=this.images[this.index-1],this.index--,this.setArrows())},next:function(){this.index!==this.images.length-1&&(this.viewing=this.images[this.index+1],this.index++,this.setArrows())},setArrows:function(){this.$nextTick(function(){document.querySelector(".arrow.prev").style.left="+"+document.querySelector(".main-img").offsetLeft/2+"px",document.querySelector(".arrow.next").style.right="+"+document.querySelector(".main-img").offsetLeft/2+"px"})},hasClass:function(t,e){return new RegExp("(\\s|^)"+e+"(\\s|$)").test(t.className)}}}),s=u;n("affc"),n("d0a9");function f(t,e,n,r,o,i,c,a){var u,s="function"===typeof t?t.options:t;if(e&&(s.render=e,s.staticRenderFns=n,s._compiled=!0),r&&(s.functional=!0),i&&(s._scopeId="data-v-"+i),c?(u=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(c)},s._ssrRegister=u):o&&(u=a?function(){o.call(this,this.$root.$options.shadowRoot)}:o),u)if(s.functional){s._injectStyles=u;var f=s.render;s.render=function(t,e){return u.call(e),f(t,e)}}else{var l=s.beforeCreate;s.beforeCreate=l?[].concat(l,u):[u]}return{exports:t,options:s}}var l=f(s,c,a,!1,null,"068b2696",null);l.options.__file="image-previewer.vue";var p=l.exports;i.a.component("ImagePreviewer",p);var d=p;e["default"]=d}})});
 //# sourceMappingURL=vue-image-previewer.umd.min.js.map

package.json

@@ -6,3 +6,3 @@ {
 	"license": "MIT",
-	"version": "0.0.2",
+	"version": "0.0.3",
 	"private": false,
@@ -9,0 +9,0 @@ "main": "./dist/vue-image-previewer.common.js",

README.md

@@ -31,3 +31,4 @@ # Vue Image previewer
 <script>
-import ImagePreviewer from './components/image-previewer'
+import ImagePreviewer from '@salamander.be/vue-image-previewer'
+import '@salamander.be/vue-image-previewer/dist/vue-image-previewer.css'
 
@@ -47,3 +48,3 @@ export default {
               'https://picsum.photos/800/700'
-	      'https://picsum.photos/900/500', 
+	          'https://picsum.photos/900/500', 
               'https://picsum.photos/800/900', 
@@ -50,0 +51,0 @@ 'https://picsum.photos/700/900',

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Number of lines in readme file

67

increased by1.52%

Worsened metrics

Total package byte prevSize

261489

decreased by-0.01%

Lines of code

2093

decreased by-0.14%

No dependency changes