primevue 3.32.0 → 3.32.2

package/baseicon/baseicon.esm.js

@@ -1,5 +1,12 @@
+import { useStyle } from 'primevue/usestyle';
 import { ObjectUtils } from 'primevue/utils';
 
+var styles = "\n.p-icon {\n    display: inline-block;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n";
+var _useStyle = useStyle(styles, {
+    name: 'baseicon',
+    manual: true
+  }),
+  loadStyle = _useStyle.load;
 var script = {
   name: 'BaseIcon',
   props: {
@@ -12,6 +19,12 @@ var script = {
       "default": false
     }
   },
+  beforeMount: function beforeMount() {
+    var _this$$config;
+    loadStyle(undefined, {
+      nonce: (_this$$config = this.$config) === null || _this$$config === void 0 || (_this$$config = _this$$config.csp) === null || _this$$config === void 0 ? void 0 : _this$$config.nonce
+    });
+  },
   methods: {
     pti: function pti() {
       var isLabelEmpty = ObjectUtils.isEmpty(this.label);
@@ -24,37 +37,13 @@ var script = {
         'aria-hidden': isLabelEmpty
       };
     }
-  }
-};
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
+  },
+  computed: {
+    $config: function $config() {
+      var _this$$primevue;
+      return (_this$$primevue = this.$primevue) === null || _this$$primevue === void 0 ? void 0 : _this$$primevue.config;
     }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
   }
-}
-
-var css_248z = "\n.p-icon {\n    display: inline-block;\n}\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n@-webkit-keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n@keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n";
-styleInject(css_248z);
+};
 
 export { script as default };

package/baseicon/baseicon.esm.min.js

@@ -1 +1 @@
-import{ObjectUtils as e}from"primevue/utils";var n={name:"BaseIcon",props:{label:{type:String,default:void 0},spin:{type:Boolean,default:!1}},methods:{pti:function(){var n=e.isEmpty(this.label);return{class:["p-icon",{"p-icon-spin":this.spin}],role:n?void 0:"img","aria-label":n?void 0:this.label,"aria-hidden":n}}}};!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-icon {\n    display: inline-block;\n}\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n@-webkit-keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n@keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n");export{n as default};
+import{useStyle as n}from"primevue/usestyle";import{ObjectUtils as i}from"primevue/utils";var e=n("\n.p-icon {\n    display: inline-block;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n",{name:"baseicon",manual:!0}).load,o={name:"BaseIcon",props:{label:{type:String,default:void 0},spin:{type:Boolean,default:!1}},beforeMount:function(){var n;e(void 0,{nonce:null===(n=this.$config)||void 0===n||null===(n=n.csp)||void 0===n?void 0:n.nonce})},methods:{pti:function(){var n=i.isEmpty(this.label);return{class:["p-icon",{"p-icon-spin":this.spin}],role:n?void 0:"img","aria-label":n?void 0:this.label,"aria-hidden":n}}},computed:{$config:function(){var n;return null===(n=this.$primevue)||void 0===n?void 0:n.config}}};export{o as default};

package/baseicon/baseicon.js

@@ -1,7 +1,13 @@
 this.primevue = this.primevue || {};
-this.primevue.baseicon = (function (utils) {
+this.primevue.baseicon = (function (usestyle, utils) {
     'use strict';
 
+    var styles = "\n.p-icon {\n    display: inline-block;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n";
+    var _useStyle = usestyle.useStyle(styles, {
+        name: 'baseicon',
+        manual: true
+      }),
+      loadStyle = _useStyle.load;
     var script = {
       name: 'BaseIcon',
       props: {
@@ -14,6 +20,12 @@ this.primevue.baseicon = (function (utils) {
           "default": false
         }
       },
+      beforeMount: function beforeMount() {
+        var _this$$config;
+        loadStyle(undefined, {
+          nonce: (_this$$config = this.$config) === null || _this$$config === void 0 || (_this$$config = _this$$config.csp) === null || _this$$config === void 0 ? void 0 : _this$$config.nonce
+        });
+      },
       methods: {
         pti: function pti() {
           var isLabelEmpty = utils.ObjectUtils.isEmpty(this.label);
@@ -26,39 +38,15 @@ this.primevue.baseicon = (function (utils) {
             'aria-hidden': isLabelEmpty
           };
         }
-      }
-    };
-
-    function styleInject(css, ref) {
-      if ( ref === void 0 ) ref = {};
-      var insertAt = ref.insertAt;
-
-      if (!css || typeof document === 'undefined') { return; }
-
-      var head = document.head || document.getElementsByTagName('head')[0];
-      var style = document.createElement('style');
-      style.type = 'text/css';
-
-      if (insertAt === 'top') {
-        if (head.firstChild) {
-          head.insertBefore(style, head.firstChild);
-        } else {
-          head.appendChild(style);
+      },
+      computed: {
+        $config: function $config() {
+          var _this$$primevue;
+          return (_this$$primevue = this.$primevue) === null || _this$$primevue === void 0 ? void 0 : _this$$primevue.config;
         }
-      } else {
-        head.appendChild(style);
-      }
-
-      if (style.styleSheet) {
-        style.styleSheet.cssText = css;
-      } else {
-        style.appendChild(document.createTextNode(css));
       }
-    }
-
-    var css_248z = "\n.p-icon {\n    display: inline-block;\n}\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n@-webkit-keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n@keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n";
-    styleInject(css_248z);
+    };
 
     return script;
 
-})(primevue.utils);
+})(primevue.usestyle, primevue.utils);

package/baseicon/baseicon.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.baseicon=function(e){"use strict";var n={name:"BaseIcon",props:{label:{type:String,default:void 0},spin:{type:Boolean,default:!1}},methods:{pti:function(){var n=e.ObjectUtils.isEmpty(this.label);return{class:["p-icon",{"p-icon-spin":this.spin}],role:n?void 0:"img","aria-label":n?void 0:this.label,"aria-hidden":n}}}};return function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===t&&i.firstChild?i.insertBefore(r,i.firstChild):i.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}("\n.p-icon {\n    display: inline-block;\n}\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n@-webkit-keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n@keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n"),n}(primevue.utils);
+this.primevue=this.primevue||{},this.primevue.baseicon=function(n,i){"use strict";var e=n.useStyle("\n.p-icon {\n    display: inline-block;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n",{name:"baseicon",manual:!0}).load;return{name:"BaseIcon",props:{label:{type:String,default:void 0},spin:{type:Boolean,default:!1}},beforeMount:function(){var n;e(void 0,{nonce:null===(n=this.$config)||void 0===n||null===(n=n.csp)||void 0===n?void 0:n.nonce})},methods:{pti:function(){var n=i.ObjectUtils.isEmpty(this.label);return{class:["p-icon",{"p-icon-spin":this.spin}],role:n?void 0:"img","aria-label":n?void 0:this.label,"aria-hidden":n}}},computed:{$config:function(){var n;return null===(n=this.$primevue)||void 0===n?void 0:n.config}}}}(primevue.usestyle,primevue.utils);

package/blockui/BlockUI.d.ts

@@ -9,7 +9,7 @@
  */
 import { VNode } from 'vue';
 import { ComponentHooks } from '../basecomponent';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+import { ClassComponent, GlobalComponentConstructor, PTOptions } from '../ts-helpers';
 
 export declare type BlockUIPassThroughOptionType = BlockUIPassThroughAttributes | ((options: BlockUIPassThroughMethodOptions) => BlockUIPassThroughAttributes | string) | string | null | undefined;
 
@@ -88,7 +88,7 @@ export interface BlockUIProps {
      * Used to pass attributes to DOM elements inside the component.
      * @type {BlockUIPassThroughOptions}
      */
-    pt?: BlockUIPassThroughOptions;
+    pt?: PTOptions<BlockUIPassThroughOptions>;
     /**
      * When enabled, it removes component related styles in the core.
      * @defaultValue false

package/breadcrumb/Breadcrumb.d.ts

@@ -10,7 +10,7 @@
 import { VNode } from 'vue';
 import { ComponentHooks } from '../basecomponent';
 import { MenuItem } from '../menuitem';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+import { ClassComponent, GlobalComponentConstructor, PTOptions } from '../ts-helpers';
 
 export declare type BreadcrumbPassThroughOptionType = BreadcrumbPassThroughAttributes | ((options: BreadcrumbPassThroughMethodOptions) => BreadcrumbPassThroughAttributes | string) | string | null | undefined;
 
@@ -117,7 +117,7 @@ export interface BreadcrumbProps {
      * Used to pass attributes to DOM elements inside the component.
      * @type {BreadcrumbPassThroughOptions}
      */
-    pt?: BreadcrumbPassThroughOptions;
+    pt?: PTOptions<BreadcrumbPassThroughOptions>;
     /**
      * When enabled, it removes component related styles in the core.
      * @defaultValue false

package/button/Button.d.ts

@@ -9,7 +9,7 @@
  */
 import { ButtonHTMLAttributes, VNode } from 'vue';
 import { ComponentHooks } from '../basecomponent';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+import { ClassComponent, GlobalComponentConstructor, PTOptions } from '../ts-helpers';
 
 export declare type ButtonPassThroughOptionType = ButtonPassThroughAttributes | ((options: ButtonPassThroughMethodOptions) => ButtonPassThroughAttributes | string) | string | null | undefined;
 
@@ -150,7 +150,7 @@ export interface ButtonProps extends ButtonHTMLAttributes {
      * Used to pass attributes to DOM elements inside the component.
      * @type {ButtonPassThroughOptions}
      */
-    pt?: ButtonPassThroughOptions;
+    pt?: PTOptions<ButtonPassThroughOptions>;
     /**
      * When enabled, it removes component related styles in the core.
      * @defaultValue false

package/button/Button.vue

@@ -5,8 +5,8 @@
                 <span v-if="loadingIcon" :class="[cx('loadingIcon'), cx('icon'), loadingIcon]" v-bind="ptm('loadingIcon')" />
                 <SpinnerIcon v-else :class="[cx('loadingIcon'), cx('icon')]" spin v-bind="ptm('loadingIcon')" />
             </slot>
-            <slot v-else name="icon" :class="cx('icon')">
-                <span v-if="icon" :class="[cx('icon'), icon]" v-bind="ptm('icon')"></span>
+            <slot v-else name="icon" :class="[cx('icon')]">
+                <span v-if="icon" :class="[cx('icon'), icon, iconClass]" v-bind="ptm('icon')"></span>
             </slot>
             <span :class="cx('label')" v-bind="ptm('label')">{{ label || '&nbsp;' }}</span>
             <Badge v-if="badge" :value="badge" :class="badgeClass" :unstyled="unstyled" v-bind="ptm('badge')"></Badge>

package/button/button.cjs.js

@@ -187,11 +187,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       }, _ctx.ptm('loadingIcon')), null, 16, ["class"]))];
     }) : vue.renderSlot(_ctx.$slots, "icon", {
       key: 1,
-      "class": vue.normalizeClass(_ctx.cx('icon'))
+      "class": vue.normalizeClass([_ctx.cx('icon')])
     }, function () {
       return [_ctx.icon ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
         key: 0,
-        "class": [_ctx.cx('icon'), _ctx.icon]
+        "class": [_ctx.cx('icon'), _ctx.icon, _ctx.iconClass]
       }, _ctx.ptm('icon')), null, 16)) : vue.createCommentVNode("", true)];
     }), vue.createElementVNode("span", vue.mergeProps({
       "class": _ctx.cx('label')

package/button/button.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/badge"),t=require("primevue/icons/spinner"),n=require("primevue/ripple"),o=require("primevue/basecomponent"),l=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(e),r=i(t),s=i(n);function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function c(e,t,n){return(t=p(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e){var t=d(e,"string");return"symbol"===u(t)?t:String(t)}function d(e,t){if("object"!==u(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==u(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var b={name:"Button",extends:{name:"BaseButton",extends:i(o).default,props:{label:{type:String,default:null},icon:{type:String,default:null},iconPos:{type:String,default:"left"},iconClass:{type:String,default:null},badge:{type:String,default:null},badgeClass:{type:String,default:null},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:void 0},link:{type:Boolean,default:!1},severity:{type:String,default:null},raised:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},text:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},size:{type:String,default:null},plain:{type:Boolean,default:!1}},css:{classes:{root:function(e){var t,n=e.instance,o=e.props;return["p-button p-component",(t={"p-button-icon-only":n.hasIcon&&!o.label&&!o.badge,"p-button-vertical":("top"===o.iconPos||"bottom"===o.iconPos)&&o.label,"p-disabled":n.$attrs.disabled||""===n.$attrs.disabled||o.loading,"p-button-loading":o.loading,"p-button-loading-label-only":o.loading&&!n.hasIcon&&o.label,"p-button-link":o.link},c(t,"p-button-".concat(o.severity),o.severity),c(t,"p-button-raised",o.raised),c(t,"p-button-rounded",o.rounded),c(t,"p-button-text",o.text),c(t,"p-button-outlined",o.outlined),c(t,"p-button-sm","small"===o.size),c(t,"p-button-lg","large"===o.size),c(t,"p-button-plain",o.plain),t)]},loadingIcon:"p-button-loading-icon pi-spin",icon:function(e){var t=e.props;return["p-button-icon",{"p-button-icon-left":"left"===t.iconPos&&t.label,"p-button-icon-right":"right"===t.iconPos&&t.label,"p-button-icon-top":"top"===t.iconPos&&t.label,"p-button-icon-bottom":"bottom"===t.iconPos&&t.label}]},label:"p-button-label"}},provide:function(){return{$parentInstance:this}}},methods:{getPTOptions:function(e){var t,n;return this.ptm(e,{parent:{props:null===(t=this.$parent)||void 0===t?void 0:t.$props,state:null===(n=this.$parent)||void 0===n?void 0:n.$data},context:{disabled:this.disabled}})}},computed:{disabled:function(){return this.$attrs.disabled||""===this.$attrs.disabled||this.loading},defaultAriaLabel:function(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs["aria-label"]},hasIcon:function(){return this.icon||this.$slots.icon}},components:{SpinnerIcon:r.default,Badge:a.default},directives:{ripple:s.default}},f=["aria-label","disabled","data-pc-severity"];b.render=function(e,t,n,o,i,a){var r=l.resolveComponent("SpinnerIcon"),s=l.resolveComponent("Badge"),u=l.resolveDirective("ripple");return l.withDirectives((l.openBlock(),l.createElementBlock("button",l.mergeProps({class:e.cx("root"),type:"button","aria-label":a.defaultAriaLabel,disabled:a.disabled},a.getPTOptions("root"),{"data-pc-name":"button","data-pc-severity":e.severity}),[l.renderSlot(e.$slots,"default",{},(function(){return[e.loading?l.renderSlot(e.$slots,"loadingicon",{key:0,class:l.normalizeClass([e.cx("loadingIcon"),e.cx("icon")])},(function(){return[e.loadingIcon?(l.openBlock(),l.createElementBlock("span",l.mergeProps({key:0,class:[e.cx("loadingIcon"),e.cx("icon"),e.loadingIcon]},e.ptm("loadingIcon")),null,16)):(l.openBlock(),l.createBlock(r,l.mergeProps({key:1,class:[e.cx("loadingIcon"),e.cx("icon")],spin:""},e.ptm("loadingIcon")),null,16,["class"]))]})):l.renderSlot(e.$slots,"icon",{key:1,class:l.normalizeClass(e.cx("icon"))},(function(){return[e.icon?(l.openBlock(),l.createElementBlock("span",l.mergeProps({key:0,class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16)):l.createCommentVNode("",!0)]})),l.createElementVNode("span",l.mergeProps({class:e.cx("label")},e.ptm("label")),l.toDisplayString(e.label||" "),17),e.badge?(l.openBlock(),l.createBlock(s,l.mergeProps({key:2,value:e.badge,class:e.badgeClass,unstyled:e.unstyled},e.ptm("badge")),null,16,["value","class","unstyled"])):l.createCommentVNode("",!0)]}))],16,f)),[[u]])},module.exports=b;
+"use strict";var e=require("primevue/badge"),t=require("primevue/icons/spinner"),n=require("primevue/ripple"),o=require("primevue/basecomponent"),l=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(e),r=i(t),s=i(n);function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function c(e,t,n){return(t=p(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e){var t=d(e,"string");return"symbol"===u(t)?t:String(t)}function d(e,t){if("object"!==u(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==u(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var b={name:"Button",extends:{name:"BaseButton",extends:i(o).default,props:{label:{type:String,default:null},icon:{type:String,default:null},iconPos:{type:String,default:"left"},iconClass:{type:String,default:null},badge:{type:String,default:null},badgeClass:{type:String,default:null},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:void 0},link:{type:Boolean,default:!1},severity:{type:String,default:null},raised:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},text:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},size:{type:String,default:null},plain:{type:Boolean,default:!1}},css:{classes:{root:function(e){var t,n=e.instance,o=e.props;return["p-button p-component",(t={"p-button-icon-only":n.hasIcon&&!o.label&&!o.badge,"p-button-vertical":("top"===o.iconPos||"bottom"===o.iconPos)&&o.label,"p-disabled":n.$attrs.disabled||""===n.$attrs.disabled||o.loading,"p-button-loading":o.loading,"p-button-loading-label-only":o.loading&&!n.hasIcon&&o.label,"p-button-link":o.link},c(t,"p-button-".concat(o.severity),o.severity),c(t,"p-button-raised",o.raised),c(t,"p-button-rounded",o.rounded),c(t,"p-button-text",o.text),c(t,"p-button-outlined",o.outlined),c(t,"p-button-sm","small"===o.size),c(t,"p-button-lg","large"===o.size),c(t,"p-button-plain",o.plain),t)]},loadingIcon:"p-button-loading-icon pi-spin",icon:function(e){var t=e.props;return["p-button-icon",{"p-button-icon-left":"left"===t.iconPos&&t.label,"p-button-icon-right":"right"===t.iconPos&&t.label,"p-button-icon-top":"top"===t.iconPos&&t.label,"p-button-icon-bottom":"bottom"===t.iconPos&&t.label}]},label:"p-button-label"}},provide:function(){return{$parentInstance:this}}},methods:{getPTOptions:function(e){var t,n;return this.ptm(e,{parent:{props:null===(t=this.$parent)||void 0===t?void 0:t.$props,state:null===(n=this.$parent)||void 0===n?void 0:n.$data},context:{disabled:this.disabled}})}},computed:{disabled:function(){return this.$attrs.disabled||""===this.$attrs.disabled||this.loading},defaultAriaLabel:function(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs["aria-label"]},hasIcon:function(){return this.icon||this.$slots.icon}},components:{SpinnerIcon:r.default,Badge:a.default},directives:{ripple:s.default}},f=["aria-label","disabled","data-pc-severity"];b.render=function(e,t,n,o,i,a){var r=l.resolveComponent("SpinnerIcon"),s=l.resolveComponent("Badge"),u=l.resolveDirective("ripple");return l.withDirectives((l.openBlock(),l.createElementBlock("button",l.mergeProps({class:e.cx("root"),type:"button","aria-label":a.defaultAriaLabel,disabled:a.disabled},a.getPTOptions("root"),{"data-pc-name":"button","data-pc-severity":e.severity}),[l.renderSlot(e.$slots,"default",{},(function(){return[e.loading?l.renderSlot(e.$slots,"loadingicon",{key:0,class:l.normalizeClass([e.cx("loadingIcon"),e.cx("icon")])},(function(){return[e.loadingIcon?(l.openBlock(),l.createElementBlock("span",l.mergeProps({key:0,class:[e.cx("loadingIcon"),e.cx("icon"),e.loadingIcon]},e.ptm("loadingIcon")),null,16)):(l.openBlock(),l.createBlock(r,l.mergeProps({key:1,class:[e.cx("loadingIcon"),e.cx("icon")],spin:""},e.ptm("loadingIcon")),null,16,["class"]))]})):l.renderSlot(e.$slots,"icon",{key:1,class:l.normalizeClass([e.cx("icon")])},(function(){return[e.icon?(l.openBlock(),l.createElementBlock("span",l.mergeProps({key:0,class:[e.cx("icon"),e.icon,e.iconClass]},e.ptm("icon")),null,16)):l.createCommentVNode("",!0)]})),l.createElementVNode("span",l.mergeProps({class:e.cx("label")},e.ptm("label")),l.toDisplayString(e.label||" "),17),e.badge?(l.openBlock(),l.createBlock(s,l.mergeProps({key:2,value:e.badge,class:e.badgeClass,unstyled:e.unstyled},e.ptm("badge")),null,16,["value","class","unstyled"])):l.createCommentVNode("",!0)]}))],16,f)),[[u]])},module.exports=b;

package/button/button.esm.js

@@ -178,11 +178,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       }, _ctx.ptm('loadingIcon')), null, 16, ["class"]))];
     }) : renderSlot(_ctx.$slots, "icon", {
       key: 1,
-      "class": normalizeClass(_ctx.cx('icon'))
+      "class": normalizeClass([_ctx.cx('icon')])
     }, function () {
       return [_ctx.icon ? (openBlock(), createElementBlock("span", mergeProps({
         key: 0,
-        "class": [_ctx.cx('icon'), _ctx.icon]
+        "class": [_ctx.cx('icon'), _ctx.icon, _ctx.iconClass]
       }, _ctx.ptm('icon')), null, 16)) : createCommentVNode("", true)];
     }), createElementVNode("span", mergeProps({
       "class": _ctx.cx('label')

package/button/button.esm.min.js

@@ -1 +1 @@
-import t from"primevue/badge";import n from"primevue/icons/spinner";import e from"primevue/ripple";import o from"primevue/basecomponent";import{resolveComponent as l,resolveDirective as i,withDirectives as a,openBlock as r,createElementBlock as s,mergeProps as u,renderSlot as p,normalizeClass as d,createBlock as c,createCommentVNode as b,createElementVNode as f,toDisplayString as g}from"vue";function y(t){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},y(t)}function m(t,n,e){return(n=v(n))in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e,t}function v(t){var n=h(t,"string");return"symbol"===y(n)?n:String(n)}function h(t,n){if("object"!==y(t)||null===t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var o=e.call(t,n||"default");if("object"!==y(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}var S={name:"Button",extends:{name:"BaseButton",extends:o,props:{label:{type:String,default:null},icon:{type:String,default:null},iconPos:{type:String,default:"left"},iconClass:{type:String,default:null},badge:{type:String,default:null},badgeClass:{type:String,default:null},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:void 0},link:{type:Boolean,default:!1},severity:{type:String,default:null},raised:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},text:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},size:{type:String,default:null},plain:{type:Boolean,default:!1}},css:{classes:{root:function(t){var n,e=t.instance,o=t.props;return["p-button p-component",(n={"p-button-icon-only":e.hasIcon&&!o.label&&!o.badge,"p-button-vertical":("top"===o.iconPos||"bottom"===o.iconPos)&&o.label,"p-disabled":e.$attrs.disabled||""===e.$attrs.disabled||o.loading,"p-button-loading":o.loading,"p-button-loading-label-only":o.loading&&!e.hasIcon&&o.label,"p-button-link":o.link},m(n,"p-button-".concat(o.severity),o.severity),m(n,"p-button-raised",o.raised),m(n,"p-button-rounded",o.rounded),m(n,"p-button-text",o.text),m(n,"p-button-outlined",o.outlined),m(n,"p-button-sm","small"===o.size),m(n,"p-button-lg","large"===o.size),m(n,"p-button-plain",o.plain),n)]},loadingIcon:"p-button-loading-icon pi-spin",icon:function(t){var n=t.props;return["p-button-icon",{"p-button-icon-left":"left"===n.iconPos&&n.label,"p-button-icon-right":"right"===n.iconPos&&n.label,"p-button-icon-top":"top"===n.iconPos&&n.label,"p-button-icon-bottom":"bottom"===n.iconPos&&n.label}]},label:"p-button-label"}},provide:function(){return{$parentInstance:this}}},methods:{getPTOptions:function(t){var n,e;return this.ptm(t,{parent:{props:null===(n=this.$parent)||void 0===n?void 0:n.$props,state:null===(e=this.$parent)||void 0===e?void 0:e.$data},context:{disabled:this.disabled}})}},computed:{disabled:function(){return this.$attrs.disabled||""===this.$attrs.disabled||this.loading},defaultAriaLabel:function(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs["aria-label"]},hasIcon:function(){return this.icon||this.$slots.icon}},components:{SpinnerIcon:n,Badge:t},directives:{ripple:e}},x=["aria-label","disabled","data-pc-severity"];S.render=function(t,n,e,o,y,m){var v=l("SpinnerIcon"),h=l("Badge"),S=i("ripple");return a((r(),s("button",u({class:t.cx("root"),type:"button","aria-label":m.defaultAriaLabel,disabled:m.disabled},m.getPTOptions("root"),{"data-pc-name":"button","data-pc-severity":t.severity}),[p(t.$slots,"default",{},(function(){return[t.loading?p(t.$slots,"loadingicon",{key:0,class:d([t.cx("loadingIcon"),t.cx("icon")])},(function(){return[t.loadingIcon?(r(),s("span",u({key:0,class:[t.cx("loadingIcon"),t.cx("icon"),t.loadingIcon]},t.ptm("loadingIcon")),null,16)):(r(),c(v,u({key:1,class:[t.cx("loadingIcon"),t.cx("icon")],spin:""},t.ptm("loadingIcon")),null,16,["class"]))]})):p(t.$slots,"icon",{key:1,class:d(t.cx("icon"))},(function(){return[t.icon?(r(),s("span",u({key:0,class:[t.cx("icon"),t.icon]},t.ptm("icon")),null,16)):b("",!0)]})),f("span",u({class:t.cx("label")},t.ptm("label")),g(t.label||" "),17),t.badge?(r(),c(h,u({key:2,value:t.badge,class:t.badgeClass,unstyled:t.unstyled},t.ptm("badge")),null,16,["value","class","unstyled"])):b("",!0)]}))],16,x)),[[S]])};export{S as default};
+import t from"primevue/badge";import n from"primevue/icons/spinner";import e from"primevue/ripple";import o from"primevue/basecomponent";import{resolveComponent as l,resolveDirective as i,withDirectives as a,openBlock as r,createElementBlock as s,mergeProps as u,renderSlot as p,normalizeClass as c,createBlock as d,createCommentVNode as b,createElementVNode as f,toDisplayString as g}from"vue";function y(t){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},y(t)}function m(t,n,e){return(n=v(n))in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e,t}function v(t){var n=h(t,"string");return"symbol"===y(n)?n:String(n)}function h(t,n){if("object"!==y(t)||null===t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var o=e.call(t,n||"default");if("object"!==y(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}var S={name:"Button",extends:{name:"BaseButton",extends:o,props:{label:{type:String,default:null},icon:{type:String,default:null},iconPos:{type:String,default:"left"},iconClass:{type:String,default:null},badge:{type:String,default:null},badgeClass:{type:String,default:null},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:void 0},link:{type:Boolean,default:!1},severity:{type:String,default:null},raised:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},text:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},size:{type:String,default:null},plain:{type:Boolean,default:!1}},css:{classes:{root:function(t){var n,e=t.instance,o=t.props;return["p-button p-component",(n={"p-button-icon-only":e.hasIcon&&!o.label&&!o.badge,"p-button-vertical":("top"===o.iconPos||"bottom"===o.iconPos)&&o.label,"p-disabled":e.$attrs.disabled||""===e.$attrs.disabled||o.loading,"p-button-loading":o.loading,"p-button-loading-label-only":o.loading&&!e.hasIcon&&o.label,"p-button-link":o.link},m(n,"p-button-".concat(o.severity),o.severity),m(n,"p-button-raised",o.raised),m(n,"p-button-rounded",o.rounded),m(n,"p-button-text",o.text),m(n,"p-button-outlined",o.outlined),m(n,"p-button-sm","small"===o.size),m(n,"p-button-lg","large"===o.size),m(n,"p-button-plain",o.plain),n)]},loadingIcon:"p-button-loading-icon pi-spin",icon:function(t){var n=t.props;return["p-button-icon",{"p-button-icon-left":"left"===n.iconPos&&n.label,"p-button-icon-right":"right"===n.iconPos&&n.label,"p-button-icon-top":"top"===n.iconPos&&n.label,"p-button-icon-bottom":"bottom"===n.iconPos&&n.label}]},label:"p-button-label"}},provide:function(){return{$parentInstance:this}}},methods:{getPTOptions:function(t){var n,e;return this.ptm(t,{parent:{props:null===(n=this.$parent)||void 0===n?void 0:n.$props,state:null===(e=this.$parent)||void 0===e?void 0:e.$data},context:{disabled:this.disabled}})}},computed:{disabled:function(){return this.$attrs.disabled||""===this.$attrs.disabled||this.loading},defaultAriaLabel:function(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs["aria-label"]},hasIcon:function(){return this.icon||this.$slots.icon}},components:{SpinnerIcon:n,Badge:t},directives:{ripple:e}},x=["aria-label","disabled","data-pc-severity"];S.render=function(t,n,e,o,y,m){var v=l("SpinnerIcon"),h=l("Badge"),S=i("ripple");return a((r(),s("button",u({class:t.cx("root"),type:"button","aria-label":m.defaultAriaLabel,disabled:m.disabled},m.getPTOptions("root"),{"data-pc-name":"button","data-pc-severity":t.severity}),[p(t.$slots,"default",{},(function(){return[t.loading?p(t.$slots,"loadingicon",{key:0,class:c([t.cx("loadingIcon"),t.cx("icon")])},(function(){return[t.loadingIcon?(r(),s("span",u({key:0,class:[t.cx("loadingIcon"),t.cx("icon"),t.loadingIcon]},t.ptm("loadingIcon")),null,16)):(r(),d(v,u({key:1,class:[t.cx("loadingIcon"),t.cx("icon")],spin:""},t.ptm("loadingIcon")),null,16,["class"]))]})):p(t.$slots,"icon",{key:1,class:c([t.cx("icon")])},(function(){return[t.icon?(r(),s("span",u({key:0,class:[t.cx("icon"),t.icon,t.iconClass]},t.ptm("icon")),null,16)):b("",!0)]})),f("span",u({class:t.cx("label")},t.ptm("label")),g(t.label||" "),17),t.badge?(r(),d(h,u({key:2,value:t.badge,class:t.badgeClass,unstyled:t.unstyled},t.ptm("badge")),null,16,["value","class","unstyled"])):b("",!0)]}))],16,x)),[[S]])};export{S as default};

package/button/button.js

@@ -183,11 +183,11 @@ this.primevue.button = (function (Badge, SpinnerIcon, Ripple, BaseComponent, vue
           }, _ctx.ptm('loadingIcon')), null, 16, ["class"]))];
         }) : vue.renderSlot(_ctx.$slots, "icon", {
           key: 1,
-          "class": vue.normalizeClass(_ctx.cx('icon'))
+          "class": vue.normalizeClass([_ctx.cx('icon')])
         }, function () {
           return [_ctx.icon ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
             key: 0,
-            "class": [_ctx.cx('icon'), _ctx.icon]
+            "class": [_ctx.cx('icon'), _ctx.icon, _ctx.iconClass]
           }, _ctx.ptm('icon')), null, 16)) : vue.createCommentVNode("", true)];
         }), vue.createElementVNode("span", vue.mergeProps({
           "class": _ctx.cx('label')

package/button/button.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.button=function(e,t,n,o,l){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(e),r=i(t),s=i(n);function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function c(e,t,n){return(t=p(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e){var t=d(e,"string");return"symbol"===u(t)?t:String(t)}function d(e,t){if("object"!==u(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==u(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var b={name:"Button",extends:{name:"BaseButton",extends:i(o).default,props:{label:{type:String,default:null},icon:{type:String,default:null},iconPos:{type:String,default:"left"},iconClass:{type:String,default:null},badge:{type:String,default:null},badgeClass:{type:String,default:null},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:void 0},link:{type:Boolean,default:!1},severity:{type:String,default:null},raised:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},text:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},size:{type:String,default:null},plain:{type:Boolean,default:!1}},css:{classes:{root:function(e){var t,n=e.instance,o=e.props;return["p-button p-component",(t={"p-button-icon-only":n.hasIcon&&!o.label&&!o.badge,"p-button-vertical":("top"===o.iconPos||"bottom"===o.iconPos)&&o.label,"p-disabled":n.$attrs.disabled||""===n.$attrs.disabled||o.loading,"p-button-loading":o.loading,"p-button-loading-label-only":o.loading&&!n.hasIcon&&o.label,"p-button-link":o.link},c(t,"p-button-".concat(o.severity),o.severity),c(t,"p-button-raised",o.raised),c(t,"p-button-rounded",o.rounded),c(t,"p-button-text",o.text),c(t,"p-button-outlined",o.outlined),c(t,"p-button-sm","small"===o.size),c(t,"p-button-lg","large"===o.size),c(t,"p-button-plain",o.plain),t)]},loadingIcon:"p-button-loading-icon pi-spin",icon:function(e){var t=e.props;return["p-button-icon",{"p-button-icon-left":"left"===t.iconPos&&t.label,"p-button-icon-right":"right"===t.iconPos&&t.label,"p-button-icon-top":"top"===t.iconPos&&t.label,"p-button-icon-bottom":"bottom"===t.iconPos&&t.label}]},label:"p-button-label"}},provide:function(){return{$parentInstance:this}}},methods:{getPTOptions:function(e){var t,n;return this.ptm(e,{parent:{props:null===(t=this.$parent)||void 0===t?void 0:t.$props,state:null===(n=this.$parent)||void 0===n?void 0:n.$data},context:{disabled:this.disabled}})}},computed:{disabled:function(){return this.$attrs.disabled||""===this.$attrs.disabled||this.loading},defaultAriaLabel:function(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs["aria-label"]},hasIcon:function(){return this.icon||this.$slots.icon}},components:{SpinnerIcon:r.default,Badge:a.default},directives:{ripple:s.default}},f=["aria-label","disabled","data-pc-severity"];return b.render=function(e,t,n,o,i,a){var r=l.resolveComponent("SpinnerIcon"),s=l.resolveComponent("Badge"),u=l.resolveDirective("ripple");return l.withDirectives((l.openBlock(),l.createElementBlock("button",l.mergeProps({class:e.cx("root"),type:"button","aria-label":a.defaultAriaLabel,disabled:a.disabled},a.getPTOptions("root"),{"data-pc-name":"button","data-pc-severity":e.severity}),[l.renderSlot(e.$slots,"default",{},(function(){return[e.loading?l.renderSlot(e.$slots,"loadingicon",{key:0,class:l.normalizeClass([e.cx("loadingIcon"),e.cx("icon")])},(function(){return[e.loadingIcon?(l.openBlock(),l.createElementBlock("span",l.mergeProps({key:0,class:[e.cx("loadingIcon"),e.cx("icon"),e.loadingIcon]},e.ptm("loadingIcon")),null,16)):(l.openBlock(),l.createBlock(r,l.mergeProps({key:1,class:[e.cx("loadingIcon"),e.cx("icon")],spin:""},e.ptm("loadingIcon")),null,16,["class"]))]})):l.renderSlot(e.$slots,"icon",{key:1,class:l.normalizeClass(e.cx("icon"))},(function(){return[e.icon?(l.openBlock(),l.createElementBlock("span",l.mergeProps({key:0,class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16)):l.createCommentVNode("",!0)]})),l.createElementVNode("span",l.mergeProps({class:e.cx("label")},e.ptm("label")),l.toDisplayString(e.label||" "),17),e.badge?(l.openBlock(),l.createBlock(s,l.mergeProps({key:2,value:e.badge,class:e.badgeClass,unstyled:e.unstyled},e.ptm("badge")),null,16,["value","class","unstyled"])):l.createCommentVNode("",!0)]}))],16,f)),[[u]])},b}(primevue.badge,primevue.icons.spinner,primevue.ripple,primevue.basecomponent,Vue);
+this.primevue=this.primevue||{},this.primevue.button=function(e,t,n,o,l){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(e),r=i(t),s=i(n);function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function c(e,t,n){return(t=p(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e){var t=d(e,"string");return"symbol"===u(t)?t:String(t)}function d(e,t){if("object"!==u(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==u(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var b={name:"Button",extends:{name:"BaseButton",extends:i(o).default,props:{label:{type:String,default:null},icon:{type:String,default:null},iconPos:{type:String,default:"left"},iconClass:{type:String,default:null},badge:{type:String,default:null},badgeClass:{type:String,default:null},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:void 0},link:{type:Boolean,default:!1},severity:{type:String,default:null},raised:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},text:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},size:{type:String,default:null},plain:{type:Boolean,default:!1}},css:{classes:{root:function(e){var t,n=e.instance,o=e.props;return["p-button p-component",(t={"p-button-icon-only":n.hasIcon&&!o.label&&!o.badge,"p-button-vertical":("top"===o.iconPos||"bottom"===o.iconPos)&&o.label,"p-disabled":n.$attrs.disabled||""===n.$attrs.disabled||o.loading,"p-button-loading":o.loading,"p-button-loading-label-only":o.loading&&!n.hasIcon&&o.label,"p-button-link":o.link},c(t,"p-button-".concat(o.severity),o.severity),c(t,"p-button-raised",o.raised),c(t,"p-button-rounded",o.rounded),c(t,"p-button-text",o.text),c(t,"p-button-outlined",o.outlined),c(t,"p-button-sm","small"===o.size),c(t,"p-button-lg","large"===o.size),c(t,"p-button-plain",o.plain),t)]},loadingIcon:"p-button-loading-icon pi-spin",icon:function(e){var t=e.props;return["p-button-icon",{"p-button-icon-left":"left"===t.iconPos&&t.label,"p-button-icon-right":"right"===t.iconPos&&t.label,"p-button-icon-top":"top"===t.iconPos&&t.label,"p-button-icon-bottom":"bottom"===t.iconPos&&t.label}]},label:"p-button-label"}},provide:function(){return{$parentInstance:this}}},methods:{getPTOptions:function(e){var t,n;return this.ptm(e,{parent:{props:null===(t=this.$parent)||void 0===t?void 0:t.$props,state:null===(n=this.$parent)||void 0===n?void 0:n.$data},context:{disabled:this.disabled}})}},computed:{disabled:function(){return this.$attrs.disabled||""===this.$attrs.disabled||this.loading},defaultAriaLabel:function(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs["aria-label"]},hasIcon:function(){return this.icon||this.$slots.icon}},components:{SpinnerIcon:r.default,Badge:a.default},directives:{ripple:s.default}},f=["aria-label","disabled","data-pc-severity"];return b.render=function(e,t,n,o,i,a){var r=l.resolveComponent("SpinnerIcon"),s=l.resolveComponent("Badge"),u=l.resolveDirective("ripple");return l.withDirectives((l.openBlock(),l.createElementBlock("button",l.mergeProps({class:e.cx("root"),type:"button","aria-label":a.defaultAriaLabel,disabled:a.disabled},a.getPTOptions("root"),{"data-pc-name":"button","data-pc-severity":e.severity}),[l.renderSlot(e.$slots,"default",{},(function(){return[e.loading?l.renderSlot(e.$slots,"loadingicon",{key:0,class:l.normalizeClass([e.cx("loadingIcon"),e.cx("icon")])},(function(){return[e.loadingIcon?(l.openBlock(),l.createElementBlock("span",l.mergeProps({key:0,class:[e.cx("loadingIcon"),e.cx("icon"),e.loadingIcon]},e.ptm("loadingIcon")),null,16)):(l.openBlock(),l.createBlock(r,l.mergeProps({key:1,class:[e.cx("loadingIcon"),e.cx("icon")],spin:""},e.ptm("loadingIcon")),null,16,["class"]))]})):l.renderSlot(e.$slots,"icon",{key:1,class:l.normalizeClass([e.cx("icon")])},(function(){return[e.icon?(l.openBlock(),l.createElementBlock("span",l.mergeProps({key:0,class:[e.cx("icon"),e.icon,e.iconClass]},e.ptm("icon")),null,16)):l.createCommentVNode("",!0)]})),l.createElementVNode("span",l.mergeProps({class:e.cx("label")},e.ptm("label")),l.toDisplayString(e.label||" "),17),e.badge?(l.openBlock(),l.createBlock(s,l.mergeProps({key:2,value:e.badge,class:e.badgeClass,unstyled:e.unstyled},e.ptm("badge")),null,16,["value","class","unstyled"])):l.createCommentVNode("",!0)]}))],16,f)),[[u]])},b}(primevue.badge,primevue.icons.spinner,primevue.ripple,primevue.basecomponent,Vue);

package/calendar/Calendar.d.ts

@@ -10,7 +10,7 @@
 import { HTMLAttributes, InputHTMLAttributes, TransitionProps, VNode } from 'vue';
 import { ComponentHooks } from '../basecomponent';
 import { ButtonPassThroughOptionType } from '../button';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+import { ClassComponent, GlobalComponentConstructor, PTOptions } from '../ts-helpers';
 
 export declare type CalendarPassThroughOptionType = CalendarPassThroughAttributes | ((options: CalendarPassThroughMethodOptions) => CalendarPassThroughAttributes | string) | string | null | undefined;
 
@@ -691,7 +691,7 @@ export interface CalendarProps {
      * Used to pass attributes to DOM elements inside the component.
      * @type {CalendarPassThroughOptions}
      */
-    pt?: CalendarPassThroughOptions;
+    pt?: PTOptions<CalendarPassThroughOptions>;
     /**
      * When enabled, it removes component related styles in the core.
      * @defaultValue false
@@ -735,20 +735,44 @@ export interface CalendarSlots {
     dropdownicon(): VNode[];
     /**
      * Custom previous icon template.
+     * @param {Object} scope - previous icon slot's params.
      */
-    previousicon(): VNode[];
+    previousicon(scope: {
+        /**
+         * Style class of the dropdown icon
+         */
+        class: any;
+    }): VNode[];
     /**
      * Custom next icon template.
+     * @param {Object} scope - next icon slot's params.
      */
-    nexticon(): VNode[];
+    nexticon(scope: {
+        /**
+         * Style class of the dropdown icon
+         */
+        class: any;
+    }): VNode[];
     /**
      * Custom increment icon template.
+     * @param {Object} scope - increment icon slot's params.
      */
-    incrementicon(): VNode[];
+    incrementicon(scope: {
+        /**
+         * Style class of the dropdown icon
+         */
+        class: any;
+    }): VNode[];
     /**
      * Custom decrement icon template.
+     * @param {Object} scope - decrement icon slot's params.
      */
-    decrementicon(): VNode[];
+    decrementicon(scope: {
+        /**
+         * Style class of the dropdown icon
+         */
+        class: any;
+    }): VNode[];
 }
 
 /**

package/calendar/Calendar.vue

@@ -80,7 +80,7 @@
                                         :aria-label="currentView === 'year' ? $primevue.config.locale.prevDecade : currentView === 'month' ? $primevue.config.locale.prevYear : $primevue.config.locale.prevMonth"
                                         v-bind="ptm('previousButton')"
                                     >
-                                        <slot name="previousicon">
+                                        <slot name="previousicon" :class="cx('previousIcon')">
                                             <component :is="previousIcon ? 'span' : 'ChevronLeftIcon'" :class="[cx('previousIcon'), previousIcon]" v-bind="ptm('previousIcon')" />
                                         </slot>
                                     </button>
@@ -125,7 +125,7 @@
                                         :aria-label="currentView === 'year' ? $primevue.config.locale.nextDecade : currentView === 'month' ? $primevue.config.locale.nextYear : $primevue.config.locale.nextMonth"
                                         v-bind="ptm('nextButton')"
                                     >
-                                        <slot name="nexticon">
+                                        <slot name="nexticon" :class="cx('nextIcon')">
                                             <component :is="nextIcon ? 'span' : 'ChevronRightIcon'" :class="[cx('nextIcon'), nextIcon]" v-bind="ptm('nextIcon')" />
                                         </slot>
                                     </button>
@@ -392,13 +392,13 @@
                         </div>
                         <div v-if="hourFormat == '12'" :class="cx('ampmPicker')" v-bind="ptm('ampmPicker')">
                             <button v-ripple :class="cx('incrementButton')" :aria-label="$primevue.config.locale.am" @click="toggleAMPM($event)" type="button" :disabled="disabled" v-bind="ptm('incrementButton')">
-                                <slot name="incrementicon">
+                                <slot name="incrementicon" :class="cx('incrementIcon')">
                                     <component :is="incrementIcon ? 'span' : 'ChevronUpIcon'" :class="cx('incrementIcon')" v-bind="ptm('incrementIcon')" />
                                 </slot>
                             </button>
                             <span v-bind="ptm('ampm')">{{ pm ? $primevue.config.locale.pm : $primevue.config.locale.am }}</span>
                             <button v-ripple :class="cx('decrementButton')" :aria-label="$primevue.config.locale.pm" @click="toggleAMPM($event)" type="button" :disabled="disabled" v-bind="ptm('decrementButton')">
-                                <slot name="decrementicon">
+                                <slot name="decrementicon" :class="cx('decrementIcon')">
                                     <component :is="decrementIcon ? 'span' : 'ChevronDownIcon'" :class="cx('decrementIcon')" v-bind="ptm('decrementIcon')" />
                                 </slot>
                             </button>
@@ -1416,7 +1416,7 @@ export default {
         },
         incrementHour(event) {
             let prevHour = this.currentHour;
-            let newHour = this.currentHour + this.stepHour;
+            let newHour = this.currentHour + Number(this.stepHour);
             let newPM = this.pm;
 
             if (this.hourFormat == '24') newHour = newHour >= 24 ? newHour - 24 : newHour;
@@ -1458,7 +1458,7 @@ export default {
             event.preventDefault();
         },
         incrementMinute(event) {
-            let newMinute = this.currentMinute + this.stepMinute;
+            let newMinute = this.currentMinute + Number(this.stepMinute);
 
             if (this.validateTime(this.currentHour, newMinute, this.currentSecond, this.pm)) {
                 this.currentMinute = newMinute > 59 ? newMinute - 60 : newMinute;
@@ -1478,7 +1478,7 @@ export default {
             event.preventDefault();
         },
         incrementSecond(event) {
-            let newSecond = this.currentSecond + this.stepSecond;
+            let newSecond = this.currentSecond + Number(this.stepSecond);
 
             if (this.validateTime(this.currentHour, this.currentMinute, newSecond, this.pm)) {
                 this.currentSecond = newSecond > 59 ? newSecond - 60 : newSecond;
@@ -2589,7 +2589,8 @@ export default {
                 let innerHTML = '';
 
                 if (this.responsiveOptions) {
-                    let responsiveOptions = [...this.responsiveOptions].filter((o) => !!(o.breakpoint && o.numMonths)).sort((o1, o2) => -1 * o1.breakpoint.localeCompare(o2.breakpoint, undefined, { numeric: true }));
+                    const comparer = new Intl.Collator(undefined, { numeric: true }).compare;
+                    let responsiveOptions = [...this.responsiveOptions].filter((o) => !!(o.breakpoint && o.numMonths)).sort((o1, o2) => -1 * comparer(o1.breakpoint, o2.breakpoint));
 
                     for (let i = 0; i < responsiveOptions.length; i++) {
                         let { breakpoint, numMonths } = responsiveOptions[i];

package/calendar/calendar.cjs.js

@@ -1281,7 +1281,7 @@ var script = {
     },
     incrementHour: function incrementHour(event) {
       var prevHour = this.currentHour;
-      var newHour = this.currentHour + this.stepHour;
+      var newHour = this.currentHour + Number(this.stepHour);
       var newPM = this.pm;
       if (this.hourFormat == '24') newHour = newHour >= 24 ? newHour - 24 : newHour;else if (this.hourFormat == '12') {
         // Before the AM/PM break, now after
@@ -1313,7 +1313,7 @@ var script = {
       event.preventDefault();
     },
     incrementMinute: function incrementMinute(event) {
-      var newMinute = this.currentMinute + this.stepMinute;
+      var newMinute = this.currentMinute + Number(this.stepMinute);
       if (this.validateTime(this.currentHour, newMinute, this.currentSecond, this.pm)) {
         this.currentMinute = newMinute > 59 ? newMinute - 60 : newMinute;
       }
@@ -1328,7 +1328,7 @@ var script = {
       event.preventDefault();
     },
     incrementSecond: function incrementSecond(event) {
-      var newSecond = this.currentSecond + this.stepSecond;
+      var newSecond = this.currentSecond + Number(this.stepSecond);
       if (this.validateTime(this.currentHour, this.currentMinute, newSecond, this.pm)) {
         this.currentSecond = newSecond > 59 ? newSecond - 60 : newSecond;
       }
@@ -2338,12 +2338,13 @@ var script = {
         }
         var innerHTML = '';
         if (this.responsiveOptions) {
+          var comparer = new Intl.Collator(undefined, {
+            numeric: true
+          }).compare;
           var responsiveOptions = _toConsumableArray(this.responsiveOptions).filter(function (o) {
             return !!(o.breakpoint && o.numMonths);
           }).sort(function (o1, o2) {
-            return -1 * o1.breakpoint.localeCompare(o2.breakpoint, undefined, {
-              numeric: true
-            });
+            return -1 * comparer(o1.breakpoint, o2.breakpoint);
           });
           for (var i = 0; i < responsiveOptions.length; i++) {
             var _responsiveOptions$i = responsiveOptions[i],
@@ -2758,7 +2759,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               }),
               disabled: _ctx.disabled,
               "aria-label": $data.currentView === 'year' ? _ctx.$primevue.config.locale.prevDecade : $data.currentView === 'month' ? _ctx.$primevue.config.locale.prevYear : _ctx.$primevue.config.locale.prevMonth
-            }, _ctx.ptm('previousButton')), [vue.renderSlot(_ctx.$slots, "previousicon", {}, function () {
+            }, _ctx.ptm('previousButton')), [vue.renderSlot(_ctx.$slots, "previousicon", {
+              "class": vue.normalizeClass(_ctx.cx('previousIcon'))
+            }, function () {
               return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.previousIcon ? 'span' : 'ChevronLeftIcon'), vue.mergeProps({
                 "class": [_ctx.cx('previousIcon'), _ctx.previousIcon]
               }, _ctx.ptm('previousIcon')), null, 16, ["class"]))];
@@ -2808,7 +2811,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               }),
               disabled: _ctx.disabled,
               "aria-label": $data.currentView === 'year' ? _ctx.$primevue.config.locale.nextDecade : $data.currentView === 'month' ? _ctx.$primevue.config.locale.nextYear : _ctx.$primevue.config.locale.nextMonth
-            }, _ctx.ptm('nextButton')), [vue.renderSlot(_ctx.$slots, "nexticon", {}, function () {
+            }, _ctx.ptm('nextButton')), [vue.renderSlot(_ctx.$slots, "nexticon", {
+              "class": vue.normalizeClass(_ctx.cx('nextIcon'))
+            }, function () {
               return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.nextIcon ? 'span' : 'ChevronRightIcon'), vue.mergeProps({
                 "class": [_ctx.cx('nextIcon'), _ctx.nextIcon]
               }, _ctx.ptm('nextIcon')), null, 16, ["class"]))];
@@ -3181,7 +3186,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             }),
             type: "button",
             disabled: _ctx.disabled
-          }, _ctx.ptm('incrementButton')), [vue.renderSlot(_ctx.$slots, "incrementicon", {}, function () {
+          }, _ctx.ptm('incrementButton')), [vue.renderSlot(_ctx.$slots, "incrementicon", {
+            "class": vue.normalizeClass(_ctx.cx('incrementIcon'))
+          }, function () {
             return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.incrementIcon ? 'span' : 'ChevronUpIcon'), vue.mergeProps({
               "class": _ctx.cx('incrementIcon')
             }, _ctx.ptm('incrementIcon')), null, 16, ["class"]))];
@@ -3193,7 +3200,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             }),
             type: "button",
             disabled: _ctx.disabled
-          }, _ctx.ptm('decrementButton')), [vue.renderSlot(_ctx.$slots, "decrementicon", {}, function () {
+          }, _ctx.ptm('decrementButton')), [vue.renderSlot(_ctx.$slots, "decrementicon", {
+            "class": vue.normalizeClass(_ctx.cx('decrementIcon'))
+          }, function () {
             return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.decrementIcon ? 'span' : 'ChevronDownIcon'), vue.mergeProps({
               "class": _ctx.cx('decrementIcon')
             }, _ctx.ptm('decrementIcon')), null, 16, ["class"]))];