primevue 2.9.2 → 2.10.1

package/imagepreview/imagepreview.common.js

@@ -1136,17 +1136,6 @@ if (__webpack_require__("9e1e") && (!CORRECT_NEW || __webpack_require__("79e5")(
 __webpack_require__("7a56")('RegExp');
 
 
-/***/ }),
-
-/***/ "3d9d":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImagePreview_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("632e");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImagePreview_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImagePreview_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "41a0":
@@ -1208,21 +1197,6 @@ module.exports = function (bitmap, value) {
 };
 
 
-/***/ }),
-
-/***/ "4671":
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__("2350")(false);
-// imports
-
-
-// module
-exports.push([module.i, ".p-image-mask{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.p-image-preview-container{position:relative;display:inline-block}.p-image-preview-indicator{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.p-image-preview-icon{font-size:1.5rem}.p-image-preview-container:hover>.p-image-preview-indicator{opacity:1;cursor:pointer}.p-image-preview-container>img{cursor:pointer}.p-image-toolbar{position:absolute;top:0;right:0}.p-image-action.p-link,.p-image-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex}.p-image-action.p-link{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.p-image-preview{-webkit-transition:-webkit-transform .15s;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;max-width:100vw;max-height:100vh}.p-image-preview-enter-active{-webkit-transition:all .15s cubic-bezier(0,0,.2,1);transition:all .15s cubic-bezier(0,0,.2,1)}.p-image-preview-leave-active{-webkit-transition:all .15s cubic-bezier(.4,0,.2,1);transition:all .15s cubic-bezier(.4,0,.2,1)}.p-image-preview-enter,.p-image-preview-leave-to{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}", ""]);
-
-// exports
-
-
 /***/ }),
 
 /***/ "46a7":
@@ -1787,22 +1761,6 @@ module.exports = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
 };
 
 
-/***/ }),
-
-/***/ "632e":
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__("4671");
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("131dd2e1", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "63b6":
@@ -2832,6 +2790,22 @@ module.exports = !__webpack_require__("9e1e") && !__webpack_require__("79e5")(fu
 });
 
 
+/***/ }),
+
+/***/ "c833":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("f8b0");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("a3b113b2", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "ca5a":
@@ -2997,6 +2971,17 @@ module.exports = (
 ).split(',');
 
 
+/***/ }),
+
+/***/ "e445":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImagePreview_vue_vue_type_style_index_0_id_c36741da_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("c833");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImagePreview_vue_vue_type_style_index_0_id_c36741da_prod_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImagePreview_vue_vue_type_style_index_0_id_c36741da_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "e4ae":
@@ -3130,6 +3115,21 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "f8b0":
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__("2350")(false);
+// imports
+
+
+// module
+exports.push([module.i, ".p-image-mask{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.p-image-preview-container{position:relative;display:inline-block}.p-image-preview-indicator{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.p-image-preview-icon{font-size:1.5rem}.p-image-preview-container:hover>.p-image-preview-indicator{opacity:1;cursor:pointer}.p-image-preview-container>img{cursor:pointer}.p-image-toolbar{position:absolute;top:0;right:0}.p-image-action.p-link,.p-image-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex}.p-image-action.p-link{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.p-image-preview{-webkit-transition:-webkit-transform .15s;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;max-width:100vw;max-height:100vh}.p-image-preview-enter-active{-webkit-transition:all .15s cubic-bezier(0,0,.2,1);transition:all .15s cubic-bezier(0,0,.2,1)}.p-image-preview-leave-active{-webkit-transition:all .15s cubic-bezier(.4,0,.2,1);transition:all .15s cubic-bezier(.4,0,.2,1)}.p-image-preview-enter,.p-image-preview-leave-to{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}", ""]);
+
+// exports
+
+
 /***/ }),
 
 /***/ "fa5b":
@@ -3173,10 +3173,110 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"28cb4606-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/imagepreview/ImagePreview.vue?vue&type=template&id=c36741da&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{ref:"container",class:_vm.containerClass,style:(_vm.styles)},[_c('img',_vm._b({class:_vm.imageClass,style:(_vm.imageStyle)},'img',_vm.$attrs,false)),(_vm.preview)?_c('div',{staticClass:"p-image-preview-indicator",on:{"click":_vm.onImageClick}},[_vm._t("indicator",function(){return [_c('i',{staticClass:"p-image-preview-icon pi pi-eye"})]})],2):_vm._e(),(_vm.maskVisible)?_c('div',{ref:"mask",class:_vm.maskClass,on:{"click":_vm.onMaskClick}},[_c('div',{staticClass:"p-image-toolbar"},[_c('button',{staticClass:"p-image-action p-link",attrs:{"type":"button"},on:{"click":_vm.rotateRight}},[_c('i',{staticClass:"pi pi-refresh"})]),_c('button',{staticClass:"p-image-action p-link",attrs:{"type":"button"},on:{"click":_vm.rotateLeft}},[_c('i',{staticClass:"pi pi-undo"})]),_c('button',{staticClass:"p-image-action p-link",attrs:{"type":"button","disabled":_vm.zoomDisabled},on:{"click":_vm.zoomOut}},[_c('i',{staticClass:"pi pi-search-minus"})]),_c('button',{staticClass:"p-image-action p-link",attrs:{"type":"button","disabled":_vm.zoomDisabled},on:{"click":_vm.zoomIn}},[_c('i',{staticClass:"pi pi-search-plus"})]),_vm._m(0)]),_c('transition',{attrs:{"name":"p-image-preview"},on:{"before-enter":_vm.onBeforeEnter,"enter":_vm.onEnter,"leave":_vm.onLeave,"before-leave":_vm.onBeforeLeave,"after-leave":_vm.onAfterLeave}},[(_vm.previewVisible)?_c('div',[_c('img',{staticClass:"p-image-preview",style:(_vm.imagePreviewStyle),attrs:{"src":_vm.$attrs.src},on:{"click":_vm.onPreviewImageClick}})]):_vm._e()])],1):_vm._e()])}
-var staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{staticClass:"p-image-action p-link",attrs:{"type":"button"}},[_c('i',{staticClass:"pi pi-times"})])}]
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"08364d47-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/imagepreview/ImagePreview.vue?vue&type=template&id=c36741da&
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('span', {
+    ref: "container",
+    class: _vm.containerClass,
+    style: _vm.styles
+  }, [_c('img', _vm._b({
+    class: _vm.imageClass,
+    style: _vm.imageStyle
+  }, 'img', _vm.$attrs, false)), _vm.preview ? _c('div', {
+    staticClass: "p-image-preview-indicator",
+    on: {
+      "click": _vm.onImageClick
+    }
+  }, [_vm._t("indicator", function () {
+    return [_c('i', {
+      staticClass: "p-image-preview-icon pi pi-eye"
+    })];
+  })], 2) : _vm._e(), _vm.maskVisible ? _c('div', {
+    ref: "mask",
+    class: _vm.maskClass,
+    on: {
+      "click": _vm.onMaskClick
+    }
+  }, [_c('div', {
+    staticClass: "p-image-toolbar"
+  }, [_c('button', {
+    staticClass: "p-image-action p-link",
+    attrs: {
+      "type": "button"
+    },
+    on: {
+      "click": _vm.rotateRight
+    }
+  }, [_c('i', {
+    staticClass: "pi pi-refresh"
+  })]), _c('button', {
+    staticClass: "p-image-action p-link",
+    attrs: {
+      "type": "button"
+    },
+    on: {
+      "click": _vm.rotateLeft
+    }
+  }, [_c('i', {
+    staticClass: "pi pi-undo"
+  })]), _c('button', {
+    staticClass: "p-image-action p-link",
+    attrs: {
+      "type": "button",
+      "disabled": _vm.zoomDisabled
+    },
+    on: {
+      "click": _vm.zoomOut
+    }
+  }, [_c('i', {
+    staticClass: "pi pi-search-minus"
+  })]), _c('button', {
+    staticClass: "p-image-action p-link",
+    attrs: {
+      "type": "button",
+      "disabled": _vm.zoomDisabled
+    },
+    on: {
+      "click": _vm.zoomIn
+    }
+  }, [_c('i', {
+    staticClass: "pi pi-search-plus"
+  })]), _vm._m(0)]), _c('transition', {
+    attrs: {
+      "name": "p-image-preview"
+    },
+    on: {
+      "before-enter": _vm.onBeforeEnter,
+      "enter": _vm.onEnter,
+      "leave": _vm.onLeave,
+      "before-leave": _vm.onBeforeLeave,
+      "after-leave": _vm.onAfterLeave
+    }
+  }, [_vm.previewVisible ? _c('div', [_c('img', {
+    staticClass: "p-image-preview",
+    style: _vm.imagePreviewStyle,
+    attrs: {
+      "src": _vm.$attrs.src
+    },
+    on: {
+      "click": _vm.onPreviewImageClick
+    }
+  })]) : _vm._e()])], 1) : _vm._e()]);
+};
+var staticRenderFns = [function () {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('button', {
+    staticClass: "p-image-action p-link",
+    attrs: {
+      "type": "button"
+    }
+  }, [_c('i', {
+    staticClass: "pi pi-times"
+  })]);
+}];
 
 // CONCATENATED MODULE: ./src/components/imagepreview/ImagePreview.vue?vue&type=template&id=c36741da&
 
@@ -3222,26 +3322,21 @@ var define_property_default = /*#__PURE__*/__webpack_require__.n(define_property
 
 // CONCATENATED MODULE: ./node_modules/@babel/runtime-corejs2/helpers/esm/createClass.js
 
-
 function _defineProperties(target, props) {
   for (var i = 0; i < props.length; i++) {
     var descriptor = props[i];
     descriptor.enumerable = descriptor.enumerable || false;
     descriptor.configurable = true;
     if ("value" in descriptor) descriptor.writable = true;
-
     define_property_default()(target, descriptor.key, descriptor);
   }
 }
-
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
-
   define_property_default()(Constructor, "prototype", {
     writable: false
   });
-
   return Constructor;
 }
 // CONCATENATED MODULE: ./src/components/utils/DomHandler.js
@@ -3257,18 +3352,13 @@ function _createClass(Constructor, protoProps, staticProps) {
 
 
 
-
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 var DomHandler_DomHandler = /*#__PURE__*/function () {
   function DomHandler() {
     _classCallCheck(this, DomHandler);
   }
-
   _createClass(DomHandler, null, [{
     key: "innerWidth",
     value: function innerWidth(el) {
@@ -3302,12 +3392,10 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     value: function getOuterWidth(el, margin) {
       if (el) {
         var width = el.offsetWidth;
-
         if (margin) {
           var style = getComputedStyle(el);
           width += parseFloat(style.marginLeft) + parseFloat(style.marginRight);
         }
-
         return width;
       } else {
         return 0;
@@ -3318,12 +3406,10 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     value: function getOuterHeight(el, margin) {
       if (el) {
         var height = el.offsetHeight;
-
         if (margin) {
           var style = getComputedStyle(el);
           height += parseFloat(style.marginTop) + parseFloat(style.marginBottom);
         }
-
         return height;
       } else {
         return 0;
@@ -3334,12 +3420,10 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     value: function getClientHeight(el, margin) {
       if (el) {
         var height = el.clientHeight;
-
         if (margin) {
           var style = getComputedStyle(el);
           height += parseFloat(style.marginTop) + parseFloat(style.marginBottom);
         }
-
         return height;
       } else {
         return 0;
@@ -3349,11 +3433,11 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     key: "getViewport",
     value: function getViewport() {
       var win = window,
-          d = document,
-          e = d.documentElement,
-          g = d.getElementsByTagName('body')[0],
-          w = win.innerWidth || e.clientWidth || g.clientWidth,
-          h = win.innerHeight || e.clientHeight || g.clientHeight;
+        d = document,
+        e = d.documentElement,
+        g = d.getElementsByTagName('body')[0],
+        w = win.innerWidth || e.clientWidth || g.clientWidth,
+        h = win.innerHeight || e.clientHeight || g.clientHeight;
       return {
         width: w,
         height: h
@@ -3384,12 +3468,10 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     value: function index(element) {
       var children = element.parentNode.childNodes;
       var num = 0;
-
       for (var i = 0; i < children.length; i++) {
         if (children[i] === element) return num;
         if (children[i].nodeType === 1) num++;
       }
-
       return -1;
     }
   }, {
@@ -3397,13 +3479,11 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     value: function addMultipleClasses(element, className) {
       if (element.classList) {
         var styles = className.split(' ');
-
         for (var i = 0; i < styles.length; i++) {
           element.classList.add(styles[i]);
         }
       } else {
         var _styles = className.split(' ');
-
         for (var _i = 0; _i < _styles.length; _i++) {
           element.className += ' ' + _styles[_i];
         }
@@ -3425,7 +3505,6 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       if (element) {
         if (element.classList) return element.classList.contains(className);else return new RegExp('(^| )' + className + '( |$)', 'gi').test(element.className);
       }
-
       return false;
     }
   }, {
@@ -3470,11 +3549,9 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       var windowScrollLeft = this.getWindowScrollLeft();
       var viewport = this.getViewport();
       var top, left;
-
       if (targetOffset.top + targetOuterHeight + elementOuterHeight > viewport.height) {
         top = targetOffset.top + windowScrollTop - elementOuterHeight;
         element.style.transformOrigin = 'bottom';
-
         if (top < 0) {
           top = windowScrollTop;
         }
@@ -3482,7 +3559,6 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
         top = targetOuterHeight + targetOffset.top + windowScrollTop;
         element.style.transformOrigin = 'top';
       }
-
       if (targetOffset.left + elementOuterWidth > viewport.width) left = Math.max(0, targetOffset.left + windowScrollLeft + targetOuterWidth - elementOuterWidth);else left = targetOffset.left + windowScrollLeft;
       element.style.top = top + 'px';
       element.style.left = left + 'px';
@@ -3498,11 +3574,9 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       var targetOffset = target.getBoundingClientRect();
       var viewport = this.getViewport();
       var top, left;
-
       if (targetOffset.top + targetHeight + elementDimensions.height > viewport.height) {
         top = -1 * elementDimensions.height;
         element.style.transformOrigin = 'bottom';
-
         if (targetOffset.top + top < 0) {
           top = -1 * targetOffset.top;
         }
@@ -3510,7 +3584,6 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
         top = targetHeight;
         element.style.transformOrigin = 'top';
       }
-
       if (elementDimensions.width > viewport.width) {
         // element wider then viewport and cannot fit on screen (align at left side of viewport)
         left = targetOffset.left * -1;
@@ -3521,7 +3594,6 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
         // element fits on screen (align with target)
         left = 0;
       }
-
       element.style.top = top + 'px';
       element.style.left = left + 'px';
     }
@@ -3535,35 +3607,27 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     key: "getScrollableParents",
     value: function getScrollableParents(element) {
       var scrollableParents = [];
-
       if (element) {
         var parents = this.getParents(element);
         var overflowRegex = /(auto|scroll)/;
-
         var overflowCheck = function overflowCheck(node) {
           var styleDeclaration = window['getComputedStyle'](node, null);
           return overflowRegex.test(styleDeclaration.getPropertyValue('overflow')) || overflowRegex.test(styleDeclaration.getPropertyValue('overflowX')) || overflowRegex.test(styleDeclaration.getPropertyValue('overflowY'));
         };
-
         var _iterator = _createForOfIteratorHelper(parents),
-            _step;
-
+          _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
             var parent = _step.value;
             var scrollSelectors = parent.nodeType === 1 && parent.dataset['scrollselectors'];
-
             if (scrollSelectors) {
               var selectors = scrollSelectors.split(',');
-
               var _iterator2 = _createForOfIteratorHelper(selectors),
-                  _step2;
-
+                _step2;
               try {
                 for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
                   var selector = _step2.value;
                   var el = this.findSingle(parent, selector);
-
                   if (el && overflowCheck(el)) {
                     scrollableParents.push(el);
                   }
@@ -3581,7 +3645,6 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
           _iterator.f();
         }
       }
-
       return scrollableParents;
     }
   }, {
@@ -3622,34 +3685,29 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       element.style.opacity = 0;
       var last = +new Date();
       var opacity = 0;
-
       var tick = function tick() {
         opacity = +element.style.opacity + (new Date().getTime() - last) / duration;
         element.style.opacity = opacity;
         last = +new Date();
-
         if (+opacity < 1) {
           window.requestAnimationFrame && requestAnimationFrame(tick) || setTimeout(tick, 16);
         }
       };
-
       tick();
     }
   }, {
     key: "fadeOut",
     value: function fadeOut(element, ms) {
       var opacity = 1,
-          interval = 50,
-          duration = ms,
-          gap = interval / duration;
+        interval = 50,
+        duration = ms,
+        gap = interval / duration;
       var fading = setInterval(function () {
         opacity -= gap;
-
         if (opacity <= 0) {
           opacity = 0;
           clearInterval(fading);
         }
-
         element.style.opacity = opacity;
       }, interval);
     }
@@ -3676,7 +3734,6 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       var scroll = container.scrollTop;
       var elementHeight = container.clientHeight;
       var itemHeight = this.getOuterHeight(item);
-
       if (offset < 0) {
         container.scrollTop = scroll + offset;
       } else if (offset + itemHeight > elementHeight) {
@@ -3695,7 +3752,8 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       } else if (document['selection'] && document['selection'].empty) {
         try {
           document['selection'].empty();
-        } catch (error) {//ignore IE bug
+        } catch (error) {
+          //ignore IE bug
         }
       }
     }
@@ -3717,19 +3775,16 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       if (!this.browser) {
         var matched = this.resolveUserAgent();
         this.browser = {};
-
         if (matched.browser) {
           this.browser[matched.browser] = true;
           this.browser['version'] = matched.version;
         }
-
         if (this.browser['chrome']) {
           this.browser['webkit'] = true;
         } else if (this.browser['webkit']) {
           this.browser['safari'] = true;
         }
       }
-
       return this.browser;
     }
   }, {
@@ -3757,10 +3812,8 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     value: function getFocusableElements(element) {
       var focusableElements = DomHandler.find(element, "button:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), \n                [href][clientHeight][clientWidth]:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), \n                input:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), select:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), \n                textarea:not([tabindex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), [tabIndex]:not([tabIndex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden]), \n                [contenteditable]:not([tabIndex = \"-1\"]):not([disabled]):not([style*=\"display:none\"]):not([hidden])");
       var visibleFocusableElements = [];
-
       var _iterator3 = _createForOfIteratorHelper(focusableElements),
-          _step3;
-
+        _step3;
       try {
         for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
           var focusableElement = _step3.value;
@@ -3771,7 +3824,6 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       } finally {
         _iterator3.f();
       }
-
       return visibleFocusableElements;
     }
   }, {
@@ -3814,47 +3866,10 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
     }
   }]);
-
   return DomHandler;
 }();
 
-
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/imagepreview/ImagePreview.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 /* harmony default export */ var ImagePreviewvue_type_script_lang_js_ = ({
   name: 'ImagePreview',
@@ -3884,7 +3899,6 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
   methods: {
     onImageClick: function onImageClick() {
       var _this = this;
-
       if (this.preview) {
         this.maskVisible = true;
         setTimeout(function () {
@@ -3901,7 +3915,6 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
         this.rotate = 0;
         this.scale = 1;
       }
-
       this.previewClick = false;
     },
     rotateRight: function rotateRight() {
@@ -3969,8 +3982,8 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
 });
 // CONCATENATED MODULE: ./src/components/imagepreview/ImagePreview.vue?vue&type=script&lang=js&
  /* harmony default export */ var imagepreview_ImagePreviewvue_type_script_lang_js_ = (ImagePreviewvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/imagepreview/ImagePreview.vue?vue&type=style&index=0&lang=css&
-var ImagePreviewvue_type_style_index_0_lang_css_ = __webpack_require__("3d9d");
+// EXTERNAL MODULE: ./src/components/imagepreview/ImagePreview.vue?vue&type=style&index=0&id=c36741da&prod&lang=css&
+var ImagePreviewvue_type_style_index_0_id_c36741da_prod_lang_css_ = __webpack_require__("e445");
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -3979,20 +3992,19 @@ var ImagePreviewvue_type_style_index_0_lang_css_ = __webpack_require__("3d9d");
 // This module is a runtime utility for cleaner component module output and will
 // be included in the final webpack user bundle.
 
-function normalizeComponent (
+function normalizeComponent(
   scriptExports,
   render,
   staticRenderFns,
   functionalTemplate,
   injectStyles,
   scopeId,
-  moduleIdentifier, /* server only */
+  moduleIdentifier /* server only */,
   shadowMode /* vue-cli only */
 ) {
   // Vue.extend constructor export interop
-  var options = typeof scriptExports === 'function'
-    ? scriptExports.options
-    : scriptExports
+  var options =
+    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
 
   // render functions
   if (render) {
@@ -4012,7 +4024,8 @@ function normalizeComponent (
   }
 
   var hook
-  if (moduleIdentifier) { // server build
+  if (moduleIdentifier) {
+    // server build
     hook = function (context) {
       // 2.3 injection
       context =
@@ -4038,11 +4051,11 @@ function normalizeComponent (
   } else if (injectStyles) {
     hook = shadowMode
       ? function () {
-        injectStyles.call(
-          this,
-          (options.functional ? this.parent : this).$root.$options.shadowRoot
-        )
-      }
+          injectStyles.call(
+            this,
+            (options.functional ? this.parent : this).$root.$options.shadowRoot
+          )
+        }
       : injectStyles
   }
 
@@ -4053,16 +4066,14 @@ function normalizeComponent (
       options._injectStyles = hook
       // register for functional component in vue file
       var originalRender = options.render
-      options.render = function renderWithStyleInjection (h, context) {
+      options.render = function renderWithStyleInjection(h, context) {
         hook.call(context)
         return originalRender(h, context)
       }
     } else {
       // inject component registration as beforeCreate hook
       var existing = options.beforeCreate
-      options.beforeCreate = existing
-        ? [].concat(existing, hook)
-        : [hook]
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
     }
   }