primevue 4.3.0 → 4.3.2

package/inputotp/index.d.ts

@@ -7,7 +7,7 @@
  * @module inputotp
  *
  */
-import type { DefineComponent, DesignToken, EmitFn, PassThrough } from '@primevue/core';
+import type { DefineComponent, DesignToken, EmitFn, HintedString, PassThrough } from '@primevue/core';
 import type { ComponentHooks } from '@primevue/core/basecomponent';
 import type { InputTextPassThroughOptions } from 'primevue/inputtext';
 import type { PassThroughOptions } from 'primevue/passthrough';
@@ -169,7 +169,7 @@ export interface InputOtpProps {
     /**
      * Defines the size of the component.
      */
-    size?: 'small' | 'large' | undefined;
+    size?: HintedString<'small' | 'large'> | undefined;
     /**
      * When present, it specifies that the component should have invalid state style.
      * @defaultValue false
@@ -189,7 +189,7 @@ export interface InputOtpProps {
      * Specifies the input variant of the component.
      * @defaultValue null
      */
-    variant?: 'outlined' | 'filled' | undefined | null;
+    variant?: HintedString<'outlined' | 'filled'> | undefined | null;
     /**
      * Index of the element in tabbing order.
      */

package/inputtext/InputText.vue

@@ -1,8 +1,9 @@
 <template>
-    <input type="text" :class="cx('root')" :value="d_value" :name="name" :disabled="disabled" :aria-invalid="$invalid || undefined" @input="onInput" v-bind="attrs" />
+    <input type="text" :class="cx('root')" :value="d_value" :name="name" :disabled="disabled" :aria-invalid="$invalid || undefined" :data-p="dataP" @input="onInput" v-bind="attrs" />
 </template>
 
 <script>
+import { cn } from '@primeuix/utils';
 import { mergeProps } from 'vue';
 import BaseInputText from './BaseInputText.vue';
 
@@ -26,6 +27,14 @@ export default {
                 }),
                 this.formField
             );
+        },
+        dataP() {
+            return cn({
+                invalid: this.$invalid,
+                fluid: this.$fluid,
+                filled: this.$variant === 'filled',
+                [this.size]: this.size
+            });
         }
     }
 };

package/inputtext/index.d.ts

@@ -7,7 +7,7 @@
  * @module inputtext
  *
  */
-import type { DefineComponent, DesignToken, EmitFn, Nullable, PassThrough } from '@primevue/core';
+import type { DefineComponent, DesignToken, EmitFn, HintedString, Nullable, PassThrough } from '@primevue/core';
 import type { ComponentHooks } from '@primevue/core/basecomponent';
 import type { PassThroughOptions } from 'primevue/passthrough';
 import { InputHTMLAttributes } from 'vue';
@@ -98,7 +98,7 @@ export interface InputTextProps extends Omit<InputHTMLAttributes, 'size'> {
     /**
      * Defines the size of the component.
      */
-    size?: 'small' | 'large' | undefined | null;
+    size?: HintedString<'small' | 'large'> | undefined | null;
     /**
      * When present, it specifies that the component should have invalid state style.
      * @defaultValue false
@@ -108,7 +108,7 @@ export interface InputTextProps extends Omit<InputHTMLAttributes, 'size'> {
      * Specifies the input variant of the component.
      * @defaultValue null
      */
-    variant?: 'outlined' | 'filled' | undefined | null;
+    variant?: HintedString<'outlined' | 'filled'> | undefined | null;
     /**
      * Spans 100% width of the container when enabled.
      * @defaultValue null

package/inputtext/index.mjs

@@ -1,3 +1,4 @@
+import { cn } from '@primeuix/utils';
 import { mergeProps, createElementBlock, openBlock } from 'vue';
 import BaseInput from '@primevue/core/baseinput';
 import InputTextStyle from 'primevue/inputtext/style';
@@ -14,6 +15,10 @@ var script$1 = {
   }
 };
 
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var script = {
   name: 'InputText',
   "extends": script$1,
@@ -31,11 +36,18 @@ var script = {
           disabled: this.disabled
         }
       }), this.formField);
+    },
+    dataP: function dataP() {
+      return cn(_defineProperty({
+        invalid: this.$invalid,
+        fluid: this.$fluid,
+        filled: this.$variant === 'filled'
+      }, this.size, this.size));
     }
   }
 };
 
-var _hoisted_1 = ["value", "name", "disabled", "aria-invalid"];
+var _hoisted_1 = ["value", "name", "disabled", "aria-invalid", "data-p"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("input", mergeProps({
     type: "text",
@@ -44,6 +56,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     name: _ctx.name,
     disabled: _ctx.disabled,
     "aria-invalid": _ctx.$invalid || undefined,
+    "data-p": $options.dataP,
     onInput: _cache[0] || (_cache[0] = function () {
       return $options.onInput && $options.onInput.apply($options, arguments);
     })

package/inputtext/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/inputtext/BaseInputText.vue","../../src/inputtext/InputText.vue","../../src/inputtext/InputText.vue?vue&type=template&id=e9f14e24&lang.js"],"sourcesContent":["<script>\nimport BaseInput from '@primevue/core/baseinput';\nimport InputTextStyle from 'primevue/inputtext/style';\n\nexport default {\n    name: 'BaseInputText',\n    extends: BaseInput,\n    style: InputTextStyle,\n    provide() {\n        return {\n            $pcInputText: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <input type=\"text\" :class=\"cx('root')\" :value=\"d_value\" :name=\"name\" :disabled=\"disabled\" :aria-invalid=\"$invalid || undefined\" @input=\"onInput\" v-bind=\"attrs\" />\n</template>\n\n<script>\nimport { mergeProps } from 'vue';\nimport BaseInputText from './BaseInputText.vue';\n\nexport default {\n    name: 'InputText',\n    extends: BaseInputText,\n    inheritAttrs: false,\n    methods: {\n        onInput(event) {\n            this.writeValue(event.target.value, event);\n        }\n    },\n    computed: {\n        attrs() {\n            return mergeProps(\n                this.ptmi('root', {\n                    context: {\n                        filled: this.$filled,\n                        disabled: this.disabled\n                    }\n                }),\n                this.formField\n            );\n        }\n    }\n};\n</script>\n","<template>\n    <input type=\"text\" :class=\"cx('root')\" :value=\"d_value\" :name=\"name\" :disabled=\"disabled\" :aria-invalid=\"$invalid || undefined\" @input=\"onInput\" v-bind=\"attrs\" />\n</template>\n\n<script>\nimport { mergeProps } from 'vue';\nimport BaseInputText from './BaseInputText.vue';\n\nexport default {\n    name: 'InputText',\n    extends: BaseInputText,\n    inheritAttrs: false,\n    methods: {\n        onInput(event) {\n            this.writeValue(event.target.value, event);\n        }\n    },\n    computed: {\n        attrs() {\n            return mergeProps(\n                this.ptmi('root', {\n                    context: {\n                        filled: this.$filled,\n                        disabled: this.disabled\n                    }\n                }),\n                this.formField\n            );\n        }\n    }\n};\n</script>\n"],"names":["name","BaseInput","style","InputTextStyle","provide","$pcInputText","$parentInstance","BaseInputText","inheritAttrs","methods","onInput","event","writeValue","target","value","computed","attrs","mergeProps","ptmi","context","filled","$filled","disabled","formField","_openBlock","_createElementBlock","_mergeProps","type","_ctx","cx","d_value","$invalid","undefined","$options","apply","arguments","_hoisted_1"],"mappings":";;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,eAAe;AACrB,EAAA,SAAA,EAASC,SAAS;AAClBC,EAAAA,KAAK,EAAEC,cAAc;EACrBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,YAAY,EAAE,IAAI;AAClBC,MAAAA,eAAe,EAAE;KACpB;AACL;AACJ,CAAC;;ACND,aAAe;AACXN,EAAAA,IAAI,EAAE,WAAW;AACjB,EAAA,SAAA,EAASO,QAAa;AACtBC,EAAAA,YAAY,EAAE,KAAK;AACnBC,EAAAA,OAAO,EAAE;AACLC,IAAAA,OAAO,EAAPA,SAAAA,OAAOA,CAACC,KAAK,EAAE;MACX,IAAI,CAACC,UAAU,CAACD,KAAK,CAACE,MAAM,CAACC,KAAK,EAAEH,KAAK,CAAC;AAC9C;GACH;AACDI,EAAAA,QAAQ,EAAE;IACNC,KAAK,EAAA,SAALA,KAAKA,GAAG;AACJ,MAAA,OAAOC,UAAU,CACb,IAAI,CAACC,IAAI,CAAC,MAAM,EAAE;AACdC,QAAAA,OAAO,EAAE;UACLC,MAAM,EAAE,IAAI,CAACC,OAAO;UACpBC,QAAQ,EAAE,IAAI,CAACA;AACnB;AACJ,OAAC,CAAC,EACF,IAAI,CAACC,SACT,CAAC;AACL;AACJ;AACJ,CAAC;;;;EC7BG,OAAAC,SAAA,EAAA,EAAAC,kBAAA,CAAiK,SAAjKC,UAAiK,CAAA;AAA1JC,IAAAA,IAAI,EAAC,MAAO;AAAC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;IAAWf,KAAK,EAAEc,IAAO,CAAAE,OAAA;IAAG9B,IAAI,EAAE4B,IAAI,CAAA5B,IAAA;IAAGsB,QAAQ,EAAEM,IAAQ,CAAAN,QAAA;AAAG,IAAA,cAAY,EAAEM,IAAS,CAAAG,QAAA,IAAGC,SAAS;IAAGtB,OAAK;aAAEuB,QAAO,CAAAvB,OAAA,IAAAuB,QAAA,CAAAvB,OAAA,CAAAwB,KAAA,CAAAD,QAAA,EAAAE,SAAA,CAAA;KAAA;KAAUF,QAAK,CAAAjB,KAAA,CAAA,EAAA,IAAA,EAAA,EAAA,EAAAoB,UAAA,CAAA;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/inputtext/BaseInputText.vue","../../src/inputtext/InputText.vue","../../src/inputtext/InputText.vue?vue&type=template&id=f81a40ac&lang.js"],"sourcesContent":["<script>\nimport BaseInput from '@primevue/core/baseinput';\nimport InputTextStyle from 'primevue/inputtext/style';\n\nexport default {\n    name: 'BaseInputText',\n    extends: BaseInput,\n    style: InputTextStyle,\n    provide() {\n        return {\n            $pcInputText: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <input type=\"text\" :class=\"cx('root')\" :value=\"d_value\" :name=\"name\" :disabled=\"disabled\" :aria-invalid=\"$invalid || undefined\" :data-p=\"dataP\" @input=\"onInput\" v-bind=\"attrs\" />\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { mergeProps } from 'vue';\nimport BaseInputText from './BaseInputText.vue';\n\nexport default {\n    name: 'InputText',\n    extends: BaseInputText,\n    inheritAttrs: false,\n    methods: {\n        onInput(event) {\n            this.writeValue(event.target.value, event);\n        }\n    },\n    computed: {\n        attrs() {\n            return mergeProps(\n                this.ptmi('root', {\n                    context: {\n                        filled: this.$filled,\n                        disabled: this.disabled\n                    }\n                }),\n                this.formField\n            );\n        },\n        dataP() {\n            return cn({\n                invalid: this.$invalid,\n                fluid: this.$fluid,\n                filled: this.$variant === 'filled',\n                [this.size]: this.size\n            });\n        }\n    }\n};\n</script>\n","<template>\n    <input type=\"text\" :class=\"cx('root')\" :value=\"d_value\" :name=\"name\" :disabled=\"disabled\" :aria-invalid=\"$invalid || undefined\" :data-p=\"dataP\" @input=\"onInput\" v-bind=\"attrs\" />\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { mergeProps } from 'vue';\nimport BaseInputText from './BaseInputText.vue';\n\nexport default {\n    name: 'InputText',\n    extends: BaseInputText,\n    inheritAttrs: false,\n    methods: {\n        onInput(event) {\n            this.writeValue(event.target.value, event);\n        }\n    },\n    computed: {\n        attrs() {\n            return mergeProps(\n                this.ptmi('root', {\n                    context: {\n                        filled: this.$filled,\n                        disabled: this.disabled\n                    }\n                }),\n                this.formField\n            );\n        },\n        dataP() {\n            return cn({\n                invalid: this.$invalid,\n                fluid: this.$fluid,\n                filled: this.$variant === 'filled',\n                [this.size]: this.size\n            });\n        }\n    }\n};\n</script>\n"],"names":["name","BaseInput","style","InputTextStyle","provide","$pcInputText","$parentInstance","BaseInputText","inheritAttrs","methods","onInput","event","writeValue","target","value","computed","attrs","mergeProps","ptmi","context","filled","$filled","disabled","formField","dataP","cn","_defineProperty","invalid","$invalid","fluid","$fluid","$variant","size","_openBlock","_createElementBlock","_mergeProps","type","_ctx","cx","d_value","undefined","$options","apply","arguments","_hoisted_1"],"mappings":";;;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,eAAe;AACrB,EAAA,SAAA,EAASC,SAAS;AAClBC,EAAAA,KAAK,EAAEC,cAAc;EACrBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,YAAY,EAAE,IAAI;AAClBC,MAAAA,eAAe,EAAE;KACpB;AACL;AACJ,CAAC;;;;;;ACLD,aAAe;AACXN,EAAAA,IAAI,EAAE,WAAW;AACjB,EAAA,SAAA,EAASO,QAAa;AACtBC,EAAAA,YAAY,EAAE,KAAK;AACnBC,EAAAA,OAAO,EAAE;AACLC,IAAAA,OAAO,EAAPA,SAAAA,OAAOA,CAACC,KAAK,EAAE;MACX,IAAI,CAACC,UAAU,CAACD,KAAK,CAACE,MAAM,CAACC,KAAK,EAAEH,KAAK,CAAC;AAC9C;GACH;AACDI,EAAAA,QAAQ,EAAE;IACNC,KAAK,EAAA,SAALA,KAAKA,GAAG;AACJ,MAAA,OAAOC,UAAU,CACb,IAAI,CAACC,IAAI,CAAC,MAAM,EAAE;AACdC,QAAAA,OAAO,EAAE;UACLC,MAAM,EAAE,IAAI,CAACC,OAAO;UACpBC,QAAQ,EAAE,IAAI,CAACA;AACnB;AACJ,OAAC,CAAC,EACF,IAAI,CAACC,SACT,CAAC;KACJ;IACDC,KAAK,EAAA,SAALA,KAAKA,GAAG;MACJ,OAAOC,EAAE,CAAAC,eAAA,CAAA;QACLC,OAAO,EAAE,IAAI,CAACC,QAAQ;QACtBC,KAAK,EAAE,IAAI,CAACC,MAAM;AAClBV,QAAAA,MAAM,EAAE,IAAI,CAACW,QAAS,KAAI;OACzB,EAAA,IAAI,CAACC,IAAI,EAAG,IAAI,CAACA,IAAG,CACxB,CAAC;AACN;AACJ;AACJ,CAAC;;;;ECtCG,OAAAC,SAAA,EAAA,EAAAC,kBAAA,CAAiL,SAAjLC,UAAiL,CAAA;AAA1KC,IAAAA,IAAI,EAAC;AAAQ,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;IAAWxB,KAAK,EAAEuB,IAAO,CAAAE,OAAA;IAAGvC,IAAI,EAAEqC,IAAI,CAAArC,IAAA;IAAGsB,QAAQ,EAAEe,IAAQ,CAAAf,QAAA;AAAG,IAAA,cAAY,EAAEe,IAAS,CAAAT,QAAA,IAAGY,SAAS;IAAG,QAAM,EAAEC,QAAK,CAAAjB,KAAA;IAAGd,OAAK;aAAE+B,QAAO,CAAA/B,OAAA,IAAA+B,QAAA,CAAA/B,OAAA,CAAAgC,KAAA,CAAAD,QAAA,EAAAE,SAAA,CAAA;KAAA;KAAUF,QAAK,CAAAzB,KAAA,CAAA,EAAA,IAAA,EAAA,EAAA,EAAA4B,UAAA,CAAA;;;;;;;"}

package/knob/Knob.vue

@@ -16,7 +16,7 @@
             @keydown="onKeyDown"
             @mousedown="onMouseDown"
             @mouseup="onMouseUp"
-            @touchstart.passive="onTouchStart"
+            @touchstart="onTouchStart"
             @touchend="onTouchEnd"
             v-bind="ptm('svg')"
         >

package/knob/index.mjs

@@ -300,7 +300,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     onMouseup: _cache[4] || (_cache[4] = function () {
       return $options.onMouseUp && $options.onMouseUp.apply($options, arguments);
     }),
-    onTouchstartPassive: _cache[5] || (_cache[5] = function () {
+    onTouchstart: _cache[5] || (_cache[5] = function () {
       return $options.onTouchStart && $options.onTouchStart.apply($options, arguments);
     }),
     onTouchend: _cache[6] || (_cache[6] = function () {

package/knob/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/knob/BaseKnob.vue","../../src/knob/Knob.vue","../../src/knob/Knob.vue?vue&type=template&id=af093930&lang.js"],"sourcesContent":["<script>\nimport { $dt } from '@primeuix/styled';\nimport BaseEditableHolder from '@primevue/core/baseeditableholder';\nimport KnobStyle from 'primevue/knob/style';\n\nexport default {\n    name: 'BaseKnob',\n    extends: BaseEditableHolder,\n    props: {\n        size: {\n            type: Number,\n            default: 100\n        },\n        readonly: {\n            type: Boolean,\n            default: false\n        },\n        step: {\n            type: Number,\n            default: 1\n        },\n        min: {\n            type: Number,\n            default: 0\n        },\n        max: {\n            type: Number,\n            default: 100\n        },\n        valueColor: {\n            type: String,\n            default: () => {\n                return $dt('knob.value.background').variable;\n            }\n        },\n        rangeColor: {\n            type: String,\n            default: () => {\n                return $dt('knob.range.background').variable;\n            }\n        },\n        textColor: {\n            type: String,\n            default: () => {\n                return $dt('knob.text.color').variable;\n            }\n        },\n        strokeWidth: {\n            type: Number,\n            default: 14\n        },\n        showValue: {\n            type: Boolean,\n            default: true\n        },\n        valueTemplate: {\n            type: [String, Function],\n            default: '{value}'\n        },\n        tabindex: {\n            type: Number,\n            default: 0\n        },\n        ariaLabelledby: {\n            type: String,\n            default: null\n        },\n        ariaLabel: {\n            type: String,\n            default: null\n        }\n    },\n    style: KnobStyle,\n    provide() {\n        return {\n            $pcKnob: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <svg\n            viewBox=\"0 0 100 100\"\n            role=\"slider\"\n            :width=\"size\"\n            :height=\"size\"\n            :tabindex=\"readonly || disabled ? -1 : tabindex\"\n            :aria-valuemin=\"min\"\n            :aria-valuemax=\"max\"\n            :aria-valuenow=\"d_value\"\n            :aria-labelledby=\"ariaLabelledby\"\n            :aria-label=\"ariaLabel\"\n            @click=\"onClick\"\n            @blur=\"onBlur\"\n            @keydown=\"onKeyDown\"\n            @mousedown=\"onMouseDown\"\n            @mouseup=\"onMouseUp\"\n            @touchstart.passive=\"onTouchStart\"\n            @touchend=\"onTouchEnd\"\n            v-bind=\"ptm('svg')\"\n        >\n            <path :d=\"rangePath\" :stroke-width=\"strokeWidth\" :stroke=\"rangeColor\" :class=\"cx('range')\" v-bind=\"ptm('range')\"></path>\n            <path :d=\"valuePath\" :stroke-width=\"strokeWidth\" :stroke=\"valueColor\" :class=\"cx('value')\" v-bind=\"ptm('value')\"></path>\n            <text v-if=\"showValue\" :x=\"50\" :y=\"57\" text-anchor=\"middle\" :fill=\"textColor\" :class=\"cx('text')\" v-bind=\"ptm('text')\">{{ valueToDisplay }}</text>\n        </svg>\n    </div>\n</template>\n\n<script>\nimport BaseKnob from './BaseKnob.vue';\n\n// Set fix value for SSR.\nconst Math_PI = 3.14159265358979;\n\nexport default {\n    name: 'Knob',\n    extends: BaseKnob,\n    inheritAttrs: false,\n    emits: ['change'],\n    data() {\n        return {\n            radius: 40,\n            midX: 50,\n            midY: 50,\n            minRadians: (4 * Math_PI) / 3,\n            maxRadians: -Math_PI / 3\n        };\n    },\n    methods: {\n        updateValueByOffset(offsetX, offsetY) {\n            let dx = offsetX - this.size / 2;\n            let dy = this.size / 2 - offsetY;\n            let angle = Math.atan2(dy, dx);\n            let start = -Math_PI / 2 - Math_PI / 6;\n\n            this.updateModel(angle, start);\n        },\n        updateModel(angle, start) {\n            let mappedValue;\n\n            if (angle > this.maxRadians) mappedValue = this.mapRange(angle, this.minRadians, this.maxRadians, this.min, this.max);\n            else if (angle < start) mappedValue = this.mapRange(angle + 2 * Math_PI, this.minRadians, this.maxRadians, this.min, this.max);\n            else return;\n\n            let newValue = Math.round((mappedValue - this.min) / this.step) * this.step + this.min;\n\n            this.writeValue(newValue);\n            this.$emit('change', newValue);\n        },\n        updateModelValue(newValue) {\n            if (newValue > this.max) this.writeValue(this.max);\n            else if (newValue < this.min) this.writeValue(this.min);\n            else this.writeValue(newValue);\n        },\n        mapRange(x, inMin, inMax, outMin, outMax) {\n            return ((x - inMin) * (outMax - outMin)) / (inMax - inMin) + outMin;\n        },\n        onClick(event) {\n            if (!this.disabled && !this.readonly) {\n                this.updateValueByOffset(event.offsetX, event.offsetY);\n            }\n        },\n        onBlur(event) {\n            this.formField.onBlur?.(event);\n        },\n        onMouseDown(event) {\n            if (!this.disabled && !this.readonly) {\n                window.addEventListener('mousemove', this.onMouseMove);\n                window.addEventListener('mouseup', this.onMouseUp);\n                event.preventDefault();\n            }\n        },\n        onMouseUp(event) {\n            if (!this.disabled && !this.readonly) {\n                window.removeEventListener('mousemove', this.onMouseMove);\n                window.removeEventListener('mouseup', this.onMouseUp);\n                event.preventDefault();\n            }\n        },\n        onTouchStart(event) {\n            if (!this.disabled && !this.readonly) {\n                window.addEventListener('touchmove', this.onTouchMove);\n                window.addEventListener('touchend', this.onTouchEnd);\n                event.preventDefault();\n            }\n        },\n        onTouchEnd(event) {\n            if (!this.disabled && !this.readonly) {\n                window.removeEventListener('touchmove', this.onTouchMove);\n                window.removeEventListener('touchend', this.onTouchEnd);\n                event.preventDefault();\n            }\n        },\n        onMouseMove(event) {\n            if (!this.disabled && !this.readonly) {\n                this.updateValueByOffset(event.offsetX, event.offsetY);\n                event.preventDefault();\n            }\n        },\n        onTouchMove(event) {\n            if (!this.disabled && !this.readonly && event.touches.length == 1) {\n                const rect = this.$el.getBoundingClientRect();\n                const touch = event.targetTouches.item(0);\n                const offsetX = touch.clientX - rect.left;\n                const offsetY = touch.clientY - rect.top;\n\n                this.updateValueByOffset(offsetX, offsetY);\n            }\n        },\n        onKeyDown(event) {\n            if (!this.disabled && !this.readonly) {\n                switch (event.code) {\n                    case 'ArrowRight':\n\n                    case 'ArrowUp': {\n                        event.preventDefault();\n                        this.updateModelValue(this.d_value + this.step);\n                        break;\n                    }\n\n                    case 'ArrowLeft':\n\n                    case 'ArrowDown': {\n                        event.preventDefault();\n                        this.updateModelValue(this.d_value - this.step);\n                        break;\n                    }\n\n                    case 'Home': {\n                        event.preventDefault();\n                        this.writeValue(this.min);\n                        break;\n                    }\n\n                    case 'End': {\n                        event.preventDefault();\n                        this.writeValue(this.max);\n                        break;\n                    }\n\n                    case 'PageUp': {\n                        event.preventDefault();\n                        this.updateModelValue(this.d_value + 10);\n                        break;\n                    }\n\n                    case 'PageDown': {\n                        event.preventDefault();\n                        this.updateModelValue(this.d_value - 10);\n                        break;\n                    }\n                }\n            }\n        }\n    },\n    computed: {\n        rangePath() {\n            return `M ${this.minX} ${this.minY} A ${this.radius} ${this.radius} 0 1 1 ${this.maxX} ${this.maxY}`;\n        },\n        valuePath() {\n            return `M ${this.zeroX} ${this.zeroY} A ${this.radius} ${this.radius} 0 ${this.largeArc} ${this.sweep} ${this.valueX} ${this.valueY}`;\n        },\n        zeroRadians() {\n            if (this.min > 0 && this.max > 0) return this.mapRange(this.min, this.min, this.max, this.minRadians, this.maxRadians);\n            else return this.mapRange(0, this.min, this.max, this.minRadians, this.maxRadians);\n        },\n        valueRadians() {\n            return this.mapRange(this.d_value, this.min, this.max, this.minRadians, this.maxRadians);\n        },\n        minX() {\n            return this.midX + Math.cos(this.minRadians) * this.radius;\n        },\n        minY() {\n            return this.midY - Math.sin(this.minRadians) * this.radius;\n        },\n        maxX() {\n            return this.midX + Math.cos(this.maxRadians) * this.radius;\n        },\n        maxY() {\n            return this.midY - Math.sin(this.maxRadians) * this.radius;\n        },\n        zeroX() {\n            return this.midX + Math.cos(this.zeroRadians) * this.radius;\n        },\n        zeroY() {\n            return this.midY - Math.sin(this.zeroRadians) * this.radius;\n        },\n        valueX() {\n            return this.midX + Math.cos(this.valueRadians) * this.radius;\n        },\n        valueY() {\n            return this.midY - Math.sin(this.valueRadians) * this.radius;\n        },\n        largeArc() {\n            return Math.abs(this.zeroRadians - this.valueRadians) < Math_PI ? 0 : 1;\n        },\n        sweep() {\n            return this.valueRadians > this.zeroRadians ? 0 : 1;\n        },\n        valueToDisplay() {\n            if (typeof this.valueTemplate === 'string') {\n                return this.valueTemplate.replace(/{value}/g, this.d_value);\n            } else {\n                return this.valueTemplate(this.d_value);\n            }\n        }\n    }\n};\n//Derived and forked from https://github.com/kramer99/vue-knob-control\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <svg\n            viewBox=\"0 0 100 100\"\n            role=\"slider\"\n            :width=\"size\"\n            :height=\"size\"\n            :tabindex=\"readonly || disabled ? -1 : tabindex\"\n            :aria-valuemin=\"min\"\n            :aria-valuemax=\"max\"\n            :aria-valuenow=\"d_value\"\n            :aria-labelledby=\"ariaLabelledby\"\n            :aria-label=\"ariaLabel\"\n            @click=\"onClick\"\n            @blur=\"onBlur\"\n            @keydown=\"onKeyDown\"\n            @mousedown=\"onMouseDown\"\n            @mouseup=\"onMouseUp\"\n            @touchstart.passive=\"onTouchStart\"\n            @touchend=\"onTouchEnd\"\n            v-bind=\"ptm('svg')\"\n        >\n            <path :d=\"rangePath\" :stroke-width=\"strokeWidth\" :stroke=\"rangeColor\" :class=\"cx('range')\" v-bind=\"ptm('range')\"></path>\n            <path :d=\"valuePath\" :stroke-width=\"strokeWidth\" :stroke=\"valueColor\" :class=\"cx('value')\" v-bind=\"ptm('value')\"></path>\n            <text v-if=\"showValue\" :x=\"50\" :y=\"57\" text-anchor=\"middle\" :fill=\"textColor\" :class=\"cx('text')\" v-bind=\"ptm('text')\">{{ valueToDisplay }}</text>\n        </svg>\n    </div>\n</template>\n\n<script>\nimport BaseKnob from './BaseKnob.vue';\n\n// Set fix value for SSR.\nconst Math_PI = 3.14159265358979;\n\nexport default {\n    name: 'Knob',\n    extends: BaseKnob,\n    inheritAttrs: false,\n    emits: ['change'],\n    data() {\n        return {\n            radius: 40,\n            midX: 50,\n            midY: 50,\n            minRadians: (4 * Math_PI) / 3,\n            maxRadians: -Math_PI / 3\n        };\n    },\n    methods: {\n        updateValueByOffset(offsetX, offsetY) {\n            let dx = offsetX - this.size / 2;\n            let dy = this.size / 2 - offsetY;\n            let angle = Math.atan2(dy, dx);\n            let start = -Math_PI / 2 - Math_PI / 6;\n\n            this.updateModel(angle, start);\n        },\n        updateModel(angle, start) {\n            let mappedValue;\n\n            if (angle > this.maxRadians) mappedValue = this.mapRange(angle, this.minRadians, this.maxRadians, this.min, this.max);\n            else if (angle < start) mappedValue = this.mapRange(angle + 2 * Math_PI, this.minRadians, this.maxRadians, this.min, this.max);\n            else return;\n\n            let newValue = Math.round((mappedValue - this.min) / this.step) * this.step + this.min;\n\n            this.writeValue(newValue);\n            this.$emit('change', newValue);\n        },\n        updateModelValue(newValue) {\n            if (newValue > this.max) this.writeValue(this.max);\n            else if (newValue < this.min) this.writeValue(this.min);\n            else this.writeValue(newValue);\n        },\n        mapRange(x, inMin, inMax, outMin, outMax) {\n            return ((x - inMin) * (outMax - outMin)) / (inMax - inMin) + outMin;\n        },\n        onClick(event) {\n            if (!this.disabled && !this.readonly) {\n                this.updateValueByOffset(event.offsetX, event.offsetY);\n            }\n        },\n        onBlur(event) {\n            this.formField.onBlur?.(event);\n        },\n        onMouseDown(event) {\n            if (!this.disabled && !this.readonly) {\n                window.addEventListener('mousemove', this.onMouseMove);\n                window.addEventListener('mouseup', this.onMouseUp);\n                event.preventDefault();\n            }\n        },\n        onMouseUp(event) {\n            if (!this.disabled && !this.readonly) {\n                window.removeEventListener('mousemove', this.onMouseMove);\n                window.removeEventListener('mouseup', this.onMouseUp);\n                event.preventDefault();\n            }\n        },\n        onTouchStart(event) {\n            if (!this.disabled && !this.readonly) {\n                window.addEventListener('touchmove', this.onTouchMove);\n                window.addEventListener('touchend', this.onTouchEnd);\n                event.preventDefault();\n            }\n        },\n        onTouchEnd(event) {\n            if (!this.disabled && !this.readonly) {\n                window.removeEventListener('touchmove', this.onTouchMove);\n                window.removeEventListener('touchend', this.onTouchEnd);\n                event.preventDefault();\n            }\n        },\n        onMouseMove(event) {\n            if (!this.disabled && !this.readonly) {\n                this.updateValueByOffset(event.offsetX, event.offsetY);\n                event.preventDefault();\n            }\n        },\n        onTouchMove(event) {\n            if (!this.disabled && !this.readonly && event.touches.length == 1) {\n                const rect = this.$el.getBoundingClientRect();\n                const touch = event.targetTouches.item(0);\n                const offsetX = touch.clientX - rect.left;\n                const offsetY = touch.clientY - rect.top;\n\n                this.updateValueByOffset(offsetX, offsetY);\n            }\n        },\n        onKeyDown(event) {\n            if (!this.disabled && !this.readonly) {\n                switch (event.code) {\n                    case 'ArrowRight':\n\n                    case 'ArrowUp': {\n                        event.preventDefault();\n                        this.updateModelValue(this.d_value + this.step);\n                        break;\n                    }\n\n                    case 'ArrowLeft':\n\n                    case 'ArrowDown': {\n                        event.preventDefault();\n                        this.updateModelValue(this.d_value - this.step);\n                        break;\n                    }\n\n                    case 'Home': {\n                        event.preventDefault();\n                        this.writeValue(this.min);\n                        break;\n                    }\n\n                    case 'End': {\n                        event.preventDefault();\n                        this.writeValue(this.max);\n                        break;\n                    }\n\n                    case 'PageUp': {\n                        event.preventDefault();\n                        this.updateModelValue(this.d_value + 10);\n                        break;\n                    }\n\n                    case 'PageDown': {\n                        event.preventDefault();\n                        this.updateModelValue(this.d_value - 10);\n                        break;\n                    }\n                }\n            }\n        }\n    },\n    computed: {\n        rangePath() {\n            return `M ${this.minX} ${this.minY} A ${this.radius} ${this.radius} 0 1 1 ${this.maxX} ${this.maxY}`;\n        },\n        valuePath() {\n            return `M ${this.zeroX} ${this.zeroY} A ${this.radius} ${this.radius} 0 ${this.largeArc} ${this.sweep} ${this.valueX} ${this.valueY}`;\n        },\n        zeroRadians() {\n            if (this.min > 0 && this.max > 0) return this.mapRange(this.min, this.min, this.max, this.minRadians, this.maxRadians);\n            else return this.mapRange(0, this.min, this.max, this.minRadians, this.maxRadians);\n        },\n        valueRadians() {\n            return this.mapRange(this.d_value, this.min, this.max, this.minRadians, this.maxRadians);\n        },\n        minX() {\n            return this.midX + Math.cos(this.minRadians) * this.radius;\n        },\n        minY() {\n            return this.midY - Math.sin(this.minRadians) * this.radius;\n        },\n        maxX() {\n            return this.midX + Math.cos(this.maxRadians) * this.radius;\n        },\n        maxY() {\n            return this.midY - Math.sin(this.maxRadians) * this.radius;\n        },\n        zeroX() {\n            return this.midX + Math.cos(this.zeroRadians) * this.radius;\n        },\n        zeroY() {\n            return this.midY - Math.sin(this.zeroRadians) * this.radius;\n        },\n        valueX() {\n            return this.midX + Math.cos(this.valueRadians) * this.radius;\n        },\n        valueY() {\n            return this.midY - Math.sin(this.valueRadians) * this.radius;\n        },\n        largeArc() {\n            return Math.abs(this.zeroRadians - this.valueRadians) < Math_PI ? 0 : 1;\n        },\n        sweep() {\n            return this.valueRadians > this.zeroRadians ? 0 : 1;\n        },\n        valueToDisplay() {\n            if (typeof this.valueTemplate === 'string') {\n                return this.valueTemplate.replace(/{value}/g, this.d_value);\n            } else {\n                return this.valueTemplate(this.d_value);\n            }\n        }\n    }\n};\n//Derived and forked from https://github.com/kramer99/vue-knob-control\n</script>\n"],"names":["name","BaseEditableHolder","props","size","type","Number","readonly","Boolean","step","min","max","valueColor","String","default","$dt","variable","rangeColor","textColor","strokeWidth","showValue","valueTemplate","Function","tabindex","ariaLabelledby","ariaLabel","style","KnobStyle","provide","$pcKnob","$parentInstance","Math_PI","BaseKnob","inheritAttrs","emits","data","radius","midX","midY","minRadians","maxRadians","methods","updateValueByOffset","offsetX","offsetY","dx","dy","angle","Math","atan2","start","updateModel","mappedValue","mapRange","newValue","round","writeValue","$emit","updateModelValue","x","inMin","inMax","outMin","outMax","onClick","event","disabled","onBlur","_this$formField$onBlu","_this$formField","formField","call","onMouseDown","window","addEventListener","onMouseMove","onMouseUp","preventDefault","removeEventListener","onTouchStart","onTouchMove","onTouchEnd","touches","length","rect","$el","getBoundingClientRect","touch","targetTouches","item","clientX","left","clientY","top","onKeyDown","code","d_value","computed","rangePath","concat","minX","minY","maxX","maxY","valuePath","zeroX","zeroY","largeArc","sweep","valueX","valueY","zeroRadians","valueRadians","cos","sin","abs","valueToDisplay","replace","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","viewBox","role","width","height","$options","apply","arguments","onKeydown","onMousedown","onMouseup","onTouchend","ptm","_createElementVNode","d","stroke","_hoisted_2","_hoisted_3","y","fill","_hoisted_4"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/knob/BaseKnob.vue","../../src/knob/Knob.vue","../../src/knob/Knob.vue?vue&type=template&id=464685c1&lang.js"],"sourcesContent":["<script>\nimport { $dt } from '@primeuix/styled';\nimport BaseEditableHolder from '@primevue/core/baseeditableholder';\nimport KnobStyle from 'primevue/knob/style';\n\nexport default {\n    name: 'BaseKnob',\n    extends: BaseEditableHolder,\n    props: {\n        size: {\n            type: Number,\n            default: 100\n        },\n        readonly: {\n            type: Boolean,\n            default: false\n        },\n        step: {\n            type: Number,\n            default: 1\n        },\n        min: {\n            type: Number,\n            default: 0\n        },\n        max: {\n            type: Number,\n            default: 100\n        },\n        valueColor: {\n            type: String,\n            default: () => {\n                return $dt('knob.value.background').variable;\n            }\n        },\n        rangeColor: {\n            type: String,\n            default: () => {\n                return $dt('knob.range.background').variable;\n            }\n        },\n        textColor: {\n            type: String,\n            default: () => {\n                return $dt('knob.text.color').variable;\n            }\n        },\n        strokeWidth: {\n            type: Number,\n            default: 14\n        },\n        showValue: {\n            type: Boolean,\n            default: true\n        },\n        valueTemplate: {\n            type: [String, Function],\n            default: '{value}'\n        },\n        tabindex: {\n            type: Number,\n            default: 0\n        },\n        ariaLabelledby: {\n            type: String,\n            default: null\n        },\n        ariaLabel: {\n            type: String,\n            default: null\n        }\n    },\n    style: KnobStyle,\n    provide() {\n        return {\n            $pcKnob: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <svg\n            viewBox=\"0 0 100 100\"\n            role=\"slider\"\n            :width=\"size\"\n            :height=\"size\"\n            :tabindex=\"readonly || disabled ? -1 : tabindex\"\n            :aria-valuemin=\"min\"\n            :aria-valuemax=\"max\"\n            :aria-valuenow=\"d_value\"\n            :aria-labelledby=\"ariaLabelledby\"\n            :aria-label=\"ariaLabel\"\n            @click=\"onClick\"\n            @blur=\"onBlur\"\n            @keydown=\"onKeyDown\"\n            @mousedown=\"onMouseDown\"\n            @mouseup=\"onMouseUp\"\n            @touchstart=\"onTouchStart\"\n            @touchend=\"onTouchEnd\"\n            v-bind=\"ptm('svg')\"\n        >\n            <path :d=\"rangePath\" :stroke-width=\"strokeWidth\" :stroke=\"rangeColor\" :class=\"cx('range')\" v-bind=\"ptm('range')\"></path>\n            <path :d=\"valuePath\" :stroke-width=\"strokeWidth\" :stroke=\"valueColor\" :class=\"cx('value')\" v-bind=\"ptm('value')\"></path>\n            <text v-if=\"showValue\" :x=\"50\" :y=\"57\" text-anchor=\"middle\" :fill=\"textColor\" :class=\"cx('text')\" v-bind=\"ptm('text')\">{{ valueToDisplay }}</text>\n        </svg>\n    </div>\n</template>\n\n<script>\nimport BaseKnob from './BaseKnob.vue';\n\n// Set fix value for SSR.\nconst Math_PI = 3.14159265358979;\n\nexport default {\n    name: 'Knob',\n    extends: BaseKnob,\n    inheritAttrs: false,\n    emits: ['change'],\n    data() {\n        return {\n            radius: 40,\n            midX: 50,\n            midY: 50,\n            minRadians: (4 * Math_PI) / 3,\n            maxRadians: -Math_PI / 3\n        };\n    },\n    methods: {\n        updateValueByOffset(offsetX, offsetY) {\n            let dx = offsetX - this.size / 2;\n            let dy = this.size / 2 - offsetY;\n            let angle = Math.atan2(dy, dx);\n            let start = -Math_PI / 2 - Math_PI / 6;\n\n            this.updateModel(angle, start);\n        },\n        updateModel(angle, start) {\n            let mappedValue;\n\n            if (angle > this.maxRadians) mappedValue = this.mapRange(angle, this.minRadians, this.maxRadians, this.min, this.max);\n            else if (angle < start) mappedValue = this.mapRange(angle + 2 * Math_PI, this.minRadians, this.maxRadians, this.min, this.max);\n            else return;\n\n            let newValue = Math.round((mappedValue - this.min) / this.step) * this.step + this.min;\n\n            this.writeValue(newValue);\n            this.$emit('change', newValue);\n        },\n        updateModelValue(newValue) {\n            if (newValue > this.max) this.writeValue(this.max);\n            else if (newValue < this.min) this.writeValue(this.min);\n            else this.writeValue(newValue);\n        },\n        mapRange(x, inMin, inMax, outMin, outMax) {\n            return ((x - inMin) * (outMax - outMin)) / (inMax - inMin) + outMin;\n        },\n        onClick(event) {\n            if (!this.disabled && !this.readonly) {\n                this.updateValueByOffset(event.offsetX, event.offsetY);\n            }\n        },\n        onBlur(event) {\n            this.formField.onBlur?.(event);\n        },\n        onMouseDown(event) {\n            if (!this.disabled && !this.readonly) {\n                window.addEventListener('mousemove', this.onMouseMove);\n                window.addEventListener('mouseup', this.onMouseUp);\n                event.preventDefault();\n            }\n        },\n        onMouseUp(event) {\n            if (!this.disabled && !this.readonly) {\n                window.removeEventListener('mousemove', this.onMouseMove);\n                window.removeEventListener('mouseup', this.onMouseUp);\n                event.preventDefault();\n            }\n        },\n        onTouchStart(event) {\n            if (!this.disabled && !this.readonly) {\n                window.addEventListener('touchmove', this.onTouchMove);\n                window.addEventListener('touchend', this.onTouchEnd);\n                event.preventDefault();\n            }\n        },\n        onTouchEnd(event) {\n            if (!this.disabled && !this.readonly) {\n                window.removeEventListener('touchmove', this.onTouchMove);\n                window.removeEventListener('touchend', this.onTouchEnd);\n                event.preventDefault();\n            }\n        },\n        onMouseMove(event) {\n            if (!this.disabled && !this.readonly) {\n                this.updateValueByOffset(event.offsetX, event.offsetY);\n                event.preventDefault();\n            }\n        },\n        onTouchMove(event) {\n            if (!this.disabled && !this.readonly && event.touches.length == 1) {\n                const rect = this.$el.getBoundingClientRect();\n                const touch = event.targetTouches.item(0);\n                const offsetX = touch.clientX - rect.left;\n                const offsetY = touch.clientY - rect.top;\n\n                this.updateValueByOffset(offsetX, offsetY);\n            }\n        },\n        onKeyDown(event) {\n            if (!this.disabled && !this.readonly) {\n                switch (event.code) {\n                    case 'ArrowRight':\n\n                    case 'ArrowUp': {\n                        event.preventDefault();\n                        this.updateModelValue(this.d_value + this.step);\n                        break;\n                    }\n\n                    case 'ArrowLeft':\n\n                    case 'ArrowDown': {\n                        event.preventDefault();\n                        this.updateModelValue(this.d_value - this.step);\n                        break;\n                    }\n\n                    case 'Home': {\n                        event.preventDefault();\n                        this.writeValue(this.min);\n                        break;\n                    }\n\n                    case 'End': {\n                        event.preventDefault();\n                        this.writeValue(this.max);\n                        break;\n                    }\n\n                    case 'PageUp': {\n                        event.preventDefault();\n                        this.updateModelValue(this.d_value + 10);\n                        break;\n                    }\n\n                    case 'PageDown': {\n                        event.preventDefault();\n                        this.updateModelValue(this.d_value - 10);\n                        break;\n                    }\n                }\n            }\n        }\n    },\n    computed: {\n        rangePath() {\n            return `M ${this.minX} ${this.minY} A ${this.radius} ${this.radius} 0 1 1 ${this.maxX} ${this.maxY}`;\n        },\n        valuePath() {\n            return `M ${this.zeroX} ${this.zeroY} A ${this.radius} ${this.radius} 0 ${this.largeArc} ${this.sweep} ${this.valueX} ${this.valueY}`;\n        },\n        zeroRadians() {\n            if (this.min > 0 && this.max > 0) return this.mapRange(this.min, this.min, this.max, this.minRadians, this.maxRadians);\n            else return this.mapRange(0, this.min, this.max, this.minRadians, this.maxRadians);\n        },\n        valueRadians() {\n            return this.mapRange(this.d_value, this.min, this.max, this.minRadians, this.maxRadians);\n        },\n        minX() {\n            return this.midX + Math.cos(this.minRadians) * this.radius;\n        },\n        minY() {\n            return this.midY - Math.sin(this.minRadians) * this.radius;\n        },\n        maxX() {\n            return this.midX + Math.cos(this.maxRadians) * this.radius;\n        },\n        maxY() {\n            return this.midY - Math.sin(this.maxRadians) * this.radius;\n        },\n        zeroX() {\n            return this.midX + Math.cos(this.zeroRadians) * this.radius;\n        },\n        zeroY() {\n            return this.midY - Math.sin(this.zeroRadians) * this.radius;\n        },\n        valueX() {\n            return this.midX + Math.cos(this.valueRadians) * this.radius;\n        },\n        valueY() {\n            return this.midY - Math.sin(this.valueRadians) * this.radius;\n        },\n        largeArc() {\n            return Math.abs(this.zeroRadians - this.valueRadians) < Math_PI ? 0 : 1;\n        },\n        sweep() {\n            return this.valueRadians > this.zeroRadians ? 0 : 1;\n        },\n        valueToDisplay() {\n            if (typeof this.valueTemplate === 'string') {\n                return this.valueTemplate.replace(/{value}/g, this.d_value);\n            } else {\n                return this.valueTemplate(this.d_value);\n            }\n        }\n    }\n};\n//Derived and forked from https://github.com/kramer99/vue-knob-control\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <svg\n            viewBox=\"0 0 100 100\"\n            role=\"slider\"\n            :width=\"size\"\n            :height=\"size\"\n            :tabindex=\"readonly || disabled ? -1 : tabindex\"\n            :aria-valuemin=\"min\"\n            :aria-valuemax=\"max\"\n            :aria-valuenow=\"d_value\"\n            :aria-labelledby=\"ariaLabelledby\"\n            :aria-label=\"ariaLabel\"\n            @click=\"onClick\"\n            @blur=\"onBlur\"\n            @keydown=\"onKeyDown\"\n            @mousedown=\"onMouseDown\"\n            @mouseup=\"onMouseUp\"\n            @touchstart=\"onTouchStart\"\n            @touchend=\"onTouchEnd\"\n            v-bind=\"ptm('svg')\"\n        >\n            <path :d=\"rangePath\" :stroke-width=\"strokeWidth\" :stroke=\"rangeColor\" :class=\"cx('range')\" v-bind=\"ptm('range')\"></path>\n            <path :d=\"valuePath\" :stroke-width=\"strokeWidth\" :stroke=\"valueColor\" :class=\"cx('value')\" v-bind=\"ptm('value')\"></path>\n            <text v-if=\"showValue\" :x=\"50\" :y=\"57\" text-anchor=\"middle\" :fill=\"textColor\" :class=\"cx('text')\" v-bind=\"ptm('text')\">{{ valueToDisplay }}</text>\n        </svg>\n    </div>\n</template>\n\n<script>\nimport BaseKnob from './BaseKnob.vue';\n\n// Set fix value for SSR.\nconst Math_PI = 3.14159265358979;\n\nexport default {\n    name: 'Knob',\n    extends: BaseKnob,\n    inheritAttrs: false,\n    emits: ['change'],\n    data() {\n        return {\n            radius: 40,\n            midX: 50,\n            midY: 50,\n            minRadians: (4 * Math_PI) / 3,\n            maxRadians: -Math_PI / 3\n        };\n    },\n    methods: {\n        updateValueByOffset(offsetX, offsetY) {\n            let dx = offsetX - this.size / 2;\n            let dy = this.size / 2 - offsetY;\n            let angle = Math.atan2(dy, dx);\n            let start = -Math_PI / 2 - Math_PI / 6;\n\n            this.updateModel(angle, start);\n        },\n        updateModel(angle, start) {\n            let mappedValue;\n\n            if (angle > this.maxRadians) mappedValue = this.mapRange(angle, this.minRadians, this.maxRadians, this.min, this.max);\n            else if (angle < start) mappedValue = this.mapRange(angle + 2 * Math_PI, this.minRadians, this.maxRadians, this.min, this.max);\n            else return;\n\n            let newValue = Math.round((mappedValue - this.min) / this.step) * this.step + this.min;\n\n            this.writeValue(newValue);\n            this.$emit('change', newValue);\n        },\n        updateModelValue(newValue) {\n            if (newValue > this.max) this.writeValue(this.max);\n            else if (newValue < this.min) this.writeValue(this.min);\n            else this.writeValue(newValue);\n        },\n        mapRange(x, inMin, inMax, outMin, outMax) {\n            return ((x - inMin) * (outMax - outMin)) / (inMax - inMin) + outMin;\n        },\n        onClick(event) {\n            if (!this.disabled && !this.readonly) {\n                this.updateValueByOffset(event.offsetX, event.offsetY);\n            }\n        },\n        onBlur(event) {\n            this.formField.onBlur?.(event);\n        },\n        onMouseDown(event) {\n            if (!this.disabled && !this.readonly) {\n                window.addEventListener('mousemove', this.onMouseMove);\n                window.addEventListener('mouseup', this.onMouseUp);\n                event.preventDefault();\n            }\n        },\n        onMouseUp(event) {\n            if (!this.disabled && !this.readonly) {\n                window.removeEventListener('mousemove', this.onMouseMove);\n                window.removeEventListener('mouseup', this.onMouseUp);\n                event.preventDefault();\n            }\n        },\n        onTouchStart(event) {\n            if (!this.disabled && !this.readonly) {\n                window.addEventListener('touchmove', this.onTouchMove);\n                window.addEventListener('touchend', this.onTouchEnd);\n                event.preventDefault();\n            }\n        },\n        onTouchEnd(event) {\n            if (!this.disabled && !this.readonly) {\n                window.removeEventListener('touchmove', this.onTouchMove);\n                window.removeEventListener('touchend', this.onTouchEnd);\n                event.preventDefault();\n            }\n        },\n        onMouseMove(event) {\n            if (!this.disabled && !this.readonly) {\n                this.updateValueByOffset(event.offsetX, event.offsetY);\n                event.preventDefault();\n            }\n        },\n        onTouchMove(event) {\n            if (!this.disabled && !this.readonly && event.touches.length == 1) {\n                const rect = this.$el.getBoundingClientRect();\n                const touch = event.targetTouches.item(0);\n                const offsetX = touch.clientX - rect.left;\n                const offsetY = touch.clientY - rect.top;\n\n                this.updateValueByOffset(offsetX, offsetY);\n            }\n        },\n        onKeyDown(event) {\n            if (!this.disabled && !this.readonly) {\n                switch (event.code) {\n                    case 'ArrowRight':\n\n                    case 'ArrowUp': {\n                        event.preventDefault();\n                        this.updateModelValue(this.d_value + this.step);\n                        break;\n                    }\n\n                    case 'ArrowLeft':\n\n                    case 'ArrowDown': {\n                        event.preventDefault();\n                        this.updateModelValue(this.d_value - this.step);\n                        break;\n                    }\n\n                    case 'Home': {\n                        event.preventDefault();\n                        this.writeValue(this.min);\n                        break;\n                    }\n\n                    case 'End': {\n                        event.preventDefault();\n                        this.writeValue(this.max);\n                        break;\n                    }\n\n                    case 'PageUp': {\n                        event.preventDefault();\n                        this.updateModelValue(this.d_value + 10);\n                        break;\n                    }\n\n                    case 'PageDown': {\n                        event.preventDefault();\n                        this.updateModelValue(this.d_value - 10);\n                        break;\n                    }\n                }\n            }\n        }\n    },\n    computed: {\n        rangePath() {\n            return `M ${this.minX} ${this.minY} A ${this.radius} ${this.radius} 0 1 1 ${this.maxX} ${this.maxY}`;\n        },\n        valuePath() {\n            return `M ${this.zeroX} ${this.zeroY} A ${this.radius} ${this.radius} 0 ${this.largeArc} ${this.sweep} ${this.valueX} ${this.valueY}`;\n        },\n        zeroRadians() {\n            if (this.min > 0 && this.max > 0) return this.mapRange(this.min, this.min, this.max, this.minRadians, this.maxRadians);\n            else return this.mapRange(0, this.min, this.max, this.minRadians, this.maxRadians);\n        },\n        valueRadians() {\n            return this.mapRange(this.d_value, this.min, this.max, this.minRadians, this.maxRadians);\n        },\n        minX() {\n            return this.midX + Math.cos(this.minRadians) * this.radius;\n        },\n        minY() {\n            return this.midY - Math.sin(this.minRadians) * this.radius;\n        },\n        maxX() {\n            return this.midX + Math.cos(this.maxRadians) * this.radius;\n        },\n        maxY() {\n            return this.midY - Math.sin(this.maxRadians) * this.radius;\n        },\n        zeroX() {\n            return this.midX + Math.cos(this.zeroRadians) * this.radius;\n        },\n        zeroY() {\n            return this.midY - Math.sin(this.zeroRadians) * this.radius;\n        },\n        valueX() {\n            return this.midX + Math.cos(this.valueRadians) * this.radius;\n        },\n        valueY() {\n            return this.midY - Math.sin(this.valueRadians) * this.radius;\n        },\n        largeArc() {\n            return Math.abs(this.zeroRadians - this.valueRadians) < Math_PI ? 0 : 1;\n        },\n        sweep() {\n            return this.valueRadians > this.zeroRadians ? 0 : 1;\n        },\n        valueToDisplay() {\n            if (typeof this.valueTemplate === 'string') {\n                return this.valueTemplate.replace(/{value}/g, this.d_value);\n            } else {\n                return this.valueTemplate(this.d_value);\n            }\n        }\n    }\n};\n//Derived and forked from https://github.com/kramer99/vue-knob-control\n</script>\n"],"names":["name","BaseEditableHolder","props","size","type","Number","readonly","Boolean","step","min","max","valueColor","String","default","$dt","variable","rangeColor","textColor","strokeWidth","showValue","valueTemplate","Function","tabindex","ariaLabelledby","ariaLabel","style","KnobStyle","provide","$pcKnob","$parentInstance","Math_PI","BaseKnob","inheritAttrs","emits","data","radius","midX","midY","minRadians","maxRadians","methods","updateValueByOffset","offsetX","offsetY","dx","dy","angle","Math","atan2","start","updateModel","mappedValue","mapRange","newValue","round","writeValue","$emit","updateModelValue","x","inMin","inMax","outMin","outMax","onClick","event","disabled","onBlur","_this$formField$onBlu","_this$formField","formField","call","onMouseDown","window","addEventListener","onMouseMove","onMouseUp","preventDefault","removeEventListener","onTouchStart","onTouchMove","onTouchEnd","touches","length","rect","$el","getBoundingClientRect","touch","targetTouches","item","clientX","left","clientY","top","onKeyDown","code","d_value","computed","rangePath","concat","minX","minY","maxX","maxY","valuePath","zeroX","zeroY","largeArc","sweep","valueX","valueY","zeroRadians","valueRadians","cos","sin","abs","valueToDisplay","replace","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","viewBox","role","width","height","$options","apply","arguments","onKeydown","onMousedown","onMouseup","onTouchstart","onTouchend","ptm","_createElementVNode","d","stroke","_hoisted_2","_hoisted_3","y","fill","_hoisted_4"],"mappings":"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"}

package/megamenu/index.d.ts

@@ -7,7 +7,7 @@
  * @module megamenu
  *
  */
-import type { DefineComponent, DesignToken, EmitFn, PassThrough } from '@primevue/core';
+import type { DefineComponent, DesignToken, EmitFn, HintedString, PassThrough } from '@primevue/core';
 import type { ComponentHooks } from '@primevue/core/basecomponent';
 import type { MenuItem } from 'primevue/menuitem';
 import type { PassThroughOptions } from 'primevue/passthrough';
@@ -246,7 +246,7 @@ export interface MegaMenuProps {
      * Defines the orientation.
      * @defaultValue horizontal
      */
-    orientation?: 'horizontal' | 'vertical' | undefined;
+    orientation?: HintedString<'horizontal' | 'vertical'> | undefined;
     /**
      * The breakpoint to define the maximum width boundary.
      * @defaultValue 960px

package/message/Message.vue

@@ -1,18 +1,18 @@
 <template>
     <transition name="p-message" appear v-bind="ptmi('transition')">
-        <div v-show="visible" :class="cx('root')" role="alert" aria-live="assertive" aria-atomic="true" v-bind="ptm('root')">
+        <div v-show="visible" :class="cx('root')" role="alert" aria-live="assertive" aria-atomic="true" :data-p="dataP" v-bind="ptm('root')">
             <slot v-if="$slots.container" name="container" :closeCallback="close"></slot>
-            <div v-else :class="cx('content')" v-bind="ptm('content')">
+            <div v-else :class="cx('content')" :data-p="dataP" v-bind="ptm('content')">
                 <slot name="icon" :class="cx('icon')">
-                    <component :is="icon ? 'span' : null" :class="[cx('icon'), icon]" v-bind="ptm('icon')"></component>
+                    <component :is="icon ? 'span' : null" :class="[cx('icon'), icon]" :data-p="dataP" v-bind="ptm('icon')"></component>
                 </slot>
-                <div v-if="$slots.default" :class="cx('text')" v-bind="ptm('text')">
+                <div v-if="$slots.default" :class="cx('text')" :data-p="dataP" v-bind="ptm('text')">
                     <slot></slot>
                 </div>
-                <button v-if="closable" v-ripple :class="cx('closeButton')" :aria-label="closeAriaLabel" type="button" @click="close($event)" v-bind="{ ...closeButtonProps, ...ptm('closeButton') }">
+                <button v-if="closable" v-ripple :class="cx('closeButton')" :aria-label="closeAriaLabel" type="button" @click="close($event)" :data-p="dataP" v-bind="{ ...closeButtonProps, ...ptm('closeButton') }">
                     <slot name="closeicon">
-                        <i v-if="closeIcon" :class="[cx('closeIcon'), closeIcon]" v-bind="ptm('closeIcon')" />
-                        <TimesIcon v-else :class="[cx('closeIcon'), closeIcon]" v-bind="ptm('closeIcon')" />
+                        <i v-if="closeIcon" :class="[cx('closeIcon'), closeIcon]" :data-p="dataP" v-bind="ptm('closeIcon')" />
+                        <TimesIcon v-else :class="[cx('closeIcon'), closeIcon]" :data-p="dataP" v-bind="ptm('closeIcon')" />
                     </slot>
                 </button>
             </div>
@@ -21,6 +21,7 @@
 </template>
 
 <script>
+import { cn } from '@primeuix/utils';
 import TimesIcon from '@primevue/icons/times';
 import Ripple from 'primevue/ripple';
 import BaseMessage from './BaseMessage.vue';
@@ -53,6 +54,14 @@ export default {
     computed: {
         closeAriaLabel() {
             return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;
+        },
+        dataP() {
+            return cn({
+                outlined: this.variant === 'outlined',
+                simple: this.variant === 'simple',
+                [this.severity]: this.severity,
+                [this.size]: this.size
+            });
         }
     },
     directives: {

package/message/index.d.ts

@@ -159,12 +159,12 @@ export interface MessageProps {
     /**
      * Defines the size of the component.
      */
-    size?: 'small' | 'large' | undefined;
+    size?: HintedString<'small' | 'large'> | undefined;
     /**
      * Specifies the variant of the component.
      * @defaultValue undefined
      */
-    variant?: 'outlined' | 'simple' | undefined;
+    variant?: HintedString<'outlined' | 'simple'> | undefined;
 }
 
 /**

package/message/index.mjs

@@ -1,3 +1,4 @@
+import { cn } from '@primeuix/utils';
 import TimesIcon from '@primevue/icons/times';
 import Ripple from 'primevue/ripple';
 import BaseComponent from '@primevue/core/basecomponent';
@@ -50,6 +51,10 @@ var script$1 = {
   }
 };
 
+function _typeof$1(o) { "@babel/helpers - typeof"; return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$1(o); }
+function _defineProperty$1(e, r, t) { return (r = _toPropertyKey$1(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
+function _toPropertyKey$1(t) { var i = _toPrimitive$1(t, "string"); return "symbol" == _typeof$1(i) ? i : i + ""; }
+function _toPrimitive$1(t, r) { if ("object" != _typeof$1(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$1(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var script = {
   name: 'Message',
   "extends": script$1,
@@ -79,6 +84,12 @@ var script = {
   computed: {
     closeAriaLabel: function closeAriaLabel() {
       return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;
+    },
+    dataP: function dataP() {
+      return cn(_defineProperty$1(_defineProperty$1({
+        outlined: this.variant === 'outlined',
+        simple: this.variant === 'simple'
+      }, this.severity, this.severity), this.size, this.size));
     }
   },
   directives: {
@@ -95,7 +106,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var _hoisted_1 = ["aria-label"];
+var _hoisted_1 = ["data-p"];
+var _hoisted_2 = ["data-p"];
+var _hoisted_3 = ["data-p"];
+var _hoisted_4 = ["aria-label", "data-p"];
+var _hoisted_5 = ["data-p"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_TimesIcon = resolveComponent("TimesIcon");
   var _directive_ripple = resolveDirective("ripple");
@@ -108,39 +123,46 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "class": _ctx.cx('root'),
         role: "alert",
         "aria-live": "assertive",
-        "aria-atomic": "true"
+        "aria-atomic": "true",
+        "data-p": $options.dataP
       }, _ctx.ptm('root')), [_ctx.$slots.container ? renderSlot(_ctx.$slots, "container", {
         key: 0,
         closeCallback: $options.close
       }) : (openBlock(), createElementBlock("div", mergeProps({
         key: 1,
-        "class": _ctx.cx('content')
+        "class": _ctx.cx('content'),
+        "data-p": $options.dataP
       }, _ctx.ptm('content')), [renderSlot(_ctx.$slots, "icon", {
         "class": normalizeClass(_ctx.cx('icon'))
       }, function () {
         return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.icon ? 'span' : null), mergeProps({
-          "class": [_ctx.cx('icon'), _ctx.icon]
-        }, _ctx.ptm('icon')), null, 16, ["class"]))];
+          "class": [_ctx.cx('icon'), _ctx.icon],
+          "data-p": $options.dataP
+        }, _ctx.ptm('icon')), null, 16, ["class", "data-p"]))];
       }), _ctx.$slots["default"] ? (openBlock(), createElementBlock("div", mergeProps({
         key: 0,
-        "class": _ctx.cx('text')
-      }, _ctx.ptm('text')), [renderSlot(_ctx.$slots, "default")], 16)) : createCommentVNode("", true), _ctx.closable ? withDirectives((openBlock(), createElementBlock("button", mergeProps({
+        "class": _ctx.cx('text'),
+        "data-p": $options.dataP
+      }, _ctx.ptm('text')), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_3)) : createCommentVNode("", true), _ctx.closable ? withDirectives((openBlock(), createElementBlock("button", mergeProps({
         key: 1,
         "class": _ctx.cx('closeButton'),
         "aria-label": $options.closeAriaLabel,
         type: "button",
         onClick: _cache[0] || (_cache[0] = function ($event) {
           return $options.close($event);
-        })
+        }),
+        "data-p": $options.dataP
       }, _objectSpread(_objectSpread({}, _ctx.closeButtonProps), _ctx.ptm('closeButton'))), [renderSlot(_ctx.$slots, "closeicon", {}, function () {
         return [_ctx.closeIcon ? (openBlock(), createElementBlock("i", mergeProps({
           key: 0,
-          "class": [_ctx.cx('closeIcon'), _ctx.closeIcon]
-        }, _ctx.ptm('closeIcon')), null, 16)) : (openBlock(), createBlock(_component_TimesIcon, mergeProps({
+          "class": [_ctx.cx('closeIcon'), _ctx.closeIcon],
+          "data-p": $options.dataP
+        }, _ctx.ptm('closeIcon')), null, 16, _hoisted_5)) : (openBlock(), createBlock(_component_TimesIcon, mergeProps({
           key: 1,
-          "class": [_ctx.cx('closeIcon'), _ctx.closeIcon]
-        }, _ctx.ptm('closeIcon')), null, 16, ["class"]))];
-      })], 16, _hoisted_1)), [[_directive_ripple]]) : createCommentVNode("", true)], 16))], 16), [[vShow, $data.visible]])];
+          "class": [_ctx.cx('closeIcon'), _ctx.closeIcon],
+          "data-p": $options.dataP
+        }, _ctx.ptm('closeIcon')), null, 16, ["class", "data-p"]))];
+      })], 16, _hoisted_4)), [[_directive_ripple]]) : createCommentVNode("", true)], 16, _hoisted_2))], 16, _hoisted_1), [[vShow, $data.visible]])];
     }),
     _: 3
   }, 16);

package/message/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/message/BaseMessage.vue","../../src/message/Message.vue","../../src/message/Message.vue?vue&type=template&id=2b547520&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport MessageStyle from 'primevue/message/style';\n\nexport default {\n    name: 'BaseMessage',\n    extends: BaseComponent,\n    props: {\n        severity: {\n            type: String,\n            default: 'info'\n        },\n        closable: {\n            type: Boolean,\n            default: false\n        },\n        life: {\n            type: Number,\n            default: null\n        },\n        icon: {\n            type: String,\n            default: undefined\n        },\n        closeIcon: {\n            type: String,\n            default: undefined\n        },\n        closeButtonProps: {\n            type: null,\n            default: null\n        },\n        size: {\n            type: String,\n            default: null\n        },\n        variant: {\n            type: String,\n            default: null\n        }\n    },\n    style: MessageStyle,\n    provide() {\n        return {\n            $pcMessage: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <transition name=\"p-message\" appear v-bind=\"ptmi('transition')\">\n        <div v-show=\"visible\" :class=\"cx('root')\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" v-bind=\"ptm('root')\">\n            <slot v-if=\"$slots.container\" name=\"container\" :closeCallback=\"close\"></slot>\n            <div v-else :class=\"cx('content')\" v-bind=\"ptm('content')\">\n                <slot name=\"icon\" :class=\"cx('icon')\">\n                    <component :is=\"icon ? 'span' : null\" :class=\"[cx('icon'), icon]\" v-bind=\"ptm('icon')\"></component>\n                </slot>\n                <div v-if=\"$slots.default\" :class=\"cx('text')\" v-bind=\"ptm('text')\">\n                    <slot></slot>\n                </div>\n                <button v-if=\"closable\" v-ripple :class=\"cx('closeButton')\" :aria-label=\"closeAriaLabel\" type=\"button\" @click=\"close($event)\" v-bind=\"{ ...closeButtonProps, ...ptm('closeButton') }\">\n                    <slot name=\"closeicon\">\n                        <i v-if=\"closeIcon\" :class=\"[cx('closeIcon'), closeIcon]\" v-bind=\"ptm('closeIcon')\" />\n                        <TimesIcon v-else :class=\"[cx('closeIcon'), closeIcon]\" v-bind=\"ptm('closeIcon')\" />\n                    </slot>\n                </button>\n            </div>\n        </div>\n    </transition>\n</template>\n\n<script>\nimport TimesIcon from '@primevue/icons/times';\nimport Ripple from 'primevue/ripple';\nimport BaseMessage from './BaseMessage.vue';\n\nexport default {\n    name: 'Message',\n    extends: BaseMessage,\n    inheritAttrs: false,\n    emits: ['close', 'life-end'],\n    timeout: null,\n    data() {\n        return {\n            visible: true\n        };\n    },\n    mounted() {\n        if (this.life) {\n            setTimeout(() => {\n                this.visible = false;\n                this.$emit('life-end');\n            }, this.life);\n        }\n    },\n    methods: {\n        close(event) {\n            this.visible = false;\n            this.$emit('close', event);\n        }\n    },\n    computed: {\n        closeAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n        }\n    },\n    directives: {\n        ripple: Ripple\n    },\n    components: {\n        TimesIcon\n    }\n};\n</script>\n","<template>\n    <transition name=\"p-message\" appear v-bind=\"ptmi('transition')\">\n        <div v-show=\"visible\" :class=\"cx('root')\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" v-bind=\"ptm('root')\">\n            <slot v-if=\"$slots.container\" name=\"container\" :closeCallback=\"close\"></slot>\n            <div v-else :class=\"cx('content')\" v-bind=\"ptm('content')\">\n                <slot name=\"icon\" :class=\"cx('icon')\">\n                    <component :is=\"icon ? 'span' : null\" :class=\"[cx('icon'), icon]\" v-bind=\"ptm('icon')\"></component>\n                </slot>\n                <div v-if=\"$slots.default\" :class=\"cx('text')\" v-bind=\"ptm('text')\">\n                    <slot></slot>\n                </div>\n                <button v-if=\"closable\" v-ripple :class=\"cx('closeButton')\" :aria-label=\"closeAriaLabel\" type=\"button\" @click=\"close($event)\" v-bind=\"{ ...closeButtonProps, ...ptm('closeButton') }\">\n                    <slot name=\"closeicon\">\n                        <i v-if=\"closeIcon\" :class=\"[cx('closeIcon'), closeIcon]\" v-bind=\"ptm('closeIcon')\" />\n                        <TimesIcon v-else :class=\"[cx('closeIcon'), closeIcon]\" v-bind=\"ptm('closeIcon')\" />\n                    </slot>\n                </button>\n            </div>\n        </div>\n    </transition>\n</template>\n\n<script>\nimport TimesIcon from '@primevue/icons/times';\nimport Ripple from 'primevue/ripple';\nimport BaseMessage from './BaseMessage.vue';\n\nexport default {\n    name: 'Message',\n    extends: BaseMessage,\n    inheritAttrs: false,\n    emits: ['close', 'life-end'],\n    timeout: null,\n    data() {\n        return {\n            visible: true\n        };\n    },\n    mounted() {\n        if (this.life) {\n            setTimeout(() => {\n                this.visible = false;\n                this.$emit('life-end');\n            }, this.life);\n        }\n    },\n    methods: {\n        close(event) {\n            this.visible = false;\n            this.$emit('close', event);\n        }\n    },\n    computed: {\n        closeAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n        }\n    },\n    directives: {\n        ripple: Ripple\n    },\n    components: {\n        TimesIcon\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","severity","type","String","closable","Boolean","life","Number","icon","undefined","closeIcon","closeButtonProps","size","variant","style","MessageStyle","provide","$pcMessage","$parentInstance","BaseMessage","inheritAttrs","emits","timeout","data","visible","mounted","_this","setTimeout","$emit","methods","close","event","computed","closeAriaLabel","$primevue","config","locale","aria","directives","ripple","Ripple","components","TimesIcon","_openBlock","_createBlock","_Transition","_mergeProps","appear","_ctx","ptmi","_withDirectives","_createElementVNode","cx","role","ptm","$slots","container","_renderSlot","closeCallback","$options","_createElementBlock","_resolveDynamicComponent","onClick","_cache","$event","_objectSpread","_component_TimesIcon","$data"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/message/BaseMessage.vue","../../src/message/Message.vue","../../src/message/Message.vue?vue&type=template&id=47f98d28&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport MessageStyle from 'primevue/message/style';\n\nexport default {\n    name: 'BaseMessage',\n    extends: BaseComponent,\n    props: {\n        severity: {\n            type: String,\n            default: 'info'\n        },\n        closable: {\n            type: Boolean,\n            default: false\n        },\n        life: {\n            type: Number,\n            default: null\n        },\n        icon: {\n            type: String,\n            default: undefined\n        },\n        closeIcon: {\n            type: String,\n            default: undefined\n        },\n        closeButtonProps: {\n            type: null,\n            default: null\n        },\n        size: {\n            type: String,\n            default: null\n        },\n        variant: {\n            type: String,\n            default: null\n        }\n    },\n    style: MessageStyle,\n    provide() {\n        return {\n            $pcMessage: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <transition name=\"p-message\" appear v-bind=\"ptmi('transition')\">\n        <div v-show=\"visible\" :class=\"cx('root')\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" :data-p=\"dataP\" v-bind=\"ptm('root')\">\n            <slot v-if=\"$slots.container\" name=\"container\" :closeCallback=\"close\"></slot>\n            <div v-else :class=\"cx('content')\" :data-p=\"dataP\" v-bind=\"ptm('content')\">\n                <slot name=\"icon\" :class=\"cx('icon')\">\n                    <component :is=\"icon ? 'span' : null\" :class=\"[cx('icon'), icon]\" :data-p=\"dataP\" v-bind=\"ptm('icon')\"></component>\n                </slot>\n                <div v-if=\"$slots.default\" :class=\"cx('text')\" :data-p=\"dataP\" v-bind=\"ptm('text')\">\n                    <slot></slot>\n                </div>\n                <button v-if=\"closable\" v-ripple :class=\"cx('closeButton')\" :aria-label=\"closeAriaLabel\" type=\"button\" @click=\"close($event)\" :data-p=\"dataP\" v-bind=\"{ ...closeButtonProps, ...ptm('closeButton') }\">\n                    <slot name=\"closeicon\">\n                        <i v-if=\"closeIcon\" :class=\"[cx('closeIcon'), closeIcon]\" :data-p=\"dataP\" v-bind=\"ptm('closeIcon')\" />\n                        <TimesIcon v-else :class=\"[cx('closeIcon'), closeIcon]\" :data-p=\"dataP\" v-bind=\"ptm('closeIcon')\" />\n                    </slot>\n                </button>\n            </div>\n        </div>\n    </transition>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport TimesIcon from '@primevue/icons/times';\nimport Ripple from 'primevue/ripple';\nimport BaseMessage from './BaseMessage.vue';\n\nexport default {\n    name: 'Message',\n    extends: BaseMessage,\n    inheritAttrs: false,\n    emits: ['close', 'life-end'],\n    timeout: null,\n    data() {\n        return {\n            visible: true\n        };\n    },\n    mounted() {\n        if (this.life) {\n            setTimeout(() => {\n                this.visible = false;\n                this.$emit('life-end');\n            }, this.life);\n        }\n    },\n    methods: {\n        close(event) {\n            this.visible = false;\n            this.$emit('close', event);\n        }\n    },\n    computed: {\n        closeAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n        },\n        dataP() {\n            return cn({\n                outlined: this.variant === 'outlined',\n                simple: this.variant === 'simple',\n                [this.severity]: this.severity,\n                [this.size]: this.size\n            });\n        }\n    },\n    directives: {\n        ripple: Ripple\n    },\n    components: {\n        TimesIcon\n    }\n};\n</script>\n","<template>\n    <transition name=\"p-message\" appear v-bind=\"ptmi('transition')\">\n        <div v-show=\"visible\" :class=\"cx('root')\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" :data-p=\"dataP\" v-bind=\"ptm('root')\">\n            <slot v-if=\"$slots.container\" name=\"container\" :closeCallback=\"close\"></slot>\n            <div v-else :class=\"cx('content')\" :data-p=\"dataP\" v-bind=\"ptm('content')\">\n                <slot name=\"icon\" :class=\"cx('icon')\">\n                    <component :is=\"icon ? 'span' : null\" :class=\"[cx('icon'), icon]\" :data-p=\"dataP\" v-bind=\"ptm('icon')\"></component>\n                </slot>\n                <div v-if=\"$slots.default\" :class=\"cx('text')\" :data-p=\"dataP\" v-bind=\"ptm('text')\">\n                    <slot></slot>\n                </div>\n                <button v-if=\"closable\" v-ripple :class=\"cx('closeButton')\" :aria-label=\"closeAriaLabel\" type=\"button\" @click=\"close($event)\" :data-p=\"dataP\" v-bind=\"{ ...closeButtonProps, ...ptm('closeButton') }\">\n                    <slot name=\"closeicon\">\n                        <i v-if=\"closeIcon\" :class=\"[cx('closeIcon'), closeIcon]\" :data-p=\"dataP\" v-bind=\"ptm('closeIcon')\" />\n                        <TimesIcon v-else :class=\"[cx('closeIcon'), closeIcon]\" :data-p=\"dataP\" v-bind=\"ptm('closeIcon')\" />\n                    </slot>\n                </button>\n            </div>\n        </div>\n    </transition>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport TimesIcon from '@primevue/icons/times';\nimport Ripple from 'primevue/ripple';\nimport BaseMessage from './BaseMessage.vue';\n\nexport default {\n    name: 'Message',\n    extends: BaseMessage,\n    inheritAttrs: false,\n    emits: ['close', 'life-end'],\n    timeout: null,\n    data() {\n        return {\n            visible: true\n        };\n    },\n    mounted() {\n        if (this.life) {\n            setTimeout(() => {\n                this.visible = false;\n                this.$emit('life-end');\n            }, this.life);\n        }\n    },\n    methods: {\n        close(event) {\n            this.visible = false;\n            this.$emit('close', event);\n        }\n    },\n    computed: {\n        closeAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n        },\n        dataP() {\n            return cn({\n                outlined: this.variant === 'outlined',\n                simple: this.variant === 'simple',\n                [this.severity]: this.severity,\n                [this.size]: this.size\n            });\n        }\n    },\n    directives: {\n        ripple: Ripple\n    },\n    components: {\n        TimesIcon\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","severity","type","String","closable","Boolean","life","Number","icon","undefined","closeIcon","closeButtonProps","size","variant","style","MessageStyle","provide","$pcMessage","$parentInstance","BaseMessage","inheritAttrs","emits","timeout","data","visible","mounted","_this","setTimeout","$emit","methods","close","event","computed","closeAriaLabel","$primevue","config","locale","aria","dataP","cn","_defineProperty","outlined","simple","directives","ripple","Ripple","components","TimesIcon","_openBlock","_createBlock","_Transition","_mergeProps","appear","_ctx","ptmi","_withDirectives","_createElementVNode","cx","role","$options","ptm","$slots","container","_renderSlot","closeCallback","_createElementBlock","_resolveDynamicComponent","onClick","_cache","$event","_objectSpread","_hoisted_5","_component_TimesIcon","$data"],"mappings":"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"}