@syncfusion/ej2-vue-documenteditor 22.2.11 → 23.1.36

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 (60) hide show
  1. package/CHANGELOG.md +37 -16
  2. package/dist/ej2-vue-documenteditor.umd.min.js +1 -1
  3. package/dist/global/ej2-vue-documenteditor.min.js +2 -2
  4. package/package.json +9 -9
  5. package/src/document-editor/documenteditor.component.d.ts +3 -1
  6. package/src/document-editor-container/documenteditorcontainer.component.d.ts +3 -1
  7. package/styles/bootstrap-dark.css +6 -0
  8. package/styles/bootstrap.css +6 -0
  9. package/styles/bootstrap4.css +6 -0
  10. package/styles/bootstrap5-dark.css +6 -0
  11. package/styles/bootstrap5.css +6 -0
  12. package/styles/document-editor/bootstrap-dark.css +5 -0
  13. package/styles/document-editor/bootstrap.css +5 -0
  14. package/styles/document-editor/bootstrap4.css +5 -0
  15. package/styles/document-editor/bootstrap5-dark.css +5 -0
  16. package/styles/document-editor/bootstrap5.css +5 -0
  17. package/styles/document-editor/fabric-dark.css +5 -0
  18. package/styles/document-editor/fabric.css +5 -0
  19. package/styles/document-editor/fluent-dark.css +5 -0
  20. package/styles/document-editor/fluent.css +5 -0
  21. package/styles/document-editor/highcontrast.css +5 -0
  22. package/styles/document-editor/material-dark.css +5 -1
  23. package/styles/document-editor/material.css +5 -1
  24. package/styles/document-editor/material3-dark.css +10 -1
  25. package/styles/document-editor/material3-dark.scss +1 -1
  26. package/styles/document-editor/material3.css +10 -1
  27. package/styles/document-editor/material3.scss +1 -1
  28. package/styles/document-editor/tailwind-dark.css +5 -1
  29. package/styles/document-editor/tailwind.css +5 -1
  30. package/styles/document-editor-container/bootstrap-dark.css +1 -0
  31. package/styles/document-editor-container/bootstrap.css +1 -0
  32. package/styles/document-editor-container/bootstrap4.css +1 -0
  33. package/styles/document-editor-container/bootstrap5-dark.css +1 -0
  34. package/styles/document-editor-container/bootstrap5.css +1 -0
  35. package/styles/document-editor-container/fabric-dark.css +1 -0
  36. package/styles/document-editor-container/fabric.css +1 -0
  37. package/styles/document-editor-container/fluent-dark.css +1 -0
  38. package/styles/document-editor-container/fluent.css +1 -0
  39. package/styles/document-editor-container/highcontrast-light.css +1 -0
  40. package/styles/document-editor-container/highcontrast.css +1 -0
  41. package/styles/document-editor-container/material-dark.css +1 -1
  42. package/styles/document-editor-container/material.css +1 -1
  43. package/styles/document-editor-container/material3-dark.css +1 -1
  44. package/styles/document-editor-container/material3-dark.scss +1 -1
  45. package/styles/document-editor-container/material3.css +1 -1
  46. package/styles/document-editor-container/material3.scss +1 -1
  47. package/styles/document-editor-container/tailwind-dark.css +0 -1
  48. package/styles/document-editor-container/tailwind.css +0 -1
  49. package/styles/fabric-dark.css +6 -0
  50. package/styles/fabric.css +6 -0
  51. package/styles/fluent-dark.css +6 -0
  52. package/styles/fluent.css +6 -0
  53. package/styles/highcontrast-light.css +1 -0
  54. package/styles/highcontrast.css +6 -0
  55. package/styles/material-dark.css +6 -1
  56. package/styles/material.css +6 -1
  57. package/styles/material3-dark.css +11 -2
  58. package/styles/material3.css +11 -1
  59. package/styles/tailwind-dark.css +5 -2
  60. package/styles/tailwind.css +5 -2
package/styles/fluent-dark.css CHANGED
@@ -2455,6 +2455,11 @@ label[for*=_wholeWord_e-de-rtl] {
2455
2455
  width: auto !important;
2456
2456
  }
2457
2457
 
2458
+ .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
2459
+ height: 40px !important;
2460
+ width: auto !important;
2461
+ }
2462
+
2458
2463
  .e-de-style-bold-button-size {
2459
2464
  margin-left: 12px;
2460
2465
  }
@@ -5190,6 +5195,7 @@ label[for*=_wholeWord_e-de-rtl] {
5190
5195
  line-height: normal;
5191
5196
  margin: 0;
5192
5197
  outline: 0;
5198
+ background: #201f1e;
5193
5199
  padding: 5px 0;
5194
5200
  position: absolute;
5195
5201
  width: auto;
package/styles/fluent.css CHANGED
@@ -2455,6 +2455,11 @@ label[for*=_wholeWord_e-de-rtl] {
2455
2455
  width: auto !important;
2456
2456
  }
2457
2457
 
2458
+ .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
2459
+ height: 40px !important;
2460
+ width: auto !important;
2461
+ }
2462
+
2458
2463
  .e-de-style-bold-button-size {
2459
2464
  margin-left: 12px;
2460
2465
  }
@@ -5190,6 +5195,7 @@ label[for*=_wholeWord_e-de-rtl] {
5190
5195
  line-height: normal;
5191
5196
  margin: 0;
5192
5197
  outline: 0;
5198
+ background: #faf9f8;
5193
5199
  padding: 5px 0;
5194
5200
  position: absolute;
5195
5201
  width: auto;
package/styles/highcontrast-light.css CHANGED
@@ -3992,6 +3992,7 @@ label[for=container_wholeWord] {
3992
3992
  line-height: normal;
3993
3993
  margin: 0;
3994
3994
  outline: 0;
3995
+ background: #fff;
3995
3996
  padding: 5px 0;
3996
3997
  position: absolute;
3997
3998
  width: auto;
package/styles/highcontrast.css CHANGED
@@ -2364,6 +2364,11 @@ label[for*=_wholeWord_e-de-rtl] {
2364
2364
  width: auto !important;
2365
2365
  }
2366
2366
 
2367
+ .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
2368
+ height: 40px !important;
2369
+ width: auto !important;
2370
+ }
2371
+
2367
2372
  .e-de-style-bold-button-size {
2368
2373
  margin-left: 8px;
2369
2374
  margin-right: 8px;
@@ -5029,6 +5034,7 @@ label[for*=_wholeWord_e-de-rtl] {
5029
5034
  line-height: normal;
5030
5035
  margin: 0;
5031
5036
  outline: 0;
5037
+ background: #000;
5032
5038
  padding: 5px 0;
5033
5039
  position: absolute;
5034
5040
  width: auto;
package/styles/material-dark.css CHANGED
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  .e-documenteditor .e-close::before {
3
2
  content: "\e825";
4
3
  font-family: "e-icons";
@@ -2359,6 +2358,11 @@ label[for*=_wholeWord_e-de-rtl] {
2359
2358
  width: auto !important;
2360
2359
  }
2361
2360
 
2361
+ .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
2362
+ height: 40px !important;
2363
+ width: auto !important;
2364
+ }
2365
+
2362
2366
  .e-de-style-bold-button-size {
2363
2367
  margin-left: 8px;
2364
2368
  margin-right: 8px;
@@ -5026,6 +5030,7 @@ label[for*=_wholeWord_e-de-rtl] {
5026
5030
  line-height: normal;
5027
5031
  margin: 0;
5028
5032
  outline: 0;
5033
+ background: #303030;
5029
5034
  padding: 5px 0;
5030
5035
  position: absolute;
5031
5036
  width: auto;
package/styles/material.css CHANGED
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  .e-documenteditor .e-close::before {
3
2
  content: "\e825";
4
3
  font-family: "e-icons";
@@ -2359,6 +2358,11 @@ label[for*=_wholeWord_e-de-rtl] {
2359
2358
  width: auto !important;
2360
2359
  }
2361
2360
 
2361
+ .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
2362
+ height: 40px !important;
2363
+ width: auto !important;
2364
+ }
2365
+
2362
2366
  .e-de-style-bold-button-size {
2363
2367
  margin-left: 8px;
2364
2368
  margin-right: 8px;
@@ -5031,6 +5035,7 @@ label[for*=_wholeWord_e-de-rtl] {
5031
5035
  line-height: normal;
5032
5036
  margin: 0;
5033
5037
  outline: 0;
5038
+ background: #fafafa;
5034
5039
  padding: 5px 0;
5035
5040
  position: absolute;
5036
5041
  width: auto;
package/styles/material3-dark.css CHANGED
@@ -1,5 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
3
1
  :root {
4
2
  --color-sf-black: 0, 0, 0;
5
3
  --color-sf-white: 255, 255, 255;
@@ -2489,6 +2487,16 @@ label[for*=_wholeWord_e-de-rtl] {
2489
2487
  width: auto !important;
2490
2488
  }
2491
2489
 
2490
+ .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-group-button button,
2491
+ .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-style-paragraph button {
2492
+ height: 40px !important;
2493
+ width: 44px !important;
2494
+ }
2495
+ .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
2496
+ height: 40px !important;
2497
+ width: auto !important;
2498
+ }
2499
+
2492
2500
  .e-bigger .e-rtl .e-de-style-font-group-button button,
2493
2501
  .e-bigger .e-rtl .e-de-style-paragraph-indent-group-button button,
2494
2502
  .e-bigger .e-rtl .e-de-style-paragraph-group-button button {
@@ -5431,6 +5439,7 @@ label[for*=_wholeWord_e-de-rtl] {
5431
5439
  line-height: normal;
5432
5440
  margin: 0;
5433
5441
  outline: 0;
5442
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
5434
5443
  padding: 10px 0;
5435
5444
  position: absolute;
5436
5445
  width: auto;
package/styles/material3.css CHANGED
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -2544,6 +2543,16 @@ label[for*=_wholeWord_e-de-rtl] {
2544
2543
  width: auto !important;
2545
2544
  }
2546
2545
 
2546
+ .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-group-button button,
2547
+ .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-style-paragraph button {
2548
+ height: 40px !important;
2549
+ width: 44px !important;
2550
+ }
2551
+ .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
2552
+ height: 40px !important;
2553
+ width: auto !important;
2554
+ }
2555
+
2547
2556
  .e-bigger .e-rtl .e-de-style-font-group-button button,
2548
2557
  .e-bigger .e-rtl .e-de-style-paragraph-indent-group-button button,
2549
2558
  .e-bigger .e-rtl .e-de-style-paragraph-group-button button {
@@ -5542,6 +5551,7 @@ label[for*=_wholeWord_e-de-rtl] {
5542
5551
  line-height: normal;
5543
5552
  margin: 0;
5544
5553
  outline: 0;
5554
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
5545
5555
  padding: 10px 0;
5546
5556
  position: absolute;
5547
5557
  width: auto;
package/styles/tailwind-dark.css CHANGED
@@ -1,5 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
3
1
  .e-documenteditor .e-close::before {
4
2
  color: #d1d5db;
5
3
  content: "\e7e7";
@@ -2713,6 +2711,11 @@ label[for*=_wholeWord_e-de-rtl] {
2713
2711
  width: auto !important;
2714
2712
  }
2715
2713
 
2714
+ .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
2715
+ height: 40px !important;
2716
+ width: auto !important;
2717
+ }
2718
+
2716
2719
  .e-de-style-bold-button-size {
2717
2720
  margin-left: 12px;
2718
2721
  }
package/styles/tailwind.css CHANGED
@@ -1,5 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
3
1
  .e-documenteditor .e-close::before {
4
2
  color: #6b7280;
5
3
  content: "\e7e7";
@@ -2716,6 +2714,11 @@ label[for*=_wholeWord_e-de-rtl] {
2716
2714
  width: auto !important;
2717
2715
  }
2718
2716
 
2717
+ .e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
2718
+ height: 40px !important;
2719
+ width: auto !important;
2720
+ }
2721
+
2719
2722
  .e-de-style-bold-button-size {
2720
2723
  margin-left: 12px;
2721
2724
  }