@syncfusion/ej2-dropdowns 23.2.7 → 24.1.41-566987

package/src/multi-select/multi-select.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-base/drop-down-base-model.d.ts'/>
 import { DropDownBase, dropDownBaseClasses } from '../drop-down-base/drop-down-base';
@@ -259,7 +259,7 @@ var MultiSelect = /** @class */ (function (_super) {
                 if (_this.popupObj) {
                     _this.popupObj.show(eventArgs.animation, (_this.zIndex === 1000) ? _this.element : null);
                 }
-                attributes(_this.inputElement, { 'aria-expanded': 'true', 'aria-owns': _this.inputElement.id + '_options' });
+                attributes(_this.inputElement, { 'aria-expanded': 'true', 'aria-owns': _this.element.id + '_popup', 'aria-controls': _this.element.id });
                 _this.updateAriaActiveDescendant();
                 if (_this.isFirstClick) {
                     _this.loadTemplate();
@@ -340,7 +340,7 @@ var MultiSelect = /** @class */ (function (_super) {
     };
     MultiSelect.prototype.updateListARIA = function () {
         if (!isNullOrUndefined(this.ulElement)) {
-            attributes(this.ulElement, { 'id': this.element.id + '_options', 'role': 'listbox', 'aria-hidden': 'false' });
+            attributes(this.ulElement, { 'id': this.element.id + '_options', 'role': 'listbox', 'aria-hidden': 'false', 'aria-label': 'list' });
         }
         var disableStatus = !isNullOrUndefined(this.inputElement) && (this.inputElement.disabled) ? true : false;
         if (!this.isPopupOpen() && !isNullOrUndefined(this.inputElement)) {
@@ -3937,6 +3937,8 @@ var MultiSelect = /** @class */ (function (_super) {
         this.setWidth(this.width);
         this.overAllWrapper.appendChild(this.componentWrapper);
         this.popupWrapper = this.createElement('div', { id: this.element.id + '_popup', className: POPUP_WRAPPER });
+        this.popupWrapper.setAttribute('aria-label', this.element.id);
+        this.popupWrapper.setAttribute('role', 'dialog');
         if (this.mode === 'Delimiter' || this.mode === 'CheckBox') {
             this.delimiterWrapper = this.createElement('span', { className: DELIMITER_WRAPPER, styles: 'display:none' });
             this.componentWrapper.appendChild(this.delimiterWrapper);

package/styles/auto-complete/_all.scss

@@ -1 +1 @@
-/* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */

package/styles/auto-complete/_bds-definition.scss

@@ -0,0 +1,2 @@
+//default
+//enddefault

package/styles/auto-complete/_bootstrap-dark-definition.scss

@@ -1,3 +1,3 @@
-//default
-//undefined
-//enddefault
+//default
+//undefined
+//enddefault

package/styles/auto-complete/_bootstrap-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_bootstrap4-definition.scss

@@ -1,11 +1,11 @@
-//default
-
-.e-input-group.e-ddl .e-control.e-autocomplete ~ .e-ddl-icon {
-  font-size: 8px;
-}
-
-.e-bigger .e-input-group.e-ddl .e-control.e-autocomplete ~ .e-ddl-icon {
-  font-size: 10px;
-}
-
-//enddefault
+//default
+
+.e-input-group.e-ddl .e-control.e-autocomplete ~ .e-ddl-icon {
+  font-size: 8px;
+}
+
+.e-bigger .e-input-group.e-ddl .e-control.e-autocomplete ~ .e-ddl-icon {
+  font-size: 10px;
+}
+
+//enddefault

package/styles/auto-complete/_bootstrap5-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_fabric-dark-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_fabric-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_fluent-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_fusionnew-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_highcontrast-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_highcontrast-light-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_material-dark-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_material-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_material3-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/_tailwind-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/auto-complete/material3-dark.scss

@@ -1,4 +1,4 @@
-
+@import 'ej2-base/styles/definition/material3-dark.scss';
 
 @import '../drop-down-list/material3-dark-definition.scss';
 @import 'material3-dark-definition.scss';

package/styles/auto-complete/material3.scss

@@ -1,4 +1,4 @@
-
+@import 'ej2-base/styles/definition/material3.scss';
 
 @import '../drop-down-list/material3-definition.scss';
 @import 'material3-definition.scss';

package/styles/bootstrap-dark.css

@@ -68,9 +68,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;
@@ -110,11 +107,6 @@
   cursor: default;
 }
 
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #0070f0;
-}
-
 .e-mention.e-editable-element {
   border: 2px solid #414141;
   height: auto;
@@ -539,6 +531,11 @@
   padding: 4px 0;
 }
 
+.e-popup.e-wide-popup.e-ddl-device.e-popup-close {
+  display: block;
+  visibility: hidden;
+}
+
 .e-popup-full-page {
   bottom: 0;
   left: 0;
@@ -836,6 +833,10 @@ ejs-dropdownlist {
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }
@@ -1223,6 +1224,10 @@ ejs-dropdownlist {
   color: #fff;
 }
 
+.e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
+  margin-top: -3.2em;
+}
+
 .e-multiselect.e-input-group .e-ddl-icon::before {
   content: "\e969";
   font-family: "e-icons";
@@ -1523,8 +1528,10 @@ ejs-dropdownlist {
   margin-top: -4em;
 }
 
-.e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
+.e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
+.e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
   margin-top: -4em;
+  margin-top: -3.7em;
 }
 
 .e-multi-select-wrapper input[type=text] {

package/styles/bootstrap.css

@@ -68,9 +68,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;
@@ -110,11 +107,6 @@
   cursor: default;
 }
 
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #317ab9;
-}
-
 .e-mention.e-editable-element {
   border: 2px solid rgba(119, 119, 119, 0.25);
   height: auto;
@@ -539,6 +531,11 @@
   padding: 4px 0;
 }
 
+.e-popup.e-wide-popup.e-ddl-device.e-popup-close {
+  display: block;
+  visibility: hidden;
+}
+
 .e-popup-full-page {
   bottom: 0;
   left: 0;
@@ -837,6 +834,10 @@ ejs-dropdownlist {
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }
@@ -1217,6 +1218,10 @@ ejs-dropdownlist {
   width: 40px;
 }
 
+.e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
+  margin-top: -3.2em;
+}
+
 .e-multiselect.e-input-group .e-ddl-icon::before {
   content: "\e969";
   font-family: "e-icons";
@@ -1517,8 +1522,10 @@ ejs-dropdownlist {
   margin-top: -4em;
 }
 
-.e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
+.e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
+.e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
   margin-top: -4em;
+  margin-top: -3.7em;
 }
 
 .e-multi-select-wrapper input[type=text] {

package/styles/bootstrap4.css

@@ -78,9 +78,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;
@@ -120,11 +117,6 @@
   cursor: default;
 }
 
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #007bff;
-}
-
 .e-mention.e-editable-element {
   border: 2px solid rgba(0, 0, 0, 0.15);
   height: auto;
@@ -586,6 +578,11 @@
 .e-bigger.e-ddl.e-popup .e-list-group-item {
   font-size: 16px;
 }
+.e-popup.e-wide-popup.e-ddl-device.e-popup-close {
+  display: block;
+  visibility: hidden;
+}
+
 .e-popup-full-page {
   bottom: 0;
   left: 0;
@@ -880,6 +877,10 @@ ejs-dropdownlist {
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }
@@ -1682,7 +1683,8 @@ ejs-dropdownlist {
   margin-top: -3.5em;
 }
 
-.e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
+.e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
+.e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
   margin-top: -3.5em;
 }
 

package/styles/bootstrap5-dark.css

@@ -94,9 +94,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;
@@ -136,11 +133,6 @@
   cursor: default;
 }
 
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #0d6efd;
-}
-
 .e-mention.e-editable-element {
   border: 2px solid #444c54;
   height: auto;
@@ -605,6 +597,11 @@
 .e-bigger.e-ddl.e-popup .e-list-group-item {
   font-size: 16px;
 }
+.e-popup.e-wide-popup.e-ddl-device.e-popup-close {
+  display: block;
+  visibility: hidden;
+}
+
 .e-popup-full-page {
   bottom: 0;
   left: 0;
@@ -900,6 +897,10 @@ ejs-dropdownlist {
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }
@@ -1666,7 +1667,8 @@ ejs-dropdownlist {
   margin-top: -2.25em;
 }
 
-.e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
+.e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
+.e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
   margin-top: -2.25em;
   margin-top: -2.15em;
 }

package/styles/bootstrap5.css

@@ -94,9 +94,6 @@
   position: absolute;
   top: 0;
 }
-.e-rtl .e-dropdownbase .e-fixed-head {
-  left: 33px;
-}
 
 .e-dropdownbase.e-content {
   overflow: auto;
@@ -136,11 +133,6 @@
   cursor: default;
 }
 
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #0d6efd;
-}
-
 .e-mention.e-editable-element {
   border: 2px solid #dee2e6;
   height: auto;
@@ -605,6 +597,11 @@
 .e-bigger.e-ddl.e-popup .e-list-group-item {
   font-size: 16px;
 }
+.e-popup.e-wide-popup.e-ddl-device.e-popup-close {
+  display: block;
+  visibility: hidden;
+}
+
 .e-popup-full-page {
   bottom: 0;
   left: 0;
@@ -900,6 +897,10 @@ ejs-dropdownlist {
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }
@@ -1666,7 +1667,8 @@ ejs-dropdownlist {
   margin-top: -2.25em;
 }
 
-.e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
+.e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
+.e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
   margin-top: -2.25em;
   margin-top: -2.15em;
 }

package/styles/combo-box/_all.scss

@@ -1 +1 @@
-/* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */

package/styles/combo-box/_bds-definition.scss

@@ -0,0 +1,2 @@
+//default
+//enddefault

package/styles/combo-box/_bootstrap-dark-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_bootstrap-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_bootstrap4-definition.scss

@@ -1,11 +1,11 @@
-//default
-
-.e-input-group.e-ddl .e-control.e-combobox ~ .e-ddl-icon {
-  font-size: 8px;
-}
-
-.e-bigger .e-input-group.e-ddl .e-control.e-combobox ~ .e-ddl-icon {
-  font-size: 10px;
-}
-
-//enddefault
+//default
+
+.e-input-group.e-ddl .e-control.e-combobox ~ .e-ddl-icon {
+  font-size: 8px;
+}
+
+.e-bigger .e-input-group.e-ddl .e-control.e-combobox ~ .e-ddl-icon {
+  font-size: 10px;
+}
+
+//enddefault

package/styles/combo-box/_bootstrap5-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_fabric-dark-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_fabric-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_fluent-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_fusionnew-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_highcontrast-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_highcontrast-light-definition.scss

@@ -1,3 +1,3 @@
-//default
-//undefined
-//enddefault
+//default
+//undefined
+//enddefault

package/styles/combo-box/_material-dark-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_material-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_material3-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/_tailwind-definition.scss

@@ -1,2 +1,2 @@
-//default
-//enddefault
+//default
+//enddefault

package/styles/combo-box/material3-dark.scss

@@ -1,4 +1,4 @@
-
+@import 'ej2-base/styles/definition/material3-dark.scss';
 
 @import '../drop-down-list/material3-dark-definition.scss';
 @import 'material3-dark-definition.scss';

package/styles/combo-box/material3.scss

@@ -1,4 +1,4 @@
-
+@import 'ej2-base/styles/definition/material3.scss';
 
 @import '../drop-down-list/material3-definition.scss';
 @import 'material3-definition.scss';

package/styles/drop-down-base/_all.scss

@@ -1,2 +1,2 @@
-@import 'layout.scss';
-@import 'theme.scss';
+@import 'layout.scss';
+@import 'theme.scss';