@syncfusion/ej2-dropdowns 28.2.4 → 28.2.6

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 28.2.4
+*  version : 28.2.6
 *  Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-dropdowns@*",
-  "_id": "@syncfusion/ej2-dropdowns@28.2.3",
+  "_id": "@syncfusion/ej2-dropdowns@28.2.5",
   "_inBundle": false,
-  "_integrity": "sha512-WulRpVG/X8MKND+b8VTrUWqLsSAuAuKBXGfbE+MjWzmsCBEnJGLHs6AXGK/h3nZDkYfnnEls6NzbntieoldQQg==",
+  "_integrity": "sha512-PEYRLr+QeaImw6iVHWRMDP1EndPRaamD7tIxEYFXUClMXROKTg3Qg8CW4Wn3h+KhF+xt2N+TFlpxlMjzEcgsgg==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -36,8 +36,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-28.2.3.tgz",
-  "_shasum": "ca88d206fbb04487749275d9457708a7755a54a7",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-28.2.5.tgz",
+  "_shasum": "254f237a6d180239a7288b2413ae5dbcfe4186ec",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/elease-automation_release_28.1.1/packages/included",
   "author": {
@@ -45,13 +45,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~28.2.3",
+    "@syncfusion/ej2-base": "~28.2.5",
     "@syncfusion/ej2-data": "~28.2.3",
     "@syncfusion/ej2-inputs": "~28.2.3",
     "@syncfusion/ej2-lists": "~28.2.3",
-    "@syncfusion/ej2-navigations": "~28.2.4",
+    "@syncfusion/ej2-navigations": "~28.2.6",
     "@syncfusion/ej2-notifications": "~28.2.3",
-    "@syncfusion/ej2-popups": "~28.2.3"
+    "@syncfusion/ej2-popups": "~28.2.6"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components",
@@ -76,7 +76,7 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "28.2.4",
+  "version": "28.2.6",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/drop-down-base/drop-down-base.js

@@ -450,7 +450,8 @@ var DropDownBase = /** @class */ (function (_super) {
     };
     DropDownBase.prototype.getSkeletonCount = function (retainSkeleton) {
         this.virtualListHeight = this.listContainerHeight != null ? parseInt(this.listContainerHeight, 10) : this.virtualListHeight;
-        var actualCount = this.virtualListHeight > 0 ? Math.floor(this.virtualListHeight / this.listItemHeight) : 0;
+        var actualCount = this.virtualListHeight > 0 && this.listItemHeight > 0 ?
+            Math.floor(this.virtualListHeight / this.listItemHeight) : 0;
         this.skeletonCount = actualCount * 4 < this.itemCount ? this.itemCount : actualCount * 4;
         this.itemCount = retainSkeleton ? this.itemCount : this.skeletonCount;
         this.virtualItemCount = this.itemCount;

package/src/drop-down-list/drop-down-list.js

@@ -2564,6 +2564,7 @@ var DropDownList = /** @class */ (function (_super) {
         }
         var args = { cancel: false };
         this.trigger('beforeOpen', args, function (args) {
+            var initialPopupHeight;
             if (!args.cancel) {
                 var popupEle = _this.createElement('div', {
                     id: _this.element.id + '_popup', className: 'e-ddl e-popup ' + (_this.cssClass !== null ? _this.cssClass : '')
@@ -2584,6 +2585,7 @@ var DropDownList = /** @class */ (function (_super) {
                 }
                 document.body.appendChild(popupEle);
                 popupEle.style.top = '0px';
+                initialPopupHeight = popupEle.clientHeight;
                 if (_this.enableVirtualization && _this.itemTemplate) {
                     var listitems = popupEle.querySelectorAll('li.e-list-item:not(.e-virtual-list)');
                     _this.listItemHeight = listitems.length > 0 ? Math.ceil(listitems[0].getBoundingClientRect().height) +
@@ -2781,7 +2783,7 @@ var DropDownList = /** @class */ (function (_super) {
                     // Add the resizer div to the popup
                     if (_this.list && _this.list.parentElement) {
                         _this.list.parentElement.classList.add('e-resize');
-                        if (_this.popupHeight.toString().toLowerCase() !== 'auto') {
+                        if (_this.popupHeight.toString().toLowerCase() !== 'auto' && initialPopupHeight > parseInt(_this.popupHeight.toString(), 10)) {
                             _this.list.parentElement.style.height = '100%';
                         }
                         _this.list.parentElement.style.paddingBottom = (_this.getModuleName() === 'dropdownlist' && _this.allowFiltering && _this.searchBoxHeight) ? (_this.searchBoxHeight + resizePaddingBottom).toString() + 'px' : resizePaddingBottom.toString() + 'px';

package/src/drop-down-tree/drop-down-tree.d.ts

@@ -826,6 +826,8 @@ export declare class DropDownTree extends Component<HTMLElement> implements INot
     private getChildType;
     private renderTree;
     private renderPopup;
+    private removeFocus;
+    private updateFocus;
     private reactCallBack;
     private updatePopupHeight;
     private createPopup;

package/src/drop-down-tree/drop-down-tree.js

@@ -1347,7 +1347,7 @@ var DropDownTree = /** @class */ (function (_super) {
         this.inputEle.setAttribute('aria-label', this.getModuleName());
         var id = this.element.getAttribute('id');
         this.hiddenElement.id = id + '_hidden';
-        this.inputWrapper.setAttribute('tabindex', '0');
+        this.inputWrapper.setAttribute('tabindex', this.inputWrapper.classList.contains('e-disabled') ? '-1' : '0');
         this.inputWrapper.setAttribute('aria-label', this.getModuleName());
         attributes(this.inputWrapper, this.getAriaAttributes());
     };
@@ -1715,7 +1715,7 @@ var DropDownTree = /** @class */ (function (_super) {
                 removeClass([_this.popupEle], DDTHIDEICON);
                 _this.updatePopupHeight();
                 _this.popupObj.refreshPosition();
-                if (!(_this.showCheckBox && _this.showSelectAll) && (!_this.popupDiv.classList.contains(NODATA)
+                if (!(_this.showSelectAll || _this.allowFiltering) && (!_this.popupDiv.classList.contains(NODATA)
                     && _this.treeItems.length > 0)) {
                     var focusedElement = _this.value != null && _this.text != null ? _this.treeObj.element.querySelector('[data-uid="' + _this.value[0] + '"]') : null;
                     if (focusedElement) {
@@ -1726,17 +1726,9 @@ var DropDownTree = /** @class */ (function (_super) {
                         var oldFocussedNode = _this.treeObj.element.querySelector('.e-node-focus');
                         focusedElement = _this.treeObj.element.querySelector('li[tabindex="0"]:not(.e-disable)') ||
                             _this.treeObj.element.querySelector('li:not(.e-disable)');
-                        if (oldFocussedNode && oldFocussedNode !== focusedElement) {
-                            oldFocussedNode.setAttribute('tabindex', '-1');
-                            removeClass([oldFocussedNode], 'e-node-focus');
-                        }
-                    }
-                    if (!isNOU(focusedElement)) {
-                        if (!_this.allowFiltering) {
-                            focusedElement.focus();
-                        }
-                        addClass([focusedElement], ['e-node-focus']);
+                        _this.removeFocus(focusedElement, oldFocussedNode);
                     }
+                    _this.updateFocus(focusedElement);
                 }
                 if (_this.treeObj.checkedNodes.length > 0 && !_this.isFilterRestore) {
                     var nodes = _this.treeObj.element.querySelectorAll('li');
@@ -1747,6 +1739,12 @@ var DropDownTree = /** @class */ (function (_super) {
                         _this.checkSelectAll = false;
                     }
                 }
+                if (_this.showSelectAll && !_this.allowFiltering) {
+                    var oldFocussedNode = _this.treeObj.element.querySelector('.e-node-focus');
+                    var focusedElement = _this.popupEle.querySelector('.e-selectall-parent');
+                    _this.removeFocus(focusedElement, oldFocussedNode);
+                    _this.updateFocus(focusedElement);
+                }
                 if (_this.allowFiltering) {
                     removeClass([_this.inputWrapper], [INPUTFOCUS]);
                     _this.filterObj.element.focus();
@@ -1756,6 +1754,18 @@ var DropDownTree = /** @class */ (function (_super) {
             }
         });
     };
+    DropDownTree.prototype.removeFocus = function (focusedElement, oldFocusedElement) {
+        if (oldFocusedElement && oldFocusedElement !== focusedElement) {
+            oldFocusedElement.setAttribute('tabindex', '-1');
+            removeClass([oldFocusedElement], 'e-node-focus');
+        }
+    };
+    DropDownTree.prototype.updateFocus = function (focusedElement) {
+        if (!isNOU(focusedElement)) {
+            focusedElement.focus();
+            addClass([focusedElement], ['e-node-focus']);
+        }
+    };
     DropDownTree.prototype.reactCallBack = function () {
         if (!isNOU(this.popupObj)) {
             this.updatePopupHeight();
@@ -2057,7 +2067,9 @@ var DropDownTree = /** @class */ (function (_super) {
             this.updateTemplate();
         }
         this.treeObj.fields = this.getTreeFields(this.fields);
+        this.setProperties({ value: this.oldValue }, true);
         this.treeObj.dataBind();
+        this.updateValue(this.value);
     };
     DropDownTree.prototype.getEventArgs = function (args) {
         var checkData = args.data;
@@ -3074,8 +3086,10 @@ var DropDownTree = /** @class */ (function (_super) {
                     this.updateFilterPlaceHolder();
                     break;
                 case 'value':
-                    this.oldValue = oldProp.value;
-                    this.updateValue(newProp.value);
+                    if (JSON.stringify(oldProp.value) !== JSON.stringify(newProp.value)) {
+                        this.oldValue = oldProp.value;
+                        this.updateValue(newProp.value);
+                    }
                     break;
                 case 'text':
                     this.updateText(newProp.text);

package/src/multi-select/multi-select.js

@@ -3837,7 +3837,7 @@ var MultiSelect = /** @class */ (function (_super) {
                             (this.mode === 'Box' || this.mode === 'Default'))) ||
                         (this.enableVirtualization && value != null && text != null && !isCustomData)) {
                         var currentText = [];
-                        var textValues = this.isDynamicRemoteVirtualData && text != null && text !== '' ? text : this.text != null && this.text !== '' ? this.text + this.delimiterChar + text : text;
+                        var textValues = this.isDynamicRemoteVirtualData && text != null && text !== '' ? text : this.text != null && this.text !== '' && !this.text.includes(text) ? this.text + this.delimiterChar + text : text;
                         currentText.push(textValues);
                         this.setProperties({ text: currentText.toString() }, true);
                         this.addChip(text, value);