@syncfusion/ej2-angular-documenteditor 20.4.54 → 21.1.35-ngcc

package/styles/fabric-dark.css

@@ -44,6 +44,10 @@
   font-family: "e-icons";
   font-size: 13px;
 }
+.e-documenteditor .e-de-multi-cmt-mark::before {
+  content: "\e97e";
+  font-family: "e-icons";
+}
 .e-documenteditor .e-de-cmt-post::before {
   content: "\e816";
   font-family: "e-icons";
@@ -1691,7 +1695,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-restrict-pane,
 .e-de-op {
-  background-color: #201f1f;
+  background: #201f1f;
 }
 
 .e-de-restrict-pane .e-tab-header .e-toolbar-items,
@@ -2384,7 +2388,7 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-right: 20px;
 }
 
-.e-de-style-left-div .e-de-style-dlg-name-input {
+.e-de-style-dlg-name-input {
   height: 32px;
 }
 
@@ -4346,7 +4350,7 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-statusbar-pageweb {
-  background-color: #282727;
+  background: #282727;
   border: 0;
   box-shadow: none;
   float: right;
@@ -4375,12 +4379,22 @@ label[for*=_wholeWord_e-de-rtl] {
   font-size: 16px;
 }
 
+.e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-right: 12px;
+}
+
+.e-de-listview-icon {
+  line-height: 22px;
+}
+
 .e-de-linespacing {
   margin-top: 12px;
 }
 
 .e-de-statusbar-zoom {
-  background-color: #282727;
+  background: #282727;
   border: 0;
   color: #dadada;
   float: right;
@@ -4488,7 +4502,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-tool-ctnr-properties-pane,
 .e-de-ctnr-properties-pane {
-  background-color: #282727;
+  background: #282727;
   border-bottom: 1px solid #4a4848;
   border-top: 1px solid #4a4848;
 }
@@ -4587,7 +4601,7 @@ label[for*=_wholeWord_e-de-rtl] {
   margin: 0 5.5px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
-  margin-left: 12px;
+  margin-left: 12px !important;
   margin-right: 6px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-middle {
@@ -4603,20 +4617,23 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
+  -ms-flex-direction: column;
+      flex-direction: column;
+  height: calc(100% - 10px);
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
@@ -4645,7 +4662,7 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-ctnr-properties-pane-btn .e-btn {
-  background-color: #333232;
+  background: #333232;
   border-radius: 0;
   box-shadow: none;
   color: #007ddb;
@@ -4687,6 +4704,7 @@ label[for*=_wholeWord_e-de-rtl] {
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-btn-icon,
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
   padding: 0 !important;
+  min-height: 16px;
 }
 
 .e-de-hdr-ftr-frst-div {
@@ -5041,8 +5059,8 @@ label[for*=_wholeWord_e-de-rtl] {
   border: 1px solid #4a4848;
   color: #c8c8c8;
   height: 129px;
-  margin-left: 78px;
   width: 94px;
+  margin-left: 78px;
 }
 
 .e-de-toc-template1.e-de-rtl {
@@ -5097,7 +5115,7 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-status-bar {
-  background-color: #282727;
+  background: #282727;
   display: -ms-flexbox;
   display: flex;
   padding-top: 2.5px;
@@ -5230,8 +5248,8 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
-  height: 38px;
   width: 38px;
+  height: 38px;
 }
 
 .e-bigger .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
@@ -5243,6 +5261,15 @@ label[for*=_wholeWord_e-de-rtl] {
   width: 70px;
 }
 
+.e-rtl .e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-left: 12px;
+}
+.e-rtl .e-de-listview-icon {
+  line-height: 22px;
+}
+
 .e-bigger .de-split-button > div:first-child {
   margin-right: 0;
 }
@@ -5355,7 +5382,7 @@ label[for*=_wholeWord_e-de-rtl] {
   margin: 0 7.5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
-  margin-left: 16px;
+  margin-left: 16px !important;
   margin-right: 8px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-middle {
@@ -5372,22 +5399,22 @@ label[for*=_wholeWord_e-de-rtl] {
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:active {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
   padding: 0 !important;
@@ -5403,7 +5430,7 @@ label[for*=_wholeWord_e-de-rtl] {
   width: 75px;
 }
 .e-bigger .e-de-ctnr-properties-pane-btn .e-btn {
-  background-color: #333232;
+  background: #333232;
   border-radius: 0;
   box-shadow: none;
   min-height: 100%;
@@ -5431,7 +5458,7 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
   display: table;
-  font-size: 12px;
+  font-size: 12px !important;
   margin: 0 6px;
   padding: 0;
   white-space: normal;
@@ -5587,6 +5614,22 @@ label[for*=_wholeWord_e-de-rtl] {
   height: 0;
   line-height: 0;
 }
+.e-bigger .e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-right: 16px;
+}
+.e-bigger .e-de-listview-icon {
+  line-height: 22px;
+}
+.e-bigger .e-rtl .e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-left: 16px;
+}
+.e-bigger .e-rtl .e-de-listview-icon {
+  line-height: 22px;
+}
 
 .e-de-ctn .e-de-bzr-button {
   font-size: 12px;

package/styles/fabric.css

@@ -44,6 +44,10 @@
   font-family: "e-icons";
   font-size: 13px;
 }
+.e-documenteditor .e-de-multi-cmt-mark::before {
+  content: "\e97e";
+  font-family: "e-icons";
+}
 .e-documenteditor .e-de-cmt-post::before {
   content: "\e816";
   font-family: "e-icons";
@@ -1691,7 +1695,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-restrict-pane,
 .e-de-op {
-  background-color: #fff;
+  background: #fff;
 }
 
 .e-de-restrict-pane .e-tab-header .e-toolbar-items,
@@ -2384,7 +2388,7 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-right: 20px;
 }
 
-.e-de-style-left-div .e-de-style-dlg-name-input {
+.e-de-style-dlg-name-input {
   height: 32px;
 }
 
@@ -4346,7 +4350,7 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-statusbar-pageweb {
-  background-color: #fff;
+  background: #fff;
   border: 0;
   box-shadow: none;
   float: right;
@@ -4375,12 +4379,22 @@ label[for*=_wholeWord_e-de-rtl] {
   font-size: 16px;
 }
 
+.e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-right: 12px;
+}
+
+.e-de-listview-icon {
+  line-height: 22px;
+}
+
 .e-de-linespacing {
   margin-top: 12px;
 }
 
 .e-de-statusbar-zoom {
-  background-color: #fff;
+  background: #fff;
   border: 0;
   color: #333;
   float: right;
@@ -4488,7 +4502,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-tool-ctnr-properties-pane,
 .e-de-ctnr-properties-pane {
-  background-color: #fff;
+  background: #fff;
   border-bottom: 1px solid #dadada;
   border-top: 1px solid #dadada;
 }
@@ -4589,7 +4603,7 @@ label[for*=_wholeWord_e-de-rtl] {
   margin: 0 5.5px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
-  margin-left: 12px;
+  margin-left: 12px !important;
   margin-right: 6px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-middle {
@@ -4605,20 +4619,23 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
+  -ms-flex-direction: column;
+      flex-direction: column;
+  height: calc(100% - 10px);
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
@@ -4647,7 +4664,7 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-ctnr-properties-pane-btn .e-btn {
-  background-color: #fff;
+  background: #fff;
   border-radius: 0;
   box-shadow: none;
   color: #0081e5;
@@ -4689,6 +4706,7 @@ label[for*=_wholeWord_e-de-rtl] {
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-btn-icon,
 .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
   padding: 0 !important;
+  min-height: 16px;
 }
 
 .e-de-hdr-ftr-frst-div {
@@ -5045,8 +5063,8 @@ label[for*=_wholeWord_e-de-rtl] {
   border: 1px solid #dadada;
   color: #333;
   height: 129px;
-  margin-left: 78px;
   width: 94px;
+  margin-left: 78px;
 }
 
 .e-de-toc-template1.e-de-rtl {
@@ -5101,7 +5119,7 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-status-bar {
-  background-color: #fff;
+  background: #fff;
   display: -ms-flexbox;
   display: flex;
   padding-top: 2.8px;
@@ -5234,8 +5252,8 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
-  height: 38px;
   width: 38px;
+  height: 38px;
 }
 
 .e-bigger .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
@@ -5247,6 +5265,15 @@ label[for*=_wholeWord_e-de-rtl] {
   width: 70px;
 }
 
+.e-rtl .e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-left: 12px;
+}
+.e-rtl .e-de-listview-icon {
+  line-height: 22px;
+}
+
 .e-bigger .de-split-button > div:first-child {
   margin-right: 0;
 }
@@ -5359,7 +5386,7 @@ label[for*=_wholeWord_e-de-rtl] {
   margin: 0 7.5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
-  margin-left: 16px;
+  margin-left: 16px !important;
   margin-right: 8px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-middle {
@@ -5376,22 +5403,22 @@ label[for*=_wholeWord_e-de-rtl] {
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:active {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover,
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
   padding: 0;
-  padding-bottom: 6px;
+  padding-bottom: 5px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
   padding: 0 !important;
@@ -5407,7 +5434,7 @@ label[for*=_wholeWord_e-de-rtl] {
   width: 75px;
 }
 .e-bigger .e-de-ctnr-properties-pane-btn .e-btn {
-  background-color: #fff;
+  background: #fff;
   border-radius: 0;
   box-shadow: none;
   min-height: 100%;
@@ -5435,7 +5462,7 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
   display: table;
-  font-size: 12px;
+  font-size: 12px !important;
   margin: 0 6px;
   padding: 0;
   white-space: normal;
@@ -5593,6 +5620,22 @@ label[for*=_wholeWord_e-de-rtl] {
   height: 0;
   line-height: 0;
 }
+.e-bigger .e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-right: 16px;
+}
+.e-bigger .e-de-listview-icon {
+  line-height: 22px;
+}
+.e-bigger .e-rtl .e-listview .e-list-icon {
+  height: 24px;
+  width: 16px;
+  margin-left: 16px;
+}
+.e-bigger .e-rtl .e-de-listview-icon {
+  line-height: 22px;
+}
 
 .e-de-ctn .e-de-bzr-button {
   font-size: 12px;