primevue 3.47.2 → 3.48.0

package/inputtext/InputText.d.ts

@@ -91,6 +91,16 @@ export interface InputTextProps extends InputHTMLAttributes {
      * Defines the size of the component.
      */
     size?: 'small' | 'large' | undefined;
+    /**
+     * When present, it specifies that the component should have invalid state style.
+     * @defaultValue false
+     */
+    invalid?: boolean | undefined;
+    /**
+     * Specifies the input variant of the component.
+     * @defaultValue outlined
+     */
+    variant?: 'outlined' | 'filled' | undefined;
     /**
      * Used to pass attributes to DOM elements inside the component.
      * @type {InputTextPassThroughOptions}

package/inputtext/InputText.vue

@@ -1,5 +1,5 @@
 <template>
-    <input :class="cx('root')" :value="modelValue" @input="onInput" v-bind="getPTOptions('root')" data-pc-name="inputtext" />
+    <input :class="cx('root')" :value="modelValue" @input="onInput" v-bind="getPTOptions('root')" />
 </template>
 
 <script>

package/inputtext/inputtext.cjs.js

@@ -17,6 +17,14 @@ var script$1 = {
     size: {
       type: String,
       "default": null
+    },
+    invalid: {
+      type: Boolean,
+      "default": false
+    },
+    variant: {
+      type: String,
+      "default": null
     }
   },
   style: InputTextStyle__default["default"],
@@ -59,9 +67,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     onInput: _cache[0] || (_cache[0] = function () {
       return $options.onInput && $options.onInput.apply($options, arguments);
     })
-  }, $options.getPTOptions('root'), {
-    "data-pc-name": "inputtext"
-  }), null, 16, _hoisted_1);
+  }, $options.getPTOptions('root')), null, 16, _hoisted_1);
 }
 
 script.render = render;

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}},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"),{"data-pc-name":"inputtext"}),null,16,i)},module.exports=l;
+"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;

package/inputtext/inputtext.esm.js

@@ -10,6 +10,14 @@ var script$1 = {
     size: {
       type: String,
       "default": null
+    },
+    invalid: {
+      type: Boolean,
+      "default": false
+    },
+    variant: {
+      type: String,
+      "default": null
     }
   },
   style: InputTextStyle,
@@ -52,9 +60,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     onInput: _cache[0] || (_cache[0] = function () {
       return $options.onInput && $options.onInput.apply($options, arguments);
     })
-  }, $options.getPTOptions('root'), {
-    "data-pc-name": "inputtext"
-  }), null, 16, _hoisted_1);
+  }, $options.getPTOptions('root')), null, 16, _hoisted_1);
 }
 
 script.render = render;

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 u,mergeProps as l}from"vue";var o={name:"InputText",extends:{name:"BaseInputText",extends:t,props:{modelValue:null,size:{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}}},i=["value"];o.render=function(t,e,o,a,r,p){return n(),u("input",l({class:t.cx("root"),value:t.modelValue,onInput:e[0]||(e[0]=function(){return p.onInput&&p.onInput.apply(p,arguments)})},p.getPTOptions("root"),{"data-pc-name":"inputtext"}),null,16,i)};export{o as default};
+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};

package/inputtext/inputtext.js

@@ -15,6 +15,14 @@ this.primevue.inputtext = (function (BaseComponent, InputTextStyle, vue) {
         size: {
           type: String,
           "default": null
+        },
+        invalid: {
+          type: Boolean,
+          "default": false
+        },
+        variant: {
+          type: String,
+          "default": null
         }
       },
       style: InputTextStyle__default["default"],
@@ -57,9 +65,7 @@ this.primevue.inputtext = (function (BaseComponent, InputTextStyle, vue) {
         onInput: _cache[0] || (_cache[0] = function () {
           return $options.onInput && $options.onInput.apply($options, arguments);
         })
-      }, $options.getPTOptions('root'), {
-        "data-pc-name": "inputtext"
-      }), null, 16, _hoisted_1);
+      }, $options.getPTOptions('root')), null, 16, _hoisted_1);
     }
 
     script.render = render;

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}},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,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"),{"data-pc-name":"inputtext"}),null,16,i)},l}(primevue.basecomponent,primevue.inputtext.style,Vue);
+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);

package/inputtext/style/inputtextstyle.cjs.js

@@ -13,7 +13,9 @@ var classes = {
     return ['p-inputtext p-component', {
       'p-filled': instance.filled,
       'p-inputtext-sm': props.size === 'small',
-      'p-inputtext-lg': props.size === 'large'
+      'p-inputtext-lg': props.size === 'large',
+      'p-invalid': props.invalid,
+      'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled'
     }];
   }
 };

package/inputtext/style/inputtextstyle.cjs.min.js

@@ -1 +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:"inputtext",classes:{root:function(e){var t=e.props;return["p-inputtext p-component",{"p-filled":e.instance.filled,"p-inputtext-sm":"small"===t.size,"p-inputtext-lg":"large"===t.size}]}}});module.exports=t;
+"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:"inputtext",classes:{root:function(e){var t=e.instance,i=e.props;return["p-inputtext p-component",{"p-filled":t.filled,"p-inputtext-sm":"small"===i.size,"p-inputtext-lg":"large"===i.size,"p-invalid":i.invalid,"p-variant-filled":i.variant?"filled"===i.variant:"filled"===t.$primevue.config.inputStyle}]}}});module.exports=t;

package/inputtext/style/inputtextstyle.esm.js

@@ -7,7 +7,9 @@ var classes = {
     return ['p-inputtext p-component', {
       'p-filled': instance.filled,
       'p-inputtext-sm': props.size === 'small',
-      'p-inputtext-lg': props.size === 'large'
+      'p-inputtext-lg': props.size === 'large',
+      'p-invalid': props.invalid,
+      'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled'
     }];
   }
 };

package/inputtext/style/inputtextstyle.esm.min.js

@@ -1 +1 @@
-import e from"primevue/base/style";var t=e.extend({name:"inputtext",classes:{root:function(e){var t=e.props;return["p-inputtext p-component",{"p-filled":e.instance.filled,"p-inputtext-sm":"small"===t.size,"p-inputtext-lg":"large"===t.size}]}}});export{t as default};
+import e from"primevue/base/style";var t=e.extend({name:"inputtext",classes:{root:function(e){var t=e.instance,i=e.props;return["p-inputtext p-component",{"p-filled":t.filled,"p-inputtext-sm":"small"===i.size,"p-inputtext-lg":"large"===i.size,"p-invalid":i.invalid,"p-variant-filled":i.variant?"filled"===i.variant:"filled"===t.$primevue.config.inputStyle}]}}});export{t as default};

package/inputtext/style/inputtextstyle.js

@@ -14,7 +14,9 @@ this.primevue.inputtext.style = (function (BaseStyle) {
         return ['p-inputtext p-component', {
           'p-filled': instance.filled,
           'p-inputtext-sm': props.size === 'small',
-          'p-inputtext-lg': props.size === 'large'
+          'p-inputtext-lg': props.size === 'large',
+          'p-invalid': props.invalid,
+          'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled'
         }];
       }
     };

package/inputtext/style/inputtextstyle.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.inputtext=this.primevue.inputtext||{},this.primevue.inputtext.style=function(t){"use strict";function e(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}return e(primevue.base.style).default.extend({name:"inputtext",classes:{root:function(t){var e=t.props;return["p-inputtext p-component",{"p-filled":t.instance.filled,"p-inputtext-sm":"small"===e.size,"p-inputtext-lg":"large"===e.size}]}}})}();
+this.primevue=this.primevue||{},this.primevue.inputtext=this.primevue.inputtext||{},this.primevue.inputtext.style=function(t){"use strict";function e(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}return e(primevue.base.style).default.extend({name:"inputtext",classes:{root:function(t){var e=t.instance,i=t.props;return["p-inputtext p-component",{"p-filled":e.filled,"p-inputtext-sm":"small"===i.size,"p-inputtext-lg":"large"===i.size,"p-invalid":i.invalid,"p-variant-filled":i.variant?"filled"===i.variant:"filled"===e.$primevue.config.inputStyle}]}}})}();

package/knob/Knob.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :class="cx('root')" v-bind="ptm('root')" data-pc-name="knob">
+    <div :class="cx('root')" v-bind="ptm('root')">
         <svg
             viewBox="0 0 100 100"
             role="slider"
@@ -29,6 +29,9 @@
 <script>
 import BaseKnob from './BaseKnob.vue';
 
+// Set fix value for SSR.
+const Math_PI = 3.14159265358979;
+
 export default {
     name: 'Knob',
     extends: BaseKnob,
@@ -38,8 +41,8 @@ export default {
             radius: 40,
             midX: 50,
             midY: 50,
-            minRadians: (4 * Math.PI) / 3,
-            maxRadians: -Math.PI / 3
+            minRadians: (4 * Math_PI) / 3,
+            maxRadians: -Math_PI / 3
         };
     },
     methods: {
@@ -47,7 +50,7 @@ export default {
             let dx = offsetX - this.size / 2;
             let dy = this.size / 2 - offsetY;
             let angle = Math.atan2(dy, dx);
-            let start = -Math.PI / 2 - Math.PI / 6;
+            let start = -Math_PI / 2 - Math_PI / 6;
 
             this.updateModel(angle, start);
         },
@@ -55,7 +58,7 @@ export default {
             let mappedValue;
 
             if (angle > this.maxRadians) mappedValue = this.mapRange(angle, this.minRadians, this.maxRadians, this.min, this.max);
-            else if (angle < start) mappedValue = this.mapRange(angle + 2 * Math.PI, this.minRadians, this.maxRadians, this.min, this.max);
+            else if (angle < start) mappedValue = this.mapRange(angle + 2 * Math_PI, this.minRadians, this.maxRadians, this.min, this.max);
             else return;
 
             let newValue = Math.round((mappedValue - this.min) / this.step) * this.step + this.min;
@@ -127,7 +130,7 @@ export default {
 
                     case 'ArrowUp': {
                         event.preventDefault();
-                        this.updateModelValue(this.modelValue + 1);
+                        this.updateModelValue(this.modelValue + this.step);
                         break;
                     }
 
@@ -135,7 +138,7 @@ export default {
 
                     case 'ArrowDown': {
                         event.preventDefault();
-                        this.updateModelValue(this.modelValue - 1);
+                        this.updateModelValue(this.modelValue - this.step);
                         break;
                     }
 
@@ -205,7 +208,7 @@ export default {
             return this.midY - Math.sin(this.valueRadians) * this.radius;
         },
         largeArc() {
-            return Math.abs(this.zeroRadians - this.valueRadians) < Math.PI ? 0 : 1;
+            return Math.abs(this.zeroRadians - this.valueRadians) < Math_PI ? 0 : 1;
         },
         sweep() {
             return this.valueRadians > this.zeroRadians ? 0 : 1;

package/knob/knob.cjs.js

@@ -86,6 +86,8 @@ var script$1 = {
   }
 };
 
+// Set fix value for SSR.
+var Math_PI = 3.14159265358979;
 var script = {
   name: 'Knob',
   "extends": script$1,
@@ -95,8 +97,8 @@ var script = {
       radius: 40,
       midX: 50,
       midY: 50,
-      minRadians: 4 * Math.PI / 3,
-      maxRadians: -Math.PI / 3
+      minRadians: 4 * Math_PI / 3,
+      maxRadians: -Math_PI / 3
     };
   },
   methods: {
@@ -104,12 +106,12 @@ var script = {
       var dx = offsetX - this.size / 2;
       var dy = this.size / 2 - offsetY;
       var angle = Math.atan2(dy, dx);
-      var start = -Math.PI / 2 - Math.PI / 6;
+      var start = -Math_PI / 2 - Math_PI / 6;
       this.updateModel(angle, start);
     },
     updateModel: function updateModel(angle, start) {
       var mappedValue;
-      if (angle > this.maxRadians) mappedValue = this.mapRange(angle, this.minRadians, this.maxRadians, this.min, this.max);else if (angle < start) mappedValue = this.mapRange(angle + 2 * Math.PI, this.minRadians, this.maxRadians, this.min, this.max);else return;
+      if (angle > this.maxRadians) mappedValue = this.mapRange(angle, this.minRadians, this.maxRadians, this.min, this.max);else if (angle < start) mappedValue = this.mapRange(angle + 2 * Math_PI, this.minRadians, this.maxRadians, this.min, this.max);else return;
       var newValue = Math.round((mappedValue - this.min) / this.step) * this.step + this.min;
       this.$emit('update:modelValue', newValue);
       this.$emit('change', newValue);
@@ -175,14 +177,14 @@ var script = {
           case 'ArrowUp':
             {
               event.preventDefault();
-              this.updateModelValue(this.modelValue + 1);
+              this.updateModelValue(this.modelValue + this.step);
               break;
             }
           case 'ArrowLeft':
           case 'ArrowDown':
             {
               event.preventDefault();
-              this.updateModelValue(this.modelValue - 1);
+              this.updateModelValue(this.modelValue - this.step);
               break;
             }
           case 'Home':
@@ -251,7 +253,7 @@ var script = {
       return this.midY - Math.sin(this.valueRadians) * this.radius;
     },
     largeArc: function largeArc() {
-      return Math.abs(this.zeroRadians - this.valueRadians) < Math.PI ? 0 : 1;
+      return Math.abs(this.zeroRadians - this.valueRadians) < Math_PI ? 0 : 1;
     },
     sweep: function sweep() {
       return this.valueRadians > this.zeroRadians ? 0 : 1;
@@ -270,9 +272,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'), {
-    "data-pc-name": "knob"
-  }), [(vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps({
+  }, _ctx.ptm('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:"Knob",extends:{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}}},emits:["update:modelValue","change"],data:function(){return{radius:40,midX:50,midY:50,minRadians:4*Math.PI/3,maxRadians:-Math.PI/3}},methods:{updateValue:function(e,t){var a=Math.atan2(this.size/2-t,e-this.size/2),i=-Math.PI/2-Math.PI/6;this.updateModel(a,i)},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*Math.PI,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+1);break;case"ArrowLeft":case"ArrowDown":e.preventDefault(),this.updateModelValue(this.modelValue-1);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)<Math.PI?0:1},sweep:function(){return this.valueRadians>this.zeroRadians?0:1},valueToDisplay:function(){return this.valueTemplate.replace(/{value}/g,this.modelValue)}}},o=["width","height","tabindex","aria-valuemin","aria-valuemax","aria-valuenow","aria-labelledby","aria-label"],s=["d","stroke-width","stroke"],r=["d","stroke-width","stroke"],u=["fill"];n.render=function(e,t,i,n,l,d){return a.openBlock(),a.createElementBlock("div",a.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"knob"}),[(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 d.onClick&&d.onClick.apply(d,arguments)}),onKeydown:t[1]||(t[1]=function(){return d.onKeyDown&&d.onKeyDown.apply(d,arguments)}),onMousedown:t[2]||(t[2]=function(){return d.onMouseDown&&d.onMouseDown.apply(d,arguments)}),onMouseup:t[3]||(t[3]=function(){return d.onMouseUp&&d.onMouseUp.apply(d,arguments)}),onTouchstartPassive:t[4]||(t[4]=function(){return d.onTouchStart&&d.onTouchStart.apply(d,arguments)}),onTouchend:t[5]||(t[5]=function(){return d.onTouchEnd&&d.onTouchEnd.apply(d,arguments)})},e.ptm("svg")),[a.createElementVNode("path",a.mergeProps({d:d.rangePath,"stroke-width":e.strokeWidth,stroke:e.rangeColor,class:e.cx("range")},e.ptm("range")),null,16,s),a.createElementVNode("path",a.mergeProps({d:d.valuePath,"stroke-width":e.strokeWidth,stroke:e.valueColor,class:e.cx("value")},e.ptm("value")),null,16,r),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(d.valueToDisplay),17,u)):a.createCommentVNode("",!0)],16,o))],16)},module.exports=n;
+"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;

package/knob/knob.esm.js

@@ -79,6 +79,8 @@ var script$1 = {
   }
 };
 
+// Set fix value for SSR.
+var Math_PI = 3.14159265358979;
 var script = {
   name: 'Knob',
   "extends": script$1,
@@ -88,8 +90,8 @@ var script = {
       radius: 40,
       midX: 50,
       midY: 50,
-      minRadians: 4 * Math.PI / 3,
-      maxRadians: -Math.PI / 3
+      minRadians: 4 * Math_PI / 3,
+      maxRadians: -Math_PI / 3
     };
   },
   methods: {
@@ -97,12 +99,12 @@ var script = {
       var dx = offsetX - this.size / 2;
       var dy = this.size / 2 - offsetY;
       var angle = Math.atan2(dy, dx);
-      var start = -Math.PI / 2 - Math.PI / 6;
+      var start = -Math_PI / 2 - Math_PI / 6;
       this.updateModel(angle, start);
     },
     updateModel: function updateModel(angle, start) {
       var mappedValue;
-      if (angle > this.maxRadians) mappedValue = this.mapRange(angle, this.minRadians, this.maxRadians, this.min, this.max);else if (angle < start) mappedValue = this.mapRange(angle + 2 * Math.PI, this.minRadians, this.maxRadians, this.min, this.max);else return;
+      if (angle > this.maxRadians) mappedValue = this.mapRange(angle, this.minRadians, this.maxRadians, this.min, this.max);else if (angle < start) mappedValue = this.mapRange(angle + 2 * Math_PI, this.minRadians, this.maxRadians, this.min, this.max);else return;
       var newValue = Math.round((mappedValue - this.min) / this.step) * this.step + this.min;
       this.$emit('update:modelValue', newValue);
       this.$emit('change', newValue);
@@ -168,14 +170,14 @@ var script = {
           case 'ArrowUp':
             {
               event.preventDefault();
-              this.updateModelValue(this.modelValue + 1);
+              this.updateModelValue(this.modelValue + this.step);
               break;
             }
           case 'ArrowLeft':
           case 'ArrowDown':
             {
               event.preventDefault();
-              this.updateModelValue(this.modelValue - 1);
+              this.updateModelValue(this.modelValue - this.step);
               break;
             }
           case 'Home':
@@ -244,7 +246,7 @@ var script = {
       return this.midY - Math.sin(this.valueRadians) * this.radius;
     },
     largeArc: function largeArc() {
-      return Math.abs(this.zeroRadians - this.valueRadians) < Math.PI ? 0 : 1;
+      return Math.abs(this.zeroRadians - this.valueRadians) < Math_PI ? 0 : 1;
     },
     sweep: function sweep() {
       return this.valueRadians > this.zeroRadians ? 0 : 1;
@@ -263,9 +265,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'), {
-    "data-pc-name": "knob"
-  }), [(openBlock(), createElementBlock("svg", mergeProps({
+  }, _ctx.ptm('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:"Knob",extends:{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}}},emits:["update:modelValue","change"],data:function(){return{radius:40,midX:50,midY:50,minRadians:4*Math.PI/3,maxRadians:-Math.PI/3}},methods:{updateValue:function(e,t){var a=Math.atan2(this.size/2-t,e-this.size/2),i=-Math.PI/2-Math.PI/6;this.updateModel(a,i)},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*Math.PI,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+1);break;case"ArrowLeft":case"ArrowDown":e.preventDefault(),this.updateModelValue(this.modelValue-1);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)<Math.PI?0:1},sweep:function(){return this.valueRadians>this.zeroRadians?0:1},valueToDisplay:function(){return this.valueTemplate.replace(/{value}/g,this.modelValue)}}},l=["width","height","tabindex","aria-valuemin","aria-valuemax","aria-valuenow","aria-labelledby","aria-label"],d=["d","stroke-width","stroke"],h=["d","stroke-width","stroke"],c=["fill"];r.render=function(e,t,r,m,p,f){return a(),i("div",n({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"knob"}),[(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,d),s("path",n({d:f.valuePath,"stroke-width":e.strokeWidth,stroke:e.valueColor,class:e.cx("value")},e.ptm("value")),null,16,h),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,c)):u("",!0)],16,l))],16)};export{r 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,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};

package/knob/knob.js

@@ -84,6 +84,8 @@ this.primevue.knob = (function (BaseComponent, KnobStyle, vue) {
       }
     };
 
+    // Set fix value for SSR.
+    var Math_PI = 3.14159265358979;
     var script = {
       name: 'Knob',
       "extends": script$1,
@@ -93,8 +95,8 @@ this.primevue.knob = (function (BaseComponent, KnobStyle, vue) {
           radius: 40,
           midX: 50,
           midY: 50,
-          minRadians: 4 * Math.PI / 3,
-          maxRadians: -Math.PI / 3
+          minRadians: 4 * Math_PI / 3,
+          maxRadians: -Math_PI / 3
         };
       },
       methods: {
@@ -102,12 +104,12 @@ this.primevue.knob = (function (BaseComponent, KnobStyle, vue) {
           var dx = offsetX - this.size / 2;
           var dy = this.size / 2 - offsetY;
           var angle = Math.atan2(dy, dx);
-          var start = -Math.PI / 2 - Math.PI / 6;
+          var start = -Math_PI / 2 - Math_PI / 6;
           this.updateModel(angle, start);
         },
         updateModel: function updateModel(angle, start) {
           var mappedValue;
-          if (angle > this.maxRadians) mappedValue = this.mapRange(angle, this.minRadians, this.maxRadians, this.min, this.max);else if (angle < start) mappedValue = this.mapRange(angle + 2 * Math.PI, this.minRadians, this.maxRadians, this.min, this.max);else return;
+          if (angle > this.maxRadians) mappedValue = this.mapRange(angle, this.minRadians, this.maxRadians, this.min, this.max);else if (angle < start) mappedValue = this.mapRange(angle + 2 * Math_PI, this.minRadians, this.maxRadians, this.min, this.max);else return;
           var newValue = Math.round((mappedValue - this.min) / this.step) * this.step + this.min;
           this.$emit('update:modelValue', newValue);
           this.$emit('change', newValue);
@@ -173,14 +175,14 @@ this.primevue.knob = (function (BaseComponent, KnobStyle, vue) {
               case 'ArrowUp':
                 {
                   event.preventDefault();
-                  this.updateModelValue(this.modelValue + 1);
+                  this.updateModelValue(this.modelValue + this.step);
                   break;
                 }
               case 'ArrowLeft':
               case 'ArrowDown':
                 {
                   event.preventDefault();
-                  this.updateModelValue(this.modelValue - 1);
+                  this.updateModelValue(this.modelValue - this.step);
                   break;
                 }
               case 'Home':
@@ -249,7 +251,7 @@ this.primevue.knob = (function (BaseComponent, KnobStyle, vue) {
           return this.midY - Math.sin(this.valueRadians) * this.radius;
         },
         largeArc: function largeArc() {
-          return Math.abs(this.zeroRadians - this.valueRadians) < Math.PI ? 0 : 1;
+          return Math.abs(this.zeroRadians - this.valueRadians) < Math_PI ? 0 : 1;
         },
         sweep: function sweep() {
           return this.valueRadians > this.zeroRadians ? 0 : 1;
@@ -268,9 +270,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'), {
-        "data-pc-name": "knob"
-      }), [(vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps({
+      }, _ctx.ptm('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:"Knob",extends:{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}}},emits:["update:modelValue","change"],data:function(){return{radius:40,midX:50,midY:50,minRadians:4*Math.PI/3,maxRadians:-Math.PI/3}},methods:{updateValue:function(e,t){var a=Math.atan2(this.size/2-t,e-this.size/2),i=-Math.PI/2-Math.PI/6;this.updateModel(a,i)},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*Math.PI,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+1);break;case"ArrowLeft":case"ArrowDown":e.preventDefault(),this.updateModelValue(this.modelValue-1);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)<Math.PI?0:1},sweep:function(){return this.valueRadians>this.zeroRadians?0:1},valueToDisplay:function(){return this.valueTemplate.replace(/{value}/g,this.modelValue)}}},o=["width","height","tabindex","aria-valuemin","aria-valuemax","aria-valuenow","aria-labelledby","aria-label"],s=["d","stroke-width","stroke"],u=["d","stroke-width","stroke"],r=["fill"];return n.render=function(e,t,i,n,l,d){return a.openBlock(),a.createElementBlock("div",a.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"knob"}),[(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 d.onClick&&d.onClick.apply(d,arguments)}),onKeydown:t[1]||(t[1]=function(){return d.onKeyDown&&d.onKeyDown.apply(d,arguments)}),onMousedown:t[2]||(t[2]=function(){return d.onMouseDown&&d.onMouseDown.apply(d,arguments)}),onMouseup:t[3]||(t[3]=function(){return d.onMouseUp&&d.onMouseUp.apply(d,arguments)}),onTouchstartPassive:t[4]||(t[4]=function(){return d.onTouchStart&&d.onTouchStart.apply(d,arguments)}),onTouchend:t[5]||(t[5]=function(){return d.onTouchEnd&&d.onTouchEnd.apply(d,arguments)})},e.ptm("svg")),[a.createElementVNode("path",a.mergeProps({d:d.rangePath,"stroke-width":e.strokeWidth,stroke:e.rangeColor,class:e.cx("range")},e.ptm("range")),null,16,s),a.createElementVNode("path",a.mergeProps({d:d.valuePath,"stroke-width":e.strokeWidth,stroke:e.valueColor,class:e.cx("value")},e.ptm("value")),null,16,u),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(d.valueToDisplay),17,r)):a.createCommentVNode("",!0)],16,o))],16)},n}(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,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);

package/knob/style/knobstyle.cjs.js

@@ -6,7 +6,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-var css = "\n@keyframes dash-frame {\n    100% {\n        stroke-dashoffset: 0;\n    }\n}\n@layer primevue {\n    .p-knob-range {\n        fill: none;\n        transition: stroke 0.1s ease-in;\n    }\n    .p-knob-value {\n        animation-name: dash-frame;\n        animation-fill-mode: forwards;\n        fill: none;\n    }\n    .p-knob-text {\n        font-size: 1.3rem;\n        text-align: center;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props;
@@ -20,7 +19,6 @@ var classes = {
 };
 var KnobStyle = BaseStyle__default["default"].extend({
   name: 'knob',
-  css: css,
   classes: classes
 });
 

package/knob/style/knobstyle.cjs.min.js

@@ -1 +1 @@
-"use strict";function n(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var e=n(require("primevue/base/style")).default.extend({name:"knob",css:"\n@keyframes dash-frame {\n    100% {\n        stroke-dashoffset: 0;\n    }\n}\n@layer primevue {\n    .p-knob-range {\n        fill: none;\n        transition: stroke 0.1s ease-in;\n    }\n    .p-knob-value {\n        animation-name: dash-frame;\n        animation-fill-mode: forwards;\n        fill: none;\n    }\n    .p-knob-text {\n        font-size: 1.3rem;\n        text-align: center;\n    }\n}\n",classes:{root:function(n){return["p-knob p-component",{"p-disabled":n.props.disabled}]},range:"p-knob-range",value:"p-knob-value",label:"p-knob-text"}});module.exports=e;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=e(require("primevue/base/style")).default.extend({name:"knob",classes:{root:function(e){return["p-knob p-component",{"p-disabled":e.props.disabled}]},range:"p-knob-range",value:"p-knob-value",label:"p-knob-text"}});module.exports=n;

package/knob/style/knobstyle.esm.js

@@ -1,6 +1,5 @@
 import BaseStyle from 'primevue/base/style';
 
-var css = "\n@keyframes dash-frame {\n    100% {\n        stroke-dashoffset: 0;\n    }\n}\n@layer primevue {\n    .p-knob-range {\n        fill: none;\n        transition: stroke 0.1s ease-in;\n    }\n    .p-knob-value {\n        animation-name: dash-frame;\n        animation-fill-mode: forwards;\n        fill: none;\n    }\n    .p-knob-text {\n        font-size: 1.3rem;\n        text-align: center;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props;
@@ -14,7 +13,6 @@ var classes = {
 };
 var KnobStyle = BaseStyle.extend({
   name: 'knob',
-  css: css,
   classes: classes
 });