primevue 4.3.2 → 4.3.4

package/cascadeselect/CascadeSelect.vue

@@ -534,9 +534,12 @@ export default {
         onOverlayEnter(el) {
             ZIndex.set('overlay', el, this.$primevue.config.zIndex.overlay);
 
-            addStyle(el, { position: 'absolute', top: '0', left: '0' });
+            addStyle(el, { position: 'absolute', top: '0' });
             this.alignOverlay();
             this.scrollInView();
+
+            // Issue: #7508
+            this.$attrSelector && el.setAttribute(this.$attrSelector, '');
         },
         onOverlayAfterEnter() {
             this.bindOutsideClickListener();

package/cascadeselect/CascadeSelectSub.vue

@@ -78,7 +78,7 @@ export default {
         selectId: String,
         focusedOptionId: String,
         options: Array,
-        optionLabel: String,
+        optionLabel: String | Function,
         optionValue: String,
         optionDisabled: null,
         optionGroupIcon: String,

package/cascadeselect/index.mjs

@@ -166,7 +166,7 @@ var script$1 = {
     selectId: String,
     focusedOptionId: String,
     options: Array,
-    optionLabel: String,
+    optionLabel: String | Function,
     optionValue: String,
     optionDisabled: null,
     optionGroupIcon: String,
@@ -824,11 +824,13 @@ var script = {
       ZIndex.set('overlay', el, this.$primevue.config.zIndex.overlay);
       addStyle(el, {
         position: 'absolute',
-        top: '0',
-        left: '0'
+        top: '0'
       });
       this.alignOverlay();
       this.scrollInView();
+
+      // Issue: #7508
+      this.$attrSelector && el.setAttribute(this.$attrSelector, '');
     },
     onOverlayAfterEnter: function onOverlayAfterEnter() {
       this.bindOutsideClickListener();
@@ -959,16 +961,16 @@ var script = {
       return matchedOptionIndex > -1 ? matchedOptionIndex + index + 1 : index;
     },
     findPrevOptionIndex: function findPrevOptionIndex(index) {
-      var _this10 = this;
+      var _this0 = this;
       var matchedOptionIndex = index > 0 ? findLastIndex(this.visibleOptions.slice(0, index), function (processedOption) {
-        return _this10.isValidOption(processedOption);
+        return _this0.isValidOption(processedOption);
       }) : -1;
       return matchedOptionIndex > -1 ? matchedOptionIndex : index;
     },
     findSelectedOptionIndex: function findSelectedOptionIndex() {
-      var _this11 = this;
+      var _this1 = this;
       return this.visibleOptions.findIndex(function (processedOption) {
-        return _this11.isValidSelectedOption(processedOption);
+        return _this1.isValidSelectedOption(processedOption);
       });
     },
     findFirstFocusedOptionIndex: function findFirstFocusedOptionIndex() {
@@ -997,21 +999,21 @@ var script = {
       }
     },
     searchOptions: function searchOptions(event, _char) {
-      var _this12 = this;
+      var _this10 = this;
       this.searchValue = (this.searchValue || '') + _char;
       var optionIndex = -1;
       var matched = false;
       if (isNotEmpty(this.searchValue)) {
         if (this.focusedOptionInfo.index !== -1) {
           optionIndex = this.visibleOptions.slice(this.focusedOptionInfo.index).findIndex(function (processedOption) {
-            return _this12.isOptionMatched(processedOption);
+            return _this10.isOptionMatched(processedOption);
           });
           optionIndex = optionIndex === -1 ? this.visibleOptions.slice(0, this.focusedOptionInfo.index).findIndex(function (processedOption) {
-            return _this12.isOptionMatched(processedOption);
+            return _this10.isOptionMatched(processedOption);
           }) : optionIndex + this.focusedOptionInfo.index;
         } else {
           optionIndex = this.visibleOptions.findIndex(function (processedOption) {
-            return _this12.isOptionMatched(processedOption);
+            return _this10.isOptionMatched(processedOption);
           });
         }
         if (optionIndex !== -1) {
@@ -1028,8 +1030,8 @@ var script = {
         clearTimeout(this.searchTimeout);
       }
       this.searchTimeout = setTimeout(function () {
-        _this12.searchValue = '';
-        _this12.searchTimeout = null;
+        _this10.searchValue = '';
+        _this10.searchTimeout = null;
       }, 500);
       return matched;
     },
@@ -1055,11 +1057,11 @@ var script = {
       }
     },
     scrollInView: function scrollInView() {
-      var _this13 = this;
+      var _this11 = 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(_this11.$id, "_").concat(index) : _this11.focusedOptionId;
+        var element = findSingle(_this11.list, "li[id=\"".concat(id, "\"]"));
         if (element) {
           element.scrollIntoView && element.scrollIntoView({
             block: 'nearest',
@@ -1090,7 +1092,7 @@ var script = {
       });
     },
     createProcessedOptions: function createProcessedOptions(options) {
-      var _this14 = this;
+      var _this12 = this;
       var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
       var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       var parentKey = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
@@ -1105,7 +1107,7 @@ var script = {
           parent: parent,
           parentKey: parentKey
         };
-        newOption['children'] = _this14.createProcessedOptions(_this14.getOptionGroupChildren(option, level), level + 1, newOption, key);
+        newOption['children'] = _this12.createProcessedOptions(_this12.getOptionGroupChildren(option, level), level + 1, newOption, key);
         processedOptions.push(newOption);
       });
       return processedOptions;
@@ -1132,9 +1134,9 @@ var script = {
       return this.createProcessedOptions(this.options || []);
     },
     visibleOptions: function visibleOptions() {
-      var _this15 = this;
+      var _this13 = this;
       var processedOption = this.activeOptionPath && this.activeOptionPath.find(function (p) {
-        return p.key === _this15.focusedOptionInfo.parentKey;
+        return p.key === _this13.focusedOptionInfo.parentKey;
       });
       return processedOption ? processedOption.children : this.processedOptions;
     },