primevue 3.46.0 → 3.47.1

package/inputswitch/inputswitch.esm.min.js

@@ -1 +1 @@
-import e from"primevue/basecomponent";import t from"primevue/inputswitch/style";import{openBlock as n,createElementBlock as r,mergeProps as i,createElementVNode as u}from"vue";var l={name:"InputSwitch",extends:{name:"BaseInputSwitch",extends:e,props:{modelValue:{type:null,default:!1},trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},disabled:{type:Boolean,default:!1},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:t,provide:function(){return{$parentInstance:this}}},emits:["click","update:modelValue","change","input","focus","blur"],data:function(){return{focused:!1}},methods:{onClick:function(e){if(!this.disabled){var t=this.checked?this.falseValue:this.trueValue;this.$emit("click",e),this.$emit("update:modelValue",t),this.$emit("change",e),this.$emit("input",t),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.modelValue===this.trueValue}}};function o(e){return o="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},o(e)}function a(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 c(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){s(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(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"==o(r=p(t,"string"))?r:String(r))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e,t){if("object"!=o(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var d=["id","checked","disabled","aria-checked","aria-labelledby","aria-label"];l.render=function(e,t,l,o,a,s){return n(),r("div",i({class:e.cx("root"),style:e.sx("root"),onClick:t[2]||(t[2]=function(e){return s.onClick(e)})},e.ptm("root"),{"data-pc-name":"inputswitch"}),[u("div",i({class:"p-hidden-accessible"},e.ptm("hiddenInputWrapper"),{"data-p-hidden-accessible":!0}),[u("input",i({ref:"input",id:e.inputId,type:"checkbox",role:"switch",class:e.inputClass,style:e.inputStyle,checked:s.checked,disabled:e.disabled,"aria-checked":s.checked,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(e){return s.onFocus(e)}),onBlur:t[1]||(t[1]=function(e){return s.onBlur(e)})},c(c({},e.inputProps),e.ptm("hiddenInput"))),null,16,d)],16),u("span",i({class:e.cx("slider")},e.ptm("slider")),null,16)],16)};export{l as default};
+import e from"primevue/basecomponent";import t from"primevue/inputswitch/style";import{openBlock as a,createElementBlock as l,mergeProps as n,createElementVNode as i}from"vue";var u={name:"InputSwitch",extends:{name:"BaseInputSwitch",extends:e,props:{modelValue:{type:null,default:!1},trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:t,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","focus","blur"],methods:{getPTOptions:function(e){return this.ptm(e,{context:{checked:this.checked,disabled:this.disabled}})},onChange:function(e){this.disabled||this.readonly||(this.$emit("update:modelValue",this.checked?this.falseValue:this.trueValue),this.$emit("change",e))},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){this.$emit("blur",e)}},computed:{checked:function(){return this.modelValue===this.trueValue}}},d=["data-p-highlight","data-p-disabled"],o=["id","checked","tabindex","disabled","readonly","aria-checked","aria-labelledby","aria-label"];u.render=function(e,t,u,s,r,c){return a(),l("div",n({class:e.cx("root"),style:e.sx("root")},c.getPTOptions("root"),{"data-pc-name":"inputswitch","data-p-highlight":c.checked,"data-p-disabled":e.disabled}),[i("input",n({id:e.inputId,type:"checkbox",role:"switch",class:[e.cx("input"),e.inputClass],style:e.inputStyle,checked:c.checked,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,"aria-checked":c.checked,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(){return c.onFocus&&c.onFocus.apply(c,arguments)}),onBlur:t[1]||(t[1]=function(){return c.onBlur&&c.onBlur.apply(c,arguments)}),onChange:t[2]||(t[2]=function(){return c.onChange&&c.onChange.apply(c,arguments)})},c.getPTOptions("input")),null,16,o),i("span",n({class:e.cx("slider")},c.getPTOptions("slider")),null,16)],16,d)};export{u as default};

package/inputswitch/inputswitch.js

@@ -27,6 +27,14 @@ this.primevue.inputswitch = (function (BaseComponent, InputSwitchStyle, vue) {
           type: Boolean,
           "default": false
         },
+        readonly: {
+          type: Boolean,
+          "default": false
+        },
+        tabindex: {
+          type: Number,
+          "default": null
+        },
         inputId: {
           type: String,
           "default": null
@@ -39,10 +47,6 @@ this.primevue.inputswitch = (function (BaseComponent, InputSwitchStyle, vue) {
           type: Object,
           "default": null
         },
-        inputProps: {
-          type: null,
-          "default": null
-        },
         ariaLabelledby: {
           type: String,
           "default": null
@@ -63,29 +67,27 @@ this.primevue.inputswitch = (function (BaseComponent, InputSwitchStyle, vue) {
     var script = {
       name: 'InputSwitch',
       "extends": script$1,
-      emits: ['click', 'update:modelValue', 'change', 'input', 'focus', 'blur'],
-      data: function data() {
-        return {
-          focused: false
-        };
-      },
+      emits: ['update:modelValue', 'change', 'focus', 'blur'],
       methods: {
-        onClick: function onClick(event) {
-          if (!this.disabled) {
+        getPTOptions: function getPTOptions(key) {
+          return this.ptm(key, {
+            context: {
+              checked: this.checked,
+              disabled: this.disabled
+            }
+          });
+        },
+        onChange: function onChange(event) {
+          if (!this.disabled && !this.readonly) {
             var newValue = this.checked ? this.falseValue : this.trueValue;
-            this.$emit('click', event);
             this.$emit('update:modelValue', newValue);
             this.$emit('change', event);
-            this.$emit('input', newValue);
-            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);
         }
       },
@@ -96,47 +98,41 @@ this.primevue.inputswitch = (function (BaseComponent, InputSwitchStyle, vue) {
       }
     };
 
-    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", "checked", "disabled", "aria-checked", "aria-labelledby", "aria-label"];
+    var _hoisted_1 = ["data-p-highlight", "data-p-disabled"];
+    var _hoisted_2 = ["id", "checked", "tabindex", "disabled", "readonly", "aria-checked", "aria-labelledby", "aria-label"];
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         "class": _ctx.cx('root'),
-        style: _ctx.sx('root'),
-        onClick: _cache[2] || (_cache[2] = function ($event) {
-          return $options.onClick($event);
-        })
-      }, _ctx.ptm('root'), {
-        "data-pc-name": "inputswitch"
-      }), [vue.createElementVNode("div", vue.mergeProps({
-        "class": "p-hidden-accessible"
-      }, _ctx.ptm('hiddenInputWrapper'), {
-        "data-p-hidden-accessible": true
+        style: _ctx.sx('root')
+      }, $options.getPTOptions('root'), {
+        "data-pc-name": "inputswitch",
+        "data-p-highlight": $options.checked,
+        "data-p-disabled": _ctx.disabled
       }), [vue.createElementVNode("input", vue.mergeProps({
-        ref: "input",
         id: _ctx.inputId,
         type: "checkbox",
         role: "switch",
-        "class": _ctx.inputClass,
+        "class": [_ctx.cx('input'), _ctx.inputClass],
         style: _ctx.inputStyle,
         checked: $options.checked,
+        tabindex: _ctx.tabindex,
         disabled: _ctx.disabled,
+        readonly: _ctx.readonly,
         "aria-checked": $options.checked,
         "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 () {
+          return $options.onBlur && $options.onBlur.apply($options, arguments);
         }),
-        onBlur: _cache[1] || (_cache[1] = function ($event) {
-          return $options.onBlur($event);
+        onChange: _cache[2] || (_cache[2] = function () {
+          return $options.onChange && $options.onChange.apply($options, arguments);
         })
-      }, _objectSpread(_objectSpread({}, _ctx.inputProps), _ctx.ptm('hiddenInput'))), null, 16, _hoisted_1)], 16), vue.createElementVNode("span", vue.mergeProps({
+      }, $options.getPTOptions('input')), null, 16, _hoisted_2), vue.createElementVNode("span", vue.mergeProps({
         "class": _ctx.cx('slider')
-      }, _ctx.ptm('slider')), null, 16)], 16);
+      }, $options.getPTOptions('slider')), null, 16)], 16, _hoisted_1);
     }
 
     script.render = render;

package/inputswitch/inputswitch.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.inputswitch=function(e,t,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i={name:"InputSwitch",extends:{name:"BaseInputSwitch",extends:r(e).default,props:{modelValue:{type:null,default:!1},trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},disabled:{type:Boolean,default:!1},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(t).default,provide:function(){return{$parentInstance:this}}},emits:["click","update:modelValue","change","input","focus","blur"],data:function(){return{focused:!1}},methods:{onClick:function(e){if(!this.disabled){var t=this.checked?this.falseValue:this.trueValue;this.$emit("click",e),this.$emit("update:modelValue",t),this.$emit("change",e),this.$emit("input",t),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.modelValue===this.trueValue}}};function u(e){return u="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},u(e)}function l(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?l(Object(n),!0).forEach((function(t){c(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function c(e,t,n){var r;return(t="symbol"==u(r=a(t,"string"))?r:String(r))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){if("object"!=u(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var s=["id","checked","disabled","aria-checked","aria-labelledby","aria-label"];return i.render=function(e,t,r,i,u,l){return n.openBlock(),n.createElementBlock("div",n.mergeProps({class:e.cx("root"),style:e.sx("root"),onClick:t[2]||(t[2]=function(e){return l.onClick(e)})},e.ptm("root"),{"data-pc-name":"inputswitch"}),[n.createElementVNode("div",n.mergeProps({class:"p-hidden-accessible"},e.ptm("hiddenInputWrapper"),{"data-p-hidden-accessible":!0}),[n.createElementVNode("input",n.mergeProps({ref:"input",id:e.inputId,type:"checkbox",role:"switch",class:e.inputClass,style:e.inputStyle,checked:l.checked,disabled:e.disabled,"aria-checked":l.checked,"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)})},o(o({},e.inputProps),e.ptm("hiddenInput"))),null,16,s)],16),n.createElementVNode("span",n.mergeProps({class:e.cx("slider")},e.ptm("slider")),null,16)],16)},i}(primevue.basecomponent,primevue.inputswitch.style,Vue);
+this.primevue=this.primevue||{},this.primevue.inputswitch=function(e,t,l){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n={name:"InputSwitch",extends:{name:"BaseInputSwitch",extends:a(e).default,props:{modelValue:{type:null,default:!1},trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:a(t).default,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","focus","blur"],methods:{getPTOptions:function(e){return this.ptm(e,{context:{checked:this.checked,disabled:this.disabled}})},onChange:function(e){this.disabled||this.readonly||(this.$emit("update:modelValue",this.checked?this.falseValue:this.trueValue),this.$emit("change",e))},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){this.$emit("blur",e)}},computed:{checked:function(){return this.modelValue===this.trueValue}}},i=["data-p-highlight","data-p-disabled"],u=["id","checked","tabindex","disabled","readonly","aria-checked","aria-labelledby","aria-label"];return n.render=function(e,t,a,n,d,s){return l.openBlock(),l.createElementBlock("div",l.mergeProps({class:e.cx("root"),style:e.sx("root")},s.getPTOptions("root"),{"data-pc-name":"inputswitch","data-p-highlight":s.checked,"data-p-disabled":e.disabled}),[l.createElementVNode("input",l.mergeProps({id:e.inputId,type:"checkbox",role:"switch",class:[e.cx("input"),e.inputClass],style:e.inputStyle,checked:s.checked,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,"aria-checked":s.checked,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(){return s.onFocus&&s.onFocus.apply(s,arguments)}),onBlur:t[1]||(t[1]=function(){return s.onBlur&&s.onBlur.apply(s,arguments)}),onChange:t[2]||(t[2]=function(){return s.onChange&&s.onChange.apply(s,arguments)})},s.getPTOptions("input")),null,16,u),l.createElementVNode("span",l.mergeProps({class:e.cx("slider")},s.getPTOptions("slider")),null,16)],16,i)},n}(primevue.basecomponent,primevue.inputswitch.style,Vue);

package/inputswitch/style/inputswitchstyle.cjs.js

@@ -6,7 +6,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-var css = "\n@layer primevue {\n    .p-inputswitch {\n        display: inline-block;\n    }\n\n    .p-inputswitch-slider {\n        position: absolute;\n        cursor: pointer;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        border: 1px solid transparent;\n    }\n\n    .p-inputswitch-slider:before {\n        position: absolute;\n        content: '';\n        top: 50%;\n    }\n}\n";
+var css = "\n@layer primevue {\n    .p-inputswitch {\n        display: inline-block;\n    }\n\n    .p-inputswitch-input {\n        cursor: pointer;\n    }\n\n    .p-inputswitch-slider {\n        position: absolute;\n        cursor: pointer;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        border: 1px solid transparent;\n    }\n\n    .p-inputswitch-slider:before {\n        position: absolute;\n        content: '';\n        top: 50%;\n    }\n}\n";
 var inlineStyles = {
   root: {
     position: 'relative'
@@ -17,11 +17,11 @@ var classes = {
     var instance = _ref.instance,
       props = _ref.props;
     return ['p-inputswitch p-component', {
-      'p-inputswitch-checked': instance.checked,
-      'p-disabled': props.disabled,
-      'p-focus': instance.focused
+      'p-highlight': instance.checked,
+      'p-disabled': props.disabled
     }];
   },
+  input: 'p-inputswitch-input',
   slider: 'p-inputswitch-slider'
 };
 var InputSwitchStyle = BaseStyle__default["default"].extend({

package/inputswitch/style/inputswitchstyle.cjs.min.js

@@ -1 +1 @@
-"use strict";function n(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var e=n(require("primevue/base/style")).default.extend({name:"inputswitch",css:"\n@layer primevue {\n    .p-inputswitch {\n        display: inline-block;\n    }\n\n    .p-inputswitch-slider {\n        position: absolute;\n        cursor: pointer;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        border: 1px solid transparent;\n    }\n\n    .p-inputswitch-slider:before {\n        position: absolute;\n        content: '';\n        top: 50%;\n    }\n}\n",classes:{root:function(n){var e=n.instance;return["p-inputswitch p-component",{"p-inputswitch-checked":e.checked,"p-disabled":n.props.disabled,"p-focus":e.focused}]},slider:"p-inputswitch-slider"},inlineStyles:{root:{position:"relative"}}});module.exports=e;
+"use strict";function n(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t=n(require("primevue/base/style")).default.extend({name:"inputswitch",css:"\n@layer primevue {\n    .p-inputswitch {\n        display: inline-block;\n    }\n\n    .p-inputswitch-input {\n        cursor: pointer;\n    }\n\n    .p-inputswitch-slider {\n        position: absolute;\n        cursor: pointer;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        border: 1px solid transparent;\n    }\n\n    .p-inputswitch-slider:before {\n        position: absolute;\n        content: '';\n        top: 50%;\n    }\n}\n",classes:{root:function(n){return["p-inputswitch p-component",{"p-highlight":n.instance.checked,"p-disabled":n.props.disabled}]},input:"p-inputswitch-input",slider:"p-inputswitch-slider"},inlineStyles:{root:{position:"relative"}}});module.exports=t;

package/inputswitch/style/inputswitchstyle.esm.js

@@ -1,6 +1,6 @@
 import BaseStyle from 'primevue/base/style';
 
-var css = "\n@layer primevue {\n    .p-inputswitch {\n        display: inline-block;\n    }\n\n    .p-inputswitch-slider {\n        position: absolute;\n        cursor: pointer;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        border: 1px solid transparent;\n    }\n\n    .p-inputswitch-slider:before {\n        position: absolute;\n        content: '';\n        top: 50%;\n    }\n}\n";
+var css = "\n@layer primevue {\n    .p-inputswitch {\n        display: inline-block;\n    }\n\n    .p-inputswitch-input {\n        cursor: pointer;\n    }\n\n    .p-inputswitch-slider {\n        position: absolute;\n        cursor: pointer;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        border: 1px solid transparent;\n    }\n\n    .p-inputswitch-slider:before {\n        position: absolute;\n        content: '';\n        top: 50%;\n    }\n}\n";
 var inlineStyles = {
   root: {
     position: 'relative'
@@ -11,11 +11,11 @@ var classes = {
     var instance = _ref.instance,
       props = _ref.props;
     return ['p-inputswitch p-component', {
-      'p-inputswitch-checked': instance.checked,
-      'p-disabled': props.disabled,
-      'p-focus': instance.focused
+      'p-highlight': instance.checked,
+      'p-disabled': props.disabled
     }];
   },
+  input: 'p-inputswitch-input',
   slider: 'p-inputswitch-slider'
 };
 var InputSwitchStyle = BaseStyle.extend({

package/inputswitch/style/inputswitchstyle.esm.min.js

@@ -1 +1 @@
-import n from"primevue/base/style";var t=n.extend({name:"inputswitch",css:"\n@layer primevue {\n    .p-inputswitch {\n        display: inline-block;\n    }\n\n    .p-inputswitch-slider {\n        position: absolute;\n        cursor: pointer;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        border: 1px solid transparent;\n    }\n\n    .p-inputswitch-slider:before {\n        position: absolute;\n        content: '';\n        top: 50%;\n    }\n}\n",classes:{root:function(n){var t=n.instance;return["p-inputswitch p-component",{"p-inputswitch-checked":t.checked,"p-disabled":n.props.disabled,"p-focus":t.focused}]},slider:"p-inputswitch-slider"},inlineStyles:{root:{position:"relative"}}});export{t as default};
+import n from"primevue/base/style";var t=n.extend({name:"inputswitch",css:"\n@layer primevue {\n    .p-inputswitch {\n        display: inline-block;\n    }\n\n    .p-inputswitch-input {\n        cursor: pointer;\n    }\n\n    .p-inputswitch-slider {\n        position: absolute;\n        cursor: pointer;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        border: 1px solid transparent;\n    }\n\n    .p-inputswitch-slider:before {\n        position: absolute;\n        content: '';\n        top: 50%;\n    }\n}\n",classes:{root:function(n){return["p-inputswitch p-component",{"p-highlight":n.instance.checked,"p-disabled":n.props.disabled}]},input:"p-inputswitch-input",slider:"p-inputswitch-slider"},inlineStyles:{root:{position:"relative"}}});export{t as default};

package/inputswitch/style/inputswitchstyle.js

@@ -7,7 +7,7 @@ this.primevue.inputswitch.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-inputswitch {\n        display: inline-block;\n    }\n\n    .p-inputswitch-slider {\n        position: absolute;\n        cursor: pointer;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        border: 1px solid transparent;\n    }\n\n    .p-inputswitch-slider:before {\n        position: absolute;\n        content: '';\n        top: 50%;\n    }\n}\n";
+    var css = "\n@layer primevue {\n    .p-inputswitch {\n        display: inline-block;\n    }\n\n    .p-inputswitch-input {\n        cursor: pointer;\n    }\n\n    .p-inputswitch-slider {\n        position: absolute;\n        cursor: pointer;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        border: 1px solid transparent;\n    }\n\n    .p-inputswitch-slider:before {\n        position: absolute;\n        content: '';\n        top: 50%;\n    }\n}\n";
     var inlineStyles = {
       root: {
         position: 'relative'
@@ -18,11 +18,11 @@ this.primevue.inputswitch.style = (function (BaseStyle) {
         var instance = _ref.instance,
           props = _ref.props;
         return ['p-inputswitch p-component', {
-          'p-inputswitch-checked': instance.checked,
-          'p-disabled': props.disabled,
-          'p-focus': instance.focused
+          'p-highlight': instance.checked,
+          'p-disabled': props.disabled
         }];
       },
+      input: 'p-inputswitch-input',
       slider: 'p-inputswitch-slider'
     };
     var InputSwitchStyle = BaseStyle__default["default"].extend({

package/inputswitch/style/inputswitchstyle.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.inputswitch=this.primevue.inputswitch||{},this.primevue.inputswitch.style=function(t){"use strict";function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}return n(primevue.base.style).default.extend({name:"inputswitch",css:"\n@layer primevue {\n    .p-inputswitch {\n        display: inline-block;\n    }\n\n    .p-inputswitch-slider {\n        position: absolute;\n        cursor: pointer;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        border: 1px solid transparent;\n    }\n\n    .p-inputswitch-slider:before {\n        position: absolute;\n        content: '';\n        top: 50%;\n    }\n}\n",classes:{root:function(t){var n=t.instance;return["p-inputswitch p-component",{"p-inputswitch-checked":n.checked,"p-disabled":t.props.disabled,"p-focus":n.focused}]},slider:"p-inputswitch-slider"},inlineStyles:{root:{position:"relative"}}})}();
+this.primevue=this.primevue||{},this.primevue.inputswitch=this.primevue.inputswitch||{},this.primevue.inputswitch.style=function(t){"use strict";function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}return n(primevue.base.style).default.extend({name:"inputswitch",css:"\n@layer primevue {\n    .p-inputswitch {\n        display: inline-block;\n    }\n\n    .p-inputswitch-input {\n        cursor: pointer;\n    }\n\n    .p-inputswitch-slider {\n        position: absolute;\n        cursor: pointer;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        border: 1px solid transparent;\n    }\n\n    .p-inputswitch-slider:before {\n        position: absolute;\n        content: '';\n        top: 50%;\n    }\n}\n",classes:{root:function(t){return["p-inputswitch p-component",{"p-highlight":t.instance.checked,"p-disabled":t.props.disabled}]},input:"p-inputswitch-input",slider:"p-inputswitch-slider"},inlineStyles:{root:{position:"relative"}}})}();

package/listbox/BaseListbox.vue

@@ -51,6 +51,10 @@ export default {
             type: Boolean,
             default: false
         },
+        focusOnHover: {
+            type: Boolean,
+            default: true
+        },
         filterMessage: {
             type: String,
             default: null

package/listbox/Listbox.d.ts

@@ -293,7 +293,7 @@ export interface ListboxProps {
     virtualScrollerOptions?: VirtualScrollerProps;
     /**
      * Whether to focus on the first visible or selected element.
-     * @defaultValue true
+     * @defaultValue false
      */
     autoOptionFocus?: boolean | undefined;
     /**
@@ -301,6 +301,11 @@ export interface ListboxProps {
      * @defaultValue false
      */
     selectOnFocus?: boolean | undefined;
+    /**
+     * When enabled, the focus is placed on the hovered option.
+     * @defaultValue true
+     */
+    focusOnHover?: boolean | undefined;
     /**
      * Text to be displayed in hidden accessible field when filtering returns any results. Defaults to value from PrimeVue locale configuration.
      * @defaultValue '{0} results are available'

package/listbox/Listbox.vue

@@ -139,7 +139,6 @@ export default {
     startRangeIndex: -1,
     searchTimeout: null,
     searchValue: '',
-    focusOnHover: false,
     data() {
         return {
             id: this.$attrs.id,
@@ -158,7 +157,6 @@ export default {
     },
     mounted() {
         this.id = this.id || UniqueComponentId();
-
         this.autoUpdateModel();
     },
     methods: {
@@ -227,7 +225,7 @@ export default {
         },
         onListFocus(event) {
             this.focused = true;
-            this.focusedOptionIndex = this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : this.autoOptionFocus ? this.findFirstFocusedOptionIndex() : -1;
+            this.focusedOptionIndex = this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : this.autoOptionFocus ? this.findFirstFocusedOptionIndex() : this.findSelectedOptionIndex();
             this.autoUpdateModel();
             this.$emit('focus', event);
         },
@@ -311,7 +309,7 @@ export default {
             this.changeFocusedOptionIndex(event, index);
         },
         onOptionMouseMove(event, index) {
-            if (this.focusOnHover) {
+            if (this.focusOnHover && this.focused) {
                 this.changeFocusedOptionIndex(event, index);
             }
         },
@@ -511,7 +509,7 @@ export default {
             this.startRangeIndex = this.focusedOptionIndex;
         },
         isOptionMatched(option) {
-            return this.isValidOption(option) && this.getOptionLabel(option).toLocaleLowerCase(this.filterLocale).startsWith(this.searchValue.toLocaleLowerCase(this.filterLocale));
+            return this.isValidOption(option) && this.getOptionLabel(option)?.toLocaleLowerCase(this.filterLocale).startsWith(this.searchValue.toLocaleLowerCase(this.filterLocale));
         },
         isValidOption(option) {
             return ObjectUtils.isNotEmpty(option) && !(this.isOptionDisabled(option) || this.isOptionGroup(option));
@@ -519,11 +517,14 @@ export default {
         isValidSelectedOption(option) {
             return this.isValidOption(option) && this.isSelected(option);
         },
+        isEquals(value1, value2) {
+            return ObjectUtils.equals(value1, value2, this.equalityKey);
+        },
         isSelected(option) {
             const optionValue = this.getOptionValue(option);
 
-            if (this.multiple) return (this.modelValue || []).some((value) => ObjectUtils.equals(value, optionValue, this.equalityKey));
-            else return ObjectUtils.equals(this.modelValue, optionValue, this.equalityKey);
+            if (this.multiple) return (this.modelValue || []).some((value) => this.isEquals(value, optionValue));
+            else return this.isEquals(this.modelValue, optionValue);
         },
         findFirstOptionIndex() {
             return this.visibleOptions.findIndex((option) => this.isValidOption(option));
@@ -541,6 +542,22 @@ export default {
 
             return matchedOptionIndex > -1 ? matchedOptionIndex : index;
         },
+        findSelectedOptionIndex() {
+            if (this.hasSelectedOption) {
+                if (this.multiple) {
+                    for (let index = this.modelValue.length - 1; index >= 0; index--) {
+                        const value = this.modelValue[index];
+                        const matchedOptionIndex = this.visibleOptions.findIndex((option) => this.isValidSelectedOption(option) && this.isEquals(value, this.getOptionValue(option)));
+
+                        if (matchedOptionIndex > -1) return matchedOptionIndex;
+                    }
+                } else {
+                    return this.visibleOptions.findIndex((option) => this.isValidSelectedOption(option));
+                }
+            }
+
+            return -1;
+        },
         findFirstSelectedOptionIndex() {
             return this.hasSelectedOption ? this.visibleOptions.findIndex((option) => this.isValidSelectedOption(option)) : -1;
         },
@@ -587,19 +604,21 @@ export default {
 
             let optionIndex = -1;
 
-            if (this.focusedOptionIndex !== -1) {
-                optionIndex = this.visibleOptions.slice(this.focusedOptionIndex).findIndex((option) => this.isOptionMatched(option));
-                optionIndex = optionIndex === -1 ? this.visibleOptions.slice(0, this.focusedOptionIndex).findIndex((option) => this.isOptionMatched(option)) : optionIndex + this.focusedOptionIndex;
-            } else {
-                optionIndex = this.visibleOptions.findIndex((option) => this.isOptionMatched(option));
-            }
+            if (ObjectUtils.isNotEmpty(this.searchValue)) {
+                if (this.focusedOptionIndex !== -1) {
+                    optionIndex = this.visibleOptions.slice(this.focusedOptionIndex).findIndex((option) => this.isOptionMatched(option));
+                    optionIndex = optionIndex === -1 ? this.visibleOptions.slice(0, this.focusedOptionIndex).findIndex((option) => this.isOptionMatched(option)) : optionIndex + this.focusedOptionIndex;
+                } else {
+                    optionIndex = this.visibleOptions.findIndex((option) => this.isOptionMatched(option));
+                }
 
-            if (optionIndex === -1 && this.focusedOptionIndex === -1) {
-                optionIndex = this.findFirstFocusedOptionIndex();
-            }
+                if (optionIndex === -1 && this.focusedOptionIndex === -1) {
+                    optionIndex = this.findFirstFocusedOptionIndex();
+                }
 
-            if (optionIndex !== -1) {
-                this.changeFocusedOptionIndex(event, optionIndex);
+                if (optionIndex !== -1) {
+                    this.changeFocusedOptionIndex(event, optionIndex);
+                }
             }
 
             if (this.searchTimeout) {
@@ -625,14 +644,16 @@ export default {
             }
         },
         scrollInView(index = -1) {
-            const id = index !== -1 ? `${this.id}_${index}` : this.focusedOptionId;
-            const element = DomHandler.findSingle(this.list, `li[id="${id}"]`);
-
-            if (element) {
-                element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'nearest' });
-            } else if (!this.virtualScrollerDisabled) {
-                this.virtualScroller && this.virtualScroller.scrollToIndex(index !== -1 ? index : this.focusedOptionIndex);
-            }
+            this.$nextTick(() => {
+                const id = index !== -1 ? `${this.id}_${index}` : this.focusedOptionId;
+                const element = DomHandler.findSingle(this.list, `li[id="${id}"]`);
+
+                if (element) {
+                    element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'nearest', behavior: 'smooth' });
+                } else if (!this.virtualScrollerDisabled) {
+                    this.virtualScroller && this.virtualScroller.scrollToIndex(index !== -1 ? index : this.focusedOptionIndex);
+                }
+            });
         },
         autoUpdateModel() {
             if (this.selectOnFocus && this.autoOptionFocus && !this.hasSelectedOption && !this.multiple && this.focused) {