@syncfusion/ej2-angular-documenteditor 20.4.38 → 20.4.40

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 (104) hide show
  1. package/esm2020/src/document-editor/documenteditor-all.module.mjs +7 -4
  2. package/esm2020/src/document-editor/documenteditor.component.mjs +10 -3
  3. package/esm2020/src/index.mjs +2 -2
  4. package/fesm2015/syncfusion-ej2-angular-documenteditor.mjs +16 -6
  5. package/fesm2015/syncfusion-ej2-angular-documenteditor.mjs.map +1 -1
  6. package/fesm2020/syncfusion-ej2-angular-documenteditor.mjs +16 -6
  7. package/fesm2020/syncfusion-ej2-angular-documenteditor.mjs.map +1 -1
  8. package/package.json +8 -8
  9. package/schematics/utils/lib-details.d.ts +2 -2
  10. package/schematics/utils/lib-details.js +2 -2
  11. package/schematics/utils/lib-details.ts +2 -2
  12. package/src/document-editor/documenteditor-all.module.d.ts +1 -0
  13. package/src/document-editor/documenteditor.component.d.ts +1 -1
  14. package/src/index.d.ts +1 -1
  15. package/styles/bootstrap-dark.css +126 -0
  16. package/styles/bootstrap.css +126 -0
  17. package/styles/bootstrap4.css +126 -0
  18. package/styles/bootstrap5-dark.css +126 -0
  19. package/styles/bootstrap5.css +126 -0
  20. package/styles/document-editor/_bootstrap-dark-definition.scss +3 -0
  21. package/styles/document-editor/_bootstrap-definition.scss +3 -0
  22. package/styles/document-editor/_bootstrap4-definition.scss +3 -0
  23. package/styles/document-editor/_bootstrap5-definition.scss +3 -0
  24. package/styles/document-editor/_fabric-dark-definition.scss +3 -0
  25. package/styles/document-editor/_fabric-definition.scss +3 -0
  26. package/styles/document-editor/_fluent-definition.scss +3 -0
  27. package/styles/document-editor/_fusionnew-definition.scss +3 -0
  28. package/styles/document-editor/_highcontrast-definition.scss +3 -0
  29. package/styles/document-editor/_highcontrast-light-definition.scss +3 -0
  30. package/styles/document-editor/_material-dark-definition.scss +3 -0
  31. package/styles/document-editor/_material-definition.scss +3 -0
  32. package/styles/document-editor/_material3-definition.scss +3 -0
  33. package/styles/document-editor/_tailwind-definition.scss +3 -0
  34. package/styles/document-editor/_theme.scss +13 -0
  35. package/styles/document-editor/bootstrap-dark.css +61 -0
  36. package/styles/document-editor/bootstrap.css +61 -0
  37. package/styles/document-editor/bootstrap4.css +61 -0
  38. package/styles/document-editor/bootstrap5-dark.css +61 -0
  39. package/styles/document-editor/bootstrap5.css +61 -0
  40. package/styles/document-editor/fabric-dark.css +61 -0
  41. package/styles/document-editor/fabric.css +61 -0
  42. package/styles/document-editor/fluent-dark.css +61 -0
  43. package/styles/document-editor/fluent.css +61 -0
  44. package/styles/document-editor/highcontrast-light.css +47 -0
  45. package/styles/document-editor/highcontrast.css +61 -0
  46. package/styles/document-editor/icons/_bootstrap-dark.scss +47 -0
  47. package/styles/document-editor/icons/_bootstrap.scss +47 -0
  48. package/styles/document-editor/icons/_bootstrap4.scss +47 -0
  49. package/styles/document-editor/icons/_bootstrap5.scss +47 -0
  50. package/styles/document-editor/icons/_fabric-dark.scss +47 -0
  51. package/styles/document-editor/icons/_fabric.scss +47 -0
  52. package/styles/document-editor/icons/_fluent.scss +47 -0
  53. package/styles/document-editor/icons/_fusionnew.scss +47 -0
  54. package/styles/document-editor/icons/_highcontrast-light.scss +47 -0
  55. package/styles/document-editor/icons/_highcontrast.scss +47 -0
  56. package/styles/document-editor/icons/_material-dark.scss +47 -0
  57. package/styles/document-editor/icons/_material.scss +47 -0
  58. package/styles/document-editor/icons/_material3.scss +47 -0
  59. package/styles/document-editor/icons/_tailwind-dark.scss +47 -0
  60. package/styles/document-editor/icons/_tailwind.scss +47 -0
  61. package/styles/document-editor/material-dark.css +61 -0
  62. package/styles/document-editor/material.css +61 -0
  63. package/styles/document-editor/tailwind-dark.css +61 -0
  64. package/styles/document-editor/tailwind.css +61 -0
  65. package/styles/document-editor-container/bootstrap-dark.css +65 -0
  66. package/styles/document-editor-container/bootstrap.css +65 -0
  67. package/styles/document-editor-container/bootstrap4.css +65 -0
  68. package/styles/document-editor-container/bootstrap5-dark.css +65 -0
  69. package/styles/document-editor-container/bootstrap5.css +65 -0
  70. package/styles/document-editor-container/fabric-dark.css +66 -0
  71. package/styles/document-editor-container/fabric.css +66 -0
  72. package/styles/document-editor-container/fluent-dark.css +65 -0
  73. package/styles/document-editor-container/fluent.css +65 -0
  74. package/styles/document-editor-container/highcontrast-light.css +65 -0
  75. package/styles/document-editor-container/highcontrast.css +65 -0
  76. package/styles/document-editor-container/icons/_bootstrap-dark.scss +65 -0
  77. package/styles/document-editor-container/icons/_bootstrap.scss +65 -0
  78. package/styles/document-editor-container/icons/_bootstrap4.scss +65 -0
  79. package/styles/document-editor-container/icons/_bootstrap5.scss +66 -0
  80. package/styles/document-editor-container/icons/_fabric-dark.scss +66 -0
  81. package/styles/document-editor-container/icons/_fabric.scss +65 -0
  82. package/styles/document-editor-container/icons/_fluent.scss +65 -0
  83. package/styles/document-editor-container/icons/_fusionnew.scss +65 -0
  84. package/styles/document-editor-container/icons/_highcontrast-light.scss +65 -0
  85. package/styles/document-editor-container/icons/_highcontrast.scss +65 -0
  86. package/styles/document-editor-container/icons/_material-dark.scss +65 -0
  87. package/styles/document-editor-container/icons/_material.scss +65 -0
  88. package/styles/document-editor-container/icons/_material3.scss +65 -0
  89. package/styles/document-editor-container/icons/_tailwind-dark.scss +65 -0
  90. package/styles/document-editor-container/icons/_tailwind.scss +65 -0
  91. package/styles/document-editor-container/material-dark.css +65 -0
  92. package/styles/document-editor-container/material.css +65 -0
  93. package/styles/document-editor-container/tailwind-dark.css +65 -0
  94. package/styles/document-editor-container/tailwind.css +65 -0
  95. package/styles/fabric-dark.css +127 -0
  96. package/styles/fabric.css +127 -0
  97. package/styles/fluent-dark.css +126 -0
  98. package/styles/fluent.css +126 -0
  99. package/styles/highcontrast-light.css +112 -0
  100. package/styles/highcontrast.css +126 -0
  101. package/styles/material-dark.css +126 -0
  102. package/styles/material.css +126 -0
  103. package/styles/tailwind-dark.css +126 -0
  104. package/styles/tailwind.css +126 -0
@@ -336,6 +336,45 @@
336
336
  top: $de-td-table-border-top;
337
337
  }
338
338
 
339
+ .e-de-columns-presets-genral {
340
+ height: 62px;
341
+ width: 62px;
342
+ margin-right: 33px;
343
+ margin-bottom: 12px;
344
+ }
345
+
346
+ .e-de-columns-padding-alignment {
347
+ padding-top: 24px;
348
+ }
349
+
350
+ .e-de-column-dlg-preview-div {
351
+ border: 1px solid $de-border-dlg-border-setting-divs-color;
352
+ height: 120px;
353
+ width: 120px;
354
+ }
355
+
356
+ .e-de-padding-col-prev{
357
+ padding-left: 15px;
358
+ }
359
+
360
+ .e-width-space-div{
361
+ width: 320px;
362
+ }
363
+
364
+ .e-de-columns-presets-genral.e-de-rtl{
365
+ margin-left: 33px;
366
+ }
367
+
368
+ .e-de-padding-col-prev.e-de-rtl{
369
+ padding-right: 15px;
370
+ }
371
+
372
+ .e-de-column-dlg-preview-div.e-de-rtl{
373
+ border: 1px solid $de-border-dlg-border-setting-divs-color;
374
+ height: 120px;
375
+ width: 120px;
376
+ }
377
+
339
378
  .e-menu-item .e-de-cmt-add::before {
340
379
  content: '\e814';
341
380
  font-family: 'e-icons';
@@ -604,4 +643,12 @@
604
643
  .e-icon-btn .e-de-paste::before {
605
644
  content: '\e68a';
606
645
  }
646
+
647
+ .e-de-preset-container {
648
+ width: 95px;
649
+ }
650
+
651
+ .e-de-preset-container.e-de-rtl {
652
+ width: 85px;
653
+ }
607
654
  }
@@ -336,6 +336,45 @@
336
336
  top: $de-td-table-border-top;
337
337
  }
338
338
 
339
+ .e-de-columns-presets-genral {
340
+ height: 62px;
341
+ width: 62px;
342
+ margin-right: 33px;
343
+ margin-bottom: 12px;
344
+ }
345
+
346
+ .e-de-columns-padding-alignment {
347
+ padding-top: 24px;
348
+ }
349
+
350
+ .e-de-column-dlg-preview-div {
351
+ border: 1px solid $de-border-dlg-border-setting-divs-color;
352
+ height: 120px;
353
+ width: 120px;
354
+ }
355
+
356
+ .e-de-padding-col-prev{
357
+ padding-left: 15px;
358
+ }
359
+
360
+ .e-width-space-div{
361
+ width: 320px;
362
+ }
363
+
364
+ .e-de-columns-presets-genral.e-de-rtl{
365
+ margin-left: 33px;
366
+ }
367
+
368
+ .e-de-padding-col-prev.e-de-rtl{
369
+ padding-right: 15px;
370
+ }
371
+
372
+ .e-de-column-dlg-preview-div.e-de-rtl{
373
+ border: 1px solid $de-border-dlg-border-setting-divs-color;
374
+ height: 120px;
375
+ width: 120px;
376
+ }
377
+
339
378
  .e-menu-item .e-de-cmt-add::before {
340
379
  content: '\e814';
341
380
  font-family: 'e-icons';
@@ -604,4 +643,12 @@
604
643
  .e-icon-btn .e-de-paste::before {
605
644
  content: '\e68a';
606
645
  }
646
+
647
+ .e-de-preset-container {
648
+ width: 95px;
649
+ }
650
+
651
+ .e-de-preset-container.e-de-rtl {
652
+ width: 85px;
653
+ }
607
654
  }
@@ -363,6 +363,45 @@
363
363
  top: $de-td-table-border-top;
364
364
  }
365
365
 
366
+ .e-de-columns-presets-genral {
367
+ height: 62px;
368
+ width: 62px;
369
+ margin-right: 33px;
370
+ margin-bottom: 12px;
371
+ }
372
+
373
+ .e-de-columns-padding-alignment {
374
+ padding-top: 24px;
375
+ }
376
+
377
+ .e-de-column-dlg-preview-div {
378
+ border: 1px solid $de-border-dlg-border-setting-divs-color;
379
+ height: 120px;
380
+ width: 120px;
381
+ }
382
+
383
+ .e-de-padding-col-prev{
384
+ padding-left: 15px;
385
+ }
386
+
387
+ .e-width-space-div{
388
+ width: 320px;
389
+ }
390
+
391
+ .e-de-columns-presets-genral.e-de-rtl{
392
+ margin-left: 33px;
393
+ }
394
+
395
+ .e-de-padding-col-prev.e-de-rtl{
396
+ padding-right: 15px;
397
+ }
398
+
399
+ .e-de-column-dlg-preview-div.e-de-rtl{
400
+ border: 1px solid $de-border-dlg-border-setting-divs-color;
401
+ height: 120px;
402
+ width: 120px;
403
+ }
404
+
366
405
  .e-menu-item .e-de-cmt-add::before {
367
406
  content: '\e82c';
368
407
  }
@@ -637,4 +676,12 @@
637
676
  .e-item .e-de-paste-merge-table::before {
638
677
  content: '\e882';
639
678
  }
679
+
680
+ .e-de-preset-container {
681
+ width: 95px;
682
+ }
683
+
684
+ .e-de-preset-container.e-de-rtl {
685
+ width: 85px;
686
+ }
640
687
  }
@@ -365,6 +365,45 @@
365
365
  top: $de-td-table-border-top;
366
366
  }
367
367
 
368
+ .e-de-columns-presets-genral {
369
+ height: 62px;
370
+ width: 62px;
371
+ margin-right: 33px;
372
+ margin-bottom: 12px;
373
+ }
374
+
375
+ .e-de-columns-padding-alignment {
376
+ padding-top: 24px;
377
+ }
378
+
379
+ .e-de-column-dlg-preview-div {
380
+ border: 1px solid $de-border-dlg-border-setting-divs-color;
381
+ height: 120px;
382
+ width: 120px;
383
+ }
384
+
385
+ .e-de-padding-col-prev{
386
+ padding-left: 15px;
387
+ }
388
+
389
+ .e-width-space-div{
390
+ width: 320px;
391
+ }
392
+
393
+ .e-de-columns-presets-genral.e-de-rtl{
394
+ margin-left: 33px;
395
+ }
396
+
397
+ .e-de-padding-col-prev.e-de-rtl{
398
+ padding-right: 15px;
399
+ }
400
+
401
+ .e-de-column-dlg-preview-div.e-de-rtl{
402
+ border: 1px solid $de-border-dlg-border-setting-divs-color;
403
+ height: 120px;
404
+ width: 120px;
405
+ }
406
+
368
407
  .e-menu-item .e-de-cmt-add::before {
369
408
  content: '\e82c';
370
409
  }
@@ -639,4 +678,12 @@
639
678
  .e-item .e-de-paste-merge-table::before {
640
679
  content: '\e882';
641
680
  }
681
+
682
+ .e-de-preset-container {
683
+ width: 95px;
684
+ }
685
+
686
+ .e-de-preset-container.e-de-rtl {
687
+ width: 85px;
688
+ }
642
689
  }
@@ -346,6 +346,45 @@
346
346
  top: $de-td-table-border-top;
347
347
  }
348
348
 
349
+ .e-de-columns-presets-genral {
350
+ height: 62px;
351
+ width: 62px;
352
+ margin-right: 33px;
353
+ margin-bottom: 12px;
354
+ }
355
+
356
+ .e-de-columns-padding-alignment {
357
+ padding-top: 24px;
358
+ }
359
+
360
+ .e-de-column-dlg-preview-div {
361
+ border: 1px solid $de-border-dlg-border-setting-divs-color;
362
+ height: 120px;
363
+ width: 120px;
364
+ }
365
+
366
+ .e-de-padding-col-prev{
367
+ padding-left: 15px;
368
+ }
369
+
370
+ .e-width-space-div{
371
+ width: 320px;
372
+ }
373
+
374
+ .e-de-columns-presets-genral.e-de-rtl{
375
+ margin-left: 33px;
376
+ }
377
+
378
+ .e-de-padding-col-prev.e-de-rtl{
379
+ padding-right: 15px;
380
+ }
381
+
382
+ .e-de-column-dlg-preview-div.e-de-rtl{
383
+ border: 1px solid $de-border-dlg-border-setting-divs-color;
384
+ height: 120px;
385
+ width: 120px;
386
+ }
387
+
349
388
  .e-menu-item .e-de-cmt-add::before {
350
389
  content: '\e814';
351
390
  font-family: 'e-icons';
@@ -609,4 +648,12 @@
609
648
  .e-icon-btn .e-de-paste::before {
610
649
  content: '\e68a';
611
650
  }
651
+
652
+ .e-de-preset-container {
653
+ width: 95px;
654
+ }
655
+
656
+ .e-de-preset-container.e-de-rtl {
657
+ width: 85px;
658
+ }
612
659
  }
@@ -336,6 +336,45 @@
336
336
  top: $de-td-table-border-top;
337
337
  }
338
338
 
339
+ .e-de-columns-presets-genral {
340
+ height: 62px;
341
+ width: 62px;
342
+ margin-right: 33px;
343
+ margin-bottom: 12px;
344
+ }
345
+
346
+ .e-de-columns-padding-alignment {
347
+ padding-top: 24px;
348
+ }
349
+
350
+ .e-de-column-dlg-preview-div {
351
+ border: 1px solid $de-border-dlg-border-setting-divs-color;
352
+ height: 120px;
353
+ width: 120px;
354
+ }
355
+
356
+ .e-de-padding-col-prev{
357
+ padding-left: 15px;
358
+ }
359
+
360
+ .e-width-space-div{
361
+ width: 320px;
362
+ }
363
+
364
+ .e-de-columns-presets-genral.e-de-rtl{
365
+ margin-left: 33px;
366
+ }
367
+
368
+ .e-de-padding-col-prev.e-de-rtl{
369
+ padding-right: 15px;
370
+ }
371
+
372
+ .e-de-column-dlg-preview-div.e-de-rtl{
373
+ border: 1px solid $de-border-dlg-border-setting-divs-color;
374
+ height: 120px;
375
+ width: 120px;
376
+ }
377
+
339
378
  .e-menu-item .e-de-cmt-add::before {
340
379
  content: '\e814';
341
380
  font-family: 'e-icons';
@@ -604,4 +643,12 @@
604
643
  .e-icon-btn .e-de-paste::before {
605
644
  content: '\e68a';
606
645
  }
646
+
647
+ .e-de-preset-container {
648
+ width: 95px;
649
+ }
650
+
651
+ .e-de-preset-container.e-de-rtl {
652
+ width: 85px;
653
+ }
607
654
  }
@@ -322,6 +322,45 @@
322
322
  top: $de-td-table-border-top;
323
323
  }
324
324
 
325
+ .e-de-columns-presets-genral {
326
+ height: 62px;
327
+ width: 62px;
328
+ margin-right: 33px;
329
+ margin-bottom: 12px;
330
+ }
331
+
332
+ .e-de-columns-padding-alignment {
333
+ padding-top: 24px;
334
+ }
335
+
336
+ .e-de-column-dlg-preview-div {
337
+ border: 1px solid $de-border-dlg-border-setting-divs-color;
338
+ height: 120px;
339
+ width: 120px;
340
+ }
341
+
342
+ .e-de-padding-col-prev{
343
+ padding-left: 15px;
344
+ }
345
+
346
+ .e-width-space-div{
347
+ width: 320px;
348
+ }
349
+
350
+ .e-de-columns-presets-genral.e-de-rtl{
351
+ margin-left: 33px;
352
+ }
353
+
354
+ .e-de-padding-col-prev.e-de-rtl{
355
+ padding-right: 15px;
356
+ }
357
+
358
+ .e-de-column-dlg-preview-div.e-de-rtl{
359
+ border: 1px solid $de-border-dlg-border-setting-divs-color;
360
+ height: 120px;
361
+ width: 120px;
362
+ }
363
+
325
364
  .e-de-acceptchange::before {
326
365
  content: '\e19f';
327
366
  font-family: 'e-icons';
@@ -597,4 +636,12 @@
597
636
  .e-item .e-de-paste-merge-table::before {
598
637
  content: '\e91f';
599
638
  }
639
+
640
+ .e-de-preset-container {
641
+ width: 95px;
642
+ }
643
+
644
+ .e-de-preset-container.e-de-rtl {
645
+ width: 85px;
646
+ }
600
647
  }
@@ -322,6 +322,45 @@
322
322
  top: $de-td-table-border-top;
323
323
  }
324
324
 
325
+ .e-de-columns-presets-genral {
326
+ height: 62px;
327
+ width: 62px;
328
+ margin-right: 33px;
329
+ margin-bottom: 12px;
330
+ }
331
+
332
+ .e-de-columns-padding-alignment {
333
+ padding-top: 24px;
334
+ }
335
+
336
+ .e-de-column-dlg-preview-div {
337
+ border: 1px solid $de-border-dlg-border-setting-divs-color;
338
+ height: 120px;
339
+ width: 120px;
340
+ }
341
+
342
+ .e-de-padding-col-prev{
343
+ padding-left: 15px;
344
+ }
345
+
346
+ .e-width-space-div{
347
+ width: 320px;
348
+ }
349
+
350
+ .e-de-columns-presets-genral.e-de-rtl{
351
+ margin-left: 33px;
352
+ }
353
+
354
+ .e-de-padding-col-prev.e-de-rtl{
355
+ padding-right: 15px;
356
+ }
357
+
358
+ .e-de-column-dlg-preview-div.e-de-rtl{
359
+ border: 1px solid $de-border-dlg-border-setting-divs-color;
360
+ height: 120px;
361
+ width: 120px;
362
+ }
363
+
325
364
  .e-de-acceptchange::before {
326
365
  content: '\e19f';
327
366
  font-family: 'e-icons';
@@ -597,4 +636,12 @@
597
636
  .e-item .e-de-paste-merge-table::before {
598
637
  content: '\e91f';
599
638
  }
639
+
640
+ .e-de-preset-container {
641
+ width: 95px;
642
+ }
643
+
644
+ .e-de-preset-container.e-de-rtl {
645
+ width: 85px;
646
+ }
600
647
  }
@@ -365,6 +365,45 @@
365
365
  top: $de-td-table-border-top;
366
366
  }
367
367
 
368
+ .e-de-columns-presets-genral {
369
+ height: 62px;
370
+ width: 62px;
371
+ margin-right: 33px;
372
+ margin-bottom: 12px;
373
+ }
374
+
375
+ .e-de-columns-padding-alignment {
376
+ padding-top: 24px;
377
+ }
378
+
379
+ .e-de-column-dlg-preview-div {
380
+ border: 1px solid $de-border-dlg-border-setting-divs-color;
381
+ height: 120px;
382
+ width: 120px;
383
+ }
384
+
385
+ .e-de-padding-col-prev{
386
+ padding-left: 15px;
387
+ }
388
+
389
+ .e-width-space-div{
390
+ width: 320px;
391
+ }
392
+
393
+ .e-de-columns-presets-genral.e-de-rtl{
394
+ margin-left: 33px;
395
+ }
396
+
397
+ .e-de-padding-col-prev.e-de-rtl{
398
+ padding-right: 15px;
399
+ }
400
+
401
+ .e-de-column-dlg-preview-div.e-de-rtl{
402
+ border: 1px solid $de-border-dlg-border-setting-divs-color;
403
+ height: 120px;
404
+ width: 120px;
405
+ }
406
+
368
407
  .e-menu-item .e-de-cmt-add::before {
369
408
  content: '\e82c';
370
409
  }
@@ -639,4 +678,12 @@
639
678
  .e-item .e-de-paste-merge-table::before {
640
679
  content: '\e882';
641
680
  }
681
+
682
+ .e-de-preset-container {
683
+ width: 95px;
684
+ }
685
+
686
+ .e-de-preset-container.e-de-rtl {
687
+ width: 85px;
688
+ }
642
689
  }
@@ -365,6 +365,45 @@
365
365
  top: $de-td-table-border-top;
366
366
  }
367
367
 
368
+ .e-de-columns-presets-genral {
369
+ height: 62px;
370
+ width: 62px;
371
+ margin-right: 33px;
372
+ margin-bottom: 12px;
373
+ }
374
+
375
+ .e-de-columns-padding-alignment {
376
+ padding-top: 24px;
377
+ }
378
+
379
+ .e-de-column-dlg-preview-div {
380
+ border: 1px solid $de-border-dlg-border-setting-divs-color;
381
+ height: 120px;
382
+ width: 120px;
383
+ }
384
+
385
+ .e-de-padding-col-prev{
386
+ padding-left: 15px;
387
+ }
388
+
389
+ .e-width-space-div{
390
+ width: 320px;
391
+ }
392
+
393
+ .e-de-columns-presets-genral.e-de-rtl{
394
+ margin-left: 33px;
395
+ }
396
+
397
+ .e-de-padding-col-prev.e-de-rtl{
398
+ padding-right: 15px;
399
+ }
400
+
401
+ .e-de-column-dlg-preview-div.e-de-rtl{
402
+ border: 1px solid $de-border-dlg-border-setting-divs-color;
403
+ height: 120px;
404
+ width: 120px;
405
+ }
406
+
368
407
  .e-menu-item .e-de-cmt-add::before {
369
408
  content: '\e82c';
370
409
  }
@@ -639,4 +678,12 @@
639
678
  .e-item .e-de-paste-merge-table::before {
640
679
  content: '\e882';
641
680
  }
681
+
682
+ .e-de-preset-container {
683
+ width: 95px;
684
+ }
685
+
686
+ .e-de-preset-container.e-de-rtl {
687
+ width: 85px;
688
+ }
642
689
  }
@@ -365,6 +365,45 @@
365
365
  top: $de-td-table-border-top;
366
366
  }
367
367
 
368
+ .e-de-columns-presets-genral {
369
+ height: 62px;
370
+ width: 62px;
371
+ margin-right: 33px;
372
+ margin-bottom: 12px;
373
+ }
374
+
375
+ .e-de-columns-padding-alignment {
376
+ padding-top: 24px;
377
+ }
378
+
379
+ .e-de-column-dlg-preview-div {
380
+ border: 1px solid $de-border-dlg-border-setting-divs-color;
381
+ height: 120px;
382
+ width: 120px;
383
+ }
384
+
385
+ .e-de-padding-col-prev{
386
+ padding-left: 15px;
387
+ }
388
+
389
+ .e-width-space-div{
390
+ width: 320px;
391
+ }
392
+
393
+ .e-de-columns-presets-genral.e-de-rtl{
394
+ margin-left: 33px;
395
+ }
396
+
397
+ .e-de-padding-col-prev.e-de-rtl{
398
+ padding-right: 15px;
399
+ }
400
+
401
+ .e-de-column-dlg-preview-div.e-de-rtl{
402
+ border: 1px solid $de-border-dlg-border-setting-divs-color;
403
+ height: 120px;
404
+ width: 120px;
405
+ }
406
+
368
407
  .e-menu-item .e-de-cmt-add::before {
369
408
  content: '\e82c';
370
409
  }
@@ -639,4 +678,12 @@
639
678
  .e-item .e-de-paste-merge-table::before {
640
679
  content: '\e882';
641
680
  }
681
+
682
+ .e-de-preset-container {
683
+ width: 95px;
684
+ }
685
+
686
+ .e-de-preset-container.e-de-rtl {
687
+ width: 85px;
688
+ }
642
689
  }
@@ -302,6 +302,45 @@
302
302
  top: 4px;
303
303
  }
304
304
 
305
+ .e-de-columns-presets-genral {
306
+ height: 62px;
307
+ width: 62px;
308
+ margin-right: 33px;
309
+ margin-bottom: 12px;
310
+ }
311
+
312
+ .e-de-columns-padding-alignment {
313
+ padding-top: 24px;
314
+ }
315
+
316
+ .e-de-column-dlg-preview-div {
317
+ border: 1px solid #ddd;
318
+ height: 120px;
319
+ width: 120px;
320
+ }
321
+
322
+ .e-de-padding-col-prev {
323
+ padding-left: 15px;
324
+ }
325
+
326
+ .e-width-space-div {
327
+ width: 320px;
328
+ }
329
+
330
+ .e-de-columns-presets-genral.e-de-rtl {
331
+ margin-left: 33px;
332
+ }
333
+
334
+ .e-de-padding-col-prev.e-de-rtl {
335
+ padding-right: 15px;
336
+ }
337
+
338
+ .e-de-column-dlg-preview-div.e-de-rtl {
339
+ border: 1px solid #ddd;
340
+ height: 120px;
341
+ width: 120px;
342
+ }
343
+
305
344
  .e-de-acceptchange::before {
306
345
  content: "\e19f";
307
346
  font-family: "e-icons";
@@ -566,6 +605,14 @@
566
605
  content: "\e91f";
567
606
  }
568
607
 
608
+ .e-de-preset-container {
609
+ width: 95px;
610
+ }
611
+
612
+ .e-de-preset-container.e-de-rtl {
613
+ width: 85px;
614
+ }
615
+
569
616
  .e-de-dlg-container {
570
617
  padding-bottom: 12px;
571
618
  }
@@ -747,6 +794,20 @@
747
794
  background-color: #212121;
748
795
  }
749
796
 
797
+ .e-de-column-label {
798
+ font-size: 12px;
799
+ font-weight: normal;
800
+ padding-left: 20px;
801
+ padding-right: 20px;
802
+ }
803
+
804
+ .e-de-column-label.e-de-rtl {
805
+ font-size: 12px;
806
+ font-weight: normal;
807
+ padding-left: 50px;
808
+ padding-right: 50px;
809
+ }
810
+
750
811
  .e-de-ff-sub-header {
751
812
  display: block;
752
813
  font-size: 12px;