@syncfusion/ej2-dropdowns 26.1.40 → 26.1.41

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 26.1.40
+*  version : 26.1.41
 *  Copyright Syncfusion Inc. 2001 - 2023. 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@26.1.39",
+  "_id": "@syncfusion/ej2-dropdowns@26.1.40",
   "_inBundle": false,
-  "_integrity": "sha512-6xNIm7TmvRhL1UYrxuaoae3w7pbGDGfa1v02oH/8XodWzfVc7x5wfp8NPc01ToNj6wC5r+ot7SchgMmflpJTAQ==",
+  "_integrity": "sha512-46wsnnD/li+mnQiUZhf2KWrLIFRT/shD611wyMhaV7ODT+2ZvOD5mOrh71gYynMICY126Kzzxe4F3gdjasT4Kw==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -35,8 +35,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-26.1.39.tgz",
-  "_shasum": "f209b11db989dd495078f22edd680e6ed6736855",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-26.1.40.tgz",
+  "_shasum": "9852b08ad6e71686b9266207a21399eb21170fd0",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
@@ -45,12 +45,12 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~26.1.37",
-    "@syncfusion/ej2-data": "~26.1.40",
-    "@syncfusion/ej2-inputs": "~26.1.40",
+    "@syncfusion/ej2-data": "~26.1.41",
+    "@syncfusion/ej2-inputs": "~26.1.41",
     "@syncfusion/ej2-lists": "~26.1.35",
-    "@syncfusion/ej2-navigations": "~26.1.40",
+    "@syncfusion/ej2-navigations": "~26.1.41",
     "@syncfusion/ej2-notifications": "~26.1.35",
-    "@syncfusion/ej2-popups": "~26.1.38"
+    "@syncfusion/ej2-popups": "~26.1.41"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components",
@@ -75,7 +75,7 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "26.1.40",
+  "version": "26.1.41",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

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

@@ -3948,12 +3948,14 @@ var DropDownList = /** @class */ (function (_super) {
             Input.setValue('', this.inputElement, this.floatLabelType, this.showClearButton);
         }
         this.element.style.display = 'block';
-        if (this.inputWrapper.container.parentElement.tagName === this.getNgDirective()) {
-            detach(this.inputWrapper.container);
-        }
-        else {
-            this.inputWrapper.container.parentElement.insertBefore(this.element, this.inputWrapper.container);
-            detach(this.inputWrapper.container);
+        if (this.inputWrapper.container && this.inputWrapper.container.parentElement) {
+            if (this.inputWrapper.container.parentElement.tagName === this.getNgDirective()) {
+                detach(this.inputWrapper.container);
+            }
+            else {
+                this.inputWrapper.container.parentElement.insertBefore(this.element, this.inputWrapper.container);
+                detach(this.inputWrapper.container);
+            }
         }
         delete this.hiddenElement;
         this.filterInput = null;

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

@@ -415,6 +415,7 @@ var DropDownTree = /** @class */ (function (_super) {
                     _this.isFilteredData = false;
                     _this.isFilterRestore = true;
                     fields = _this.cloneFields(_this.fields);
+                    _this.treeObj.element.classList.remove('e-filtering');
                 }
                 else if (args.preventDefaultAction) {
                     fields = args.fields;
@@ -435,6 +436,7 @@ var DropDownTree = /** @class */ (function (_super) {
                             fields = _this.nestedFilter(args.text, args.fields);
                         }
                     }
+                    _this.treeObj.element.classList.add('e-filtering');
                 }
                 _this.hideCheckAll(_this.isFilteredData);
                 if (flag) {
@@ -1531,6 +1533,7 @@ var DropDownTree = /** @class */ (function (_super) {
     DropDownTree.prototype.renderPopup = function () {
         var _this = this;
         if (this.isFilteredData) {
+            this.treeObj.element.classList.remove('e-filtering');
             this.filterObj.value = '';
             this.treeObj.fields = this.getTreeFields(this.fields);
             this.isFilterRestore = true;

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

@@ -116,6 +116,9 @@ var ListBox = /** @class */ (function (_super) {
      */
     ListBox.prototype.addItem = function (items, itemIndex) {
         _super.prototype.addItem.call(this, items, itemIndex);
+        if (this.allowFiltering && this.filterInput.value !== '') {
+            this.filteringAction(this.jsonData, new Query(), this.fields);
+        }
     };
     /**
      * Build and render the component.
@@ -852,6 +855,9 @@ var ListBox = /** @class */ (function (_super) {
      */
     ListBox.prototype.addItems = function (items, itemIndex) {
         _super.prototype.addItem.call(this, items, itemIndex);
+        if (this.allowFiltering && this.filterInput.value !== '') {
+            this.filteringAction(this.jsonData, new Query(), this.fields);
+        }
     };
     /**
      * Removes a item from the list. By default, removed the last item in the list,

package/styles/bootstrap-dark.css

@@ -959,7 +959,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #414141;

package/styles/bootstrap.css

@@ -960,7 +960,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #ccc;

package/styles/bootstrap4.css

@@ -1004,7 +1004,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid rgba(0, 0, 0, 0.15);

package/styles/bootstrap5-dark.css

@@ -1017,7 +1017,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #444c54;

package/styles/bootstrap5.css

@@ -1017,7 +1017,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #dee2e6;

package/styles/drop-down-tree/_layout.scss

@@ -470,7 +470,7 @@
 
       &.e-chip-input {
         width: 0;
-        display: none;
+        visibility: hidden;
       }
     }
 

package/styles/drop-down-tree/bootstrap-dark.css

@@ -219,7 +219,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #414141;

package/styles/drop-down-tree/bootstrap.css

@@ -220,7 +220,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #ccc;

package/styles/drop-down-tree/bootstrap4.css

@@ -230,7 +230,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid rgba(0, 0, 0, 0.15);

package/styles/drop-down-tree/bootstrap5-dark.css

@@ -241,7 +241,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #444c54;

package/styles/drop-down-tree/bootstrap5.css

@@ -241,7 +241,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #dee2e6;

package/styles/drop-down-tree/fabric-dark.css

@@ -220,7 +220,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #414040;

package/styles/drop-down-tree/fabric.css

@@ -221,7 +221,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #eaeaea;

package/styles/drop-down-tree/fluent-dark.css

@@ -254,7 +254,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border-radius: 2px;

package/styles/drop-down-tree/fluent.css

@@ -254,7 +254,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border-radius: 2px;

package/styles/drop-down-tree/fluent2.css

@@ -1493,7 +1493,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid var(--color-sf-border-light);

package/styles/drop-down-tree/highcontrast-light.css

@@ -234,7 +234,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #757575;

package/styles/drop-down-tree/highcontrast.css

@@ -235,7 +235,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #969696;

package/styles/drop-down-tree/material-dark.css

@@ -328,7 +328,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid transparent;

package/styles/drop-down-tree/material.css

@@ -349,7 +349,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12);

package/styles/drop-down-tree/material3-dark.css

@@ -310,7 +310,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   margin-top: 2px;

package/styles/drop-down-tree/material3.css

@@ -366,7 +366,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   margin-top: 2px;

package/styles/drop-down-tree/tailwind-dark.css

@@ -259,7 +259,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #4b5563;

package/styles/drop-down-tree/tailwind.css

@@ -259,7 +259,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #e5e7eb;

package/styles/fabric-dark.css

@@ -935,7 +935,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #414040;

package/styles/fabric.css

@@ -929,7 +929,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #eaeaea;

package/styles/fluent-dark.css

@@ -1027,7 +1027,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border-radius: 2px;

package/styles/fluent.css

@@ -1027,7 +1027,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border-radius: 2px;

package/styles/fluent2.css

@@ -2230,7 +2230,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid var(--color-sf-border-light);
@@ -3640,7 +3640,8 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-chips {
-  background-color: var(--color-sf-content-bg-color-alt3);
+  background-color: var(--color-sf-chip-bg-color);
+  border: 1px solid var(--color-sf-chip-border-color);
   border-radius: 6px;
   height: 22px;
 }

package/styles/highcontrast-light.css

@@ -946,7 +946,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #757575;

package/styles/highcontrast.css

@@ -947,7 +947,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #969696;

package/styles/material-dark.css

@@ -1077,7 +1077,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid transparent;

package/styles/material.css

@@ -1122,7 +1122,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12);

package/styles/material3-dark.css

@@ -1109,7 +1109,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   margin-top: 2px;

package/styles/material3.css

@@ -1165,7 +1165,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   margin-top: 2px;

package/styles/multi-select/_fluent2-definition.scss

@@ -178,7 +178,8 @@ $ddl-closer-margin-top-bigger-small: -1.64em !default;
 $ddl-list-box-shadow-color: rgba(0, 0, 0, .21) !default;
 $ddl-chip-selected-shadow-value: 0 2px 3px 1px $ddl-list-box-shadow-color !default;
 $ddl-chip-mobile-font: $content-text-color !default;
-$ddl-chip-bg-color: $content-bg-color-alt3 !default;
+$ddl-chip-bg-color: $chip-bg-color !default;
+$dd-chip-border: 1px solid $chip-border-color !default;
 $ddl-chip-hover-bg-color: $content-bg-color-alt4 !default;
 $ddl-chip-hover-font-color: $content-text-color-hover !default;
 $ddl-sel-hover-chip-bg-color:  $content-bg-color-alt5 !default;

package/styles/multi-select/_theme.scss

@@ -48,6 +48,9 @@
   @if $ddl-multiselect-skin-name != 'Material3' {
     background-color: $ddl-chip-bg-color;
   }
+  @if $ddl-multiselect-skin-name == 'fluent2' {
+    border: $dd-chip-border;
+  }
   border-radius: $ddl-chip-radius;
   height: $ddl-chip-height;
 }

package/styles/multi-select/fluent2.css

@@ -2476,7 +2476,8 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-chips {
-  background-color: var(--color-sf-content-bg-color-alt3);
+  background-color: var(--color-sf-chip-bg-color);
+  border: 1px solid var(--color-sf-chip-border-color);
   border-radius: 6px;
   height: 22px;
 }

package/styles/tailwind-dark.css

@@ -1031,7 +1031,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #4b5563;

package/styles/tailwind.css

@@ -1031,7 +1031,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #e5e7eb;