@syncfusion/ej2-dropdowns 32.2.8 → 33.1.44

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

@@ -197,6 +197,7 @@ var DropDownList = /** @class */ (function (_super) {
             else if (floatElement) {
                 classList(floatElement, ['e-label-bottom'], ['e-label-top']);
             }
+            floatElement = null;
         }
     };
     DropDownList.prototype.resetHandler = function (e) {
@@ -477,6 +478,7 @@ var DropDownList = /** @class */ (function (_super) {
             else {
                 this.setSelection(element, null);
             }
+            element = null;
         }
         else {
             this.setSelection(this.liCollections[this.activeIndex], null);
@@ -633,7 +635,7 @@ var DropDownList = /** @class */ (function (_super) {
         if (formElement) {
             EventHandler.remove(formElement, 'reset', this.resetValueHandler);
         }
-        if (!Browser.isDevice) {
+        if (!Browser.isDevice && !isNullOrUndefined(this.keyboardModule)) {
             this.keyboardModule.destroy();
         }
         if (this.showClearButton) {
@@ -754,10 +756,12 @@ var DropDownList = /** @class */ (function (_super) {
             var delay = 100;
             this.closePopup(delay, e);
         }
+        li = null;
     };
     DropDownList.prototype.onMouseOver = function (e) {
         var currentLi = closest(e.target, '.' + dropDownBaseClasses.li);
         this.setHover(currentLi);
+        currentLi = null;
     };
     DropDownList.prototype.setHover = function (li) {
         if (this.enabled && this.isValidLI(li) && !li.classList.contains(dropDownBaseClasses.hover)) {
@@ -895,6 +899,7 @@ var DropDownList = /** @class */ (function (_super) {
                     this.list.getElementsByClassName('e-virtual-ddl-content')[0].style = this.getTransformValues();
                     this.list.scrollTop = 0;
                 }
+                li = null;
             }
             else {
                 var li = void 0;
@@ -909,6 +914,7 @@ var DropDownList = /** @class */ (function (_super) {
                     this.setSelection(li, e);
                     this.setScrollPosition();
                 }
+                li = null;
             }
         }
     };
@@ -1142,6 +1148,7 @@ var DropDownList = /** @class */ (function (_super) {
                 this.ulElement = this.list.querySelector('ul');
                 this.handleVirtualKeyboardActions(e, this.pageCount);
             }
+            nextItem = null;
         }
         if (this.allowFiltering && !this.enableVirtualization && this.getModuleName() !== 'autocomplete') {
             var value = this.getItemData().value;
@@ -1178,6 +1185,7 @@ var DropDownList = /** @class */ (function (_super) {
             this.updateUpDownAction(e);
         }
         e.preventDefault();
+        focusEle = null;
     };
     DropDownList.prototype.updateHomeEndAction = function (e, isVirtualKeyAction) {
         if (this.getModuleName() === 'dropdownlist') {
@@ -1298,6 +1306,7 @@ var DropDownList = /** @class */ (function (_super) {
             }
             this.hidePopup(e);
             this.focusDropDown(e);
+            li = null;
         }
         else {
             this.showPopup();
@@ -1495,6 +1504,7 @@ var DropDownList = /** @class */ (function (_super) {
                 ulElement = ulElement.cloneNode ? ulElement.cloneNode(true) : ulElement;
                 this.actionCompleteData.ulElement = ulElement;
             }
+            ulElement = null;
         }
     };
     DropDownList.prototype.updateSelectedItem = function (li, e, preventSelect, isSelection) {
@@ -1533,6 +1543,7 @@ var DropDownList = /** @class */ (function (_super) {
                 this.setSelectOptions(li, e);
             }
         }
+        li = null;
     };
     DropDownList.prototype.selectEventCallback = function (li, e, preventSelect, selectedData, value) {
         this.previousItemData = (!isNullOrUndefined(this.itemData)) ? this.itemData : null;
@@ -1567,6 +1578,7 @@ var DropDownList = /** @class */ (function (_super) {
             }
             this.activeIndex = this.getIndexByValue(value);
         }
+        focusedItem = null;
     };
     DropDownList.prototype.activeItem = function (li) {
         if (this.isValidLI(li) && !li.classList.contains(dropDownBaseClasses.selected)) {
@@ -2289,6 +2301,7 @@ var DropDownList = /** @class */ (function (_super) {
             EventHandler.add(this.filterInput, 'keydown', this.onFilterDown, this);
             EventHandler.add(this.filterInput, 'blur', this.onBlurHandler, this);
             EventHandler.add(this.filterInput, 'paste', this.pasteHandler, this);
+            parentElement = null;
             return this.filterInputObj;
         }
         else {
@@ -2452,6 +2465,7 @@ var DropDownList = /** @class */ (function (_super) {
                 this.activeIndex = this.getIndexByValue(value);
                 var element = this.findListElement(this.list, 'li', 'data-value', value);
                 this.selectedLI = element;
+                element = null;
             }
             else if (this.enableVirtualization && this.getModuleName() === 'autocomplete') {
                 this.activeIndex = this.skeletonCount;
@@ -2497,8 +2511,9 @@ var DropDownList = /** @class */ (function (_super) {
         });
         return checkField;
     };
-    DropDownList.prototype.checkAndFetchItemData = function (list, value, checkField) {
+    DropDownList.prototype.checkAndFetchItemData = function (list, value, checkField, isOffline) {
         var _this = this;
+        if (isOffline === void 0) { isOffline = false; }
         var fieldValue = this.fields.value.split('.');
         var checkVal = list.some(function (x) {
             return isNullOrUndefined(x[checkField]) && fieldValue.length > 1 ?
@@ -2511,27 +2526,67 @@ var DropDownList = /** @class */ (function (_super) {
             });
         }
         if (!checkVal && this.dataSource instanceof DataManager) {
-            (this.dataSource).executeQuery(this.getQuery(this.query).where(new Predicate(checkField, 'equal', value)))
-                .then(function (e) {
-                if (e.result.length > 0) {
-                    if (!_this.enableVirtualization) {
-                        _this.addItem(e.result, list.length);
+            if (isOffline) {
+                this.searchOfflineData(value, checkField);
+            }
+            else {
+                (this.dataSource).executeQuery(this.getQuery(this.query).where(new Predicate(checkField, 'equal', value)))
+                    .then(function (e) {
+                    if (e.result.length > 0) {
+                        if (!_this.enableVirtualization) {
+                            _this.addItem(e.result, list.length);
+                        }
+                        else {
+                            _this.itemData = e.result[0];
+                            var dataItem = _this.getItemData();
+                            if ((_this.value === dataItem.value && _this.text !== dataItem.text) ||
+                                (_this.value !== dataItem.value && _this.text === dataItem.text)) {
+                                _this.setProperties({ text: dataItem.text.toString() });
+                                Input.setValue(_this.text, _this.inputElement, _this.floatLabelType, _this.showClearButton);
+                            }
+                        }
+                        _this.updateValues();
                     }
                     else {
-                        _this.itemData = e.result[0];
-                        var dataItem = _this.getItemData();
-                        if ((_this.value === dataItem.value && _this.text !== dataItem.text) ||
-                            (_this.value !== dataItem.value && _this.text === dataItem.text)) {
-                            _this.setProperties({ text: dataItem.text.toString() });
-                            Input.setValue(_this.text, _this.inputElement, _this.floatLabelType, _this.showClearButton);
-                        }
+                        _this.updateValues();
                     }
-                    _this.updateValues();
-                }
-                else {
-                    _this.updateValues();
+                });
+            }
+        }
+        else {
+            this.updateValues();
+        }
+    };
+    DropDownList.prototype.searchOfflineData = function (value, checkField) {
+        var _this = this;
+        if (!(this.dataSource instanceof DataManager)) {
+            this.updateValues();
+            return;
+        }
+        var dataManager = this.dataSource;
+        var fullData = dataManager.dataSource.json || [];
+        if (fullData && fullData.length > 0) {
+            var foundItem = fullData.find(function (item) {
+                if (_this.fields.value && _this.fields.value.includes('.')) {
+                    var fieldValueArray = _this.fields.value.split('.');
+                    var fieldVal = _this.checkFieldValue(item, fieldValueArray);
+                    return fieldVal === value;
                 }
+                return item[checkField] === value;
             });
+            if (foundItem) {
+                this.itemData = foundItem;
+                var dataItem = this.getItemData();
+                if ((this.value === dataItem.value && this.text !== dataItem.text) ||
+                    (this.value !== dataItem.value && this.text === dataItem.text)) {
+                    this.setProperties({ text: dataItem.text.toString() });
+                    Input.setValue(this.text, this.inputElement, this.floatLabelType, this.showClearButton);
+                }
+                this.updateValues();
+            }
+            else {
+                this.updateValues();
+            }
         }
         else {
             this.updateValues();
@@ -2591,6 +2646,7 @@ var DropDownList = /** @class */ (function (_super) {
         if (!(this.enableVirtualization && isNullOrUndefined(element))) {
             this.removeFocus();
         }
+        element = null;
     };
     DropDownList.prototype.updateSelection = function () {
         var selectedItem = this.list.querySelector('.' + dropDownBaseClasses.selected);
@@ -2609,6 +2665,7 @@ var DropDownList = /** @class */ (function (_super) {
             }
             this.list.querySelector('.' + dropDownBaseClasses.li).classList.add(dropDownListClasses.focus);
         }
+        selectedItem = null;
     };
     DropDownList.prototype.updateSelectionList = function () {
         var selectedItem = this.list && this.list.querySelector('.' + 'e-active');
@@ -2752,6 +2809,7 @@ var DropDownList = /** @class */ (function (_super) {
                             parseInt(getComputedStyle(_this.inputElement).paddingLeft, 10) +
                             parseInt(getComputedStyle(_this.inputElement.parentElement).borderLeftWidth, 10));
                     }
+                    firstItem = null;
                 }
                 _this.createPopup(popupEle_1, offsetValue, left);
                 _this.popupContentElement = _this.popupObj.element.querySelector('.e-content');
@@ -3005,6 +3063,8 @@ var DropDownList = /** @class */ (function (_super) {
                     }
                 }
                 _this.activeStateChange();
+                actionList = null;
+                ulElement = null;
             },
             targetExitViewport: function () {
                 if (!Browser.isDevice) {
@@ -3044,6 +3104,7 @@ var DropDownList = /** @class */ (function (_super) {
         var clearElement = this.filterInput.parentElement.querySelector('.' + dropDownListClasses.clearIcon);
         detach(this.filterInput);
         clearElement.parentElement.insertBefore(this.filterInput, clearElement);
+        clearElement = null;
     };
     DropDownList.prototype.setPopupPosition = function (border) {
         var offsetValue;
@@ -3072,6 +3133,9 @@ var DropDownList = /** @class */ (function (_super) {
         }
         var inputHeight = this.inputWrapper.container.offsetHeight;
         offsetValue = offsetValue + liHeight + popupOffset - ((liHeight - inputHeight) / 2);
+        selectedLI = null;
+        firstItem = null;
+        lastItem = null;
         return -offsetValue;
     };
     DropDownList.prototype.setWidth = function () {
@@ -3086,6 +3150,7 @@ var DropDownList = /** @class */ (function (_super) {
             width = (parseInt(width, 10) + (parseInt(getComputedStyle(firstItem).textIndent, 10) -
                 parseInt(getComputedStyle(this.inputElement).paddingLeft, 10) +
                 parseInt(getComputedStyle(this.inputElement.parentElement).borderLeftWidth, 10)) * 2) + 'px';
+            firstItem = null;
         }
         return width;
     };
@@ -3342,7 +3407,7 @@ var DropDownList = /** @class */ (function (_super) {
                 EventHandler.remove(this.filterInput, 'blur', this.onBlurHandler);
                 EventHandler.remove(this.filterInput, 'paste', this.pasteHandler);
             }
-            if (this.allowFiltering && this.getModuleName() === 'dropdownlist') {
+            if (this.allowFiltering && !isNullOrUndefined(this.filterInput) && this.getModuleName() === 'dropdownlist') {
                 this.filterInput.removeAttribute('aria-activedescendant');
                 this.filterInput.removeAttribute('aria-disabled');
                 this.filterInput.removeAttribute('role');
@@ -3350,7 +3415,7 @@ var DropDownList = /** @class */ (function (_super) {
                 this.filterInput.removeAttribute('autocapitalize');
                 this.filterInput.removeAttribute('spellcheck');
             }
-            if (this.filterInput.parentNode) {
+            if (!isNullOrUndefined(this.filterInput) && this.filterInput.parentNode) {
                 this.filterInput.parentNode.removeChild(this.filterInput);
                 var attrs = Array.prototype.slice.call(this.filterInput.attributes);
                 for (var n = 0; n < attrs.length; n++) {
@@ -3501,6 +3566,7 @@ var DropDownList = /** @class */ (function (_super) {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             this.list.getElementsByClassName('e-virtual-ddl-content')[0].style = this.getTransformValues();
         }
+        ulElement = null;
     };
     DropDownList.prototype.destroyPopup = function () {
         this.isPopupOpen = false;
@@ -3707,6 +3773,8 @@ var DropDownList = /** @class */ (function (_super) {
         var listItemHeight = Math.ceil(item.getBoundingClientRect().height) +
             parseInt(window.getComputedStyle(item).marginBottom, 10);
         listParent.remove();
+        listParent = null;
+        item = null;
         return listItemHeight;
     };
     DropDownList.prototype.setFooterTemplate = function (popupEle) {
@@ -3760,6 +3828,7 @@ var DropDownList = /** @class */ (function (_super) {
         }
         var contentEle = popupEle.querySelector('div.e-content');
         popupEle.insertBefore(this.header, contentEle);
+        contentEle = null;
     };
     /**
      * Sets the enabled state to DropDownBase.
@@ -3824,6 +3893,7 @@ var DropDownList = /** @class */ (function (_super) {
             ((props.dataSource instanceof DataManager) || (!isNullOrUndefined(props) && Array.isArray(props.dataSource) &&
                 !isNullOrUndefined(oldProps) && Array.isArray(oldProps.dataSource) && props.dataSource.length !== oldProps.dataSource.length))) {
             this.typedString = '';
+            this.selectData = null;
             this.resetList(this.dataSource);
         }
         if (!this.isCustomFilter && !this.isFilterFocus && document.activeElement !== this.filterInput) {
@@ -3976,11 +4046,13 @@ var DropDownList = /** @class */ (function (_super) {
                         return { value: void 0 };
                     }
                     if (this_1.enableVirtualization) {
+                        var isOfflineMode = this_1.dataSource instanceof DataManager &&
+                            this_1.dataSource.dataSource.offline === true;
                         if (newProp.value && this_1.dataSource instanceof DataManager) {
                             var checkField = isNullOrUndefined(this_1.fields.value) ? this_1.fields.text : this_1.fields.value;
                             var value = this_1.allowObjectBinding && !isNullOrUndefined(newProp.value) ?
                                 getValue(checkField, newProp.value) : newProp.value;
-                            this_1.checkAndFetchItemData(this_1.listData, value, checkField);
+                            this_1.checkAndFetchItemData(this_1.listData, value, checkField, isOfflineMode);
                         }
                         this_1.updateValues();
                         this_1.updateInputFields();
@@ -4060,6 +4132,7 @@ var DropDownList = /** @class */ (function (_super) {
                             }
                         }
                         this_1.updateInputFields();
+                        element = null;
                     }
                     break;
                 case 'footerTemplate':
@@ -4151,6 +4224,7 @@ var DropDownList = /** @class */ (function (_super) {
                 }
             }
         };
+        li = null;
     };
     DropDownList.prototype.updatePopupState = function () {
         if (this.beforePopupOpen) {
@@ -4323,6 +4397,7 @@ var DropDownList = /** @class */ (function (_super) {
                         this.setValueTemplate();
                     }
                 }
+                element = null;
             }
             else {
                 this.resetSelection();
@@ -4448,6 +4523,7 @@ var DropDownList = /** @class */ (function (_super) {
                             this.clear();
                         }
                     }
+                    li = null;
                 }
             }
         }
@@ -4483,7 +4559,8 @@ var DropDownList = /** @class */ (function (_super) {
         if (this.inputElement) {
             var attrArray = ['readonly', 'aria-disabled', 'placeholder', 'aria-labelledby',
                 'aria-expanded', 'autocomplete', 'aria-readonly', 'autocapitalize',
-                'spellcheck', 'aria-autocomplete', 'aria-live', 'aria-describedby', 'aria-label'];
+                'spellcheck', 'aria-autocomplete', 'aria-live', 'aria-describedby', 'aria-label',
+                'role', 'value', 'style', 'type'];
             for (var i = 0; i < attrArray.length; i++) {
                 this.inputElement.removeAttribute(attrArray[i]);
             }
@@ -4564,6 +4641,43 @@ var DropDownList = /** @class */ (function (_super) {
             detach(this.popupObj.element);
             this.popupObj.element = null;
         }
+        if (this.list) {
+            while (this.list.firstChild) {
+                this.list.removeChild(this.list.firstChild);
+            }
+            if (this.list.parentNode) {
+                this.list.parentNode.removeChild(this.list);
+            }
+            detach(this.list);
+        }
+        if (this.ulElement) {
+            while (this.ulElement.firstChild) {
+                this.ulElement.removeChild(this.ulElement.firstChild);
+            }
+            if (this.ulElement.parentNode) {
+                this.ulElement.parentNode.removeChild(this.ulElement);
+            }
+            detach(this.ulElement);
+        }
+        if (this.actionData && this.actionData.ulElement) {
+            while (this.actionData.ulElement.firstChild) {
+                this.actionData.ulElement.removeChild(this.actionData.ulElement.firstChild);
+            }
+            detach(this.actionData.ulElement);
+            this.actionData.ulElement = null;
+            this.actionData.list = null;
+            this.actionData = null;
+        }
+        if (this.actionCompleteData && this.actionCompleteData.ulElement) {
+            while (this.actionCompleteData.ulElement.firstChild) {
+                this.actionCompleteData.ulElement.removeChild(this.actionCompleteData.ulElement.firstChild);
+            }
+            detach(this.actionCompleteData.ulElement);
+            this.actionCompleteData.ulElement = null;
+            this.actionCompleteData.list = null;
+            this.actionCompleteData = null;
+        }
+        this.listData = null;
         this.ulElement = null;
         this.list = null;
         this.clearIconElement = null;
@@ -4577,20 +4691,19 @@ var DropDownList = /** @class */ (function (_super) {
         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;
+        this.resizer = null;
         if (this.inputElement && !isNullOrUndefined(this.inputElement.onchange)) {
             this.inputElement.onchange = null;
         }
         if (this.inputElement && !isNullOrUndefined(this.inputElement.onselect)) {
             this.inputElement.onselect = null;
         }
+        if (this.enableVirtualization) {
+            this.notify('destroy', { module: 'VirtualScroll' });
+            this.virtualGroupDataSource = null;
+            this.viewPortInfo = null;
+            this.selectedValueInfo = null;
+        }
         Input.destroy({
             element: this.inputElement,
             floatLabelType: this.floatLabelType,

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

@@ -417,7 +417,7 @@ export interface DropDownTreeModel extends ComponentModel{
     enableHtmlSanitizer?: boolean;
 
     /**
-     * Enables rendering of raw text content in the Dropdown Tree component without HTML encoding.
+     * Enables rendering of raw text content in the Dropdown component without HTML encoding.
      * When set to true, the text will be displayed exactly as provided (including HTML tags or special characters),
      * instead of being encoded or truncated (e.g., `hiiih<hihi` will be shown as-is).
      *

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

@@ -586,7 +586,7 @@ export declare class DropDownTree extends Component<HTMLElement> implements INot
      */
     enableHtmlSanitizer: boolean;
     /**
-     * Enables rendering of raw text content in the Dropdown Tree component without HTML encoding.
+     * Enables rendering of raw text content in the Dropdown component without HTML encoding.
      * When set to true, the text will be displayed exactly as provided (including HTML tags or special characters),
      * instead of being encoded or truncated (e.g., `hiiih<hihi` will be shown as-is).
      *

package/src/mention/mention.js

@@ -365,8 +365,10 @@ var Mention = /** @class */ (function (_super) {
             return;
         }
         this.isTyped = e.code !== 'Enter' && e.code !== 'Space' && e.code !== 'ArrowDown' && e.code !== 'ArrowUp' ? true : false;
-        var isRteImage = document.activeElement.parentElement && document.activeElement.parentElement.querySelector('.e-rte-image') ? true : false;
-        if (document.activeElement !== this.inputElement && !isRteImage) {
+        var activeParent = document.activeElement && document.activeElement.parentElement;
+        var isRteImage = activeParent && !!activeParent.querySelector('.e-rte-image');
+        var isBECodeDropdownFocused = activeParent && !!activeParent.querySelector('.e-blockeditor .e-code-block-container .e-input-group.e-input-focus');
+        if (document.activeElement !== this.inputElement && !isRteImage && !isBECodeDropdownFocused) {
             this.inputElement.focus();
         }
         if (this.isContentEditable(this.inputElement)) {
@@ -391,7 +393,7 @@ var Mention = /** @class */ (function (_super) {
             if (!this.requireLeadingSpace && lastWordRange && lastWordRange.includes(this.mentionChar)) {
                 lastWordRange = this.mentionChar + lastWordRange.split(this.mentionChar).pop();
             }
-            if (lastWordRange.includes(' ')) {
+            if (/\s|\u00A0/.test(lastWordRange)) {
                 return;
             }
         }
@@ -925,7 +927,9 @@ var Mention = /** @class */ (function (_super) {
     };
     Mention.prototype.setHeight = function (popupEle) {
         if (this.popupHeight !== 'auto' && this.list) {
-            this.list.style.maxHeight = (parseInt(this.listHeight, 10) - 2).toString() + 'px'; // due to box-sizing property
+            var parentStyle = getComputedStyle(this.list.parentElement);
+            var paddingY = parseInt(parentStyle.paddingTop || '0', 10) + parseInt(parentStyle.paddingBottom || '0', 10);
+            this.list.style.maxHeight = (parseInt(this.listHeight, 10) - 2 - paddingY).toString() + 'px'; // due to box-sizing property
             popupEle.style.maxHeight = formatUnit(this.popupHeight);
         }
         else {

package/src/multi-select/multi-select.d.ts

@@ -45,6 +45,8 @@ export declare class MultiSelect extends DropDownBase implements IInput {
     private backCommand;
     private keyAction;
     private isSelectAll;
+    private isSelectAllClicked;
+    private isProcessingVirtualSelectAll;
     private clearIconWidth;
     private previousFilterText;
     private selectedElementID;