@syncfusion/ej2-dropdowns 25.2.4 → 25.2.5-30068

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

@@ -1,22 +1,22 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 // eslint-disable-next-line @typescript-eslint/triple-slash-reference
 /// <reference path='../drop-down-base/drop-down-base-model.d.ts'/>
 import { EventHandler, Property, Event, compile, KeyboardEvents, append, select } from '@syncfusion/ej2-base';
@@ -88,11 +88,16 @@ var DropDownList = /** @class */ (function (_super) {
         var _this = _super.call(this, options, element) || this;
         _this.isListSearched = false;
         _this.preventChange = false;
-        _this.isAngular = false;
         _this.isTouched = false;
         _this.IsScrollerAtEnd = function () {
             return this.list && this.list.scrollTop + this.list.clientHeight >= this.list.scrollHeight;
         };
+        _this.removeAllChildren = function (element) {
+            while (element.children[0]) {
+                this.removeAllChildren(element.children[0]);
+                element.removeChild(element.children[0]);
+            }
+        };
         return _this;
     }
     /**
@@ -982,7 +987,7 @@ var DropDownList = /** @class */ (function (_super) {
         }
         if (this.allowFiltering && !this.enableVirtualization && this.getModuleName() !== 'autocomplete') {
             var value_4 = this.getItemData().value;
-            var filterIndex = this.getIndexByValueFilter(value_4);
+            var filterIndex = this.getIndexByValueFilter(value_4, this.actionCompleteData.ulElement);
             if (!isNullOrUndefined(filterIndex)) {
                 this.activeIndex = filterIndex;
             }
@@ -1325,7 +1330,7 @@ var DropDownList = /** @class */ (function (_super) {
             value = 'null';
         }
         if (this.allowFiltering && !this.enableVirtualization && this.getModuleName() !== 'autocomplete') {
-            var filterIndex = this.getIndexByValueFilter(value);
+            var filterIndex = this.getIndexByValueFilter(value, this.actionCompleteData.ulElement);
             if (!isNullOrUndefined(filterIndex)) {
                 this.activeIndex = filterIndex;
             }
@@ -1367,7 +1372,7 @@ var DropDownList = /** @class */ (function (_super) {
             this.inputElement.style.display = 'block';
         }
         if (!isNullOrUndefined(dataItem.value) && !this.enableVirtualization && this.allowFiltering) {
-            this.activeIndex = this.getIndexByValueFilter(dataItem.value);
+            this.activeIndex = this.getIndexByValueFilter(dataItem.value, this.actionCompleteData.ulElement);
         }
         var clearIcon = dropDownListClasses.clearIcon;
         var isFilterElement = this.isFiltering() && this.filterInput && (this.getModuleName() === 'combobox');
@@ -1864,7 +1869,7 @@ var DropDownList = /** @class */ (function (_super) {
      * @param {Query} query - Specify the query to filter the data.
      * @param {FieldSettingsModel} fields - Specify the fields to map the column in the data table.
      * @returns {void}
-
+     * @deprecated
      */
     DropDownList.prototype.filter = function (dataSource, query, fields) {
         this.isCustomFilter = true;
@@ -2836,6 +2841,14 @@ var DropDownList = /** @class */ (function (_super) {
         this.keyboardEvent = null;
         EventHandler.remove(document, 'mousedown', this.onDocumentClick);
         this.isActive = false;
+        if (this.getModuleName() === 'dropdownlist') {
+            Input.destroy({
+                element: this.filterInput,
+                floatLabelType: this.floatLabelType,
+                properties: { placeholder: this.filterBarPlaceholder },
+                buttons: this.clearIconElement,
+            }, this.clearIconElement);
+        }
         this.filterInputObj = null;
         this.isDropDownClick = false;
         this.preventAutoFill = false;
@@ -2867,6 +2880,11 @@ var DropDownList = /** @class */ (function (_super) {
             }
             if (this.allowFiltering && this.getModuleName() === 'dropdownlist') {
                 this.filterInput.removeAttribute('aria-activedescendant');
+                this.filterInput.removeAttribute('aria-disabled');
+                this.filterInput.removeAttribute('role');
+                this.filterInput.removeAttribute('autocomplete');
+                this.filterInput.removeAttribute('autocapitalize');
+                this.filterInput.removeAttribute('spellcheck');
             }
             this.filterInput = null;
         }
@@ -3294,8 +3312,8 @@ var DropDownList = /** @class */ (function (_super) {
     DropDownList.prototype.onPropertyChanged = function (newProp, oldProp) {
         var _this = this;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        if (!isNullOrUndefined(newProp.dataSource) && !this.isTouched && (isNullOrUndefined(newProp.value) && isNullOrUndefined(newProp.index)) && !isNullOrUndefined(this.preselectedIndex)) {
-            newProp.index = this.preselectedIndex;
+        if (!isNullOrUndefined(newProp.dataSource) && !this.isTouched && (isNullOrUndefined(newProp.value) && isNullOrUndefined(newProp.index)) && !isNullOrUndefined(this.preselectedIndex) && !isNullOrUndefined(this.index)) {
+            newProp.index = this.index;
         }
         if (!isNullOrUndefined(newProp.value) || !isNullOrUndefined(newProp.index)) {
             this.isTouched = true;
@@ -3816,10 +3834,12 @@ var DropDownList = /** @class */ (function (_super) {
             this.inputWrapper.container.parentElement.insertBefore(this.element, this.inputWrapper.container);
             detach(this.inputWrapper.container);
         }
-        this.hiddenElement = null;
+        delete this.hiddenElement;
         this.filterInput = null;
-        this.inputWrapper = null;
         this.keyboardModule = null;
+        if (!isNullOrUndefined(this.ulElement)) {
+            this.removeAllChildren(this.ulElement);
+        }
         this.ulElement = null;
         this.list = null;
         this.clearIconElement = null;
@@ -3843,10 +3863,12 @@ var DropDownList = /** @class */ (function (_super) {
         Input.destroy({
             element: this.inputElement,
             floatLabelType: this.floatLabelType,
-            properties: this.properties
+            properties: this.properties,
+            buttons: this.inputWrapper.container.querySelectorAll('.e-input-group-icon')[0],
         }, this.clearButton);
         this.clearButton = null;
         this.inputElement = null;
+        this.inputWrapper = null;
         _super.prototype.destroy.call(this);
     };
     /* eslint-disable valid-jsdoc, jsdoc/require-returns-description */