npm - @syncfusion/ej2-angular-dropdowns - Versions diffs - 20.2.48-ngcc → 20.2.48 - Mend

@syncfusion/ej2-angular-dropdowns 20.2.48-ngcc → 20.2.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (862) hide show

package/styles/fluent-dark.css CHANGED Viewed

@@ -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,41 @@
   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;
@@ -192,6 +228,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;
@@ -382,6 +419,9 @@
   color: #a19f9d;
 }
+/* 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);
@@ -578,6 +618,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;
@@ -586,6 +627,7 @@
   visibility: hidden;
 }
+/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: 0;
   border-top-width: 0;
@@ -626,6 +668,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;
@@ -768,6 +811,9 @@ ejs-dropdownlist {
   color: #f3f2f1;
 }
+/* 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);
@@ -785,6 +831,8 @@ ejs-dropdownlist {
   }
 }
 /*! TreeView's bootstrap5 theme wise override definitions and variables */
+/* stylelint-disable */
+/* stylelint-disable */
 .e-ddt .e-ddt-icon::before {
   content: "\e729";
 }
@@ -1229,6 +1277,10 @@ ejs-dropdownlist {
   color: #f3f2f1;
 }
+/* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
+/* 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);
@@ -1650,7 +1702,7 @@ ejs-dropdownlist {
   border: 0;
   font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
   font-size: 14px;
-  font-weight: 400;
+  font-weight: normal;
   height: 30px;
   min-height: 30px;
   outline: none;
@@ -1664,7 +1716,7 @@ ejs-dropdownlist {
   color: inherit;
   font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
   font-size: 14px;
-  font-weight: 400;
+  font-weight: normal;
   height: 30px;
   min-height: 30px;
   outline: none;
@@ -1687,6 +1739,7 @@ ejs-dropdownlist {
   min-height: 36px;
 }
+/* stylelint-disable property-no-vendor-prefix */
 .e-multi-select-wrapper input[type=text]::-ms-clear {
   display: none;
 }
@@ -2346,6 +2399,7 @@ ejs-multiselect {
   box-sizing: border-box;
 }
+/* stylelint-disable property-no-vendor-prefix */
 .e-multi-select-wrapper .e-chips > .e-chipcontent {
   -webkit-text-fill-color: #f3f2f1;
   color: #f3f2f1;
@@ -2491,19 +2545,19 @@ ejs-multiselect {
   border: 0 solid transparent;
 }
-.e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #a19f9d;
 }
-.e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #a19f9d;
 }
-.e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #a19f9d;
 }
-.e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #a19f9d;
 }
@@ -2592,6 +2646,7 @@ ejs-multiselect {
   content: "\e744";
 }
+/* stylelint-disable property-no-vendor-prefix */
 .e-listbox-wrapper,
 .e-listbox-container {
   -webkit-overflow-scrolling: touch;
@@ -2610,7 +2665,7 @@ ejs-multiselect {
 }
 .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
 .e-listbox-container.e-listboxtool-container .e-list-wrap {
-  width: 84% !important;
+  width: 84% !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
@@ -2969,16 +3024,6 @@ ejs-listbox {
   top: 30%;
 }
-.e-listboxtool-container .e-left {
-  -ms-flex-direction: row-reverse;
-      flex-direction: row-reverse;
-}
-.e-listboxtool-wrapper .e-left {
-  -ms-flex-direction: column-reverse;
-      flex-direction: column-reverse;
-}
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;
@@ -2992,7 +3037,7 @@ ejs-listbox {
 .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
 .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
 .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
-  width: 80% !important;
+  width: 80% !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-listbox-wrapper .e-list-item,
 .e-listbox-wrapper.e-bigger .e-list-item,
@@ -3081,28 +3126,14 @@ ejs-listbox {
 .e-listbox-container.e-bigger .e-list-header .e-text {
   font-size: 14px;
 }
-.e-listbox-wrapper.e-filter-list .e-list-parent {
-  height: calc(100% - 57px);
-}
-.e-listbox-container.e-filter-list .e-list-wrap {
-  height: calc(100% - 57px) !important;
-}
-.e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
+.e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
+.e-small .e-listbox-container.e-filter-list .e-list-parent {
   height: calc(100% - 45px);
 }
-.e-small .e-listbox-container.e-filter-list .e-list-wrap {
-  height: calc(100% - 45px) !important;
-}
-.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
-  height: calc(100% - 65px);
-}
-.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
-  height: calc(100% - 65px) !important;
+.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
+.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
+  height: calc(100% - 55px);
 }
 .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
@@ -3115,14 +3146,11 @@ ejs-listbox {
   height: calc(100% - 48px);
 }
-.e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
+.e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
+.e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
   height: calc(100% - 45px);
 }
-.e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
-  height: calc(100% - 45px) !important;
-}
 .e-listbox-wrapper,
 .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
 .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3142,6 +3170,11 @@ ejs-listbox {
   font-size: 12px;
 }
+.e-listbox-wrapper.e-filter-list .e-list-parent,
+.e-listbox-container.e-filter-list .e-list-parent {
+  height: calc(100% - 47px);
+}
 .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
 .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
   height: calc(100% - 93px);
@@ -3377,4 +3410,6 @@ ejs-listbox {
 .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
   padding-left: 10px;
   padding-right: 16px;
-}
+}
+/* stylelint-disable-line no-empty-source */

package/styles/fluent-dark.scss CHANGED Viewed

@@ -5,3 +5,4 @@
 @import 'auto-complete/fluent-dark.scss';
 @import 'multi-select/fluent-dark.scss';
 @import 'list-box/fluent-dark.scss';
+@import 'mention/fluent-dark.scss';

package/styles/fluent.css CHANGED Viewed

@@ -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,41 @@
   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;
@@ -192,6 +228,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;
@@ -382,6 +419,9 @@
   color: #605e5c;
 }
+/* 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);
@@ -578,6 +618,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;
@@ -586,6 +627,7 @@
   visibility: hidden;
 }
+/* stylelint-enable property-no-vendor-prefix */
 .e-filter-parent {
   border: 0;
   border-top-width: 0;
@@ -626,6 +668,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;
@@ -768,6 +811,9 @@ ejs-dropdownlist {
   color: #201f1e;
 }
+/* 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);
@@ -785,6 +831,8 @@ ejs-dropdownlist {
   }
 }
 /*! TreeView's bootstrap5 theme wise override definitions and variables */
+/* stylelint-disable */
+/* stylelint-disable */
 .e-ddt .e-ddt-icon::before {
   content: "\e729";
 }
@@ -1229,6 +1277,10 @@ ejs-dropdownlist {
   color: #201f1e;
 }
+/* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
+/* 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);
@@ -1650,7 +1702,7 @@ ejs-dropdownlist {
   border: 0;
   font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
   font-size: 14px;
-  font-weight: 400;
+  font-weight: normal;
   height: 30px;
   min-height: 30px;
   outline: none;
@@ -1664,7 +1716,7 @@ ejs-dropdownlist {
   color: inherit;
   font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
   font-size: 14px;
-  font-weight: 400;
+  font-weight: normal;
   height: 30px;
   min-height: 30px;
   outline: none;
@@ -1687,6 +1739,7 @@ ejs-dropdownlist {
   min-height: 36px;
 }
+/* stylelint-disable property-no-vendor-prefix */
 .e-multi-select-wrapper input[type=text]::-ms-clear {
   display: none;
 }
@@ -2346,6 +2399,7 @@ ejs-multiselect {
   box-sizing: border-box;
 }
+/* stylelint-disable property-no-vendor-prefix */
 .e-multi-select-wrapper .e-chips > .e-chipcontent {
   -webkit-text-fill-color: #201f1e;
   color: #201f1e;
@@ -2491,19 +2545,19 @@ ejs-multiselect {
   border: 0 solid transparent;
 }
-.e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #605e5c;
 }
-.e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #605e5c;
 }
-.e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #605e5c;
 }
-.e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #605e5c;
 }
@@ -2592,6 +2646,7 @@ ejs-multiselect {
   content: "\e744";
 }
+/* stylelint-disable property-no-vendor-prefix */
 .e-listbox-wrapper,
 .e-listbox-container {
   -webkit-overflow-scrolling: touch;
@@ -2610,7 +2665,7 @@ ejs-multiselect {
 }
 .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
 .e-listbox-container.e-listboxtool-container .e-list-wrap {
-  width: 84% !important;
+  width: 84% !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
@@ -2969,16 +3024,6 @@ ejs-listbox {
   top: 30%;
 }
-.e-listboxtool-container .e-left {
-  -ms-flex-direction: row-reverse;
-      flex-direction: row-reverse;
-}
-.e-listboxtool-wrapper .e-left {
-  -ms-flex-direction: column-reverse;
-      flex-direction: column-reverse;
-}
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
   margin-right: 15px;
@@ -2992,7 +3037,7 @@ ejs-listbox {
 .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
 .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
 .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
-  width: 80% !important;
+  width: 80% !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-listbox-wrapper .e-list-item,
 .e-listbox-wrapper.e-bigger .e-list-item,
@@ -3081,28 +3126,14 @@ ejs-listbox {
 .e-listbox-container.e-bigger .e-list-header .e-text {
   font-size: 14px;
 }
-.e-listbox-wrapper.e-filter-list .e-list-parent {
-  height: calc(100% - 57px);
-}
-.e-listbox-container.e-filter-list .e-list-wrap {
-  height: calc(100% - 57px) !important;
-}
-.e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
+.e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
+.e-small .e-listbox-container.e-filter-list .e-list-parent {
   height: calc(100% - 45px);
 }
-.e-small .e-listbox-container.e-filter-list .e-list-wrap {
-  height: calc(100% - 45px) !important;
-}
-.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
-  height: calc(100% - 65px);
-}
-.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
-  height: calc(100% - 65px) !important;
+.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
+.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
+  height: calc(100% - 55px);
 }
 .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
@@ -3115,14 +3146,11 @@ ejs-listbox {
   height: calc(100% - 48px);
 }
-.e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
+.e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
+.e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
   height: calc(100% - 45px);
 }
-.e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
-  height: calc(100% - 45px) !important;
-}
 .e-listbox-wrapper,
 .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
 .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3142,6 +3170,11 @@ ejs-listbox {
   font-size: 12px;
 }
+.e-listbox-wrapper.e-filter-list .e-list-parent,
+.e-listbox-container.e-filter-list .e-list-parent {
+  height: calc(100% - 47px);
+}
 .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
 .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
   height: calc(100% - 93px);
@@ -3377,4 +3410,6 @@ ejs-listbox {
 .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
   padding-left: 10px;
   padding-right: 16px;
-}
+}
+/* stylelint-disable-line no-empty-source */

package/styles/fluent.scss CHANGED Viewed

@@ -5,3 +5,4 @@
 @import 'auto-complete/fluent.scss';
 @import 'multi-select/fluent.scss';
 @import 'list-box/fluent.scss';
+@import 'mention/fluent.scss';