primevue 4.3.3 → 4.3.5

package/inputtext/index.d.ts

@@ -10,6 +10,7 @@
 import type { DefineComponent, DesignToken, EmitFn, HintedString, Nullable, PassThrough } from '@primevue/core';
 import type { ComponentHooks } from '@primevue/core/basecomponent';
 import type { PassThroughOptions } from 'primevue/passthrough';
+import { InputHTMLAttributes } from 'vue';
 
 export declare type InputTextPassThroughOptionType<T = any> = InputTextPassThroughAttributes | ((options: InputTextPassThroughMethodOptions<T>) => InputTextPassThroughAttributes | string) | string | null | undefined;
 
@@ -81,7 +82,7 @@ export interface InputTextContext {
 /**
  * Defines valid properties in InputText component.
  */
-export interface InputTextProps {
+export interface InputTextProps extends Omit<InputHTMLAttributes, 'size'> {
     /**
      * Value of the component.
      */

package/listbox/Listbox.vue

@@ -240,6 +240,7 @@ export default {
             this.focused = true;
             this.focusedOptionIndex = this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : this.autoOptionFocus ? this.findFirstFocusedOptionIndex() : this.findSelectedOptionIndex();
             this.autoUpdateModel();
+            this.scrollInView(this.focusedOptionIndex);
             this.$emit('focus', event);
         },
         onListBlur(event) {

package/listbox/index.mjs

@@ -221,6 +221,7 @@ var script = {
       this.focused = true;
       this.focusedOptionIndex = this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : this.autoOptionFocus ? this.findFirstFocusedOptionIndex() : this.findSelectedOptionIndex();
       this.autoUpdateModel();
+      this.scrollInView(this.focusedOptionIndex);
       this.$emit('focus', event);
     },
     onListBlur: function onListBlur(event) {
@@ -565,28 +566,28 @@ var script = {
       return -1;
     },
     findFirstSelectedOptionIndex: function findFirstSelectedOptionIndex() {
-      var _this10 = this;
+      var _this0 = this;
       return this.$filled ? this.visibleOptions.findIndex(function (option) {
-        return _this10.isValidSelectedOption(option);
+        return _this0.isValidSelectedOption(option);
       }) : -1;
     },
     findLastSelectedOptionIndex: function findLastSelectedOptionIndex() {
-      var _this11 = this;
+      var _this1 = this;
       return this.$filled ? findLastIndex(this.visibleOptions, function (option) {
-        return _this11.isValidSelectedOption(option);
+        return _this1.isValidSelectedOption(option);
       }) : -1;
     },
     findNextSelectedOptionIndex: function findNextSelectedOptionIndex(index) {
-      var _this12 = this;
+      var _this10 = this;
       var matchedOptionIndex = this.$filled && index < this.visibleOptions.length - 1 ? this.visibleOptions.slice(index + 1).findIndex(function (option) {
-        return _this12.isValidSelectedOption(option);
+        return _this10.isValidSelectedOption(option);
       }) : -1;
       return matchedOptionIndex > -1 ? matchedOptionIndex + index + 1 : -1;
     },
     findPrevSelectedOptionIndex: function findPrevSelectedOptionIndex(index) {
-      var _this13 = this;
+      var _this11 = this;
       var matchedOptionIndex = this.$filled && index > 0 ? findLastIndex(this.visibleOptions.slice(0, index), function (option) {
-        return _this13.isValidSelectedOption(option);
+        return _this11.isValidSelectedOption(option);
       }) : -1;
       return matchedOptionIndex > -1 ? matchedOptionIndex : -1;
     },
@@ -613,20 +614,20 @@ var script = {
       return selectedIndex < 0 ? this.findLastOptionIndex() : selectedIndex;
     },
     searchOptions: function searchOptions(event, _char) {
-      var _this14 = this;
+      var _this12 = this;
       this.searchValue = (this.searchValue || '') + _char;
       var optionIndex = -1;
       if (isNotEmpty(this.searchValue)) {
         if (this.focusedOptionIndex !== -1) {
           optionIndex = this.visibleOptions.slice(this.focusedOptionIndex).findIndex(function (option) {
-            return _this14.isOptionMatched(option);
+            return _this12.isOptionMatched(option);
           });
           optionIndex = optionIndex === -1 ? this.visibleOptions.slice(0, this.focusedOptionIndex).findIndex(function (option) {
-            return _this14.isOptionMatched(option);
+            return _this12.isOptionMatched(option);
           }) : optionIndex + this.focusedOptionIndex;
         } else {
           optionIndex = this.visibleOptions.findIndex(function (option) {
-            return _this14.isOptionMatched(option);
+            return _this12.isOptionMatched(option);
           });
         }
         if (optionIndex === -1 && this.focusedOptionIndex === -1) {
@@ -640,14 +641,14 @@ var script = {
         clearTimeout(this.searchTimeout);
       }
       this.searchTimeout = setTimeout(function () {
-        _this14.searchValue = '';
-        _this14.searchTimeout = null;
+        _this12.searchValue = '';
+        _this12.searchTimeout = null;
       }, 500);
     },
     removeOption: function removeOption(option) {
-      var _this15 = this;
+      var _this13 = this;
       return this.d_value.filter(function (val) {
-        return !equals(val, _this15.getOptionValue(option), _this15.equalityKey);
+        return !equals(val, _this13.getOptionValue(option), _this13.equalityKey);
       });
     },
     changeFocusedOptionIndex: function changeFocusedOptionIndex(event, index) {
@@ -660,19 +661,19 @@ var script = {
       }
     },
     scrollInView: function scrollInView() {
-      var _this16 = this;
+      var _this14 = this;
       var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
       this.$nextTick(function () {
-        var id = index !== -1 ? "".concat(_this16.$id, "_").concat(index) : _this16.focusedOptionId;
-        var element = findSingle(_this16.list, "li[id=\"".concat(id, "\"]"));
+        var id = index !== -1 ? "".concat(_this14.$id, "_").concat(index) : _this14.focusedOptionId;
+        var element = findSingle(_this14.list, "li[id=\"".concat(id, "\"]"));
         if (element) {
           element.scrollIntoView && element.scrollIntoView({
             block: 'nearest',
             inline: 'nearest',
             behavior: 'smooth'
           });
-        } else if (!_this16.virtualScrollerDisabled) {
-          _this16.virtualScroller && _this16.virtualScroller.scrollToIndex(index !== -1 ? index : _this16.focusedOptionIndex);
+        } else if (!_this14.virtualScrollerDisabled) {
+          _this14.virtualScroller && _this14.virtualScroller.scrollToIndex(index !== -1 ? index : _this14.focusedOptionIndex);
         }
       });
     },
@@ -702,11 +703,11 @@ var script = {
       return this.filterValue ? FilterService.filter(this.options, this.searchFields, this.filterValue, this.filterMatchMode, this.filterLocale) : this.options;
     },
     optionsListGroup: function optionsListGroup() {
-      var _this17 = this;
+      var _this15 = this;
       var filteredOptions = [];
       (this.options || []).forEach(function (optionGroup) {
-        var optionGroupChildren = _this17.getOptionGroupChildren(optionGroup) || [];
-        var filteredChildren = _this17.filterValue ? FilterService.filter(optionGroupChildren, _this17.searchFields, _this17.filterValue, _this17.filterMatchMode, _this17.filterLocale) : optionGroupChildren;
+        var optionGroupChildren = _this15.getOptionGroupChildren(optionGroup) || [];
+        var filteredChildren = _this15.filterValue ? FilterService.filter(optionGroupChildren, _this15.searchFields, _this15.filterValue, _this15.filterMatchMode, _this15.filterLocale) : optionGroupChildren;
         if (filteredChildren !== null && filteredChildren !== void 0 && filteredChildren.length) {
           filteredOptions.push.apply(filteredOptions, [{
             optionGroup: optionGroup,
@@ -754,9 +755,9 @@ var script = {
       return this.focusedOptionIndex !== -1 ? "".concat(this.$id, "_").concat(this.focusedOptionIndex) : null;
     },
     ariaSetSize: function ariaSetSize() {
-      var _this18 = this;
+      var _this16 = this;
       return this.visibleOptions.filter(function (option) {
-        return !_this18.isOptionGroup(option);
+        return !_this16.isOptionGroup(option);
       }).length;
     },
     virtualScrollerDisabled: function virtualScrollerDisabled() {
@@ -930,7 +931,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             height: itemSize ? itemSize + 'px' : undefined
           },
           "class": _ctx.cx('optionGroup'),
-          role: "option",
+          role: "option"
+        }, {
           ref_for: true
         }, _ctx.ptm('optionGroup')), [renderSlot(_ctx.$slots, "optiongroup", {
           option: option.optionGroup,
@@ -968,7 +970,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }),
           onDblclick: function onDblclick($event) {
             return $options.onOptionDblClick($event, option);
-          },
+          }
+        }, {
           ref_for: true
         }, $options.getPTOptions(option, getItemOptions, i, 'option'), {
           "data-p-selected": !_ctx.checkmark && $options.isSelected(option),
@@ -978,11 +981,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           key: 0
         }, [$options.isSelected(option) ? (openBlock(), createBlock(_component_CheckIcon, mergeProps({
           key: 0,
-          "class": _ctx.cx('optionCheckIcon'),
+          "class": _ctx.cx('optionCheckIcon')
+        }, {
           ref_for: true
         }, _ctx.ptm('optionCheckIcon')), null, 16, ["class"])) : (openBlock(), createBlock(_component_BlankIcon, mergeProps({
           key: 1,
-          "class": _ctx.cx('optionBlankIcon'),
+          "class": _ctx.cx('optionBlankIcon')
+        }, {
           ref_for: true
         }, _ctx.ptm('optionBlankIcon')), null, 16, ["class"]))], 64)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "option", {
           option: option,