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

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-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.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/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/bootstrap5-dark.css

@@ -1,3 +1,6 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -253,6 +256,7 @@
   background-color: #212529;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
   display: none;
   pointer-events: none;
@@ -261,6 +265,7 @@
   visibility: hidden;
 }
 
+/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: 0;
   border-top-width: 0;
@@ -300,6 +305,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/bootstrap5.css

@@ -1,3 +1,6 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -253,6 +256,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;
@@ -261,6 +265,7 @@
   visibility: hidden;
 }
 
+/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: 0;
   border-top-width: 0;
@@ -300,6 +305,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/fabric-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);
@@ -170,6 +172,7 @@
   background-color: #201f1f;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
   display: none;
   pointer-events: none;
@@ -178,6 +181,7 @@
   visibility: hidden;
 }
 
+/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: 1px solid #414040;
   border-top-width: 0;
@@ -221,6 +225,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/fabric.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);
@@ -163,6 +165,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;
@@ -171,6 +174,7 @@
   visibility: hidden;
 }
 
+/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: 1px solid #c8c8c8;
   border-top-width: 0;
@@ -214,6 +218,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/fluent-dark.css

@@ -1,3 +1,6 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -233,6 +236,7 @@
   background-color: #252423;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
   display: none;
   pointer-events: none;
@@ -241,6 +245,7 @@
   visibility: hidden;
 }
 
+/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: 0;
   border-top-width: 0;
@@ -281,6 +286,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/fluent.css

@@ -1,3 +1,6 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -233,6 +236,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;
@@ -241,6 +245,7 @@
   visibility: hidden;
 }
 
+/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: 0;
   border-top-width: 0;
@@ -281,6 +286,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/highcontrast-light.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);
@@ -181,6 +183,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;
@@ -189,6 +192,7 @@
   visibility: hidden;
 }
 
+/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: 1px solid #000;
   border-top-width: 0;
@@ -232,6 +236,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/highcontrast.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);
@@ -181,6 +183,7 @@
   background-color: #000;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
   display: none;
   pointer-events: none;
@@ -189,6 +192,7 @@
   visibility: hidden;
 }
 
+/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: 1px solid #fff;
   border-top-width: 0;
@@ -232,6 +236,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/material-dark.css

@@ -1,10 +1,12 @@
 @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {
     opacity: 0;
     transform: scale(4);
   }
 }
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0deg);
@@ -201,6 +203,7 @@
   background-color: #f5f5f5;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
   display: none;
   pointer-events: none;
@@ -209,6 +212,7 @@
   visibility: hidden;
 }
 
+/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: 0;
   border-top-width: 0;
@@ -251,6 +255,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/material.css

@@ -1,4 +1,5 @@
 @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {
     opacity: 0;
@@ -13,6 +14,7 @@
     transform: translate3d(0, 0, 0) scale(1);
   }
 }
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0deg);
@@ -234,6 +236,7 @@
   background-color: #f5f5f5;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
   display: none;
   pointer-events: none;
@@ -242,6 +245,7 @@
   visibility: hidden;
 }
 
+/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: 0;
   border-top-width: 0;
@@ -284,6 +288,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/tailwind-dark.css

@@ -1,4 +1,7 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -205,6 +208,7 @@
   background-color: #374151;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
   display: none;
   pointer-events: none;
@@ -213,6 +217,7 @@
   visibility: hidden;
 }
 
+/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: 0;
   border-top-width: 0;
@@ -252,6 +257,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/tailwind.css

@@ -1,4 +1,7 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -205,6 +208,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;
@@ -213,6 +217,7 @@
   visibility: hidden;
 }
 
+/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: 0;
   border-top-width: 0;
@@ -252,6 +257,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-tree/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);
@@ -14,6 +16,7 @@
     transform: rotate(360deg);
   }
 }
+/* stylelint-disable */
 .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 10px 0 0;
 }
@@ -27,6 +30,7 @@
   padding: 0 8px 0 0;
 }
 
+/* stylelint-disable */
 .e-ddt .e-ddt-icon::before {
   content: "\e969";
 }

package/styles/drop-down-tree/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);
@@ -15,6 +17,7 @@
   }
 }
 /*! TreeView's bootstrap theme wise override definitions and variables */
+/* stylelint-disable */
 .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 10px 0 0;
 }
@@ -28,6 +31,7 @@
   padding: 0 8px 0 0;
 }
 
+/* stylelint-disable */
 .e-ddt .e-ddt-icon::before {
   content: "\e969";
 }

package/styles/drop-down-tree/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);
@@ -14,6 +16,7 @@
     transform: rotate(360deg);
   }
 }
+/* stylelint-disable */
 .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 8px 0 0;
 }
@@ -45,6 +48,7 @@
   stroke-width: 1px;
 }
 
+/* stylelint-disable */
 .e-ddt .e-ddt-icon::before {
   content: "\e744";
 }

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

@@ -1,3 +1,6 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -15,6 +18,7 @@
   }
 }
 /*! TreeView's bootstrap5 theme wise override definitions and variables */
+/* stylelint-disable */
 .e-dropdownbase .e-list-group-item,
 .e-fixed-head {
   font-size: 12px;
@@ -54,6 +58,7 @@
   padding: 0 6px 0 0;
 }
 
+/* stylelint-disable */
 .e-ddt .e-ddt-icon::before {
   content: "\e734";
 }

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

@@ -1,3 +1,6 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -15,6 +18,7 @@
   }
 }
 /*! TreeView's bootstrap5 theme wise override definitions and variables */
+/* stylelint-disable */
 .e-dropdownbase .e-list-group-item,
 .e-fixed-head {
   font-size: 12px;
@@ -54,6 +58,7 @@
   padding: 0 6px 0 0;
 }
 
+/* stylelint-disable */
 .e-ddt .e-ddt-icon::before {
   content: "\e734";
 }

package/styles/drop-down-tree/fabric-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);
@@ -14,6 +16,7 @@
     transform: rotate(360deg);
   }
 }
+/* stylelint-disable */
 .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 10px 0 0;
 }
@@ -27,6 +30,7 @@
   padding: 0 8px 0 0;
 }
 
+/* stylelint-disable */
 .e-ddt .e-ddt-icon::before {
   content: "\e966";
 }

package/styles/drop-down-tree/fabric.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);
@@ -15,6 +17,7 @@
   }
 }
 /*! TreeView's fabric theme wise override definitions and variables */
+/* stylelint-disable */
 .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 10px 0 0;
 }
@@ -28,6 +31,7 @@
   padding: 0 8px 0 0;
 }
 
+/* stylelint-disable */
 .e-ddt .e-ddt-icon::before {
   content: "\e966";
 }