primevue 4.0.7 → 4.1.0

package/select/index.mjs

@@ -648,6 +648,7 @@ var script = {
       }
     },
     onOverlayEnter: function onOverlayEnter(el) {
+      var _this3 = this;
       ZIndex.set('overlay', el, this.$primevue.config.zIndex.overlay);
       addStyle(el, {
         position: 'absolute',
@@ -656,7 +657,9 @@ var script = {
       });
       this.alignOverlay();
       this.scrollInView();
-      this.autoFilterFocus && focus(this.$refs.filterInput.$el);
+      setTimeout(function () {
+        _this3.autoFilterFocus && focus(_this3.$refs.filterInput.$el);
+      }, 1);
     },
     onOverlayAfterEnter: function onOverlayAfterEnter() {
       this.bindOutsideClickListener();
@@ -665,10 +668,15 @@ var script = {
       this.$emit('show');
     },
     onOverlayLeave: function onOverlayLeave() {
+      var _this4 = this;
       this.unbindOutsideClickListener();
       this.unbindScrollListener();
       this.unbindResizeListener();
-      this.autoFilterFocus && focus(this.$refs.focusInput);
+      if (this.autoFilterFocus && this.filter) {
+        this.$nextTick(function () {
+          focus(_this4.$refs.filterInput.$el);
+        });
+      }
       this.$emit('hide');
       this.overlay = null;
     },
@@ -684,11 +692,11 @@ var script = {
       }
     },
     bindOutsideClickListener: function bindOutsideClickListener() {
-      var _this3 = this;
+      var _this5 = this;
       if (!this.outsideClickListener) {
         this.outsideClickListener = function (event) {
-          if (_this3.overlayVisible && _this3.overlay && !_this3.$el.contains(event.target) && !_this3.overlay.contains(event.target)) {
-            _this3.hide();
+          if (_this5.overlayVisible && _this5.overlay && !_this5.$el.contains(event.target) && !_this5.overlay.contains(event.target)) {
+            _this5.hide();
           }
         };
         document.addEventListener('click', this.outsideClickListener);
@@ -701,11 +709,11 @@ var script = {
       }
     },
     bindScrollListener: function bindScrollListener() {
-      var _this4 = this;
+      var _this6 = this;
       if (!this.scrollHandler) {
         this.scrollHandler = new ConnectedOverlayScrollHandler(this.$refs.container, function () {
-          if (_this4.overlayVisible) {
-            _this4.hide();
+          if (_this6.overlayVisible) {
+            _this6.hide();
           }
         });
       }
@@ -717,11 +725,11 @@ var script = {
       }
     },
     bindResizeListener: function bindResizeListener() {
-      var _this5 = this;
+      var _this7 = this;
       if (!this.resizeListener) {
         this.resizeListener = function () {
-          if (_this5.overlayVisible && !isTouchDevice()) {
-            _this5.hide();
+          if (_this7.overlayVisible && !isTouchDevice()) {
+            _this7.hide();
           }
         };
         window.addEventListener('resize', this.resizeListener);
@@ -734,12 +742,12 @@ var script = {
       }
     },
     bindLabelClickListener: function bindLabelClickListener() {
-      var _this6 = this;
+      var _this8 = this;
       if (!this.editable && !this.labelClickListener) {
-        var label = document.querySelector("label[for=\"".concat(this.inputId, "\"]"));
+        var label = document.querySelector("label[for=\"".concat(this.labelId, "\"]"));
         if (label && isVisible(label)) {
           this.labelClickListener = function () {
-            focus(_this6.$refs.focusInput);
+            focus(_this8.$refs.focusInput);
           };
           label.addEventListener('click', this.labelClickListener);
         }
@@ -747,7 +755,7 @@ var script = {
     },
     unbindLabelClickListener: function unbindLabelClickListener() {
       if (this.labelClickListener) {
-        var label = document.querySelector("label[for=\"".concat(this.inputId, "\"]"));
+        var label = document.querySelector("label[for=\"".concat(this.labelId, "\"]"));
         if (label && isVisible(label)) {
           label.removeEventListener('click', this.labelClickListener);
         }
@@ -767,38 +775,38 @@ var script = {
       return this.isValidOption(option) && this.isSelected(option);
     },
     isSelected: function isSelected(option) {
-      return this.isValidOption(option) && equals(this.modelValue, this.getOptionValue(option), this.equalityKey);
+      return equals(this.modelValue, this.getOptionValue(option), this.equalityKey);
     },
     findFirstOptionIndex: function findFirstOptionIndex() {
-      var _this7 = this;
+      var _this9 = this;
       return this.visibleOptions.findIndex(function (option) {
-        return _this7.isValidOption(option);
+        return _this9.isValidOption(option);
       });
     },
     findLastOptionIndex: function findLastOptionIndex() {
-      var _this8 = this;
+      var _this10 = this;
       return findLastIndex(this.visibleOptions, function (option) {
-        return _this8.isValidOption(option);
+        return _this10.isValidOption(option);
       });
     },
     findNextOptionIndex: function findNextOptionIndex(index) {
-      var _this9 = this;
+      var _this11 = this;
       var matchedOptionIndex = index < this.visibleOptions.length - 1 ? this.visibleOptions.slice(index + 1).findIndex(function (option) {
-        return _this9.isValidOption(option);
+        return _this11.isValidOption(option);
       }) : -1;
       return matchedOptionIndex > -1 ? matchedOptionIndex + index + 1 : index;
     },
     findPrevOptionIndex: function findPrevOptionIndex(index) {
-      var _this10 = this;
+      var _this12 = this;
       var matchedOptionIndex = index > 0 ? findLastIndex(this.visibleOptions.slice(0, index), function (option) {
-        return _this10.isValidOption(option);
+        return _this12.isValidOption(option);
       }) : -1;
       return matchedOptionIndex > -1 ? matchedOptionIndex : index;
     },
     findSelectedOptionIndex: function findSelectedOptionIndex() {
-      var _this11 = this;
+      var _this13 = this;
       return this.hasSelectedOption ? this.visibleOptions.findIndex(function (option) {
-        return _this11.isValidSelectedOption(option);
+        return _this13.isValidSelectedOption(option);
       }) : -1;
     },
     findFirstFocusedOptionIndex: function findFirstFocusedOptionIndex() {
@@ -810,21 +818,21 @@ var script = {
       return selectedIndex < 0 ? this.findLastOptionIndex() : selectedIndex;
     },
     searchOptions: function searchOptions(event, _char) {
-      var _this12 = this;
+      var _this14 = this;
       this.searchValue = (this.searchValue || '') + _char;
       var optionIndex = -1;
       var matched = false;
       if (isNotEmpty(this.searchValue)) {
         if (this.focusedOptionIndex !== -1) {
           optionIndex = this.visibleOptions.slice(this.focusedOptionIndex).findIndex(function (option) {
-            return _this12.isOptionMatched(option);
+            return _this14.isOptionMatched(option);
           });
           optionIndex = optionIndex === -1 ? this.visibleOptions.slice(0, this.focusedOptionIndex).findIndex(function (option) {
-            return _this12.isOptionMatched(option);
+            return _this14.isOptionMatched(option);
           }) : optionIndex + this.focusedOptionIndex;
         } else {
           optionIndex = this.visibleOptions.findIndex(function (option) {
-            return _this12.isOptionMatched(option);
+            return _this14.isOptionMatched(option);
           });
         }
         if (optionIndex !== -1) {
@@ -841,8 +849,8 @@ var script = {
         clearTimeout(this.searchTimeout);
       }
       this.searchTimeout = setTimeout(function () {
-        _this12.searchValue = '';
-        _this12.searchTimeout = null;
+        _this14.searchValue = '';
+        _this14.searchTimeout = null;
       }, 500);
       return matched;
     },
@@ -856,18 +864,18 @@ var script = {
       }
     },
     scrollInView: function scrollInView() {
-      var _this13 = this;
+      var _this15 = this;
       var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
       this.$nextTick(function () {
-        var id = index !== -1 ? "".concat(_this13.id, "_").concat(index) : _this13.focusedOptionId;
-        var element = findSingle(_this13.list, "li[id=\"".concat(id, "\"]"));
+        var id = index !== -1 ? "".concat(_this15.id, "_").concat(index) : _this15.focusedOptionId;
+        var element = findSingle(_this15.list, "li[id=\"".concat(id, "\"]"));
         if (element) {
           element.scrollIntoView && element.scrollIntoView({
             block: 'nearest',
             inline: 'start'
           });
-        } else if (!_this13.virtualScrollerDisabled) {
-          _this13.virtualScroller && _this13.virtualScroller.scrollToIndex(index !== -1 ? index : _this13.focusedOptionIndex);
+        } else if (!_this15.virtualScrollerDisabled) {
+          _this15.virtualScroller && _this15.virtualScroller.scrollToIndex(index !== -1 ? index : _this15.focusedOptionIndex);
         }
       });
     },
@@ -885,14 +893,14 @@ var script = {
       });
     },
     flatOptions: function flatOptions(options) {
-      var _this14 = this;
+      var _this16 = this;
       return (options || []).reduce(function (result, option, index) {
         result.push({
           optionGroup: option,
           group: true,
           index: index
         });
-        var optionGroupChildren = _this14.getOptionGroupChildren(option);
+        var optionGroupChildren = _this16.getOptionGroupChildren(option);
         optionGroupChildren && optionGroupChildren.forEach(function (o) {
           return result.push(o);
         });
@@ -912,7 +920,7 @@ var script = {
   },
   computed: {
     visibleOptions: function visibleOptions() {
-      var _this15 = this;
+      var _this17 = this;
       var options = this.optionGroupLabel ? this.flatOptions(this.options) : this.options || [];
       if (this.filterValue) {
         var filteredOptions = FilterService.filter(options, this.searchFields, this.filterValue, this.filterMatchMode, this.filterLocale);
@@ -920,11 +928,11 @@ var script = {
           var optionGroups = this.options || [];
           var filtered = [];
           optionGroups.forEach(function (group) {
-            var groupChildren = _this15.getOptionGroupChildren(group);
+            var groupChildren = _this17.getOptionGroupChildren(group);
             var filteredItems = groupChildren.filter(function (item) {
               return filteredOptions.includes(item);
             });
-            if (filteredItems.length > 0) filtered.push(_objectSpread(_objectSpread({}, group), {}, _defineProperty({}, typeof _this15.optionGroupChildren === 'string' ? _this15.optionGroupChildren : 'items', _toConsumableArray(filteredItems))));
+            if (filteredItems.length > 0) filtered.push(_objectSpread(_objectSpread({}, group), {}, _defineProperty({}, typeof _this17.optionGroupChildren === 'string' ? _this17.optionGroupChildren : 'items', _toConsumableArray(filteredItems))));
           });
           return this.flatOptions(filtered);
         }
@@ -974,9 +982,9 @@ var script = {
       return this.focusedOptionIndex !== -1 ? "".concat(this.id, "_").concat(this.focusedOptionIndex) : null;
     },
     ariaSetSize: function ariaSetSize() {
-      var _this16 = this;
+      var _this18 = this;
       return this.visibleOptions.filter(function (option) {
-        return !_this16.isOptionGroup(option);
+        return !_this18.isOptionGroup(option);
       }).length;
     },
     isClearIconVisible: function isClearIconVisible() {
@@ -1091,7 +1099,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     value: _ctx.modelValue,
     placeholder: _ctx.placeholder
   }, function () {
-    return [createTextVNode(toDisplayString($options.label === 'p-emptylabel' ? ' ' : $options.label || 'empty'), 1)];
+    var _$options$label;
+    return [createTextVNode(toDisplayString($options.label === 'p-emptylabel' ? ' ' : (_$options$label = $options.label) !== null && _$options$label !== void 0 ? _$options$label : 'empty'), 1)];
   })], 16, _hoisted_3)), $options.isClearIconVisible ? renderSlot(_ctx.$slots, "clearicon", {
     key: 2,
     "class": normalizeClass(_ctx.cx('clearIcon')),