@syncfusion/ej2-angular-dropdowns 19.2.62 → 19.3.46

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

@@ -0,0 +1,372 @@
+.e-dropdownbase .e-list-group-item,
+.e-fixed-head {
+  font-size: 12px;
+}
+
+.e-small .e-dropdownbase .e-list-group-item,
+.e-small .e-fixed-head,
+.e-small.e-dropdownbase .e-list-group-item,
+.e-small.e-fixed-head {
+  font-size: 10px;
+}
+
+.e-bigger .e-dropdownbase .e-list-group-item,
+.e-bigger .e-fixed-head,
+.e-bigger.e-dropdownbase .e-list-group-item,
+.e-bigger.e-fixed-head {
+  font-size: 14px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-group-item,
+.e-bigger.e-small .e-fixed-head,
+.e-bigger.e-small.e-dropdownbase .e-list-group-item,
+.e-bigger.e-small.e-fixed-head {
+  font-size: 12px;
+}
+
+.e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 8px 0 0;
+}
+
+.e-bigger .e-dropdownbase .e-list-item .e-list-icon,
+.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 12px 0 0;
+}
+
+.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 6px 0 0;
+}
+
+.e-bigger .e-dropdownbase,
+.e-dropdownbase.e-bigger {
+  min-height: 45px;
+}
+
+.e-bigger .e-dropdownbase .e-list-item,
+.e-bigger .e-dropdownbase .e-list-group-item,
+.e-bigger .e-dropdownbase .e-fixed-head,
+.e-dropdownbase.e-bigger .e-list-item,
+.e-dropdownbase.e-bigger .e-list-group-item,
+.e-dropdownbase.e-bigger .e-fixed-head {
+  line-height: 32px;
+  text-indent: 16px;
+}
+
+.e-bigger .e-dropdownbase .e-list-item .e-list-icon,
+.e-dropdownbase.e-bigger .e-list-item .e-list-icon {
+  font-size: 20px;
+}
+
+.e-dropdownbase {
+  display: block;
+  height: 100%;
+  min-height: 36px;
+  position: relative;
+  width: 100%;
+}
+
+.e-dropdownbase .e-list-parent {
+  margin: 0;
+  padding: 0;
+}
+
+.e-dropdownbase .e-list-group-item,
+.e-dropdownbase .e-fixed-head {
+  cursor: default;
+}
+
+.e-dropdownbase .e-list-item {
+  cursor: pointer;
+  overflow: hidden;
+  position: relative;
+  text-overflow: ellipsis;
+  vertical-align: middle;
+  white-space: nowrap;
+  width: 100%;
+}
+
+.e-dropdownbase .e-list-item .e-list-icon {
+  font-size: 16px;
+  vertical-align: middle;
+}
+
+.e-dropdownbase .e-fixed-head {
+  position: absolute;
+  top: 0;
+}
+
+.e-rtl .e-dropdownbase .e-fixed-head {
+  left: 33px;
+}
+
+.e-dropdownbase.e-content {
+  overflow: auto;
+  position: relative;
+}
+
+.e-popup.e-ddl .e-dropdownbase.e-nodata {
+  color: #212529;
+  cursor: default;
+  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-size: 14px;
+  padding: 14px 16px;
+  text-align: center;
+}
+
+.e-rtl .e-dropdownbase.e-dd-group .e-list-item {
+  padding-right: 12px;
+}
+
+.e-dropdownbase.e-dd-group .e-list-item {
+  padding-left: 12px;
+  text-indent: 0;
+}
+
+.e-small .e-dropdownbase.e-dd-group .e-list-item {
+  padding-left: 8px;
+}
+
+.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
+  padding-left: 16px;
+}
+
+.e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
+  padding-left: 14px;
+}
+
+.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
+  text-indent: 0;
+}
+
+.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
+  cursor: pointer;
+  font-weight: normal;
+  overflow: hidden;
+  position: relative;
+  text-overflow: ellipsis;
+  vertical-align: middle;
+  white-space: nowrap;
+  width: 100%;
+  font-weight: 500;
+}
+
+.e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item {
+  padding-right: 12px;
+}
+
+.e-rtl .e-dropdownbase .e-list-item {
+  padding-left: 16px;
+  padding-right: 0;
+}
+
+.e-small.e-rtl .e-dropdownbase .e-list-item,
+.e-small .e-rtl .e-dropdownbase .e-list-item,
+.e-rtl .e-small .e-dropdownbase .e-list-item {
+  padding-left: 16px;
+  padding-right: 0;
+}
+
+.e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
+.e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
+.e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
+.e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
+.e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
+  padding-left: 16px;
+  padding-right: 0;
+}
+
+.e-dropdownbase {
+  border-color: #dee2e6;
+}
+
+.e-dropdownbase .e-list-item {
+  background-color: #fff;
+  border-bottom: 0;
+  border-color: #dee2e6;
+  color: #212529;
+  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-size: 14px;
+  line-height: 30px;
+  min-height: 30px;
+  padding-right: 16px;
+  text-indent: 12px;
+}
+
+.e-dropdownbase .e-list-group-item,
+.e-fixed-head {
+  background-color: #fff;
+  border-color: #dee2e6;
+  color: #6c757d;
+  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 30px;
+  min-height: 30px;
+  padding-left: 12px;
+  padding-right: 16px;
+}
+
+.e-dropdownbase .e-list-item.e-active,
+.e-dropdownbase .e-list-item.e-active.e-hover {
+  background-color: #0d6efd;
+  border-color: #fff;
+  color: #fff;
+}
+
+.e-dropdownbase .e-list-item.e-hover {
+  background-color: #e9ecef;
+  border-color: #fff;
+  color: #212529;
+}
+
+.e-dropdownbase .e-list-item:last-child {
+  border-bottom: 0;
+}
+
+.e-dropdownbase .e-list-item.e-item-focus {
+  background-color: #e9ecef;
+}
+
+.e-bigger .e-dropdownbase .e-list-group-item,
+.e-bigger .e-dropdownbase .e-fixed-head {
+  font-size: 16px;
+  padding-left: 16px;
+}
+
+.e-multi-column.e-ddl.e-popup.e-popup-open table {
+  border-collapse: collapse;
+  table-layout: fixed;
+  width: 100%;
+}
+
+.e-multi-column.e-ddl.e-popup.e-popup-open th,
+.e-multi-column.e-ddl.e-popup.e-popup-open td {
+  display: table-cell;
+  overflow: hidden;
+  padding-right: 16px;
+  text-indent: 10px;
+  text-overflow: ellipsis;
+}
+
+.e-multi-column.e-ddl.e-popup.e-popup-open th {
+  line-height: 36px;
+  text-align: left;
+}
+
+.e-multi-column.e-ddl.e-popup.e-popup-open .e-ddl-header {
+  background-color: #fff;
+  border-color: #dee2e6;
+  border-style: solid;
+  border-width: 0 0 1px 0;
+  color: #6c757d;
+  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-size: 14px;
+  font-weight: 500;
+  text-indent: 10px;
+}
+
+.e-multi-column.e-ddl.e-popup.e-popup-open .e-dropdownbase .e-list-item {
+  padding-right: 0;
+}
+
+.e-multi-column.e-ddl.e-popup.e-popup-open.e-scroller .e-ddl-header {
+  padding-right: 16px;
+}
+
+.e-multi-column.e-ddl.e-popup.e-popup-open .e-ddl-header,
+.e-multi-column.e-ddl.e-popup.e-popup-open.e-ddl-device .e-ddl-header {
+  padding-right: 0;
+}
+
+.e-multi-column.e-ddl.e-popup.e-popup-open .e-text-center {
+  text-align: center;
+}
+
+.e-multi-column.e-ddl.e-popup.e-popup-open .e-text-right {
+  text-align: right;
+}
+
+.e-multi-column.e-ddl.e-popup.e-popup-open .e-text-left {
+  text-align: left;
+}
+
+.e-small .e-dropdownbase .e-list-item,
+.e-dropdownbase.e-small .e-list-item {
+  color: #212529;
+  line-height: 26px;
+  min-height: 26px;
+  text-indent: 8px;
+}
+
+.e-small .e-dropdownbase .e-list-group-item,
+.e-small .e-dropdownbase .e-fixed-head,
+.e-dropdownbase.e-small .e-list-group-item,
+.e-dropdownbase.e-small .e-fixed-head {
+  font-size: 10px;
+  line-height: 26px;
+  min-height: 26px;
+  padding-left: 8px;
+}
+
+.e-small .e-dropdownbase .e-list-item .e-list-icon,
+.e-dropdownbase.e-small .e-list-item .e-list-icon {
+  font-size: 14px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-item,
+.e-dropdownbase.e-small.e-bigger .e-list-item {
+  color: #212529;
+  line-height: 30px;
+  min-height: 30px;
+  text-indent: 16px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-group-item,
+.e-bigger.e-small .e-dropdownbase .e-fixed-head,
+.e-dropdownbase.e-small.e-bigger .e-list-group-item,
+.e-dropdownbase.e-small.e-bigger .e-fixed-head {
+  line-height: 30px;
+  min-height: 30px;
+  padding-left: 14px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
+.e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
+  font-size: 18px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-group-item,
+.e-bigger.e-small .e-dropdownbase .e-fixed-head,
+.e-dropdownbase.e-bigger.e-small .e-list-group-item,
+.e-dropdownbase.e-bigger.e-small .e-fixed-head {
+  font-size: 12px;
+}
+
+.e-ddl.e-popup.e-multiselect-group .e-list-group-item {
+  background-color: #fff;
+  border-bottom: 0;
+  border-color: #dee2e6;
+  color: #212529;
+  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-size: 14px;
+  padding-right: 16px;
+  text-indent: 12px;
+  color: #6c757d;
+}
+
+.e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-item-focus {
+  background-color: #e9ecef;
+}
+
+.e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active,
+.e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active.e-hover {
+  background-color: #0d6efd;
+  border-color: #fff;
+  color: #fff;
+}
+
+.e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-hover {
+  background-color: #e9ecef;
+  border-color: #fff;
+  color: #212529;
+}

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

@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/drop-down-base/bootstrap5.scss';

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

@@ -23,6 +23,7 @@
 .e-dropdownbase.e-bigger .e-list-group-item,
 .e-dropdownbase.e-bigger .e-fixed-head {
   line-height: 48px;
+  text-indent: 10px;
 }
 
 .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
@@ -97,17 +98,14 @@
 
 .e-small .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 20px;
-  text-indent: 0;
 }
 
 .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 20px;
-  text-indent: 0;
 }
 
 .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 20px;
-  text-indent: 0;
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {

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

@@ -23,6 +23,7 @@
 .e-dropdownbase.e-bigger .e-list-group-item,
 .e-dropdownbase.e-bigger .e-fixed-head {
   line-height: 48px;
+  text-indent: 10px;
 }
 
 .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
@@ -97,17 +98,14 @@
 
 .e-small .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 20px;
-  text-indent: 0;
 }
 
 .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 20px;
-  text-indent: 0;
 }
 
 .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 20px;
-  text-indent: 0;
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {

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

@@ -42,6 +42,7 @@
 .e-dropdownbase.e-bigger .e-list-group-item,
 .e-dropdownbase.e-bigger .e-fixed-head {
   line-height: 48px;
+  text-indent: 10px;
 }
 
 .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
@@ -116,17 +117,14 @@
 
 .e-small .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 20px;
-  text-indent: 0;
 }
 
 .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 20px;
-  text-indent: 0;
 }
 
 .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 20px;
-  text-indent: 0;
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {

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

@@ -42,6 +42,7 @@
 .e-dropdownbase.e-bigger .e-list-group-item,
 .e-dropdownbase.e-bigger .e-fixed-head {
   line-height: 48px;
+  text-indent: 10px;
 }
 
 .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
@@ -116,17 +117,14 @@
 
 .e-small .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 20px;
-  text-indent: 0;
 }
 
 .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 20px;
-  text-indent: 0;
 }
 
 .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 20px;
-  text-indent: 0;
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {

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

@@ -23,6 +23,7 @@
 .e-dropdownbase.e-bigger .e-list-group-item,
 .e-dropdownbase.e-bigger .e-fixed-head {
   line-height: 48px;
+  text-indent: 16px;
 }
 
 .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
@@ -97,17 +98,14 @@
 
 .e-small .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 2em;
-  text-indent: 0;
 }
 
 .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 2em;
-  text-indent: 0;
 }
 
 .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 2em;
-  text-indent: 0;
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
@@ -185,7 +183,7 @@
 .e-dropdownbase .e-list-item.e-active.e-hover {
   background-color: rgba(255, 255, 255, 0.05);
   border-color: rgba(255, 255, 255, 0.18);
-  color: #ff80ab;
+  color: #00b0ff;
 }
 
 .e-dropdownbase .e-list-item.e-hover {
@@ -336,7 +334,7 @@
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active.e-hover {
   background-color: rgba(255, 255, 255, 0.05);
   border-color: rgba(255, 255, 255, 0.18);
-  color: #ff80ab;
+  color: #00b0ff;
 }
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-hover {

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

@@ -23,6 +23,7 @@
 .e-dropdownbase.e-bigger .e-list-group-item,
 .e-dropdownbase.e-bigger .e-fixed-head {
   line-height: 48px;
+  text-indent: 16px;
 }
 
 .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
@@ -97,17 +98,14 @@
 
 .e-small .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 2em;
-  text-indent: 0;
 }
 
 .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 2em;
-  text-indent: 0;
 }
 
 .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 2em;
-  text-indent: 0;
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {

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

@@ -56,6 +56,7 @@
 .e-dropdownbase.e-bigger .e-list-group-item,
 .e-dropdownbase.e-bigger .e-fixed-head {
   line-height: 36px;
+  text-indent: 12px;
 }
 
 .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
@@ -130,17 +131,14 @@
 
 .e-small .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 8px;
-  text-indent: 0;
 }
 
 .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 16px;
-  text-indent: 0;
 }
 
 .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 14px;
-  text-indent: 0;
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
@@ -188,7 +186,7 @@
 }
 
 .e-dropdownbase .e-list-item {
-  background-color: #1f2937;
+  background-color: #374151;
   border-bottom: 0;
   border-color: #4b5563;
   color: #fff;
@@ -202,7 +200,7 @@
 
 .e-dropdownbase .e-list-group-item,
 .e-fixed-head {
-  background-color: #1f2937;
+  background-color: #374151;
   border-color: #4b5563;
   color: #9ca3af;
   font-family: "Inter";
@@ -262,7 +260,7 @@
 }
 
 .e-multi-column.e-ddl.e-popup.e-popup-open .e-ddl-header {
-  background-color: #1f2937;
+  background-color: #374151;
   border-color: #4b5563;
   border-style: solid;
   border-width: 0 0 1px 0;
@@ -351,7 +349,7 @@
 }
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item {
-  background-color: #1f2937;
+  background-color: #374151;
   border-bottom: 0;
   border-color: #4b5563;
   color: #fff;

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

@@ -56,6 +56,7 @@
 .e-dropdownbase.e-bigger .e-list-group-item,
 .e-dropdownbase.e-bigger .e-fixed-head {
   line-height: 36px;
+  text-indent: 12px;
 }
 
 .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
@@ -130,17 +131,14 @@
 
 .e-small .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 8px;
-  text-indent: 0;
 }
 
 .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 16px;
-  text-indent: 0;
 }
 
 .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 14px;
-  text-indent: 0;
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {

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

@@ -117,6 +117,11 @@
   background: transparent;
 }
 
+.e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
+.e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
+  background: #e9ecef;
+}
+
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
 .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
@@ -212,19 +217,11 @@
   font-size: 16px;
 }
 
-.e-bigger .e-ddl.e-popup .e-input-group {
-  padding: 4px 0;
-}
-
 .e-bigger.e-ddl.e-popup .e-list-item,
 .e-bigger.e-ddl.e-popup .e-list-group-item {
   font-size: 16px;
 }
 
-.e-bigger.e-ddl.e-popup .e-input-group {
-  padding: 4px 0;
-}
-
 .e-popup-full-page {
   bottom: 0;
   left: 0;
@@ -288,14 +285,6 @@
   padding: 0;
 }
 
-.e-ddl.e-popup.e-rtl .e-filter-parent .e-input-group.e-control-wrapper .e-input-filter,
-.e-ddl.e-popup .e-filter-parent .e-input-filter,
-.e-ddl.e-popup .e-filter-parent .e-input-filter:focus,
-.e-ddl.e-popup .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
-.e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper.e-input-focus .e-input-filter {
-  padding: 0 20px;
-}
-
 .e-ddl.e-popup .e-input-group {
   margin-bottom: 0;
 }