@syncfusion/ej2-dropdowns 25.2.4 → 25.2.5-30068

package/dist/es6/ej2-dropdowns.es2015.js

@@ -237,14 +237,14 @@ function revertHighlightSearch(content) {
     }
 }
 
-var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
+var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 class VirtualScroll {
     constructor(parent) {
         this.sentinelInfo = {
@@ -735,12 +735,12 @@ class VirtualScroll {
  * Common source
  */
 
-var __decorate = (undefined && undefined.__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 __decorate = (undefined && undefined.__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;
+};
 class FieldSettings extends ChildProperty {
 }
 __decorate([
@@ -797,7 +797,6 @@ let DropDownBase = class DropDownBase extends Component {
     constructor(options, element) {
         super(options, element);
         this.preventChange = false;
-        this.isAngular = false;
         this.isPreventChange = false;
         this.isDynamicDataChange = false;
         this.addedNewItem = false;
@@ -1856,10 +1855,14 @@ let DropDownBase = class DropDownBase extends Component {
         }
     }
     updateGroupFixedHeader(element, target) {
-        this.fixedHeaderElement.innerHTML = element.innerHTML;
-        this.fixedHeaderElement.style.position = 'fixed';
-        this.fixedHeaderElement.style.top = this.list.parentElement.offsetTop + this.list.offsetTop + 'px';
-        this.fixedHeaderElement.style.display = 'block';
+        if (this.fixedHeaderElement) {
+            if (!isNullOrUndefined(element.innerHTML)) {
+                this.fixedHeaderElement.innerHTML = element.innerHTML;
+            }
+            this.fixedHeaderElement.style.position = 'fixed';
+            this.fixedHeaderElement.style.top = (this.list.parentElement.offsetTop + this.list.offsetTop) - window.scrollY + 'px';
+            this.fixedHeaderElement.style.display = 'block';
+        }
     }
     getValidLi() {
         if (this.isVirtualizationEnabled) {
@@ -2050,9 +2053,12 @@ let DropDownBase = class DropDownBase extends Component {
      * @param {string | number | boolean} value - Specifies given value.
      * @returns {number} Returns the index of the item.
      */
-    getIndexByValueFilter(value) {
+    getIndexByValueFilter(value, ulElement) {
         let index;
-        const listItems = this.renderItems(this.dataSource, this.fields).querySelectorAll('li' + ':not(.e-list-group-item)');
+        if (!ulElement) {
+            return null;
+        }
+        const listItems = ulElement.querySelectorAll('li' + ':not(.e-list-group-item)');
         if (listItems) {
             for (let i = 0; i < listItems.length; i++) {
                 if (!isNullOrUndefined(value) && listItems[i].getAttribute('data-value') === value.toString()) {
@@ -2216,6 +2222,7 @@ let DropDownBase = class DropDownBase extends Component {
         const group = this.element.querySelector('select>optgroup');
         if ((this.fields.groupBy || !isNullOrUndefined(group)) && !this.isGroupChecking) {
             EventHandler.add(this.list, 'scroll', this.setFloatingHeader, this);
+            EventHandler.add(document, 'scroll', this.updateGroupFixedHeader, this);
         }
         if (this.getModuleName() === 'dropdownbase') {
             if (this.element.getAttribute('tabindex')) {
@@ -2467,12 +2474,15 @@ let DropDownBase = class DropDownBase extends Component {
      * @returns {void}
      */
     destroy() {
-        if (document.body.contains(this.list)) {
-            EventHandler.remove(this.list, 'scroll', this.setFloatingHeader);
-            if (!isNullOrUndefined(this.rippleFun)) {
-                this.rippleFun();
+        if (document) {
+            EventHandler.remove(document, 'scroll', this.updateGroupFixedHeader);
+            if (document.body.contains(this.list)) {
+                EventHandler.remove(this.list, 'scroll', this.setFloatingHeader);
+                if (!isNullOrUndefined(this.rippleFun)) {
+                    this.rippleFun();
+                }
+                detach(this.list);
             }
-            detach(this.list);
         }
         this.liCollections = null;
         this.ulElement = null;
@@ -2550,12 +2560,12 @@ DropDownBase = __decorate([
  * export all modules from current location
  */
 
-var __decorate$1 = (undefined && undefined.__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 __decorate$1 = (undefined && undefined.__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'/>
 // don't use space in classnames
@@ -2616,11 +2626,16 @@ let DropDownList = class DropDownList extends DropDownBase {
         super(options, element);
         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]);
+            }
+        };
     }
     /**
      * Initialize the event handler.
@@ -3507,7 +3522,7 @@ let DropDownList = class DropDownList extends DropDownBase {
         }
         if (this.allowFiltering && !this.enableVirtualization && this.getModuleName() !== 'autocomplete') {
             let value = this.getItemData().value;
-            let filterIndex = this.getIndexByValueFilter(value);
+            let filterIndex = this.getIndexByValueFilter(value, this.actionCompleteData.ulElement);
             if (!isNullOrUndefined(filterIndex)) {
                 this.activeIndex = filterIndex;
             }
@@ -3849,7 +3864,7 @@ let DropDownList = class DropDownList extends DropDownBase {
             value = 'null';
         }
         if (this.allowFiltering && !this.enableVirtualization && this.getModuleName() !== 'autocomplete') {
-            let filterIndex = this.getIndexByValueFilter(value);
+            let filterIndex = this.getIndexByValueFilter(value, this.actionCompleteData.ulElement);
             if (!isNullOrUndefined(filterIndex)) {
                 this.activeIndex = filterIndex;
             }
@@ -3891,7 +3906,7 @@ let DropDownList = class DropDownList extends DropDownBase {
             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);
         }
         const clearIcon = dropDownListClasses.clearIcon;
         const isFilterElement = this.isFiltering() && this.filterInput && (this.getModuleName() === 'combobox');
@@ -5339,6 +5354,14 @@ let DropDownList = class DropDownList extends DropDownBase {
         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;
@@ -5369,6 +5392,11 @@ let DropDownList = class DropDownList extends DropDownBase {
             }
             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;
         }
@@ -5795,8 +5823,8 @@ let DropDownList = class DropDownList extends DropDownBase {
      */
     onPropertyChanged(newProp, oldProp) {
         // 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;
@@ -6309,10 +6337,12 @@ let DropDownList = class DropDownList extends DropDownBase {
             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;
@@ -6336,10 +6366,12 @@ let DropDownList = class DropDownList extends DropDownBase {
         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.destroy();
     }
     /* eslint-disable valid-jsdoc, jsdoc/require-returns-description */
@@ -6471,12 +6503,12 @@ DropDownList = __decorate$1([
  * export all modules from current location
  */
 
-var __decorate$2 = (undefined && undefined.__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 __decorate$2 = (undefined && undefined.__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;
+};
 const RTL = 'e-rtl';
 const DROPDOWNTREE = 'e-ddt';
 const HIDDENELEMENT = 'e-ddt-hidden';
@@ -8394,6 +8426,8 @@ let DropDownTree = class DropDownTree extends Component {
         if (this.showCheckBox) {
             return;
         }
+        const eventArgs = this.getEventArgs(args);
+        this.trigger('select', eventArgs);
         let selectedText;
         if (args.isInteracted) {
             const id = getValue('id', args.nodeData).toString();
@@ -8421,8 +8455,6 @@ let DropDownTree = class DropDownTree extends Component {
                 this.setMultiSelect();
             }
         }
-        const eventArgs = this.getEventArgs(args);
-        this.trigger('select', eventArgs);
         if (this.isValueChange && !this.changeOnBlur) {
             this.triggerChangeEvent(this.keyEventArgs);
             this.isValueChange = false;
@@ -9738,12 +9770,12 @@ DropDownTree = __decorate$2([
  * export all modules from current location
  */
 
-var __decorate$3 = (undefined && undefined.__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 __decorate$3 = (undefined && undefined.__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-list/drop-down-list-model.d.ts'/>
 const SPINNER_CLASS = 'e-atc-spinner-icon';
@@ -10713,12 +10745,12 @@ ComboBox = __decorate$3([
  * export all modules from current location
  */
 
-var __decorate$4 = (undefined && undefined.__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 __decorate$4 = (undefined && undefined.__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='../combo-box/combo-box-model.d.ts'/>
 dropDownListClasses.root = 'e-autocomplete';
@@ -11256,6 +11288,7 @@ function createFloatLabel(overAllWrapper, searchWrapper, element, inputElement,
     element.id = id;
     if (!isNullOrUndefined(element.id) && element.id !== '') {
         floatLabelElement.id = 'label_' + element.id.replace(/ /g, '_');
+        floatLabelElement.setAttribute('for', element.id);
         attributes(inputElement, { 'aria-labelledby': floatLabelElement.id });
     }
     if (!isNullOrUndefined(inputElement.placeholder) && inputElement.placeholder !== '') {
@@ -11383,12 +11416,12 @@ function encodePlaceholder(placeholder) {
 }
 /* eslint-enable valid-jsdoc */
 
-var __decorate$5 = (undefined && undefined.__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 __decorate$5 = (undefined && undefined.__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'/>
 const FOCUS = 'e-input-focus';
@@ -15933,7 +15966,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         }
         if (this.mode === 'CheckBox') {
             this.updateDelimView();
-            if (!(isRemoveAll || this.isSelectAll) && this.isSelectAllTarget) {
+            if ((!(isRemoveAll || this.isSelectAll) && this.isSelectAllTarget) || (this.isSelectAll && this.isSelectAllTarget)) {
                 this.updateDelimeter(this.delimiterChar, event);
             }
             this.refreshInputHight();
@@ -17574,12 +17607,12 @@ class CheckBoxSelection {
  * export all modules from current location
  */
 
-var __decorate$6 = (undefined && undefined.__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 __decorate$6 = (undefined && undefined.__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 ListBox_1;
 // eslint-disable-next-line @typescript-eslint/triple-slash-reference
 /// <reference path='../drop-down-base/drop-down-base-model.d.ts'/>
@@ -20043,12 +20076,12 @@ const listBoxClasses = {
  * export all modules from current location
  */
 
-var __decorate$7 = (undefined && undefined.__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 __decorate$7 = (undefined && undefined.__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;
+};
 /**
  * The Mention component is used to list someone or something based on user input in textarea, input,
  * or any other editable element from which the user can select.