primevue 3.45.0 → 3.47.0

package/checkbox/Checkbox.d.ts

@@ -7,7 +7,7 @@
  * @module checkbox
  *
  */
-import { InputHTMLAttributes, VNode } from 'vue';
+import { VNode } from 'vue';
 import { ComponentHooks } from '../basecomponent';
 import { PassThroughOptions } from '../passthrough';
 import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers';
@@ -62,17 +62,13 @@ export interface CheckboxPassThroughOptions {
      */
     input?: CheckboxPassThroughOptionType;
     /**
-     * Used to pass attributes to the icon's DOM element.
-     */
-    icon?: CheckboxPassThroughOptionType;
-    /**
-     * Used to pass attributes to the hidden input wrapper's DOM element.
+     * Used to pass attributes to the box's DOM element.
      */
-    hiddenInputWrapper?: CheckboxPassThroughOptionType;
+    box?: CheckboxPassThroughOptionType;
     /**
-     * Used to pass attributes to the hidden input's DOM element.
+     * Used to pass attributes to the icon's DOM element.
      */
-    hiddenInput?: CheckboxPassThroughOptionType;
+    icon?: CheckboxPassThroughOptionType;
     /**
      * Used to manage all lifecycle hooks.
      * @see {@link BaseComponent.ComponentHooks}
@@ -91,11 +87,7 @@ export interface CheckboxPassThroughAttributes {
  * Defines current inline state in Checkbox component.
  */
 export interface CheckboxState {
-    /**
-     * Current focus state as a boolean.
-     * @defaultValue false
-     */
-    focused: boolean;
+    [key: string]: any;
 }
 
 /**
@@ -160,10 +152,6 @@ export interface CheckboxProps {
      * Inline style of the input field.
      */
     inputStyle?: string | object | undefined;
-    /**
-     * Used to pass all properties of the HTMLInputElement to the focusable input element inside the component.
-     */
-    inputProps?: InputHTMLAttributes | undefined;
     /**
      * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
      */
@@ -198,11 +186,6 @@ export interface CheckboxContext {
      * @defaultValue false
      */
     checked: boolean;
-    /**
-     * Current focus state of the item as a boolean.
-     * @defaultValue false
-     */
-    focused: boolean;
     /**
      * Current disabled state of the item as a boolean.
      * @defaultValue false
@@ -235,25 +218,25 @@ export interface CheckboxSlots {
  */
 export interface CheckboxEmits {
     /**
-     * Emitted when the page changes.
-     * @param {*} value - New page value.
-     */
-    'update:page'(value: any): void;
-    /**
-     * Callback to invoke on value click.
-     * @param {MouseEvent} event - Browser event.
+     * Emitted when the value changes.
+     * @param {*} value - New value.
      */
-    click(event: MouseEvent): void;
+    'update:modelValue'(value: any): void;
     /**
      * Callback to invoke on value change.
      * @param {Event} event - Browser event.
      */
     change(event: Event): void;
     /**
-     * Callback to invoke on value change.
-     * @param {boolean} value - New value.
+     * Callback to invoke when the component receives focus.
+     * @param {Event} event - Browser event.
+     */
+    focus(event: Event): void;
+    /**
+     * Callback to invoke when the component loses focus.
+     * @param {Event} event - Browser event.
      */
-    input(value: boolean): void;
+    blur(event: Event): void;
 }
 
 /**

package/checkbox/Checkbox.vue

@@ -1,25 +1,25 @@
 <template>
-    <div :class="cx('root')" @click="onClick($event)" v-bind="getPTOptions('root')" data-pc-name="checkbox">
-        <div class="p-hidden-accessible" v-bind="ptm('hiddenInputWrapper')" :data-p-hidden-accessible="true">
-            <input
-                ref="input"
-                :id="inputId"
-                type="checkbox"
-                :value="value"
-                :name="name"
-                :checked="checked"
-                :tabindex="tabindex"
-                :disabled="disabled"
-                :readonly="readonly"
-                :required="required"
-                :aria-labelledby="ariaLabelledby"
-                :aria-label="ariaLabel"
-                @focus="onFocus($event)"
-                @blur="onBlur($event)"
-                v-bind="ptm('hiddenInput')"
-            />
-        </div>
-        <div ref="box" :class="[cx('input'), inputClass]" :style="inputStyle" v-bind="{ ...inputProps, ...getPTOptions('input') }" :data-p-highlight="checked" :data-p-disabled="disabled" :data-p-focused="focused">
+    <div :class="cx('root')" v-bind="getPTOptions('root')" data-pc-name="checkbox" :data-p-highlight="checked" :data-p-disabled="disabled">
+        <input
+            :id="inputId"
+            type="checkbox"
+            :class="[cx('input'), inputClass]"
+            :style="inputStyle"
+            :value="value"
+            :name="name"
+            :checked="checked"
+            :tabindex="tabindex"
+            :disabled="disabled"
+            :readonly="readonly"
+            :required="required"
+            :aria-labelledby="ariaLabelledby"
+            :aria-label="ariaLabel"
+            @focus="onFocus"
+            @blur="onBlur"
+            @change="onChange"
+            v-bind="getPTOptions('input')"
+        />
+        <div :class="cx('box')" v-bind="getPTOptions('box')">
             <slot name="icon" :checked="checked" :class="cx('icon')">
                 <CheckIcon v-if="checked" :class="cx('icon')" v-bind="getPTOptions('icon')" />
             </slot>
@@ -35,23 +35,17 @@ import BaseCheckbox from './BaseCheckbox.vue';
 export default {
     name: 'Checkbox',
     extends: BaseCheckbox,
-    emits: ['click', 'update:modelValue', 'change', 'input', 'focus', 'blur'],
-    data() {
-        return {
-            focused: false
-        };
-    },
+    emits: ['update:modelValue', 'change', 'focus', 'blur'],
     methods: {
         getPTOptions(key) {
             return this.ptm(key, {
                 context: {
                     checked: this.checked,
-                    focused: this.focused,
                     disabled: this.disabled
                 }
             });
         },
-        onClick(event) {
+        onChange(event) {
             if (!this.disabled && !this.readonly) {
                 let newModelValue;
 
@@ -62,19 +56,14 @@ export default {
                     else newModelValue = this.modelValue ? [...this.modelValue, this.value] : [this.value];
                 }
 
-                this.$emit('click', event);
                 this.$emit('update:modelValue', newModelValue);
                 this.$emit('change', event);
-                this.$emit('input', newModelValue);
-                this.$refs.input.focus();
             }
         },
         onFocus(event) {
-            this.focused = true;
             this.$emit('focus', event);
         },
         onBlur(event) {
-            this.focused = false;
             this.$emit('blur', event);
         }
     },
@@ -84,7 +73,7 @@ export default {
         }
     },
     components: {
-        CheckIcon: CheckIcon
+        CheckIcon
     }
 };
 </script>

package/checkbox/checkbox.cjs.js

@@ -59,10 +59,6 @@ var script$1 = {
       type: Object,
       "default": null
     },
-    inputProps: {
-      type: null,
-      "default": null
-    },
     ariaLabelledby: {
       type: String,
       "default": null
@@ -89,23 +85,17 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 var script = {
   name: 'Checkbox',
   "extends": script$1,
-  emits: ['click', 'update:modelValue', 'change', 'input', 'focus', 'blur'],
-  data: function data() {
-    return {
-      focused: false
-    };
-  },
+  emits: ['update:modelValue', 'change', 'focus', 'blur'],
   methods: {
     getPTOptions: function getPTOptions(key) {
       return this.ptm(key, {
         context: {
           checked: this.checked,
-          focused: this.focused,
           disabled: this.disabled
         }
       });
     },
-    onClick: function onClick(event) {
+    onChange: function onChange(event) {
       var _this = this;
       if (!this.disabled && !this.readonly) {
         var newModelValue;
@@ -116,19 +106,14 @@ var script = {
             return !utils.ObjectUtils.equals(val, _this.value);
           });else newModelValue = this.modelValue ? [].concat(_toConsumableArray(this.modelValue), [this.value]) : [this.value];
         }
-        this.$emit('click', event);
         this.$emit('update:modelValue', newModelValue);
         this.$emit('change', event);
-        this.$emit('input', newModelValue);
-        this.$refs.input.focus();
       }
     },
     onFocus: function onFocus(event) {
-      this.focused = true;
       this.$emit('focus', event);
     },
     onBlur: function onBlur(event) {
-      this.focused = false;
       this.$emit('blur', event);
     }
   },
@@ -142,31 +127,21 @@ var script = {
   }
 };
 
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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 || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var _hoisted_1 = ["id", "value", "name", "checked", "tabindex", "disabled", "readonly", "required", "aria-labelledby", "aria-label"];
-var _hoisted_2 = ["data-p-highlight", "data-p-disabled", "data-p-focused"];
+var _hoisted_1 = ["data-p-highlight", "data-p-disabled"];
+var _hoisted_2 = ["id", "value", "name", "checked", "tabindex", "disabled", "readonly", "required", "aria-labelledby", "aria-label"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_CheckIcon = vue.resolveComponent("CheckIcon");
   return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-    "class": _ctx.cx('root'),
-    onClick: _cache[2] || (_cache[2] = function ($event) {
-      return $options.onClick($event);
-    })
+    "class": _ctx.cx('root')
   }, $options.getPTOptions('root'), {
-    "data-pc-name": "checkbox"
-  }), [vue.createElementVNode("div", vue.mergeProps({
-    "class": "p-hidden-accessible"
-  }, _ctx.ptm('hiddenInputWrapper'), {
-    "data-p-hidden-accessible": true
+    "data-pc-name": "checkbox",
+    "data-p-highlight": $options.checked,
+    "data-p-disabled": _ctx.disabled
   }), [vue.createElementVNode("input", vue.mergeProps({
-    ref: "input",
     id: _ctx.inputId,
     type: "checkbox",
+    "class": [_ctx.cx('input'), _ctx.inputClass],
+    style: _ctx.inputStyle,
     value: _ctx.value,
     name: _ctx.name,
     checked: $options.checked,
@@ -176,21 +151,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     required: _ctx.required,
     "aria-labelledby": _ctx.ariaLabelledby,
     "aria-label": _ctx.ariaLabel,
-    onFocus: _cache[0] || (_cache[0] = function ($event) {
-      return $options.onFocus($event);
+    onFocus: _cache[0] || (_cache[0] = function () {
+      return $options.onFocus && $options.onFocus.apply($options, arguments);
     }),
-    onBlur: _cache[1] || (_cache[1] = function ($event) {
-      return $options.onBlur($event);
+    onBlur: _cache[1] || (_cache[1] = function () {
+      return $options.onBlur && $options.onBlur.apply($options, arguments);
+    }),
+    onChange: _cache[2] || (_cache[2] = function () {
+      return $options.onChange && $options.onChange.apply($options, arguments);
     })
-  }, _ctx.ptm('hiddenInput')), null, 16, _hoisted_1)], 16), vue.createElementVNode("div", vue.mergeProps({
-    ref: "box",
-    "class": [_ctx.cx('input'), _ctx.inputClass],
-    style: _ctx.inputStyle
-  }, _objectSpread(_objectSpread({}, _ctx.inputProps), $options.getPTOptions('input')), {
-    "data-p-highlight": $options.checked,
-    "data-p-disabled": _ctx.disabled,
-    "data-p-focused": $data.focused
-  }), [vue.renderSlot(_ctx.$slots, "icon", {
+  }, $options.getPTOptions('input')), null, 16, _hoisted_2), vue.createElementVNode("div", vue.mergeProps({
+    "class": _ctx.cx('box')
+  }, $options.getPTOptions('box')), [vue.renderSlot(_ctx.$slots, "icon", {
     checked: $options.checked,
     "class": vue.normalizeClass(_ctx.cx('icon'))
   }, function () {
@@ -198,7 +170,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       key: 0,
       "class": _ctx.cx('icon')
     }, $options.getPTOptions('icon')), null, 16, ["class"])) : vue.createCommentVNode("", true)];
-  })], 16, _hoisted_2)], 16);
+  })], 16)], 16, _hoisted_1);
 }
 
 script.render = render;

package/checkbox/checkbox.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/icons/check"),t=require("primevue/utils"),r=require("primevue/basecomponent"),n=require("primevue/checkbox/style"),i=require("vue");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(e);function a(){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 u(e,t){if(e){if("string"==typeof e)return d(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?d(e,t):void 0}}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e){if(Array.isArray(e))return d(e)}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var p={name:"Checkbox",extends:{name:"BaseCheckbox",extends:o(r).default,props:{value:null,modelValue:null,binary:Boolean,name:{type:String,default:null},trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},inputProps:{type:null,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:o(n).default,provide:function(){return{$parentInstance:this}}},emits:["click","update:modelValue","change","input","focus","blur"],data:function(){return{focused:!1}},methods:{getPTOptions:function(e){return this.ptm(e,{context:{checked:this.checked,focused:this.focused,disabled:this.disabled}})},onClick:function(e){var r,n,i=this;this.disabled||this.readonly||(r=this.binary?this.checked?this.falseValue:this.trueValue:this.checked?this.modelValue.filter((function(e){return!t.ObjectUtils.equals(e,i.value)})):this.modelValue?[].concat(s(n=this.modelValue)||c(n)||u(n)||a(),[this.value]):[this.value],this.$emit("click",e),this.$emit("update:modelValue",r),this.$emit("change",e),this.$emit("input",r),this.$refs.input.focus())},onFocus:function(e){this.focused=!0,this.$emit("focus",e)},onBlur:function(e){this.focused=!1,this.$emit("blur",e)}},computed:{checked:function(){return this.binary?this.modelValue===this.trueValue:t.ObjectUtils.contains(this.value,this.modelValue)}},components:{CheckIcon:l.default}};function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){h(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function h(e,t,r){var n;return(t="symbol"==f(n=y(t,"string"))?n:String(n))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(e,t){if("object"!=f(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var v=["id","value","name","checked","tabindex","disabled","readonly","required","aria-labelledby","aria-label"],g=["data-p-highlight","data-p-disabled","data-p-focused"];p.render=function(e,t,r,n,o,l){var a=i.resolveComponent("CheckIcon");return i.openBlock(),i.createElementBlock("div",i.mergeProps({class:e.cx("root"),onClick:t[2]||(t[2]=function(e){return l.onClick(e)})},l.getPTOptions("root"),{"data-pc-name":"checkbox"}),[i.createElementVNode("div",i.mergeProps({class:"p-hidden-accessible"},e.ptm("hiddenInputWrapper"),{"data-p-hidden-accessible":!0}),[i.createElementVNode("input",i.mergeProps({ref:"input",id:e.inputId,type:"checkbox",value:e.value,name:e.name,checked:l.checked,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,required:e.required,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(e){return l.onFocus(e)}),onBlur:t[1]||(t[1]=function(e){return l.onBlur(e)})},e.ptm("hiddenInput")),null,16,v)],16),i.createElementVNode("div",i.mergeProps({ref:"box",class:[e.cx("input"),e.inputClass],style:e.inputStyle},m(m({},e.inputProps),l.getPTOptions("input")),{"data-p-highlight":l.checked,"data-p-disabled":e.disabled,"data-p-focused":o.focused}),[i.renderSlot(e.$slots,"icon",{checked:l.checked,class:i.normalizeClass(e.cx("icon"))},(function(){return[l.checked?(i.openBlock(),i.createBlock(a,i.mergeProps({key:0,class:e.cx("icon")},l.getPTOptions("icon")),null,16,["class"])):i.createCommentVNode("",!0)]}))],16,g)],16)},module.exports=p;
+"use strict";var e=require("primevue/icons/check"),t=require("primevue/utils"),n=require("primevue/basecomponent"),a=require("primevue/checkbox/style"),l=require("vue");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e);function o(){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 u(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e){if(Array.isArray(e))return s(e)}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var p={name:"Checkbox",extends:{name:"BaseCheckbox",extends:r(n).default,props:{value:null,modelValue:null,binary:Boolean,name:{type:String,default:null},trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:r(a).default,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","focus","blur"],methods:{getPTOptions:function(e){return this.ptm(e,{context:{checked:this.checked,disabled:this.disabled}})},onChange:function(e){var n,a,l=this;this.disabled||this.readonly||(n=this.binary?this.checked?this.falseValue:this.trueValue:this.checked?this.modelValue.filter((function(e){return!t.ObjectUtils.equals(e,l.value)})):this.modelValue?[].concat(d(a=this.modelValue)||c(a)||u(a)||o(),[this.value]):[this.value],this.$emit("update:modelValue",n),this.$emit("change",e))},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){this.$emit("blur",e)}},computed:{checked:function(){return this.binary?this.modelValue===this.trueValue:t.ObjectUtils.contains(this.value,this.modelValue)}},components:{CheckIcon:i.default}},h=["data-p-highlight","data-p-disabled"],b=["id","value","name","checked","tabindex","disabled","readonly","required","aria-labelledby","aria-label"];p.render=function(e,t,n,a,r,i){var o=l.resolveComponent("CheckIcon");return l.openBlock(),l.createElementBlock("div",l.mergeProps({class:e.cx("root")},i.getPTOptions("root"),{"data-pc-name":"checkbox","data-p-highlight":i.checked,"data-p-disabled":e.disabled}),[l.createElementVNode("input",l.mergeProps({id:e.inputId,type:"checkbox",class:[e.cx("input"),e.inputClass],style:e.inputStyle,value:e.value,name:e.name,checked:i.checked,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,required:e.required,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(){return i.onFocus&&i.onFocus.apply(i,arguments)}),onBlur:t[1]||(t[1]=function(){return i.onBlur&&i.onBlur.apply(i,arguments)}),onChange:t[2]||(t[2]=function(){return i.onChange&&i.onChange.apply(i,arguments)})},i.getPTOptions("input")),null,16,b),l.createElementVNode("div",l.mergeProps({class:e.cx("box")},i.getPTOptions("box")),[l.renderSlot(e.$slots,"icon",{checked:i.checked,class:l.normalizeClass(e.cx("icon"))},(function(){return[i.checked?(l.openBlock(),l.createBlock(o,l.mergeProps({key:0,class:e.cx("icon")},i.getPTOptions("icon")),null,16,["class"])):l.createCommentVNode("",!0)]}))],16)],16,h)},module.exports=p;

package/checkbox/checkbox.esm.js

@@ -51,10 +51,6 @@ var script$1 = {
       type: Object,
       "default": null
     },
-    inputProps: {
-      type: null,
-      "default": null
-    },
     ariaLabelledby: {
       type: String,
       "default": null
@@ -81,23 +77,17 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 var script = {
   name: 'Checkbox',
   "extends": script$1,
-  emits: ['click', 'update:modelValue', 'change', 'input', 'focus', 'blur'],
-  data: function data() {
-    return {
-      focused: false
-    };
-  },
+  emits: ['update:modelValue', 'change', 'focus', 'blur'],
   methods: {
     getPTOptions: function getPTOptions(key) {
       return this.ptm(key, {
         context: {
           checked: this.checked,
-          focused: this.focused,
           disabled: this.disabled
         }
       });
     },
-    onClick: function onClick(event) {
+    onChange: function onChange(event) {
       var _this = this;
       if (!this.disabled && !this.readonly) {
         var newModelValue;
@@ -108,19 +98,14 @@ var script = {
             return !ObjectUtils.equals(val, _this.value);
           });else newModelValue = this.modelValue ? [].concat(_toConsumableArray(this.modelValue), [this.value]) : [this.value];
         }
-        this.$emit('click', event);
         this.$emit('update:modelValue', newModelValue);
         this.$emit('change', event);
-        this.$emit('input', newModelValue);
-        this.$refs.input.focus();
       }
     },
     onFocus: function onFocus(event) {
-      this.focused = true;
       this.$emit('focus', event);
     },
     onBlur: function onBlur(event) {
-      this.focused = false;
       this.$emit('blur', event);
     }
   },
@@ -134,31 +119,21 @@ var script = {
   }
 };
 
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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 || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var _hoisted_1 = ["id", "value", "name", "checked", "tabindex", "disabled", "readonly", "required", "aria-labelledby", "aria-label"];
-var _hoisted_2 = ["data-p-highlight", "data-p-disabled", "data-p-focused"];
+var _hoisted_1 = ["data-p-highlight", "data-p-disabled"];
+var _hoisted_2 = ["id", "value", "name", "checked", "tabindex", "disabled", "readonly", "required", "aria-labelledby", "aria-label"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_CheckIcon = resolveComponent("CheckIcon");
   return openBlock(), createElementBlock("div", mergeProps({
-    "class": _ctx.cx('root'),
-    onClick: _cache[2] || (_cache[2] = function ($event) {
-      return $options.onClick($event);
-    })
+    "class": _ctx.cx('root')
   }, $options.getPTOptions('root'), {
-    "data-pc-name": "checkbox"
-  }), [createElementVNode("div", mergeProps({
-    "class": "p-hidden-accessible"
-  }, _ctx.ptm('hiddenInputWrapper'), {
-    "data-p-hidden-accessible": true
+    "data-pc-name": "checkbox",
+    "data-p-highlight": $options.checked,
+    "data-p-disabled": _ctx.disabled
   }), [createElementVNode("input", mergeProps({
-    ref: "input",
     id: _ctx.inputId,
     type: "checkbox",
+    "class": [_ctx.cx('input'), _ctx.inputClass],
+    style: _ctx.inputStyle,
     value: _ctx.value,
     name: _ctx.name,
     checked: $options.checked,
@@ -168,21 +143,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     required: _ctx.required,
     "aria-labelledby": _ctx.ariaLabelledby,
     "aria-label": _ctx.ariaLabel,
-    onFocus: _cache[0] || (_cache[0] = function ($event) {
-      return $options.onFocus($event);
+    onFocus: _cache[0] || (_cache[0] = function () {
+      return $options.onFocus && $options.onFocus.apply($options, arguments);
     }),
-    onBlur: _cache[1] || (_cache[1] = function ($event) {
-      return $options.onBlur($event);
+    onBlur: _cache[1] || (_cache[1] = function () {
+      return $options.onBlur && $options.onBlur.apply($options, arguments);
+    }),
+    onChange: _cache[2] || (_cache[2] = function () {
+      return $options.onChange && $options.onChange.apply($options, arguments);
     })
-  }, _ctx.ptm('hiddenInput')), null, 16, _hoisted_1)], 16), createElementVNode("div", mergeProps({
-    ref: "box",
-    "class": [_ctx.cx('input'), _ctx.inputClass],
-    style: _ctx.inputStyle
-  }, _objectSpread(_objectSpread({}, _ctx.inputProps), $options.getPTOptions('input')), {
-    "data-p-highlight": $options.checked,
-    "data-p-disabled": _ctx.disabled,
-    "data-p-focused": $data.focused
-  }), [renderSlot(_ctx.$slots, "icon", {
+  }, $options.getPTOptions('input')), null, 16, _hoisted_2), createElementVNode("div", mergeProps({
+    "class": _ctx.cx('box')
+  }, $options.getPTOptions('box')), [renderSlot(_ctx.$slots, "icon", {
     checked: $options.checked,
     "class": normalizeClass(_ctx.cx('icon'))
   }, function () {
@@ -190,7 +162,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       key: 0,
       "class": _ctx.cx('icon')
     }, $options.getPTOptions('icon')), null, 16, ["class"])) : createCommentVNode("", true)];
-  })], 16, _hoisted_2)], 16);
+  })], 16)], 16, _hoisted_1);
 }
 
 script.render = render;

package/checkbox/checkbox.esm.min.js

@@ -1 +1 @@
-import e from"primevue/icons/check";import{ObjectUtils as t}from"primevue/utils";import n from"primevue/basecomponent";import r from"primevue/checkbox/style";import{resolveComponent as i,openBlock as o,createElementBlock as a,mergeProps as l,createElementVNode as u,renderSlot as c,normalizeClass as s,createBlock as d,createCommentVNode as p}from"vue";function f(){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 b(e,t){if(e){if("string"==typeof e)return m(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e){if(Array.isArray(e))return m(e)}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var v={name:"Checkbox",extends:{name:"BaseCheckbox",extends:n,props:{value:null,modelValue:null,binary:Boolean,name:{type:String,default:null},trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},inputProps:{type:null,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:r,provide:function(){return{$parentInstance:this}}},emits:["click","update:modelValue","change","input","focus","blur"],data:function(){return{focused:!1}},methods:{getPTOptions:function(e){return this.ptm(e,{context:{checked:this.checked,focused:this.focused,disabled:this.disabled}})},onClick:function(e){var n,r,i=this;this.disabled||this.readonly||(n=this.binary?this.checked?this.falseValue:this.trueValue:this.checked?this.modelValue.filter((function(e){return!t.equals(e,i.value)})):this.modelValue?[].concat(y(r=this.modelValue)||h(r)||b(r)||f(),[this.value]):[this.value],this.$emit("click",e),this.$emit("update:modelValue",n),this.$emit("change",e),this.$emit("input",n),this.$refs.input.focus())},onFocus:function(e){this.focused=!0,this.$emit("focus",e)},onBlur:function(e){this.focused=!1,this.$emit("blur",e)}},computed:{checked:function(){return this.binary?this.modelValue===this.trueValue:t.contains(this.value,this.modelValue)}},components:{CheckIcon:e}};function g(e){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},g(e)}function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function O(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function S(e,t,n){var r;return(t="symbol"==g(r=j(t,"string"))?r:String(r))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function j(e,t){if("object"!=g(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=g(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var x=["id","value","name","checked","tabindex","disabled","readonly","required","aria-labelledby","aria-label"],P=["data-p-highlight","data-p-disabled","data-p-focused"];v.render=function(e,t,n,r,f,b){var h=i("CheckIcon");return o(),a("div",l({class:e.cx("root"),onClick:t[2]||(t[2]=function(e){return b.onClick(e)})},b.getPTOptions("root"),{"data-pc-name":"checkbox"}),[u("div",l({class:"p-hidden-accessible"},e.ptm("hiddenInputWrapper"),{"data-p-hidden-accessible":!0}),[u("input",l({ref:"input",id:e.inputId,type:"checkbox",value:e.value,name:e.name,checked:b.checked,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,required:e.required,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(e){return b.onFocus(e)}),onBlur:t[1]||(t[1]=function(e){return b.onBlur(e)})},e.ptm("hiddenInput")),null,16,x)],16),u("div",l({ref:"box",class:[e.cx("input"),e.inputClass],style:e.inputStyle},O(O({},e.inputProps),b.getPTOptions("input")),{"data-p-highlight":b.checked,"data-p-disabled":e.disabled,"data-p-focused":f.focused}),[c(e.$slots,"icon",{checked:b.checked,class:s(e.cx("icon"))},(function(){return[b.checked?(o(),d(h,l({key:0,class:e.cx("icon")},b.getPTOptions("icon")),null,16,["class"])):p("",!0)]}))],16,P)],16)};export{v as default};
+import e from"primevue/icons/check";import{ObjectUtils as t}from"primevue/utils";import n from"primevue/basecomponent";import a from"primevue/checkbox/style";import{resolveComponent as l,openBlock as i,createElementBlock as r,mergeProps as o,createElementVNode as u,renderSlot as c,normalizeClass as d,createBlock as s,createCommentVNode as p}from"vue";function h(){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 b(e,t){if(e){if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e){if(Array.isArray(e))return y(e)}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var g={name:"Checkbox",extends:{name:"BaseCheckbox",extends:n,props:{value:null,modelValue:null,binary:Boolean,name:{type:String,default:null},trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:a,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","focus","blur"],methods:{getPTOptions:function(e){return this.ptm(e,{context:{checked:this.checked,disabled:this.disabled}})},onChange:function(e){var n,a,l=this;this.disabled||this.readonly||(n=this.binary?this.checked?this.falseValue:this.trueValue:this.checked?this.modelValue.filter((function(e){return!t.equals(e,l.value)})):this.modelValue?[].concat(f(a=this.modelValue)||m(a)||b(a)||h(),[this.value]):[this.value],this.$emit("update:modelValue",n),this.$emit("change",e))},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){this.$emit("blur",e)}},computed:{checked:function(){return this.binary?this.modelValue===this.trueValue:t.contains(this.value,this.modelValue)}},components:{CheckIcon:e}},v=["data-p-highlight","data-p-disabled"],k=["id","value","name","checked","tabindex","disabled","readonly","required","aria-labelledby","aria-label"];g.render=function(e,t,n,a,h,b){var m=l("CheckIcon");return i(),r("div",o({class:e.cx("root")},b.getPTOptions("root"),{"data-pc-name":"checkbox","data-p-highlight":b.checked,"data-p-disabled":e.disabled}),[u("input",o({id:e.inputId,type:"checkbox",class:[e.cx("input"),e.inputClass],style:e.inputStyle,value:e.value,name:e.name,checked:b.checked,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,required:e.required,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(){return b.onFocus&&b.onFocus.apply(b,arguments)}),onBlur:t[1]||(t[1]=function(){return b.onBlur&&b.onBlur.apply(b,arguments)}),onChange:t[2]||(t[2]=function(){return b.onChange&&b.onChange.apply(b,arguments)})},b.getPTOptions("input")),null,16,k),u("div",o({class:e.cx("box")},b.getPTOptions("box")),[c(e.$slots,"icon",{checked:b.checked,class:d(e.cx("icon"))},(function(){return[b.checked?(i(),s(m,o({key:0,class:e.cx("icon")},b.getPTOptions("icon")),null,16,["class"])):p("",!0)]}))],16)],16,v)};export{g as default};