@syncfusion/ej2-dropdowns 29.1.41 → 29.2.4-850322

package/src/combo-box/combo-box.d.ts

@@ -42,7 +42,7 @@ export declare class ComboBox extends DropDownList {
      * {% codeBlock src='combobox/htmlAttributes/index.md' %}{% endcodeBlock %}
      *
      * @default {}
-
+     * @deprecated
      */
     htmlAttributes: {
         [key: string]: string;
@@ -58,7 +58,7 @@ export declare class ComboBox extends DropDownList {
      * {% codeBlock src="combobox/allow-filtering-api/index.html" %}{% endcodeBlock %}
      *
      * @default false
-
+     * @deprecated
      */
     allowFiltering: boolean;
     /**
@@ -74,7 +74,7 @@ export declare class ComboBox extends DropDownList {
      * {% codeBlock src='combobox/query/index.md' %}{% endcodeBlock %}
      *
      * @default null
-
+     * @deprecated
      */
     query: Query;
     /**
@@ -86,7 +86,7 @@ export declare class ComboBox extends DropDownList {
      *
      * @default null
      * @aspType double
-
+     * @deprecated
      */
     index: number | null;
     /**
@@ -96,13 +96,6 @@ export declare class ComboBox extends DropDownList {
      * @default true
      */
     showClearButton: boolean;
-    /**
-     * Enable or disable rendering component in right to left direction.
-     *
-     * @default false
-
-     */
-    enableRtl: boolean;
     /**
      * Triggers on set a
      * [`custom value`](../../combo-box/getting-started#custom-values) to this component.
@@ -139,7 +132,7 @@ export declare class ComboBox extends DropDownList {
      * @default Syncfusion.EJ2.Inputs.FloatLabelType.Never
      * @aspType Syncfusion.EJ2.Inputs.FloatLabelType
      * @isEnumeration true
-
+     * @deprecated
      */
     floatLabelType: FloatLabelType;
     /**
@@ -147,14 +140,14 @@ export declare class ComboBox extends DropDownList {
      *
      * @default null
      * @private
-
+     * @deprecated
      */
     filterBarPlaceholder: string;
     /**
      * Sets CSS classes to the root element of the component that allows customization of appearance.
      *
      * @default null
-
+     * @deprecated
      */
     cssClass: string;
     /**
@@ -163,7 +156,7 @@ export declare class ComboBox extends DropDownList {
      *
      * @default null
      * @aspType string
-
+     * @deprecated
      */
     headerTemplate: string | Function;
     /**
@@ -172,14 +165,14 @@ export declare class ComboBox extends DropDownList {
      *
      * @default null
      * @aspType string
-
+     * @deprecated
      */
     footerTemplate: string | Function;
     /**
      * Specifies a short hint that describes the expected value of the DropDownList component.
      *
      * @default null
-
+     * @deprecated
      */
     placeholder: string;
     /**
@@ -188,7 +181,7 @@ export declare class ComboBox extends DropDownList {
      *
      * @default '100%'
      * @aspType string
-
+     * @deprecated
      */
     width: string | number;
     /**
@@ -198,7 +191,7 @@ export declare class ComboBox extends DropDownList {
      *
      * @default '300px'
      * @aspType string
-
+     * @deprecated
      */
     popupHeight: string | number;
     /**
@@ -209,14 +202,14 @@ export declare class ComboBox extends DropDownList {
      *
      * @default '100%'
      * @aspType string
-
+     * @deprecated
      */
     popupWidth: string | number;
     /**
      * When set to true, the user interactions on the component are disabled.
      *
      * @default false
-
+     * @deprecated
      */
     readonly: boolean;
     /**
@@ -224,7 +217,7 @@ export declare class ComboBox extends DropDownList {
      *
      * @default null
      * @aspType string
-
+     * @deprecated
      */
     text: string | null;
     /**
@@ -232,7 +225,7 @@ export declare class ComboBox extends DropDownList {
      *
      * @default null
      * @isGenericType true
-
+     * @deprecated
      */
     value: number | string | boolean | object | null;
     /**
@@ -282,14 +275,14 @@ export declare class ComboBox extends DropDownList {
      * Shows the spinner loader.
      *
      * @returns {void}
-
+     * @deprecated
      */
     showSpinner(): void;
     /**
      * Hides the spinner loader.
      *
      * @returns {void}
-
+     * @deprecated
      */
     hideSpinner(): void;
     protected setAutoFill(activeElement: Element, isHover?: boolean): void;
@@ -338,7 +331,7 @@ export declare class ComboBox extends DropDownList {
      * @param { Object[] } items - Specifies an array of JSON data or a JSON data.
      * @param { number } itemIndex - Specifies the index to place the newly added item in the popup list.
      * @returns {void}
-
+     * @deprecated
      */
     addItem(items: {
         [key: string]: Object;
@@ -352,7 +345,7 @@ export declare class ComboBox extends DropDownList {
      * @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
      */
     filter(dataSource: {
         [key: string]: Object;
@@ -361,14 +354,14 @@ export declare class ComboBox extends DropDownList {
      * Opens the popup that displays the list of items.
      *
      * @returns {void}
-
+     * @deprecated
      */
     showPopup(e?: MouseEvent | KeyboardEventArgs | TouchEvent): void;
     /**
      * Hides the popup if it is in open state.
      *
      * @returns {void}
-
+     * @deprecated
      */
     hidePopup(e?: MouseEvent | KeyboardEventArgs | TouchEvent): void;
     /**
@@ -381,21 +374,21 @@ export declare class ComboBox extends DropDownList {
      * Allows you to clear the selected values from the component.
      *
      * @returns {void}
-
+     * @deprecated
      */
     clear(): void;
     /**
      * Moves the focus from the component if the component is already focused.
      *
      * @returns {void}
-
+     * @deprecated
      */
     focusOut(e?: MouseEvent | KeyboardEventArgs): void;
     /**
      * Gets all the list items bound on this component.
      *
      * @returns {Element[]}
-
+     * @deprecated
      */
     getItems(): Element[];
     /**
@@ -403,7 +396,7 @@ export declare class ComboBox extends DropDownList {
      *
      * @param { string | number } value - Specifies the value of the list item.
      * @returns {Object}
-
+     * @deprecated
      */
     getDataByValue(value: string | number | boolean): {
         [key: string]: Object;

package/src/combo-box/combo-box.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-list/drop-down-list-model.d.ts'/>
 import { EventHandler, Property, Event, addClass, Browser, removeClass, detach } from '@syncfusion/ej2-base';
@@ -472,7 +472,7 @@ var ComboBox = /** @class */ (function (_super) {
      * Shows the spinner loader.
      *
      * @returns {void}
-
+     * @deprecated
      */
     ComboBox.prototype.showSpinner = function () {
         if (isNullOrUndefined(this.spinnerElement)) {
@@ -492,7 +492,7 @@ var ComboBox = /** @class */ (function (_super) {
      * Hides the spinner loader.
      *
      * @returns {void}
-
+     * @deprecated
      */
     ComboBox.prototype.hideSpinner = function () {
         if (!isNullOrUndefined(this.spinnerElement)) {
@@ -860,7 +860,7 @@ var ComboBox = /** @class */ (function (_super) {
      * @param { Object[] } items - Specifies an array of JSON data or a JSON data.
      * @param { number } itemIndex - Specifies the index to place the newly added item in the popup list.
      * @returns {void}
-
+     * @deprecated
      */
     ComboBox.prototype.addItem = function (items, itemIndex) {
         _super.prototype.addItem.call(this, items, itemIndex);
@@ -872,7 +872,7 @@ var ComboBox = /** @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
      */
     ComboBox.prototype.filter = function (dataSource, query, fields) {
         _super.prototype.filter.call(this, dataSource, query, fields);
@@ -882,7 +882,7 @@ var ComboBox = /** @class */ (function (_super) {
      * Opens the popup that displays the list of items.
      *
      * @returns {void}
-
+     * @deprecated
      */
     ComboBox.prototype.showPopup = function (e) {
         /* eslint-enable valid-jsdoc, jsdoc/require-param */
@@ -893,7 +893,7 @@ var ComboBox = /** @class */ (function (_super) {
      * Hides the popup if it is in open state.
      *
      * @returns {void}
-
+     * @deprecated
      */
     ComboBox.prototype.hidePopup = function (e) {
         /* eslint-enable valid-jsdoc, jsdoc/require-param */
@@ -964,7 +964,7 @@ var ComboBox = /** @class */ (function (_super) {
      * Allows you to clear the selected values from the component.
      *
      * @returns {void}
-
+     * @deprecated
      */
     ComboBox.prototype.clear = function () {
         this.value = null;
@@ -974,7 +974,7 @@ var ComboBox = /** @class */ (function (_super) {
      * Moves the focus from the component if the component is already focused.
      *
      * @returns {void}
-
+     * @deprecated
      */
     ComboBox.prototype.focusOut = function (e) {
         /* eslint-enable valid-jsdoc, jsdoc/require-param */
@@ -985,7 +985,7 @@ var ComboBox = /** @class */ (function (_super) {
      * Gets all the list items bound on this component.
      *
      * @returns {Element[]}
-
+     * @deprecated
      */
     ComboBox.prototype.getItems = function () {
         return _super.prototype.getItems.call(this);
@@ -995,7 +995,7 @@ var ComboBox = /** @class */ (function (_super) {
      *
      * @param { string | number } value - Specifies the value of the list item.
      * @returns {Object}
-
+     * @deprecated
      */
     ComboBox.prototype.getDataByValue = function (value) {
         return _super.prototype.getDataByValue.call(this, value);
@@ -1028,9 +1028,6 @@ var ComboBox = /** @class */ (function (_super) {
     __decorate([
         Property(true)
     ], ComboBox.prototype, "showClearButton", void 0);
-    __decorate([
-        Property(false)
-    ], ComboBox.prototype, "enableRtl", void 0);
     __decorate([
         Event()
     ], ComboBox.prototype, "customValueSpecifier", void 0);

package/src/common/virtual-scroll.js

@@ -1,49 +1,49 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__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 __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__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 __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 import { EventHandler, Browser, select, isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { debounce, Touch } from '@syncfusion/ej2-base';
 import { DataManager, Query } from '@syncfusion/ej2-data';
@@ -286,6 +286,7 @@ var VirtualScroll = /** @class */ (function () {
                                 query = query.skip(this.parent.viewPortInfo.startIndex);
                             }
                             this.parent.setCurrentView = false;
+                            this.parent.isPreventScrollAction = true;
                             this.parent.resetList(this.parent.dataSource, this.parent.fields, query);
                             isResetListCalled = true;
                             break;
@@ -333,6 +334,7 @@ var VirtualScroll = /** @class */ (function () {
                 }
             }
             this.parent.renderItems(currentData, this.parent.fields, this.component === 'multiselect' && this.parent.mode === 'CheckBox');
+            this.parent.updateSelectionList();
         }
         if (this.component === 'multiselect') {
             this.parent.updatevirtualizationList();
@@ -344,7 +346,8 @@ var VirtualScroll = /** @class */ (function () {
                 (this.parent.totalItemCount <= this.parent.itemCount))) ? 0 : this.parent.skeletonCount;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var virtualTrackElement = this.parent.list.getElementsByClassName('e-virtual-ddl')[0];
-        if (virtualTrackElement) {
+        var preventAction = this.component !== 'multiselect' || (this.component === 'multiselect' && ((!(this.parent.dataSource instanceof DataManager))) || (this.parent.dataSource instanceof DataManager && !isResetListCalled));
+        if (virtualTrackElement && preventAction) {
             virtualTrackElement.style = this.parent.GetVirtualTrackHeight();
         }
         else if (!virtualTrackElement && this.parent.skeletonCount > 0 && this.parent.popupWrapper) {
@@ -353,11 +356,13 @@ var VirtualScroll = /** @class */ (function () {
             });
             this.parent.popupWrapper.querySelector('.e-dropdownbase').appendChild(virualElement);
         }
-        this.parent.UpdateSkeleton();
+        if (this.component !== 'multiselect' || (this.component === 'multiselect' && ((!(this.parent.dataSource instanceof DataManager))) || (this.parent.dataSource instanceof DataManager && (!isResetListCalled || this.parent.viewPortInfo.startIndex === 0)))) {
+            this.parent.UpdateSkeleton();
+        }
         this.parent.liCollections = this.parent.list.querySelectorAll('.e-list-item');
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var virtualContentElement = this.parent.list.getElementsByClassName('e-virtual-ddl-content')[0];
-        if (virtualContentElement) {
+        if (virtualContentElement && preventAction) {
             (virtualContentElement).style = this.parent.getTransformValues();
         }
         if (this.parent.fields.groupBy) {