@syncfusion/ej2-dropdowns 31.2.16 → 32.1.19

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

@@ -4907,6 +4907,9 @@ let DropDownList = class DropDownList extends DropDownBase {
             }
         }
         else {
+            while (this.hiddenElement.firstChild) {
+                this.hiddenElement.removeChild(this.hiddenElement.firstChild);
+            }
             this.hiddenElement.innerHTML = '';
         }
     }
@@ -5778,6 +5781,9 @@ let DropDownList = class DropDownList extends DropDownBase {
                         EventHandler.add(this.clearIconElement, 'click', this.clearText, this);
                     }
                 }
+                if (this.selectedLI && this.fields.groupBy) {
+                    this.setScrollPosition();
+                }
                 popupEle.style.visibility = 'visible';
                 addClass([popupEle], 'e-popup-close');
                 const scrollParentElements = this.popupObj.getScrollableParent(this.inputWrapper.container);
@@ -6321,6 +6327,13 @@ let DropDownList = class DropDownList extends DropDownBase {
                 this.filterInput.removeAttribute('autocapitalize');
                 this.filterInput.removeAttribute('spellcheck');
             }
+            if (this.filterInput.parentNode) {
+                this.filterInput.parentNode.removeChild(this.filterInput);
+                const attrs = Array.prototype.slice.call(this.filterInput.attributes);
+                for (let n = 0; n < attrs.length; n++) {
+                    this.filterInput.removeAttribute(attrs[n].name);
+                }
+            }
             this.filterInput = null;
         }
         attributes(this.targetElement(), { 'aria-expanded': 'false' });
@@ -7444,9 +7457,68 @@ let DropDownList = class DropDownList extends DropDownBase {
                 detach(this.inputWrapper.container);
             }
         }
-        delete this.hiddenElement;
+        if (this.hiddenElement) {
+            if (this.hiddenElement.onchange) {
+                this.hiddenElement.onchange = null;
+            }
+            this.hiddenElement.onchange = null;
+            this.hiddenElement.onclick = null;
+            this.hiddenElement.oninput = null;
+            const attrs = Array.prototype.slice.call(this.hiddenElement.attributes);
+            for (let n = 0; n < attrs.length; n++) {
+                this.hiddenElement.removeAttribute(attrs[n].name);
+            }
+            const children = this.hiddenElement.children;
+            for (let i = 0; i < children.length; i++) {
+                const child = children[i];
+                child.onclick = null;
+                child.onchange = null;
+                child.textContent = '';
+                const attrs = Array.prototype.slice.call(child.attributes);
+                for (let n = 0; n < attrs.length; n++) {
+                    child.removeAttribute(attrs[n].name);
+                }
+            }
+            let selectedElement = this.hiddenElement.querySelector('option');
+            if (selectedElement) {
+                selectedElement.removeAttribute('value');
+                selectedElement.removeAttribute('selected');
+                selectedElement.text = '';
+                selectedElement.innerHTML = '';
+                selectedElement = null;
+            }
+            while (this.hiddenElement.firstChild) {
+                this.hiddenElement.removeChild(this.hiddenElement.firstChild);
+            }
+            if (this.hiddenElement.attributes) {
+                const attrs = Array.prototype.slice.call(this.hiddenElement.attributes);
+                for (let n = 0; n < attrs.length; n++) {
+                    this.hiddenElement.removeAttribute(attrs[n].name);
+                }
+            }
+            if (this.hiddenElement.parentNode) {
+                this.hiddenElement.parentNode.removeChild(this.hiddenElement);
+            }
+            this.hiddenElement.innerHTML = '';
+        }
         this.filterInput = null;
         this.keyboardModule = null;
+        if (this.list) {
+            detach(this.list);
+        }
+        if (this.ulElement) {
+            detach(this.ulElement);
+        }
+        if (this.popupContentElement) {
+            detach(this.popupContentElement);
+        }
+        if (this.popupObj && this.popupObj.element) {
+            if (this.popupObj.element && this.popupObj.element.parentNode) {
+                this.popupObj.element.parentNode.removeChild(this.popupObj.element);
+            }
+            detach(this.popupObj.element);
+            this.popupObj.element = null;
+        }
         this.ulElement = null;
         this.list = null;
         this.clearIconElement = null;
@@ -7460,7 +7532,14 @@ let DropDownList = class DropDownList extends DropDownBase {
         this.header = null;
         this.previousSelectedLI = null;
         this.valueTempElement = null;
+        if (this.actionData.ulElement) {
+            detach(this.actionData.ulElement);
+        }
         this.actionData.ulElement = null;
+        if (this.actionCompleteData.ulElement) {
+            detach(this.actionCompleteData.ulElement);
+        }
+        this.actionCompleteData.ulElement = null;
         if (this.inputElement && !isNullOrUndefined(this.inputElement.onchange)) {
             this.inputElement.onchange = null;
         }
@@ -17956,6 +18035,13 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                         this.checkSelectAll();
                     }, 0);
                 }
+                else if (this.virtualSelectAllData && this.virtualSelectAllData.length > 0) {
+                    setTimeout(() => {
+                        if (this.value && this.value.length && this.viewWrapper && !this.viewWrapper.querySelector('.' + REMAIN_WRAPPER$1)) {
+                            this.updatedataValueItems(event);
+                        }
+                    }, 0);
+                }
             }
         }
         else {
@@ -20787,12 +20873,38 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         this.stopTimer();
         const items = [];
         this.dragValue = this.getFormattedValue(args.droppedElement.getAttribute('data-value'));
-        if (this.value.indexOf(this.dragValue) > -1) {
-            args.items = this.getDataByValues(this.value);
+        if (this.allowDragAll) {
+            let selectedValues = [];
+            if (this.selectionSettings.showCheckbox && this.allowFiltering) {
+                const visibleSelected = [];
+                const selectedList = this.getSelectedItems();
+                for (let index = 0; index < selectedList.length; index++) {
+                    const formattedValue = this.getFormattedValue(selectedList[index].getAttribute('data-value'));
+                    visibleSelected.push(formattedValue);
+                }
+                selectedValues = visibleSelected.length ? visibleSelected
+                    : ((this.value ? this.value.slice() : []));
+            }
+            else {
+                const selectedList = this.getSelectedItems();
+                for (let index = 0; index < selectedList.length; index++) {
+                    const formattedValue = this.getFormattedValue(selectedList[index].getAttribute('data-value'));
+                    selectedValues.push(formattedValue);
+                }
+            }
+            if (selectedValues.indexOf(this.dragValue) > -1) {
+                args.items = this.getDataByValues(selectedValues);
+            }
+            else {
+                args.items = this.getDataByValues([this.dragValue]);
+            }
         }
         else {
             args.items = this.getDataByValues([this.dragValue]);
         }
+        if (this.allowDragAll) {
+            this.customDraggedItem = args.items;
+        }
         extend(items, args.items);
         this.trigger('beforeDrop', args);
         if (JSON.stringify(args.items) !== JSON.stringify(items)) {
@@ -20820,6 +20932,9 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         if (Browser.isIos) {
             this.list.style.overflow = '';
         }
+        if (listObj && listObj !== this && !listObj.allowDragAndDrop) {
+            return;
+        }
         const targetListObj = this.getComponent(args.target);
         if (targetListObj && targetListObj.listData.length === 0) {
             const noRecElem = targetListObj.ulElement.childNodes[0];
@@ -23229,6 +23344,10 @@ let Mention = class Mention extends DropDownBase {
             this.isUpDownKey = false;
             return;
         }
+        if (!this.allowSpaces && e.code === 'Space' && this.beforePopupOpen && this.isPopupOpen) {
+            this.hidePopup();
+            return;
+        }
         this.isTyped = e.code !== 'Enter' && e.code !== 'Space' && e.code !== 'ArrowDown' && e.code !== 'ArrowUp' ? true : false;
         const isRteImage = document.activeElement.parentElement && document.activeElement.parentElement.querySelector('.e-rte-image') ? true : false;
         if (document.activeElement !== this.inputElement && !isRteImage) {
@@ -23256,6 +23375,9 @@ let Mention = class Mention extends DropDownBase {
             if (!this.requireLeadingSpace && lastWordRange && lastWordRange.includes(this.mentionChar)) {
                 lastWordRange = this.mentionChar + lastWordRange.split(this.mentionChar).pop();
             }
+            if (lastWordRange.includes(' ')) {
+                return;
+            }
         }
         const lastTwoLetters = this.mentionChar.toString() + this.mentionChar.toString();
         // eslint-disable-next-line security/detect-non-literal-regexp
@@ -23276,8 +23398,7 @@ let Mention = class Mention extends DropDownBase {
                 (rangetextContent.length === 1 || rangetextContent[rangetextContent.length - 2].indexOf('') === -1 ||
                     this.range.startContainer.nodeType === 1))) {
             if (isValid && this.isPopupOpen && this.allowSpaces && currentRange && currentRange.trim() !== '' && charRegex.test(currentRange) && currentRange.indexOf(this.mentionChar) !== -1
-                && !this.isMatchedText() && (currentRange.length > 1 && currentRange.replace(/\u00A0/g, ' ').charAt(currentRange.length - 2) !== ' ') &&
-                (this.list && this.list.querySelectorAll('ul').length > 0) && e.code !== 'Enter') {
+                && !this.isMatchedText() && this.list && e.code !== 'ArrowDown' && e.code !== 'ArrowUp' && e.code !== 'Enter') {
                 this.queryString = currentRange.substring(currentRange.lastIndexOf(this.mentionChar) + 1).replace('\u00a0', ' ');
                 this.searchLists(e);
             }
@@ -23551,7 +23672,7 @@ let Mention = class Mention extends DropDownBase {
             return '';
         }
         const textValue = text.indexOf('\u200B') > -1 ? text.replace(/\u200B/g, '').replace(/\u00A0/g, ' ') : text.replace(/\u00A0/g, ' ');
-        const words = textValue.split(/\s+/);
+        const words = this.allowSpaces && this.isPopupOpen ? [textValue] : textValue.split(/\s+/);
         const wordCnt = words.length - 1;
         return words[wordCnt].trim();
     }