@syncfusion/ej2-multicolumn-combobox 27.1.50 → 27.2.3

package/dist/es6/ej2-multicolumn-combobox.es5.js

@@ -309,19 +309,7 @@ var MultiColumnComboBox = /** @__PURE__ @class */ (function (_super) {
             dataBound: function () { _this.onDataBound(); },
             actionFailure: function (args) { _this.onActionFailure(args); },
             actionBegin: function (args) { _this.trigger('actionBegin', args); },
-            actionComplete: function (args) {
-                _this.trigger('actionComplete', args);
-                if (args.requestType === 'sorting') {
-                    _this.updateRowSelection(args);
-                }
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                var dataRows = args.rows;
-                if (_this.isDataFiltered && dataRows.length > 0 && _this.inputEle.value !== '' && args.requestType !== 'sorting') {
-                    var firstRowEle = _this.gridObj.getRows()[0];
-                    firstRowEle.classList.add('e-row-focus');
-                }
-                _this.popupObj.refreshPosition();
-            },
+            actionComplete: this.handleActionComplete.bind(this),
             keyPressed: function (args) {
                 if (args.key === 'Enter') {
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -342,14 +330,24 @@ var MultiColumnComboBox = /** @__PURE__ @class */ (function (_super) {
         this.gridEle = this.createElement('div', { id: getUniqueID('grid'), className: MULTICOLUMNGRID });
         this.updateGroupByField();
         var sortOrder = this.sortOrder.toString().toLowerCase();
-        // Set first column as primary key to avoid PRIMARY KEY MISSING warning.
-        this.gridObj.columns[0].isPrimaryKey = true;
+        if (gridColumns.length > 0) {
+            // Set first column as primary key to avoid PRIMARY KEY MISSING warning.
+            this.gridObj.columns[0].isPrimaryKey = true;
+        }
         if (sortOrder !== 'none') {
             this.gridObj.sortSettings = { columns: [{ field: this.fields.text, direction: sortOrder === 'ascending' ?
                             SortOrder.Ascending : SortOrder.Descending }] };
         }
         this.gridObj.appendTo(this.gridEle);
     };
+    MultiColumnComboBox.prototype.handleActionComplete = function (args) {
+        this.trigger('actionComplete', args);
+        if (args.requestType === 'sorting') {
+            this.updateRowSelection(args);
+        }
+        this.popupObj.refreshPosition();
+        this.gridObj.element.querySelector('.e-content').scrollTop = 0;
+    };
     /* eslint-disable @typescript-eslint/no-explicit-any */
     MultiColumnComboBox.prototype.isRowMatching = function (data, selectedValue, selectedText) {
         var values = Object.values(data).map(String);
@@ -450,6 +448,11 @@ var MultiColumnComboBox = /** @__PURE__ @class */ (function (_super) {
             this.popupEle.style.visibility = 'unset';
             this.isInitialRender = false;
         }
+        var rowElements = this.gridObj.element.querySelectorAll('.e-row');
+        if (this.isDataFiltered && rowElements.length > 0 && this.inputEle.value !== '') {
+            var firstRowEle = rowElements[0];
+            firstRowEle.classList.add('e-row-focus');
+        }
     };
     MultiColumnComboBox.prototype.onActionFailure = function (args) {
         this.trigger('actionFailure', args);
@@ -1277,33 +1280,44 @@ var MultiColumnComboBox = /** @__PURE__ @class */ (function (_super) {
         }
     };
     MultiColumnComboBox.prototype.updateSelectedItem = function (e, isUpdateIndex, isInputTarget) {
+        var _this = this;
         if (isUpdateIndex === void 0) { isUpdateIndex = true; }
         if (this.isPopupOpen) {
-            var index = !this.fields.groupBy ? this.gridObj.selectedRowIndex
-                : this.gridObj.selectedRowIndex ? this.gridObj.selectedRowIndex : 0;
-            if ((index === -1 && (e.action === 'moveDown' || e.action === 'moveUp')) || (e.action === 'home')) {
-                index = 0;
+            var index_1 = this.fields.groupBy ? (this.gridObj.selectedRowIndex || 0) : this.gridObj.selectedRowIndex;
+            var dataLength = this.dataSource instanceof DataManager ? this.remoteDataLength :
+                this.dataSource.length;
+            if ((index_1 === -1 && (e.action === 'moveDown' || e.action === 'moveUp')) || (e.action === 'home')) {
+                index_1 = 0;
             }
-            else if ((index >= this.gridObj.getRows().length && e.action === 'moveDown') || (e.action === 'end')) {
-                index = this.gridObj.getRows().length - 1;
+            else if ((index_1 >= (dataLength - 1) && e.action === 'moveDown') || (e.action === 'end')) {
+                index_1 = dataLength - 1;
             }
-            else if (e.action === 'moveDown' && (index >= 0 && index <= this.gridObj.getRows().length) && (this.fields.groupBy || isInputTarget)) {
-                index += 1;
+            else if (e.action === 'moveDown' && (index_1 >= 0 && index_1 <= (dataLength - 1)) && (this.fields.groupBy || isInputTarget)) {
+                index_1 += 1;
             }
-            else if (e.action === 'moveUp' && index > 0 && (this.fields.groupBy) || isInputTarget) {
-                index -= 1;
+            else if (e.action === 'moveUp' && index_1 > 0 && (this.fields.groupBy) || isInputTarget) {
+                index_1 -= 1;
             }
-            this.gridObj.selectRow(index);
-            this.gridObj.selectedRowIndex = index;
-            var focusedEle = this.gridEle.querySelector('.e-row-focus');
-            if (focusedEle) {
-                focusedEle.classList.remove('e-row-focus');
+            if (!this.enableVirtualization) {
+                this.selectRow(e, isUpdateIndex, index_1);
             }
-            if (isUpdateIndex) {
-                this.selectedGridRow(this.gridObj.getRows()[parseInt(index.toString(), 10)], e, true);
+            else {
+                setTimeout(function () { _this.selectRow(e, isUpdateIndex, index_1); });
             }
         }
     };
+    MultiColumnComboBox.prototype.selectRow = function (e, isUpdateIndex, index) {
+        if (isUpdateIndex === void 0) { isUpdateIndex = true; }
+        this.gridObj.selectRow(index);
+        this.gridObj.selectedRowIndex = index;
+        var focusedEle = this.gridEle.querySelector('.e-row-focus');
+        if (focusedEle) {
+            focusedEle.classList.remove('e-row-focus');
+        }
+        if (isUpdateIndex) {
+            this.selectedGridRow(this.gridObj.getRows()[parseInt(index.toString(), 10)], e, true);
+        }
+    };
     MultiColumnComboBox.prototype.updateClearIconState = function () {
         var clearIconEle = this.inputWrapper.querySelector('.e-clear-icon');
         if (clearIconEle) {
@@ -1398,6 +1412,12 @@ var MultiColumnComboBox = /** @__PURE__ @class */ (function (_super) {
                         _this.inputEle.setAttribute('aria-activedescendant', contentEle.querySelector('.e-row').getAttribute('data-uid'));
                     }
                 }
+                if (!isNullOrUndefined(_this.dataSource) && _this.dataSource instanceof DataManager) {
+                    _this.dataSource.executeQuery(new Query).then(function (e) {
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        _this.remoteDataLength = e.result.length;
+                    });
+                }
                 _this.popupObj.show(new Animation(eventArgs.animation), _this.popupEle);
             }
         });