@syncfusion/ej2-angular-dropdowns 20.2.50 → 20.3.47-ngcc

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

@@ -103,7 +103,8 @@
   position: relative;
 }
 
-.e-popup.e-ddl .e-dropdownbase.e-nodata {
+.e-popup.e-ddl .e-dropdownbase.e-nodata,
+.e-popup.e-mention .e-dropdownbase.e-nodata {
   color: #f3f2f1;
   cursor: default;
   font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
@@ -112,6 +113,45 @@
   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 {
+  background: #252423;
+  border-radius: 2px;
+  border: none;
+  color: #0078d4;
+  cursor: default;
+}
+
+.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;
@@ -192,6 +232,7 @@
   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-dark.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/drop-down-base/fluent-dark.scss';

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

@@ -103,7 +103,8 @@
   position: relative;
 }
 
-.e-popup.e-ddl .e-dropdownbase.e-nodata {
+.e-popup.e-ddl .e-dropdownbase.e-nodata,
+.e-popup.e-mention .e-dropdownbase.e-nodata {
   color: #201f1e;
   cursor: default;
   font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
@@ -112,6 +113,45 @@
   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 {
+  background: #f3f2f1;
+  border-radius: 2px;
+  border: none;
+  color: #0078d4;
+  cursor: default;
+}
+
+.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;
@@ -192,6 +232,7 @@
   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/fluent.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/drop-down-base/fluent.scss';

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

@@ -91,7 +91,8 @@
   position: relative;
 }
 
-.e-popup.e-ddl .e-dropdownbase.e-nodata {
+.e-popup.e-ddl .e-dropdownbase.e-nodata,
+.e-popup.e-mention .e-dropdownbase.e-nodata {
   color: #000;
   cursor: default;
   font-family: inherit;
@@ -100,6 +101,45 @@
   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 {
+  background: transparent;
+  border-radius: 0;
+  border: 1px solid #757575;
+  color: #400074;
+  cursor: default;
+}
+
+.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;
 }
@@ -162,6 +202,7 @@
   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-light.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/drop-down-base/highcontrast-light.scss';

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

@@ -91,7 +91,8 @@
   position: relative;
 }
 
-.e-popup.e-ddl .e-dropdownbase.e-nodata {
+.e-popup.e-ddl .e-dropdownbase.e-nodata,
+.e-popup.e-mention .e-dropdownbase.e-nodata {
   color: #fff;
   cursor: default;
   font-family: inherit;
@@ -100,6 +101,45 @@
   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 {
+  background: transparent;
+  border-radius: 0;
+  border: 1px solid #969696;
+  color: #ffd939;
+  cursor: default;
+}
+
+.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;
 }
@@ -162,6 +202,7 @@
   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;

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

@@ -1,3 +1 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/drop-down-base/highcontrast.scss';

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

@@ -77,7 +77,8 @@
   position: relative;
 }
 
-.e-popup.e-ddl .e-dropdownbase.e-nodata {
+.e-popup.e-ddl .e-dropdownbase.e-nodata,
+.e-popup.e-mention .e-dropdownbase.e-nodata {
   color: rgba(255, 255, 255, 0.7);
   cursor: default;
   font-family: inherit;
@@ -86,6 +87,45 @@
   text-align: center;
 }
 
+.e-mention.e-popup {
+  background: rgba(255, 255, 255, 0.18);
+  border: 0;
+  box-shadow: 0 2px 3px 1px 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 {
+  background: #424242;
+  border-radius: 2px;
+  border: none;
+  color: #00b0ff;
+  cursor: default;
+}
+
+.e-mention .e-mention-chip::selection {
+  color: #000;
+  background: #00b0ff;
+}
+
+.e-mention.e-editable-element {
+  border: 2px solid transparent;
+  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: 2em;
 }
@@ -148,6 +188,7 @@
   border-color: transparent;
 }
 .e-dropdownbase .e-list-item {
+  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   background-color: #424242;
   border-bottom: 0;

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

@@ -1,3 +1 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
-@import 'material-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/drop-down-base/material-dark.scss';

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

@@ -77,7 +77,8 @@
   position: relative;
 }
 
-.e-popup.e-ddl .e-dropdownbase.e-nodata {
+.e-popup.e-ddl .e-dropdownbase.e-nodata,
+.e-popup.e-mention .e-dropdownbase.e-nodata {
   color: #000;
   cursor: default;
   font-family: inherit;
@@ -86,6 +87,45 @@
   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 {
+  background: #eee;
+  border-radius: 2px;
+  border: none;
+  color: #e3165b;
+  cursor: default;
+}
+
+.e-mention .e-mention-chip::selection {
+  color: #fff;
+  background: #e3165b;
+}
+
+.e-mention.e-editable-element {
+  border: 2px solid #e0e0e0;
+  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: 2em;
 }
@@ -148,6 +188,7 @@
   border-color: #e0e0e0;
 }
 .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/material.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/material-definition.scss';
-@import 'material-definition.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/drop-down-base/material.scss';

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

@@ -112,7 +112,8 @@
   position: relative;
 }
 
-.e-popup.e-ddl .e-dropdownbase.e-nodata {
+.e-popup.e-ddl .e-dropdownbase.e-nodata,
+.e-popup.e-mention .e-dropdownbase.e-nodata {
   color: #fff;
   cursor: default;
   font-family: "Inter";
@@ -121,6 +122,45 @@
   text-align: center;
 }
 
+.e-mention.e-popup {
+  background: #1f2937;
+  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 {
+  background: #374151;
+  border-radius: 2px;
+  border: none;
+  color: #22d3ee;
+  cursor: default;
+}
+
+.e-mention .e-mention-chip::selection {
+  color: #fff;
+  background: #22d3ee;
+}
+
+.e-mention.e-editable-element {
+  border: 2px solid #4b5563;
+  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;
@@ -254,6 +294,7 @@
   border-color: #4b5563;
 }
 .e-dropdownbase .e-list-item {
+  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   background-color: #374151;
   border-bottom: 0;

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

@@ -1,3 +1 @@
-@import 'ej2-base/styles/tailwind-dark-definition.scss';
-@import 'tailwind-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/drop-down-base/tailwind-dark.scss';

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

@@ -112,7 +112,8 @@
   position: relative;
 }
 
-.e-popup.e-ddl .e-dropdownbase.e-nodata {
+.e-popup.e-ddl .e-dropdownbase.e-nodata,
+.e-popup.e-mention .e-dropdownbase.e-nodata {
   color: #111827;
   cursor: default;
   font-family: "Inter";
@@ -121,6 +122,45 @@
   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 {
+  background: #f3f4f6;
+  border-radius: 2px;
+  border: none;
+  color: #4f46e5;
+  cursor: default;
+}
+
+.e-mention .e-mention-chip::selection {
+  color: #fff;
+  background: #4f46e5;
+}
+
+.e-mention.e-editable-element {
+  border: 2px solid #e5e7eb;
+  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;
@@ -254,6 +294,7 @@
   border-color: #e5e7eb;
 }
 .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/tailwind.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/tailwind-definition.scss';
-@import 'tailwind-definition.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/drop-down-base/tailwind.scss';

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

@@ -1,3 +1,5 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -194,6 +196,7 @@
   background-color: #6e6e6e;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
   display: none;
   pointer-events: none;
@@ -202,6 +205,7 @@
   visibility: hidden;
 }
 
+/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: #414141;
   border-top-width: 0;
@@ -245,6 +249,7 @@
   cursor: default;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 .e-ddl.e-input-group .e-ddl-hidden,
 .e-ddl.e-float-input .e-ddl-hidden {
   -webkit-appearance: initial;

package/styles/drop-down-list/bootstrap-dark.scss

@@ -1,8 +1 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
-@import 'ej2-inputs/styles/input/bootstrap-dark-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap-dark-definition.scss';
-@import '../drop-down-base/bootstrap-dark-definition.scss';
-@import 'bootstrap-dark-definition.scss';
-@import 'icons/bootstrap-dark.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark.scss';

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

@@ -1,3 +1,5 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -194,6 +196,7 @@
   background-color: #fff;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
   display: none;
   pointer-events: none;
@@ -202,6 +205,7 @@
   visibility: hidden;
 }
 
+/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: none;
   border-top-width: 0;
@@ -245,6 +249,7 @@
   cursor: default;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 .e-ddl.e-input-group .e-ddl-hidden,
 .e-ddl.e-float-input .e-ddl-hidden {
   -webkit-appearance: initial;

package/styles/drop-down-list/bootstrap.scss

@@ -1,8 +1 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
-@import 'ej2-inputs/styles/input/bootstrap-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap-definition.scss';
-@import '../drop-down-base/bootstrap-definition.scss';
-@import 'bootstrap-definition.scss';
-@import 'icons/bootstrap.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/bootstrap.scss';

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

@@ -1,3 +1,5 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -238,6 +240,7 @@
   background-color: #fff;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
   display: none;
   pointer-events: none;
@@ -246,6 +249,7 @@
   visibility: hidden;
 }
 
+/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: rgba(0, 0, 0, 0.12);
   border-top-width: 0;
@@ -285,6 +289,7 @@
   cursor: default;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 .e-ddl.e-input-group .e-ddl-hidden,
 .e-ddl.e-float-input .e-ddl-hidden {
   -webkit-appearance: initial;

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

@@ -1,8 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
-@import 'ej2-inputs/styles/input/bootstrap4-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap4-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap4-definition.scss';
-@import '../drop-down-base/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'icons/bootstrap4.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/drop-down-list/bootstrap4.scss';