primevue 2.9.0 → 2.10.0

package/breadcrumb/breadcrumbitem.umd.js

@@ -163,34 +163,66 @@ 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":"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/breadcrumb/BreadcrumbItem.vue?vue&type=template&id=71efe75c&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.visible())?_c('li',{class:_vm.containerClass(_vm.item)},[(_vm.item.to)?_c('router-link',{attrs:{"to":_vm.item.to,"custom":""},scopedSlots:_vm._u([{key:"default",fn:function(ref){
-var navigate = ref.navigate;
-var href = ref.href;
-var isActive = ref.isActive;
-var isExactActive = ref.isExactActive;
-return [_c('a',{class:_vm.linkClass({isActive: isActive, isExactActive: isExactActive}),attrs:{"href":href},on:{"click":function($event){return _vm.onClick($event, navigate)}}},[(_vm.item.icon)?_c('span',{class:_vm.iconClass}):_vm._e(),(_vm.item.label)?_c('span',{staticClass:"p-menuitem-text"},[_vm._v(_vm._s(_vm.label(_vm.item)))]):_vm._e()])]}}],null,false,1258197796)}):_c('a',{class:_vm.linkClass(),attrs:{"href":_vm.item.url||'#',"target":_vm.item.target},on:{"click":_vm.onClick}},[(_vm.item.icon)?_c('span',{class:_vm.iconClass}):_vm._e(),(_vm.item.label)?_c('span',{staticClass:"p-menuitem-text"},[_vm._v(_vm._s(_vm.label(_vm.item)))]):_vm._e()])],1):_vm._e()}
-var staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"379c0a9c-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./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/breadcrumb/BreadcrumbItem.vue?vue&type=template&id=71efe75c&
+var render = function render() {
+  var _vm = this,
+      _c = _vm._self._c;
+
+  return _vm.visible() ? _c('li', {
+    class: _vm.containerClass(_vm.item)
+  }, [_vm.item.to ? _c('router-link', {
+    attrs: {
+      "to": _vm.item.to,
+      "custom": ""
+    },
+    scopedSlots: _vm._u([{
+      key: "default",
+      fn: function fn(_ref) {
+        var navigate = _ref.navigate,
+            href = _ref.href,
+            isActive = _ref.isActive,
+            isExactActive = _ref.isExactActive;
+        return [_c('a', {
+          class: _vm.linkClass({
+            isActive: isActive,
+            isExactActive: isExactActive
+          }),
+          attrs: {
+            "href": href
+          },
+          on: {
+            "click": function click($event) {
+              return _vm.onClick($event, navigate);
+            }
+          }
+        }, [_vm.item.icon ? _c('span', {
+          class: _vm.iconClass
+        }) : _vm._e(), _vm.item.label ? _c('span', {
+          staticClass: "p-menuitem-text"
+        }, [_vm._v(_vm._s(_vm.label(_vm.item)))]) : _vm._e()])];
+      }
+    }], null, false, 1258197796)
+  }) : _c('a', {
+    class: _vm.linkClass(),
+    attrs: {
+      "href": _vm.item.url || '#',
+      "target": _vm.item.target
+    },
+    on: {
+      "click": _vm.onClick
+    }
+  }, [_vm.item.icon ? _c('span', {
+    class: _vm.iconClass
+  }) : _vm._e(), _vm.item.label ? _c('span', {
+    staticClass: "p-menuitem-text"
+  }, [_vm._v(_vm._s(_vm.label(_vm.item)))]) : _vm._e()])], 1) : _vm._e();
+};
 
+var staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/breadcrumb/BreadcrumbItem.vue?vue&type=template&id=71efe75c&
 
 // 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/breadcrumb/BreadcrumbItem.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 /* harmony default export */ var BreadcrumbItemvue_type_script_lang_js_ = ({
   props: {
     item: null,
@@ -245,20 +277,19 @@ var staticRenderFns = []
 // 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) {
@@ -278,7 +309,8 @@ function normalizeComponent (
   }
 
   var hook
-  if (moduleIdentifier) { // server build
+  if (moduleIdentifier) {
+    // server build
     hook = function (context) {
       // 2.3 injection
       context =
@@ -304,11 +336,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
   }
 
@@ -319,16 +351,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]
     }
   }
 

package/breadcrumb/breadcrumbitem.umd.min.js

@@ -1 +1 @@
-(function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t():"function"===typeof define&&define.amd?define([],t):"object"===typeof exports?exports["breadcrumbitem"]=t():e["breadcrumbitem"]=t()})("undefined"!==typeof self?self:this,(function(){return function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(i,r,function(t){return e[t]}.bind(null,r));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s="fb15")}({f6fd:function(e,t){(function(e){var t="currentScript",n=e.getElementsByTagName("script");t in e||Object.defineProperty(e,t,{get:function(){try{throw new Error}catch(i){var e,t=(/.*at [^\(]*\((.*):.+:.+\)$/gi.exec(i.stack)||[!1])[1];for(e in n)if(n[e].src==t||"interactive"==n[e].readyState)return n[e];return null}}})})(document)},fb15:function(e,t,n){"use strict";var i;(n.r(t),"undefined"!==typeof window)&&(n("f6fd"),(i=window.document.currentScript)&&(i=i.src.match(/(.+\/)[^/]+\.js(\?.*)?$/))&&(n.p=i[1]));var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return e.visible()?n("li",{class:e.containerClass(e.item)},[e.item.to?n("router-link",{attrs:{to:e.item.to,custom:""},scopedSlots:e._u([{key:"default",fn:function(t){var i=t.navigate,r=t.href,o=t.isActive,s=t.isExactActive;return[n("a",{class:e.linkClass({isActive:o,isExactActive:s}),attrs:{href:r},on:{click:function(t){return e.onClick(t,i)}}},[e.item.icon?n("span",{class:e.iconClass}):e._e(),e.item.label?n("span",{staticClass:"p-menuitem-text"},[e._v(e._s(e.label(e.item)))]):e._e()])]}}],null,!1,1258197796)}):n("a",{class:e.linkClass(),attrs:{href:e.item.url||"#",target:e.item.target},on:{click:e.onClick}},[e.item.icon?n("span",{class:e.iconClass}):e._e(),e.item.label?n("span",{staticClass:"p-menuitem-text"},[e._v(e._s(e.label(e.item)))]):e._e()])],1):e._e()},o=[],s={props:{item:null,exact:null},methods:{onClick:function(e,t){this.item.command&&this.item.command({originalEvent:e,item:this.item}),this.item.to&&t&&t(e)},containerClass:function(e){return[{"p-disabled":this.disabled(e)},e.class]},linkClass:function(e){return["p-menuitem-link",{"router-link-active":e&&e.isActive,"router-link-active-exact":this.exact&&e&&e.isExactActive}]},visible:function(){return"function"===typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled:function(e){return"function"===typeof e.disabled?e.disabled():e.disabled},label:function(){return"function"===typeof this.item.label?this.item.label():this.item.label}},computed:{iconClass:function(){return["p-menuitem-icon",this.item.icon]}}},c=s;function a(e,t,n,i,r,o,s,c){var a,l="function"===typeof e?e.options:e;if(t&&(l.render=t,l.staticRenderFns=n,l._compiled=!0),i&&(l.functional=!0),o&&(l._scopeId="data-v-"+o),s?(a=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"===typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(s)},l._ssrRegister=a):r&&(a=c?function(){r.call(this,(l.functional?this.parent:this).$root.$options.shadowRoot)}:r),a)if(l.functional){l._injectStyles=a;var u=l.render;l.render=function(e,t){return a.call(t),u(e,t)}}else{var f=l.beforeCreate;l.beforeCreate=f?[].concat(f,a):[a]}return{exports:e,options:l}}var l=a(c,r,o,!1,null,null,null),u=l.exports;t["default"]=u}})["default"]}));
+(function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t():"function"===typeof define&&define.amd?define([],t):"object"===typeof exports?exports["breadcrumbitem"]=t():e["breadcrumbitem"]=t()})("undefined"!==typeof self?self:this,(function(){return function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(i,r,function(t){return e[t]}.bind(null,r));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s="fb15")}({f6fd:function(e,t){(function(e){var t="currentScript",n=e.getElementsByTagName("script");t in e||Object.defineProperty(e,t,{get:function(){try{throw new Error}catch(i){var e,t=(/.*at [^\(]*\((.*):.+:.+\)$/gi.exec(i.stack)||[!1])[1];for(e in n)if(n[e].src==t||"interactive"==n[e].readyState)return n[e];return null}}})})(document)},fb15:function(e,t,n){"use strict";var i;(n.r(t),"undefined"!==typeof window)&&(n("f6fd"),(i=window.document.currentScript)&&(i=i.src.match(/(.+\/)[^/]+\.js(\?.*)?$/))&&(n.p=i[1]));var r=function(){var e=this,t=e._self._c;return e.visible()?t("li",{class:e.containerClass(e.item)},[e.item.to?t("router-link",{attrs:{to:e.item.to,custom:""},scopedSlots:e._u([{key:"default",fn:function(n){var i=n.navigate,r=n.href,o=n.isActive,s=n.isExactActive;return[t("a",{class:e.linkClass({isActive:o,isExactActive:s}),attrs:{href:r},on:{click:function(t){return e.onClick(t,i)}}},[e.item.icon?t("span",{class:e.iconClass}):e._e(),e.item.label?t("span",{staticClass:"p-menuitem-text"},[e._v(e._s(e.label(e.item)))]):e._e()])]}}],null,!1,1258197796)}):t("a",{class:e.linkClass(),attrs:{href:e.item.url||"#",target:e.item.target},on:{click:e.onClick}},[e.item.icon?t("span",{class:e.iconClass}):e._e(),e.item.label?t("span",{staticClass:"p-menuitem-text"},[e._v(e._s(e.label(e.item)))]):e._e()])],1):e._e()},o=[],s={props:{item:null,exact:null},methods:{onClick:function(e,t){this.item.command&&this.item.command({originalEvent:e,item:this.item}),this.item.to&&t&&t(e)},containerClass:function(e){return[{"p-disabled":this.disabled(e)},e.class]},linkClass:function(e){return["p-menuitem-link",{"router-link-active":e&&e.isActive,"router-link-active-exact":this.exact&&e&&e.isExactActive}]},visible:function(){return"function"===typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled:function(e){return"function"===typeof e.disabled?e.disabled():e.disabled},label:function(){return"function"===typeof this.item.label?this.item.label():this.item.label}},computed:{iconClass:function(){return["p-menuitem-icon",this.item.icon]}}},c=s;function a(e,t,n,i,r,o,s,c){var a,l="function"===typeof e?e.options:e;if(t&&(l.render=t,l.staticRenderFns=n,l._compiled=!0),i&&(l.functional=!0),o&&(l._scopeId="data-v-"+o),s?(a=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"===typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(s)},l._ssrRegister=a):r&&(a=c?function(){r.call(this,(l.functional?this.parent:this).$root.$options.shadowRoot)}:r),a)if(l.functional){l._injectStyles=a;var u=l.render;l.render=function(e,t){return a.call(t),u(e,t)}}else{var f=l.beforeCreate;l.beforeCreate=f?[].concat(f,a):[a]}return{exports:e,options:l}}var l=a(c,r,o,!1,null,null,null),u=l.exports;t["default"]=u}})["default"]}));

package/button/Button.d.ts

@@ -6,6 +6,8 @@ declare class Button extends Vue {
     iconPos?: string;
     badge?: string;
     badgeClass?: string;
+    loading?: boolean;
+    loadingIcon?: string;
 }
 
 export default Button;

package/button/Button.vue

@@ -1,6 +1,7 @@
 <template>
     <button :class="buttonClass" v-on="$listeners" type="button" v-ripple>
         <slot>
+            <span v-if="loading && !icon" :class="iconClass"></span>
             <span v-if="icon" :class="iconClass"></span>
             <span class="p-button-label">{{label||'&nbsp;'}}</span>
             <span class="p-badge" v-if="badge" :class="badgeStyleClass">{{badge}}</span>
@@ -29,6 +30,14 @@ export default {
         badgeClass: {
             type: String,
             default: null
+        },
+        loading: {
+            type: Boolean,
+            default: false
+        },
+        loadingIcon: {
+            type: String,
+            default: 'pi pi-spinner pi-spin'
         }
     },
     computed: {
@@ -42,7 +51,7 @@ export default {
         },
         iconClass() {
             return [
-                this.icon,
+                this.loading ? this.loadingIcon : this.icon,
                 'p-button-icon',
                 {
                     'p-button-icon-left': this.iconPos === 'left' && this.label,

package/button/button.common.js

@@ -2782,12 +2782,37 @@ 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":"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/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":"379c0a9c-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./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");
@@ -3507,16 +3532,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: {
@@ -3536,6 +3551,14 @@ var Ripple = {
     badgeClass: {
       type: String,
       default: null
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    loadingIcon: {
+      type: String,
+      default: 'pi pi-spinner pi-spin'
     }
   },
   computed: {
@@ -3548,7 +3571,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,
@@ -3574,20 +3597,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) {
@@ -3607,7 +3629,8 @@ function normalizeComponent (
   }
 
   var hook
-  if (moduleIdentifier) { // server build
+  if (moduleIdentifier) {
+    // server build
     hook = function (context) {
       // 2.3 injection
       context =
@@ -3633,11 +3656,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
   }
 
@@ -3648,16 +3671,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]
     }
   }
 

package/button/button.umd.js

@@ -2791,12 +2791,37 @@ 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":"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/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":"379c0a9c-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./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");
@@ -3516,16 +3541,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 +3560,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 +3580,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 +3606,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 +3638,8 @@ function normalizeComponent (
   }
 
   var hook
-  if (moduleIdentifier) { // server build
+  if (moduleIdentifier) {
+    // server build
     hook = function (context) {
       // 2.3 injection
       context =
@@ -3642,11 +3665,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 +3680,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]
     }
   }