primevue 3.46.0 → 3.47.1

package/metergroup/metergroup.esm.js

@@ -0,0 +1,211 @@
+import BaseComponent from 'primevue/basecomponent';
+import MeterGroupStyle from 'primevue/metergroup/style';
+import { openBlock, createElementBlock, mergeProps, Fragment, renderList, renderSlot, normalizeClass, createElementVNode, toDisplayString, resolveComponent, createVNode, createCommentVNode } from 'vue';
+
+var script$2 = {
+  name: 'MeterGroup',
+  "extends": BaseComponent,
+  props: {
+    value: {
+      type: Array,
+      "default": null
+    },
+    min: {
+      type: Number,
+      "default": 0
+    },
+    max: {
+      type: Number,
+      "default": 100
+    },
+    orientation: {
+      type: String,
+      "default": 'horizontal'
+    },
+    labelPosition: {
+      type: String,
+      "default": 'end'
+    },
+    labelOrientation: {
+      type: String,
+      "default": 'horizontal'
+    }
+  },
+  style: MeterGroupStyle,
+  provide: function provide() {
+    return {
+      $parentInstance: this
+    };
+  }
+};
+
+var script$1 = {
+  name: 'MeterGroupLabel',
+  hostName: 'MeterGroup',
+  "extends": BaseComponent,
+  inheritAttrs: false,
+  props: {
+    value: {
+      type: Array,
+      "default": null
+    },
+    labelPosition: {
+      type: String,
+      "default": 'end'
+    },
+    labelOrientation: {
+      type: String,
+      "default": 'horizontal'
+    }
+  }
+};
+
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("ol", mergeProps({
+    "class": _ctx.cx('labellist')
+  }, _ctx.ptm('labellist')), [(openBlock(true), createElementBlock(Fragment, null, renderList($props.value, function (val, index) {
+    return openBlock(), createElementBlock("li", mergeProps({
+      key: index + '_label',
+      "class": _ctx.cx('labellistitem')
+    }, _ctx.ptm('labellistitem')), [renderSlot(_ctx.$slots, "icon", {
+      value: val,
+      "class": normalizeClass(_ctx.cx('labelicon'))
+    }, function () {
+      return [val.icon ? (openBlock(), createElementBlock("i", mergeProps({
+        key: 0,
+        "class": [val.icon, _ctx.cx('labelicon')],
+        style: {
+          color: val.color
+        }
+      }, _ctx.ptm('labelicon')), null, 16)) : (openBlock(), createElementBlock("span", mergeProps({
+        key: 1,
+        "class": _ctx.cx('labellisttype'),
+        style: {
+          backgroundColor: val.color
+        }
+      }, _ctx.ptm('labellisttype')), null, 16))];
+    }), createElementVNode("span", mergeProps({
+      "class": _ctx.cx('label')
+    }, _ctx.ptm('label')), toDisplayString(val.label) + " (" + toDisplayString(_ctx.$parentInstance.percentValue(val.value)) + ")", 17)], 16);
+  }), 128))], 16);
+}
+
+script$1.render = render$1;
+
+var script = {
+  name: 'MeterGroup',
+  "extends": script$2,
+  methods: {
+    getPTOptions: function getPTOptions(key, value, index) {
+      return this.ptm(key, {
+        context: {
+          value: value,
+          index: index
+        }
+      });
+    },
+    percent: function percent() {
+      var meter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+      var percentOfItem = (meter - this.min) / (this.max - this.min) * 100;
+      return Math.round(Math.max(0, Math.min(100, percentOfItem)));
+    },
+    percentValue: function percentValue(meter) {
+      return this.percent(meter) + '%';
+    },
+    meterSize: function meterSize(val) {
+      return {
+        backgroundColor: val.color,
+        width: this.orientation === 'horizontal' && this.percentValue(val.value),
+        height: this.orientation === 'vertical' && this.percentValue(val.value)
+      };
+    }
+  },
+  computed: {
+    totalPercent: function totalPercent() {
+      return this.percent(this.value.reduce(function (total, val) {
+        return total + val.value;
+      }, 0));
+    },
+    percentages: function percentages() {
+      var sum = 0;
+      var sumsArray = [];
+      this.value.forEach(function (item) {
+        sum += item.value;
+        sumsArray.push(sum);
+      });
+      return sumsArray;
+    }
+  },
+  components: {
+    MeterGroupLabel: script$1
+  }
+};
+
+var _hoisted_1 = ["aria-valuemin", "aria-valuemax", "aria-valuenow"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_MeterGroupLabel = resolveComponent("MeterGroupLabel");
+  return openBlock(), createElementBlock("div", mergeProps({
+    "class": _ctx.cx('root'),
+    role: "meter",
+    "aria-valuemin": _ctx.min,
+    "aria-valuemax": _ctx.max,
+    "aria-valuenow": $options.totalPercent
+  }, _ctx.ptm('root'), {
+    "data-pc-name": "metergroup"
+  }), [_ctx.labelPosition === 'start' ? renderSlot(_ctx.$slots, "label", {
+    key: 0,
+    value: _ctx.value,
+    totalPercent: $options.totalPercent,
+    percentages: $options.percentages
+  }, function () {
+    return [createVNode(_component_MeterGroupLabel, {
+      value: _ctx.value,
+      labelPosition: _ctx.labelPosition,
+      labelOrientation: _ctx.labelOrientation,
+      unstyled: _ctx.unstyled,
+      pt: _ctx.pt
+    }, null, 8, ["value", "labelPosition", "labelOrientation", "unstyled", "pt"])];
+  }) : createCommentVNode("", true), renderSlot(_ctx.$slots, "start", {
+    value: _ctx.value,
+    totalPercent: $options.totalPercent,
+    percentages: $options.percentages
+  }), createElementVNode("div", mergeProps({
+    "class": _ctx.cx('metercontainer')
+  }, _ctx.ptm('metercontainer')), [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.value, function (val, index) {
+    return renderSlot(_ctx.$slots, "meter", {
+      key: index,
+      value: val,
+      index: index,
+      "class": normalizeClass(_ctx.cx('meter')),
+      orientation: _ctx.orientation,
+      size: $options.percentValue(val.value),
+      totalPercent: $options.totalPercent
+    }, function () {
+      return [createElementVNode("span", mergeProps({
+        "class": _ctx.cx('meter'),
+        style: $options.meterSize(val)
+      }, $options.getPTOptions('meter', val, index)), null, 16)];
+    });
+  }), 128))], 16), renderSlot(_ctx.$slots, "end", {
+    value: _ctx.value,
+    totalPercent: $options.totalPercent,
+    percentages: $options.percentages
+  }), _ctx.labelPosition === 'end' ? renderSlot(_ctx.$slots, "label", {
+    key: 1,
+    value: _ctx.value,
+    totalPercent: $options.totalPercent,
+    percentages: $options.percentages
+  }, function () {
+    return [createVNode(_component_MeterGroupLabel, {
+      value: _ctx.value,
+      labelPosition: _ctx.labelPosition,
+      labelOrientation: _ctx.labelOrientation,
+      unstyled: _ctx.unstyled,
+      pt: _ctx.pt
+    }, null, 8, ["value", "labelPosition", "labelOrientation", "unstyled", "pt"])];
+  }) : createCommentVNode("", true)], 16, _hoisted_1);
+}
+
+script.render = render;
+
+export { script as default };

package/metergroup/metergroup.esm.min.js

@@ -0,0 +1 @@
+import e from"primevue/basecomponent";import t from"primevue/metergroup/style";import{openBlock as l,createElementBlock as n,mergeProps as a,Fragment as r,renderList as o,renderSlot as i,normalizeClass as u,createElementVNode as s,toDisplayString as c,resolveComponent as p,createVNode as m,createCommentVNode as v}from"vue";var b={name:"MeterGroup",extends:e,props:{value:{type:Array,default:null},min:{type:Number,default:0},max:{type:Number,default:100},orientation:{type:String,default:"horizontal"},labelPosition:{type:String,default:"end"},labelOrientation:{type:String,default:"horizontal"}},style:t,provide:function(){return{$parentInstance:this}}},d={name:"MeterGroupLabel",hostName:"MeterGroup",extends:e,inheritAttrs:!1,props:{value:{type:Array,default:null},labelPosition:{type:String,default:"end"},labelOrientation:{type:String,default:"horizontal"}}};d.render=function(e,t,p,m,v,b){return l(),n("ol",a({class:e.cx("labellist")},e.ptm("labellist")),[(l(!0),n(r,null,o(p.value,(function(t,r){return l(),n("li",a({key:r+"_label",class:e.cx("labellistitem")},e.ptm("labellistitem")),[i(e.$slots,"icon",{value:t,class:u(e.cx("labelicon"))},(function(){return[t.icon?(l(),n("i",a({key:0,class:[t.icon,e.cx("labelicon")],style:{color:t.color}},e.ptm("labelicon")),null,16)):(l(),n("span",a({key:1,class:e.cx("labellisttype"),style:{backgroundColor:t.color}},e.ptm("labellisttype")),null,16))]})),s("span",a({class:e.cx("label")},e.ptm("label")),c(t.label)+" ("+c(e.$parentInstance.percentValue(t.value))+")",17)],16)})),128))],16)};var f={name:"MeterGroup",extends:b,methods:{getPTOptions:function(e,t,l){return this.ptm(e,{context:{value:t,index:l}})},percent:function(){return Math.round(Math.max(0,Math.min(100,((arguments.length>0&&void 0!==arguments[0]?arguments[0]:0)-this.min)/(this.max-this.min)*100)))},percentValue:function(e){return this.percent(e)+"%"},meterSize:function(e){return{backgroundColor:e.color,width:"horizontal"===this.orientation&&this.percentValue(e.value),height:"vertical"===this.orientation&&this.percentValue(e.value)}}},computed:{totalPercent:function(){return this.percent(this.value.reduce((function(e,t){return e+t.value}),0))},percentages:function(){var e=0,t=[];return this.value.forEach((function(l){t.push(e+=l.value)})),t}},components:{MeterGroupLabel:d}},y=["aria-valuemin","aria-valuemax","aria-valuenow"];f.render=function(e,t,c,b,d,f){var h=p("MeterGroupLabel");return l(),n("div",a({class:e.cx("root"),role:"meter","aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":f.totalPercent},e.ptm("root"),{"data-pc-name":"metergroup"}),["start"===e.labelPosition?i(e.$slots,"label",{key:0,value:e.value,totalPercent:f.totalPercent,percentages:f.percentages},(function(){return[m(h,{value:e.value,labelPosition:e.labelPosition,labelOrientation:e.labelOrientation,unstyled:e.unstyled,pt:e.pt},null,8,["value","labelPosition","labelOrientation","unstyled","pt"])]})):v("",!0),i(e.$slots,"start",{value:e.value,totalPercent:f.totalPercent,percentages:f.percentages}),s("div",a({class:e.cx("metercontainer")},e.ptm("metercontainer")),[(l(!0),n(r,null,o(e.value,(function(t,l){return i(e.$slots,"meter",{key:l,value:t,index:l,class:u(e.cx("meter")),orientation:e.orientation,size:f.percentValue(t.value),totalPercent:f.totalPercent},(function(){return[s("span",a({class:e.cx("meter"),style:f.meterSize(t)},f.getPTOptions("meter",t,l)),null,16)]}))})),128))],16),i(e.$slots,"end",{value:e.value,totalPercent:f.totalPercent,percentages:f.percentages}),"end"===e.labelPosition?i(e.$slots,"label",{key:1,value:e.value,totalPercent:f.totalPercent,percentages:f.percentages},(function(){return[m(h,{value:e.value,labelPosition:e.labelPosition,labelOrientation:e.labelOrientation,unstyled:e.unstyled,pt:e.pt},null,8,["value","labelPosition","labelOrientation","unstyled","pt"])]})):v("",!0)],16,y)};export{f as default};

package/metergroup/metergroup.js

@@ -0,0 +1,218 @@
+this.primevue = this.primevue || {};
+this.primevue.metergroup = (function (BaseComponent, MeterGroupStyle, vue) {
+    'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+    var MeterGroupStyle__default = /*#__PURE__*/_interopDefaultLegacy(MeterGroupStyle);
+
+    var script$2 = {
+      name: 'MeterGroup',
+      "extends": BaseComponent__default["default"],
+      props: {
+        value: {
+          type: Array,
+          "default": null
+        },
+        min: {
+          type: Number,
+          "default": 0
+        },
+        max: {
+          type: Number,
+          "default": 100
+        },
+        orientation: {
+          type: String,
+          "default": 'horizontal'
+        },
+        labelPosition: {
+          type: String,
+          "default": 'end'
+        },
+        labelOrientation: {
+          type: String,
+          "default": 'horizontal'
+        }
+      },
+      style: MeterGroupStyle__default["default"],
+      provide: function provide() {
+        return {
+          $parentInstance: this
+        };
+      }
+    };
+
+    var script$1 = {
+      name: 'MeterGroupLabel',
+      hostName: 'MeterGroup',
+      "extends": BaseComponent__default["default"],
+      inheritAttrs: false,
+      props: {
+        value: {
+          type: Array,
+          "default": null
+        },
+        labelPosition: {
+          type: String,
+          "default": 'end'
+        },
+        labelOrientation: {
+          type: String,
+          "default": 'horizontal'
+        }
+      }
+    };
+
+    function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+      return vue.openBlock(), vue.createElementBlock("ol", vue.mergeProps({
+        "class": _ctx.cx('labellist')
+      }, _ctx.ptm('labellist')), [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.value, function (val, index) {
+        return vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
+          key: index + '_label',
+          "class": _ctx.cx('labellistitem')
+        }, _ctx.ptm('labellistitem')), [vue.renderSlot(_ctx.$slots, "icon", {
+          value: val,
+          "class": vue.normalizeClass(_ctx.cx('labelicon'))
+        }, function () {
+          return [val.icon ? (vue.openBlock(), vue.createElementBlock("i", vue.mergeProps({
+            key: 0,
+            "class": [val.icon, _ctx.cx('labelicon')],
+            style: {
+              color: val.color
+            }
+          }, _ctx.ptm('labelicon')), null, 16)) : (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
+            key: 1,
+            "class": _ctx.cx('labellisttype'),
+            style: {
+              backgroundColor: val.color
+            }
+          }, _ctx.ptm('labellisttype')), null, 16))];
+        }), vue.createElementVNode("span", vue.mergeProps({
+          "class": _ctx.cx('label')
+        }, _ctx.ptm('label')), vue.toDisplayString(val.label) + " (" + vue.toDisplayString(_ctx.$parentInstance.percentValue(val.value)) + ")", 17)], 16);
+      }), 128))], 16);
+    }
+
+    script$1.render = render$1;
+
+    var script = {
+      name: 'MeterGroup',
+      "extends": script$2,
+      methods: {
+        getPTOptions: function getPTOptions(key, value, index) {
+          return this.ptm(key, {
+            context: {
+              value: value,
+              index: index
+            }
+          });
+        },
+        percent: function percent() {
+          var meter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+          var percentOfItem = (meter - this.min) / (this.max - this.min) * 100;
+          return Math.round(Math.max(0, Math.min(100, percentOfItem)));
+        },
+        percentValue: function percentValue(meter) {
+          return this.percent(meter) + '%';
+        },
+        meterSize: function meterSize(val) {
+          return {
+            backgroundColor: val.color,
+            width: this.orientation === 'horizontal' && this.percentValue(val.value),
+            height: this.orientation === 'vertical' && this.percentValue(val.value)
+          };
+        }
+      },
+      computed: {
+        totalPercent: function totalPercent() {
+          return this.percent(this.value.reduce(function (total, val) {
+            return total + val.value;
+          }, 0));
+        },
+        percentages: function percentages() {
+          var sum = 0;
+          var sumsArray = [];
+          this.value.forEach(function (item) {
+            sum += item.value;
+            sumsArray.push(sum);
+          });
+          return sumsArray;
+        }
+      },
+      components: {
+        MeterGroupLabel: script$1
+      }
+    };
+
+    var _hoisted_1 = ["aria-valuemin", "aria-valuemax", "aria-valuenow"];
+    function render(_ctx, _cache, $props, $setup, $data, $options) {
+      var _component_MeterGroupLabel = vue.resolveComponent("MeterGroupLabel");
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        "class": _ctx.cx('root'),
+        role: "meter",
+        "aria-valuemin": _ctx.min,
+        "aria-valuemax": _ctx.max,
+        "aria-valuenow": $options.totalPercent
+      }, _ctx.ptm('root'), {
+        "data-pc-name": "metergroup"
+      }), [_ctx.labelPosition === 'start' ? vue.renderSlot(_ctx.$slots, "label", {
+        key: 0,
+        value: _ctx.value,
+        totalPercent: $options.totalPercent,
+        percentages: $options.percentages
+      }, function () {
+        return [vue.createVNode(_component_MeterGroupLabel, {
+          value: _ctx.value,
+          labelPosition: _ctx.labelPosition,
+          labelOrientation: _ctx.labelOrientation,
+          unstyled: _ctx.unstyled,
+          pt: _ctx.pt
+        }, null, 8, ["value", "labelPosition", "labelOrientation", "unstyled", "pt"])];
+      }) : vue.createCommentVNode("", true), vue.renderSlot(_ctx.$slots, "start", {
+        value: _ctx.value,
+        totalPercent: $options.totalPercent,
+        percentages: $options.percentages
+      }), vue.createElementVNode("div", vue.mergeProps({
+        "class": _ctx.cx('metercontainer')
+      }, _ctx.ptm('metercontainer')), [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.value, function (val, index) {
+        return vue.renderSlot(_ctx.$slots, "meter", {
+          key: index,
+          value: val,
+          index: index,
+          "class": vue.normalizeClass(_ctx.cx('meter')),
+          orientation: _ctx.orientation,
+          size: $options.percentValue(val.value),
+          totalPercent: $options.totalPercent
+        }, function () {
+          return [vue.createElementVNode("span", vue.mergeProps({
+            "class": _ctx.cx('meter'),
+            style: $options.meterSize(val)
+          }, $options.getPTOptions('meter', val, index)), null, 16)];
+        });
+      }), 128))], 16), vue.renderSlot(_ctx.$slots, "end", {
+        value: _ctx.value,
+        totalPercent: $options.totalPercent,
+        percentages: $options.percentages
+      }), _ctx.labelPosition === 'end' ? vue.renderSlot(_ctx.$slots, "label", {
+        key: 1,
+        value: _ctx.value,
+        totalPercent: $options.totalPercent,
+        percentages: $options.percentages
+      }, function () {
+        return [vue.createVNode(_component_MeterGroupLabel, {
+          value: _ctx.value,
+          labelPosition: _ctx.labelPosition,
+          labelOrientation: _ctx.labelOrientation,
+          unstyled: _ctx.unstyled,
+          pt: _ctx.pt
+        }, null, 8, ["value", "labelPosition", "labelOrientation", "unstyled", "pt"])];
+      }) : vue.createCommentVNode("", true)], 16, _hoisted_1);
+    }
+
+    script.render = render;
+
+    return script;
+
+})(primevue.basecomponent, primevue.metergroup.style, Vue);

package/metergroup/metergroup.min.js

@@ -0,0 +1 @@
+this.primevue=this.primevue||{},this.primevue.metergroup=function(e,t,l){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(e),a={name:"MeterGroup",extends:r.default,props:{value:{type:Array,default:null},min:{type:Number,default:0},max:{type:Number,default:100},orientation:{type:String,default:"horizontal"},labelPosition:{type:String,default:"end"},labelOrientation:{type:String,default:"horizontal"}},style:n(t).default,provide:function(){return{$parentInstance:this}}},o={name:"MeterGroupLabel",hostName:"MeterGroup",extends:r.default,inheritAttrs:!1,props:{value:{type:Array,default:null},labelPosition:{type:String,default:"end"},labelOrientation:{type:String,default:"horizontal"}}};o.render=function(e,t,n,r,a,o){return l.openBlock(),l.createElementBlock("ol",l.mergeProps({class:e.cx("labellist")},e.ptm("labellist")),[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(n.value,(function(t,n){return l.openBlock(),l.createElementBlock("li",l.mergeProps({key:n+"_label",class:e.cx("labellistitem")},e.ptm("labellistitem")),[l.renderSlot(e.$slots,"icon",{value:t,class:l.normalizeClass(e.cx("labelicon"))},(function(){return[t.icon?(l.openBlock(),l.createElementBlock("i",l.mergeProps({key:0,class:[t.icon,e.cx("labelicon")],style:{color:t.color}},e.ptm("labelicon")),null,16)):(l.openBlock(),l.createElementBlock("span",l.mergeProps({key:1,class:e.cx("labellisttype"),style:{backgroundColor:t.color}},e.ptm("labellisttype")),null,16))]})),l.createElementVNode("span",l.mergeProps({class:e.cx("label")},e.ptm("label")),l.toDisplayString(t.label)+" ("+l.toDisplayString(e.$parentInstance.percentValue(t.value))+")",17)],16)})),128))],16)};var i={name:"MeterGroup",extends:a,methods:{getPTOptions:function(e,t,l){return this.ptm(e,{context:{value:t,index:l}})},percent:function(){return Math.round(Math.max(0,Math.min(100,((arguments.length>0&&void 0!==arguments[0]?arguments[0]:0)-this.min)/(this.max-this.min)*100)))},percentValue:function(e){return this.percent(e)+"%"},meterSize:function(e){return{backgroundColor:e.color,width:"horizontal"===this.orientation&&this.percentValue(e.value),height:"vertical"===this.orientation&&this.percentValue(e.value)}}},computed:{totalPercent:function(){return this.percent(this.value.reduce((function(e,t){return e+t.value}),0))},percentages:function(){var e=0,t=[];return this.value.forEach((function(l){t.push(e+=l.value)})),t}},components:{MeterGroupLabel:o}},u=["aria-valuemin","aria-valuemax","aria-valuenow"];return i.render=function(e,t,n,r,a,o){var i=l.resolveComponent("MeterGroupLabel");return l.openBlock(),l.createElementBlock("div",l.mergeProps({class:e.cx("root"),role:"meter","aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":o.totalPercent},e.ptm("root"),{"data-pc-name":"metergroup"}),["start"===e.labelPosition?l.renderSlot(e.$slots,"label",{key:0,value:e.value,totalPercent:o.totalPercent,percentages:o.percentages},(function(){return[l.createVNode(i,{value:e.value,labelPosition:e.labelPosition,labelOrientation:e.labelOrientation,unstyled:e.unstyled,pt:e.pt},null,8,["value","labelPosition","labelOrientation","unstyled","pt"])]})):l.createCommentVNode("",!0),l.renderSlot(e.$slots,"start",{value:e.value,totalPercent:o.totalPercent,percentages:o.percentages}),l.createElementVNode("div",l.mergeProps({class:e.cx("metercontainer")},e.ptm("metercontainer")),[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(e.value,(function(t,n){return l.renderSlot(e.$slots,"meter",{key:n,value:t,index:n,class:l.normalizeClass(e.cx("meter")),orientation:e.orientation,size:o.percentValue(t.value),totalPercent:o.totalPercent},(function(){return[l.createElementVNode("span",l.mergeProps({class:e.cx("meter"),style:o.meterSize(t)},o.getPTOptions("meter",t,n)),null,16)]}))})),128))],16),l.renderSlot(e.$slots,"end",{value:e.value,totalPercent:o.totalPercent,percentages:o.percentages}),"end"===e.labelPosition?l.renderSlot(e.$slots,"label",{key:1,value:e.value,totalPercent:o.totalPercent,percentages:o.percentages},(function(){return[l.createVNode(i,{value:e.value,labelPosition:e.labelPosition,labelOrientation:e.labelOrientation,unstyled:e.unstyled,pt:e.pt},null,8,["value","labelPosition","labelOrientation","unstyled","pt"])]})):l.createCommentVNode("",!0)],16,u)},i}(primevue.basecomponent,primevue.metergroup.style,Vue);

package/metergroup/package.json

@@ -0,0 +1,9 @@
+{
+    "main": "./metergroup.cjs.js",
+    "module": "./metergroup.esm.js",
+    "unpkg": "./metergroup.min.js",
+    "types": "./MeterGroup.d.ts",
+    "browser": {
+        "./sfc": "./MeterGroup.vue"
+    }
+}

package/metergroup/style/MeterGroupStyle.d.ts

@@ -0,0 +1,3 @@
+import { BaseStyle } from '../../base/style';
+
+export interface MeterGroupStyle extends BaseStyle {}

package/metergroup/style/metergroupstyle.cjs.js

@@ -0,0 +1,40 @@
+'use strict';
+
+var BaseStyle = require('primevue/base/style');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
+
+var css = "\n@layer primevue {\n    .p-metergroup {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-metergroup-vertical.p-metergroup {\n        display: flex;\n    }\n\n    .p-metergroup-vertical .p-metergroup-meter-container {\n        flex-direction: column;\n    }\n\n    .p-metergroup-meter-container {\n        display: flex;\n    }\n\n    .p-metergroup-label-list {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-metergroup-vertical .p-metergroup-label-list {\n        align-items: start;\n    }\n\n    .p-metergroup-horizontal .p-metergroup-label-list-vertical {\n        flex-direction: column;\n    }\n\n    .p-metergroup-vertical .p-metergroup-label-list-horizontal {\n        flex-direction: column;\n    }\n\n    .p-metergroup-label-list-item {\n        display: inline-flex;\n        align-items: center;\n    }\n\n    .p-metergroup-label-type {\n        display: inline-block;\n    }\n}\n";
+var classes = {
+  root: function root(_ref) {
+    var props = _ref.props;
+    return ['p-metergroup p-component', {
+      'p-metergroup-horizontal': props.orientation === 'horizontal',
+      'p-metergroup-vertical': props.orientation === 'vertical'
+    }];
+  },
+  metercontainer: 'p-metergroup-meter-container',
+  meter: 'p-metergroup-meter',
+  labellist: function labellist(_ref2) {
+    var props = _ref2.props;
+    return ['p-metergroup-label-list', {
+      'p-metergroup-label-list-start': props.labelPosition === 'start',
+      'p-metergroup-label-list-end': props.labelPosition === 'end',
+      'p-metergroup-label-list-vertical': props.labelOrientation === 'vertical',
+      'p-metergroup-label-list-horizontal': props.labelOrientation === 'horizontal'
+    }];
+  },
+  labellistitem: 'p-metergroup-label-list-item',
+  labelicon: 'p-metergroup-label-icon',
+  labellisttype: 'p-metergroup-label-type',
+  label: 'p-metergroup-label'
+};
+var MeterGroupStyle = BaseStyle__default["default"].extend({
+  name: 'metergroup',
+  css: css,
+  classes: classes
+});
+
+module.exports = MeterGroupStyle;

package/metergroup/style/metergroupstyle.cjs.min.js

@@ -0,0 +1 @@
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=e(require("primevue/base/style")).default.extend({name:"metergroup",css:"\n@layer primevue {\n    .p-metergroup {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-metergroup-vertical.p-metergroup {\n        display: flex;\n    }\n\n    .p-metergroup-vertical .p-metergroup-meter-container {\n        flex-direction: column;\n    }\n\n    .p-metergroup-meter-container {\n        display: flex;\n    }\n\n    .p-metergroup-label-list {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-metergroup-vertical .p-metergroup-label-list {\n        align-items: start;\n    }\n\n    .p-metergroup-horizontal .p-metergroup-label-list-vertical {\n        flex-direction: column;\n    }\n\n    .p-metergroup-vertical .p-metergroup-label-list-horizontal {\n        flex-direction: column;\n    }\n\n    .p-metergroup-label-list-item {\n        display: inline-flex;\n        align-items: center;\n    }\n\n    .p-metergroup-label-type {\n        display: inline-block;\n    }\n}\n",classes:{root:function(e){var t=e.props;return["p-metergroup p-component",{"p-metergroup-horizontal":"horizontal"===t.orientation,"p-metergroup-vertical":"vertical"===t.orientation}]},metercontainer:"p-metergroup-meter-container",meter:"p-metergroup-meter",labellist:function(e){var t=e.props;return["p-metergroup-label-list",{"p-metergroup-label-list-start":"start"===t.labelPosition,"p-metergroup-label-list-end":"end"===t.labelPosition,"p-metergroup-label-list-vertical":"vertical"===t.labelOrientation,"p-metergroup-label-list-horizontal":"horizontal"===t.labelOrientation}]},labellistitem:"p-metergroup-label-list-item",labelicon:"p-metergroup-label-icon",labellisttype:"p-metergroup-label-type",label:"p-metergroup-label"}});module.exports=t;

package/metergroup/style/metergroupstyle.esm.js

@@ -0,0 +1,34 @@
+import BaseStyle from 'primevue/base/style';
+
+var css = "\n@layer primevue {\n    .p-metergroup {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-metergroup-vertical.p-metergroup {\n        display: flex;\n    }\n\n    .p-metergroup-vertical .p-metergroup-meter-container {\n        flex-direction: column;\n    }\n\n    .p-metergroup-meter-container {\n        display: flex;\n    }\n\n    .p-metergroup-label-list {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-metergroup-vertical .p-metergroup-label-list {\n        align-items: start;\n    }\n\n    .p-metergroup-horizontal .p-metergroup-label-list-vertical {\n        flex-direction: column;\n    }\n\n    .p-metergroup-vertical .p-metergroup-label-list-horizontal {\n        flex-direction: column;\n    }\n\n    .p-metergroup-label-list-item {\n        display: inline-flex;\n        align-items: center;\n    }\n\n    .p-metergroup-label-type {\n        display: inline-block;\n    }\n}\n";
+var classes = {
+  root: function root(_ref) {
+    var props = _ref.props;
+    return ['p-metergroup p-component', {
+      'p-metergroup-horizontal': props.orientation === 'horizontal',
+      'p-metergroup-vertical': props.orientation === 'vertical'
+    }];
+  },
+  metercontainer: 'p-metergroup-meter-container',
+  meter: 'p-metergroup-meter',
+  labellist: function labellist(_ref2) {
+    var props = _ref2.props;
+    return ['p-metergroup-label-list', {
+      'p-metergroup-label-list-start': props.labelPosition === 'start',
+      'p-metergroup-label-list-end': props.labelPosition === 'end',
+      'p-metergroup-label-list-vertical': props.labelOrientation === 'vertical',
+      'p-metergroup-label-list-horizontal': props.labelOrientation === 'horizontal'
+    }];
+  },
+  labellistitem: 'p-metergroup-label-list-item',
+  labelicon: 'p-metergroup-label-icon',
+  labellisttype: 'p-metergroup-label-type',
+  label: 'p-metergroup-label'
+};
+var MeterGroupStyle = BaseStyle.extend({
+  name: 'metergroup',
+  css: css,
+  classes: classes
+});
+
+export { MeterGroupStyle as default };

package/metergroup/style/metergroupstyle.esm.min.js

@@ -0,0 +1 @@
+import e from"primevue/base/style";var r=e.extend({name:"metergroup",css:"\n@layer primevue {\n    .p-metergroup {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-metergroup-vertical.p-metergroup {\n        display: flex;\n    }\n\n    .p-metergroup-vertical .p-metergroup-meter-container {\n        flex-direction: column;\n    }\n\n    .p-metergroup-meter-container {\n        display: flex;\n    }\n\n    .p-metergroup-label-list {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-metergroup-vertical .p-metergroup-label-list {\n        align-items: start;\n    }\n\n    .p-metergroup-horizontal .p-metergroup-label-list-vertical {\n        flex-direction: column;\n    }\n\n    .p-metergroup-vertical .p-metergroup-label-list-horizontal {\n        flex-direction: column;\n    }\n\n    .p-metergroup-label-list-item {\n        display: inline-flex;\n        align-items: center;\n    }\n\n    .p-metergroup-label-type {\n        display: inline-block;\n    }\n}\n",classes:{root:function(e){var r=e.props;return["p-metergroup p-component",{"p-metergroup-horizontal":"horizontal"===r.orientation,"p-metergroup-vertical":"vertical"===r.orientation}]},metercontainer:"p-metergroup-meter-container",meter:"p-metergroup-meter",labellist:function(e){var r=e.props;return["p-metergroup-label-list",{"p-metergroup-label-list-start":"start"===r.labelPosition,"p-metergroup-label-list-end":"end"===r.labelPosition,"p-metergroup-label-list-vertical":"vertical"===r.labelOrientation,"p-metergroup-label-list-horizontal":"horizontal"===r.labelOrientation}]},labellistitem:"p-metergroup-label-list-item",labelicon:"p-metergroup-label-icon",labellisttype:"p-metergroup-label-type",label:"p-metergroup-label"}});export{r as default};

package/metergroup/style/metergroupstyle.js

@@ -0,0 +1,43 @@
+this.primevue = this.primevue || {};
+this.primevue.metergroup = this.primevue.metergroup || {};
+this.primevue.metergroup.style = (function (BaseStyle) {
+    'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
+
+    var css = "\n@layer primevue {\n    .p-metergroup {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-metergroup-vertical.p-metergroup {\n        display: flex;\n    }\n\n    .p-metergroup-vertical .p-metergroup-meter-container {\n        flex-direction: column;\n    }\n\n    .p-metergroup-meter-container {\n        display: flex;\n    }\n\n    .p-metergroup-label-list {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-metergroup-vertical .p-metergroup-label-list {\n        align-items: start;\n    }\n\n    .p-metergroup-horizontal .p-metergroup-label-list-vertical {\n        flex-direction: column;\n    }\n\n    .p-metergroup-vertical .p-metergroup-label-list-horizontal {\n        flex-direction: column;\n    }\n\n    .p-metergroup-label-list-item {\n        display: inline-flex;\n        align-items: center;\n    }\n\n    .p-metergroup-label-type {\n        display: inline-block;\n    }\n}\n";
+    var classes = {
+      root: function root(_ref) {
+        var props = _ref.props;
+        return ['p-metergroup p-component', {
+          'p-metergroup-horizontal': props.orientation === 'horizontal',
+          'p-metergroup-vertical': props.orientation === 'vertical'
+        }];
+      },
+      metercontainer: 'p-metergroup-meter-container',
+      meter: 'p-metergroup-meter',
+      labellist: function labellist(_ref2) {
+        var props = _ref2.props;
+        return ['p-metergroup-label-list', {
+          'p-metergroup-label-list-start': props.labelPosition === 'start',
+          'p-metergroup-label-list-end': props.labelPosition === 'end',
+          'p-metergroup-label-list-vertical': props.labelOrientation === 'vertical',
+          'p-metergroup-label-list-horizontal': props.labelOrientation === 'horizontal'
+        }];
+      },
+      labellistitem: 'p-metergroup-label-list-item',
+      labelicon: 'p-metergroup-label-icon',
+      labellisttype: 'p-metergroup-label-type',
+      label: 'p-metergroup-label'
+    };
+    var MeterGroupStyle = BaseStyle__default["default"].extend({
+      name: 'metergroup',
+      css: css,
+      classes: classes
+    });
+
+    return MeterGroupStyle;
+
+})(primevue.base.style);

package/metergroup/style/metergroupstyle.min.js

@@ -0,0 +1 @@
+this.primevue=this.primevue||{},this.primevue.metergroup=this.primevue.metergroup||{},this.primevue.metergroup.style=function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return t(primevue.base.style).default.extend({name:"metergroup",css:"\n@layer primevue {\n    .p-metergroup {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-metergroup-vertical.p-metergroup {\n        display: flex;\n    }\n\n    .p-metergroup-vertical .p-metergroup-meter-container {\n        flex-direction: column;\n    }\n\n    .p-metergroup-meter-container {\n        display: flex;\n    }\n\n    .p-metergroup-label-list {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-metergroup-vertical .p-metergroup-label-list {\n        align-items: start;\n    }\n\n    .p-metergroup-horizontal .p-metergroup-label-list-vertical {\n        flex-direction: column;\n    }\n\n    .p-metergroup-vertical .p-metergroup-label-list-horizontal {\n        flex-direction: column;\n    }\n\n    .p-metergroup-label-list-item {\n        display: inline-flex;\n        align-items: center;\n    }\n\n    .p-metergroup-label-type {\n        display: inline-block;\n    }\n}\n",classes:{root:function(e){var t=e.props;return["p-metergroup p-component",{"p-metergroup-horizontal":"horizontal"===t.orientation,"p-metergroup-vertical":"vertical"===t.orientation}]},metercontainer:"p-metergroup-meter-container",meter:"p-metergroup-meter",labellist:function(e){var t=e.props;return["p-metergroup-label-list",{"p-metergroup-label-list-start":"start"===t.labelPosition,"p-metergroup-label-list-end":"end"===t.labelPosition,"p-metergroup-label-list-vertical":"vertical"===t.labelOrientation,"p-metergroup-label-list-horizontal":"horizontal"===t.labelOrientation}]},labellistitem:"p-metergroup-label-list-item",labelicon:"p-metergroup-label-icon",labellisttype:"p-metergroup-label-type",label:"p-metergroup-label"}})}();

package/metergroup/style/package.json

@@ -0,0 +1,6 @@
+{
+    "main": "./metergroupstyle.cjs.js",
+    "module": "./metergroupstyle.esm.js",
+    "unpkg": "./metergroupstyle.min.js",
+    "types": "./MeterGroupStyle.d.ts"
+}

package/multiselect/BaseMultiSelect.vue

@@ -125,12 +125,20 @@ export default {
         },
         autoOptionFocus: {
             type: Boolean,
-            default: true
+            default: false
         },
         autoFilterFocus: {
             type: Boolean,
             default: false
         },
+        focusOnHover: {
+            type: Boolean,
+            default: true
+        },
+        highlightOnSelect: {
+            type: Boolean,
+            default: false
+        },
         filterMessage: {
             type: String,
             default: null