@syncfusion/ej2-vue-documenteditor 20.3.60 → 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 (55) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/ej2-vue-documenteditor.umd.min.js +2 -2
  3. package/dist/ej2-vue-documenteditor.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-documenteditor.es2015.js +1 -1
  5. package/dist/es6/ej2-vue-documenteditor.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-documenteditor.es5.js +1 -1
  7. package/dist/es6/ej2-vue-documenteditor.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-documenteditor.min.js +2 -2
  9. package/package.json +9 -19
  10. package/src/document-editor/documenteditor.component.js +1 -1
  11. package/styles/bootstrap-dark.css +126 -0
  12. package/styles/bootstrap.css +126 -0
  13. package/styles/bootstrap4.css +126 -0
  14. package/styles/bootstrap5-dark.css +126 -0
  15. package/styles/bootstrap5.css +126 -0
  16. package/styles/document-editor/bootstrap-dark.css +61 -0
  17. package/styles/document-editor/bootstrap.css +61 -0
  18. package/styles/document-editor/bootstrap4.css +61 -0
  19. package/styles/document-editor/bootstrap5-dark.css +61 -0
  20. package/styles/document-editor/bootstrap5.css +61 -0
  21. package/styles/document-editor/fabric-dark.css +61 -0
  22. package/styles/document-editor/fabric.css +61 -0
  23. package/styles/document-editor/fluent-dark.css +61 -0
  24. package/styles/document-editor/fluent.css +61 -0
  25. package/styles/document-editor/highcontrast-light.css +47 -0
  26. package/styles/document-editor/highcontrast.css +61 -0
  27. package/styles/document-editor/material-dark.css +61 -0
  28. package/styles/document-editor/material.css +61 -0
  29. package/styles/document-editor/tailwind-dark.css +61 -0
  30. package/styles/document-editor/tailwind.css +61 -0
  31. package/styles/document-editor-container/bootstrap-dark.css +65 -0
  32. package/styles/document-editor-container/bootstrap.css +65 -0
  33. package/styles/document-editor-container/bootstrap4.css +65 -0
  34. package/styles/document-editor-container/bootstrap5-dark.css +65 -0
  35. package/styles/document-editor-container/bootstrap5.css +65 -0
  36. package/styles/document-editor-container/fabric-dark.css +66 -0
  37. package/styles/document-editor-container/fabric.css +66 -0
  38. package/styles/document-editor-container/fluent-dark.css +65 -0
  39. package/styles/document-editor-container/fluent.css +65 -0
  40. package/styles/document-editor-container/highcontrast-light.css +65 -0
  41. package/styles/document-editor-container/highcontrast.css +65 -0
  42. package/styles/document-editor-container/material-dark.css +65 -0
  43. package/styles/document-editor-container/material.css +65 -0
  44. package/styles/document-editor-container/tailwind-dark.css +65 -0
  45. package/styles/document-editor-container/tailwind.css +65 -0
  46. package/styles/fabric-dark.css +127 -0
  47. package/styles/fabric.css +127 -0
  48. package/styles/fluent-dark.css +126 -0
  49. package/styles/fluent.css +126 -0
  50. package/styles/highcontrast-light.css +112 -0
  51. package/styles/highcontrast.css +126 -0
  52. package/styles/material-dark.css +126 -0
  53. package/styles/material.css +126 -0
  54. package/styles/tailwind-dark.css +126 -0
  55. package/styles/tailwind.css +126 -0
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-vue-documenteditor@*",
3
- "_id": "@syncfusion/ej2-vue-documenteditor@20.3.59",
3
+ "_id": "@syncfusion/ej2-vue-documenteditor@19.45.0",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-UpJ2SVONixdyklWASp2LabmU+qRqb4QK5D1i2ezJLf6eQqlXBFYT/owSJC8nfe5A4OVn8UY49dE7ZkoI328kYQ==",
5
+ "_integrity": "sha512-bgJ1D7dbB1CVWfpNLbgY232MPtNxdivD2n2vgMO+kmqMj6roIVw0ITbgnGawtzamaDevBrmuupNTvxEKdMmcDA==",
6
6
  "_location": "/@syncfusion/ej2-vue-documenteditor",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -19,8 +19,8 @@
19
19
  "_requiredBy": [
20
20
  "/"
21
21
  ],
22
- "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-documenteditor/-/ej2-vue-documenteditor-20.3.59.tgz",
23
- "_shasum": "a7979f85b26221fa0021d17e9dfa9e362f030ba9",
22
+ "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-documenteditor/-/ej2-vue-documenteditor-19.45.0.tgz",
23
+ "_shasum": "6bcd203ac1a48df67d28aebc2f77e06bdc3dffce",
24
24
  "_spec": "@syncfusion/ej2-vue-documenteditor@*",
25
25
  "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
26
26
  "author": {
@@ -31,26 +31,16 @@
31
31
  },
32
32
  "bundleDependencies": false,
33
33
  "dependencies": {
34
- "@syncfusion/ej2-base": "~20.3.56",
35
- "@syncfusion/ej2-documenteditor": "20.3.60",
36
- "@syncfusion/ej2-vue-base": "~20.3.59"
34
+ "@syncfusion/ej2-base": "~20.4.40",
35
+ "@syncfusion/ej2-documenteditor": "20.4.40",
36
+ "@syncfusion/ej2-vue-base": "~20.4.40"
37
37
  },
38
38
  "deprecated": false,
39
39
  "description": "Feature-rich document editor control with built-in support for context menu, options pane and dialogs. for Vue",
40
40
  "devDependencies": {},
41
41
  "es2015": "dist/es6/ej2-vue-documenteditor.es2015.js",
42
- "homepage": "https://github.com/syncfusion/ej2-vue-ui-components#readme",
42
+ "homepage": "https://www.syncfusion.com/vue-components",
43
43
  "keywords": [
44
- "ej2",
45
- "web-components",
46
- "syncfusion",
47
- "Javascript",
48
- "TypeScript",
49
- "js",
50
- "documenteditor",
51
- "document-editor",
52
- "word-editor",
53
- "ej2-documenteditor-container",
54
44
  "vue",
55
45
  "vue-documenteditor",
56
46
  "ej2-vue-documenteditor"
@@ -66,6 +56,6 @@
66
56
  "scripts": {
67
57
  "postinstall": "node ../ej2-vue-base/postinstall.js"
68
58
  },
69
- "version": "20.3.60",
59
+ "version": "20.4.40",
70
60
  "sideEffects": false
71
61
  }
@@ -21,7 +21,7 @@ import { ComponentBase, EJComponentDecorator, getProps, gh, isExecute } from '@s
21
21
  import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
22
22
  import { DocumentEditor } from '@syncfusion/ej2-documenteditor';
23
23
  import { Options } from 'vue-class-component';
24
- export var properties = ['isLazyUpdate', 'plugins', 'acceptTab', 'currentUser', 'defaultPasteOption', 'documentEditorSettings', 'documentName', 'documentSettings', 'enableBookmarkDialog', 'enableBordersAndShadingDialog', 'enableComment', 'enableContextMenu', 'enableCursorOnReadOnly', 'enableEditor', 'enableEditorHistory', 'enableFontDialog', 'enableFootnoteAndEndnoteDialog', 'enableFormField', 'enableHyperlinkDialog', 'enableImageResizer', 'enableListDialog', 'enableLocalPaste', 'enableLockAndEdit', 'enableOptionsPane', 'enablePageSetupDialog', 'enableParagraphDialog', 'enablePersistence', 'enablePrint', 'enableRtl', 'enableSearch', 'enableSelection', 'enableSfdtExport', 'enableSpellCheck', 'enableStyleDialog', 'enableTableDialog', 'enableTableOfContentsDialog', 'enableTableOptionsDialog', 'enableTablePropertiesDialog', 'enableTextExport', 'enableTrackChanges', 'enableWordExport', 'headers', 'height', 'isReadOnly', 'layoutType', 'locale', 'pageGap', 'pageOutline', 'serverActionSettings', 'serviceUrl', 'showComments', 'showRevisions', 'useCtrlClickToFollowHyperlink', 'userColor', 'width', 'zIndex', 'zoomFactor', 'actionComplete', 'afterFormFieldFill', 'beforeCommentAction', 'beforeFileOpen', 'beforeFormFieldFill', 'beforePaneSwitch', 'commentBegin', 'commentDelete', 'commentEnd', 'contentChange', 'contentControl', 'created', 'customContextMenuBeforeOpen', 'customContextMenuSelect', 'destroyed', 'documentChange', 'keyDown', 'requestNavigate', 'searchResultsChange', 'selectionChange', 'serviceFailure', 'trackChange', 'viewChange', 'zoomFactorChange', 'beforeXmlHttpRequestSend'];
24
+ export var properties = ['isLazyUpdate', 'plugins', 'acceptTab', 'currentUser', 'defaultPasteOption', 'documentEditorSettings', 'documentName', 'documentSettings', 'enableBookmarkDialog', 'enableBordersAndShadingDialog', 'enableColumnsDialog', 'enableComment', 'enableContextMenu', 'enableCursorOnReadOnly', 'enableEditor', 'enableEditorHistory', 'enableFontDialog', 'enableFootnoteAndEndnoteDialog', 'enableFormField', 'enableHyperlinkDialog', 'enableImageResizer', 'enableListDialog', 'enableLocalPaste', 'enableLockAndEdit', 'enableOptionsPane', 'enablePageSetupDialog', 'enableParagraphDialog', 'enablePersistence', 'enablePrint', 'enableRtl', 'enableSearch', 'enableSelection', 'enableSfdtExport', 'enableSpellCheck', 'enableStyleDialog', 'enableTableDialog', 'enableTableOfContentsDialog', 'enableTableOptionsDialog', 'enableTablePropertiesDialog', 'enableTextExport', 'enableTrackChanges', 'enableWordExport', 'headers', 'height', 'isReadOnly', 'layoutType', 'locale', 'pageGap', 'pageOutline', 'serverActionSettings', 'serviceUrl', 'showComments', 'showRevisions', 'useCtrlClickToFollowHyperlink', 'userColor', 'width', 'zIndex', 'zoomFactor', 'actionComplete', 'afterFormFieldFill', 'beforeCommentAction', 'beforeFileOpen', 'beforeFormFieldFill', 'beforePaneSwitch', 'commentBegin', 'commentDelete', 'commentEnd', 'contentChange', 'contentControl', 'created', 'customContextMenuBeforeOpen', 'customContextMenuSelect', 'destroyed', 'documentChange', 'keyDown', 'requestNavigate', 'searchResultsChange', 'selectionChange', 'serviceFailure', 'trackChange', 'viewChange', 'zoomFactorChange', 'beforeXmlHttpRequestSend'];
25
25
  export var modelProps = [];
26
26
  export var testProp = getProps({ props: properties });
27
27
  export var props = testProp[0];
@@ -314,6 +314,45 @@
314
314
  top: 2px;
315
315
  }
316
316
 
317
+ .e-de-columns-presets-genral {
318
+ height: 62px;
319
+ width: 62px;
320
+ margin-right: 33px;
321
+ margin-bottom: 12px;
322
+ }
323
+
324
+ .e-de-columns-padding-alignment {
325
+ padding-top: 24px;
326
+ }
327
+
328
+ .e-de-column-dlg-preview-div {
329
+ border: 1px solid #ddd;
330
+ height: 120px;
331
+ width: 120px;
332
+ }
333
+
334
+ .e-de-padding-col-prev {
335
+ padding-left: 15px;
336
+ }
337
+
338
+ .e-width-space-div {
339
+ width: 320px;
340
+ }
341
+
342
+ .e-de-columns-presets-genral.e-de-rtl {
343
+ margin-left: 33px;
344
+ }
345
+
346
+ .e-de-padding-col-prev.e-de-rtl {
347
+ padding-right: 15px;
348
+ }
349
+
350
+ .e-de-column-dlg-preview-div.e-de-rtl {
351
+ border: 1px solid #ddd;
352
+ height: 120px;
353
+ width: 120px;
354
+ }
355
+
317
356
  .e-menu-item .e-de-cmt-add::before {
318
357
  content: "\e814";
319
358
  font-family: "e-icons";
@@ -571,6 +610,14 @@
571
610
  content: "\e68a";
572
611
  }
573
612
 
613
+ .e-de-preset-container {
614
+ width: 95px;
615
+ }
616
+
617
+ .e-de-preset-container.e-de-rtl {
618
+ width: 85px;
619
+ }
620
+
574
621
  .e-de-dlg-container {
575
622
  padding-bottom: 12px;
576
623
  }
@@ -752,6 +799,20 @@
752
799
  background-color: #232323;
753
800
  }
754
801
 
802
+ .e-de-column-label {
803
+ font-size: 12px;
804
+ font-weight: normal;
805
+ padding-left: 20px;
806
+ padding-right: 20px;
807
+ }
808
+
809
+ .e-de-column-label.e-de-rtl {
810
+ font-size: 12px;
811
+ font-weight: normal;
812
+ padding-left: 50px;
813
+ padding-right: 50px;
814
+ }
815
+
755
816
  .e-de-ff-sub-header {
756
817
  display: block;
757
818
  font-size: 12px;
@@ -4151,6 +4212,71 @@ label[for*=_wholeWord_e-de-rtl] {
4151
4212
  font-family: "e-icons";
4152
4213
  }
4153
4214
 
4215
+ .e-de-ctnr-columns::before {
4216
+ content: "\e955";
4217
+ font-family: "e-icons";
4218
+ }
4219
+
4220
+ .e-de-ctnr-page-size::before {
4221
+ content: "\e952";
4222
+ font-family: "e-icons";
4223
+ }
4224
+
4225
+ .e-de-ctnr-page-break-column::before {
4226
+ content: "\e980";
4227
+ font-family: "e-icons";
4228
+ }
4229
+
4230
+ .e-de-ctnr-page-break-text-wrapping::before {
4231
+ content: "\e982";
4232
+ font-family: "e-icons";
4233
+ }
4234
+
4235
+ .e-de-ctnr-section-break-continuous::before {
4236
+ content: "\e981";
4237
+ font-family: "e-icons";
4238
+ }
4239
+
4240
+ .e-de-ctnr-section-break-even-page::before {
4241
+ content: "\e97e";
4242
+ font-family: "e-icons";
4243
+ }
4244
+
4245
+ .e-de-ctnr-section-break-odd-page::before {
4246
+ content: "\e97f";
4247
+ font-family: "e-icons";
4248
+ }
4249
+
4250
+ .e-de-ctnr-columns-one::before {
4251
+ content: "\e986";
4252
+ font-family: "e-icons";
4253
+ font-size: 60px;
4254
+ }
4255
+
4256
+ .e-de-ctnr-columns-two::before {
4257
+ content: "\e987";
4258
+ font-family: "e-icons";
4259
+ font-size: 60px;
4260
+ }
4261
+
4262
+ .e-de-ctnr-columns-three::before {
4263
+ content: "\e989";
4264
+ font-family: "e-icons";
4265
+ font-size: 60px;
4266
+ }
4267
+
4268
+ .e-de-ctnr-columns-right::before {
4269
+ content: "\e983";
4270
+ font-family: "e-icons";
4271
+ font-size: 60px;
4272
+ }
4273
+
4274
+ .e-de-ctnr-columns-left::before {
4275
+ content: "\e985";
4276
+ font-family: "e-icons";
4277
+ font-size: 60px;
4278
+ }
4279
+
4154
4280
  .e-de-toolbar {
4155
4281
  height: 100%;
4156
4282
  }
@@ -314,6 +314,45 @@
314
314
  top: 2px;
315
315
  }
316
316
 
317
+ .e-de-columns-presets-genral {
318
+ height: 62px;
319
+ width: 62px;
320
+ margin-right: 33px;
321
+ margin-bottom: 12px;
322
+ }
323
+
324
+ .e-de-columns-padding-alignment {
325
+ padding-top: 24px;
326
+ }
327
+
328
+ .e-de-column-dlg-preview-div {
329
+ border: 1px solid rgba(0, 0, 0, 0.26);
330
+ height: 120px;
331
+ width: 120px;
332
+ }
333
+
334
+ .e-de-padding-col-prev {
335
+ padding-left: 15px;
336
+ }
337
+
338
+ .e-width-space-div {
339
+ width: 320px;
340
+ }
341
+
342
+ .e-de-columns-presets-genral.e-de-rtl {
343
+ margin-left: 33px;
344
+ }
345
+
346
+ .e-de-padding-col-prev.e-de-rtl {
347
+ padding-right: 15px;
348
+ }
349
+
350
+ .e-de-column-dlg-preview-div.e-de-rtl {
351
+ border: 1px solid rgba(0, 0, 0, 0.26);
352
+ height: 120px;
353
+ width: 120px;
354
+ }
355
+
317
356
  .e-menu-item .e-de-cmt-add::before {
318
357
  content: "\e814";
319
358
  font-family: "e-icons";
@@ -571,6 +610,14 @@
571
610
  content: "\e68a";
572
611
  }
573
612
 
613
+ .e-de-preset-container {
614
+ width: 95px;
615
+ }
616
+
617
+ .e-de-preset-container.e-de-rtl {
618
+ width: 85px;
619
+ }
620
+
574
621
  .e-de-dlg-container {
575
622
  padding-bottom: 12px;
576
623
  }
@@ -752,6 +799,20 @@
752
799
  background-color: #fff;
753
800
  }
754
801
 
802
+ .e-de-column-label {
803
+ font-size: 12px;
804
+ font-weight: normal;
805
+ padding-left: 20px;
806
+ padding-right: 20px;
807
+ }
808
+
809
+ .e-de-column-label.e-de-rtl {
810
+ font-size: 12px;
811
+ font-weight: normal;
812
+ padding-left: 50px;
813
+ padding-right: 50px;
814
+ }
815
+
755
816
  .e-de-ff-sub-header {
756
817
  display: block;
757
818
  font-size: 12px;
@@ -4148,6 +4209,71 @@ label[for*=_wholeWord_e-de-rtl] {
4148
4209
  font-family: "e-icons";
4149
4210
  }
4150
4211
 
4212
+ .e-de-ctnr-columns::before {
4213
+ content: "\e955";
4214
+ font-family: "e-icons";
4215
+ }
4216
+
4217
+ .e-de-ctnr-page-size::before {
4218
+ content: "\e952";
4219
+ font-family: "e-icons";
4220
+ }
4221
+
4222
+ .e-de-ctnr-page-break-column::before {
4223
+ content: "\e980";
4224
+ font-family: "e-icons";
4225
+ }
4226
+
4227
+ .e-de-ctnr-page-break-text-wrapping::before {
4228
+ content: "\e982";
4229
+ font-family: "e-icons";
4230
+ }
4231
+
4232
+ .e-de-ctnr-section-break-continuous::before {
4233
+ content: "\e981";
4234
+ font-family: "e-icons";
4235
+ }
4236
+
4237
+ .e-de-ctnr-section-break-even-page::before {
4238
+ content: "\e97e";
4239
+ font-family: "e-icons";
4240
+ }
4241
+
4242
+ .e-de-ctnr-section-break-odd-page::before {
4243
+ content: "\e97f";
4244
+ font-family: "e-icons";
4245
+ }
4246
+
4247
+ .e-de-ctnr-columns-one::before {
4248
+ content: "\e986";
4249
+ font-family: "e-icons";
4250
+ font-size: 60px;
4251
+ }
4252
+
4253
+ .e-de-ctnr-columns-two::before {
4254
+ content: "\e987";
4255
+ font-family: "e-icons";
4256
+ font-size: 60px;
4257
+ }
4258
+
4259
+ .e-de-ctnr-columns-three::before {
4260
+ content: "\e989";
4261
+ font-family: "e-icons";
4262
+ font-size: 60px;
4263
+ }
4264
+
4265
+ .e-de-ctnr-columns-right::before {
4266
+ content: "\e983";
4267
+ font-family: "e-icons";
4268
+ font-size: 60px;
4269
+ }
4270
+
4271
+ .e-de-ctnr-columns-left::before {
4272
+ content: "\e985";
4273
+ font-family: "e-icons";
4274
+ font-size: 60px;
4275
+ }
4276
+
4151
4277
  .e-de-toolbar {
4152
4278
  height: 100%;
4153
4279
  }
@@ -405,6 +405,45 @@
405
405
  top: 2px;
406
406
  }
407
407
 
408
+ .e-de-columns-presets-genral {
409
+ height: 62px;
410
+ width: 62px;
411
+ margin-right: 33px;
412
+ margin-bottom: 12px;
413
+ }
414
+
415
+ .e-de-columns-padding-alignment {
416
+ padding-top: 24px;
417
+ }
418
+
419
+ .e-de-column-dlg-preview-div {
420
+ border: 1px solid rgba(0, 0, 0, 0.26);
421
+ height: 120px;
422
+ width: 120px;
423
+ }
424
+
425
+ .e-de-padding-col-prev {
426
+ padding-left: 15px;
427
+ }
428
+
429
+ .e-width-space-div {
430
+ width: 320px;
431
+ }
432
+
433
+ .e-de-columns-presets-genral.e-de-rtl {
434
+ margin-left: 33px;
435
+ }
436
+
437
+ .e-de-padding-col-prev.e-de-rtl {
438
+ padding-right: 15px;
439
+ }
440
+
441
+ .e-de-column-dlg-preview-div.e-de-rtl {
442
+ border: 1px solid rgba(0, 0, 0, 0.26);
443
+ height: 120px;
444
+ width: 120px;
445
+ }
446
+
408
447
  .e-de-table-border-diagionalup-alignment::before {
409
448
  content: "\e7ca";
410
449
  font-size: 16px;
@@ -568,6 +607,14 @@
568
607
  content: "\e91f";
569
608
  }
570
609
 
610
+ .e-de-preset-container {
611
+ width: 95px;
612
+ }
613
+
614
+ .e-de-preset-container.e-de-rtl {
615
+ width: 85px;
616
+ }
617
+
571
618
  .e-de-dlg-container {
572
619
  padding-bottom: 12px;
573
620
  }
@@ -749,6 +796,20 @@
749
796
  background-color: #e9ecef;
750
797
  }
751
798
 
799
+ .e-de-column-label {
800
+ font-size: 12px;
801
+ font-weight: normal;
802
+ padding-left: 20px;
803
+ padding-right: 20px;
804
+ }
805
+
806
+ .e-de-column-label.e-de-rtl {
807
+ font-size: 12px;
808
+ font-weight: normal;
809
+ padding-left: 50px;
810
+ padding-right: 50px;
811
+ }
812
+
752
813
  .e-de-ff-sub-header {
753
814
  display: block;
754
815
  font-size: 12px;
@@ -4299,6 +4360,71 @@ textarea.e-de-cmt-textarea {
4299
4360
  font-family: "e-icons";
4300
4361
  }
4301
4362
 
4363
+ .e-de-ctnr-columns::before {
4364
+ content: "\e955";
4365
+ font-family: "e-icons";
4366
+ }
4367
+
4368
+ .e-de-ctnr-page-size::before {
4369
+ content: "\e952";
4370
+ font-family: "e-icons";
4371
+ }
4372
+
4373
+ .e-de-ctnr-page-break-column::before {
4374
+ content: "\e970";
4375
+ font-family: "e-icons";
4376
+ }
4377
+
4378
+ .e-de-ctnr-page-break-text-wrapping::before {
4379
+ content: "\e972";
4380
+ font-family: "e-icons";
4381
+ }
4382
+
4383
+ .e-de-ctnr-section-break-continuous::before {
4384
+ content: "\e971";
4385
+ font-family: "e-icons";
4386
+ }
4387
+
4388
+ .e-de-ctnr-section-break-even-page::before {
4389
+ content: "\e96e";
4390
+ font-family: "e-icons";
4391
+ }
4392
+
4393
+ .e-de-ctnr-section-break-odd-page::before {
4394
+ content: "\e96f";
4395
+ font-family: "e-icons";
4396
+ }
4397
+
4398
+ .e-de-ctnr-columns-one::before {
4399
+ content: "\e975";
4400
+ font-family: "e-icons";
4401
+ font-size: 60px;
4402
+ }
4403
+
4404
+ .e-de-ctnr-columns-two::before {
4405
+ content: "\e976";
4406
+ font-family: "e-icons";
4407
+ font-size: 60px;
4408
+ }
4409
+
4410
+ .e-de-ctnr-columns-three::before {
4411
+ content: "\e977";
4412
+ font-family: "e-icons";
4413
+ font-size: 60px;
4414
+ }
4415
+
4416
+ .e-de-ctnr-columns-right::before {
4417
+ content: "\e973";
4418
+ font-family: "e-icons";
4419
+ font-size: 60px;
4420
+ }
4421
+
4422
+ .e-de-ctnr-columns-left::before {
4423
+ content: "\e974";
4424
+ font-family: "e-icons";
4425
+ font-size: 60px;
4426
+ }
4427
+
4302
4428
  .e-de-toolbar {
4303
4429
  height: 100%;
4304
4430
  }
@@ -343,6 +343,45 @@
343
343
  top: 2px;
344
344
  }
345
345
 
346
+ .e-de-columns-presets-genral {
347
+ height: 62px;
348
+ width: 62px;
349
+ margin-right: 33px;
350
+ margin-bottom: 12px;
351
+ }
352
+
353
+ .e-de-columns-padding-alignment {
354
+ padding-top: 24px;
355
+ }
356
+
357
+ .e-de-column-dlg-preview-div {
358
+ border: 1px solid #adb5bd;
359
+ height: 120px;
360
+ width: 120px;
361
+ }
362
+
363
+ .e-de-padding-col-prev {
364
+ padding-left: 15px;
365
+ }
366
+
367
+ .e-width-space-div {
368
+ width: 320px;
369
+ }
370
+
371
+ .e-de-columns-presets-genral.e-de-rtl {
372
+ margin-left: 33px;
373
+ }
374
+
375
+ .e-de-padding-col-prev.e-de-rtl {
376
+ padding-right: 15px;
377
+ }
378
+
379
+ .e-de-column-dlg-preview-div.e-de-rtl {
380
+ border: 1px solid #adb5bd;
381
+ height: 120px;
382
+ width: 120px;
383
+ }
384
+
346
385
  .e-menu-item .e-de-cmt-add::before {
347
386
  content: "\e82c";
348
387
  }
@@ -606,6 +645,14 @@
606
645
  content: "\e882";
607
646
  }
608
647
 
648
+ .e-de-preset-container {
649
+ width: 95px;
650
+ }
651
+
652
+ .e-de-preset-container.e-de-rtl {
653
+ width: 85px;
654
+ }
655
+
609
656
  .e-de-dlg-container {
610
657
  padding-bottom: 12px;
611
658
  }
@@ -787,6 +834,20 @@
787
834
  background-color: #282d31;
788
835
  }
789
836
 
837
+ .e-de-column-label {
838
+ font-size: 12px;
839
+ font-weight: 500;
840
+ padding-left: 20px;
841
+ padding-right: 20px;
842
+ }
843
+
844
+ .e-de-column-label.e-de-rtl {
845
+ font-size: 12px;
846
+ font-weight: 500;
847
+ padding-left: 50px;
848
+ padding-right: 50px;
849
+ }
850
+
790
851
  .e-de-ff-sub-header {
791
852
  display: block;
792
853
  font-size: 12px;
@@ -4271,6 +4332,71 @@ label[for*=_wholeWord_e-de-rtl] {
4271
4332
  font-family: "e-icons";
4272
4333
  }
4273
4334
 
4335
+ .e-de-ctnr-columns::before {
4336
+ content: "\e8b4";
4337
+ font-family: "e-icons";
4338
+ }
4339
+
4340
+ .e-de-ctnr-page-size::before {
4341
+ content: "\e89a";
4342
+ font-family: "e-icons";
4343
+ }
4344
+
4345
+ .e-de-ctnr-page-break-column::before {
4346
+ content: "\e8b6";
4347
+ font-family: "e-icons";
4348
+ }
4349
+
4350
+ .e-de-ctnr-page-break-text-wrapping::before {
4351
+ content: "\e89d";
4352
+ font-family: "e-icons";
4353
+ }
4354
+
4355
+ .e-de-ctnr-section-break-continuous::before {
4356
+ content: "\e8b5";
4357
+ font-family: "e-icons";
4358
+ }
4359
+
4360
+ .e-de-ctnr-section-break-even-page::before {
4361
+ content: "\e8b2";
4362
+ font-family: "e-icons";
4363
+ }
4364
+
4365
+ .e-de-ctnr-section-break-odd-page::before {
4366
+ content: "\e8b3";
4367
+ font-family: "e-icons";
4368
+ }
4369
+
4370
+ .e-de-ctnr-columns-one::before {
4371
+ content: "\e8b9";
4372
+ font-family: "e-icons";
4373
+ font-size: 60px;
4374
+ }
4375
+
4376
+ .e-de-ctnr-columns-two::before {
4377
+ content: "\e8ba";
4378
+ font-family: "e-icons";
4379
+ font-size: 60px;
4380
+ }
4381
+
4382
+ .e-de-ctnr-columns-three::before {
4383
+ content: "\e8bb";
4384
+ font-family: "e-icons";
4385
+ font-size: 60px;
4386
+ }
4387
+
4388
+ .e-de-ctnr-columns-right::before {
4389
+ content: "\e8b7";
4390
+ font-family: "e-icons";
4391
+ font-size: 60px;
4392
+ }
4393
+
4394
+ .e-de-ctnr-columns-left::before {
4395
+ content: "\e8b8";
4396
+ font-family: "e-icons";
4397
+ font-size: 60px;
4398
+ }
4399
+
4274
4400
  .e-de-toolbar {
4275
4401
  height: 100%;
4276
4402
  }