@syncfusion/ej2-dropdowns 32.2.8 → 33.1.44

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 32.2.8
+*  version : 33.1.44
 *  Copyright Syncfusion Inc. 2001 - 2025. 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,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-dropdowns",
-  "version": "32.2.8",
+  "version": "33.1.44",
   "description": "Essential JS 2 DropDown Components",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,13 +8,13 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-dropdowns.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~32.2.6",
-    "@syncfusion/ej2-data": "~32.2.3",
-    "@syncfusion/ej2-inputs": "~32.2.8",
-    "@syncfusion/ej2-lists": "~32.2.7",
-    "@syncfusion/ej2-navigations": "~32.2.8",
-    "@syncfusion/ej2-notifications": "~32.2.3",
-    "@syncfusion/ej2-popups": "~32.2.8"
+    "@syncfusion/ej2-base": "~33.1.44",
+    "@syncfusion/ej2-data": "~33.1.44",
+    "@syncfusion/ej2-inputs": "~33.1.44",
+    "@syncfusion/ej2-lists": "~33.1.44",
+    "@syncfusion/ej2-navigations": "~33.1.44",
+    "@syncfusion/ej2-notifications": "~33.1.44",
+    "@syncfusion/ej2-popups": "~33.1.44"
   },
   "devDependencies": {},
   "keywords": [

package/src/combo-box/combo-box.js

@@ -841,6 +841,9 @@ var ComboBox = /** @class */ (function (_super) {
                     break;
                 case 'allowCustom':
                     break;
+                case 'placeholder':
+                    Input.setPlaceholder(newProp.placeholder, this.inputElement, this.getModuleName());
+                    break;
                 default: {
                     // eslint-disable-next-line max-len
                     var comboProps = this.getPropObject(prop, newProp, oldProp);

package/src/common/virtual-scroll.d.ts

@@ -37,6 +37,7 @@ export declare class VirtualScroll {
     private options;
     private touchModule;
     private component;
+    private scrollHandler;
     constructor(parent: IDropdownlist);
     addEventListener(): void;
     removeEventListener(): void;

package/src/common/virtual-scroll.js

@@ -104,7 +104,8 @@ var VirtualScroll = /** @class */ (function () {
         this.touchModule = new Touch(this.parent.popupContentElement, {
             scroll: this.popupScrollHandler.bind(this)
         });
-        EventHandler.add(this.parent.popupContentElement, 'scroll', this.virtualScrollHandler(callback), this);
+        this.scrollHandler = this.virtualScrollHandler(callback);
+        EventHandler.add(this.parent.popupContentElement, 'scroll', this.scrollHandler, this);
     };
     VirtualScroll.prototype.getModuleName = function () {
         return 'VirtualScroll';
@@ -243,6 +244,7 @@ var VirtualScroll = /** @class */ (function () {
                     this.parent.resetList(this.parent.dataSource, this.parent.fields, query);
                     isListUpdated = false;
                     this.parent.appendUncheckList = this.parent.dataSource instanceof DataManager ? this.parent.appendUncheckList : false;
+                    oldUlElement = null;
                 }
             }
             else {
@@ -258,6 +260,7 @@ var VirtualScroll = /** @class */ (function () {
                 this.parent.setCurrentView = false;
                 this.parent.resetList(this.parent.dataSource, this.parent.fields, query);
                 isListUpdated = false;
+                reOrderList = null;
             }
             this.parent.totalItemsCount();
         }
@@ -273,6 +276,7 @@ var VirtualScroll = /** @class */ (function () {
                     if (oldUlElement) {
                         this.parent.list.querySelector('.e-virtual-ddl-content').removeChild(oldUlElement);
                     }
+                    oldUlElement = null;
                 }
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 var alreadyAddedData = this.parent.generatedDataObject[index];
@@ -606,6 +610,18 @@ var VirtualScroll = /** @class */ (function () {
         };
     };
     VirtualScroll.prototype.destroy = function () {
+        if (this.parent.popupContentElement) {
+            EventHandler.remove(this.parent.popupContentElement, 'wheel mousedown', this.popupScrollHandler);
+            EventHandler.remove(this.parent.popupContentElement, 'scroll', this.scrollHandler);
+        }
+        // Destroy touch module
+        if (this.touchModule) {
+            this.touchModule.destroy();
+            this.touchModule = null;
+        }
+        // Clear references
+        this.containerElementRect = null;
+        this.scrollHandler = null;
         this.removeEventListener();
     };
     return VirtualScroll;

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

@@ -302,6 +302,7 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
     protected isPrimitiveData: boolean;
     protected isCustomFiltering: boolean;
     protected debounceTimer: ReturnType<typeof setTimeout> | null;
+    private skeletonInstances;
     protected virtualListInfo: VirtualInfo;
     protected viewPortInfo: VirtualInfo;
     protected selectedValueInfo: VirtualInfo;
@@ -532,6 +533,7 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
     protected GetVirtualTrackHeight(): string;
     protected getTransformValues(): string;
     protected UpdateSkeleton(isSkeletonCountChange?: boolean, skeletonCount?: number): void;
+    protected destroySkeletons(): void;
     protected getLocaleName(): string;
     protected getTextByValue(value: string | number | boolean): string;
     protected getFormattedValue(value: string): string | number | boolean;

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

@@ -385,6 +385,7 @@ var DropDownBase = /** @class */ (function (_super) {
                 }
             }
         }
+        ele = null;
     };
     DropDownBase.prototype.checkAndResetCache = function () {
         if (this.isVirtualizationEnabled) {
@@ -487,6 +488,9 @@ var DropDownBase = /** @class */ (function (_super) {
     DropDownBase.prototype.UpdateSkeleton = function (isSkeletonCountChange, skeletonCount) {
         var isContainSkeleton = this.list.querySelector('.e-virtual-ddl-content');
         var isContainVirtualList = this.list.querySelector('.e-virtual-list');
+        if (!this.skeletonInstances) {
+            this.skeletonInstances = [];
+        }
         if (isContainSkeleton && (!isContainVirtualList || isSkeletonCountChange) && this.isVirtualizationEnabled) {
             var totalSkeletonCount = isSkeletonCountChange ? skeletonCount : this.skeletonCount;
             for (var i = 0; i < totalSkeletonCount; i++) {
@@ -500,6 +504,7 @@ var DropDownBase = /** @class */ (function (_super) {
                     width: '95%',
                     cssClass: 'e-skeleton-text'
                 });
+                this.skeletonInstances.push(skeleton);
                 skeleton.appendTo(this.createElement('div'));
                 liElement.appendChild(skeleton.element);
                 if (isContainSkeleton.firstChild) {
@@ -532,6 +537,16 @@ var DropDownBase = /** @class */ (function (_super) {
             }
         }
     };
+    DropDownBase.prototype.destroySkeletons = function () {
+        if (this.skeletonInstances && this.skeletonInstances.length > 0) {
+            this.skeletonInstances.forEach(function (skeleton) {
+                if (skeleton && !skeleton.isDestroyed) {
+                    skeleton.destroy();
+                }
+            });
+            this.skeletonInstances = [];
+        }
+    };
     DropDownBase.prototype.getLocaleName = function () {
         return 'drop-down-base';
     };
@@ -665,6 +680,8 @@ var DropDownBase = /** @class */ (function (_super) {
         }
         this.updateFields(fields.text, fields.value, isSelectGroupCheck ? fields.groupBy : this.fields.groupBy, this.fields.htmlAttributes, this.fields.iconCss, this.fields.disabled);
         this.resetList(jsonElement, fields);
+        element = null;
+        group = null;
     };
     DropDownBase.prototype.updateFields = function (text, value, groupBy, htmlAttributes, iconCss, disabled) {
         var field = {
@@ -1203,6 +1220,12 @@ var DropDownBase = /** @class */ (function (_super) {
                 this.ulElement = this.list.querySelector('ul');
                 this.postRender(this.list, list, this.bindEvent);
             }
+            else if (this.getModuleName() === 'dropdownlist' && this.isVirtualizationEnabled) {
+                this.list.innerHTML = '';
+                this.createVirtualContent();
+                this.list.querySelector('.e-virtual-ddl-content').appendChild(ulElement);
+                this.updateListElements(this.listData);
+            }
         }
         if (this.getModuleName() === 'multiselect' && this.isAngular && this.ngEle) {
             var popupHolder_1 = this.list;
@@ -1460,6 +1483,7 @@ var DropDownBase = /** @class */ (function (_super) {
         }
         this.fixedHeaderElement.innerHTML = groupData.innerHTML;
         this.renderGroupTemplate(this.fixedHeaderElement);
+        groupData = null;
     };
     DropDownBase.prototype.updateGroupFixedHeader = function (element, target) {
         if (this.fixedHeaderElement && this.list && this.list.parentElement) {
@@ -1580,6 +1604,8 @@ var DropDownBase = /** @class */ (function (_super) {
                     this.list.querySelector('.e-virtual-ddl-content').appendChild(ulElement);
                     this.updateListElements(listData);
                 }
+                oldUlElement = null;
+                virtualUlElement = null;
             }
         }
         return ulElement;
@@ -2110,6 +2136,7 @@ var DropDownBase = /** @class */ (function (_super) {
             this.updateSelection();
         }
         this.addedNewItem = true;
+        liCollections = null;
     };
     /**
      * Checks if the given HTML element is disabled.
@@ -2227,13 +2254,28 @@ var DropDownBase = /** @class */ (function (_super) {
                 detach(this.list);
             }
         }
+        if (this.generatedDataObject) {
+            this.generatedDataObject = {};
+        }
+        this.destroySkeletons();
         this.liCollections = null;
+        this.incrementalLiCollections = null;
+        this.incrementalUlElement = null;
         this.ulElement = null;
+        this.fixedHeaderElement = null;
         this.list = null;
+        this.item = null;
         this.enableRtlElements = null;
         this.groupHeaderItems = null;
         this.fiteredGroupHeaderItems = null;
         this.rippleFun = null;
+        this.popupContentElement = null;
+        this.virtualListInfo = null;
+        this.viewPortInfo = null;
+        this.selectedValueInfo = null;
+        this.virtualGroupDataSource = null;
+        this.virtualSelectAllData = null;
+        this.incrementalListData = null;
         _super.prototype.destroy.call(this);
     };
     __decorate([

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

@@ -593,6 +593,7 @@ export declare class DropDownList extends DropDownBase implements IInput {
     private isValueInList;
     private checkFieldValue;
     private checkAndFetchItemData;
+    private searchOfflineData;
     private updateActionCompleteDataValues;
     private addNewItem;
     protected updateActionCompleteData(li: HTMLElement, item: {