@syncfusion/ej2-angular-dropdowns 20.2.48 → 20.2.50

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

@@ -1,4 +1,4 @@
-@include export-module('dropdownbase-theme') {
+@include export-module('dropdownbase-theme') {
   .e-rtl {
     #{if(&, '&', '*')} .e-dropdownbase {
       #{if(&, '&', '*')} .e-list-item {
@@ -100,7 +100,7 @@
     border-color: $ddl-list-border-color;
     @at-root {
       #{if(&, '&', '*')} .e-list-item {
-        /* stylelint-disable property-no-vendor-prefix */
+        // sass-lint:disable no-vendor-prefixes
         -webkit-tap-highlight-color: $ddl-list-tap-color;
         background-color: $ddl-list-bg-color;
         border-bottom: $ddl-list-bottom-border;
@@ -133,7 +133,7 @@
         background-color: $ddl-list-active-bg-color;
         border-color: $ddl-list-active-border-color;
         color: $ddl-list-active-font-color;
-      }
+       }
 
       #{if(&, '&', '*')} .e-list-item.e-hover {
         background-color: $ddl-list-hover-bg-color;
@@ -251,7 +251,7 @@
 
   // Bigger small size
 
-  .e-bigger.e-small .e-dropdownbase,
+  .e-bigger.e-small  .e-dropdownbase,
   .e-dropdownbase.e-small.e-bigger {
     @at-root {
       #{if(&, '&', '*')} .e-list-item {

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

@@ -77,8 +77,7 @@
   position: relative;
 }
 
-.e-popup.e-ddl .e-dropdownbase.e-nodata,
-.e-popup.e-mention .e-dropdownbase.e-nodata {
+.e-popup.e-ddl .e-dropdownbase.e-nodata {
   color: #a4a4a4;
   cursor: default;
   font-family: inherit;
@@ -87,41 +86,6 @@
   text-align: center;
 }
 
-.e-mention.e-popup {
-  background: #6e6e6e;
-  border: 0;
-  box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.5);
-  margin-top: 2px;
-  position: absolute;
-}
-
-.e-mention .e-dropdownbase .e-list-item .e-highlight {
-  display: inline;
-  font-weight: bold;
-  vertical-align: baseline;
-}
-
-.e-mention .e-mention-chip,
-.e-mention .e-mention-chip:hover {
-  color: #0070f0;
-}
-
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #0070f0;
-}
-
-.e-mention.e-editable-element {
-  border: 2px solid #414141;
-  height: auto;
-  min-height: 120px;
-  width: 100%;
-}
-
-.e-form-mirror-div {
-  white-space: pre-wrap;
-}
-
 .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
   padding-right: 30px;
 }
@@ -184,7 +148,6 @@
   border-color: #414141;
 }
 .e-dropdownbase .e-list-item {
-  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   background-color: #2a2a2a;
   border-bottom: 1px;

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

@@ -77,8 +77,7 @@
   position: relative;
 }
 
-.e-popup.e-ddl .e-dropdownbase.e-nodata,
-.e-popup.e-mention .e-dropdownbase.e-nodata {
+.e-popup.e-ddl .e-dropdownbase.e-nodata {
   color: #777;
   cursor: default;
   font-family: inherit;
@@ -87,41 +86,6 @@
   text-align: center;
 }
 
-.e-mention.e-popup {
-  background: #fff;
-  border: 0;
-  box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.175);
-  margin-top: 2px;
-  position: absolute;
-}
-
-.e-mention .e-dropdownbase .e-list-item .e-highlight {
-  display: inline;
-  font-weight: bold;
-  vertical-align: baseline;
-}
-
-.e-mention .e-mention-chip,
-.e-mention .e-mention-chip:hover {
-  color: #317ab9;
-}
-
-.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;
-  min-height: 120px;
-  width: 100%;
-}
-
-.e-form-mirror-div {
-  white-space: pre-wrap;
-}
-
 .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
   padding-right: 30px;
 }
@@ -184,7 +148,6 @@
   border-color: rgba(119, 119, 119, 0.25);
 }
 .e-dropdownbase .e-list-item {
-  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   background-color: #fff;
   border-bottom: 1px;

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

@@ -95,8 +95,7 @@
   position: relative;
 }
 
-.e-popup.e-ddl .e-dropdownbase.e-nodata,
-.e-popup.e-mention .e-dropdownbase.e-nodata {
+.e-popup.e-ddl .e-dropdownbase.e-nodata {
   color: #212529;
   cursor: default;
   font-family: inherit;
@@ -105,41 +104,6 @@
   text-align: center;
 }
 
-.e-mention.e-popup {
-  background: #fff;
-  border: 0;
-  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
-  margin-top: 2px;
-  position: absolute;
-}
-
-.e-mention .e-dropdownbase .e-list-item .e-highlight {
-  display: inline;
-  font-weight: bold;
-  vertical-align: baseline;
-}
-
-.e-mention .e-mention-chip,
-.e-mention .e-mention-chip:hover {
-  color: #007bff;
-}
-
-.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;
-  min-height: 120px;
-  width: 100%;
-}
-
-.e-form-mirror-div {
-  white-space: pre-wrap;
-}
-
 .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
   padding-right: 30px;
 }
@@ -202,7 +166,6 @@
   border-color: rgba(0, 0, 0, 0.15);
 }
 .e-dropdownbase .e-list-item {
-  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   background-color: #fff;
   border-bottom: 1px;

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

@@ -103,8 +103,7 @@
   position: relative;
 }
 
-.e-popup.e-ddl .e-dropdownbase.e-nodata,
-.e-popup.e-mention .e-dropdownbase.e-nodata {
+.e-popup.e-ddl .e-dropdownbase.e-nodata {
   color: #fff;
   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";
@@ -113,41 +112,6 @@
   text-align: center;
 }
 
-.e-mention.e-popup {
-  background: #212529;
-  border: 0;
-  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
-  margin-top: 2px;
-  position: absolute;
-}
-
-.e-mention .e-dropdownbase .e-list-item .e-highlight {
-  display: inline;
-  font-weight: bold;
-  vertical-align: baseline;
-}
-
-.e-mention .e-mention-chip,
-.e-mention .e-mention-chip:hover {
-  color: #0d6efd;
-}
-
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #0d6efd;
-}
-
-.e-mention.e-editable-element {
-  border: 2px solid #444c54;
-  height: auto;
-  min-height: 120px;
-  width: 100%;
-}
-
-.e-form-mirror-div {
-  white-space: pre-wrap;
-}
-
 .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
   padding-right: 12px;
 }
@@ -211,7 +175,6 @@
   border-color: #444c54;
 }
 .e-dropdownbase .e-list-item {
-  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   background-color: #343a40;
   border-bottom: 0;

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

@@ -103,8 +103,7 @@
   position: relative;
 }
 
-.e-popup.e-ddl .e-dropdownbase.e-nodata,
-.e-popup.e-mention .e-dropdownbase.e-nodata {
+.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";
@@ -113,41 +112,6 @@
   text-align: center;
 }
 
-.e-mention.e-popup {
-  background: #fff;
-  border: 0;
-  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
-  margin-top: 2px;
-  position: absolute;
-}
-
-.e-mention .e-dropdownbase .e-list-item .e-highlight {
-  display: inline;
-  font-weight: bold;
-  vertical-align: baseline;
-}
-
-.e-mention .e-mention-chip,
-.e-mention .e-mention-chip:hover {
-  color: #0d6efd;
-}
-
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #0d6efd;
-}
-
-.e-mention.e-editable-element {
-  border: 2px solid #dee2e6;
-  height: auto;
-  min-height: 120px;
-  width: 100%;
-}
-
-.e-form-mirror-div {
-  white-space: pre-wrap;
-}
-
 .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
   padding-right: 12px;
 }
@@ -211,7 +175,6 @@
   border-color: #dee2e6;
 }
 .e-dropdownbase .e-list-item {
-  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   background-color: #fff;
   border-bottom: 0;

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

@@ -77,8 +77,7 @@
   position: relative;
 }
 
-.e-popup.e-ddl .e-dropdownbase.e-nodata,
-.e-popup.e-mention .e-dropdownbase.e-nodata {
+.e-popup.e-ddl .e-dropdownbase.e-nodata {
   color: #dadada;
   cursor: default;
   font-family: inherit;
@@ -87,41 +86,6 @@
   text-align: center;
 }
 
-.e-mention.e-popup {
-  background: #514f4f;
-  border: 0;
-  box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.26);
-  margin-top: 2px;
-  position: absolute;
-}
-
-.e-mention .e-dropdownbase .e-list-item .e-highlight {
-  display: inline;
-  font-weight: bold;
-  vertical-align: baseline;
-}
-
-.e-mention .e-mention-chip,
-.e-mention .e-mention-chip:hover {
-  color: #0074cc;
-}
-
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #0074cc;
-}
-
-.e-mention.e-editable-element {
-  border: 2px solid #414040;
-  height: auto;
-  min-height: 120px;
-  width: 100%;
-}
-
-.e-form-mirror-div {
-  white-space: pre-wrap;
-}
-
 .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
   padding-right: 20px;
 }
@@ -184,7 +148,6 @@
   border-color: #414040;
 }
 .e-dropdownbase .e-list-item {
-  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   background-color: #282727;
   border-bottom: 1px;

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

@@ -77,8 +77,7 @@
   position: relative;
 }
 
-.e-popup.e-ddl .e-dropdownbase.e-nodata,
-.e-popup.e-mention .e-dropdownbase.e-nodata {
+.e-popup.e-ddl .e-dropdownbase.e-nodata {
   color: #333;
   cursor: default;
   font-family: inherit;
@@ -87,41 +86,6 @@
   text-align: center;
 }
 
-.e-mention.e-popup {
-  background: #fff;
-  border: 0;
-  box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
-  margin-top: 2px;
-  position: absolute;
-}
-
-.e-mention .e-dropdownbase .e-list-item .e-highlight {
-  display: inline;
-  font-weight: bold;
-  vertical-align: baseline;
-}
-
-.e-mention .e-mention-chip,
-.e-mention .e-mention-chip:hover {
-  color: #0078d6;
-}
-
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #0078d6;
-}
-
-.e-mention.e-editable-element {
-  border: 2px solid rgba(234, 234, 234, 0.25);
-  height: auto;
-  min-height: 120px;
-  width: 100%;
-}
-
-.e-form-mirror-div {
-  white-space: pre-wrap;
-}
-
 .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
   padding-right: 20px;
 }
@@ -184,7 +148,6 @@
   border-color: rgba(234, 234, 234, 0.25);
 }
 .e-dropdownbase .e-list-item {
-  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   background-color: #fff;
   border-bottom: 1px;

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

@@ -103,8 +103,7 @@
   position: relative;
 }
 
-.e-popup.e-ddl .e-dropdownbase.e-nodata,
-.e-popup.e-mention .e-dropdownbase.e-nodata {
+.e-popup.e-ddl .e-dropdownbase.e-nodata {
   color: #f3f2f1;
   cursor: default;
   font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
@@ -113,41 +112,6 @@
   text-align: center;
 }
 
-.e-mention.e-popup {
-  background: #252423;
-  border: 0;
-  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
-  margin-top: 2px;
-  position: absolute;
-}
-
-.e-mention .e-dropdownbase .e-list-item .e-highlight {
-  display: inline;
-  font-weight: bold;
-  vertical-align: baseline;
-}
-
-.e-mention .e-mention-chip,
-.e-mention .e-mention-chip:hover {
-  color: #0078d4;
-}
-
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #0078d4;
-}
-
-.e-mention.e-editable-element {
-  border: 2px solid #292827;
-  height: auto;
-  min-height: 120px;
-  width: 100%;
-}
-
-.e-form-mirror-div {
-  white-space: pre-wrap;
-}
-
 .e-bigger.e-ddl .e-dropdownbase.e-nodata,
 .e-bigger .e-ddl .e-dropdownbase.e-nodata {
   font-size: 16px;
@@ -228,7 +192,6 @@
   border-color: #292827;
 }
 .e-dropdownbase .e-list-item {
-  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   background-color: #252423;
   border-bottom: 0;

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

@@ -103,8 +103,7 @@
   position: relative;
 }
 
-.e-popup.e-ddl .e-dropdownbase.e-nodata,
-.e-popup.e-mention .e-dropdownbase.e-nodata {
+.e-popup.e-ddl .e-dropdownbase.e-nodata {
   color: #201f1e;
   cursor: default;
   font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
@@ -113,41 +112,6 @@
   text-align: center;
 }
 
-.e-mention.e-popup {
-  background: #fff;
-  border: 0;
-  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
-  margin-top: 2px;
-  position: absolute;
-}
-
-.e-mention .e-dropdownbase .e-list-item .e-highlight {
-  display: inline;
-  font-weight: bold;
-  vertical-align: baseline;
-}
-
-.e-mention .e-mention-chip,
-.e-mention .e-mention-chip:hover {
-  color: #0078d4;
-}
-
-.e-mention .e-mention-chip::selection {
-  color: #fff;
-  background: #0078d4;
-}
-
-.e-mention.e-editable-element {
-  border: 2px solid #edebe9;
-  height: auto;
-  min-height: 120px;
-  width: 100%;
-}
-
-.e-form-mirror-div {
-  white-space: pre-wrap;
-}
-
 .e-bigger.e-ddl .e-dropdownbase.e-nodata,
 .e-bigger .e-ddl .e-dropdownbase.e-nodata {
   font-size: 16px;
@@ -228,7 +192,6 @@
   border-color: #edebe9;
 }
 .e-dropdownbase .e-list-item {
-  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   background-color: #fff;
   border-bottom: 0;

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

@@ -91,8 +91,7 @@
   position: relative;
 }
 
-.e-popup.e-ddl .e-dropdownbase.e-nodata,
-.e-popup.e-mention .e-dropdownbase.e-nodata {
+.e-popup.e-ddl .e-dropdownbase.e-nodata {
   color: #000;
   cursor: default;
   font-family: inherit;
@@ -101,41 +100,6 @@
   text-align: center;
 }
 
-.e-mention.e-popup {
-  background: #400074;
-  border: 0;
-  box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
-  margin-top: 2px;
-  position: absolute;
-}
-
-.e-mention .e-dropdownbase .e-list-item .e-highlight {
-  display: inline;
-  font-weight: bold;
-  vertical-align: baseline;
-}
-
-.e-mention .e-mention-chip,
-.e-mention .e-mention-chip:hover {
-  color: #400074;
-}
-
-.e-mention .e-mention-chip::selection {
-  color: #000;
-  background: #400074;
-}
-
-.e-mention.e-editable-element {
-  border: 2px solid #757575;
-  height: auto;
-  min-height: 120px;
-  width: 100%;
-}
-
-.e-form-mirror-div {
-  white-space: pre-wrap;
-}
-
 .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
   padding-right: 20px;
 }
@@ -198,7 +162,6 @@
   border-color: #757575;
 }
 .e-dropdownbase .e-list-item {
-  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   background-color: #fff;
   border-bottom: 2px;

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

@@ -91,8 +91,7 @@
   position: relative;
 }
 
-.e-popup.e-ddl .e-dropdownbase.e-nodata,
-.e-popup.e-mention .e-dropdownbase.e-nodata {
+.e-popup.e-ddl .e-dropdownbase.e-nodata {
   color: #fff;
   cursor: default;
   font-family: inherit;
@@ -101,41 +100,6 @@
   text-align: center;
 }
 
-.e-mention.e-popup {
-  background: #ffd939;
-  border: 0;
-  box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
-  margin-top: 2px;
-  position: absolute;
-}
-
-.e-mention .e-dropdownbase .e-list-item .e-highlight {
-  display: inline;
-  font-weight: bold;
-  vertical-align: baseline;
-}
-
-.e-mention .e-mention-chip,
-.e-mention .e-mention-chip:hover {
-  color: #ffd939;
-}
-
-.e-mention .e-mention-chip::selection {
-  color: #000;
-  background: #ffd939;
-}
-
-.e-mention.e-editable-element {
-  border: 2px solid #969696;
-  height: auto;
-  min-height: 120px;
-  width: 100%;
-}
-
-.e-form-mirror-div {
-  white-space: pre-wrap;
-}
-
 .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
   padding-right: 20px;
 }
@@ -198,7 +162,6 @@
   border-color: #969696;
 }
 .e-dropdownbase .e-list-item {
-  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   background-color: #000;
   border-bottom: 2px;