primevue 3.29.2 → 3.30.0

package/button/button.esm.js

@@ -1,192 +1,193 @@
-import BaseComponent from 'primevue/basecomponent';
+import Badge from 'primevue/badge';
 import SpinnerIcon from 'primevue/icons/spinner';
 import Ripple from 'primevue/ripple';
+import BaseComponent from 'primevue/basecomponent';
 import { resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, mergeProps, renderSlot, normalizeClass, createBlock, createCommentVNode, createElementVNode, toDisplayString } from 'vue';
 
-var script = {
-    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
-        }
+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,
+  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
+    },
+    link: {
+      type: Boolean,
+      "default": false
     },
-    components: {
-        SpinnerIcon
+    severity: {
+      type: String,
+      "default": null
     },
-    directives: {
-        ripple: Ripple
+    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,
+    Badge: Badge
+  },
+  directives: {
+    ripple: Ripple
+  }
+};
 
+var _hoisted_1 = ["aria-label", "disabled", "data-pc-severity"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_SpinnerIcon = resolveComponent("SpinnerIcon");
-  const _directive_ripple = resolveDirective("ripple");
-
+  var _component_SpinnerIcon = resolveComponent("SpinnerIcon");
+  var _component_Badge = resolveComponent("Badge");
+  var _directive_ripple = resolveDirective("ripple");
   return withDirectives((openBlock(), createElementBlock("button", mergeProps({
-    class: $options.buttonClass,
+    "class": _ctx.cx('root'),
     type: "button",
     "aria-label": $options.defaultAriaLabel,
     disabled: $options.disabled
-  }, _ctx.ptm('root')), [
-    renderSlot(_ctx.$slots, "default", {}, () => [
-      ($props.loading)
-        ? renderSlot(_ctx.$slots, "loadingicon", {
-            key: 0,
-            class: normalizeClass($options.loadingIconStyleClass)
-          }, () => [
-            ($props.loadingIcon)
-              ? (openBlock(), createElementBlock("span", mergeProps({
-                  key: 0,
-                  class: [$options.loadingIconStyleClass, $props.loadingIcon]
-                }, _ctx.ptm('loadingIcon')), null, 16))
-              : (openBlock(), createBlock(_component_SpinnerIcon, mergeProps({
-                  key: 1,
-                  class: $options.loadingIconStyleClass,
-                  spin: ""
-                }, _ctx.ptm('loadingIcon')), null, 16, ["class"]))
-          ])
-        : renderSlot(_ctx.$slots, "icon", {
-            key: 1,
-            class: normalizeClass($options.iconStyleClass)
-          }, () => [
-            ($props.icon)
-              ? (openBlock(), createElementBlock("span", mergeProps({
-                  key: 0,
-                  class: [$options.iconStyleClass, $props.icon]
-                }, _ctx.ptm('icon')), null, 16))
-              : createCommentVNode("", true)
-          ]),
-      createElementVNode("span", mergeProps({ class: "p-button-label" }, _ctx.ptm('label')), toDisplayString($props.label || ' '), 17),
-      ($props.badge)
-        ? (openBlock(), createElementBlock("span", mergeProps({
-            key: 2,
-            class: $options.badgeStyleClass
-          }, _ctx.ptm('badge')), toDisplayString($props.badge), 17))
-        : createCommentVNode("", true)
-    ])
-  ], 16, _hoisted_1)), [
-    [_directive_ripple]
-  ])
+  }, $options.getPTOptions('root'), {
+    "data-pc-name": "button",
+    "data-pc-severity": _ctx.severity
+  }), [renderSlot(_ctx.$slots, "default", {}, function () {
+    return [_ctx.loading ? renderSlot(_ctx.$slots, "loadingicon", {
+      key: 0,
+      "class": normalizeClass([_ctx.cx('loadingIcon'), _ctx.cx('icon')])
+    }, function () {
+      return [_ctx.loadingIcon ? (openBlock(), createElementBlock("span", mergeProps({
+        key: 0,
+        "class": [_ctx.cx('loadingIcon'), _ctx.cx('icon'), _ctx.loadingIcon]
+      }, _ctx.ptm('loadingIcon')), null, 16)) : (openBlock(), createBlock(_component_SpinnerIcon, mergeProps({
+        key: 1,
+        "class": [_ctx.cx('loadingIcon'), _ctx.cx('icon')],
+        spin: ""
+      }, _ctx.ptm('loadingIcon')), null, 16, ["class"]))];
+    }) : renderSlot(_ctx.$slots, "icon", {
+      key: 1,
+      "class": normalizeClass(_ctx.cx('icon'))
+    }, function () {
+      return [_ctx.icon ? (openBlock(), createElementBlock("span", mergeProps({
+        key: 0,
+        "class": [_ctx.cx('icon'), _ctx.icon]
+      }, _ctx.ptm('icon')), null, 16)) : createCommentVNode("", true)];
+    }), createElementVNode("span", mergeProps({
+      "class": _ctx.cx('label')
+    }, _ctx.ptm('label')), toDisplayString(_ctx.label || ' '), 17), _ctx.badge ? (openBlock(), createBlock(_component_Badge, mergeProps({
+      key: 2,
+      value: _ctx.badge,
+      "class": _ctx.badgeClass,
+      unstyled: _ctx.unstyled
+    }, _ctx.ptm('badge')), null, 16, ["value", "class", "unstyled"])) : createCommentVNode("", true)];
+  })], 16, _hoisted_1)), [[_directive_ripple]]);
 }
 
 script.render = render;

package/button/button.esm.min.js

@@ -1 +1 @@
-import t from"primevue/basecomponent";import l from"primevue/icons/spinner";import n from"primevue/ripple";import{resolveComponent as e,resolveDirective as o,withDirectives as i,openBlock as s,createElementBlock as a,mergeProps as p,renderSlot as d,normalizeClass as u,createBlock as r,createCommentVNode as b,createElementVNode as c,toDisplayString as g}from"vue";var h={name:"Button",extends:t,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:l},directives:{ripple:n}};const y=["aria-label","disabled"];h.render=function(t,l,n,h,f,m){const S=e("SpinnerIcon"),C=o("ripple");return i((s(),a("button",p({class:m.buttonClass,type:"button","aria-label":m.defaultAriaLabel,disabled:m.disabled},t.ptm("root")),[d(t.$slots,"default",{},(()=>[n.loading?d(t.$slots,"loadingicon",{key:0,class:u(m.loadingIconStyleClass)},(()=>[n.loadingIcon?(s(),a("span",p({key:0,class:[m.loadingIconStyleClass,n.loadingIcon]},t.ptm("loadingIcon")),null,16)):(s(),r(S,p({key:1,class:m.loadingIconStyleClass,spin:""},t.ptm("loadingIcon")),null,16,["class"]))])):d(t.$slots,"icon",{key:1,class:u(m.iconStyleClass)},(()=>[n.icon?(s(),a("span",p({key:0,class:[m.iconStyleClass,n.icon]},t.ptm("icon")),null,16)):b("",!0)])),c("span",p({class:"p-button-label"},t.ptm("label")),g(n.label||" "),17),n.badge?(s(),a("span",p({key:2,class:m.badgeStyleClass},t.ptm("badge")),g(n.badge),17)):b("",!0)]))],16,y)),[[C]])};export{h 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 c,normalizeClass as p,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){return this.ptm(t,{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}),[c(t.$slots,"default",{},(function(){return[t.loading?c(t.$slots,"loadingicon",{key:0,class:p([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"]))]})):c(t.$slots,"icon",{key:1,class:p(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(),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};