primevue 3.29.2 → 3.30.1

package/button/Button.vue

@@ -1,141 +1,40 @@
 <template>
-    <button v-ripple :class="buttonClass" type="button" :aria-label="defaultAriaLabel" :disabled="disabled" v-bind="ptm('root')">
+    <button v-ripple :class="cx('root')" type="button" :aria-label="defaultAriaLabel" :disabled="disabled" v-bind="getPTOptions('root')" data-pc-name="button" :data-pc-severity="severity">
         <slot>
-            <slot v-if="loading" name="loadingicon" :class="loadingIconStyleClass">
-                <span v-if="loadingIcon" :class="[loadingIconStyleClass, loadingIcon]" v-bind="ptm('loadingIcon')" />
-                <SpinnerIcon v-else :class="loadingIconStyleClass" spin v-bind="ptm('loadingIcon')" />
+            <slot v-if="loading" name="loadingicon" :class="[cx('loadingIcon'), cx('icon')]">
+                <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="iconStyleClass">
-                <span v-if="icon" :class="[iconStyleClass, icon]" v-bind="ptm('icon')"></span>
+            <slot v-else name="icon" :class="cx('icon')">
+                <span v-if="icon" :class="[cx('icon'), icon]" v-bind="ptm('icon')"></span>
             </slot>
-            <span class="p-button-label" v-bind="ptm('label')">{{ label || '&nbsp;' }}</span>
-            <span v-if="badge" :class="badgeStyleClass" v-bind="ptm('badge')">{{ badge }}</span>
+            <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>
         </slot>
     </button>
 </template>
 
 <script>
-import BaseComponent from 'primevue/basecomponent';
+import Badge from 'primevue/badge';
 import SpinnerIcon from 'primevue/icons/spinner';
 import Ripple from 'primevue/ripple';
+import BaseButton from './BaseButton.vue';
 
 export default {
     name: 'Button',
-    extends: BaseComponent,
-    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: false
-        },
-        loadingIcon: {
-            type: String,
-            default: undefined
-        },
-        link: {
-            type: Boolean,
-            default: false
-        },
-        severity: {
-            type: String,
-            default: null
-        },
-        raised: {
-            type: Boolean,
-            default: false
-        },
-        rounded: {
-            type: Boolean,
-            default: false
-        },
-        text: {
-            type: Boolean,
-            default: false
-        },
-        outlined: {
-            type: Boolean,
-            default: false
-        },
-        size: {
-            type: String,
-            default: null
-        },
-        plain: {
-            type: Boolean,
-            default: false
+    extends: BaseButton,
+    methods: {
+        getPTOptions(key) {
+            return this.ptm(key, {
+                context: {
+                    disabled: this.disabled
+                }
+            });
         }
     },
     computed: {
-        buttonClass() {
-            return [
-                'p-button p-component',
-                {
-                    'p-button-icon-only': this.hasIcon && !this.label,
-                    'p-button-vertical': (this.iconPos === 'top' || this.iconPos === 'bottom') && this.label,
-                    'p-disabled': this.$attrs.disabled || this.loading,
-                    'p-button-loading': this.loading,
-                    'p-button-loading-label-only': this.loading && !this.hasIcon && this.label,
-                    'p-button-link': this.link,
-                    [`p-button-${this.severity}`]: this.severity,
-                    'p-button-raised': this.raised,
-                    'p-button-rounded': this.rounded,
-                    'p-button-text': this.text,
-                    'p-button-outlined': this.outlined,
-                    'p-button-sm': this.size === 'small',
-                    'p-button-lg': this.size === 'large',
-                    'p-button-plain': this.plain
-                }
-            ];
-        },
-        iconStyleClass() {
-            return [
-                'p-button-icon',
-                this.iconClass,
-                {
-                    '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,
-                    'p-button-icon-bottom': this.iconPos === 'bottom' && this.label
-                }
-            ];
-        },
-        loadingIconStyleClass() {
-            return ['p-button-loading-icon pi-spin', this.iconStyleClass];
-        },
-        badgeStyleClass() {
-            return [
-                'p-badge p-component',
-                this.badgeClass,
-                {
-                    'p-badge-no-gutter': this.badge && String(this.badge).length === 1
-                }
-            ];
-        },
         disabled() {
-            return this.$attrs.disabled || this.loading;
+            return this.$attrs.disabled || this.$attrs.disabled === '' || this.loading;
         },
         defaultAriaLabel() {
             return this.label ? this.label + (this.badge ? ' ' + this.badge : '') : this.$attrs['aria-label'];
@@ -145,7 +44,8 @@ export default {
         }
     },
     components: {
-        SpinnerIcon
+        SpinnerIcon,
+        Badge
     },
     directives: {
         ripple: Ripple

package/button/button.cjs.js

@@ -1,200 +1,202 @@
 'use strict';
 
-var BaseComponent = require('primevue/basecomponent');
+var Badge = require('primevue/badge');
 var SpinnerIcon = require('primevue/icons/spinner');
 var Ripple = require('primevue/ripple');
+var BaseComponent = require('primevue/basecomponent');
 var vue = require('vue');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+var Badge__default = /*#__PURE__*/_interopDefaultLegacy(Badge);
 var SpinnerIcon__default = /*#__PURE__*/_interopDefaultLegacy(SpinnerIcon);
 var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
+var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-var script = {
-    name: 'Button',
-    extends: BaseComponent__default["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: false
-        },
-        loadingIcon: {
-            type: String,
-            default: undefined
-        },
-        link: {
-            type: Boolean,
-            default: false
-        },
-        severity: {
-            type: String,
-            default: null
-        },
-        raised: {
-            type: Boolean,
-            default: false
-        },
-        rounded: {
-            type: Boolean,
-            default: false
-        },
-        text: {
-            type: Boolean,
-            default: false
-        },
-        outlined: {
-            type: Boolean,
-            default: false
-        },
-        size: {
-            type: String,
-            default: null
-        },
-        plain: {
-            type: Boolean,
-            default: false
-        }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var classes = {
+  root: function root(_ref) {
+    var _ref2;
+    var instance = _ref.instance,
+      props = _ref.props;
+    return ['p-button p-component', (_ref2 = {
+      'p-button-icon-only': instance.hasIcon && !props.label && !props.badge,
+      'p-button-vertical': (props.iconPos === 'top' || props.iconPos === 'bottom') && props.label,
+      'p-disabled': instance.$attrs.disabled || instance.$attrs.disabled === '' || props.loading,
+      'p-button-loading': props.loading,
+      'p-button-loading-label-only': props.loading && !instance.hasIcon && props.label,
+      'p-button-link': props.link
+    }, _defineProperty(_ref2, "p-button-".concat(props.severity), props.severity), _defineProperty(_ref2, 'p-button-raised', props.raised), _defineProperty(_ref2, 'p-button-rounded', props.rounded), _defineProperty(_ref2, 'p-button-text', props.text), _defineProperty(_ref2, 'p-button-outlined', props.outlined), _defineProperty(_ref2, 'p-button-sm', props.size === 'small'), _defineProperty(_ref2, 'p-button-lg', props.size === 'large'), _defineProperty(_ref2, 'p-button-plain', props.plain), _ref2)];
+  },
+  loadingIcon: 'p-button-loading-icon pi-spin',
+  icon: function icon(_ref3) {
+    var props = _ref3.props;
+    return ['p-button-icon', {
+      'p-button-icon-left': props.iconPos === 'left' && props.label,
+      'p-button-icon-right': props.iconPos === 'right' && props.label,
+      'p-button-icon-top': props.iconPos === 'top' && props.label,
+      'p-button-icon-bottom': props.iconPos === 'bottom' && props.label
+    }];
+  },
+  label: 'p-button-label'
+};
+var script$1 = {
+  name: 'BaseButton',
+  "extends": BaseComponent__default["default"],
+  props: {
+    label: {
+      type: String,
+      "default": null
     },
-    computed: {
-        buttonClass() {
-            return [
-                'p-button p-component',
-                {
-                    'p-button-icon-only': this.hasIcon && !this.label,
-                    'p-button-vertical': (this.iconPos === 'top' || this.iconPos === 'bottom') && this.label,
-                    'p-disabled': this.$attrs.disabled || this.loading,
-                    'p-button-loading': this.loading,
-                    'p-button-loading-label-only': this.loading && !this.hasIcon && this.label,
-                    'p-button-link': this.link,
-                    [`p-button-${this.severity}`]: this.severity,
-                    'p-button-raised': this.raised,
-                    'p-button-rounded': this.rounded,
-                    'p-button-text': this.text,
-                    'p-button-outlined': this.outlined,
-                    'p-button-sm': this.size === 'small',
-                    'p-button-lg': this.size === 'large',
-                    'p-button-plain': this.plain
-                }
-            ];
-        },
-        iconStyleClass() {
-            return [
-                'p-button-icon',
-                this.iconClass,
-                {
-                    '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,
-                    'p-button-icon-bottom': this.iconPos === 'bottom' && this.label
-                }
-            ];
-        },
-        loadingIconStyleClass() {
-            return ['p-button-loading-icon pi-spin', this.iconStyleClass];
-        },
-        badgeStyleClass() {
-            return [
-                'p-badge p-component',
-                this.badgeClass,
-                {
-                    'p-badge-no-gutter': this.badge && String(this.badge).length === 1
-                }
-            ];
-        },
-        disabled() {
-            return this.$attrs.disabled || this.loading;
-        },
-        defaultAriaLabel() {
-            return this.label ? this.label + (this.badge ? ' ' + this.badge : '') : this.$attrs['aria-label'];
-        },
-        hasIcon() {
-            return this.icon || this.$slots.icon;
-        }
+    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": false
+    },
+    loadingIcon: {
+      type: String,
+      "default": undefined
     },
-    components: {
-        SpinnerIcon: SpinnerIcon__default["default"]
+    link: {
+      type: Boolean,
+      "default": false
     },
-    directives: {
-        ripple: Ripple__default["default"]
+    severity: {
+      type: String,
+      "default": null
+    },
+    raised: {
+      type: Boolean,
+      "default": false
+    },
+    rounded: {
+      type: Boolean,
+      "default": false
+    },
+    text: {
+      type: Boolean,
+      "default": false
+    },
+    outlined: {
+      type: Boolean,
+      "default": false
+    },
+    size: {
+      type: String,
+      "default": null
+    },
+    plain: {
+      type: Boolean,
+      "default": false
     }
+  },
+  css: {
+    classes: classes
+  },
+  provide: function provide() {
+    return {
+      $parentInstance: this
+    };
+  }
 };
 
-const _hoisted_1 = ["aria-label", "disabled"];
+var script = {
+  name: 'Button',
+  "extends": script$1,
+  methods: {
+    getPTOptions: function getPTOptions(key) {
+      return this.ptm(key, {
+        context: {
+          disabled: this.disabled
+        }
+      });
+    }
+  },
+  computed: {
+    disabled: function disabled() {
+      return this.$attrs.disabled || this.$attrs.disabled === '' || this.loading;
+    },
+    defaultAriaLabel: function defaultAriaLabel() {
+      return this.label ? this.label + (this.badge ? ' ' + this.badge : '') : this.$attrs['aria-label'];
+    },
+    hasIcon: function hasIcon() {
+      return this.icon || this.$slots.icon;
+    }
+  },
+  components: {
+    SpinnerIcon: SpinnerIcon__default["default"],
+    Badge: Badge__default["default"]
+  },
+  directives: {
+    ripple: Ripple__default["default"]
+  }
+};
 
+var _hoisted_1 = ["aria-label", "disabled", "data-pc-severity"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_SpinnerIcon = vue.resolveComponent("SpinnerIcon");
-  const _directive_ripple = vue.resolveDirective("ripple");
-
+  var _component_SpinnerIcon = vue.resolveComponent("SpinnerIcon");
+  var _component_Badge = vue.resolveComponent("Badge");
+  var _directive_ripple = vue.resolveDirective("ripple");
   return vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
-    class: $options.buttonClass,
+    "class": _ctx.cx('root'),
     type: "button",
     "aria-label": $options.defaultAriaLabel,
     disabled: $options.disabled
-  }, _ctx.ptm('root')), [
-    vue.renderSlot(_ctx.$slots, "default", {}, () => [
-      ($props.loading)
-        ? vue.renderSlot(_ctx.$slots, "loadingicon", {
-            key: 0,
-            class: vue.normalizeClass($options.loadingIconStyleClass)
-          }, () => [
-            ($props.loadingIcon)
-              ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
-                  key: 0,
-                  class: [$options.loadingIconStyleClass, $props.loadingIcon]
-                }, _ctx.ptm('loadingIcon')), null, 16))
-              : (vue.openBlock(), vue.createBlock(_component_SpinnerIcon, vue.mergeProps({
-                  key: 1,
-                  class: $options.loadingIconStyleClass,
-                  spin: ""
-                }, _ctx.ptm('loadingIcon')), null, 16, ["class"]))
-          ])
-        : vue.renderSlot(_ctx.$slots, "icon", {
-            key: 1,
-            class: vue.normalizeClass($options.iconStyleClass)
-          }, () => [
-            ($props.icon)
-              ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
-                  key: 0,
-                  class: [$options.iconStyleClass, $props.icon]
-                }, _ctx.ptm('icon')), null, 16))
-              : vue.createCommentVNode("", true)
-          ]),
-      vue.createElementVNode("span", vue.mergeProps({ class: "p-button-label" }, _ctx.ptm('label')), vue.toDisplayString($props.label || ' '), 17),
-      ($props.badge)
-        ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
-            key: 2,
-            class: $options.badgeStyleClass
-          }, _ctx.ptm('badge')), vue.toDisplayString($props.badge), 17))
-        : vue.createCommentVNode("", true)
-    ])
-  ], 16, _hoisted_1)), [
-    [_directive_ripple]
-  ])
+  }, $options.getPTOptions('root'), {
+    "data-pc-name": "button",
+    "data-pc-severity": _ctx.severity
+  }), [vue.renderSlot(_ctx.$slots, "default", {}, function () {
+    return [_ctx.loading ? vue.renderSlot(_ctx.$slots, "loadingicon", {
+      key: 0,
+      "class": vue.normalizeClass([_ctx.cx('loadingIcon'), _ctx.cx('icon')])
+    }, function () {
+      return [_ctx.loadingIcon ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
+        key: 0,
+        "class": [_ctx.cx('loadingIcon'), _ctx.cx('icon'), _ctx.loadingIcon]
+      }, _ctx.ptm('loadingIcon')), null, 16)) : (vue.openBlock(), vue.createBlock(_component_SpinnerIcon, vue.mergeProps({
+        key: 1,
+        "class": [_ctx.cx('loadingIcon'), _ctx.cx('icon')],
+        spin: ""
+      }, _ctx.ptm('loadingIcon')), null, 16, ["class"]))];
+    }) : vue.renderSlot(_ctx.$slots, "icon", {
+      key: 1,
+      "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]
+      }, _ctx.ptm('icon')), null, 16)) : vue.createCommentVNode("", true)];
+    }), vue.createElementVNode("span", vue.mergeProps({
+      "class": _ctx.cx('label')
+    }, _ctx.ptm('label')), vue.toDisplayString(_ctx.label || ' '), 17), _ctx.badge ? (vue.openBlock(), vue.createBlock(_component_Badge, vue.mergeProps({
+      key: 2,
+      value: _ctx.badge,
+      "class": _ctx.badgeClass,
+      unstyled: _ctx.unstyled
+    }, _ctx.ptm('badge')), null, 16, ["value", "class", "unstyled"])) : vue.createCommentVNode("", true)];
+  })], 16, _hoisted_1)), [[_directive_ripple]]);
 }
 
 script.render = render;

package/button/button.cjs.min.js

@@ -1 +1 @@
-"use strict";var t=require("primevue/basecomponent"),e=require("primevue/icons/spinner"),l=require("primevue/ripple"),n=require("vue");function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i=o(t),s=o(e),a=o(l),r={name:"Button",extends:i.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}},computed:{buttonClass(){return["p-button p-component",{"p-button-icon-only":this.hasIcon&&!this.label,"p-button-vertical":("top"===this.iconPos||"bottom"===this.iconPos)&&this.label,"p-disabled":this.$attrs.disabled||this.loading,"p-button-loading":this.loading,"p-button-loading-label-only":this.loading&&!this.hasIcon&&this.label,"p-button-link":this.link,[`p-button-${this.severity}`]:this.severity,"p-button-raised":this.raised,"p-button-rounded":this.rounded,"p-button-text":this.text,"p-button-outlined":this.outlined,"p-button-sm":"small"===this.size,"p-button-lg":"large"===this.size,"p-button-plain":this.plain}]},iconStyleClass(){return["p-button-icon",this.iconClass,{"p-button-icon-left":"left"===this.iconPos&&this.label,"p-button-icon-right":"right"===this.iconPos&&this.label,"p-button-icon-top":"top"===this.iconPos&&this.label,"p-button-icon-bottom":"bottom"===this.iconPos&&this.label}]},loadingIconStyleClass(){return["p-button-loading-icon pi-spin",this.iconStyleClass]},badgeStyleClass(){return["p-badge p-component",this.badgeClass,{"p-badge-no-gutter":this.badge&&1===String(this.badge).length}]},disabled(){return this.$attrs.disabled||this.loading},defaultAriaLabel(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs["aria-label"]},hasIcon(){return this.icon||this.$slots.icon}},components:{SpinnerIcon:s.default},directives:{ripple:a.default}};const p=["aria-label","disabled"];r.render=function(t,e,l,o,i,s){const a=n.resolveComponent("SpinnerIcon"),r=n.resolveDirective("ripple");return n.withDirectives((n.openBlock(),n.createElementBlock("button",n.mergeProps({class:s.buttonClass,type:"button","aria-label":s.defaultAriaLabel,disabled:s.disabled},t.ptm("root")),[n.renderSlot(t.$slots,"default",{},(()=>[l.loading?n.renderSlot(t.$slots,"loadingicon",{key:0,class:n.normalizeClass(s.loadingIconStyleClass)},(()=>[l.loadingIcon?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:0,class:[s.loadingIconStyleClass,l.loadingIcon]},t.ptm("loadingIcon")),null,16)):(n.openBlock(),n.createBlock(a,n.mergeProps({key:1,class:s.loadingIconStyleClass,spin:""},t.ptm("loadingIcon")),null,16,["class"]))])):n.renderSlot(t.$slots,"icon",{key:1,class:n.normalizeClass(s.iconStyleClass)},(()=>[l.icon?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:0,class:[s.iconStyleClass,l.icon]},t.ptm("icon")),null,16)):n.createCommentVNode("",!0)])),n.createElementVNode("span",n.mergeProps({class:"p-button-label"},t.ptm("label")),n.toDisplayString(l.label||" "),17),l.badge?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:2,class:s.badgeStyleClass},t.ptm("badge")),n.toDisplayString(l.badge),17)):n.createCommentVNode("",!0)]))],16,p)),[[r]])},module.exports=r;
+"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=d(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(e){var t=p(e,"string");return"symbol"===u(t)?t:String(t)}function p(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){return this.ptm(e,{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;