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

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 (187) hide show
  1. package/@syncfusion/ej2-angular-documenteditor.es5.js +583 -0
  2. package/@syncfusion/ej2-angular-documenteditor.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-documenteditor.js +553 -0
  4. package/@syncfusion/ej2-angular-documenteditor.js.map +1 -0
  5. package/CHANGELOG.md +3267 -0
  6. package/dist/ej2-angular-documenteditor.umd.js +1238 -0
  7. package/dist/ej2-angular-documenteditor.umd.js.map +1 -0
  8. package/dist/ej2-angular-documenteditor.umd.min.js +11 -0
  9. package/dist/ej2-angular-documenteditor.umd.min.js.map +1 -0
  10. package/ej2-angular-documenteditor.d.ts +6 -0
  11. package/ej2-angular-documenteditor.metadata.json +1 -0
  12. package/package.json +15 -29
  13. package/postinstall/tagchange.js +18 -0
  14. package/schematics/utils/lib-details.d.ts +2 -2
  15. package/schematics/utils/lib-details.js +2 -2
  16. package/schematics/utils/lib-details.ts +2 -2
  17. package/src/document-editor/documenteditor-all.module.d.ts +0 -6
  18. package/src/document-editor/documenteditor.component.d.ts +0 -3
  19. package/src/document-editor/documenteditor.module.d.ts +0 -6
  20. package/src/document-editor-container/documenteditorcontainer-all.module.d.ts +0 -6
  21. package/src/document-editor-container/documenteditorcontainer.component.d.ts +0 -3
  22. package/src/document-editor-container/documenteditorcontainer.module.d.ts +0 -6
  23. package/styles/bootstrap-dark.css +64 -21
  24. package/styles/bootstrap.css +60 -17
  25. package/styles/bootstrap4.css +74 -28
  26. package/styles/bootstrap5-dark.css +84 -37
  27. package/styles/bootstrap5.css +84 -37
  28. package/styles/document-editor/bootstrap-dark.css +6 -2
  29. package/styles/document-editor/bootstrap-dark.scss +1 -4
  30. package/styles/document-editor/bootstrap.css +6 -2
  31. package/styles/document-editor/bootstrap.scss +1 -4
  32. package/styles/document-editor/bootstrap4.css +8 -4
  33. package/styles/document-editor/bootstrap4.scss +1 -4
  34. package/styles/document-editor/bootstrap5-dark.css +25 -17
  35. package/styles/document-editor/bootstrap5-dark.scss +1 -4
  36. package/styles/document-editor/bootstrap5.css +25 -17
  37. package/styles/document-editor/bootstrap5.scss +1 -4
  38. package/styles/document-editor/fabric-dark.css +6 -2
  39. package/styles/document-editor/fabric-dark.scss +1 -4
  40. package/styles/document-editor/fabric.css +6 -2
  41. package/styles/document-editor/fabric.scss +1 -4
  42. package/styles/document-editor/fluent-dark.css +40 -27
  43. package/styles/document-editor/fluent-dark.scss +1 -4
  44. package/styles/document-editor/fluent.css +40 -27
  45. package/styles/document-editor/fluent.scss +1 -4
  46. package/styles/document-editor/highcontrast-light.css +4 -0
  47. package/styles/document-editor/highcontrast-light.scss +1 -4
  48. package/styles/document-editor/highcontrast.css +6 -2
  49. package/styles/document-editor/highcontrast.scss +1 -4
  50. package/styles/document-editor/material-dark.css +6 -2
  51. package/styles/document-editor/material-dark.scss +1 -4
  52. package/styles/document-editor/material.css +6 -2
  53. package/styles/document-editor/material.scss +1 -4
  54. package/styles/document-editor/tailwind-dark.css +22 -17
  55. package/styles/document-editor/tailwind-dark.scss +1 -4
  56. package/styles/document-editor/tailwind.css +25 -17
  57. package/styles/document-editor/tailwind.scss +1 -4
  58. package/styles/document-editor-container/bootstrap-dark.css +58 -19
  59. package/styles/document-editor-container/bootstrap-dark.scss +1 -5
  60. package/styles/document-editor-container/bootstrap.css +54 -15
  61. package/styles/document-editor-container/bootstrap.scss +1 -5
  62. package/styles/document-editor-container/bootstrap4.css +66 -24
  63. package/styles/document-editor-container/bootstrap4.scss +1 -5
  64. package/styles/document-editor-container/bootstrap5-dark.css +59 -20
  65. package/styles/document-editor-container/bootstrap5-dark.scss +1 -5
  66. package/styles/document-editor-container/bootstrap5.css +59 -20
  67. package/styles/document-editor-container/bootstrap5.scss +1 -5
  68. package/styles/document-editor-container/fabric-dark.css +58 -19
  69. package/styles/document-editor-container/fabric-dark.scss +1 -5
  70. package/styles/document-editor-container/fabric.css +58 -19
  71. package/styles/document-editor-container/fabric.scss +1 -5
  72. package/styles/document-editor-container/fluent-dark.css +63 -27
  73. package/styles/document-editor-container/fluent-dark.scss +1 -5
  74. package/styles/document-editor-container/fluent.css +63 -27
  75. package/styles/document-editor-container/fluent.scss +1 -5
  76. package/styles/document-editor-container/highcontrast-light.css +58 -19
  77. package/styles/document-editor-container/highcontrast-light.scss +1 -5
  78. package/styles/document-editor-container/highcontrast.css +58 -19
  79. package/styles/document-editor-container/highcontrast.scss +1 -5
  80. package/styles/document-editor-container/material-dark.css +58 -19
  81. package/styles/document-editor-container/material-dark.scss +1 -5
  82. package/styles/document-editor-container/material.css +57 -18
  83. package/styles/document-editor-container/material.scss +1 -5
  84. package/styles/document-editor-container/tailwind-dark.css +58 -19
  85. package/styles/document-editor-container/tailwind-dark.scss +1 -5
  86. package/styles/document-editor-container/tailwind.css +58 -19
  87. package/styles/document-editor-container/tailwind.scss +1 -5
  88. package/styles/fabric-dark.css +64 -21
  89. package/styles/fabric.css +64 -21
  90. package/styles/fluent-dark.css +103 -54
  91. package/styles/fluent.css +103 -54
  92. package/styles/highcontrast-light.css +62 -19
  93. package/styles/highcontrast.css +64 -21
  94. package/styles/material-dark.css +64 -21
  95. package/styles/material.css +63 -20
  96. package/styles/tailwind-dark.css +80 -36
  97. package/styles/tailwind.css +83 -36
  98. package/esm2020/public_api.mjs +0 -3
  99. package/esm2020/src/document-editor/documenteditor-all.module.mjs +0 -116
  100. package/esm2020/src/document-editor/documenteditor.component.mjs +0 -269
  101. package/esm2020/src/document-editor/documenteditor.module.mjs +0 -25
  102. package/esm2020/src/document-editor-container/documenteditorcontainer-all.module.mjs +0 -29
  103. package/esm2020/src/document-editor-container/documenteditorcontainer.component.mjs +0 -66
  104. package/esm2020/src/document-editor-container/documenteditorcontainer.module.mjs +0 -25
  105. package/esm2020/src/index.mjs +0 -8
  106. package/esm2020/syncfusion-ej2-angular-documenteditor.mjs +0 -5
  107. package/fesm2015/syncfusion-ej2-angular-documenteditor.mjs +0 -516
  108. package/fesm2015/syncfusion-ej2-angular-documenteditor.mjs.map +0 -1
  109. package/fesm2020/syncfusion-ej2-angular-documenteditor.mjs +0 -516
  110. package/fesm2020/syncfusion-ej2-angular-documenteditor.mjs.map +0 -1
  111. package/styles/document-editor/_all.scss +0 -3
  112. package/styles/document-editor/_bootstrap-dark-definition.scss +0 -547
  113. package/styles/document-editor/_bootstrap-definition.scss +0 -546
  114. package/styles/document-editor/_bootstrap4-definition.scss +0 -559
  115. package/styles/document-editor/_bootstrap5-dark-definition.scss +0 -1
  116. package/styles/document-editor/_bootstrap5-definition.scss +0 -560
  117. package/styles/document-editor/_fabric-dark-definition.scss +0 -549
  118. package/styles/document-editor/_fabric-definition.scss +0 -548
  119. package/styles/document-editor/_fluent-dark-definition.scss +0 -1
  120. package/styles/document-editor/_fluent-definition.scss +0 -569
  121. package/styles/document-editor/_fusionnew-definition.scss +0 -560
  122. package/styles/document-editor/_highcontrast-definition.scss +0 -548
  123. package/styles/document-editor/_highcontrast-light-definition.scss +0 -2988
  124. package/styles/document-editor/_layout.scss +0 -216
  125. package/styles/document-editor/_material-dark-definition.scss +0 -565
  126. package/styles/document-editor/_material-definition.scss +0 -565
  127. package/styles/document-editor/_material3-definition.scss +0 -560
  128. package/styles/document-editor/_tailwind-dark-definition.scss +0 -1
  129. package/styles/document-editor/_tailwind-definition.scss +0 -557
  130. package/styles/document-editor/_theme.scss +0 -3404
  131. package/styles/document-editor/icons/_bootstrap-dark.scss +0 -654
  132. package/styles/document-editor/icons/_bootstrap.scss +0 -654
  133. package/styles/document-editor/icons/_bootstrap4.scss +0 -639
  134. package/styles/document-editor/icons/_bootstrap5-dark.scss +0 -1
  135. package/styles/document-editor/icons/_bootstrap5.scss +0 -689
  136. package/styles/document-editor/icons/_fabric-dark.scss +0 -654
  137. package/styles/document-editor/icons/_fabric.scss +0 -654
  138. package/styles/document-editor/icons/_fluent-dark.scss +0 -1
  139. package/styles/document-editor/icons/_fluent.scss +0 -687
  140. package/styles/document-editor/icons/_fusionnew.scss +0 -689
  141. package/styles/document-editor/icons/_highcontrast-light.scss +0 -659
  142. package/styles/document-editor/icons/_highcontrast.scss +0 -654
  143. package/styles/document-editor/icons/_material-dark.scss +0 -647
  144. package/styles/document-editor/icons/_material.scss +0 -647
  145. package/styles/document-editor/icons/_material3.scss +0 -689
  146. package/styles/document-editor/icons/_tailwind-dark.scss +0 -689
  147. package/styles/document-editor/icons/_tailwind.scss +0 -689
  148. package/styles/document-editor/implementation/dailogs/_paragraph-dailogs.scss +0 -171
  149. package/styles/document-editor-container/_all.scss +0 -2
  150. package/styles/document-editor-container/_bootstrap-dark-definition.scss +0 -127
  151. package/styles/document-editor-container/_bootstrap-definition.scss +0 -127
  152. package/styles/document-editor-container/_bootstrap4-definition.scss +0 -143
  153. package/styles/document-editor-container/_bootstrap5-dark-definition.scss +0 -1
  154. package/styles/document-editor-container/_bootstrap5-definition.scss +0 -153
  155. package/styles/document-editor-container/_definition.scss +0 -11
  156. package/styles/document-editor-container/_fabric-dark-definition.scss +0 -132
  157. package/styles/document-editor-container/_fabric-definition.scss +0 -129
  158. package/styles/document-editor-container/_fluent-dark-definition.scss +0 -1
  159. package/styles/document-editor-container/_fluent-definition.scss +0 -154
  160. package/styles/document-editor-container/_fusionnew-definition.scss +0 -153
  161. package/styles/document-editor-container/_highcontrast-definition.scss +0 -130
  162. package/styles/document-editor-container/_highcontrast-light-definition.scss +0 -133
  163. package/styles/document-editor-container/_layout.scss +0 -87
  164. package/styles/document-editor-container/_material-dark-definition.scss +0 -131
  165. package/styles/document-editor-container/_material-definition.scss +0 -130
  166. package/styles/document-editor-container/_material3-definition.scss +0 -153
  167. package/styles/document-editor-container/_tailwind-dark-definition.scss +0 -1
  168. package/styles/document-editor-container/_tailwind-definition.scss +0 -147
  169. package/styles/document-editor-container/_theme.scss +0 -2005
  170. package/styles/document-editor-container/icons/_bootstrap-dark.scss +0 -467
  171. package/styles/document-editor-container/icons/_bootstrap.scss +0 -467
  172. package/styles/document-editor-container/icons/_bootstrap4.scss +0 -467
  173. package/styles/document-editor-container/icons/_bootstrap5-dark.scss +0 -1
  174. package/styles/document-editor-container/icons/_bootstrap5.scss +0 -494
  175. package/styles/document-editor-container/icons/_fabric-dark.scss +0 -468
  176. package/styles/document-editor-container/icons/_fabric.scss +0 -467
  177. package/styles/document-editor-container/icons/_fluent-dark.scss +0 -1
  178. package/styles/document-editor-container/icons/_fluent.scss +0 -493
  179. package/styles/document-editor-container/icons/_fusionnew.scss +0 -493
  180. package/styles/document-editor-container/icons/_highcontrast-light.scss +0 -467
  181. package/styles/document-editor-container/icons/_highcontrast.scss +0 -467
  182. package/styles/document-editor-container/icons/_material-dark.scss +0 -469
  183. package/styles/document-editor-container/icons/_material.scss +0 -469
  184. package/styles/document-editor-container/icons/_material3.scss +0 -493
  185. package/styles/document-editor-container/icons/_tailwind-dark.scss +0 -493
  186. package/styles/document-editor-container/icons/_tailwind.scss +0 -493
  187. package/syncfusion-ej2-angular-documenteditor.d.ts +0 -5
@@ -535,7 +535,7 @@
535
535
  }
536
536
 
537
537
  .e-de-statusbar-pageweb {
538
- background-color: #fafafa;
538
+ background: #fafafa;
539
539
  border: 0;
540
540
  box-shadow: none;
541
541
  float: right;
@@ -564,12 +564,22 @@
564
564
  font-size: 16px;
565
565
  }
566
566
 
567
+ .e-listview .e-list-icon {
568
+ height: 24px;
569
+ width: 16px;
570
+ margin-right: 12px;
571
+ }
572
+
573
+ .e-de-listview-icon {
574
+ line-height: 22px;
575
+ }
576
+
567
577
  .e-de-linespacing {
568
578
  margin-top: 11px;
569
579
  }
570
580
 
571
581
  .e-de-statusbar-zoom {
572
- background-color: #fafafa;
582
+ background: #fafafa;
573
583
  border: 0;
574
584
  color: #000;
575
585
  float: right;
@@ -682,7 +692,7 @@
682
692
 
683
693
  .e-de-tool-ctnr-properties-pane,
684
694
  .e-de-ctnr-properties-pane {
685
- background-color: #fafafa;
695
+ background: #fafafa;
686
696
  border-bottom: 1px solid #eee;
687
697
  border-top: 1px solid #eee;
688
698
  }
@@ -781,7 +791,7 @@
781
791
  margin: 0 5.5px;
782
792
  }
783
793
  .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
784
- margin-left: 12px;
794
+ margin-left: 12px !important;
785
795
  margin-right: 6px;
786
796
  }
787
797
  .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-middle {
@@ -797,20 +807,23 @@
797
807
  }
798
808
 
799
809
  .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
810
+ -ms-flex-direction: column;
811
+ flex-direction: column;
812
+ height: calc(100% - 10px);
800
813
  padding: 0;
801
- padding-bottom: 6px;
814
+ padding-bottom: 5px;
802
815
  }
803
816
  .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus {
804
817
  padding: 0;
805
- padding-bottom: 6px;
818
+ padding-bottom: 5px;
806
819
  }
807
820
  .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active {
808
821
  padding: 0;
809
- padding-bottom: 6px;
822
+ padding-bottom: 5px;
810
823
  }
811
824
  .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover {
812
825
  padding: 0;
813
- padding-bottom: 6px;
826
+ padding-bottom: 5px;
814
827
  }
815
828
 
816
829
  .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
@@ -839,7 +852,7 @@
839
852
  }
840
853
 
841
854
  .e-de-ctnr-properties-pane-btn .e-btn {
842
- background-color: #fafafa;
855
+ background: #fafafa;
843
856
  border-radius: 0;
844
857
  box-shadow: none;
845
858
  color: #3f51b5;
@@ -881,6 +894,7 @@
881
894
  .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-btn-icon,
882
895
  .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
883
896
  padding: 0 !important;
897
+ min-height: 16px;
884
898
  }
885
899
 
886
900
  .e-de-hdr-ftr-frst-div {
@@ -1235,8 +1249,8 @@
1235
1249
  border: 1px solid #eee;
1236
1250
  color: rgba(0, 0, 0, 0.54);
1237
1251
  height: 129px;
1238
- margin-left: 78px;
1239
1252
  width: 94px;
1253
+ margin-left: 78px;
1240
1254
  }
1241
1255
 
1242
1256
  .e-de-toc-template1.e-de-rtl {
@@ -1291,7 +1305,7 @@
1291
1305
  }
1292
1306
 
1293
1307
  .e-de-status-bar {
1294
- background-color: #fafafa;
1308
+ background: #fafafa;
1295
1309
  display: -ms-flexbox;
1296
1310
  display: flex;
1297
1311
  padding-top: 2.5px;
@@ -1424,8 +1438,8 @@
1424
1438
  }
1425
1439
 
1426
1440
  .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
1427
- height: 38px;
1428
1441
  width: 38px;
1442
+ height: 38px;
1429
1443
  }
1430
1444
 
1431
1445
  .e-bigger .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
@@ -1437,6 +1451,15 @@
1437
1451
  width: 70px;
1438
1452
  }
1439
1453
 
1454
+ .e-rtl .e-listview .e-list-icon {
1455
+ height: 24px;
1456
+ width: 16px;
1457
+ margin-left: 12px;
1458
+ }
1459
+ .e-rtl .e-de-listview-icon {
1460
+ line-height: 22px;
1461
+ }
1462
+
1440
1463
  .e-bigger .de-split-button > div:first-child {
1441
1464
  margin-right: 0;
1442
1465
  }
@@ -1553,7 +1576,7 @@
1553
1576
  margin: 0 7.5px;
1554
1577
  }
1555
1578
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
1556
- margin-left: 16px;
1579
+ margin-left: 16px !important;
1557
1580
  margin-right: 8px;
1558
1581
  }
1559
1582
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-middle {
@@ -1570,22 +1593,22 @@
1570
1593
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn,
1571
1594
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
1572
1595
  padding: 0;
1573
- padding-bottom: 6px;
1596
+ padding-bottom: 5px;
1574
1597
  }
1575
1598
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus,
1576
1599
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus {
1577
1600
  padding: 0;
1578
- padding-bottom: 6px;
1601
+ padding-bottom: 5px;
1579
1602
  }
1580
1603
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active,
1581
1604
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:active {
1582
1605
  padding: 0;
1583
- padding-bottom: 6px;
1606
+ padding-bottom: 5px;
1584
1607
  }
1585
1608
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover,
1586
1609
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
1587
1610
  padding: 0;
1588
- padding-bottom: 6px;
1611
+ padding-bottom: 5px;
1589
1612
  }
1590
1613
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
1591
1614
  padding: 0 !important;
@@ -1601,7 +1624,7 @@
1601
1624
  width: 75px;
1602
1625
  }
1603
1626
  .e-bigger .e-de-ctnr-properties-pane-btn .e-btn {
1604
- background-color: #fafafa;
1627
+ background: #fafafa;
1605
1628
  border-radius: 0;
1606
1629
  box-shadow: none;
1607
1630
  min-height: 100%;
@@ -1785,6 +1808,22 @@
1785
1808
  height: 6px;
1786
1809
  line-height: 0;
1787
1810
  }
1811
+ .e-bigger .e-listview .e-list-icon {
1812
+ height: 24px;
1813
+ width: 16px;
1814
+ margin-right: 12px;
1815
+ }
1816
+ .e-bigger .e-de-listview-icon {
1817
+ line-height: 22px;
1818
+ }
1819
+ .e-bigger .e-rtl .e-listview .e-list-icon {
1820
+ height: 24px;
1821
+ width: 16px;
1822
+ margin-left: 12px;
1823
+ }
1824
+ .e-bigger .e-rtl .e-de-listview-icon {
1825
+ line-height: 22px;
1826
+ }
1788
1827
 
1789
1828
  .e-de-ctn .e-de-bzr-button {
1790
1829
  font-size: 12px;
@@ -1,5 +1 @@
1
- @import 'ej2-base/styles/material-definition.scss';
2
- @import '../document-editor/material-definition.scss';
3
- @import 'material-definition.scss';
4
- @import 'icons/material.scss';
5
- @import 'all.scss';
1
+ @import 'ej2-documenteditor/styles/document-editor-container/material.scss';
@@ -559,7 +559,7 @@
559
559
  }
560
560
 
561
561
  .e-de-statusbar-pageweb {
562
- background-color: #374151;
562
+ background: #374151;
563
563
  border: 0;
564
564
  box-shadow: none;
565
565
  float: right;
@@ -583,12 +583,22 @@
583
583
  font-size: 18px;
584
584
  }
585
585
 
586
+ .e-listview .e-list-icon {
587
+ height: 24px;
588
+ width: 16px;
589
+ margin-right: 10px;
590
+ }
591
+
592
+ .e-de-listview-icon {
593
+ line-height: 22px;
594
+ }
595
+
586
596
  .e-de-linespacing {
587
597
  margin-top: 8px;
588
598
  }
589
599
 
590
600
  .e-de-statusbar-zoom {
591
- background-color: #374151;
601
+ background: #374151;
592
602
  border: 0;
593
603
  color: #9ca3af;
594
604
  float: right;
@@ -722,7 +732,7 @@
722
732
 
723
733
  .e-de-tool-ctnr-properties-pane,
724
734
  .e-de-ctnr-properties-pane {
725
- background-color: #232e3e;
735
+ background: #232e3e;
726
736
  border-bottom: 1px solid #4b5563;
727
737
  border-top: 1px solid #4b5563;
728
738
  }
@@ -870,7 +880,7 @@
870
880
  margin: 0 8px;
871
881
  }
872
882
  .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
873
- margin-left: 8px;
883
+ margin-left: 8px !important;
874
884
  margin-right: 8px;
875
885
  }
876
886
  .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-middle {
@@ -886,20 +896,23 @@
886
896
  }
887
897
 
888
898
  .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
899
+ -ms-flex-direction: column;
900
+ flex-direction: column;
901
+ height: calc(100% - 10px);
889
902
  padding: 0;
890
- padding-bottom: 14px;
903
+ padding-bottom: 10px;
891
904
  }
892
905
  .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus {
893
906
  padding: 0;
894
- padding-bottom: 14px;
907
+ padding-bottom: 10px;
895
908
  }
896
909
  .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active {
897
910
  padding: 0;
898
- padding-bottom: 14px;
911
+ padding-bottom: 10px;
899
912
  }
900
913
  .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover {
901
914
  padding: 0;
902
- padding-bottom: 14px;
915
+ padding-bottom: 10px;
903
916
  }
904
917
 
905
918
  .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
@@ -928,7 +941,7 @@
928
941
  }
929
942
 
930
943
  .e-de-ctnr-properties-pane-btn .e-btn {
931
- background-color: #374151;
944
+ background: #374151;
932
945
  border-radius: 0;
933
946
  box-shadow: none;
934
947
  color: #22d3ee;
@@ -970,6 +983,7 @@
970
983
  .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-btn-icon,
971
984
  .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
972
985
  padding: 0 !important;
986
+ min-height: 16px;
973
987
  }
974
988
 
975
989
  .e-de-hdr-ftr-frst-div {
@@ -1085,7 +1099,7 @@
1085
1099
  }
1086
1100
 
1087
1101
  .e-bigger .e-de-panel-right-width {
1088
- width: 86px;
1102
+ width: 96px;
1089
1103
  }
1090
1104
  .e-bigger .e-de-char-fmt-btn-left > button,
1091
1105
  .e-bigger .e-de-char-fmt-btn-right > button {
@@ -1323,8 +1337,8 @@
1323
1337
  border: 1px solid #4b5563;
1324
1338
  color: #9ca3af;
1325
1339
  height: 129px;
1326
- margin-left: 78px;
1327
1340
  width: 94px;
1341
+ margin-left: 78px;
1328
1342
  }
1329
1343
 
1330
1344
  .e-de-toc-template1.e-de-rtl {
@@ -1380,7 +1394,7 @@
1380
1394
  }
1381
1395
 
1382
1396
  .e-de-status-bar {
1383
- background-color: #374151;
1397
+ background: #374151;
1384
1398
  display: -ms-flexbox;
1385
1399
  display: flex;
1386
1400
  padding-top: 0;
@@ -1513,8 +1527,8 @@
1513
1527
  }
1514
1528
 
1515
1529
  .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
1516
- height: 38px;
1517
1530
  width: 38px;
1531
+ height: 38px;
1518
1532
  }
1519
1533
 
1520
1534
  .e-bigger .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
@@ -1536,6 +1550,15 @@
1536
1550
  padding: 0;
1537
1551
  }
1538
1552
 
1553
+ .e-rtl .e-listview .e-list-icon {
1554
+ height: 24px;
1555
+ width: 16px;
1556
+ margin-left: 10px;
1557
+ }
1558
+ .e-rtl .e-de-listview-icon {
1559
+ line-height: 22px;
1560
+ }
1561
+
1539
1562
  .e-bigger .de-split-button > div:first-child {
1540
1563
  margin-right: 0;
1541
1564
  }
@@ -1658,7 +1681,7 @@
1658
1681
  margin: 0 12px;
1659
1682
  }
1660
1683
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
1661
- margin-left: 12px;
1684
+ margin-left: 12px !important;
1662
1685
  margin-right: 12px;
1663
1686
  }
1664
1687
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-middle {
@@ -1675,22 +1698,22 @@
1675
1698
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn,
1676
1699
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
1677
1700
  padding: 0;
1678
- padding-bottom: 14px;
1701
+ padding-bottom: 10px;
1679
1702
  }
1680
1703
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus,
1681
1704
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus {
1682
1705
  padding: 0;
1683
- padding-bottom: 14px;
1706
+ padding-bottom: 10px;
1684
1707
  }
1685
1708
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active,
1686
1709
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:active {
1687
1710
  padding: 0;
1688
- padding-bottom: 14px;
1711
+ padding-bottom: 10px;
1689
1712
  }
1690
1713
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover,
1691
1714
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
1692
1715
  padding: 0;
1693
- padding-bottom: 14px;
1716
+ padding-bottom: 10px;
1694
1717
  }
1695
1718
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
1696
1719
  padding: 0 !important;
@@ -1706,7 +1729,7 @@
1706
1729
  width: 75px;
1707
1730
  }
1708
1731
  .e-bigger .e-de-ctnr-properties-pane-btn .e-btn {
1709
- background-color: #374151;
1732
+ background: #374151;
1710
1733
  border-radius: 0;
1711
1734
  box-shadow: none;
1712
1735
  min-height: 100%;
@@ -1875,6 +1898,22 @@
1875
1898
  float: right;
1876
1899
  height: 34px;
1877
1900
  }
1901
+ .e-bigger .e-listview .e-list-icon {
1902
+ height: 24px;
1903
+ width: 16px;
1904
+ margin-right: 16px;
1905
+ }
1906
+ .e-bigger .e-de-listview-icon {
1907
+ line-height: 22px;
1908
+ }
1909
+ .e-bigger .e-rtl .e-listview .e-list-icon {
1910
+ height: 24px;
1911
+ width: 16px;
1912
+ margin-left: 16px;
1913
+ }
1914
+ .e-bigger .e-rtl .e-de-listview-icon {
1915
+ line-height: 22px;
1916
+ }
1878
1917
 
1879
1918
  .e-de-ctn .e-de-bzr-button {
1880
1919
  font-weight: 400;
@@ -1,5 +1 @@
1
- @import 'ej2-base/styles/tailwind-dark-definition.scss';
2
- @import '../document-editor/tailwind-dark-definition.scss';
3
- @import 'tailwind-dark-definition.scss';
4
- @import 'icons/tailwind-dark.scss';
5
- @import 'all.scss';
1
+ @import 'ej2-documenteditor/styles/document-editor-container/tailwind-dark.scss';
@@ -559,7 +559,7 @@
559
559
  }
560
560
 
561
561
  .e-de-statusbar-pageweb {
562
- background-color: #f3f4f6;
562
+ background: #f3f4f6;
563
563
  border: 0;
564
564
  box-shadow: none;
565
565
  float: right;
@@ -583,12 +583,22 @@
583
583
  font-size: 18px;
584
584
  }
585
585
 
586
+ .e-listview .e-list-icon {
587
+ height: 24px;
588
+ width: 16px;
589
+ margin-right: 10px;
590
+ }
591
+
592
+ .e-de-listview-icon {
593
+ line-height: 22px;
594
+ }
595
+
586
596
  .e-de-linespacing {
587
597
  margin-top: 8px;
588
598
  }
589
599
 
590
600
  .e-de-statusbar-zoom {
591
- background-color: #f3f4f6;
601
+ background: #f3f4f6;
592
602
  border: 0;
593
603
  color: #6b7280;
594
604
  float: right;
@@ -722,7 +732,7 @@
722
732
 
723
733
  .e-de-tool-ctnr-properties-pane,
724
734
  .e-de-ctnr-properties-pane {
725
- background-color: #f9fafb;
735
+ background: #f9fafb;
726
736
  border-bottom: 1px solid #e5e7eb;
727
737
  border-top: 1px solid #e5e7eb;
728
738
  }
@@ -870,7 +880,7 @@
870
880
  margin: 0 8px;
871
881
  }
872
882
  .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
873
- margin-left: 8px;
883
+ margin-left: 8px !important;
874
884
  margin-right: 8px;
875
885
  }
876
886
  .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-middle {
@@ -886,20 +896,23 @@
886
896
  }
887
897
 
888
898
  .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
899
+ -ms-flex-direction: column;
900
+ flex-direction: column;
901
+ height: calc(100% - 10px);
889
902
  padding: 0;
890
- padding-bottom: 14px;
903
+ padding-bottom: 10px;
891
904
  }
892
905
  .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus {
893
906
  padding: 0;
894
- padding-bottom: 14px;
907
+ padding-bottom: 10px;
895
908
  }
896
909
  .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active {
897
910
  padding: 0;
898
- padding-bottom: 14px;
911
+ padding-bottom: 10px;
899
912
  }
900
913
  .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover {
901
914
  padding: 0;
902
- padding-bottom: 14px;
915
+ padding-bottom: 10px;
903
916
  }
904
917
 
905
918
  .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
@@ -928,7 +941,7 @@
928
941
  }
929
942
 
930
943
  .e-de-ctnr-properties-pane-btn .e-btn {
931
- background-color: #f3f4f6;
944
+ background: #f3f4f6;
932
945
  border-radius: 0;
933
946
  box-shadow: none;
934
947
  color: #4f46e5;
@@ -970,6 +983,7 @@
970
983
  .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-btn-icon,
971
984
  .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
972
985
  padding: 0 !important;
986
+ min-height: 16px;
973
987
  }
974
988
 
975
989
  .e-de-hdr-ftr-frst-div {
@@ -1085,7 +1099,7 @@
1085
1099
  }
1086
1100
 
1087
1101
  .e-bigger .e-de-panel-right-width {
1088
- width: 86px;
1102
+ width: 96px;
1089
1103
  }
1090
1104
  .e-bigger .e-de-char-fmt-btn-left > button,
1091
1105
  .e-bigger .e-de-char-fmt-btn-right > button {
@@ -1323,8 +1337,8 @@
1323
1337
  border: 1px solid #e5e7eb;
1324
1338
  color: #6b7280;
1325
1339
  height: 129px;
1326
- margin-left: 78px;
1327
1340
  width: 94px;
1341
+ margin-left: 78px;
1328
1342
  }
1329
1343
 
1330
1344
  .e-de-toc-template1.e-de-rtl {
@@ -1380,7 +1394,7 @@
1380
1394
  }
1381
1395
 
1382
1396
  .e-de-status-bar {
1383
- background-color: #f3f4f6;
1397
+ background: #f3f4f6;
1384
1398
  display: -ms-flexbox;
1385
1399
  display: flex;
1386
1400
  padding-top: 0;
@@ -1513,8 +1527,8 @@
1513
1527
  }
1514
1528
 
1515
1529
  .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
1516
- height: 38px;
1517
1530
  width: 38px;
1531
+ height: 38px;
1518
1532
  }
1519
1533
 
1520
1534
  .e-bigger .e-de-grp-btn-ctnr .e-de-ctnr-group-btn > button {
@@ -1536,6 +1550,15 @@
1536
1550
  padding: 0;
1537
1551
  }
1538
1552
 
1553
+ .e-rtl .e-listview .e-list-icon {
1554
+ height: 24px;
1555
+ width: 16px;
1556
+ margin-left: 10px;
1557
+ }
1558
+ .e-rtl .e-de-listview-icon {
1559
+ line-height: 22px;
1560
+ }
1561
+
1539
1562
  .e-bigger .de-split-button > div:first-child {
1540
1563
  margin-right: 0;
1541
1564
  }
@@ -1658,7 +1681,7 @@
1658
1681
  margin: 0 12px;
1659
1682
  }
1660
1683
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
1661
- margin-left: 12px;
1684
+ margin-left: 12px !important;
1662
1685
  margin-right: 12px;
1663
1686
  }
1664
1687
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-middle {
@@ -1675,22 +1698,22 @@
1675
1698
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn,
1676
1699
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
1677
1700
  padding: 0;
1678
- padding-bottom: 14px;
1701
+ padding-bottom: 10px;
1679
1702
  }
1680
1703
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus,
1681
1704
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus {
1682
1705
  padding: 0;
1683
- padding-bottom: 14px;
1706
+ padding-bottom: 10px;
1684
1707
  }
1685
1708
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active,
1686
1709
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:active {
1687
1710
  padding: 0;
1688
- padding-bottom: 14px;
1711
+ padding-bottom: 10px;
1689
1712
  }
1690
1713
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover,
1691
1714
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
1692
1715
  padding: 0;
1693
- padding-bottom: 14px;
1716
+ padding-bottom: 10px;
1694
1717
  }
1695
1718
  .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
1696
1719
  padding: 0 !important;
@@ -1706,7 +1729,7 @@
1706
1729
  width: 75px;
1707
1730
  }
1708
1731
  .e-bigger .e-de-ctnr-properties-pane-btn .e-btn {
1709
- background-color: #f3f4f6;
1732
+ background: #f3f4f6;
1710
1733
  border-radius: 0;
1711
1734
  box-shadow: none;
1712
1735
  min-height: 100%;
@@ -1875,6 +1898,22 @@
1875
1898
  float: right;
1876
1899
  height: 34px;
1877
1900
  }
1901
+ .e-bigger .e-listview .e-list-icon {
1902
+ height: 24px;
1903
+ width: 16px;
1904
+ margin-right: 16px;
1905
+ }
1906
+ .e-bigger .e-de-listview-icon {
1907
+ line-height: 22px;
1908
+ }
1909
+ .e-bigger .e-rtl .e-listview .e-list-icon {
1910
+ height: 24px;
1911
+ width: 16px;
1912
+ margin-left: 16px;
1913
+ }
1914
+ .e-bigger .e-rtl .e-de-listview-icon {
1915
+ line-height: 22px;
1916
+ }
1878
1917
 
1879
1918
  .e-de-ctn .e-de-bzr-button {
1880
1919
  font-weight: 400;
@@ -1,5 +1 @@
1
- @import 'ej2-base/styles/tailwind-definition.scss';
2
- @import '../document-editor/tailwind-definition.scss';
3
- @import 'tailwind-definition.scss';
4
- @import 'icons/tailwind.scss';
5
- @import 'all.scss';
1
+ @import 'ej2-documenteditor/styles/document-editor-container/tailwind.scss';