primevue 2.5.1 → 2.9.0

package/{datatable/scrollableview.umd.js → imagepreview/imagepreview.umd.js}

@@ -4,9 +4,9 @@
 	else if(typeof define === 'function' && define.amd)
 		define([], factory);
 	else if(typeof exports === 'object')
-		exports["scrollableview"] = factory();
+		exports["imagepreview"] = factory();
 	else
-		root["scrollableview"] = factory();
+		root["imagepreview"] = factory();
 })((typeof self !== 'undefined' ? self : this), function() {
 return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache
@@ -578,6 +578,89 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "2350":
+/***/ (function(module, exports) {
+
+/*
+	MIT License http://www.opensource.org/licenses/mit-license.php
+	Author Tobias Koppers @sokra
+*/
+// css base code, injected by the css-loader
+module.exports = function(useSourceMap) {
+	var list = [];
+
+	// return the list of modules as css string
+	list.toString = function toString() {
+		return this.map(function (item) {
+			var content = cssWithMappingToString(item, useSourceMap);
+			if(item[2]) {
+				return "@media " + item[2] + "{" + content + "}";
+			} else {
+				return content;
+			}
+		}).join("");
+	};
+
+	// import a list of modules into the list
+	list.i = function(modules, mediaQuery) {
+		if(typeof modules === "string")
+			modules = [[null, modules, ""]];
+		var alreadyImportedModules = {};
+		for(var i = 0; i < this.length; i++) {
+			var id = this[i][0];
+			if(typeof id === "number")
+				alreadyImportedModules[id] = true;
+		}
+		for(i = 0; i < modules.length; i++) {
+			var item = modules[i];
+			// skip already imported module
+			// this implementation is not 100% perfect for weird media query combinations
+			//  when a module is imported multiple times with different media queries.
+			//  I hope this will never occur (Hey this way we have smaller bundles)
+			if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
+				if(mediaQuery && !item[2]) {
+					item[2] = mediaQuery;
+				} else if(mediaQuery) {
+					item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
+				}
+				list.push(item);
+			}
+		}
+	};
+	return list;
+};
+
+function cssWithMappingToString(item, useSourceMap) {
+	var content = item[1] || '';
+	var cssMapping = item[3];
+	if (!cssMapping) {
+		return content;
+	}
+
+	if (useSourceMap && typeof btoa === 'function') {
+		var sourceMapping = toComment(cssMapping);
+		var sourceURLs = cssMapping.sources.map(function (source) {
+			return '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'
+		});
+
+		return [content].concat(sourceURLs).concat([sourceMapping]).join('\n');
+	}
+
+	return [content].join('\n');
+}
+
+// Adapted from convert-source-map (MIT)
+function toComment(sourceMap) {
+	// eslint-disable-next-line no-undef
+	var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));
+	var data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;
+
+	return '/*# ' + data + ' */';
+}
+
+
 /***/ }),
 
 /***/ "23c6":
@@ -1062,6 +1145,17 @@ 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":
@@ -1123,6 +1217,21 @@ 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":
@@ -1133,6 +1242,272 @@ var $export = __webpack_require__("63b6");
 $export($export.S + $export.F * !__webpack_require__("8e60"), 'Object', { defineProperty: __webpack_require__("d9f6").f });
 
 
+/***/ }),
+
+/***/ "499e":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, "default", function() { return /* binding */ addStylesClient; });
+
+// CONCATENATED MODULE: ./node_modules/vue-style-loader/lib/listToStyles.js
+/**
+ * Translates the list format produced by css-loader into something
+ * easier to manipulate.
+ */
+function listToStyles (parentId, list) {
+  var styles = []
+  var newStyles = {}
+  for (var i = 0; i < list.length; i++) {
+    var item = list[i]
+    var id = item[0]
+    var css = item[1]
+    var media = item[2]
+    var sourceMap = item[3]
+    var part = {
+      id: parentId + ':' + i,
+      css: css,
+      media: media,
+      sourceMap: sourceMap
+    }
+    if (!newStyles[id]) {
+      styles.push(newStyles[id] = { id: id, parts: [part] })
+    } else {
+      newStyles[id].parts.push(part)
+    }
+  }
+  return styles
+}
+
+// CONCATENATED MODULE: ./node_modules/vue-style-loader/lib/addStylesClient.js
+/*
+  MIT License http://www.opensource.org/licenses/mit-license.php
+  Author Tobias Koppers @sokra
+  Modified by Evan You @yyx990803
+*/
+
+
+
+var hasDocument = typeof document !== 'undefined'
+
+if (typeof DEBUG !== 'undefined' && DEBUG) {
+  if (!hasDocument) {
+    throw new Error(
+    'vue-style-loader cannot be used in a non-browser environment. ' +
+    "Use { target: 'node' } in your Webpack config to indicate a server-rendering environment."
+  ) }
+}
+
+/*
+type StyleObject = {
+  id: number;
+  parts: Array<StyleObjectPart>
+}
+
+type StyleObjectPart = {
+  css: string;
+  media: string;
+  sourceMap: ?string
+}
+*/
+
+var stylesInDom = {/*
+  [id: number]: {
+    id: number,
+    refs: number,
+    parts: Array<(obj?: StyleObjectPart) => void>
+  }
+*/}
+
+var head = hasDocument && (document.head || document.getElementsByTagName('head')[0])
+var singletonElement = null
+var singletonCounter = 0
+var isProduction = false
+var noop = function () {}
+var options = null
+var ssrIdKey = 'data-vue-ssr-id'
+
+// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
+// tags it will allow on a page
+var isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\b/.test(navigator.userAgent.toLowerCase())
+
+function addStylesClient (parentId, list, _isProduction, _options) {
+  isProduction = _isProduction
+
+  options = _options || {}
+
+  var styles = listToStyles(parentId, list)
+  addStylesToDom(styles)
+
+  return function update (newList) {
+    var mayRemove = []
+    for (var i = 0; i < styles.length; i++) {
+      var item = styles[i]
+      var domStyle = stylesInDom[item.id]
+      domStyle.refs--
+      mayRemove.push(domStyle)
+    }
+    if (newList) {
+      styles = listToStyles(parentId, newList)
+      addStylesToDom(styles)
+    } else {
+      styles = []
+    }
+    for (var i = 0; i < mayRemove.length; i++) {
+      var domStyle = mayRemove[i]
+      if (domStyle.refs === 0) {
+        for (var j = 0; j < domStyle.parts.length; j++) {
+          domStyle.parts[j]()
+        }
+        delete stylesInDom[domStyle.id]
+      }
+    }
+  }
+}
+
+function addStylesToDom (styles /* Array<StyleObject> */) {
+  for (var i = 0; i < styles.length; i++) {
+    var item = styles[i]
+    var domStyle = stylesInDom[item.id]
+    if (domStyle) {
+      domStyle.refs++
+      for (var j = 0; j < domStyle.parts.length; j++) {
+        domStyle.parts[j](item.parts[j])
+      }
+      for (; j < item.parts.length; j++) {
+        domStyle.parts.push(addStyle(item.parts[j]))
+      }
+      if (domStyle.parts.length > item.parts.length) {
+        domStyle.parts.length = item.parts.length
+      }
+    } else {
+      var parts = []
+      for (var j = 0; j < item.parts.length; j++) {
+        parts.push(addStyle(item.parts[j]))
+      }
+      stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }
+    }
+  }
+}
+
+function createStyleElement () {
+  var styleElement = document.createElement('style')
+  styleElement.type = 'text/css'
+  head.appendChild(styleElement)
+  return styleElement
+}
+
+function addStyle (obj /* StyleObjectPart */) {
+  var update, remove
+  var styleElement = document.querySelector('style[' + ssrIdKey + '~="' + obj.id + '"]')
+
+  if (styleElement) {
+    if (isProduction) {
+      // has SSR styles and in production mode.
+      // simply do nothing.
+      return noop
+    } else {
+      // has SSR styles but in dev mode.
+      // for some reason Chrome can't handle source map in server-rendered
+      // style tags - source maps in <style> only works if the style tag is
+      // created and inserted dynamically. So we remove the server rendered
+      // styles and inject new ones.
+      styleElement.parentNode.removeChild(styleElement)
+    }
+  }
+
+  if (isOldIE) {
+    // use singleton mode for IE9.
+    var styleIndex = singletonCounter++
+    styleElement = singletonElement || (singletonElement = createStyleElement())
+    update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)
+    remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)
+  } else {
+    // use multi-style-tag mode in all other cases
+    styleElement = createStyleElement()
+    update = applyToTag.bind(null, styleElement)
+    remove = function () {
+      styleElement.parentNode.removeChild(styleElement)
+    }
+  }
+
+  update(obj)
+
+  return function updateStyle (newObj /* StyleObjectPart */) {
+    if (newObj) {
+      if (newObj.css === obj.css &&
+          newObj.media === obj.media &&
+          newObj.sourceMap === obj.sourceMap) {
+        return
+      }
+      update(obj = newObj)
+    } else {
+      remove()
+    }
+  }
+}
+
+var replaceText = (function () {
+  var textStore = []
+
+  return function (index, replacement) {
+    textStore[index] = replacement
+    return textStore.filter(Boolean).join('\n')
+  }
+})()
+
+function applyToSingletonTag (styleElement, index, remove, obj) {
+  var css = remove ? '' : obj.css
+
+  if (styleElement.styleSheet) {
+    styleElement.styleSheet.cssText = replaceText(index, css)
+  } else {
+    var cssNode = document.createTextNode(css)
+    var childNodes = styleElement.childNodes
+    if (childNodes[index]) styleElement.removeChild(childNodes[index])
+    if (childNodes.length) {
+      styleElement.insertBefore(cssNode, childNodes[index])
+    } else {
+      styleElement.appendChild(cssNode)
+    }
+  }
+}
+
+function applyToTag (styleElement, obj) {
+  var css = obj.css
+  var media = obj.media
+  var sourceMap = obj.sourceMap
+
+  if (media) {
+    styleElement.setAttribute('media', media)
+  }
+  if (options.ssrId) {
+    styleElement.setAttribute(ssrIdKey, obj.id)
+  }
+
+  if (sourceMap) {
+    // https://developer.chrome.com/devtools/docs/javascript-debugging
+    // this makes source maps inside style tags work properly in Chrome
+    css += '\n/*# sourceURL=' + sourceMap.sources[0] + ' */'
+    // http://stackoverflow.com/a/26603875
+    css += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'
+  }
+
+  if (styleElement.styleSheet) {
+    styleElement.styleSheet.cssText = css
+  } else {
+    while (styleElement.firstChild) {
+      styleElement.removeChild(styleElement.firstChild)
+    }
+    styleElement.appendChild(document.createTextNode(css))
+  }
+}
+
+
 /***/ }),
 
 /***/ "4bf8":
@@ -1421,6 +1796,22 @@ 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":
@@ -2343,43 +2734,6 @@ __webpack_require__("214f")('replace', 2, function (defined, REPLACE, $replace,
 });
 
 
-/***/ }),
-
-/***/ "aa77":
-/***/ (function(module, exports, __webpack_require__) {
-
-var $export = __webpack_require__("5ca1");
-var defined = __webpack_require__("be13");
-var fails = __webpack_require__("79e5");
-var spaces = __webpack_require__("fdef");
-var space = '[' + spaces + ']';
-var non = '\u200b\u0085';
-var ltrim = RegExp('^' + space + space + '*');
-var rtrim = RegExp(space + space + '*$');
-
-var exporter = function (KEY, exec, ALIAS) {
-  var exp = {};
-  var FORCE = fails(function () {
-    return !!spaces[KEY]() || non[KEY]() != non;
-  });
-  var fn = exp[KEY] = FORCE ? exec(trim) : spaces[KEY];
-  if (ALIAS) exp[ALIAS] = fn;
-  $export($export.P + $export.F * FORCE, 'String', exp);
-};
-
-// 1 -> String#trimLeft
-// 2 -> String#trimRight
-// 3 -> String#trim
-var trim = exporter.trim = function (string, TYPE) {
-  string = String(defined(string));
-  if (TYPE & 1) string = string.replace(ltrim, '');
-  if (TYPE & 2) string = string.replace(rtrim, '');
-  return string;
-};
-
-module.exports = exporter;
-
-
 /***/ }),
 
 /***/ "aae3":
@@ -2477,83 +2831,6 @@ module.exports = function (IS_INCLUDES) {
 };
 
 
-/***/ }),
-
-/***/ "c5f6":
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var global = __webpack_require__("7726");
-var has = __webpack_require__("69a8");
-var cof = __webpack_require__("2d95");
-var inheritIfRequired = __webpack_require__("5dbc");
-var toPrimitive = __webpack_require__("6a99");
-var fails = __webpack_require__("79e5");
-var gOPN = __webpack_require__("9093").f;
-var gOPD = __webpack_require__("11e9").f;
-var dP = __webpack_require__("86cc").f;
-var $trim = __webpack_require__("aa77").trim;
-var NUMBER = 'Number';
-var $Number = global[NUMBER];
-var Base = $Number;
-var proto = $Number.prototype;
-// Opera ~12 has broken Object#toString
-var BROKEN_COF = cof(__webpack_require__("2aeb")(proto)) == NUMBER;
-var TRIM = 'trim' in String.prototype;
-
-// 7.1.3 ToNumber(argument)
-var toNumber = function (argument) {
-  var it = toPrimitive(argument, false);
-  if (typeof it == 'string' && it.length > 2) {
-    it = TRIM ? it.trim() : $trim(it, 3);
-    var first = it.charCodeAt(0);
-    var third, radix, maxCode;
-    if (first === 43 || first === 45) {
-      third = it.charCodeAt(2);
-      if (third === 88 || third === 120) return NaN; // Number('+0x1') should be NaN, old V8 fix
-    } else if (first === 48) {
-      switch (it.charCodeAt(1)) {
-        case 66: case 98: radix = 2; maxCode = 49; break; // fast equal /^0b[01]+$/i
-        case 79: case 111: radix = 8; maxCode = 55; break; // fast equal /^0o[0-7]+$/i
-        default: return +it;
-      }
-      for (var digits = it.slice(2), i = 0, l = digits.length, code; i < l; i++) {
-        code = digits.charCodeAt(i);
-        // parseInt parses a string to a first unavailable symbol
-        // but ToNumber should return NaN if a string contains unavailable symbols
-        if (code < 48 || code > maxCode) return NaN;
-      } return parseInt(digits, radix);
-    }
-  } return +it;
-};
-
-if (!$Number(' 0o1') || !$Number('0b1') || $Number('+0x1')) {
-  $Number = function Number(value) {
-    var it = arguments.length < 1 ? 0 : value;
-    var that = this;
-    return that instanceof $Number
-      // check on 1..constructor(foo) case
-      && (BROKEN_COF ? fails(function () { proto.valueOf.call(that); }) : cof(that) != NUMBER)
-        ? inheritIfRequired(new Base(toNumber(it)), that, $Number) : toNumber(it);
-  };
-  for (var keys = __webpack_require__("9e1e") ? gOPN(Base) : (
-    // ES3:
-    'MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,' +
-    // ES6 (in case, if modules with ES6 Number statics required before):
-    'EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,' +
-    'MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger'
-  ).split(','), j = 0, key; keys.length > j; j++) {
-    if (has(Base, key = keys[j]) && !has($Number, key)) {
-      dP($Number, key, gOPD(Base, key));
-    }
-  }
-  $Number.prototype = proto;
-  proto.constructor = $Number;
-  __webpack_require__("2aba")(global, NUMBER, $Number);
-}
-
-
 /***/ }),
 
 /***/ "c69a":
@@ -2905,15 +3182,12 @@ 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":"0538004c-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/datatable/ScrollableView.vue?vue&type=template&id=00127103&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.containerClass,style:(_vm.containerStyle)},[_c('div',{ref:"scrollHeader",staticClass:"p-datatable-scrollable-header",on:{"scroll":_vm.onHeaderScroll}},[_c('div',{ref:"scrollHeaderBox",staticClass:"p-datatable-scrollable-header-box"},[_c('table',{staticClass:"p-datatable-scrollable-header-table"},[_c('colgroup',[_vm._l((_vm.columns),function(col,i){return [(_vm.shouldRenderCol(col))?_c('col',{key:col.columnKey||col.field||i,style:(col.headerStyle)}):_vm._e()]})],2),_vm._t("header"),_vm._t("frozenbody")],2)])]),_c('div',{ref:"scrollBody",staticClass:"p-datatable-scrollable-body",style:(_vm.bodyStyle),on:{"scroll":_vm.onBodyScroll}},[_c('table',{ref:"scrollTable",class:_vm.bodyTableClass,style:(_vm.bodyTableStyle)},[_c('colgroup',[_vm._l((_vm.columns),function(col,i){return [(_vm.shouldRenderCol(col))?_c('col',{key:col.columnKey||col.field||i,style:(col.bodyStyle || col.headerStyle)}):_vm._e()]})],2),_vm._t("body")],2),(_vm.virtualScroll)?_c('table',{ref:"loadingTable",staticClass:"p-datatable-scrollable-body-table p-datatable-loading-virtual-table p-datatable-virtual-table",style:({top:'0', display: 'none'})},[_c('colgroup',_vm._l((_vm.columns),function(col,i){return _c('col',{key:col.columnKey||col.field||i,style:(col.bodyStyle || col.headerStyle)})}),0),_c('DTTableLoadingBody',{attrs:{"columns":_vm.columns,"rows":_vm.rows}})],1):_vm._e(),_c('div',{ref:"virtualScroller",staticClass:"p-datatable-virtual-scroller"})]),_c('div',{ref:"scrollFooter",staticClass:"p-datatable-scrollable-footer"},[_c('div',{ref:"scrollFooterBox",staticClass:"p-datatable-scrollable-footer-box"},[_c('table',{staticClass:"p-datatable-scrollable-footer-table"},[_c('colgroup',[_vm._l((_vm.columns),function(col,i){return [(_vm.shouldRenderCol(col))?_c('col',{key:col.columnKey||col.field||i,style:(col.footerStyle || col.headerStyle)}):_vm._e()]})],2),_vm._t("footer")],2)])])])}
-var staticRenderFns = []
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b9fe9a72-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: ./src/components/datatable/ScrollableView.vue?vue&type=template&id=00127103&
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.number.constructor.js
-var es6_number_constructor = __webpack_require__("c5f6");
+// CONCATENATED MODULE: ./src/components/imagepreview/ImagePreview.vue?vue&type=template&id=c36741da&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es7.symbol.async-iterator.js
 var es7_symbol_async_iterator = __webpack_require__("ac4d");
@@ -2972,6 +3246,11 @@ function _defineProperties(target, props) {
 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
@@ -3504,6 +3783,12 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
 
       return visibleFocusableElements;
     }
+  }, {
+    key: "getFirstFocusableElement",
+    value: function getFirstFocusableElement(element) {
+      var focusableElements = this.getFocusableElements(element);
+      return focusableElements.length > 0 ? focusableElements[0] : null;
+    }
   }, {
     key: "isClickable",
     value: function isClickable(element) {
@@ -3511,6 +3796,17 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       var parentNode = element.parentElement && element.parentElement.nodeName;
       return targetNode == 'INPUT' || targetNode == 'BUTTON' || targetNode == 'A' || parentNode == 'INPUT' || parentNode == 'BUTTON' || parentNode == 'A' || this.hasClass(element, 'p-button') || this.hasClass(element.parentElement, 'p-button') || this.hasClass(element.parentElement, 'p-checkbox') || this.hasClass(element.parentElement, 'p-radiobutton');
     }
+  }, {
+    key: "applyStyle",
+    value: function applyStyle(element, style) {
+      if (typeof style === 'string') {
+        element.style.cssText = style;
+      } else {
+        for (var prop in style) {
+          element.style[prop] = style[prop];
+        }
+      }
+    }
   }, {
     key: "isIOS",
     value: function isIOS() {
@@ -3521,52 +3817,170 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     value: function isAndroid() {
       return /(android)/i.test(navigator.userAgent);
     }
+  }, {
+    key: "isTouchDevice",
+    value: function isTouchDevice() {
+      return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
+    }
   }]);
 
   return DomHandler;
 }();
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0538004c-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/datatable/TableLoadingBody.vue?vue&type=template&id=b716ae2c&
-var TableLoadingBodyvue_type_template_id_b716ae2c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('tbody',{staticClass:"p-datatable-tbody"},_vm._l((_vm.rows),function(n){return _c('tr',{key:n},_vm._l((_vm.columns),function(col,i){return _c('td',{key:col.columnKey||col.field||i},[_c('DTColumnSlot',{attrs:{"column":col,"index":i,"type":"loading"}})],1)}),0)}),0)}
-var TableLoadingBodyvue_type_template_id_b716ae2c_staticRenderFns = []
-
+// 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&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
-// CONCATENATED MODULE: ./src/components/datatable/TableLoadingBody.vue?vue&type=template&id=b716ae2c&
+/* harmony default export */ var ImagePreviewvue_type_script_lang_js_ = ({
+  name: 'ImagePreview',
+  inheritAttrs: false,
+  props: {
+    preview: {
+      type: Boolean,
+      default: false
+    },
+    className: null,
+    styles: null,
+    imageStyle: null,
+    imageClass: null
+  },
+  mask: null,
+  data: function data() {
+    return {
+      maskVisible: false,
+      previewVisible: false,
+      rotate: 0,
+      scale: 1
+    };
+  },
+  beforeDestroy: function beforeDestroy() {
+    this.restoreAppend();
+  },
+  methods: {
+    onImageClick: function onImageClick() {
+      var _this = this;
 
-// 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/datatable/ColumnSlot.vue?vue&type=script&lang=js&
+      if (this.preview) {
+        this.maskVisible = true;
+        setTimeout(function () {
+          _this.previewVisible = true;
+        }, 25);
+      }
+    },
+    onPreviewImageClick: function onPreviewImageClick() {
+      this.previewClick = true;
+    },
+    onMaskClick: function onMaskClick() {
+      if (!this.previewClick) {
+        this.previewVisible = false;
+        this.rotate = 0;
+        this.scale = 1;
+      }
 
-/* harmony default export */ var ColumnSlotvue_type_script_lang_js_ = ({
-  functional: true,
-  props: {
-    column: {
-      type: null,
-      default: null
+      this.previewClick = false;
+    },
+    rotateRight: function rotateRight() {
+      this.rotate += 90;
+      this.previewClick = true;
+    },
+    rotateLeft: function rotateLeft() {
+      this.rotate -= 90;
+      this.previewClick = true;
+    },
+    zoomIn: function zoomIn() {
+      this.scale = this.scale + 0.1;
+      this.previewClick = true;
+    },
+    zoomOut: function zoomOut() {
+      this.scale = this.scale - 0.1;
+      this.previewClick = true;
+    },
+    onBeforeEnter: function onBeforeEnter() {
+      this.$refs.mask.style.zIndex = String(DomHandler_DomHandler.generateZIndex());
+    },
+    onEnter: function onEnter() {
+      this.appendContainer();
+      this.$emit('show');
     },
-    data: {
-      type: null,
-      default: null
+    onBeforeLeave: function onBeforeLeave() {
+      DomHandler_DomHandler.addClass(this.$refs.mask, 'p-component-overlay-leave');
     },
-    index: {
-      type: Number,
-      default: null
+    onLeave: function onLeave() {
+      this.$emit('hide');
     },
-    type: {
-      type: String,
-      default: null
+    onAfterLeave: function onAfterLeave() {
+      this.maskVisible = false;
+    },
+    appendContainer: function appendContainer() {
+      document.body.appendChild(this.$refs.mask);
+    },
+    restoreAppend: function restoreAppend() {
+      if (this.$refs.mask) {
+        document.body.removeChild(this.$refs.mask);
+      }
     }
   },
-  render: function render(createElement, context) {
-    var content = context.props.column.$scopedSlots[context.props.type]({
-      'data': context.props.data,
-      'index': context.props.index,
-      'column': context.props.column
-    });
-    return [content];
+  computed: {
+    containerClass: function containerClass() {
+      return ['p-image p-component', this.className, {
+        'p-image-preview-container': this.preview
+      }];
+    },
+    maskClass: function maskClass() {
+      return ['p-image-mask p-component-overlay p-component-overlay-enter'];
+    },
+    rotateClass: function rotateClass() {
+      return 'p-image-preview-rotate-' + this.rotate;
+    },
+    imagePreviewStyle: function imagePreviewStyle() {
+      return {
+        transform: 'rotate(' + this.rotate + 'deg) scale(' + this.scale + ')'
+      };
+    },
+    zoomDisabled: function zoomDisabled() {
+      return this.scale <= 0.5 || this.scale >= 1.5;
+    }
   }
 });
-// CONCATENATED MODULE: ./src/components/datatable/ColumnSlot.vue?vue&type=script&lang=js&
- /* harmony default export */ var datatable_ColumnSlotvue_type_script_lang_js_ = (ColumnSlotvue_type_script_lang_js_); 
+// 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");
+
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
 
@@ -3667,315 +4081,17 @@ function normalizeComponent (
   }
 }
 
-// CONCATENATED MODULE: ./src/components/datatable/ColumnSlot.vue
-var ColumnSlot_render, ColumnSlot_staticRenderFns
+// CONCATENATED MODULE: ./src/components/imagepreview/ImagePreview.vue
 
 
 
 
-/* normalize component */
-
-var component = normalizeComponent(
-  datatable_ColumnSlotvue_type_script_lang_js_,
-  ColumnSlot_render,
-  ColumnSlot_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* harmony default export */ var ColumnSlot = (component.exports);
-// 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/datatable/TableLoadingBody.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-/* harmony default export */ var TableLoadingBodyvue_type_script_lang_js_ = ({
-  props: {
-    columns: {
-      type: null,
-      default: null
-    },
-    rows: {
-      type: null,
-      default: null
-    }
-  },
-  components: {
-    'DTColumnSlot': ColumnSlot
-  }
-});
-// CONCATENATED MODULE: ./src/components/datatable/TableLoadingBody.vue?vue&type=script&lang=js&
- /* harmony default export */ var datatable_TableLoadingBodyvue_type_script_lang_js_ = (TableLoadingBodyvue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./src/components/datatable/TableLoadingBody.vue
-
-
-
 
 
 /* normalize component */
 
-var TableLoadingBody_component = normalizeComponent(
-  datatable_TableLoadingBodyvue_type_script_lang_js_,
-  TableLoadingBodyvue_type_template_id_b716ae2c_render,
-  TableLoadingBodyvue_type_template_id_b716ae2c_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* harmony default export */ var TableLoadingBody = (TableLoadingBody_component.exports);
-// 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/datatable/ScrollableView.vue?vue&type=script&lang=js&
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-/* harmony default export */ var ScrollableViewvue_type_script_lang_js_ = ({
-  props: {
-    frozen: {
-      type: Boolean,
-      default: false
-    },
-    frozenWidth: {
-      type: String,
-      default: null
-    },
-    columns: {
-      type: null,
-      default: null
-    },
-    scrollHeight: {
-      type: String,
-      default: null
-    },
-    virtualScroll: {
-      type: Boolean,
-      default: false
-    },
-    virtualRowHeight: {
-      type: Number,
-      default: null
-    },
-    rows: {
-      type: Number,
-      default: null
-    },
-    totalRecords: {
-      type: Number,
-      default: 0
-    },
-    rowGroupMode: {
-      type: String,
-      default: null
-    },
-    groupRowsBy: {
-      type: [Array, String],
-      default: null
-    }
-  },
-  virtualScrollCallback: null,
-  mounted: function mounted() {
-    if (!this.frozen) this.alignScrollBar();else this.$refs.scrollBody.style.paddingBottom = DomHandler_DomHandler.calculateScrollbarWidth() + 'px';
-
-    if (this.virtualScroll) {
-      this.$refs.virtualScroller.style.height = this.totalRecords * this.virtualRowHeight + 'px';
-    }
-  },
-  updated: function updated() {
-    if (this.virtualScrollCallback) {
-      this.virtualScrollCallback();
-      this.virtualScrollCallback = null;
-    }
-  },
-  watch: {
-    totalRecords: function totalRecords(newValue) {
-      if (this.virtualScroll) {
-        this.$refs.virtualScroller.style.height = newValue * this.virtualRowHeight + 'px';
-      }
-    }
-  },
-  methods: {
-    onHeaderScroll: function onHeaderScroll() {
-      this.$refs.scrollHeader.scrollLeft = 0;
-    },
-    onBodyScroll: function onBodyScroll() {
-      var _this = this;
-
-      var frozenView = this.$el.previousElementSibling;
-      var frozenScrollBody;
-
-      if (frozenView) {
-        frozenScrollBody = DomHandler_DomHandler.findSingle(frozenView, '.p-datatable-scrollable-body');
-      }
-
-      if (frozenScrollBody) {
-        frozenScrollBody.scrollTop = this.$refs.scrollBody.scrollTop;
-      }
-
-      this.$refs.scrollHeaderBox.style.marginLeft = -1 * this.$refs.scrollBody.scrollLeft + 'px';
-
-      if (this.$refs.scrollFooterBox) {
-        this.$refs.scrollFooterBox.style.marginLeft = -1 * this.$refs.scrollBody.scrollLeft + 'px';
-      }
-
-      if (this.virtualScroll) {
-        var viewport = DomHandler_DomHandler.getClientHeight(this.$refs.scrollBody);
-        var tableHeight = DomHandler_DomHandler.getOuterHeight(this.$refs.scrollTable);
-        var pageHeight = this.virtualRowHeight * this.rows;
-        var virtualTableHeight = DomHandler_DomHandler.getOuterHeight(this.$refs.virtualScroller);
-        var pageCount = virtualTableHeight / pageHeight || 1;
-        var scrollBodyTop = this.$refs.scrollTable.style.top || '0';
-
-        if (this.$refs.scrollBody.scrollTop + viewport > parseFloat(scrollBodyTop) + tableHeight || this.$refs.scrollBody.scrollTop < parseFloat(scrollBodyTop)) {
-          if (this.$refs.loadingTable) {
-            this.$refs.loadingTable.style.display = 'table';
-            this.$refs.loadingTable.style.top = this.$refs.scrollBody.scrollTop + 'px';
-          }
-
-          var page = Math.floor(this.$refs.scrollBody.scrollTop * pageCount / this.$refs.scrollBody.scrollHeight) + 1;
-          this.$emit('virtual-scroll', {
-            page: page
-          });
-
-          this.virtualScrollCallback = function () {
-            if (_this.$refs.loadingTable) {
-              _this.$refs.loadingTable.style.display = 'none';
-            }
-
-            _this.$refs.scrollTable.style.top = (page - 1) * pageHeight + 'px';
-          };
-        }
-      }
-    },
-    alignScrollBar: function alignScrollBar() {
-      var scrollBarWidth = DomHandler_DomHandler.calculateScrollbarWidth();
-      this.$refs.scrollHeaderBox.style.paddingRight = scrollBarWidth + 'px';
-
-      if (this.$refs.scrollFooterBox) {
-        this.$refs.scrollFooterBox.style.paddingRight = scrollBarWidth + 'px';
-      }
-    },
-    shouldRenderCol: function shouldRenderCol(column) {
-      if (this.rowGroupMode && this.rowGroupMode === 'subheader') {
-        return this.groupRowsBy !== column.field;
-      }
-
-      return true;
-    }
-  },
-  computed: {
-    containerClass: function containerClass() {
-      return ['p-datatable-scrollable-view', {
-        'p-datatable-frozen-view': this.frozen,
-        'p-datatable-unfrozen-view': !this.frozen && this.frozenWidth
-      }];
-    },
-    containerStyle: function containerStyle() {
-      if (this.frozenWidth) {
-        if (this.frozen) {
-          return {
-            width: this.frozenWidth
-          };
-        } else {
-          return {
-            width: 'calc(100% - ' + this.frozenWidth + ')',
-            left: this.frozenWidth
-          };
-        }
-      } else {
-        return null;
-      }
-    },
-    bodyTableClass: function bodyTableClass() {
-      return ['p-datatable-scrollable-body-table', {
-        'p-datatable-virtual-table': this.virtualScroll
-      }];
-    },
-    bodyTableStyle: function bodyTableStyle() {
-      return this.virtualScroll ? {
-        top: '0'
-      } : null;
-    },
-    bodyStyle: function bodyStyle() {
-      return {
-        maxHeight: this.scrollHeight !== 'flex' ? this.scrollHeight : null,
-        overflowY: !this.frozen && this.scrollHeight ? 'scroll' : null
-      };
-    }
-  },
-  components: {
-    'DTTableLoadingBody': TableLoadingBody
-  }
-});
-// CONCATENATED MODULE: ./src/components/datatable/ScrollableView.vue?vue&type=script&lang=js&
- /* harmony default export */ var datatable_ScrollableViewvue_type_script_lang_js_ = (ScrollableViewvue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./src/components/datatable/ScrollableView.vue
-
-
-
-
-
-/* normalize component */
-
-var ScrollableView_component = normalizeComponent(
-  datatable_ScrollableViewvue_type_script_lang_js_,
+var component = normalizeComponent(
+  imagepreview_ImagePreviewvue_type_script_lang_js_,
   render,
   staticRenderFns,
   false,
@@ -3985,21 +4101,12 @@ var ScrollableView_component = normalizeComponent(
   
 )
 
-/* harmony default export */ var ScrollableView = (ScrollableView_component.exports);
+/* harmony default export */ var ImagePreview = (component.exports);
 // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
 
 
-/* harmony default export */ var entry_lib = __webpack_exports__["default"] = (ScrollableView);
-
-
-
-/***/ }),
-
-/***/ "fdef":
-/***/ (function(module, exports) {
+/* harmony default export */ var entry_lib = __webpack_exports__["default"] = (ImagePreview);
 
-module.exports = '\x09\x0A\x0B\x0C\x0D\x20\xA0\u1680\u180E\u2000\u2001\u2002\u2003' +
-  '\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
 
 
 /***/ })