@syncfusion/ej2-angular-documenteditor 21.2.10 → 22.1.34

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 (127) hide show
  1. package/README.md +45 -137
  2. package/esm2020/src/document-editor/documenteditor-all.module.mjs +4 -7
  3. package/esm2020/src/document-editor/documenteditor.component.mjs +4 -11
  4. package/esm2020/src/document-editor-container/documenteditorcontainer.component.mjs +4 -4
  5. package/esm2020/src/index.mjs +2 -2
  6. package/fesm2015/syncfusion-ej2-angular-documenteditor.mjs +10 -20
  7. package/fesm2015/syncfusion-ej2-angular-documenteditor.mjs.map +1 -1
  8. package/fesm2020/syncfusion-ej2-angular-documenteditor.mjs +10 -20
  9. package/fesm2020/syncfusion-ej2-angular-documenteditor.mjs.map +1 -1
  10. package/license +10 -0
  11. package/package.json +18 -8
  12. package/schematics/utils/lib-details.ts +2 -2
  13. package/src/document-editor/documenteditor-all.module.d.ts +0 -1
  14. package/src/document-editor/documenteditor.component.d.ts +1 -2
  15. package/src/document-editor-container/documenteditorcontainer.component.d.ts +1 -2
  16. package/src/index.d.ts +1 -1
  17. package/styles/bootstrap-dark.css +102 -37
  18. package/styles/bootstrap.css +106 -37
  19. package/styles/bootstrap4.css +110 -37
  20. package/styles/bootstrap5-dark.css +102 -37
  21. package/styles/bootstrap5.css +102 -37
  22. package/styles/document-editor/_material3-dark-definition.scss +1 -0
  23. package/styles/document-editor/_material3-definition.scss +560 -0
  24. package/styles/document-editor/_theme.scss +68 -3
  25. package/styles/document-editor/bootstrap-dark.css +6 -0
  26. package/styles/document-editor/bootstrap.css +10 -0
  27. package/styles/document-editor/bootstrap4.css +14 -0
  28. package/styles/document-editor/bootstrap5-dark.css +6 -0
  29. package/styles/document-editor/bootstrap5.css +6 -0
  30. package/styles/document-editor/fabric-dark.css +6 -0
  31. package/styles/document-editor/fabric.css +10 -0
  32. package/styles/document-editor/fluent-dark.css +6 -0
  33. package/styles/document-editor/fluent.css +6 -0
  34. package/styles/document-editor/highcontrast.css +6 -0
  35. package/styles/document-editor/icons/_material3-dark.scss +1 -0
  36. package/styles/document-editor/icons/_material3.scss +6 -6
  37. package/styles/document-editor/material-dark.css +6 -0
  38. package/styles/document-editor/material.css +6 -0
  39. package/styles/document-editor/material3-dark.css +3971 -0
  40. package/styles/document-editor/material3-dark.scss +5 -0
  41. package/styles/document-editor/material3.css +4027 -0
  42. package/styles/document-editor/material3.scss +5 -0
  43. package/styles/document-editor/tailwind-dark.css +6 -0
  44. package/styles/document-editor/tailwind.css +6 -0
  45. package/styles/document-editor-container/_bootstrap-dark-definition.scss +1 -0
  46. package/styles/document-editor-container/_bootstrap-definition.scss +1 -0
  47. package/styles/document-editor-container/_bootstrap4-definition.scss +1 -0
  48. package/styles/document-editor-container/_bootstrap5-definition.scss +1 -0
  49. package/styles/document-editor-container/_fabric-dark-definition.scss +1 -0
  50. package/styles/document-editor-container/_fabric-definition.scss +1 -0
  51. package/styles/document-editor-container/_fluent-definition.scss +1 -0
  52. package/styles/document-editor-container/_fusionnew-definition.scss +1 -0
  53. package/styles/document-editor-container/_highcontrast-definition.scss +1 -0
  54. package/styles/document-editor-container/_highcontrast-light-definition.scss +1 -0
  55. package/styles/document-editor-container/_material-dark-definition.scss +2 -1
  56. package/styles/document-editor-container/_material-definition.scss +1 -0
  57. package/styles/document-editor-container/_material3-dark-definition.scss +1 -0
  58. package/styles/document-editor-container/_material3-definition.scss +163 -0
  59. package/styles/document-editor-container/_tailwind-definition.scss +1 -0
  60. package/styles/document-editor-container/_theme.scss +271 -52
  61. package/styles/document-editor-container/bootstrap-dark.css +96 -37
  62. package/styles/document-editor-container/bootstrap.css +96 -37
  63. package/styles/document-editor-container/bootstrap4.css +96 -37
  64. package/styles/document-editor-container/bootstrap5-dark.css +96 -37
  65. package/styles/document-editor-container/bootstrap5.css +96 -37
  66. package/styles/document-editor-container/fabric-dark.css +96 -37
  67. package/styles/document-editor-container/fabric.css +96 -37
  68. package/styles/document-editor-container/fluent-dark.css +96 -37
  69. package/styles/document-editor-container/fluent.css +96 -37
  70. package/styles/document-editor-container/highcontrast-light.css +96 -37
  71. package/styles/document-editor-container/highcontrast.css +96 -37
  72. package/styles/document-editor-container/icons/_bootstrap-dark.scss +15 -0
  73. package/styles/document-editor-container/icons/_bootstrap.scss +15 -0
  74. package/styles/document-editor-container/icons/_bootstrap4.scss +15 -0
  75. package/styles/document-editor-container/icons/_bootstrap5.scss +15 -0
  76. package/styles/document-editor-container/icons/_fabric-dark.scss +15 -0
  77. package/styles/document-editor-container/icons/_fabric.scss +15 -0
  78. package/styles/document-editor-container/icons/_fluent.scss +15 -0
  79. package/styles/document-editor-container/icons/_fusionnew.scss +15 -0
  80. package/styles/document-editor-container/icons/_highcontrast-light.scss +15 -0
  81. package/styles/document-editor-container/icons/_highcontrast.scss +15 -0
  82. package/styles/document-editor-container/icons/_material-dark.scss +15 -0
  83. package/styles/document-editor-container/icons/_material.scss +15 -0
  84. package/styles/document-editor-container/icons/_material3-dark.scss +1 -0
  85. package/styles/document-editor-container/icons/_material3.scss +29 -15
  86. package/styles/document-editor-container/icons/_tailwind-dark.scss +15 -0
  87. package/styles/document-editor-container/icons/_tailwind.scss +15 -0
  88. package/styles/document-editor-container/material-dark.css +101 -42
  89. package/styles/document-editor-container/material.css +97 -37
  90. package/styles/document-editor-container/material3-dark.css +2178 -0
  91. package/styles/document-editor-container/material3-dark.scss +6 -0
  92. package/styles/document-editor-container/material3.css +2234 -0
  93. package/styles/document-editor-container/material3.scss +6 -0
  94. package/styles/document-editor-container/tailwind-dark.css +95 -36
  95. package/styles/document-editor-container/tailwind.css +95 -36
  96. package/styles/fabric-dark.css +102 -37
  97. package/styles/fabric.css +106 -37
  98. package/styles/fluent-dark.css +102 -37
  99. package/styles/fluent.css +102 -37
  100. package/styles/highcontrast-light.css +96 -37
  101. package/styles/highcontrast.css +102 -37
  102. package/styles/material-dark.css +107 -42
  103. package/styles/material.css +103 -37
  104. package/styles/material3-dark.css +6094 -0
  105. package/styles/material3-dark.scss +4 -0
  106. package/styles/material3.css +6150 -0
  107. package/styles/material3.scss +4 -0
  108. package/styles/tailwind-dark.css +101 -36
  109. package/styles/tailwind.css +101 -36
  110. package/schematics/collection.json +0 -15
  111. package/schematics/generators/documenteditorcontainer-default/index.d.ts +0 -3
  112. package/schematics/generators/documenteditorcontainer-default/index.js +0 -8
  113. package/schematics/generators/documenteditorcontainer-default/sample-details.d.ts +0 -5
  114. package/schematics/generators/documenteditorcontainer-default/sample-details.js +0 -7
  115. package/schematics/generators/documenteditorcontainer-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -3
  116. package/schematics/generators/documenteditorcontainer-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -8
  117. package/schematics/generators/documenteditorcontainer-default/schema.d.ts +0 -3
  118. package/schematics/generators/documenteditorcontainer-default/schema.js +0 -2
  119. package/schematics/generators/documenteditorcontainer-default/schema.json +0 -125
  120. package/schematics/ng-add/index.d.ts +0 -3
  121. package/schematics/ng-add/index.js +0 -9
  122. package/schematics/ng-add/schema.d.ts +0 -13
  123. package/schematics/ng-add/schema.js +0 -2
  124. package/schematics/ng-add/schema.json +0 -34
  125. package/schematics/tsconfig.json +0 -25
  126. package/schematics/utils/lib-details.d.ts +0 -4
  127. package/schematics/utils/lib-details.js +0 -6
@@ -2351,6 +2351,11 @@ label[for*=_wholeWord_e-de-rtl] {
2351
2351
  height: 35px;
2352
2352
  }
2353
2353
 
2354
+ .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
2355
+ height: 40px !important;
2356
+ width: auto !important;
2357
+ }
2358
+
2354
2359
  .e-de-style-bold-button-size {
2355
2360
  margin-left: 8px;
2356
2361
  margin-right: 8px;
@@ -3311,6 +3316,7 @@ label[for*=_wholeWord_e-de-rtl] {
3311
3316
 
3312
3317
  .e-de-cp-option.e-btn.e-icon-btn span {
3313
3318
  margin-top: 0px;
3319
+ background: #1a1a1a;
3314
3320
  }
3315
3321
 
3316
3322
  .e-de-cmt-view:hover .e-de-cp-option {
@@ -2347,6 +2347,11 @@ label[for*=_wholeWord_e-de-rtl] {
2347
2347
  height: 35px;
2348
2348
  }
2349
2349
 
2350
+ .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
2351
+ height: 40px !important;
2352
+ width: auto !important;
2353
+ }
2354
+
2350
2355
  .e-de-style-bold-button-size {
2351
2356
  margin-left: 8px;
2352
2357
  margin-right: 8px;
@@ -3210,6 +3215,10 @@ label[for*=_wholeWord_e-de-rtl] {
3210
3215
  font-weight: normal;
3211
3216
  }
3212
3217
 
3218
+ .e-de-track-toolbar .e-de-track-pane-drop-btn {
3219
+ padding-top: 4px !important;
3220
+ }
3221
+
3213
3222
  .e-toolbar-item.e-de-track-toolbar-overlay.e-template.e-overlay {
3214
3223
  opacity: 1;
3215
3224
  font-weight: normal;
@@ -3308,6 +3317,7 @@ label[for*=_wholeWord_e-de-rtl] {
3308
3317
 
3309
3318
  .e-de-cp-option.e-btn.e-icon-btn span {
3310
3319
  margin-top: 0px;
3320
+ background: #fff;
3311
3321
  }
3312
3322
 
3313
3323
  .e-de-cmt-view:hover .e-de-cp-option {
@@ -1729,6 +1729,14 @@ label[for*=_wholeWord_e-de-rtl] {
1729
1729
  margin-top: 0 !important;
1730
1730
  }
1731
1731
 
1732
+ .e-de-bookmark .e-bookmark-textbox-input {
1733
+ box-sizing: border-box !important;
1734
+ }
1735
+
1736
+ .e-de-cp-option {
1737
+ background: transparent;
1738
+ }
1739
+
1732
1740
  .e-styles-common {
1733
1741
  padding-top: 14px;
1734
1742
  }
@@ -2487,6 +2495,11 @@ label[for*=_wholeWord_e-de-rtl] {
2487
2495
  height: 35px;
2488
2496
  }
2489
2497
 
2498
+ .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
2499
+ height: 40px !important;
2500
+ width: auto !important;
2501
+ }
2502
+
2490
2503
  .e-de-style-bold-button-size {
2491
2504
  margin-left: 8px;
2492
2505
  margin-right: 8px;
@@ -3455,6 +3468,7 @@ label[for*=_wholeWord_e-de-rtl] {
3455
3468
 
3456
3469
  .e-de-cp-option.e-btn.e-icon-btn span {
3457
3470
  margin-top: 0px;
3471
+ background: #f8f9fa;
3458
3472
  }
3459
3473
 
3460
3474
  .e-de-cmt-view:hover .e-de-cp-option {
@@ -2498,6 +2498,11 @@ label[for*=_wholeWord_e-de-rtl] {
2498
2498
  margin-left: 6px;
2499
2499
  }
2500
2500
 
2501
+ .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
2502
+ height: 40px !important;
2503
+ width: auto !important;
2504
+ }
2505
+
2501
2506
  .e-de-style-bold-button-size {
2502
2507
  margin-left: 6px;
2503
2508
  }
@@ -3410,6 +3415,7 @@ label[for*=_wholeWord_e-de-rtl] {
3410
3415
 
3411
3416
  .e-de-cp-option.e-btn.e-icon-btn span {
3412
3417
  margin-top: 0px;
3418
+ background: #282d31;
3413
3419
  }
3414
3420
 
3415
3421
  .e-de-cmt-view:hover .e-de-cp-option {
@@ -2498,6 +2498,11 @@ label[for*=_wholeWord_e-de-rtl] {
2498
2498
  margin-left: 6px;
2499
2499
  }
2500
2500
 
2501
+ .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
2502
+ height: 40px !important;
2503
+ width: auto !important;
2504
+ }
2505
+
2501
2506
  .e-de-style-bold-button-size {
2502
2507
  margin-left: 6px;
2503
2508
  }
@@ -3410,6 +3415,7 @@ label[for*=_wholeWord_e-de-rtl] {
3410
3415
 
3411
3416
  .e-de-cp-option.e-btn.e-icon-btn span {
3412
3417
  margin-top: 0px;
3418
+ background: #f8f9fa;
3413
3419
  }
3414
3420
 
3415
3421
  .e-de-cmt-view:hover .e-de-cp-option {
@@ -2351,6 +2351,11 @@ label[for*=_wholeWord_e-de-rtl] {
2351
2351
  height: 35px;
2352
2352
  }
2353
2353
 
2354
+ .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
2355
+ height: 40px !important;
2356
+ width: auto !important;
2357
+ }
2358
+
2354
2359
  .e-de-style-bold-button-size {
2355
2360
  margin-left: 8px;
2356
2361
  margin-right: 8px;
@@ -3311,6 +3316,7 @@ label[for*=_wholeWord_e-de-rtl] {
3311
3316
 
3312
3317
  .e-de-cp-option.e-btn.e-icon-btn span {
3313
3318
  margin-top: 0px;
3319
+ background: #201f1f;
3314
3320
  }
3315
3321
 
3316
3322
  .e-de-cmt-view:hover .e-de-cp-option {
@@ -2351,6 +2351,11 @@ label[for*=_wholeWord_e-de-rtl] {
2351
2351
  height: 35px;
2352
2352
  }
2353
2353
 
2354
+ .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
2355
+ height: 40px !important;
2356
+ width: auto !important;
2357
+ }
2358
+
2354
2359
  .e-de-style-bold-button-size {
2355
2360
  margin-left: 8px;
2356
2361
  margin-right: 8px;
@@ -3214,6 +3219,10 @@ label[for*=_wholeWord_e-de-rtl] {
3214
3219
  font-weight: normal;
3215
3220
  }
3216
3221
 
3222
+ .e-de-track-toolbar .e-de-track-pane-drop-btn {
3223
+ padding-top: 4px !important;
3224
+ }
3225
+
3217
3226
  .e-toolbar-item.e-de-track-toolbar-overlay.e-template.e-overlay {
3218
3227
  opacity: 1;
3219
3228
  font-weight: normal;
@@ -3311,6 +3320,7 @@ label[for*=_wholeWord_e-de-rtl] {
3311
3320
 
3312
3321
  .e-de-cp-option.e-btn.e-icon-btn span {
3313
3322
  margin-top: 0px;
3323
+ background: #fff;
3314
3324
  }
3315
3325
 
3316
3326
  .e-de-cmt-view:hover .e-de-cp-option {
@@ -2442,6 +2442,11 @@ label[for*=_wholeWord_e-de-rtl] {
2442
2442
  margin-left: 12px;
2443
2443
  }
2444
2444
 
2445
+ .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
2446
+ height: 40px !important;
2447
+ width: auto !important;
2448
+ }
2449
+
2445
2450
  .e-de-style-bold-button-size {
2446
2451
  margin-left: 12px;
2447
2452
  }
@@ -3352,6 +3357,7 @@ label[for*=_wholeWord_e-de-rtl] {
3352
3357
 
3353
3358
  .e-de-cp-option.e-btn.e-icon-btn span {
3354
3359
  margin-top: 0px;
3360
+ background: #201f1e;
3355
3361
  }
3356
3362
 
3357
3363
  .e-de-cmt-view:hover .e-de-cp-option {
@@ -2442,6 +2442,11 @@ label[for*=_wholeWord_e-de-rtl] {
2442
2442
  margin-left: 12px;
2443
2443
  }
2444
2444
 
2445
+ .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
2446
+ height: 40px !important;
2447
+ width: auto !important;
2448
+ }
2449
+
2445
2450
  .e-de-style-bold-button-size {
2446
2451
  margin-left: 12px;
2447
2452
  }
@@ -3352,6 +3357,7 @@ label[for*=_wholeWord_e-de-rtl] {
3352
3357
 
3353
3358
  .e-de-cp-option.e-btn.e-icon-btn span {
3354
3359
  margin-top: 0px;
3360
+ background: #faf9f8;
3355
3361
  }
3356
3362
 
3357
3363
  .e-de-cmt-view:hover .e-de-cp-option {
@@ -2351,6 +2351,11 @@ label[for*=_wholeWord_e-de-rtl] {
2351
2351
  height: 35px;
2352
2352
  }
2353
2353
 
2354
+ .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
2355
+ height: 40px !important;
2356
+ width: auto !important;
2357
+ }
2358
+
2354
2359
  .e-de-style-bold-button-size {
2355
2360
  margin-left: 8px;
2356
2361
  margin-right: 8px;
@@ -3311,6 +3316,7 @@ label[for*=_wholeWord_e-de-rtl] {
3311
3316
 
3312
3317
  .e-de-cp-option.e-btn.e-icon-btn span {
3313
3318
  margin-top: 0px;
3319
+ background: #000;
3314
3320
  }
3315
3321
 
3316
3322
  .e-de-cmt-view:hover .e-de-cp-option {
@@ -0,0 +1 @@
1
+ @import './material3.scss';
@@ -233,7 +233,7 @@
233
233
  .e-de-table-border-none-setting::before {
234
234
  color: $icon-color;
235
235
  content: '\e7eb';
236
- font-size: $de-border-none-setting-font-size;
236
+ font-size: $de-border-setting-font-size;
237
237
  position: absolute;
238
238
  }
239
239
 
@@ -267,14 +267,14 @@
267
267
 
268
268
  .e-de-para-border-none-setting::before {
269
269
  color: $icon-color;
270
- content: '\e93f';
271
- font-size: $de-border-none-setting-font-size;
270
+ content: '\e890';
271
+ font-size: $de-border-setting-font-size;
272
272
  position: absolute;
273
273
  }
274
274
 
275
275
  .e-de-para-border-box-setting::before {
276
276
  color: $icon-color;
277
- content: '\e940';
277
+ content: '\e891';
278
278
  font-size: $de-border-setting-font-size;
279
279
  left: 2px;
280
280
  position: absolute;
@@ -283,7 +283,7 @@
283
283
 
284
284
  .e-de-para-border-shadow-setting::before {
285
285
  color: $icon-color;
286
- content: '\e942';
286
+ content: '\e892';
287
287
  font-size: $de-border-setting-font-size;
288
288
  left: 2px;
289
289
  position: absolute;
@@ -292,7 +292,7 @@
292
292
 
293
293
  .e-de-para-border-custom-setting::before {
294
294
  color: $icon-color;
295
- content: '\e946';
295
+ content: '\e88f';
296
296
  font-size: $de-border-setting-font-size;
297
297
  left: 2px;
298
298
  position: absolute;
@@ -2346,6 +2346,11 @@ label[for*=_wholeWord_e-de-rtl] {
2346
2346
  height: 35px;
2347
2347
  }
2348
2348
 
2349
+ .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
2350
+ height: 40px !important;
2351
+ width: auto !important;
2352
+ }
2353
+
2349
2354
  .e-de-style-bold-button-size {
2350
2355
  margin-left: 8px;
2351
2356
  margin-right: 8px;
@@ -3306,6 +3311,7 @@ label[for*=_wholeWord_e-de-rtl] {
3306
3311
 
3307
3312
  .e-de-cp-option.e-btn.e-icon-btn span {
3308
3313
  margin-top: 0px;
3314
+ background: #212121;
3309
3315
  }
3310
3316
 
3311
3317
  .e-de-cmt-view:hover .e-de-cp-option {
@@ -2346,6 +2346,11 @@ label[for*=_wholeWord_e-de-rtl] {
2346
2346
  height: 35px;
2347
2347
  }
2348
2348
 
2349
+ .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
2350
+ height: 40px !important;
2351
+ width: auto !important;
2352
+ }
2353
+
2349
2354
  .e-de-style-bold-button-size {
2350
2355
  margin-left: 8px;
2351
2356
  margin-right: 8px;
@@ -3306,6 +3311,7 @@ label[for*=_wholeWord_e-de-rtl] {
3306
3311
 
3307
3312
  .e-de-cp-option.e-btn.e-icon-btn span {
3308
3313
  margin-top: 0px;
3314
+ background: #fff;
3309
3315
  }
3310
3316
 
3311
3317
  .e-de-cmt-view:hover .e-de-cp-option {