@syncfusion/ej2-dropdowns 28.2.7 → 28.2.11

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 28.2.7
+*  version : 28.2.11
 *  Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-dropdowns@*",
-  "_id": "@syncfusion/ej2-dropdowns@28.2.6",
+  "_id": "@syncfusion/ej2-dropdowns@28.2.9",
   "_inBundle": false,
-  "_integrity": "sha512-uQKSk32QXmelpo0QLO6+UsNx7Yj7Tk46Vx54YMsdNAX3hpLdsbEMH9XWfQ2z5MXDKiaWkBl1ajla5tNyWhO6bw==",
+  "_integrity": "sha512-z+Y4VJ/zBVjJdz0yOs93+j3eRtSd9kkCcH7YiNl+WEanbyrb31DoMmPZki6TKsbnxkQWz5OHtj76RJUc8hdHPw==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -36,8 +36,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-28.2.6.tgz",
-  "_shasum": "f672e6edcd41527eec728f607fdb583708c8b567",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-28.2.9.tgz",
+  "_shasum": "e22303acf0b942d118c2f6f9f7151b382033556e",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/elease-automation_release_28.1.1/packages/included",
   "author": {
@@ -45,13 +45,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~28.2.5",
-    "@syncfusion/ej2-data": "~28.2.3",
-    "@syncfusion/ej2-inputs": "~28.2.3",
+    "@syncfusion/ej2-base": "~28.2.9",
+    "@syncfusion/ej2-data": "~28.2.11",
+    "@syncfusion/ej2-inputs": "~28.2.11",
     "@syncfusion/ej2-lists": "~28.2.3",
-    "@syncfusion/ej2-navigations": "~28.2.6",
+    "@syncfusion/ej2-navigations": "~28.2.11",
     "@syncfusion/ej2-notifications": "~28.2.3",
-    "@syncfusion/ej2-popups": "~28.2.6"
+    "@syncfusion/ej2-popups": "~28.2.9"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components",
@@ -76,7 +76,7 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "28.2.7",
+  "version": "28.2.11",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

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

@@ -2382,7 +2382,7 @@ var DropDownList = /** @class */ (function (_super) {
                     && ((this.dataSource instanceof DataManager)
                         || (!isNullOrUndefined(this.dataSource) && !isNullOrUndefined(this.dataSource.length) &&
                             this.dataSource.length !== 0)))) {
-                    if (this.itemTemplate && this.element.tagName === 'EJS-COMBOBOX' && this.allowFiltering) {
+                    if (this.itemTemplate && (this.element.tagName === 'EJS-COMBOBOX' || this.isReact) && this.allowFiltering) {
                         setTimeout(function () {
                             _this.updateActionCompleteDataValues(ulElement, list);
                         }, 0);

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

@@ -471,7 +471,7 @@ export interface DropDownTreeModel extends ComponentModel{
 
     /**
      * Specifies the way to customize the selected values in the Dropdown Tree component based on application needs. If the **valueTemplate** property is set, the template content overrides the displayed item text.
-     * The property accepts [template string] (https://ej2.syncfusion.com/documentation/common/template-engine/) or HTML element ID holding the content. The context for the valueTemplate comes from the data object passed to it.
+     * The property accepts [template string](https://ej2.syncfusion.com/documentation/common/template-engine/) or HTML element ID holding the content. The context for the valueTemplate comes from the data object passed to it.
      *
      * @default null
      * @angularType string | object

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

@@ -632,7 +632,7 @@ export declare class DropDownTree extends Component<HTMLElement> implements INot
     value: string[];
     /**
      * Specifies the way to customize the selected values in the Dropdown Tree component based on application needs. If the **valueTemplate** property is set, the template content overrides the displayed item text.
-     * The property accepts [template string] (https://ej2.syncfusion.com/documentation/common/template-engine/) or HTML element ID holding the content. The context for the valueTemplate comes from the data object passed to it.
+     * The property accepts [template string](https://ej2.syncfusion.com/documentation/common/template-engine/) or HTML element ID holding the content. The context for the valueTemplate comes from the data object passed to it.
      *
      * @default null
      * @angularType string | object

package/src/list-box/list-box.js

@@ -2049,7 +2049,8 @@ var ListBox = /** @class */ (function (_super) {
         }
         var char = String.fromCharCode(e.keyCode);
         var isWordCharacter = char.match(/\w/);
-        if (!isNullOrUndefined(isWordCharacter)) {
+        var isWordAccentCharacter = char.match(/[A-Za-z0-9\u00C0-\u024F ]/);
+        if (!isNullOrUndefined(isWordCharacter) || !isNullOrUndefined(isWordAccentCharacter)) {
             this.isValidKey = true;
         }
         this.isBackSpace = e.keyCode === 8;

package/src/mention/mention.js

@@ -1306,8 +1306,7 @@ var Mention = /** @class */ (function (_super) {
             if (lastNode) {
                 range = range.cloneRange();
                 if (this.isRTE) {
-                    range.setStart(lastNode, 0);
-                    range.setEnd(lastNode, lastNode.textContent.length);
+                    range.setStart(lastNode, lastNode.textContent.length);
                 }
                 else {
                     range.setStartAfter(lastNode);

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

@@ -56,6 +56,7 @@ export declare class MultiSelect extends DropDownBase implements IInput {
     private isClearAllItem;
     private previousFocusItem;
     private isRemoveSelection;
+    private isaddNonPresentItems;
     private resizer;
     private storedSelectAllHeight;
     private isResizing;

package/src/multi-select/multi-select.js

@@ -540,11 +540,13 @@ var MultiSelect = /** @class */ (function (_super) {
                 for (var i = 0; i < valuecheck.length; i++) {
                     var value = this.allowObjectBinding ? getValue((this.fields.value) ?
                         this.fields.value : '', valuecheck[i]) : valuecheck[i];
-                    if (i === 0) {
-                        predicate = new Predicate(field, 'notequal', (value));
+                    if (this.isaddNonPresentItems) {
+                        predicate = i === 0 ? new Predicate(field, 'equal', valuecheck[i])
+                            : predicate.or(field, 'equal', valuecheck[i]);
                     }
                     else {
-                        predicate = predicate.and(field, 'notequal', (value));
+                        predicate = i === 0 ? predicate = new Predicate(field, 'notequal', (value))
+                            : predicate.and(field, 'notequal', (value));
                     }
                 }
                 return new Query().where(predicate);
@@ -612,8 +614,10 @@ var MultiSelect = /** @class */ (function (_super) {
             valuecheck = this.presentItemValue(this.ulElement);
         }
         if (valuecheck.length > 0 && this.dataSource instanceof DataManager && !isNullOrUndefined(this.value)
-            && this.listData != null && !this.enableVirtualization) {
+            && this.listData != null) {
+            this.isaddNonPresentItems = true;
             this.addNonPresentItems(valuecheck, this.ulElement, this.listData);
+            this.isaddNonPresentItems = false;
         }
         else {
             this.updateActionList(ulElement, list, e);
@@ -976,6 +980,7 @@ var MultiSelect = /** @class */ (function (_super) {
             filterQuery.take(takeValue);
         }
         filterQuery.requiresCount();
+        this.customFilterQuery = null;
         return filterQuery;
     };
     MultiSelect.prototype.getTakeValue = function () {
@@ -3623,6 +3628,7 @@ var MultiSelect = /** @class */ (function (_super) {
         this.isCustomRendered = false;
         this.isRemoteSelection = false;
         this.isSelectAllTarget = true;
+        this.isaddNonPresentItems = false;
         this.viewPortInfo = {
             currentPageNumber: null,
             direction: null,
@@ -5405,10 +5411,12 @@ var MultiSelect = /** @class */ (function (_super) {
                 valuecheck = this.presentItemValue(this.ulElement);
             }
             if (prop === 'value' && valuecheck.length > 0 && this.dataSource instanceof DataManager && !isNullOrUndefined(this.value)
-                && this.listData != null && !this.enableVirtualization) {
+                && this.listData != null) {
                 this.mainData = null;
                 this.setDynValue = true;
+                this.isaddNonPresentItems = true;
                 this.addNonPresentItems(valuecheck, this.ulElement, this.listData);
+                this.isaddNonPresentItems = false;
             }
             else {
                 if (prop === 'text') {
@@ -5424,9 +5432,12 @@ var MultiSelect = /** @class */ (function (_super) {
                     var list = this.mainList.cloneNode ? this.mainList.cloneNode(true) : this.mainList;
                     this.onActionComplete(list, this.mainData);
                 }
-                if (!this.enableVirtualization || (this.enableVirtualization && (!(this.dataSource instanceof DataManager)))) {
+                if (!this.enableVirtualization) {
                     this.initialValueUpdate();
                 }
+                else if (this.enableVirtualization && (!(this.dataSource instanceof DataManager))) {
+                    this.initialValueUpdate(this.dataSource, true);
+                }
                 else if (!this.isInitRemoteVirtualData) {
                     this.isDynamicRemoteVirtualData = true;
                     this.initialValueUpdate(this.listData, true);