primevue 4.3.1 → 4.3.3

package/checkbox/Checkbox.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :class="cx('root')" v-bind="getPTOptions('root')" :data-p-checked="checked" :data-p-indeterminate="d_indeterminate || undefined" :data-p-disabled="disabled">
+    <div :class="cx('root')" v-bind="getPTOptions('root')" :data-p-checked="checked" :data-p-indeterminate="d_indeterminate || undefined" :data-p-disabled="disabled" :data-p="dataP">
         <input
             :id="inputId"
             type="checkbox"
@@ -21,16 +21,17 @@
             @change="onChange"
             v-bind="getPTOptions('input')"
         />
-        <div :class="cx('box')" v-bind="getPTOptions('box')">
-            <slot name="icon" :checked="checked" :indeterminate="d_indeterminate" :class="cx('icon')">
-                <CheckIcon v-if="checked" :class="cx('icon')" v-bind="getPTOptions('icon')" />
-                <MinusIcon v-else-if="d_indeterminate" :class="cx('icon')" v-bind="getPTOptions('icon')" />
+        <div :class="cx('box')" v-bind="getPTOptions('box')" :data-p="dataP">
+            <slot name="icon" :checked="checked" :indeterminate="d_indeterminate" :class="cx('icon')" :data-p="dataP">
+                <CheckIcon v-if="checked" :class="cx('icon')" v-bind="getPTOptions('icon')" :data-p="dataP" />
+                <MinusIcon v-else-if="d_indeterminate" :class="cx('icon')" v-bind="getPTOptions('icon')" :data-p="dataP" />
             </slot>
         </div>
     </div>
 </template>
 
 <script>
+import { cn } from '@primeuix/utils';
 import { contains, equals } from '@primeuix/utils/object';
 import CheckIcon from '@primevue/icons/check';
 import MinusIcon from '@primevue/icons/minus';
@@ -105,6 +106,15 @@ export default {
             const value = this.$pcCheckboxGroup ? this.$pcCheckboxGroup.d_value : this.d_value;
 
             return this.d_indeterminate ? false : this.binary ? value === this.trueValue : contains(this.value, value);
+        },
+        dataP() {
+            return cn({
+                invalid: this.$invalid,
+                checked: this.checked,
+                disabled: this.disabled,
+                filled: this.$variant === 'filled',
+                [this.size]: this.size
+            });
         }
     },
     components: {

package/checkbox/index.d.ts

@@ -7,7 +7,7 @@
  * @module checkbox
  *
  */
-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 { PassThroughOptions } from 'primevue/passthrough';
 import { VNode } from 'vue';
@@ -138,7 +138,7 @@ export interface CheckboxProps {
      * Specifies the input variant of the component.
      * @defaultValue null
      */
-    variant?: 'outlined' | 'filled' | undefined | null;
+    variant?: HintedString<'outlined' | 'filled'> | undefined | null;
     /**
      * When present, it specifies that an input field is read-only.
      * @default false

package/checkbox/index.mjs

@@ -1,3 +1,4 @@
+import { cn } from '@primeuix/utils';
 import { contains, equals } from '@primeuix/utils/object';
 import CheckIcon from '@primevue/icons/check';
 import MinusIcon from '@primevue/icons/minus';
@@ -65,6 +66,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); }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -138,6 +143,14 @@ var script = {
     checked: function checked() {
       var value = this.$pcCheckboxGroup ? this.$pcCheckboxGroup.d_value : this.d_value;
       return this.d_indeterminate ? false : this.binary ? value === this.trueValue : contains(this.value, value);
+    },
+    dataP: function dataP() {
+      return cn(_defineProperty({
+        invalid: this.$invalid,
+        checked: this.checked,
+        disabled: this.disabled,
+        filled: this.$variant === 'filled'
+      }, this.size, this.size));
     }
   },
   components: {
@@ -146,8 +159,9 @@ var script = {
   }
 };
 
-var _hoisted_1 = ["data-p-checked", "data-p-indeterminate", "data-p-disabled"];
+var _hoisted_1 = ["data-p-checked", "data-p-indeterminate", "data-p-disabled", "data-p"];
 var _hoisted_2 = ["id", "value", "name", "checked", "tabindex", "disabled", "readonly", "required", "aria-labelledby", "aria-label", "aria-invalid", "aria-checked"];
+var _hoisted_3 = ["data-p"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_CheckIcon = resolveComponent("CheckIcon");
   var _component_MinusIcon = resolveComponent("MinusIcon");
@@ -156,7 +170,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, $options.getPTOptions('root'), {
     "data-p-checked": $options.checked,
     "data-p-indeterminate": $data.d_indeterminate || undefined,
-    "data-p-disabled": _ctx.disabled
+    "data-p-disabled": _ctx.disabled,
+    "data-p": $options.dataP
   }), [createElementVNode("input", mergeProps({
     id: _ctx.inputId,
     type: "checkbox",
@@ -184,19 +199,26 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     })
   }, $options.getPTOptions('input')), null, 16, _hoisted_2), createElementVNode("div", mergeProps({
     "class": _ctx.cx('box')
-  }, $options.getPTOptions('box')), [renderSlot(_ctx.$slots, "icon", {
+  }, $options.getPTOptions('box'), {
+    "data-p": $options.dataP
+  }), [renderSlot(_ctx.$slots, "icon", {
     checked: $options.checked,
     indeterminate: $data.d_indeterminate,
-    "class": normalizeClass(_ctx.cx('icon'))
+    "class": normalizeClass(_ctx.cx('icon')),
+    dataP: $options.dataP
   }, function () {
     return [$options.checked ? (openBlock(), createBlock(_component_CheckIcon, mergeProps({
       key: 0,
       "class": _ctx.cx('icon')
-    }, $options.getPTOptions('icon')), null, 16, ["class"])) : $data.d_indeterminate ? (openBlock(), createBlock(_component_MinusIcon, mergeProps({
+    }, $options.getPTOptions('icon'), {
+      "data-p": $options.dataP
+    }), null, 16, ["class", "data-p"])) : $data.d_indeterminate ? (openBlock(), createBlock(_component_MinusIcon, mergeProps({
       key: 1,
       "class": _ctx.cx('icon')
-    }, $options.getPTOptions('icon')), null, 16, ["class"])) : createCommentVNode("", true)];
-  })], 16)], 16, _hoisted_1);
+    }, $options.getPTOptions('icon'), {
+      "data-p": $options.dataP
+    }), null, 16, ["class", "data-p"])) : createCommentVNode("", true)];
+  })], 16, _hoisted_3)], 16, _hoisted_1);
 }
 
 script.render = render;

package/checkbox/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/checkbox/BaseCheckbox.vue","../../src/checkbox/Checkbox.vue","../../src/checkbox/Checkbox.vue?vue&type=template&id=e2269272&lang.js"],"sourcesContent":["<script>\nimport BaseInput from '@primevue/core/baseinput';\nimport CheckboxStyle from 'primevue/checkbox/style';\n\nexport default {\n    name: 'BaseCheckbox',\n    extends: BaseInput,\n    props: {\n        value: null,\n        binary: Boolean,\n        indeterminate: {\n            type: Boolean,\n            default: false\n        },\n        trueValue: {\n            type: null,\n            default: true\n        },\n        falseValue: {\n            type: null,\n            default: false\n        },\n        readonly: {\n            type: Boolean,\n            default: false\n        },\n        required: {\n            type: Boolean,\n            default: false\n        },\n        tabindex: {\n            type: Number,\n            default: null\n        },\n        inputId: {\n            type: String,\n            default: null\n        },\n        inputClass: {\n            type: [String, Object],\n            default: null\n        },\n        inputStyle: {\n            type: Object,\n            default: null\n        },\n        ariaLabelledby: {\n            type: String,\n            default: null\n        },\n        ariaLabel: {\n            type: String,\n            default: null\n        }\n    },\n    style: CheckboxStyle,\n    provide() {\n        return {\n            $pcCheckbox: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"getPTOptions('root')\" :data-p-checked=\"checked\" :data-p-indeterminate=\"d_indeterminate || undefined\" :data-p-disabled=\"disabled\">\n        <input\n            :id=\"inputId\"\n            type=\"checkbox\"\n            :class=\"[cx('input'), inputClass]\"\n            :style=\"inputStyle\"\n            :value=\"value\"\n            :name=\"groupName\"\n            :checked=\"checked\"\n            :tabindex=\"tabindex\"\n            :disabled=\"disabled\"\n            :readonly=\"readonly\"\n            :required=\"required\"\n            :aria-labelledby=\"ariaLabelledby\"\n            :aria-label=\"ariaLabel\"\n            :aria-invalid=\"invalid || undefined\"\n            :aria-checked=\"d_indeterminate ? 'mixed' : undefined\"\n            @focus=\"onFocus\"\n            @blur=\"onBlur\"\n            @change=\"onChange\"\n            v-bind=\"getPTOptions('input')\"\n        />\n        <div :class=\"cx('box')\" v-bind=\"getPTOptions('box')\">\n            <slot name=\"icon\" :checked=\"checked\" :indeterminate=\"d_indeterminate\" :class=\"cx('icon')\">\n                <CheckIcon v-if=\"checked\" :class=\"cx('icon')\" v-bind=\"getPTOptions('icon')\" />\n                <MinusIcon v-else-if=\"d_indeterminate\" :class=\"cx('icon')\" v-bind=\"getPTOptions('icon')\" />\n            </slot>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { contains, equals } from '@primeuix/utils/object';\nimport CheckIcon from '@primevue/icons/check';\nimport MinusIcon from '@primevue/icons/minus';\nimport BaseCheckbox from './BaseCheckbox.vue';\n\nexport default {\n    name: 'Checkbox',\n    extends: BaseCheckbox,\n    inheritAttrs: false,\n    emits: ['change', 'focus', 'blur', 'update:indeterminate'],\n    inject: {\n        $pcCheckboxGroup: {\n            default: undefined\n        }\n    },\n    data() {\n        return {\n            d_indeterminate: this.indeterminate\n        };\n    },\n    watch: {\n        indeterminate(newValue) {\n            this.d_indeterminate = newValue;\n        }\n    },\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    checked: this.checked,\n                    indeterminate: this.d_indeterminate,\n                    disabled: this.disabled\n                }\n            });\n        },\n        onChange(event) {\n            if (!this.disabled && !this.readonly) {\n                const value = this.$pcCheckboxGroup ? this.$pcCheckboxGroup.d_value : this.d_value;\n                let newModelValue;\n\n                if (this.binary) {\n                    newModelValue = this.d_indeterminate ? this.trueValue : this.checked ? this.falseValue : this.trueValue;\n                } else {\n                    if (this.checked || this.d_indeterminate) newModelValue = value.filter((val) => !equals(val, this.value));\n                    else newModelValue = value ? [...value, this.value] : [this.value];\n                }\n\n                if (this.d_indeterminate) {\n                    this.d_indeterminate = false;\n                    this.$emit('update:indeterminate', this.d_indeterminate);\n                }\n\n                this.$pcCheckboxGroup ? this.$pcCheckboxGroup.writeValue(newModelValue, event) : this.writeValue(newModelValue, event);\n                this.$emit('change', event);\n            }\n        },\n        onFocus(event) {\n            this.$emit('focus', event);\n        },\n        onBlur(event) {\n            this.$emit('blur', event);\n            this.formField.onBlur?.(event);\n        }\n    },\n    computed: {\n        groupName() {\n            return this.$pcCheckboxGroup ? this.$pcCheckboxGroup.groupName : this.$formName;\n        },\n        checked() {\n            const value = this.$pcCheckboxGroup ? this.$pcCheckboxGroup.d_value : this.d_value;\n\n            return this.d_indeterminate ? false : this.binary ? value === this.trueValue : contains(this.value, value);\n        }\n    },\n    components: {\n        CheckIcon,\n        MinusIcon\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"getPTOptions('root')\" :data-p-checked=\"checked\" :data-p-indeterminate=\"d_indeterminate || undefined\" :data-p-disabled=\"disabled\">\n        <input\n            :id=\"inputId\"\n            type=\"checkbox\"\n            :class=\"[cx('input'), inputClass]\"\n            :style=\"inputStyle\"\n            :value=\"value\"\n            :name=\"groupName\"\n            :checked=\"checked\"\n            :tabindex=\"tabindex\"\n            :disabled=\"disabled\"\n            :readonly=\"readonly\"\n            :required=\"required\"\n            :aria-labelledby=\"ariaLabelledby\"\n            :aria-label=\"ariaLabel\"\n            :aria-invalid=\"invalid || undefined\"\n            :aria-checked=\"d_indeterminate ? 'mixed' : undefined\"\n            @focus=\"onFocus\"\n            @blur=\"onBlur\"\n            @change=\"onChange\"\n            v-bind=\"getPTOptions('input')\"\n        />\n        <div :class=\"cx('box')\" v-bind=\"getPTOptions('box')\">\n            <slot name=\"icon\" :checked=\"checked\" :indeterminate=\"d_indeterminate\" :class=\"cx('icon')\">\n                <CheckIcon v-if=\"checked\" :class=\"cx('icon')\" v-bind=\"getPTOptions('icon')\" />\n                <MinusIcon v-else-if=\"d_indeterminate\" :class=\"cx('icon')\" v-bind=\"getPTOptions('icon')\" />\n            </slot>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { contains, equals } from '@primeuix/utils/object';\nimport CheckIcon from '@primevue/icons/check';\nimport MinusIcon from '@primevue/icons/minus';\nimport BaseCheckbox from './BaseCheckbox.vue';\n\nexport default {\n    name: 'Checkbox',\n    extends: BaseCheckbox,\n    inheritAttrs: false,\n    emits: ['change', 'focus', 'blur', 'update:indeterminate'],\n    inject: {\n        $pcCheckboxGroup: {\n            default: undefined\n        }\n    },\n    data() {\n        return {\n            d_indeterminate: this.indeterminate\n        };\n    },\n    watch: {\n        indeterminate(newValue) {\n            this.d_indeterminate = newValue;\n        }\n    },\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    checked: this.checked,\n                    indeterminate: this.d_indeterminate,\n                    disabled: this.disabled\n                }\n            });\n        },\n        onChange(event) {\n            if (!this.disabled && !this.readonly) {\n                const value = this.$pcCheckboxGroup ? this.$pcCheckboxGroup.d_value : this.d_value;\n                let newModelValue;\n\n                if (this.binary) {\n                    newModelValue = this.d_indeterminate ? this.trueValue : this.checked ? this.falseValue : this.trueValue;\n                } else {\n                    if (this.checked || this.d_indeterminate) newModelValue = value.filter((val) => !equals(val, this.value));\n                    else newModelValue = value ? [...value, this.value] : [this.value];\n                }\n\n                if (this.d_indeterminate) {\n                    this.d_indeterminate = false;\n                    this.$emit('update:indeterminate', this.d_indeterminate);\n                }\n\n                this.$pcCheckboxGroup ? this.$pcCheckboxGroup.writeValue(newModelValue, event) : this.writeValue(newModelValue, event);\n                this.$emit('change', event);\n            }\n        },\n        onFocus(event) {\n            this.$emit('focus', event);\n        },\n        onBlur(event) {\n            this.$emit('blur', event);\n            this.formField.onBlur?.(event);\n        }\n    },\n    computed: {\n        groupName() {\n            return this.$pcCheckboxGroup ? this.$pcCheckboxGroup.groupName : this.$formName;\n        },\n        checked() {\n            const value = this.$pcCheckboxGroup ? this.$pcCheckboxGroup.d_value : this.d_value;\n\n            return this.d_indeterminate ? false : this.binary ? value === this.trueValue : contains(this.value, value);\n        }\n    },\n    components: {\n        CheckIcon,\n        MinusIcon\n    }\n};\n</script>\n"],"names":["name","BaseInput","props","value","binary","Boolean","indeterminate","type","trueValue","falseValue","readonly","required","tabindex","Number","inputId","String","inputClass","Object","inputStyle","ariaLabelledby","ariaLabel","style","CheckboxStyle","provide","$pcCheckbox","$parentInstance","BaseCheckbox","inheritAttrs","emits","inject","$pcCheckboxGroup","undefined","data","d_indeterminate","watch","newValue","methods","getPTOptions","key","_ptm","ptmi","ptm","context","checked","disabled","onChange","event","_this","d_value","newModelValue","filter","val","equals","concat","_toConsumableArray","$emit","writeValue","onFocus","onBlur","_this$formField$onBlu","_this$formField","formField","call","computed","groupName","$formName","contains","components","CheckIcon","MinusIcon","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","$options","$data","_createElementVNode","id","invalid","apply","arguments","_hoisted_2","_renderSlot","$slots","_createBlock","_component_CheckIcon","_component_MinusIcon"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/checkbox/BaseCheckbox.vue","../../src/checkbox/Checkbox.vue","../../src/checkbox/Checkbox.vue?vue&type=template&id=36fb2635&lang.js"],"sourcesContent":["<script>\nimport BaseInput from '@primevue/core/baseinput';\nimport CheckboxStyle from 'primevue/checkbox/style';\n\nexport default {\n    name: 'BaseCheckbox',\n    extends: BaseInput,\n    props: {\n        value: null,\n        binary: Boolean,\n        indeterminate: {\n            type: Boolean,\n            default: false\n        },\n        trueValue: {\n            type: null,\n            default: true\n        },\n        falseValue: {\n            type: null,\n            default: false\n        },\n        readonly: {\n            type: Boolean,\n            default: false\n        },\n        required: {\n            type: Boolean,\n            default: false\n        },\n        tabindex: {\n            type: Number,\n            default: null\n        },\n        inputId: {\n            type: String,\n            default: null\n        },\n        inputClass: {\n            type: [String, Object],\n            default: null\n        },\n        inputStyle: {\n            type: Object,\n            default: null\n        },\n        ariaLabelledby: {\n            type: String,\n            default: null\n        },\n        ariaLabel: {\n            type: String,\n            default: null\n        }\n    },\n    style: CheckboxStyle,\n    provide() {\n        return {\n            $pcCheckbox: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"getPTOptions('root')\" :data-p-checked=\"checked\" :data-p-indeterminate=\"d_indeterminate || undefined\" :data-p-disabled=\"disabled\" :data-p=\"dataP\">\n        <input\n            :id=\"inputId\"\n            type=\"checkbox\"\n            :class=\"[cx('input'), inputClass]\"\n            :style=\"inputStyle\"\n            :value=\"value\"\n            :name=\"groupName\"\n            :checked=\"checked\"\n            :tabindex=\"tabindex\"\n            :disabled=\"disabled\"\n            :readonly=\"readonly\"\n            :required=\"required\"\n            :aria-labelledby=\"ariaLabelledby\"\n            :aria-label=\"ariaLabel\"\n            :aria-invalid=\"invalid || undefined\"\n            :aria-checked=\"d_indeterminate ? 'mixed' : undefined\"\n            @focus=\"onFocus\"\n            @blur=\"onBlur\"\n            @change=\"onChange\"\n            v-bind=\"getPTOptions('input')\"\n        />\n        <div :class=\"cx('box')\" v-bind=\"getPTOptions('box')\" :data-p=\"dataP\">\n            <slot name=\"icon\" :checked=\"checked\" :indeterminate=\"d_indeterminate\" :class=\"cx('icon')\" :data-p=\"dataP\">\n                <CheckIcon v-if=\"checked\" :class=\"cx('icon')\" v-bind=\"getPTOptions('icon')\" :data-p=\"dataP\" />\n                <MinusIcon v-else-if=\"d_indeterminate\" :class=\"cx('icon')\" v-bind=\"getPTOptions('icon')\" :data-p=\"dataP\" />\n            </slot>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { contains, equals } from '@primeuix/utils/object';\nimport CheckIcon from '@primevue/icons/check';\nimport MinusIcon from '@primevue/icons/minus';\nimport BaseCheckbox from './BaseCheckbox.vue';\n\nexport default {\n    name: 'Checkbox',\n    extends: BaseCheckbox,\n    inheritAttrs: false,\n    emits: ['change', 'focus', 'blur', 'update:indeterminate'],\n    inject: {\n        $pcCheckboxGroup: {\n            default: undefined\n        }\n    },\n    data() {\n        return {\n            d_indeterminate: this.indeterminate\n        };\n    },\n    watch: {\n        indeterminate(newValue) {\n            this.d_indeterminate = newValue;\n        }\n    },\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    checked: this.checked,\n                    indeterminate: this.d_indeterminate,\n                    disabled: this.disabled\n                }\n            });\n        },\n        onChange(event) {\n            if (!this.disabled && !this.readonly) {\n                const value = this.$pcCheckboxGroup ? this.$pcCheckboxGroup.d_value : this.d_value;\n                let newModelValue;\n\n                if (this.binary) {\n                    newModelValue = this.d_indeterminate ? this.trueValue : this.checked ? this.falseValue : this.trueValue;\n                } else {\n                    if (this.checked || this.d_indeterminate) newModelValue = value.filter((val) => !equals(val, this.value));\n                    else newModelValue = value ? [...value, this.value] : [this.value];\n                }\n\n                if (this.d_indeterminate) {\n                    this.d_indeterminate = false;\n                    this.$emit('update:indeterminate', this.d_indeterminate);\n                }\n\n                this.$pcCheckboxGroup ? this.$pcCheckboxGroup.writeValue(newModelValue, event) : this.writeValue(newModelValue, event);\n                this.$emit('change', event);\n            }\n        },\n        onFocus(event) {\n            this.$emit('focus', event);\n        },\n        onBlur(event) {\n            this.$emit('blur', event);\n            this.formField.onBlur?.(event);\n        }\n    },\n    computed: {\n        groupName() {\n            return this.$pcCheckboxGroup ? this.$pcCheckboxGroup.groupName : this.$formName;\n        },\n        checked() {\n            const value = this.$pcCheckboxGroup ? this.$pcCheckboxGroup.d_value : this.d_value;\n\n            return this.d_indeterminate ? false : this.binary ? value === this.trueValue : contains(this.value, value);\n        },\n        dataP() {\n            return cn({\n                invalid: this.$invalid,\n                checked: this.checked,\n                disabled: this.disabled,\n                filled: this.$variant === 'filled',\n                [this.size]: this.size\n            });\n        }\n    },\n    components: {\n        CheckIcon,\n        MinusIcon\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"getPTOptions('root')\" :data-p-checked=\"checked\" :data-p-indeterminate=\"d_indeterminate || undefined\" :data-p-disabled=\"disabled\" :data-p=\"dataP\">\n        <input\n            :id=\"inputId\"\n            type=\"checkbox\"\n            :class=\"[cx('input'), inputClass]\"\n            :style=\"inputStyle\"\n            :value=\"value\"\n            :name=\"groupName\"\n            :checked=\"checked\"\n            :tabindex=\"tabindex\"\n            :disabled=\"disabled\"\n            :readonly=\"readonly\"\n            :required=\"required\"\n            :aria-labelledby=\"ariaLabelledby\"\n            :aria-label=\"ariaLabel\"\n            :aria-invalid=\"invalid || undefined\"\n            :aria-checked=\"d_indeterminate ? 'mixed' : undefined\"\n            @focus=\"onFocus\"\n            @blur=\"onBlur\"\n            @change=\"onChange\"\n            v-bind=\"getPTOptions('input')\"\n        />\n        <div :class=\"cx('box')\" v-bind=\"getPTOptions('box')\" :data-p=\"dataP\">\n            <slot name=\"icon\" :checked=\"checked\" :indeterminate=\"d_indeterminate\" :class=\"cx('icon')\" :data-p=\"dataP\">\n                <CheckIcon v-if=\"checked\" :class=\"cx('icon')\" v-bind=\"getPTOptions('icon')\" :data-p=\"dataP\" />\n                <MinusIcon v-else-if=\"d_indeterminate\" :class=\"cx('icon')\" v-bind=\"getPTOptions('icon')\" :data-p=\"dataP\" />\n            </slot>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { contains, equals } from '@primeuix/utils/object';\nimport CheckIcon from '@primevue/icons/check';\nimport MinusIcon from '@primevue/icons/minus';\nimport BaseCheckbox from './BaseCheckbox.vue';\n\nexport default {\n    name: 'Checkbox',\n    extends: BaseCheckbox,\n    inheritAttrs: false,\n    emits: ['change', 'focus', 'blur', 'update:indeterminate'],\n    inject: {\n        $pcCheckboxGroup: {\n            default: undefined\n        }\n    },\n    data() {\n        return {\n            d_indeterminate: this.indeterminate\n        };\n    },\n    watch: {\n        indeterminate(newValue) {\n            this.d_indeterminate = newValue;\n        }\n    },\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    checked: this.checked,\n                    indeterminate: this.d_indeterminate,\n                    disabled: this.disabled\n                }\n            });\n        },\n        onChange(event) {\n            if (!this.disabled && !this.readonly) {\n                const value = this.$pcCheckboxGroup ? this.$pcCheckboxGroup.d_value : this.d_value;\n                let newModelValue;\n\n                if (this.binary) {\n                    newModelValue = this.d_indeterminate ? this.trueValue : this.checked ? this.falseValue : this.trueValue;\n                } else {\n                    if (this.checked || this.d_indeterminate) newModelValue = value.filter((val) => !equals(val, this.value));\n                    else newModelValue = value ? [...value, this.value] : [this.value];\n                }\n\n                if (this.d_indeterminate) {\n                    this.d_indeterminate = false;\n                    this.$emit('update:indeterminate', this.d_indeterminate);\n                }\n\n                this.$pcCheckboxGroup ? this.$pcCheckboxGroup.writeValue(newModelValue, event) : this.writeValue(newModelValue, event);\n                this.$emit('change', event);\n            }\n        },\n        onFocus(event) {\n            this.$emit('focus', event);\n        },\n        onBlur(event) {\n            this.$emit('blur', event);\n            this.formField.onBlur?.(event);\n        }\n    },\n    computed: {\n        groupName() {\n            return this.$pcCheckboxGroup ? this.$pcCheckboxGroup.groupName : this.$formName;\n        },\n        checked() {\n            const value = this.$pcCheckboxGroup ? this.$pcCheckboxGroup.d_value : this.d_value;\n\n            return this.d_indeterminate ? false : this.binary ? value === this.trueValue : contains(this.value, value);\n        },\n        dataP() {\n            return cn({\n                invalid: this.$invalid,\n                checked: this.checked,\n                disabled: this.disabled,\n                filled: this.$variant === 'filled',\n                [this.size]: this.size\n            });\n        }\n    },\n    components: {\n        CheckIcon,\n        MinusIcon\n    }\n};\n</script>\n"],"names":["name","BaseInput","props","value","binary","Boolean","indeterminate","type","trueValue","falseValue","readonly","required","tabindex","Number","inputId","String","inputClass","Object","inputStyle","ariaLabelledby","ariaLabel","style","CheckboxStyle","provide","$pcCheckbox","$parentInstance","BaseCheckbox","inheritAttrs","emits","inject","$pcCheckboxGroup","undefined","data","d_indeterminate","watch","newValue","methods","getPTOptions","key","_ptm","ptmi","ptm","context","checked","disabled","onChange","event","_this","d_value","newModelValue","filter","val","equals","concat","_toConsumableArray","$emit","writeValue","onFocus","onBlur","_this$formField$onBlu","_this$formField","formField","call","computed","groupName","$formName","contains","dataP","cn","_defineProperty","invalid","$invalid","filled","$variant","size","components","CheckIcon","MinusIcon","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","$options","$data","_createElementVNode","id","apply","arguments","_hoisted_2","_renderSlot","$slots","_createBlock","_component_CheckIcon","_component_MinusIcon"],"mappings":"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"}

package/chip/BaseChip.vue

@@ -7,7 +7,7 @@ export default {
     extends: BaseComponent,
     props: {
         label: {
-            type: String,
+            type: [String, Number],
             default: null
         },
         icon: {

package/chip/Chip.vue

@@ -1,5 +1,5 @@
 <template>
-    <div v-if="visible" :class="cx('root')" :aria-label="label" v-bind="ptmi('root')">
+    <div v-if="visible" :class="cx('root')" :aria-label="label" v-bind="ptmi('root')" :data-p="dataP">
         <slot>
             <img v-if="image" :src="image" v-bind="ptm('image')" :class="cx('image')" />
             <component v-else-if="$slots.icon" :is="$slots.icon" :class="cx('icon')" v-bind="ptm('icon')" />
@@ -13,6 +13,7 @@
 </template>
 
 <script>
+import { cn } from '@primeuix/utils';
 import TimesCircleIcon from '@primevue/icons/timescircle';
 import BaseChip from './BaseChip.vue';
 
@@ -37,6 +38,13 @@ export default {
             this.$emit('remove', event);
         }
     },
+    computed: {
+        dataP() {
+            return cn({
+                removable: this.removable
+            });
+        }
+    },
     components: {
         TimesCircleIcon
     }

package/chip/index.d.ts

@@ -101,7 +101,7 @@ export interface ChipProps {
     /**
      * Defines the text to display.
      */
-    label?: string;
+    label?: string | number;
     /**
      * Defines the icon to display.
      */

package/chip/index.mjs

@@ -1,3 +1,4 @@
+import { cn } from '@primeuix/utils';
 import TimesCircleIcon from '@primevue/icons/timescircle';
 import BaseComponent from '@primevue/core/basecomponent';
 import ChipStyle from 'primevue/chip/style';
@@ -8,7 +9,7 @@ var script$1 = {
   "extends": BaseComponent,
   props: {
     label: {
-      type: String,
+      type: [String, Number],
       "default": null
     },
     icon: {
@@ -58,19 +59,28 @@ var script = {
       this.$emit('remove', event);
     }
   },
+  computed: {
+    dataP: function dataP() {
+      return cn({
+        removable: this.removable
+      });
+    }
+  },
   components: {
     TimesCircleIcon: TimesCircleIcon
   }
 };
 
-var _hoisted_1 = ["aria-label"];
+var _hoisted_1 = ["aria-label", "data-p"];
 var _hoisted_2 = ["src"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return $data.visible ? (openBlock(), createElementBlock("div", mergeProps({
     key: 0,
     "class": _ctx.cx('root'),
     "aria-label": _ctx.label
-  }, _ctx.ptmi('root')), [renderSlot(_ctx.$slots, "default", {}, function () {
+  }, _ctx.ptmi('root'), {
+    "data-p": $options.dataP
+  }), [renderSlot(_ctx.$slots, "default", {}, function () {
     return [_ctx.image ? (openBlock(), createElementBlock("img", mergeProps({
       key: 0,
       src: _ctx.image

package/chip/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/chip/BaseChip.vue","../../src/chip/Chip.vue","../../src/chip/Chip.vue?vue&type=template&id=16c78839&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport ChipStyle from 'primevue/chip/style';\n\nexport default {\n    name: 'BaseChip',\n    extends: BaseComponent,\n    props: {\n        label: {\n            type: String,\n            default: null\n        },\n        icon: {\n            type: String,\n            default: null\n        },\n        image: {\n            type: String,\n            default: null\n        },\n        removable: {\n            type: Boolean,\n            default: false\n        },\n        removeIcon: {\n            type: String,\n            default: undefined\n        }\n    },\n    style: ChipStyle,\n    provide() {\n        return {\n            $pcChip: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div v-if=\"visible\" :class=\"cx('root')\" :aria-label=\"label\" v-bind=\"ptmi('root')\">\n        <slot>\n            <img v-if=\"image\" :src=\"image\" v-bind=\"ptm('image')\" :class=\"cx('image')\" />\n            <component v-else-if=\"$slots.icon\" :is=\"$slots.icon\" :class=\"cx('icon')\" v-bind=\"ptm('icon')\" />\n            <span v-else-if=\"icon\" :class=\"[cx('icon'), icon]\" v-bind=\"ptm('icon')\" />\n            <div v-if=\"label\" :class=\"cx('label')\" v-bind=\"ptm('label')\">{{ label }}</div>\n        </slot>\n        <slot v-if=\"removable\" name=\"removeicon\" :removeCallback=\"close\" :keydownCallback=\"onKeydown\">\n            <component :is=\"removeIcon ? 'span' : 'TimesCircleIcon'\" :class=\"[cx('removeIcon'), removeIcon]\" @click=\"close\" @keydown=\"onKeydown\" v-bind=\"ptm('removeIcon')\"></component>\n        </slot>\n    </div>\n</template>\n\n<script>\nimport TimesCircleIcon from '@primevue/icons/timescircle';\nimport BaseChip from './BaseChip.vue';\n\nexport default {\n    name: 'Chip',\n    extends: BaseChip,\n    inheritAttrs: false,\n    emits: ['remove'],\n    data() {\n        return {\n            visible: true\n        };\n    },\n    methods: {\n        onKeydown(event) {\n            if (event.key === 'Enter' || event.key === 'Backspace') {\n                this.close(event);\n            }\n        },\n        close(event) {\n            this.visible = false;\n            this.$emit('remove', event);\n        }\n    },\n    components: {\n        TimesCircleIcon\n    }\n};\n</script>\n","<template>\n    <div v-if=\"visible\" :class=\"cx('root')\" :aria-label=\"label\" v-bind=\"ptmi('root')\">\n        <slot>\n            <img v-if=\"image\" :src=\"image\" v-bind=\"ptm('image')\" :class=\"cx('image')\" />\n            <component v-else-if=\"$slots.icon\" :is=\"$slots.icon\" :class=\"cx('icon')\" v-bind=\"ptm('icon')\" />\n            <span v-else-if=\"icon\" :class=\"[cx('icon'), icon]\" v-bind=\"ptm('icon')\" />\n            <div v-if=\"label\" :class=\"cx('label')\" v-bind=\"ptm('label')\">{{ label }}</div>\n        </slot>\n        <slot v-if=\"removable\" name=\"removeicon\" :removeCallback=\"close\" :keydownCallback=\"onKeydown\">\n            <component :is=\"removeIcon ? 'span' : 'TimesCircleIcon'\" :class=\"[cx('removeIcon'), removeIcon]\" @click=\"close\" @keydown=\"onKeydown\" v-bind=\"ptm('removeIcon')\"></component>\n        </slot>\n    </div>\n</template>\n\n<script>\nimport TimesCircleIcon from '@primevue/icons/timescircle';\nimport BaseChip from './BaseChip.vue';\n\nexport default {\n    name: 'Chip',\n    extends: BaseChip,\n    inheritAttrs: false,\n    emits: ['remove'],\n    data() {\n        return {\n            visible: true\n        };\n    },\n    methods: {\n        onKeydown(event) {\n            if (event.key === 'Enter' || event.key === 'Backspace') {\n                this.close(event);\n            }\n        },\n        close(event) {\n            this.visible = false;\n            this.$emit('remove', event);\n        }\n    },\n    components: {\n        TimesCircleIcon\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","label","type","String","icon","image","removable","Boolean","removeIcon","undefined","style","ChipStyle","provide","$pcChip","$parentInstance","BaseChip","inheritAttrs","emits","data","visible","methods","onKeydown","event","key","close","$emit","components","TimesCircleIcon","$data","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_renderSlot","src","ptm","$slots","_createBlock","_resolveDynamicComponent","removeCallback","$options","keydownCallback","onClick"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/chip/BaseChip.vue","../../src/chip/Chip.vue","../../src/chip/Chip.vue?vue&type=template&id=f37b67c4&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport ChipStyle from 'primevue/chip/style';\n\nexport default {\n    name: 'BaseChip',\n    extends: BaseComponent,\n    props: {\n        label: {\n            type: [String, Number],\n            default: null\n        },\n        icon: {\n            type: String,\n            default: null\n        },\n        image: {\n            type: String,\n            default: null\n        },\n        removable: {\n            type: Boolean,\n            default: false\n        },\n        removeIcon: {\n            type: String,\n            default: undefined\n        }\n    },\n    style: ChipStyle,\n    provide() {\n        return {\n            $pcChip: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div v-if=\"visible\" :class=\"cx('root')\" :aria-label=\"label\" v-bind=\"ptmi('root')\" :data-p=\"dataP\">\n        <slot>\n            <img v-if=\"image\" :src=\"image\" v-bind=\"ptm('image')\" :class=\"cx('image')\" />\n            <component v-else-if=\"$slots.icon\" :is=\"$slots.icon\" :class=\"cx('icon')\" v-bind=\"ptm('icon')\" />\n            <span v-else-if=\"icon\" :class=\"[cx('icon'), icon]\" v-bind=\"ptm('icon')\" />\n            <div v-if=\"label\" :class=\"cx('label')\" v-bind=\"ptm('label')\">{{ label }}</div>\n        </slot>\n        <slot v-if=\"removable\" name=\"removeicon\" :removeCallback=\"close\" :keydownCallback=\"onKeydown\">\n            <component :is=\"removeIcon ? 'span' : 'TimesCircleIcon'\" :class=\"[cx('removeIcon'), removeIcon]\" @click=\"close\" @keydown=\"onKeydown\" v-bind=\"ptm('removeIcon')\"></component>\n        </slot>\n    </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport TimesCircleIcon from '@primevue/icons/timescircle';\nimport BaseChip from './BaseChip.vue';\n\nexport default {\n    name: 'Chip',\n    extends: BaseChip,\n    inheritAttrs: false,\n    emits: ['remove'],\n    data() {\n        return {\n            visible: true\n        };\n    },\n    methods: {\n        onKeydown(event) {\n            if (event.key === 'Enter' || event.key === 'Backspace') {\n                this.close(event);\n            }\n        },\n        close(event) {\n            this.visible = false;\n            this.$emit('remove', event);\n        }\n    },\n    computed: {\n        dataP() {\n            return cn({\n                removable: this.removable\n            });\n        }\n    },\n    components: {\n        TimesCircleIcon\n    }\n};\n</script>\n","<template>\n    <div v-if=\"visible\" :class=\"cx('root')\" :aria-label=\"label\" v-bind=\"ptmi('root')\" :data-p=\"dataP\">\n        <slot>\n            <img v-if=\"image\" :src=\"image\" v-bind=\"ptm('image')\" :class=\"cx('image')\" />\n            <component v-else-if=\"$slots.icon\" :is=\"$slots.icon\" :class=\"cx('icon')\" v-bind=\"ptm('icon')\" />\n            <span v-else-if=\"icon\" :class=\"[cx('icon'), icon]\" v-bind=\"ptm('icon')\" />\n            <div v-if=\"label\" :class=\"cx('label')\" v-bind=\"ptm('label')\">{{ label }}</div>\n        </slot>\n        <slot v-if=\"removable\" name=\"removeicon\" :removeCallback=\"close\" :keydownCallback=\"onKeydown\">\n            <component :is=\"removeIcon ? 'span' : 'TimesCircleIcon'\" :class=\"[cx('removeIcon'), removeIcon]\" @click=\"close\" @keydown=\"onKeydown\" v-bind=\"ptm('removeIcon')\"></component>\n        </slot>\n    </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport TimesCircleIcon from '@primevue/icons/timescircle';\nimport BaseChip from './BaseChip.vue';\n\nexport default {\n    name: 'Chip',\n    extends: BaseChip,\n    inheritAttrs: false,\n    emits: ['remove'],\n    data() {\n        return {\n            visible: true\n        };\n    },\n    methods: {\n        onKeydown(event) {\n            if (event.key === 'Enter' || event.key === 'Backspace') {\n                this.close(event);\n            }\n        },\n        close(event) {\n            this.visible = false;\n            this.$emit('remove', event);\n        }\n    },\n    computed: {\n        dataP() {\n            return cn({\n                removable: this.removable\n            });\n        }\n    },\n    components: {\n        TimesCircleIcon\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","label","type","String","Number","icon","image","removable","Boolean","removeIcon","undefined","style","ChipStyle","provide","$pcChip","$parentInstance","BaseChip","inheritAttrs","emits","data","visible","methods","onKeydown","event","key","close","$emit","computed","dataP","cn","components","TimesCircleIcon","$data","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","$options","_renderSlot","src","ptm","$slots","_createBlock","_resolveDynamicComponent","removeCallback","keydownCallback","onClick"],"mappings":";;;;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,UAAU;AAChB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC;MACtB,SAAS,EAAA;KACZ;AACDC,IAAAA,IAAI,EAAE;AACFH,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA;KACZ;AACDG,IAAAA,KAAK,EAAE;AACHJ,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA;KACZ;AACDI,IAAAA,SAAS,EAAE;AACPL,MAAAA,IAAI,EAAEM,OAAO;MACb,SAAS,EAAA;KACZ;AACDC,IAAAA,UAAU,EAAE;AACRP,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAASO,EAAAA;AACb;GACH;AACDC,EAAAA,KAAK,EAAEC,SAAS;EAChBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,OAAO,EAAE,IAAI;AACbC,MAAAA,eAAe,EAAE;KACpB;AACL;AACJ,CAAC;;ACjBD,aAAe;AACXjB,EAAAA,IAAI,EAAE,MAAM;AACZ,EAAA,SAAA,EAASkB,QAAQ;AACjBC,EAAAA,YAAY,EAAE,KAAK;EACnBC,KAAK,EAAE,CAAC,QAAQ,CAAC;EACjBC,IAAI,EAAA,SAAJA,IAAIA,GAAG;IACH,OAAO;AACHC,MAAAA,OAAO,EAAE;KACZ;GACJ;AACDC,EAAAA,OAAO,EAAE;AACLC,IAAAA,SAAS,EAATA,SAAAA,SAASA,CAACC,KAAK,EAAE;MACb,IAAIA,KAAK,CAACC,QAAQ,OAAM,IAAKD,KAAK,CAACC,GAAE,KAAM,WAAW,EAAE;AACpD,QAAA,IAAI,CAACC,KAAK,CAACF,KAAK,CAAC;AACrB;KACH;AACDE,IAAAA,KAAK,EAALA,SAAAA,KAAKA,CAACF,KAAK,EAAE;MACT,IAAI,CAACH,UAAU,KAAK;AACpB,MAAA,IAAI,CAACM,KAAK,CAAC,QAAQ,EAAEH,KAAK,CAAC;AAC/B;GACH;AACDI,EAAAA,QAAQ,EAAE;IACNC,KAAK,EAAA,SAALA,KAAKA,GAAG;AACJ,MAAA,OAAOC,EAAE,CAAC;QACNtB,SAAS,EAAE,IAAI,CAACA;AACpB,OAAC,CAAC;AACN;GACH;AACDuB,EAAAA,UAAU,EAAE;AACRC,IAAAA,eAAc,EAAdA;AACJ;AACJ,CAAC;;;;;SCjDcC,KAAO,CAAAZ,OAAA,IAAlBa,SAAA,EAAA,EAAAC,kBAAA,CAUK,OAVLC,UAUK,CAAA;;AAVgB,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;IAAW,YAAU,EAAED,IAAK,CAAAnC;KAAUmC,IAAI,CAAAE,IAAA,CAAA,MAAA,CAAA,EAAA;IAAW,QAAM,EAAEC,QAAK,CAAAX;AAAA,GAAA,CAAA,EAAA,CAC5FY,UAAA,CAKMJ,4BALN,YAAA;AAAA,IAAA,OAKM,CAJSA,IAAK,CAAA9B,KAAA,IAAhB2B,SAAA,EAAA,EAAAC,kBAAA,CAA2E,OAA3EC,UAA2E,CAAA;;MAAxDM,GAAG,EAAEL,IAAK,CAAA9B;OAAU8B,IAAG,CAAAM,GAAA,CAAA,OAAA,CAAA,EAAA;AAAY,MAAA,OAAA,EAAON,IAAE,CAAAC,EAAA,CAAA,OAAA;iCACzCD,IAAA,CAAAO,MAAM,CAACtC,IAAI,IAAjC4B,SAAA,EAAA,EAAAW,WAAA,CAA+FC,uBAAvD,CAAAT,IAAA,CAAAO,MAAM,CAACtC,IAAI,GAAnD8B,UAA+F,CAAA;;AAAzC,MAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA;OAAkBD,IAAG,CAAAM,GAAA,CAAA,MAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,IACnEN,IAAI,CAAA/B,IAAA,IAArB4B,SAAA,EAAA,EAAAC,kBAAA,CAAyE,QAAzEC,UAAyE,CAAA;;MAAjD,OAAK,EAAA,CAAGC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA,EAAUD,IAAI,CAAA/B,IAAA;OAAW+B,IAAG,CAAAM,GAAA,CAAA,MAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kCACnDN,IAAK,CAAAnC,KAAA,IAAhBgC,SAAA,EAAA,EAAAC,kBAAA,CAA6E,OAA7EC,UAA6E,CAAA;;AAA1D,MAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,OAAA;KAAmB,EAAAD,IAAA,CAAAM,GAAG,4BAAcN,IAAI,CAAAnC,KAAA,CAAA,EAAA,EAAA,CAAA;MAE5DmC,IAAS,CAAA7B,SAAA,GAArBiC,UAEM,CAAAJ,IAAA,CAAAO,MAAA,EAAA,YAAA,EAAA;;IAFoCG,cAAc,EAAEP,QAAK,CAAAd,KAAA;IAAGsB,eAAe,EAAER,QAAS,CAAAjB;KAA5F,YAAA;AAAA,IAAA,OAEM,eADFsB,WAA2K,CAAAC,uBAAA,CAA3JT,IAAW,CAAA3B,UAAA,GAAA,MAAA,GAAA,iBAAA,CAAA,EAA3B0B,UAA2K,CAAA;MAAjH,OAAK,EAAA,CAAGC,IAAE,CAAAC,EAAA,CAAA,YAAA,CAAA,EAAgBD,IAAU,CAAA3B,UAAA,CAAA;MAAIuC,OAAK,EAAET,QAAK,CAAAd,KAAA;MAAGH,SAAO,EAAEiB,QAAS,CAAAjB;OAAUc,IAAG,CAAAM,GAAA,CAAA,YAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,WAAA,CAAA,CAAA;;;;;;;;"}

package/colorpicker/ColorPicker.vue

@@ -39,6 +39,7 @@ export default {
         };
     },
     hsbValue: null,
+    localHue: null,
     outsideClickListener: null,
     documentMouseMoveListener: null,
     documentMouseUpListener: null,
@@ -91,7 +92,7 @@ export default {
             let brightness = Math.floor((100 * (150 - Math.max(0, Math.min(150, (event.pageY || event.changedTouches[0].pageY) - top)))) / 150);
 
             this.hsbValue = this.validateHSB({
-                h: this.hsbValue.h,
+                h: this.localHue,
                 s: saturation,
                 b: brightness
             });
@@ -103,9 +104,10 @@ export default {
         },
         pickHue(event) {
             let top = this.hueView.getBoundingClientRect().top + (window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0);
+            this.localHue = Math.floor((360 * (150 - Math.max(0, Math.min(150, (event.pageY || event.changedTouches[0].pageY) - top)))) / 150);
 
             this.hsbValue = this.validateHSB({
-                h: Math.floor((360 * (150 - Math.max(0, Math.min(150, (event.pageY || event.changedTouches[0].pageY) - top)))) / 150),
+                h: this.localHue,
                 s: 100,
                 b: 100
             });
@@ -341,6 +343,12 @@ export default {
                 hsb = this.HEXtoHSB(this.defaultColor);
             }
 
+            if (this.localHue == null || !this.overlayVisible) {
+                this.localHue = hsb.h;
+            } else {
+                hsb.h = this.localHue;
+            }
+
             return hsb;
         },
         onOverlayEnter(el) {

package/colorpicker/index.d.ts

@@ -161,7 +161,7 @@ export interface ColorPickerProps {
      * Format to use in value binding, supported formats are 'hex', 'rgb' and 'hsb'.
      * @defaultValue hex
      */
-    format?: 'hex' | 'rgb' | 'hsb' | undefined;
+    format?: HintedString<'hex' | 'rgb' | 'hsb'> | undefined;
     /**
      * When present, it specifies that the component should have invalid state style.
      * @defaultValue false

package/colorpicker/index.mjs

@@ -66,6 +66,7 @@ var script = {
     };
   },
   hsbValue: null,
+  localHue: null,
   outsideClickListener: null,
   documentMouseMoveListener: null,
   documentMouseUpListener: null,
@@ -112,7 +113,7 @@ var script = {
       var saturation = Math.floor(100 * Math.max(0, Math.min(150, (event.pageX || event.changedTouches[0].pageX) - left)) / 150);
       var brightness = Math.floor(100 * (150 - Math.max(0, Math.min(150, (event.pageY || event.changedTouches[0].pageY) - top))) / 150);
       this.hsbValue = this.validateHSB({
-        h: this.hsbValue.h,
+        h: this.localHue,
         s: saturation,
         b: brightness
       });
@@ -123,8 +124,9 @@ var script = {
     },
     pickHue: function pickHue(event) {
       var top = this.hueView.getBoundingClientRect().top + (window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0);
+      this.localHue = Math.floor(360 * (150 - Math.max(0, Math.min(150, (event.pageY || event.changedTouches[0].pageY) - top))) / 150);
       this.hsbValue = this.validateHSB({
-        h: Math.floor(360 * (150 - Math.max(0, Math.min(150, (event.pageY || event.changedTouches[0].pageY) - top))) / 150),
+        h: this.localHue,
         s: 100,
         b: 100
       });
@@ -337,6 +339,11 @@ var script = {
       } else {
         hsb = this.HEXtoHSB(this.defaultColor);
       }
+      if (this.localHue == null || !this.overlayVisible) {
+        this.localHue = hsb.h;
+      } else {
+        hsb.h = this.localHue;
+      }
       return hsb;
     },
     onOverlayEnter: function onOverlayEnter(el) {