@syncfusion/ej2-dropdowns 26.1.35 → 26.1.38

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 26.1.35
+*  version : 26.1.38
 *  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@18.66.23",
+  "_id": "@syncfusion/ej2-dropdowns@26.1.35",
   "_inBundle": false,
-  "_integrity": "sha512-yDOcip+lZNukwhS2MZga3L7PqR0RlCStBwQDsjvg4ZhCtJ8qXB7mNWPjSOfZGgJRw3HWCGhCzSyZb3zSjMpXUA==",
+  "_integrity": "sha512-bLTq5w0LgHIjmhRGYRmgdxrImVc62GVk9OLKHiI4XJPCcjJYj0Dd8x/2LwMXoupPJ/YsJOEzChc2epZ59EX6tg==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -35,8 +35,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-18.66.23.tgz",
-  "_shasum": "e298ecdd7cb43706e54fe2850a72cb6c5ffc0093",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-26.1.35.tgz",
+  "_shasum": "fd4f3d459fa12ed484018077a9befb3f4053bb2d",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
@@ -44,13 +44,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~26.1.35",
+    "@syncfusion/ej2-base": "~26.1.37",
     "@syncfusion/ej2-data": "~26.1.35",
-    "@syncfusion/ej2-inputs": "~26.1.35",
+    "@syncfusion/ej2-inputs": "~26.1.38",
     "@syncfusion/ej2-lists": "~26.1.35",
-    "@syncfusion/ej2-navigations": "~26.1.35",
+    "@syncfusion/ej2-navigations": "~26.1.38",
     "@syncfusion/ej2-notifications": "~26.1.35",
-    "@syncfusion/ej2-popups": "~26.1.35"
+    "@syncfusion/ej2-popups": "~26.1.38"
   },
   "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.35",
+  "version": "26.1.38",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

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

@@ -1452,6 +1452,9 @@ var DropDownTree = /** @class */ (function (_super) {
         }
         this.currentText = this.text;
         this.currentValue = this.value;
+        if (!isNOU(this.value) && this.value.length > 0 && !isNOU(this.currentText)) {
+            this.inputWrapper.setAttribute('aria-label', this.currentText.split(',').join(' '));
+        }
         if (this.isInitialized) {
             this.triggerChangeEvent();
         }
@@ -1992,6 +1995,9 @@ var DropDownTree = /** @class */ (function (_super) {
                 this.setProperties({ text: selectedText }, true);
                 this.currentText = this.text;
                 this.currentValue = this.value;
+                if (!isNOU(this.value) && this.value.length > 0) {
+                    this.inputWrapper.setAttribute('aria-label', args.nodeData.text.toString());
+                }
                 attributes(this.inputWrapper, { 'aria-describedby': this.element.id });
                 attributes(this.inputWrapper, { 'aria-activedescendant': id.toString() });
                 this.updateHiddenValue();
@@ -2361,6 +2367,12 @@ var DropDownTree = /** @class */ (function (_super) {
         }
         this.currentText = this.text;
         this.currentValue = this.value;
+        if (!isNOU(this.value) && this.value.length > 0 && !isNOU(this.currentText)) {
+            this.inputWrapper.setAttribute('aria-label', this.currentText.split(',').join(' '));
+        }
+        else {
+            this.inputWrapper.setAttribute('aria-label', this.getModuleName());
+        }
     };
     DropDownTree.prototype.setChipValues = function (text, value) {
         if (!this.inputWrapper.contains(this.chipWrapper)) {
@@ -2541,6 +2553,9 @@ var DropDownTree = /** @class */ (function (_super) {
             this.oldValue = this.value;
             this.setProperties({ value: [] }, true);
         }
+        if (isNOU(this.value) || this.value.length === 0) {
+            this.inputWrapper.setAttribute('aria-label', this.getModuleName());
+        }
         this.dataValue = null;
         this.setProperties({ text: null }, true);
         this.selectedData = [];

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

@@ -583,6 +583,7 @@ export declare class ListBox extends DropDownBase {
     protected targetElement(): string;
     private dataUpdater;
     private focusOutHandler;
+    private resizeHandler;
     private getValidIndex;
     private updateSelectedOptions;
     private clearSelection;

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

@@ -181,6 +181,7 @@ var ListBox = /** @class */ (function (_super) {
         this.list.setAttribute('role', 'listbox');
         attributes(this.list, { 'role': 'listbox', 'aria-label': 'listbox', 'aria-multiselectable': this.selectionSettings.mode === 'Multiple' ? 'true' : 'false' });
         this.updateSelectionSettings();
+        this.resizeHandler();
     };
     ListBox.prototype.updateSelectionSettings = function () {
         if (this.selectionSettings.showCheckbox && this.selectionSettings.showSelectAll && this.liCollections.length) {
@@ -1162,6 +1163,7 @@ var ListBox = /** @class */ (function (_super) {
         if (form) {
             EventHandler.add(form, 'reset', this.formResetHandler, this);
         }
+        window.addEventListener('resize', this.resizeHandler.bind(this));
     };
     ListBox.prototype.wireToolbarEvent = function () {
         if (this.toolbarSettings.items.length) {
@@ -1183,6 +1185,7 @@ var ListBox = /** @class */ (function (_super) {
         if (form) {
             EventHandler.remove(form, 'reset', this.formResetHandler);
         }
+        window.removeEventListener('resize', this.resizeHandler.bind(this));
     };
     ListBox.prototype.clickHandler = function (e) {
         var li = closest(e.target, '.' + 'e-list-item');
@@ -2037,6 +2040,14 @@ var ListBox = /** @class */ (function (_super) {
             this.refreshClearIcon();
         }
     };
+    ListBox.prototype.resizeHandler = function () {
+        if (this.list.scrollWidth > this.list.offsetWidth) {
+            this.list.querySelector('.e-list-parent').style.display = 'inline-block';
+        }
+        else {
+            this.list.querySelector('.e-list-parent').style.display = 'block';
+        }
+    };
     ListBox.prototype.getValidIndex = function (cli, index, keyCode) {
         var cul = this.ulElement;
         if (cli.classList.contains('e-disabled') || cli.classList.contains(cssClass.group)) {

package/styles/bootstrap-dark.css

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

package/styles/bootstrap.css

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

package/styles/bootstrap4.css

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

package/styles/bootstrap5-dark.css

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

package/styles/bootstrap5.css

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -349,6 +349,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .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,6 +310,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   margin-top: 2px;

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

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

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

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

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

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

package/styles/fabric-dark.css

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

package/styles/fabric.css

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

package/styles/fluent-dark.css

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

package/styles/fluent.css

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

package/styles/fluent2.css

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

package/styles/highcontrast-light.css

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

package/styles/highcontrast.css

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

package/styles/material-dark.css

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

package/styles/material.css

@@ -1122,6 +1122,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .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,6 +1109,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
+  display: none;
 }
 .e-ddt.e-popup {
   margin-top: 2px;

package/styles/material3.css

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

package/styles/tailwind-dark.css

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

package/styles/tailwind.css

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