primevue 2.9.2 → 2.10.1

package/button/button.umd.js

@@ -2791,12 +2791,35 @@ 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/button/Button.vue?vue&type=template&id=3d0cb6ac&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({directives:[{name:"ripple",rawName:"v-ripple"}],class:_vm.buttonClass,attrs:{"type":"button"}},_vm.$listeners),[_vm._t("default",function(){return [(_vm.icon)?_c('span',{class:_vm.iconClass}):_vm._e(),_c('span',{staticClass:"p-button-label"},[_vm._v(_vm._s(_vm.label||' '))]),(_vm.badge)?_c('span',{staticClass:"p-badge",class:_vm.badgeStyleClass},[_vm._v(_vm._s(_vm.badge))]):_vm._e()]})],2)}
-var staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./src/components/button/Button.vue?vue&type=template&id=3d0cb6ac&
+// 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/button/Button.vue?vue&type=template&id=44f787be&
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('button', _vm._g({
+    directives: [{
+      name: "ripple",
+      rawName: "v-ripple"
+    }],
+    class: _vm.buttonClass,
+    attrs: {
+      "type": "button"
+    }
+  }, _vm.$listeners), [_vm._t("default", function () {
+    return [_vm.loading && !_vm.icon ? _c('span', {
+      class: _vm.iconClass
+    }) : _vm._e(), _vm.icon ? _c('span', {
+      class: _vm.iconClass
+    }) : _vm._e(), _c('span', {
+      staticClass: "p-button-label"
+    }, [_vm._v(_vm._s(_vm.label || ' '))]), _vm.badge ? _c('span', {
+      staticClass: "p-badge",
+      class: _vm.badgeStyleClass
+    }, [_vm._v(_vm._s(_vm.badge))]) : _vm._e()];
+  })], 2);
+};
+var staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/components/button/Button.vue?vue&type=template&id=44f787be&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es7.symbol.async-iterator.js
 var es7_symbol_async_iterator = __webpack_require__("ac4d");
@@ -2840,26 +2863,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
@@ -2875,18 +2893,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) {
@@ -2920,12 +2933,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;
@@ -2936,12 +2947,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;
@@ -2952,12 +2961,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;
@@ -2967,11 +2974,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
@@ -3002,12 +3009,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;
     }
   }, {
@@ -3015,13 +3020,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];
         }
@@ -3043,7 +3046,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;
     }
   }, {
@@ -3088,11 +3090,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;
         }
@@ -3100,7 +3100,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';
@@ -3116,11 +3115,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;
         }
@@ -3128,7 +3125,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;
@@ -3139,7 +3135,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';
     }
@@ -3153,35 +3148,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);
                   }
@@ -3199,7 +3186,6 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
           _iterator.f();
         }
       }
-
       return scrollableParents;
     }
   }, {
@@ -3240,34 +3226,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);
     }
@@ -3294,7 +3275,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) {
@@ -3313,7 +3293,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
         }
       }
     }
@@ -3335,19 +3316,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;
     }
   }, {
@@ -3375,10 +3353,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;
@@ -3389,7 +3365,6 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       } finally {
         _iterator3.f();
       }
-
       return visibleFocusableElements;
     }
   }, {
@@ -3432,55 +3407,43 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
     }
   }]);
-
   return DomHandler;
 }();
 
-
 // CONCATENATED MODULE: ./src/components/ripple/Ripple.js
 
-
 function bindEvents(el) {
   el.addEventListener('mousedown', onMouseDown);
 }
-
 function unbindEvents(el) {
   el.removeEventListener('mousedown', onMouseDown);
 }
-
 function create(el) {
   var ink = document.createElement('span');
   ink.className = 'p-ink';
   el.appendChild(ink);
   ink.addEventListener('animationend', onAnimationEnd);
 }
-
 function remove(el) {
   var ink = getInk(el);
-
   if (ink) {
     unbindEvents(el);
     ink.removeEventListener('animationend', onAnimationEnd);
     ink.remove();
   }
 }
-
 function onMouseDown(event) {
   var target = event.currentTarget;
   var ink = getInk(target);
-
   if (!ink || getComputedStyle(ink, null).display === 'none') {
     return;
   }
-
   DomHandler_DomHandler.removeClass(ink, 'p-ink-active');
-
   if (!DomHandler_DomHandler.getHeight(ink) && !DomHandler_DomHandler.getWidth(ink)) {
     var d = Math.max(DomHandler_DomHandler.getOuterWidth(target), DomHandler_DomHandler.getOuterHeight(target));
     ink.style.height = d + 'px';
     ink.style.width = d + 'px';
   }
-
   var offset = DomHandler_DomHandler.getOffset(target);
   var x = event.pageX - offset.left + document.body.scrollTop - DomHandler_DomHandler.getWidth(ink) / 2;
   var y = event.pageY - offset.top + document.body.scrollLeft - DomHandler_DomHandler.getHeight(ink) / 2;
@@ -3488,21 +3451,17 @@ function onMouseDown(event) {
   ink.style.left = x + 'px';
   DomHandler_DomHandler.addClass(ink, 'p-ink-active');
 }
-
 function onAnimationEnd(event) {
   DomHandler_DomHandler.removeClass(event.currentTarget, 'p-ink-active');
 }
-
 function getInk(el) {
   for (var i = 0; i < el.children.length; i++) {
     if (typeof el.children[i].className === 'string' && el.children[i].className.indexOf('p-ink') !== -1) {
       return el.children[i];
     }
   }
-
   return null;
 }
-
 var Ripple = {
   inserted: function inserted(el, binding, vnode) {
     if (vnode.context.$primevue && vnode.context.$primevue.config.ripple) {
@@ -3516,16 +3475,6 @@ var Ripple = {
 };
 /* harmony default export */ var ripple_Ripple = (Ripple);
 // 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/button/Button.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 /* harmony default export */ var Buttonvue_type_script_lang_js_ = ({
   props: {
@@ -3545,6 +3494,14 @@ var Ripple = {
     badgeClass: {
       type: String,
       default: null
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    loadingIcon: {
+      type: String,
+      default: 'pi pi-spinner pi-spin'
     }
   },
   computed: {
@@ -3557,7 +3514,7 @@ var Ripple = {
       };
     },
     iconClass: function iconClass() {
-      return [this.icon, 'p-button-icon', {
+      return [this.loading ? this.loadingIcon : this.icon, 'p-button-icon', {
         'p-button-icon-left': this.iconPos === 'left' && this.label,
         'p-button-icon-right': this.iconPos === 'right' && this.label,
         'p-button-icon-top': this.iconPos === 'top' && this.label,
@@ -3583,20 +3540,19 @@ var Ripple = {
 // 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) {
@@ -3616,7 +3572,8 @@ function normalizeComponent (
   }
 
   var hook
-  if (moduleIdentifier) { // server build
+  if (moduleIdentifier) {
+    // server build
     hook = function (context) {
       // 2.3 injection
       context =
@@ -3642,11 +3599,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
   }
 
@@ -3657,16 +3614,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]
     }
   }