primevue 3.48.0 → 3.49.0

package/inputswitch/InputSwitch.vue

@@ -13,6 +13,7 @@
             :aria-checked="checked"
             :aria-labelledby="ariaLabelledby"
             :aria-label="ariaLabel"
+            :aria-invalid="invalid || undefined"
             @focus="onFocus"
             @blur="onBlur"
             @change="onChange"
@@ -28,10 +29,13 @@ import BaseInputSwitch from './BaseInputSwitch.vue';
 export default {
     name: 'InputSwitch',
     extends: BaseInputSwitch,
+    inheritAttrs: false,
     emits: ['update:modelValue', 'change', 'focus', 'blur'],
     methods: {
         getPTOptions(key) {
-            return this.ptm(key, {
+            const _ptm = key === 'root' ? this.ptmi : this.ptm;
+
+            return _ptm(key, {
                 context: {
                     checked: this.checked,
                     disabled: this.disabled

package/inputswitch/inputswitch.cjs.js

@@ -73,10 +73,12 @@ var script$1 = {
 var script = {
   name: 'InputSwitch',
   "extends": script$1,
+  inheritAttrs: false,
   emits: ['update:modelValue', 'change', 'focus', 'blur'],
   methods: {
     getPTOptions: function getPTOptions(key) {
-      return this.ptm(key, {
+      var _ptm = key === 'root' ? this.ptmi : this.ptm;
+      return _ptm(key, {
         context: {
           checked: this.checked,
           disabled: this.disabled
@@ -105,7 +107,7 @@ var script = {
 };
 
 var _hoisted_1 = ["data-p-highlight", "data-p-disabled"];
-var _hoisted_2 = ["id", "checked", "tabindex", "disabled", "readonly", "aria-checked", "aria-labelledby", "aria-label"];
+var _hoisted_2 = ["id", "checked", "tabindex", "disabled", "readonly", "aria-checked", "aria-labelledby", "aria-label", "aria-invalid"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
     "class": _ctx.cx('root'),
@@ -126,6 +128,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-checked": $options.checked,
     "aria-labelledby": _ctx.ariaLabelledby,
     "aria-label": _ctx.ariaLabel,
+    "aria-invalid": _ctx.invalid || undefined,
     onFocus: _cache[0] || (_cache[0] = function () {
       return $options.onFocus && $options.onFocus.apply($options, arguments);
     }),

package/inputswitch/inputswitch.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/basecomponent"),t=require("primevue/inputswitch/style"),l=require("vue");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n={name:"InputSwitch",extends:{name:"BaseInputSwitch",extends:a(e).default,props:{modelValue:{type:null,default:!1},trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},invalid:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:a(t).default,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","focus","blur"],methods:{getPTOptions:function(e){return this.ptm(e,{context:{checked:this.checked,disabled:this.disabled}})},onChange:function(e){this.disabled||this.readonly||(this.$emit("update:modelValue",this.checked?this.falseValue:this.trueValue),this.$emit("change",e))},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){this.$emit("blur",e)}},computed:{checked:function(){return this.modelValue===this.trueValue}}},i=["data-p-highlight","data-p-disabled"],u=["id","checked","tabindex","disabled","readonly","aria-checked","aria-labelledby","aria-label"];n.render=function(e,t,a,n,d,r){return l.openBlock(),l.createElementBlock("div",l.mergeProps({class:e.cx("root"),style:e.sx("root")},r.getPTOptions("root"),{"data-p-highlight":r.checked,"data-p-disabled":e.disabled}),[l.createElementVNode("input",l.mergeProps({id:e.inputId,type:"checkbox",role:"switch",class:[e.cx("input"),e.inputClass],style:e.inputStyle,checked:r.checked,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,"aria-checked":r.checked,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(){return r.onFocus&&r.onFocus.apply(r,arguments)}),onBlur:t[1]||(t[1]=function(){return r.onBlur&&r.onBlur.apply(r,arguments)}),onChange:t[2]||(t[2]=function(){return r.onChange&&r.onChange.apply(r,arguments)})},r.getPTOptions("input")),null,16,u),l.createElementVNode("span",l.mergeProps({class:e.cx("slider")},r.getPTOptions("slider")),null,16)],16,i)},module.exports=n;
+"use strict";var e=require("primevue/basecomponent"),t=require("primevue/inputswitch/style"),l=require("vue");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n={name:"InputSwitch",extends:{name:"BaseInputSwitch",extends:a(e).default,props:{modelValue:{type:null,default:!1},trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},invalid:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:a(t).default,provide:function(){return{$parentInstance:this}}},inheritAttrs:!1,emits:["update:modelValue","change","focus","blur"],methods:{getPTOptions:function(e){return("root"===e?this.ptmi:this.ptm)(e,{context:{checked:this.checked,disabled:this.disabled}})},onChange:function(e){this.disabled||this.readonly||(this.$emit("update:modelValue",this.checked?this.falseValue:this.trueValue),this.$emit("change",e))},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){this.$emit("blur",e)}},computed:{checked:function(){return this.modelValue===this.trueValue}}},i=["data-p-highlight","data-p-disabled"],u=["id","checked","tabindex","disabled","readonly","aria-checked","aria-labelledby","aria-label","aria-invalid"];n.render=function(e,t,a,n,d,r){return l.openBlock(),l.createElementBlock("div",l.mergeProps({class:e.cx("root"),style:e.sx("root")},r.getPTOptions("root"),{"data-p-highlight":r.checked,"data-p-disabled":e.disabled}),[l.createElementVNode("input",l.mergeProps({id:e.inputId,type:"checkbox",role:"switch",class:[e.cx("input"),e.inputClass],style:e.inputStyle,checked:r.checked,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,"aria-checked":r.checked,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,"aria-invalid":e.invalid||void 0,onFocus:t[0]||(t[0]=function(){return r.onFocus&&r.onFocus.apply(r,arguments)}),onBlur:t[1]||(t[1]=function(){return r.onBlur&&r.onBlur.apply(r,arguments)}),onChange:t[2]||(t[2]=function(){return r.onChange&&r.onChange.apply(r,arguments)})},r.getPTOptions("input")),null,16,u),l.createElementVNode("span",l.mergeProps({class:e.cx("slider")},r.getPTOptions("slider")),null,16)],16,i)},module.exports=n;

package/inputswitch/inputswitch.esm.js

@@ -66,10 +66,12 @@ var script$1 = {
 var script = {
   name: 'InputSwitch',
   "extends": script$1,
+  inheritAttrs: false,
   emits: ['update:modelValue', 'change', 'focus', 'blur'],
   methods: {
     getPTOptions: function getPTOptions(key) {
-      return this.ptm(key, {
+      var _ptm = key === 'root' ? this.ptmi : this.ptm;
+      return _ptm(key, {
         context: {
           checked: this.checked,
           disabled: this.disabled
@@ -98,7 +100,7 @@ var script = {
 };
 
 var _hoisted_1 = ["data-p-highlight", "data-p-disabled"];
-var _hoisted_2 = ["id", "checked", "tabindex", "disabled", "readonly", "aria-checked", "aria-labelledby", "aria-label"];
+var _hoisted_2 = ["id", "checked", "tabindex", "disabled", "readonly", "aria-checked", "aria-labelledby", "aria-label", "aria-invalid"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", mergeProps({
     "class": _ctx.cx('root'),
@@ -119,6 +121,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-checked": $options.checked,
     "aria-labelledby": _ctx.ariaLabelledby,
     "aria-label": _ctx.ariaLabel,
+    "aria-invalid": _ctx.invalid || undefined,
     onFocus: _cache[0] || (_cache[0] = function () {
       return $options.onFocus && $options.onFocus.apply($options, arguments);
     }),

package/inputswitch/inputswitch.esm.min.js

@@ -1 +1 @@
-import e from"primevue/basecomponent";import t from"primevue/inputswitch/style";import{openBlock as l,createElementBlock as a,mergeProps as n,createElementVNode as i}from"vue";var u={name:"InputSwitch",extends:{name:"BaseInputSwitch",extends:e,props:{modelValue:{type:null,default:!1},trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},invalid:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:t,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","focus","blur"],methods:{getPTOptions:function(e){return this.ptm(e,{context:{checked:this.checked,disabled:this.disabled}})},onChange:function(e){this.disabled||this.readonly||(this.$emit("update:modelValue",this.checked?this.falseValue:this.trueValue),this.$emit("change",e))},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){this.$emit("blur",e)}},computed:{checked:function(){return this.modelValue===this.trueValue}}},d=["data-p-highlight","data-p-disabled"],o=["id","checked","tabindex","disabled","readonly","aria-checked","aria-labelledby","aria-label"];u.render=function(e,t,u,s,r,c){return l(),a("div",n({class:e.cx("root"),style:e.sx("root")},c.getPTOptions("root"),{"data-p-highlight":c.checked,"data-p-disabled":e.disabled}),[i("input",n({id:e.inputId,type:"checkbox",role:"switch",class:[e.cx("input"),e.inputClass],style:e.inputStyle,checked:c.checked,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,"aria-checked":c.checked,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(){return c.onFocus&&c.onFocus.apply(c,arguments)}),onBlur:t[1]||(t[1]=function(){return c.onBlur&&c.onBlur.apply(c,arguments)}),onChange:t[2]||(t[2]=function(){return c.onChange&&c.onChange.apply(c,arguments)})},c.getPTOptions("input")),null,16,o),i("span",n({class:e.cx("slider")},c.getPTOptions("slider")),null,16)],16,d)};export{u as default};
+import e from"primevue/basecomponent";import t from"primevue/inputswitch/style";import{openBlock as a,createElementBlock as l,mergeProps as i,createElementVNode as n}from"vue";var d={name:"InputSwitch",extends:{name:"BaseInputSwitch",extends:e,props:{modelValue:{type:null,default:!1},trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},invalid:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:t,provide:function(){return{$parentInstance:this}}},inheritAttrs:!1,emits:["update:modelValue","change","focus","blur"],methods:{getPTOptions:function(e){return("root"===e?this.ptmi:this.ptm)(e,{context:{checked:this.checked,disabled:this.disabled}})},onChange:function(e){this.disabled||this.readonly||(this.$emit("update:modelValue",this.checked?this.falseValue:this.trueValue),this.$emit("change",e))},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){this.$emit("blur",e)}},computed:{checked:function(){return this.modelValue===this.trueValue}}},u=["data-p-highlight","data-p-disabled"],o=["id","checked","tabindex","disabled","readonly","aria-checked","aria-labelledby","aria-label","aria-invalid"];d.render=function(e,t,d,r,s,c){return a(),l("div",i({class:e.cx("root"),style:e.sx("root")},c.getPTOptions("root"),{"data-p-highlight":c.checked,"data-p-disabled":e.disabled}),[n("input",i({id:e.inputId,type:"checkbox",role:"switch",class:[e.cx("input"),e.inputClass],style:e.inputStyle,checked:c.checked,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,"aria-checked":c.checked,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,"aria-invalid":e.invalid||void 0,onFocus:t[0]||(t[0]=function(){return c.onFocus&&c.onFocus.apply(c,arguments)}),onBlur:t[1]||(t[1]=function(){return c.onBlur&&c.onBlur.apply(c,arguments)}),onChange:t[2]||(t[2]=function(){return c.onChange&&c.onChange.apply(c,arguments)})},c.getPTOptions("input")),null,16,o),n("span",i({class:e.cx("slider")},c.getPTOptions("slider")),null,16)],16,u)};export{d as default};

package/inputswitch/inputswitch.js

@@ -71,10 +71,12 @@ this.primevue.inputswitch = (function (BaseComponent, InputSwitchStyle, vue) {
     var script = {
       name: 'InputSwitch',
       "extends": script$1,
+      inheritAttrs: false,
       emits: ['update:modelValue', 'change', 'focus', 'blur'],
       methods: {
         getPTOptions: function getPTOptions(key) {
-          return this.ptm(key, {
+          var _ptm = key === 'root' ? this.ptmi : this.ptm;
+          return _ptm(key, {
             context: {
               checked: this.checked,
               disabled: this.disabled
@@ -103,7 +105,7 @@ this.primevue.inputswitch = (function (BaseComponent, InputSwitchStyle, vue) {
     };
 
     var _hoisted_1 = ["data-p-highlight", "data-p-disabled"];
-    var _hoisted_2 = ["id", "checked", "tabindex", "disabled", "readonly", "aria-checked", "aria-labelledby", "aria-label"];
+    var _hoisted_2 = ["id", "checked", "tabindex", "disabled", "readonly", "aria-checked", "aria-labelledby", "aria-label", "aria-invalid"];
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         "class": _ctx.cx('root'),
@@ -124,6 +126,7 @@ this.primevue.inputswitch = (function (BaseComponent, InputSwitchStyle, vue) {
         "aria-checked": $options.checked,
         "aria-labelledby": _ctx.ariaLabelledby,
         "aria-label": _ctx.ariaLabel,
+        "aria-invalid": _ctx.invalid || undefined,
         onFocus: _cache[0] || (_cache[0] = function () {
           return $options.onFocus && $options.onFocus.apply($options, arguments);
         }),

package/inputswitch/inputswitch.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.inputswitch=function(e,t,l){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n={name:"InputSwitch",extends:{name:"BaseInputSwitch",extends:a(e).default,props:{modelValue:{type:null,default:!1},trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},invalid:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:a(t).default,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","focus","blur"],methods:{getPTOptions:function(e){return this.ptm(e,{context:{checked:this.checked,disabled:this.disabled}})},onChange:function(e){this.disabled||this.readonly||(this.$emit("update:modelValue",this.checked?this.falseValue:this.trueValue),this.$emit("change",e))},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){this.$emit("blur",e)}},computed:{checked:function(){return this.modelValue===this.trueValue}}},i=["data-p-highlight","data-p-disabled"],u=["id","checked","tabindex","disabled","readonly","aria-checked","aria-labelledby","aria-label"];return n.render=function(e,t,a,n,d,o){return l.openBlock(),l.createElementBlock("div",l.mergeProps({class:e.cx("root"),style:e.sx("root")},o.getPTOptions("root"),{"data-p-highlight":o.checked,"data-p-disabled":e.disabled}),[l.createElementVNode("input",l.mergeProps({id:e.inputId,type:"checkbox",role:"switch",class:[e.cx("input"),e.inputClass],style:e.inputStyle,checked:o.checked,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,"aria-checked":o.checked,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(){return o.onFocus&&o.onFocus.apply(o,arguments)}),onBlur:t[1]||(t[1]=function(){return o.onBlur&&o.onBlur.apply(o,arguments)}),onChange:t[2]||(t[2]=function(){return o.onChange&&o.onChange.apply(o,arguments)})},o.getPTOptions("input")),null,16,u),l.createElementVNode("span",l.mergeProps({class:e.cx("slider")},o.getPTOptions("slider")),null,16)],16,i)},n}(primevue.basecomponent,primevue.inputswitch.style,Vue);
+this.primevue=this.primevue||{},this.primevue.inputswitch=function(e,t,l){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n={name:"InputSwitch",extends:{name:"BaseInputSwitch",extends:a(e).default,props:{modelValue:{type:null,default:!1},trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},invalid:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:a(t).default,provide:function(){return{$parentInstance:this}}},inheritAttrs:!1,emits:["update:modelValue","change","focus","blur"],methods:{getPTOptions:function(e){return("root"===e?this.ptmi:this.ptm)(e,{context:{checked:this.checked,disabled:this.disabled}})},onChange:function(e){this.disabled||this.readonly||(this.$emit("update:modelValue",this.checked?this.falseValue:this.trueValue),this.$emit("change",e))},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){this.$emit("blur",e)}},computed:{checked:function(){return this.modelValue===this.trueValue}}},i=["data-p-highlight","data-p-disabled"],u=["id","checked","tabindex","disabled","readonly","aria-checked","aria-labelledby","aria-label","aria-invalid"];return n.render=function(e,t,a,n,d,r){return l.openBlock(),l.createElementBlock("div",l.mergeProps({class:e.cx("root"),style:e.sx("root")},r.getPTOptions("root"),{"data-p-highlight":r.checked,"data-p-disabled":e.disabled}),[l.createElementVNode("input",l.mergeProps({id:e.inputId,type:"checkbox",role:"switch",class:[e.cx("input"),e.inputClass],style:e.inputStyle,checked:r.checked,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,"aria-checked":r.checked,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,"aria-invalid":e.invalid||void 0,onFocus:t[0]||(t[0]=function(){return r.onFocus&&r.onFocus.apply(r,arguments)}),onBlur:t[1]||(t[1]=function(){return r.onBlur&&r.onBlur.apply(r,arguments)}),onChange:t[2]||(t[2]=function(){return r.onChange&&r.onChange.apply(r,arguments)})},r.getPTOptions("input")),null,16,u),l.createElementVNode("span",l.mergeProps({class:e.cx("slider")},r.getPTOptions("slider")),null,16)],16,i)},n}(primevue.basecomponent,primevue.inputswitch.style,Vue);

package/inputtext/InputText.vue

@@ -1,5 +1,5 @@
 <template>
-    <input :class="cx('root')" :value="modelValue" @input="onInput" v-bind="getPTOptions('root')" />
+    <input :class="cx('root')" :value="modelValue" :aria-invalid="invalid || undefined" @input="onInput" v-bind="getPTOptions('root')" />
 </template>
 
 <script>
@@ -8,10 +8,13 @@ import BaseInputText from './BaseInputText.vue';
 export default {
     name: 'InputText',
     extends: BaseInputText,
+    inheritAttrs: false,
     emits: ['update:modelValue'],
     methods: {
         getPTOptions(key) {
-            return this.ptm(key, {
+            const _ptm = key === 'root' ? this.ptmi : this.ptm;
+
+            return _ptm(key, {
                 context: {
                     filled: this.filled,
                     disabled: this.$attrs.disabled || this.$attrs.disabled === ''

package/inputtext/inputtext.cjs.js

@@ -38,10 +38,12 @@ var script$1 = {
 var script = {
   name: 'InputText',
   "extends": script$1,
+  inheritAttrs: false,
   emits: ['update:modelValue'],
   methods: {
     getPTOptions: function getPTOptions(key) {
-      return this.ptm(key, {
+      var _ptm = key === 'root' ? this.ptmi : this.ptm;
+      return _ptm(key, {
         context: {
           filled: this.filled,
           disabled: this.$attrs.disabled || this.$attrs.disabled === ''
@@ -59,11 +61,12 @@ var script = {
   }
 };
 
-var _hoisted_1 = ["value"];
+var _hoisted_1 = ["value", "aria-invalid"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("input", vue.mergeProps({
     "class": _ctx.cx('root'),
     value: _ctx.modelValue,
+    "aria-invalid": _ctx.invalid || undefined,
     onInput: _cache[0] || (_cache[0] = function () {
       return $options.onInput && $options.onInput.apply($options, arguments);
     })

package/inputtext/inputtext.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/basecomponent"),t=require("primevue/inputtext/style"),n=require("vue");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l={name:"InputText",extends:{name:"BaseInputText",extends:u(e).default,props:{modelValue:null,size:{type:String,default:null},invalid:{type:Boolean,default:!1},variant:{type:String,default:null}},style:u(t).default,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue"],methods:{getPTOptions:function(e){return this.ptm(e,{context:{filled:this.filled,disabled:this.$attrs.disabled||""===this.$attrs.disabled}})},onInput:function(e){this.$emit("update:modelValue",e.target.value)}},computed:{filled:function(){return null!=this.modelValue&&this.modelValue.toString().length>0}}},i=["value"];l.render=function(e,t,u,l,o,r){return n.openBlock(),n.createElementBlock("input",n.mergeProps({class:e.cx("root"),value:e.modelValue,onInput:t[0]||(t[0]=function(){return r.onInput&&r.onInput.apply(r,arguments)})},r.getPTOptions("root")),null,16,i)},module.exports=l;
+"use strict";var e=require("primevue/basecomponent"),t=require("primevue/inputtext/style"),n=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l={name:"InputText",extends:{name:"BaseInputText",extends:i(e).default,props:{modelValue:null,size:{type:String,default:null},invalid:{type:Boolean,default:!1},variant:{type:String,default:null}},style:i(t).default,provide:function(){return{$parentInstance:this}}},inheritAttrs:!1,emits:["update:modelValue"],methods:{getPTOptions:function(e){return("root"===e?this.ptmi:this.ptm)(e,{context:{filled:this.filled,disabled:this.$attrs.disabled||""===this.$attrs.disabled}})},onInput:function(e){this.$emit("update:modelValue",e.target.value)}},computed:{filled:function(){return null!=this.modelValue&&this.modelValue.toString().length>0}}},u=["value","aria-invalid"];l.render=function(e,t,i,l,a,r){return n.openBlock(),n.createElementBlock("input",n.mergeProps({class:e.cx("root"),value:e.modelValue,"aria-invalid":e.invalid||void 0,onInput:t[0]||(t[0]=function(){return r.onInput&&r.onInput.apply(r,arguments)})},r.getPTOptions("root")),null,16,u)},module.exports=l;

package/inputtext/inputtext.esm.js

@@ -31,10 +31,12 @@ var script$1 = {
 var script = {
   name: 'InputText',
   "extends": script$1,
+  inheritAttrs: false,
   emits: ['update:modelValue'],
   methods: {
     getPTOptions: function getPTOptions(key) {
-      return this.ptm(key, {
+      var _ptm = key === 'root' ? this.ptmi : this.ptm;
+      return _ptm(key, {
         context: {
           filled: this.filled,
           disabled: this.$attrs.disabled || this.$attrs.disabled === ''
@@ -52,11 +54,12 @@ var script = {
   }
 };
 
-var _hoisted_1 = ["value"];
+var _hoisted_1 = ["value", "aria-invalid"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("input", mergeProps({
     "class": _ctx.cx('root'),
     value: _ctx.modelValue,
+    "aria-invalid": _ctx.invalid || undefined,
     onInput: _cache[0] || (_cache[0] = function () {
       return $options.onInput && $options.onInput.apply($options, arguments);
     })

package/inputtext/inputtext.esm.min.js

@@ -1 +1 @@
-import t from"primevue/basecomponent";import e from"primevue/inputtext/style";import{openBlock as n,createElementBlock as l,mergeProps as u}from"vue";var i={name:"InputText",extends:{name:"BaseInputText",extends:t,props:{modelValue:null,size:{type:String,default:null},invalid:{type:Boolean,default:!1},variant:{type:String,default:null}},style:e,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue"],methods:{getPTOptions:function(t){return this.ptm(t,{context:{filled:this.filled,disabled:this.$attrs.disabled||""===this.$attrs.disabled}})},onInput:function(t){this.$emit("update:modelValue",t.target.value)}},computed:{filled:function(){return null!=this.modelValue&&this.modelValue.toString().length>0}}},o=["value"];i.render=function(t,e,i,a,r,p){return n(),l("input",u({class:t.cx("root"),value:t.modelValue,onInput:e[0]||(e[0]=function(){return p.onInput&&p.onInput.apply(p,arguments)})},p.getPTOptions("root")),null,16,o)};export{i as default};
+import t from"primevue/basecomponent";import e from"primevue/inputtext/style";import{openBlock as n,createElementBlock as i,mergeProps as l}from"vue";var u={name:"InputText",extends:{name:"BaseInputText",extends:t,props:{modelValue:null,size:{type:String,default:null},invalid:{type:Boolean,default:!1},variant:{type:String,default:null}},style:e,provide:function(){return{$parentInstance:this}}},inheritAttrs:!1,emits:["update:modelValue"],methods:{getPTOptions:function(t){return("root"===t?this.ptmi:this.ptm)(t,{context:{filled:this.filled,disabled:this.$attrs.disabled||""===this.$attrs.disabled}})},onInput:function(t){this.$emit("update:modelValue",t.target.value)}},computed:{filled:function(){return null!=this.modelValue&&this.modelValue.toString().length>0}}},a=["value","aria-invalid"];u.render=function(t,e,u,o,r,d){return n(),i("input",l({class:t.cx("root"),value:t.modelValue,"aria-invalid":t.invalid||void 0,onInput:e[0]||(e[0]=function(){return d.onInput&&d.onInput.apply(d,arguments)})},d.getPTOptions("root")),null,16,a)};export{u as default};

package/inputtext/inputtext.js

@@ -36,10 +36,12 @@ this.primevue.inputtext = (function (BaseComponent, InputTextStyle, vue) {
     var script = {
       name: 'InputText',
       "extends": script$1,
+      inheritAttrs: false,
       emits: ['update:modelValue'],
       methods: {
         getPTOptions: function getPTOptions(key) {
-          return this.ptm(key, {
+          var _ptm = key === 'root' ? this.ptmi : this.ptm;
+          return _ptm(key, {
             context: {
               filled: this.filled,
               disabled: this.$attrs.disabled || this.$attrs.disabled === ''
@@ -57,11 +59,12 @@ this.primevue.inputtext = (function (BaseComponent, InputTextStyle, vue) {
       }
     };
 
-    var _hoisted_1 = ["value"];
+    var _hoisted_1 = ["value", "aria-invalid"];
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       return vue.openBlock(), vue.createElementBlock("input", vue.mergeProps({
         "class": _ctx.cx('root'),
         value: _ctx.modelValue,
+        "aria-invalid": _ctx.invalid || undefined,
         onInput: _cache[0] || (_cache[0] = function () {
           return $options.onInput && $options.onInput.apply($options, arguments);
         })

package/inputtext/inputtext.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.inputtext=function(e,t,n){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l={name:"InputText",extends:{name:"BaseInputText",extends:u(e).default,props:{modelValue:null,size:{type:String,default:null},invalid:{type:Boolean,default:!1},variant:{type:String,default:null}},style:u(t).default,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue"],methods:{getPTOptions:function(e){return this.ptm(e,{context:{filled:this.filled,disabled:this.$attrs.disabled||""===this.$attrs.disabled}})},onInput:function(e){this.$emit("update:modelValue",e.target.value)}},computed:{filled:function(){return null!=this.modelValue&&this.modelValue.toString().length>0}}},i=["value"];return l.render=function(e,t,u,l,o,a){return n.openBlock(),n.createElementBlock("input",n.mergeProps({class:e.cx("root"),value:e.modelValue,onInput:t[0]||(t[0]=function(){return a.onInput&&a.onInput.apply(a,arguments)})},a.getPTOptions("root")),null,16,i)},l}(primevue.basecomponent,primevue.inputtext.style,Vue);
+this.primevue=this.primevue||{},this.primevue.inputtext=function(t,e,n){"use strict";function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var u={name:"InputText",extends:{name:"BaseInputText",extends:i(t).default,props:{modelValue:null,size:{type:String,default:null},invalid:{type:Boolean,default:!1},variant:{type:String,default:null}},style:i(e).default,provide:function(){return{$parentInstance:this}}},inheritAttrs:!1,emits:["update:modelValue"],methods:{getPTOptions:function(t){return("root"===t?this.ptmi:this.ptm)(t,{context:{filled:this.filled,disabled:this.$attrs.disabled||""===this.$attrs.disabled}})},onInput:function(t){this.$emit("update:modelValue",t.target.value)}},computed:{filled:function(){return null!=this.modelValue&&this.modelValue.toString().length>0}}},l=["value","aria-invalid"];return u.render=function(t,e,i,u,a,o){return n.openBlock(),n.createElementBlock("input",n.mergeProps({class:t.cx("root"),value:t.modelValue,"aria-invalid":t.invalid||void 0,onInput:e[0]||(e[0]=function(){return o.onInput&&o.onInput.apply(o,arguments)})},o.getPTOptions("root")),null,16,l)},u}(primevue.basecomponent,primevue.inputtext.style,Vue);

package/knob/Knob.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :class="cx('root')" v-bind="ptm('root')">
+    <div :class="cx('root')" v-bind="ptmi('root')">
         <svg
             viewBox="0 0 100 100"
             role="slider"
@@ -35,6 +35,7 @@ const Math_PI = 3.14159265358979;
 export default {
     name: 'Knob',
     extends: BaseKnob,
+    inheritAttrs: false,
     emits: ['update:modelValue', 'change'],
     data() {
         return {

package/knob/knob.cjs.js

@@ -91,6 +91,7 @@ var Math_PI = 3.14159265358979;
 var script = {
   name: 'Knob',
   "extends": script$1,
+  inheritAttrs: false,
   emits: ['update:modelValue', 'change'],
   data: function data() {
     return {
@@ -272,7 +273,7 @@ var _hoisted_4 = ["fill"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
     "class": _ctx.cx('root')
-  }, _ctx.ptm('root')), [(vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps({
+  }, _ctx.ptmi('root')), [(vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps({
     viewBox: "0 0 100 100",
     role: "slider",
     width: _ctx.size,

package/knob/knob.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/basecomponent"),t=require("primevue/knob/style"),a=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n={name:"BaseKnob",extends:i(e).default,props:{modelValue:{type:Number,default:null},size:{type:Number,default:100},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},step:{type:Number,default:1},min:{type:Number,default:0},max:{type:Number,default:100},valueColor:{type:String,default:"var(--primary-color, Black)"},rangeColor:{type:String,default:"var(--surface-border, LightGray)"},textColor:{type:String,default:"var(--text-color-secondary, Black)"},strokeWidth:{type:Number,default:14},showValue:{type:Boolean,default:!0},valueTemplate:{type:String,default:"{value}"},tabindex:{type:Number,default:0},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:i(t).default,provide:function(){return{$parentInstance:this}}},o=3.14159265358979,s={name:"Knob",extends:n,emits:["update:modelValue","change"],data:function(){return{radius:40,midX:50,midY:50,minRadians:4*o/3,maxRadians:-o/3}},methods:{updateValue:function(e,t){var a=Math.atan2(this.size/2-t,e-this.size/2);this.updateModel(a,-2.0943951023931935)},updateModel:function(e,t){var a;if(e>this.maxRadians)a=this.mapRange(e,this.minRadians,this.maxRadians,this.min,this.max);else{if(!(e<t))return;a=this.mapRange(e+2*o,this.minRadians,this.maxRadians,this.min,this.max)}var i=Math.round((a-this.min)/this.step)*this.step+this.min;this.$emit("update:modelValue",i),this.$emit("change",i)},updateModelValue:function(e){this.$emit("update:modelValue",e>this.max?this.max:e<this.min?this.min:e)},mapRange:function(e,t,a,i,n){return(e-t)*(n-i)/(a-t)+i},onClick:function(e){this.disabled||this.readonly||this.updateValue(e.offsetX,e.offsetY)},onMouseDown:function(e){this.disabled||this.readonly||(window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("mouseup",this.onMouseUp),e.preventDefault())},onMouseUp:function(e){this.disabled||this.readonly||(window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("mouseup",this.onMouseUp),e.preventDefault())},onTouchStart:function(e){this.disabled||this.readonly||(window.addEventListener("touchmove",this.onTouchMove),window.addEventListener("touchend",this.onTouchEnd),e.preventDefault())},onTouchEnd:function(e){this.disabled||this.readonly||(window.removeEventListener("touchmove",this.onTouchMove),window.removeEventListener("touchend",this.onTouchEnd),e.preventDefault())},onMouseMove:function(e){this.disabled||this.readonly||(this.updateValue(e.offsetX,e.offsetY),e.preventDefault())},onTouchMove:function(e){if(!this.disabled&&!this.readonly&&1==e.touches.length){var t=this.$el.getBoundingClientRect(),a=e.targetTouches.item(0);this.updateValue(a.clientX-t.left,a.clientY-t.top)}},onKeyDown:function(e){if(!this.disabled&&!this.readonly)switch(e.code){case"ArrowRight":case"ArrowUp":e.preventDefault(),this.updateModelValue(this.modelValue+this.step);break;case"ArrowLeft":case"ArrowDown":e.preventDefault(),this.updateModelValue(this.modelValue-this.step);break;case"Home":e.preventDefault(),this.$emit("update:modelValue",this.min);break;case"End":e.preventDefault(),this.$emit("update:modelValue",this.max);break;case"PageUp":e.preventDefault(),this.updateModelValue(this.modelValue+10);break;case"PageDown":e.preventDefault(),this.updateModelValue(this.modelValue-10)}}},computed:{rangePath:function(){return"M ".concat(this.minX," ").concat(this.minY," A ").concat(this.radius," ").concat(this.radius," 0 1 1 ").concat(this.maxX," ").concat(this.maxY)},valuePath:function(){return"M ".concat(this.zeroX," ").concat(this.zeroY," A ").concat(this.radius," ").concat(this.radius," 0 ").concat(this.largeArc," ").concat(this.sweep," ").concat(this.valueX," ").concat(this.valueY)},zeroRadians:function(){return this.mapRange(this.min>0&&this.max>0?this.min:0,this.min,this.max,this.minRadians,this.maxRadians)},valueRadians:function(){return this.mapRange(this.modelValue,this.min,this.max,this.minRadians,this.maxRadians)},minX:function(){return this.midX+Math.cos(this.minRadians)*this.radius},minY:function(){return this.midY-Math.sin(this.minRadians)*this.radius},maxX:function(){return this.midX+Math.cos(this.maxRadians)*this.radius},maxY:function(){return this.midY-Math.sin(this.maxRadians)*this.radius},zeroX:function(){return this.midX+Math.cos(this.zeroRadians)*this.radius},zeroY:function(){return this.midY-Math.sin(this.zeroRadians)*this.radius},valueX:function(){return this.midX+Math.cos(this.valueRadians)*this.radius},valueY:function(){return this.midY-Math.sin(this.valueRadians)*this.radius},largeArc:function(){return Math.abs(this.zeroRadians-this.valueRadians)<o?0:1},sweep:function(){return this.valueRadians>this.zeroRadians?0:1},valueToDisplay:function(){return this.valueTemplate.replace(/{value}/g,this.modelValue)}}},r=["width","height","tabindex","aria-valuemin","aria-valuemax","aria-valuenow","aria-labelledby","aria-label"],u=["d","stroke-width","stroke"],l=["d","stroke-width","stroke"],d=["fill"];s.render=function(e,t,i,n,o,s){return a.openBlock(),a.createElementBlock("div",a.mergeProps({class:e.cx("root")},e.ptm("root")),[(a.openBlock(),a.createElementBlock("svg",a.mergeProps({viewBox:"0 0 100 100",role:"slider",width:e.size,height:e.size,tabindex:e.readonly||e.disabled?-1:e.tabindex,"aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":e.modelValue,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onClick:t[0]||(t[0]=function(){return s.onClick&&s.onClick.apply(s,arguments)}),onKeydown:t[1]||(t[1]=function(){return s.onKeyDown&&s.onKeyDown.apply(s,arguments)}),onMousedown:t[2]||(t[2]=function(){return s.onMouseDown&&s.onMouseDown.apply(s,arguments)}),onMouseup:t[3]||(t[3]=function(){return s.onMouseUp&&s.onMouseUp.apply(s,arguments)}),onTouchstartPassive:t[4]||(t[4]=function(){return s.onTouchStart&&s.onTouchStart.apply(s,arguments)}),onTouchend:t[5]||(t[5]=function(){return s.onTouchEnd&&s.onTouchEnd.apply(s,arguments)})},e.ptm("svg")),[a.createElementVNode("path",a.mergeProps({d:s.rangePath,"stroke-width":e.strokeWidth,stroke:e.rangeColor,class:e.cx("range")},e.ptm("range")),null,16,u),a.createElementVNode("path",a.mergeProps({d:s.valuePath,"stroke-width":e.strokeWidth,stroke:e.valueColor,class:e.cx("value")},e.ptm("value")),null,16,l),e.showValue?(a.openBlock(),a.createElementBlock("text",a.mergeProps({key:0,x:50,y:57,"text-anchor":"middle",fill:e.textColor,class:e.cx("label")},e.ptm("label")),a.toDisplayString(s.valueToDisplay),17,d)):a.createCommentVNode("",!0)],16,r))],16)},module.exports=s;
+"use strict";var e=require("primevue/basecomponent"),t=require("primevue/knob/style"),a=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n={name:"BaseKnob",extends:i(e).default,props:{modelValue:{type:Number,default:null},size:{type:Number,default:100},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},step:{type:Number,default:1},min:{type:Number,default:0},max:{type:Number,default:100},valueColor:{type:String,default:"var(--primary-color, Black)"},rangeColor:{type:String,default:"var(--surface-border, LightGray)"},textColor:{type:String,default:"var(--text-color-secondary, Black)"},strokeWidth:{type:Number,default:14},showValue:{type:Boolean,default:!0},valueTemplate:{type:String,default:"{value}"},tabindex:{type:Number,default:0},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:i(t).default,provide:function(){return{$parentInstance:this}}},o=3.14159265358979,s={name:"Knob",extends:n,inheritAttrs:!1,emits:["update:modelValue","change"],data:function(){return{radius:40,midX:50,midY:50,minRadians:4*o/3,maxRadians:-o/3}},methods:{updateValue:function(e,t){var a=Math.atan2(this.size/2-t,e-this.size/2);this.updateModel(a,-2.0943951023931935)},updateModel:function(e,t){var a;if(e>this.maxRadians)a=this.mapRange(e,this.minRadians,this.maxRadians,this.min,this.max);else{if(!(e<t))return;a=this.mapRange(e+2*o,this.minRadians,this.maxRadians,this.min,this.max)}var i=Math.round((a-this.min)/this.step)*this.step+this.min;this.$emit("update:modelValue",i),this.$emit("change",i)},updateModelValue:function(e){this.$emit("update:modelValue",e>this.max?this.max:e<this.min?this.min:e)},mapRange:function(e,t,a,i,n){return(e-t)*(n-i)/(a-t)+i},onClick:function(e){this.disabled||this.readonly||this.updateValue(e.offsetX,e.offsetY)},onMouseDown:function(e){this.disabled||this.readonly||(window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("mouseup",this.onMouseUp),e.preventDefault())},onMouseUp:function(e){this.disabled||this.readonly||(window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("mouseup",this.onMouseUp),e.preventDefault())},onTouchStart:function(e){this.disabled||this.readonly||(window.addEventListener("touchmove",this.onTouchMove),window.addEventListener("touchend",this.onTouchEnd),e.preventDefault())},onTouchEnd:function(e){this.disabled||this.readonly||(window.removeEventListener("touchmove",this.onTouchMove),window.removeEventListener("touchend",this.onTouchEnd),e.preventDefault())},onMouseMove:function(e){this.disabled||this.readonly||(this.updateValue(e.offsetX,e.offsetY),e.preventDefault())},onTouchMove:function(e){if(!this.disabled&&!this.readonly&&1==e.touches.length){var t=this.$el.getBoundingClientRect(),a=e.targetTouches.item(0);this.updateValue(a.clientX-t.left,a.clientY-t.top)}},onKeyDown:function(e){if(!this.disabled&&!this.readonly)switch(e.code){case"ArrowRight":case"ArrowUp":e.preventDefault(),this.updateModelValue(this.modelValue+this.step);break;case"ArrowLeft":case"ArrowDown":e.preventDefault(),this.updateModelValue(this.modelValue-this.step);break;case"Home":e.preventDefault(),this.$emit("update:modelValue",this.min);break;case"End":e.preventDefault(),this.$emit("update:modelValue",this.max);break;case"PageUp":e.preventDefault(),this.updateModelValue(this.modelValue+10);break;case"PageDown":e.preventDefault(),this.updateModelValue(this.modelValue-10)}}},computed:{rangePath:function(){return"M ".concat(this.minX," ").concat(this.minY," A ").concat(this.radius," ").concat(this.radius," 0 1 1 ").concat(this.maxX," ").concat(this.maxY)},valuePath:function(){return"M ".concat(this.zeroX," ").concat(this.zeroY," A ").concat(this.radius," ").concat(this.radius," 0 ").concat(this.largeArc," ").concat(this.sweep," ").concat(this.valueX," ").concat(this.valueY)},zeroRadians:function(){return this.mapRange(this.min>0&&this.max>0?this.min:0,this.min,this.max,this.minRadians,this.maxRadians)},valueRadians:function(){return this.mapRange(this.modelValue,this.min,this.max,this.minRadians,this.maxRadians)},minX:function(){return this.midX+Math.cos(this.minRadians)*this.radius},minY:function(){return this.midY-Math.sin(this.minRadians)*this.radius},maxX:function(){return this.midX+Math.cos(this.maxRadians)*this.radius},maxY:function(){return this.midY-Math.sin(this.maxRadians)*this.radius},zeroX:function(){return this.midX+Math.cos(this.zeroRadians)*this.radius},zeroY:function(){return this.midY-Math.sin(this.zeroRadians)*this.radius},valueX:function(){return this.midX+Math.cos(this.valueRadians)*this.radius},valueY:function(){return this.midY-Math.sin(this.valueRadians)*this.radius},largeArc:function(){return Math.abs(this.zeroRadians-this.valueRadians)<o?0:1},sweep:function(){return this.valueRadians>this.zeroRadians?0:1},valueToDisplay:function(){return this.valueTemplate.replace(/{value}/g,this.modelValue)}}},r=["width","height","tabindex","aria-valuemin","aria-valuemax","aria-valuenow","aria-labelledby","aria-label"],u=["d","stroke-width","stroke"],l=["d","stroke-width","stroke"],d=["fill"];s.render=function(e,t,i,n,o,s){return a.openBlock(),a.createElementBlock("div",a.mergeProps({class:e.cx("root")},e.ptmi("root")),[(a.openBlock(),a.createElementBlock("svg",a.mergeProps({viewBox:"0 0 100 100",role:"slider",width:e.size,height:e.size,tabindex:e.readonly||e.disabled?-1:e.tabindex,"aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":e.modelValue,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onClick:t[0]||(t[0]=function(){return s.onClick&&s.onClick.apply(s,arguments)}),onKeydown:t[1]||(t[1]=function(){return s.onKeyDown&&s.onKeyDown.apply(s,arguments)}),onMousedown:t[2]||(t[2]=function(){return s.onMouseDown&&s.onMouseDown.apply(s,arguments)}),onMouseup:t[3]||(t[3]=function(){return s.onMouseUp&&s.onMouseUp.apply(s,arguments)}),onTouchstartPassive:t[4]||(t[4]=function(){return s.onTouchStart&&s.onTouchStart.apply(s,arguments)}),onTouchend:t[5]||(t[5]=function(){return s.onTouchEnd&&s.onTouchEnd.apply(s,arguments)})},e.ptm("svg")),[a.createElementVNode("path",a.mergeProps({d:s.rangePath,"stroke-width":e.strokeWidth,stroke:e.rangeColor,class:e.cx("range")},e.ptm("range")),null,16,u),a.createElementVNode("path",a.mergeProps({d:s.valuePath,"stroke-width":e.strokeWidth,stroke:e.valueColor,class:e.cx("value")},e.ptm("value")),null,16,l),e.showValue?(a.openBlock(),a.createElementBlock("text",a.mergeProps({key:0,x:50,y:57,"text-anchor":"middle",fill:e.textColor,class:e.cx("label")},e.ptm("label")),a.toDisplayString(s.valueToDisplay),17,d)):a.createCommentVNode("",!0)],16,r))],16)},module.exports=s;

package/knob/knob.esm.js

@@ -84,6 +84,7 @@ var Math_PI = 3.14159265358979;
 var script = {
   name: 'Knob',
   "extends": script$1,
+  inheritAttrs: false,
   emits: ['update:modelValue', 'change'],
   data: function data() {
     return {
@@ -265,7 +266,7 @@ var _hoisted_4 = ["fill"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", mergeProps({
     "class": _ctx.cx('root')
-  }, _ctx.ptm('root')), [(openBlock(), createElementBlock("svg", mergeProps({
+  }, _ctx.ptmi('root')), [(openBlock(), createElementBlock("svg", mergeProps({
     viewBox: "0 0 100 100",
     role: "slider",
     width: _ctx.size,

package/knob/knob.esm.min.js

@@ -1 +1 @@
-import e from"primevue/basecomponent";import t from"primevue/knob/style";import{openBlock as a,createElementBlock as i,mergeProps as n,createElementVNode as s,toDisplayString as o,createCommentVNode as u}from"vue";var r={name:"BaseKnob",extends:e,props:{modelValue:{type:Number,default:null},size:{type:Number,default:100},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},step:{type:Number,default:1},min:{type:Number,default:0},max:{type:Number,default:100},valueColor:{type:String,default:"var(--primary-color, Black)"},rangeColor:{type:String,default:"var(--surface-border, LightGray)"},textColor:{type:String,default:"var(--text-color-secondary, Black)"},strokeWidth:{type:Number,default:14},showValue:{type:Boolean,default:!0},valueTemplate:{type:String,default:"{value}"},tabindex:{type:Number,default:0},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:t,provide:function(){return{$parentInstance:this}}},l=3.14159265358979,d={name:"Knob",extends:r,emits:["update:modelValue","change"],data:function(){return{radius:40,midX:50,midY:50,minRadians:4*l/3,maxRadians:-l/3}},methods:{updateValue:function(e,t){var a=Math.atan2(this.size/2-t,e-this.size/2);this.updateModel(a,-2.0943951023931935)},updateModel:function(e,t){var a;if(e>this.maxRadians)a=this.mapRange(e,this.minRadians,this.maxRadians,this.min,this.max);else{if(!(e<t))return;a=this.mapRange(e+2*l,this.minRadians,this.maxRadians,this.min,this.max)}var i=Math.round((a-this.min)/this.step)*this.step+this.min;this.$emit("update:modelValue",i),this.$emit("change",i)},updateModelValue:function(e){this.$emit("update:modelValue",e>this.max?this.max:e<this.min?this.min:e)},mapRange:function(e,t,a,i,n){return(e-t)*(n-i)/(a-t)+i},onClick:function(e){this.disabled||this.readonly||this.updateValue(e.offsetX,e.offsetY)},onMouseDown:function(e){this.disabled||this.readonly||(window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("mouseup",this.onMouseUp),e.preventDefault())},onMouseUp:function(e){this.disabled||this.readonly||(window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("mouseup",this.onMouseUp),e.preventDefault())},onTouchStart:function(e){this.disabled||this.readonly||(window.addEventListener("touchmove",this.onTouchMove),window.addEventListener("touchend",this.onTouchEnd),e.preventDefault())},onTouchEnd:function(e){this.disabled||this.readonly||(window.removeEventListener("touchmove",this.onTouchMove),window.removeEventListener("touchend",this.onTouchEnd),e.preventDefault())},onMouseMove:function(e){this.disabled||this.readonly||(this.updateValue(e.offsetX,e.offsetY),e.preventDefault())},onTouchMove:function(e){if(!this.disabled&&!this.readonly&&1==e.touches.length){var t=this.$el.getBoundingClientRect(),a=e.targetTouches.item(0);this.updateValue(a.clientX-t.left,a.clientY-t.top)}},onKeyDown:function(e){if(!this.disabled&&!this.readonly)switch(e.code){case"ArrowRight":case"ArrowUp":e.preventDefault(),this.updateModelValue(this.modelValue+this.step);break;case"ArrowLeft":case"ArrowDown":e.preventDefault(),this.updateModelValue(this.modelValue-this.step);break;case"Home":e.preventDefault(),this.$emit("update:modelValue",this.min);break;case"End":e.preventDefault(),this.$emit("update:modelValue",this.max);break;case"PageUp":e.preventDefault(),this.updateModelValue(this.modelValue+10);break;case"PageDown":e.preventDefault(),this.updateModelValue(this.modelValue-10)}}},computed:{rangePath:function(){return"M ".concat(this.minX," ").concat(this.minY," A ").concat(this.radius," ").concat(this.radius," 0 1 1 ").concat(this.maxX," ").concat(this.maxY)},valuePath:function(){return"M ".concat(this.zeroX," ").concat(this.zeroY," A ").concat(this.radius," ").concat(this.radius," 0 ").concat(this.largeArc," ").concat(this.sweep," ").concat(this.valueX," ").concat(this.valueY)},zeroRadians:function(){return this.mapRange(this.min>0&&this.max>0?this.min:0,this.min,this.max,this.minRadians,this.maxRadians)},valueRadians:function(){return this.mapRange(this.modelValue,this.min,this.max,this.minRadians,this.maxRadians)},minX:function(){return this.midX+Math.cos(this.minRadians)*this.radius},minY:function(){return this.midY-Math.sin(this.minRadians)*this.radius},maxX:function(){return this.midX+Math.cos(this.maxRadians)*this.radius},maxY:function(){return this.midY-Math.sin(this.maxRadians)*this.radius},zeroX:function(){return this.midX+Math.cos(this.zeroRadians)*this.radius},zeroY:function(){return this.midY-Math.sin(this.zeroRadians)*this.radius},valueX:function(){return this.midX+Math.cos(this.valueRadians)*this.radius},valueY:function(){return this.midY-Math.sin(this.valueRadians)*this.radius},largeArc:function(){return Math.abs(this.zeroRadians-this.valueRadians)<l?0:1},sweep:function(){return this.valueRadians>this.zeroRadians?0:1},valueToDisplay:function(){return this.valueTemplate.replace(/{value}/g,this.modelValue)}}},h=["width","height","tabindex","aria-valuemin","aria-valuemax","aria-valuenow","aria-labelledby","aria-label"],c=["d","stroke-width","stroke"],m=["d","stroke-width","stroke"],p=["fill"];d.render=function(e,t,r,l,d,f){return a(),i("div",n({class:e.cx("root")},e.ptm("root")),[(a(),i("svg",n({viewBox:"0 0 100 100",role:"slider",width:e.size,height:e.size,tabindex:e.readonly||e.disabled?-1:e.tabindex,"aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":e.modelValue,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onClick:t[0]||(t[0]=function(){return f.onClick&&f.onClick.apply(f,arguments)}),onKeydown:t[1]||(t[1]=function(){return f.onKeyDown&&f.onKeyDown.apply(f,arguments)}),onMousedown:t[2]||(t[2]=function(){return f.onMouseDown&&f.onMouseDown.apply(f,arguments)}),onMouseup:t[3]||(t[3]=function(){return f.onMouseUp&&f.onMouseUp.apply(f,arguments)}),onTouchstartPassive:t[4]||(t[4]=function(){return f.onTouchStart&&f.onTouchStart.apply(f,arguments)}),onTouchend:t[5]||(t[5]=function(){return f.onTouchEnd&&f.onTouchEnd.apply(f,arguments)})},e.ptm("svg")),[s("path",n({d:f.rangePath,"stroke-width":e.strokeWidth,stroke:e.rangeColor,class:e.cx("range")},e.ptm("range")),null,16,c),s("path",n({d:f.valuePath,"stroke-width":e.strokeWidth,stroke:e.valueColor,class:e.cx("value")},e.ptm("value")),null,16,m),e.showValue?(a(),i("text",n({key:0,x:50,y:57,"text-anchor":"middle",fill:e.textColor,class:e.cx("label")},e.ptm("label")),o(f.valueToDisplay),17,p)):u("",!0)],16,h))],16)};export{d as default};
+import e from"primevue/basecomponent";import t from"primevue/knob/style";import{openBlock as a,createElementBlock as i,mergeProps as n,createElementVNode as s,toDisplayString as o,createCommentVNode as u}from"vue";var r={name:"BaseKnob",extends:e,props:{modelValue:{type:Number,default:null},size:{type:Number,default:100},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},step:{type:Number,default:1},min:{type:Number,default:0},max:{type:Number,default:100},valueColor:{type:String,default:"var(--primary-color, Black)"},rangeColor:{type:String,default:"var(--surface-border, LightGray)"},textColor:{type:String,default:"var(--text-color-secondary, Black)"},strokeWidth:{type:Number,default:14},showValue:{type:Boolean,default:!0},valueTemplate:{type:String,default:"{value}"},tabindex:{type:Number,default:0},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:t,provide:function(){return{$parentInstance:this}}},l=3.14159265358979,d={name:"Knob",extends:r,inheritAttrs:!1,emits:["update:modelValue","change"],data:function(){return{radius:40,midX:50,midY:50,minRadians:4*l/3,maxRadians:-l/3}},methods:{updateValue:function(e,t){var a=Math.atan2(this.size/2-t,e-this.size/2);this.updateModel(a,-2.0943951023931935)},updateModel:function(e,t){var a;if(e>this.maxRadians)a=this.mapRange(e,this.minRadians,this.maxRadians,this.min,this.max);else{if(!(e<t))return;a=this.mapRange(e+2*l,this.minRadians,this.maxRadians,this.min,this.max)}var i=Math.round((a-this.min)/this.step)*this.step+this.min;this.$emit("update:modelValue",i),this.$emit("change",i)},updateModelValue:function(e){this.$emit("update:modelValue",e>this.max?this.max:e<this.min?this.min:e)},mapRange:function(e,t,a,i,n){return(e-t)*(n-i)/(a-t)+i},onClick:function(e){this.disabled||this.readonly||this.updateValue(e.offsetX,e.offsetY)},onMouseDown:function(e){this.disabled||this.readonly||(window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("mouseup",this.onMouseUp),e.preventDefault())},onMouseUp:function(e){this.disabled||this.readonly||(window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("mouseup",this.onMouseUp),e.preventDefault())},onTouchStart:function(e){this.disabled||this.readonly||(window.addEventListener("touchmove",this.onTouchMove),window.addEventListener("touchend",this.onTouchEnd),e.preventDefault())},onTouchEnd:function(e){this.disabled||this.readonly||(window.removeEventListener("touchmove",this.onTouchMove),window.removeEventListener("touchend",this.onTouchEnd),e.preventDefault())},onMouseMove:function(e){this.disabled||this.readonly||(this.updateValue(e.offsetX,e.offsetY),e.preventDefault())},onTouchMove:function(e){if(!this.disabled&&!this.readonly&&1==e.touches.length){var t=this.$el.getBoundingClientRect(),a=e.targetTouches.item(0);this.updateValue(a.clientX-t.left,a.clientY-t.top)}},onKeyDown:function(e){if(!this.disabled&&!this.readonly)switch(e.code){case"ArrowRight":case"ArrowUp":e.preventDefault(),this.updateModelValue(this.modelValue+this.step);break;case"ArrowLeft":case"ArrowDown":e.preventDefault(),this.updateModelValue(this.modelValue-this.step);break;case"Home":e.preventDefault(),this.$emit("update:modelValue",this.min);break;case"End":e.preventDefault(),this.$emit("update:modelValue",this.max);break;case"PageUp":e.preventDefault(),this.updateModelValue(this.modelValue+10);break;case"PageDown":e.preventDefault(),this.updateModelValue(this.modelValue-10)}}},computed:{rangePath:function(){return"M ".concat(this.minX," ").concat(this.minY," A ").concat(this.radius," ").concat(this.radius," 0 1 1 ").concat(this.maxX," ").concat(this.maxY)},valuePath:function(){return"M ".concat(this.zeroX," ").concat(this.zeroY," A ").concat(this.radius," ").concat(this.radius," 0 ").concat(this.largeArc," ").concat(this.sweep," ").concat(this.valueX," ").concat(this.valueY)},zeroRadians:function(){return this.mapRange(this.min>0&&this.max>0?this.min:0,this.min,this.max,this.minRadians,this.maxRadians)},valueRadians:function(){return this.mapRange(this.modelValue,this.min,this.max,this.minRadians,this.maxRadians)},minX:function(){return this.midX+Math.cos(this.minRadians)*this.radius},minY:function(){return this.midY-Math.sin(this.minRadians)*this.radius},maxX:function(){return this.midX+Math.cos(this.maxRadians)*this.radius},maxY:function(){return this.midY-Math.sin(this.maxRadians)*this.radius},zeroX:function(){return this.midX+Math.cos(this.zeroRadians)*this.radius},zeroY:function(){return this.midY-Math.sin(this.zeroRadians)*this.radius},valueX:function(){return this.midX+Math.cos(this.valueRadians)*this.radius},valueY:function(){return this.midY-Math.sin(this.valueRadians)*this.radius},largeArc:function(){return Math.abs(this.zeroRadians-this.valueRadians)<l?0:1},sweep:function(){return this.valueRadians>this.zeroRadians?0:1},valueToDisplay:function(){return this.valueTemplate.replace(/{value}/g,this.modelValue)}}},h=["width","height","tabindex","aria-valuemin","aria-valuemax","aria-valuenow","aria-labelledby","aria-label"],c=["d","stroke-width","stroke"],m=["d","stroke-width","stroke"],p=["fill"];d.render=function(e,t,r,l,d,f){return a(),i("div",n({class:e.cx("root")},e.ptmi("root")),[(a(),i("svg",n({viewBox:"0 0 100 100",role:"slider",width:e.size,height:e.size,tabindex:e.readonly||e.disabled?-1:e.tabindex,"aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":e.modelValue,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onClick:t[0]||(t[0]=function(){return f.onClick&&f.onClick.apply(f,arguments)}),onKeydown:t[1]||(t[1]=function(){return f.onKeyDown&&f.onKeyDown.apply(f,arguments)}),onMousedown:t[2]||(t[2]=function(){return f.onMouseDown&&f.onMouseDown.apply(f,arguments)}),onMouseup:t[3]||(t[3]=function(){return f.onMouseUp&&f.onMouseUp.apply(f,arguments)}),onTouchstartPassive:t[4]||(t[4]=function(){return f.onTouchStart&&f.onTouchStart.apply(f,arguments)}),onTouchend:t[5]||(t[5]=function(){return f.onTouchEnd&&f.onTouchEnd.apply(f,arguments)})},e.ptm("svg")),[s("path",n({d:f.rangePath,"stroke-width":e.strokeWidth,stroke:e.rangeColor,class:e.cx("range")},e.ptm("range")),null,16,c),s("path",n({d:f.valuePath,"stroke-width":e.strokeWidth,stroke:e.valueColor,class:e.cx("value")},e.ptm("value")),null,16,m),e.showValue?(a(),i("text",n({key:0,x:50,y:57,"text-anchor":"middle",fill:e.textColor,class:e.cx("label")},e.ptm("label")),o(f.valueToDisplay),17,p)):u("",!0)],16,h))],16)};export{d as default};

package/knob/knob.js

@@ -89,6 +89,7 @@ this.primevue.knob = (function (BaseComponent, KnobStyle, vue) {
     var script = {
       name: 'Knob',
       "extends": script$1,
+      inheritAttrs: false,
       emits: ['update:modelValue', 'change'],
       data: function data() {
         return {
@@ -270,7 +271,7 @@ this.primevue.knob = (function (BaseComponent, KnobStyle, vue) {
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         "class": _ctx.cx('root')
-      }, _ctx.ptm('root')), [(vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps({
+      }, _ctx.ptmi('root')), [(vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps({
         viewBox: "0 0 100 100",
         role: "slider",
         width: _ctx.size,

package/knob/knob.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.knob=function(e,t,a){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n={name:"BaseKnob",extends:i(e).default,props:{modelValue:{type:Number,default:null},size:{type:Number,default:100},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},step:{type:Number,default:1},min:{type:Number,default:0},max:{type:Number,default:100},valueColor:{type:String,default:"var(--primary-color, Black)"},rangeColor:{type:String,default:"var(--surface-border, LightGray)"},textColor:{type:String,default:"var(--text-color-secondary, Black)"},strokeWidth:{type:Number,default:14},showValue:{type:Boolean,default:!0},valueTemplate:{type:String,default:"{value}"},tabindex:{type:Number,default:0},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:i(t).default,provide:function(){return{$parentInstance:this}}},o=3.14159265358979,s={name:"Knob",extends:n,emits:["update:modelValue","change"],data:function(){return{radius:40,midX:50,midY:50,minRadians:4*o/3,maxRadians:-o/3}},methods:{updateValue:function(e,t){var a=Math.atan2(this.size/2-t,e-this.size/2);this.updateModel(a,-2.0943951023931935)},updateModel:function(e,t){var a;if(e>this.maxRadians)a=this.mapRange(e,this.minRadians,this.maxRadians,this.min,this.max);else{if(!(e<t))return;a=this.mapRange(e+2*o,this.minRadians,this.maxRadians,this.min,this.max)}var i=Math.round((a-this.min)/this.step)*this.step+this.min;this.$emit("update:modelValue",i),this.$emit("change",i)},updateModelValue:function(e){this.$emit("update:modelValue",e>this.max?this.max:e<this.min?this.min:e)},mapRange:function(e,t,a,i,n){return(e-t)*(n-i)/(a-t)+i},onClick:function(e){this.disabled||this.readonly||this.updateValue(e.offsetX,e.offsetY)},onMouseDown:function(e){this.disabled||this.readonly||(window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("mouseup",this.onMouseUp),e.preventDefault())},onMouseUp:function(e){this.disabled||this.readonly||(window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("mouseup",this.onMouseUp),e.preventDefault())},onTouchStart:function(e){this.disabled||this.readonly||(window.addEventListener("touchmove",this.onTouchMove),window.addEventListener("touchend",this.onTouchEnd),e.preventDefault())},onTouchEnd:function(e){this.disabled||this.readonly||(window.removeEventListener("touchmove",this.onTouchMove),window.removeEventListener("touchend",this.onTouchEnd),e.preventDefault())},onMouseMove:function(e){this.disabled||this.readonly||(this.updateValue(e.offsetX,e.offsetY),e.preventDefault())},onTouchMove:function(e){if(!this.disabled&&!this.readonly&&1==e.touches.length){var t=this.$el.getBoundingClientRect(),a=e.targetTouches.item(0);this.updateValue(a.clientX-t.left,a.clientY-t.top)}},onKeyDown:function(e){if(!this.disabled&&!this.readonly)switch(e.code){case"ArrowRight":case"ArrowUp":e.preventDefault(),this.updateModelValue(this.modelValue+this.step);break;case"ArrowLeft":case"ArrowDown":e.preventDefault(),this.updateModelValue(this.modelValue-this.step);break;case"Home":e.preventDefault(),this.$emit("update:modelValue",this.min);break;case"End":e.preventDefault(),this.$emit("update:modelValue",this.max);break;case"PageUp":e.preventDefault(),this.updateModelValue(this.modelValue+10);break;case"PageDown":e.preventDefault(),this.updateModelValue(this.modelValue-10)}}},computed:{rangePath:function(){return"M ".concat(this.minX," ").concat(this.minY," A ").concat(this.radius," ").concat(this.radius," 0 1 1 ").concat(this.maxX," ").concat(this.maxY)},valuePath:function(){return"M ".concat(this.zeroX," ").concat(this.zeroY," A ").concat(this.radius," ").concat(this.radius," 0 ").concat(this.largeArc," ").concat(this.sweep," ").concat(this.valueX," ").concat(this.valueY)},zeroRadians:function(){return this.mapRange(this.min>0&&this.max>0?this.min:0,this.min,this.max,this.minRadians,this.maxRadians)},valueRadians:function(){return this.mapRange(this.modelValue,this.min,this.max,this.minRadians,this.maxRadians)},minX:function(){return this.midX+Math.cos(this.minRadians)*this.radius},minY:function(){return this.midY-Math.sin(this.minRadians)*this.radius},maxX:function(){return this.midX+Math.cos(this.maxRadians)*this.radius},maxY:function(){return this.midY-Math.sin(this.maxRadians)*this.radius},zeroX:function(){return this.midX+Math.cos(this.zeroRadians)*this.radius},zeroY:function(){return this.midY-Math.sin(this.zeroRadians)*this.radius},valueX:function(){return this.midX+Math.cos(this.valueRadians)*this.radius},valueY:function(){return this.midY-Math.sin(this.valueRadians)*this.radius},largeArc:function(){return Math.abs(this.zeroRadians-this.valueRadians)<o?0:1},sweep:function(){return this.valueRadians>this.zeroRadians?0:1},valueToDisplay:function(){return this.valueTemplate.replace(/{value}/g,this.modelValue)}}},u=["width","height","tabindex","aria-valuemin","aria-valuemax","aria-valuenow","aria-labelledby","aria-label"],r=["d","stroke-width","stroke"],l=["d","stroke-width","stroke"],d=["fill"];return s.render=function(e,t,i,n,o,s){return a.openBlock(),a.createElementBlock("div",a.mergeProps({class:e.cx("root")},e.ptm("root")),[(a.openBlock(),a.createElementBlock("svg",a.mergeProps({viewBox:"0 0 100 100",role:"slider",width:e.size,height:e.size,tabindex:e.readonly||e.disabled?-1:e.tabindex,"aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":e.modelValue,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onClick:t[0]||(t[0]=function(){return s.onClick&&s.onClick.apply(s,arguments)}),onKeydown:t[1]||(t[1]=function(){return s.onKeyDown&&s.onKeyDown.apply(s,arguments)}),onMousedown:t[2]||(t[2]=function(){return s.onMouseDown&&s.onMouseDown.apply(s,arguments)}),onMouseup:t[3]||(t[3]=function(){return s.onMouseUp&&s.onMouseUp.apply(s,arguments)}),onTouchstartPassive:t[4]||(t[4]=function(){return s.onTouchStart&&s.onTouchStart.apply(s,arguments)}),onTouchend:t[5]||(t[5]=function(){return s.onTouchEnd&&s.onTouchEnd.apply(s,arguments)})},e.ptm("svg")),[a.createElementVNode("path",a.mergeProps({d:s.rangePath,"stroke-width":e.strokeWidth,stroke:e.rangeColor,class:e.cx("range")},e.ptm("range")),null,16,r),a.createElementVNode("path",a.mergeProps({d:s.valuePath,"stroke-width":e.strokeWidth,stroke:e.valueColor,class:e.cx("value")},e.ptm("value")),null,16,l),e.showValue?(a.openBlock(),a.createElementBlock("text",a.mergeProps({key:0,x:50,y:57,"text-anchor":"middle",fill:e.textColor,class:e.cx("label")},e.ptm("label")),a.toDisplayString(s.valueToDisplay),17,d)):a.createCommentVNode("",!0)],16,u))],16)},s}(primevue.basecomponent,primevue.knob.style,Vue);
+this.primevue=this.primevue||{},this.primevue.knob=function(e,t,a){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n={name:"BaseKnob",extends:i(e).default,props:{modelValue:{type:Number,default:null},size:{type:Number,default:100},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},step:{type:Number,default:1},min:{type:Number,default:0},max:{type:Number,default:100},valueColor:{type:String,default:"var(--primary-color, Black)"},rangeColor:{type:String,default:"var(--surface-border, LightGray)"},textColor:{type:String,default:"var(--text-color-secondary, Black)"},strokeWidth:{type:Number,default:14},showValue:{type:Boolean,default:!0},valueTemplate:{type:String,default:"{value}"},tabindex:{type:Number,default:0},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:i(t).default,provide:function(){return{$parentInstance:this}}},o=3.14159265358979,s={name:"Knob",extends:n,inheritAttrs:!1,emits:["update:modelValue","change"],data:function(){return{radius:40,midX:50,midY:50,minRadians:4*o/3,maxRadians:-o/3}},methods:{updateValue:function(e,t){var a=Math.atan2(this.size/2-t,e-this.size/2);this.updateModel(a,-2.0943951023931935)},updateModel:function(e,t){var a;if(e>this.maxRadians)a=this.mapRange(e,this.minRadians,this.maxRadians,this.min,this.max);else{if(!(e<t))return;a=this.mapRange(e+2*o,this.minRadians,this.maxRadians,this.min,this.max)}var i=Math.round((a-this.min)/this.step)*this.step+this.min;this.$emit("update:modelValue",i),this.$emit("change",i)},updateModelValue:function(e){this.$emit("update:modelValue",e>this.max?this.max:e<this.min?this.min:e)},mapRange:function(e,t,a,i,n){return(e-t)*(n-i)/(a-t)+i},onClick:function(e){this.disabled||this.readonly||this.updateValue(e.offsetX,e.offsetY)},onMouseDown:function(e){this.disabled||this.readonly||(window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("mouseup",this.onMouseUp),e.preventDefault())},onMouseUp:function(e){this.disabled||this.readonly||(window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("mouseup",this.onMouseUp),e.preventDefault())},onTouchStart:function(e){this.disabled||this.readonly||(window.addEventListener("touchmove",this.onTouchMove),window.addEventListener("touchend",this.onTouchEnd),e.preventDefault())},onTouchEnd:function(e){this.disabled||this.readonly||(window.removeEventListener("touchmove",this.onTouchMove),window.removeEventListener("touchend",this.onTouchEnd),e.preventDefault())},onMouseMove:function(e){this.disabled||this.readonly||(this.updateValue(e.offsetX,e.offsetY),e.preventDefault())},onTouchMove:function(e){if(!this.disabled&&!this.readonly&&1==e.touches.length){var t=this.$el.getBoundingClientRect(),a=e.targetTouches.item(0);this.updateValue(a.clientX-t.left,a.clientY-t.top)}},onKeyDown:function(e){if(!this.disabled&&!this.readonly)switch(e.code){case"ArrowRight":case"ArrowUp":e.preventDefault(),this.updateModelValue(this.modelValue+this.step);break;case"ArrowLeft":case"ArrowDown":e.preventDefault(),this.updateModelValue(this.modelValue-this.step);break;case"Home":e.preventDefault(),this.$emit("update:modelValue",this.min);break;case"End":e.preventDefault(),this.$emit("update:modelValue",this.max);break;case"PageUp":e.preventDefault(),this.updateModelValue(this.modelValue+10);break;case"PageDown":e.preventDefault(),this.updateModelValue(this.modelValue-10)}}},computed:{rangePath:function(){return"M ".concat(this.minX," ").concat(this.minY," A ").concat(this.radius," ").concat(this.radius," 0 1 1 ").concat(this.maxX," ").concat(this.maxY)},valuePath:function(){return"M ".concat(this.zeroX," ").concat(this.zeroY," A ").concat(this.radius," ").concat(this.radius," 0 ").concat(this.largeArc," ").concat(this.sweep," ").concat(this.valueX," ").concat(this.valueY)},zeroRadians:function(){return this.mapRange(this.min>0&&this.max>0?this.min:0,this.min,this.max,this.minRadians,this.maxRadians)},valueRadians:function(){return this.mapRange(this.modelValue,this.min,this.max,this.minRadians,this.maxRadians)},minX:function(){return this.midX+Math.cos(this.minRadians)*this.radius},minY:function(){return this.midY-Math.sin(this.minRadians)*this.radius},maxX:function(){return this.midX+Math.cos(this.maxRadians)*this.radius},maxY:function(){return this.midY-Math.sin(this.maxRadians)*this.radius},zeroX:function(){return this.midX+Math.cos(this.zeroRadians)*this.radius},zeroY:function(){return this.midY-Math.sin(this.zeroRadians)*this.radius},valueX:function(){return this.midX+Math.cos(this.valueRadians)*this.radius},valueY:function(){return this.midY-Math.sin(this.valueRadians)*this.radius},largeArc:function(){return Math.abs(this.zeroRadians-this.valueRadians)<o?0:1},sweep:function(){return this.valueRadians>this.zeroRadians?0:1},valueToDisplay:function(){return this.valueTemplate.replace(/{value}/g,this.modelValue)}}},u=["width","height","tabindex","aria-valuemin","aria-valuemax","aria-valuenow","aria-labelledby","aria-label"],r=["d","stroke-width","stroke"],l=["d","stroke-width","stroke"],d=["fill"];return s.render=function(e,t,i,n,o,s){return a.openBlock(),a.createElementBlock("div",a.mergeProps({class:e.cx("root")},e.ptmi("root")),[(a.openBlock(),a.createElementBlock("svg",a.mergeProps({viewBox:"0 0 100 100",role:"slider",width:e.size,height:e.size,tabindex:e.readonly||e.disabled?-1:e.tabindex,"aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":e.modelValue,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onClick:t[0]||(t[0]=function(){return s.onClick&&s.onClick.apply(s,arguments)}),onKeydown:t[1]||(t[1]=function(){return s.onKeyDown&&s.onKeyDown.apply(s,arguments)}),onMousedown:t[2]||(t[2]=function(){return s.onMouseDown&&s.onMouseDown.apply(s,arguments)}),onMouseup:t[3]||(t[3]=function(){return s.onMouseUp&&s.onMouseUp.apply(s,arguments)}),onTouchstartPassive:t[4]||(t[4]=function(){return s.onTouchStart&&s.onTouchStart.apply(s,arguments)}),onTouchend:t[5]||(t[5]=function(){return s.onTouchEnd&&s.onTouchEnd.apply(s,arguments)})},e.ptm("svg")),[a.createElementVNode("path",a.mergeProps({d:s.rangePath,"stroke-width":e.strokeWidth,stroke:e.rangeColor,class:e.cx("range")},e.ptm("range")),null,16,r),a.createElementVNode("path",a.mergeProps({d:s.valuePath,"stroke-width":e.strokeWidth,stroke:e.valueColor,class:e.cx("value")},e.ptm("value")),null,16,l),e.showValue?(a.openBlock(),a.createElementBlock("text",a.mergeProps({key:0,x:50,y:57,"text-anchor":"middle",fill:e.textColor,class:e.cx("label")},e.ptm("label")),a.toDisplayString(s.valueToDisplay),17,d)):a.createCommentVNode("",!0)],16,u))],16)},s}(primevue.basecomponent,primevue.knob.style,Vue);

package/listbox/Listbox.d.ts

@@ -10,7 +10,7 @@
 import { InputHTMLAttributes, VNode } from 'vue';
 import { ComponentHooks } from '../basecomponent';
 import { PassThroughOptions } from '../passthrough';
-import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers';
+import { ClassComponent, GlobalComponentConstructor, PassThrough, HintedString } from '../ts-helpers';
 import { VirtualScrollerItemOptions, VirtualScrollerPassThroughOptionType, VirtualScrollerProps } from '../virtualscroller';
 
 export declare type ListboxPassThroughOptionType = ListboxPassThroughAttributes | ((options: ListboxPassThroughMethodOptions) => ListboxPassThroughAttributes | string) | string | null | undefined;
@@ -282,7 +282,7 @@ export interface ListboxProps {
      * Defines the filtering algorithm to use when searching the options.
      * @defaultValue contains
      */
-    filterMatchMode?: 'contains' | 'startsWith' | 'endsWith' | string | undefined;
+    filterMatchMode?: HintedString<'contains' | 'startsWith' | 'endsWith'> | undefined;
     /**
      * Fields used when filtering the options, defaults to optionLabel.
      */

package/listbox/Listbox.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :id="id" :class="cx('root')" @focusout="onFocusout" v-bind="ptm('root')">
+    <div :id="id" :class="cx('root')" @focusout="onFocusout" v-bind="ptmi('root')">
         <span
             ref="firstHiddenFocusableElement"
             role="presentation"
@@ -132,6 +132,7 @@ import BaseListbox from './BaseListbox.vue';
 export default {
     name: 'Listbox',
     extends: BaseListbox,
+    inheritAttrs: false,
     emits: ['update:modelValue', 'change', 'focus', 'blur', 'filter'],
     list: null,
     virtualScroller: null,
@@ -499,8 +500,6 @@ export default {
                 if (this.multiple && event.shiftKey) this.onOptionSelectRange(event, this.focusedOptionIndex);
                 else this.onOptionSelect(event, this.visibleOptions[this.focusedOptionIndex]);
             }
-
-            event.preventDefault();
         },
         onSpaceKey(event) {
             this.onEnterKey(event);

package/listbox/listbox.cjs.js

@@ -128,6 +128,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 var script = {
   name: 'Listbox',
   "extends": script$1,
+  inheritAttrs: false,
   emits: ['update:modelValue', 'change', 'focus', 'blur', 'filter'],
   list: null,
   virtualScroller: null,
@@ -464,7 +465,6 @@ var script = {
       if (this.focusedOptionIndex !== -1) {
         if (this.multiple && event.shiftKey) this.onOptionSelectRange(event, this.focusedOptionIndex);else this.onOptionSelect(event, this.visibleOptions[this.focusedOptionIndex]);
       }
-      event.preventDefault();
     },
     onSpaceKey: function onSpaceKey(event) {
       this.onEnterKey(event);
@@ -771,7 +771,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     onFocusout: _cache[10] || (_cache[10] = function () {
       return $options.onFocusout && $options.onFocusout.apply($options, arguments);
     })
-  }, _ctx.ptm('root')), [vue.createElementVNode("span", vue.mergeProps({
+  }, _ctx.ptmi('root')), [vue.createElementVNode("span", vue.mergeProps({
     ref: "firstHiddenFocusableElement",
     role: "presentation",
     "aria-hidden": "true",