@syncfusion/ej2-dropdowns 34.1.30 → 34.1.33

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 34.1.30
+*  version : 34.1.33
 *  Copyright Syncfusion Inc. 2001 - 2025. 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,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-dropdowns",
-  "version": "34.1.30",
+  "version": "34.1.33",
   "description": "Essential JS 2 DropDown Components",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -9,10 +9,10 @@
   "es2015": "./dist/es6/ej2-dropdowns.es5.js",
   "dependencies": {
     "@syncfusion/ej2-base": "~34.1.30",
-    "@syncfusion/ej2-data": "~34.1.29",
-    "@syncfusion/ej2-inputs": "~34.1.30",
+    "@syncfusion/ej2-data": "~34.1.32",
+    "@syncfusion/ej2-inputs": "~34.1.32",
     "@syncfusion/ej2-lists": "~34.1.30",
-    "@syncfusion/ej2-navigations": "~34.1.30",
+    "@syncfusion/ej2-navigations": "~34.1.31",
     "@syncfusion/ej2-notifications": "~34.1.29",
     "@syncfusion/ej2-popups": "~34.1.29"
   },

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

@@ -87,6 +87,7 @@ export declare class DropDownList extends DropDownBase implements IInput {
     private tabIndex;
     private isNotSearchList;
     protected isTyped: boolean;
+    protected isProgrammaticValueUpdate: boolean;
     protected isSelected: boolean;
     protected preventFocus: boolean;
     protected preventAutoFill: boolean;

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

@@ -121,6 +121,7 @@ var DropDownList = /** @class */ (function (_super) {
         this.initialRemoteRender = false;
         this.isNotSearchList = false;
         this.isTyped = false;
+        this.isProgrammaticValueUpdate = false;
         this.isSelected = false;
         this.preventFocus = false;
         this.preventAutoFill = false;
@@ -2417,6 +2418,9 @@ var DropDownList = /** @class */ (function (_super) {
                 }
                 this.initial = false;
             }
+            if (this.isProgrammaticValueUpdate && !isNullOrUndefined(this.value) && this.getModuleName() === 'combobox') {
+                this.detachChangeEvent(null);
+            }
             else if (this.getModuleName() === 'autocomplete' && this.value) {
                 this.setInputValue();
             }
@@ -2523,10 +2527,13 @@ var DropDownList = /** @class */ (function (_super) {
         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 ?
-                _this.checkFieldValue(x, fieldValue) === value : x[checkField] === value;
-        });
+        var checkVal = false;
+        if (!isNullOrUndefined(list) && list.length > 0) {
+            checkVal = list.some(function (x) {
+                return isNullOrUndefined(x[checkField]) && fieldValue.length > 1 ?
+                    _this.checkFieldValue(x, fieldValue) === value : x[checkField] === value;
+            });
+        }
         if (this.enableVirtualization && this.virtualGroupDataSource) {
             checkVal = this.virtualGroupDataSource.some(function (x) {
                 return isNullOrUndefined(x[checkField]) && fieldValue.length > 1 ?
@@ -4065,6 +4072,9 @@ var DropDownList = /** @class */ (function (_super) {
                         this_1.isObjectInArray(newProp.value, [oldProp.value])) {
                         return { value: void 0 };
                     }
+                    if (!this_1.initial && this_1.dataSource instanceof DataManager) {
+                        this_1.isProgrammaticValueUpdate = true;
+                    }
                     if (this_1.enableVirtualization) {
                         var isOfflineMode = this_1.dataSource instanceof DataManager &&
                             this_1.dataSource.dataSource.offline === true;

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

@@ -2098,11 +2098,11 @@ var ListBox = /** @class */ (function (_super) {
             e.preventDefault();
             return;
         }
-        var char = e.code && e.keyCode >= 96 && e.keyCode <= 105 ?
-            String.fromCharCode(e.keyCode - 48) : String.fromCharCode(e.keyCode);
-        var isWordCharacter = char.match(/\w/);
-        var isWordAccentCharacter = char.match(/[A-Za-z0-9\u00C0-\u024F ]/);
-        if (!isNullOrUndefined(isWordCharacter) || !isNullOrUndefined(isWordAccentCharacter)) {
+        var isSpecialKey = e.keyCode >= 186 && e.keyCode <= 192;
+        var isNumericKeyPadSpecialKey = e.keyCode === 107 || e.keyCode === 109 || e.keyCode === 111;
+        var isWordCharacter = e.key && e.key.match(/\w/);
+        var isWordAccentCharacter = e.key && e.key.match(/[A-Za-z0-9\u00C0-\u024F ,>/:;\-+=]/);
+        if (!isNullOrUndefined(isWordCharacter) || !isNullOrUndefined(isWordAccentCharacter) || isSpecialKey || isNumericKeyPadSpecialKey) {
             this.isValidKey = true;
         }
         this.isBackSpace = e.keyCode === 8;

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

@@ -5892,6 +5892,10 @@ var MultiSelect = /** @class */ (function (_super) {
                         && !this.validateValues(newProp.value, oldProp.value)) {
                         return;
                     }
+                    if (this.isVue && this.mode === 'CheckBox' && !this.changeOnBlur && !isNullOrUndefined(oldProp.value) && !isNullOrUndefined(newProp.value)
+                        && !this.validateValues(newProp.value, oldProp.value)) {
+                        return;
+                    }
                     this.updateVal(this.value, oldProp.value, 'value', this.enableVirtualization);
                     this.addValidInputClass();
                     if (!this.closePopupOnSelect && this.isPopupOpen()) {

package/styles/bds-lite.css

@@ -2871,4 +2871,7 @@ ejs-listbox {
   height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-/* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
+.e-mention-placeholder {
+  display: block;
+}

package/styles/bds.css

@@ -3723,4 +3723,7 @@ ejs-listbox {
   font-size: 14px;
 }
 
-/* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
+.e-mention-placeholder {
+  display: block;
+}

package/styles/bootstrap-dark-lite.css

@@ -2804,4 +2804,8 @@ ejs-listbox {
 
 .e-listbox-container .e-selectall-parent + .e-list-wrap {
   height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-mention-placeholder {
+  display: block;
 }

package/styles/bootstrap-dark.css

@@ -3499,4 +3499,8 @@ ejs-listbox {
 
 .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
   height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-mention-placeholder {
+  display: block;
 }

package/styles/bootstrap-lite.css

@@ -2799,4 +2799,8 @@ ejs-listbox {
 
 .e-listbox-container .e-selectall-parent + .e-list-wrap {
   height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-mention-placeholder {
+  display: block;
 }

package/styles/bootstrap.css

@@ -3500,4 +3500,8 @@ ejs-listbox {
 
 .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
   height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-mention-placeholder {
+  display: block;
 }

package/styles/bootstrap4-lite.css

@@ -2913,4 +2913,8 @@ ejs-listbox {
 
 .e-listbox-container .e-selectall-parent + .e-list-wrap {
   height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-mention-placeholder {
+  display: block;
 }

package/styles/bootstrap4.css

@@ -3783,4 +3783,8 @@ ejs-listbox {
 
 .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
   height: calc(100% - 108px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-mention-placeholder {
+  display: block;
 }

package/styles/bootstrap5-dark-lite.css

@@ -2880,4 +2880,8 @@ ejs-listbox {
 
 .e-listbox-container .e-selectall-parent + .e-list-wrap {
   height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-mention-placeholder {
+  display: block;
 }

package/styles/bootstrap5-dark.css

@@ -3670,4 +3670,8 @@ ejs-listbox {
 
 .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
   height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-mention-placeholder {
+  display: block;
 }

package/styles/bootstrap5-lite.css

@@ -2882,4 +2882,7 @@ ejs-listbox {
   height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-/* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
+.e-mention-placeholder {
+  display: block;
+}

package/styles/bootstrap5.3-lite.css

@@ -2956,4 +2956,7 @@ ejs-listbox {
   height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-/* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
+.e-mention-placeholder {
+  display: block;
+}

package/styles/bootstrap5.3.css

@@ -3703,4 +3703,7 @@ ejs-listbox {
   height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-/* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
+.e-mention-placeholder {
+  display: block;
+}

package/styles/bootstrap5.css

@@ -3672,4 +3672,7 @@ ejs-listbox {
   height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-/* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
+.e-mention-placeholder {
+  display: block;
+}

package/styles/fabric-dark-lite.css

@@ -2782,4 +2782,8 @@ ejs-listbox {
 
 .e-listbox-container .e-selectall-parent + .e-list-wrap {
   height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-mention-placeholder {
+  display: block;
 }

package/styles/fabric-dark.css

@@ -3479,4 +3479,8 @@ ejs-listbox {
 
 .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
   height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-mention-placeholder {
+  display: block;
 }

package/styles/fabric-lite.css

@@ -2777,4 +2777,8 @@ ejs-listbox {
 
 .e-listbox-container .e-selectall-parent + .e-list-wrap {
   height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-mention-placeholder {
+  display: block;
 }

package/styles/fabric.css

@@ -3480,4 +3480,8 @@ ejs-listbox {
 
 .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
   height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-mention-placeholder {
+  display: block;
 }

package/styles/fluent-dark-lite.css

@@ -2905,4 +2905,8 @@ ejs-listbox {
 
 .e-listbox-container .e-selectall-parent + .e-list-wrap {
   height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-mention-placeholder {
+  display: block;
 }

package/styles/fluent-dark.css

@@ -3705,4 +3705,8 @@ ejs-listbox {
 
 .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
   height: calc(100% - 113px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-mention-placeholder {
+  display: block;
 }

package/styles/fluent-lite.css

@@ -2907,4 +2907,7 @@ ejs-listbox {
   height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-/* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
+.e-mention-placeholder {
+  display: block;
+}

package/styles/fluent.css

@@ -3707,4 +3707,7 @@ ejs-listbox {
   height: calc(100% - 113px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-/* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
+.e-mention-placeholder {
+  display: block;
+}

package/styles/fluent2-lite.css

@@ -3127,4 +3127,7 @@ ejs-listbox {
   height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-/* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
+.e-mention-placeholder {
+  display: block;
+}

package/styles/fluent2.css

@@ -3802,4 +3802,7 @@ ejs-listbox {
   height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-/* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
+.e-mention-placeholder {
+  display: block;
+}

package/styles/highcontrast-light-lite.css

@@ -2890,4 +2890,8 @@ ejs-listbox {
 
 .e-listbox-container .e-selectall-parent + .e-list-wrap {
   height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-mention-placeholder {
+  display: block;
 }

package/styles/highcontrast-light.css

@@ -3579,4 +3579,8 @@ ejs-listbox {
 
 .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
   height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-mention-placeholder {
+  display: block;
 }

package/styles/highcontrast-lite.css

@@ -2935,4 +2935,8 @@ ejs-listbox {
 
 .e-listbox-container .e-selectall-parent + .e-list-wrap {
   height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-mention-placeholder {
+  display: block;
 }

package/styles/highcontrast.css

@@ -3630,4 +3630,8 @@ ejs-listbox {
 
 .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
   height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-mention-placeholder {
+  display: block;
 }

package/styles/material-dark-lite.css

@@ -3548,4 +3548,8 @@ ejs-listbox {
 
 .e-listbox-container .e-selectall-parent + .e-list-wrap {
   height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-mention-placeholder {
+  display: block;
 }

package/styles/material-dark.css

@@ -5021,4 +5021,8 @@ ejs-listbox {
 
 .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
   height: calc(100% - 103px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-mention-placeholder {
+  display: block;
 }

package/styles/material-lite.css

@@ -3558,4 +3558,8 @@ ejs-listbox {
 
 .e-listbox-container .e-selectall-parent + .e-list-wrap {
   height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-mention-placeholder {
+  display: block;
 }

package/styles/material.css

@@ -5058,4 +5058,8 @@ ejs-listbox {
 
 .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
   height: calc(100% - 103px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-mention-placeholder {
+  display: block;
 }

package/styles/material3-dark-lite.css

@@ -3983,4 +3983,8 @@ ejs-listbox {
 
 .e-listbox-container .e-selectall-parent + .e-list-wrap {
   height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-mention-placeholder {
+  display: block;
 }

package/styles/material3-dark.css

@@ -5384,4 +5384,8 @@ ejs-listbox {
 
 .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
   height: calc(100% - 92px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-mention-placeholder {
+  display: block;
 }

package/styles/material3-lite.css

@@ -3987,4 +3987,7 @@ ejs-listbox {
   height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-/* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
+.e-mention-placeholder {
+  display: block;
+}

package/styles/material3.css

@@ -5388,4 +5388,7 @@ ejs-listbox {
   height: calc(100% - 92px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-/* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
+.e-mention-placeholder {
+  display: block;
+}

package/styles/mention/_layout.scss

@@ -1,7 +1,6 @@
 @use 'variables' as *;
 @include export-module('mention-layout') {
-
-  //default
-  //undefined
-  //enddefault
+  .e-mention-placeholder {
+    display: block;
+  }
 }

package/styles/mention/bds.css

@@ -1,3 +1,8 @@
 /* stylelint-disable-line no-empty-source */
 
 
+
+
+.e-mention-placeholder {
+  display: block;
+}

package/styles/mention/bootstrap-dark.css

@@ -0,0 +1,3 @@
+.e-mention-placeholder {
+  display: block;
+}

package/styles/mention/bootstrap.css

@@ -0,0 +1,3 @@
+.e-mention-placeholder {
+  display: block;
+}

package/styles/mention/bootstrap4.css

@@ -0,0 +1,3 @@
+.e-mention-placeholder {
+  display: block;
+}

package/styles/mention/bootstrap5-dark.css

@@ -0,0 +1,3 @@
+.e-mention-placeholder {
+  display: block;
+}

package/styles/mention/bootstrap5.3.css

@@ -82,4 +82,7 @@
 /* 13px */
 /* 14px */
 /* 15px */
-/* 16px */
+/* 16px */
+.e-mention-placeholder {
+  display: block;
+}

package/styles/mention/bootstrap5.css

@@ -1 +1,4 @@
-/* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
+.e-mention-placeholder {
+  display: block;
+}

package/styles/mention/fabric-dark.css

@@ -0,0 +1,3 @@
+.e-mention-placeholder {
+  display: block;
+}

package/styles/mention/fabric.css

@@ -0,0 +1,3 @@
+.e-mention-placeholder {
+  display: block;
+}

package/styles/mention/fluent-dark.css

@@ -0,0 +1,3 @@
+.e-mention-placeholder {
+  display: block;
+}

package/styles/mention/fluent.css

@@ -1 +1,4 @@
-/* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
+.e-mention-placeholder {
+  display: block;
+}

package/styles/mention/fluent2.css

@@ -83,3 +83,8 @@
 /* 16px */
 
 
+
+
+.e-mention-placeholder {
+  display: block;
+}

package/styles/mention/highcontrast-light.css

@@ -0,0 +1,3 @@
+.e-mention-placeholder {
+  display: block;
+}

package/styles/mention/highcontrast.css

@@ -0,0 +1,3 @@
+.e-mention-placeholder {
+  display: block;
+}

package/styles/mention/material-dark.css

@@ -0,0 +1,3 @@
+.e-mention-placeholder {
+  display: block;
+}

package/styles/mention/material.css

@@ -0,0 +1,3 @@
+.e-mention-placeholder {
+  display: block;
+}

package/styles/mention/material3-dark.css

@@ -79,4 +79,7 @@
 /* 13px */
 /* 14px */
 /* 15px */
-/* 16px */
+/* 16px */
+.e-mention-placeholder {
+  display: block;
+}

package/styles/mention/material3.css

@@ -81,3 +81,8 @@
 /* 14px */
 /* 15px */
 /* 16px */
+
+
+.e-mention-placeholder {
+  display: block;
+}

package/styles/mention/tailwind-dark.css

@@ -0,0 +1,3 @@
+.e-mention-placeholder {
+  display: block;
+}

package/styles/mention/tailwind.css

@@ -1 +1,4 @@
-/* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
+.e-mention-placeholder {
+  display: block;
+}

package/styles/mention/tailwind3.css

@@ -71,3 +71,8 @@
 /* 49px */
 /* 50px */
 /* 5em */
+
+
+.e-mention-placeholder {
+  display: block;
+}