@syncfusion/ej2-angular-documenteditor 20.4.38 → 20.4.40

package/styles/bootstrap5.css

@@ -343,6 +343,45 @@
   top: 2px;
 }
 
+.e-de-columns-presets-genral {
+  height: 62px;
+  width: 62px;
+  margin-right: 33px;
+  margin-bottom: 12px;
+}
+
+.e-de-columns-padding-alignment {
+  padding-top: 24px;
+}
+
+.e-de-column-dlg-preview-div {
+  border: 1px solid #6c757d;
+  height: 120px;
+  width: 120px;
+}
+
+.e-de-padding-col-prev {
+  padding-left: 15px;
+}
+
+.e-width-space-div {
+  width: 320px;
+}
+
+.e-de-columns-presets-genral.e-de-rtl {
+  margin-left: 33px;
+}
+
+.e-de-padding-col-prev.e-de-rtl {
+  padding-right: 15px;
+}
+
+.e-de-column-dlg-preview-div.e-de-rtl {
+  border: 1px solid #6c757d;
+  height: 120px;
+  width: 120px;
+}
+
 .e-menu-item .e-de-cmt-add::before {
   content: "\e82c";
 }
@@ -606,6 +645,14 @@
   content: "\e882";
 }
 
+.e-de-preset-container {
+  width: 95px;
+}
+
+.e-de-preset-container.e-de-rtl {
+  width: 85px;
+}
+
 .e-de-dlg-container {
   padding-bottom: 12px;
 }
@@ -787,6 +834,20 @@
   background-color: #f8f9fa;
 }
 
+.e-de-column-label {
+  font-size: 12px;
+  font-weight: 500;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+.e-de-column-label.e-de-rtl {
+  font-size: 12px;
+  font-weight: 500;
+  padding-left: 50px;
+  padding-right: 50px;
+}
+
 .e-de-ff-sub-header {
   display: block;
   font-size: 12px;
@@ -4271,6 +4332,71 @@ label[for*=_wholeWord_e-de-rtl] {
   font-family: "e-icons";
 }
 
+.e-de-ctnr-columns::before {
+  content: "\e8b4";
+  font-family: "e-icons";
+}
+
+.e-de-ctnr-page-size::before {
+  content: "\e89a";
+  font-family: "e-icons";
+}
+
+.e-de-ctnr-page-break-column::before {
+  content: "\e8b6";
+  font-family: "e-icons";
+}
+
+.e-de-ctnr-page-break-text-wrapping::before {
+  content: "\e89d";
+  font-family: "e-icons";
+}
+
+.e-de-ctnr-section-break-continuous::before {
+  content: "\e8b5";
+  font-family: "e-icons";
+}
+
+.e-de-ctnr-section-break-even-page::before {
+  content: "\e8b2";
+  font-family: "e-icons";
+}
+
+.e-de-ctnr-section-break-odd-page::before {
+  content: "\e8b3";
+  font-family: "e-icons";
+}
+
+.e-de-ctnr-columns-one::before {
+  content: "\e8b9";
+  font-family: "e-icons";
+  font-size: 60px;
+}
+
+.e-de-ctnr-columns-two::before {
+  content: "\e8ba";
+  font-family: "e-icons";
+  font-size: 60px;
+}
+
+.e-de-ctnr-columns-three::before {
+  content: "\e8bb";
+  font-family: "e-icons";
+  font-size: 60px;
+}
+
+.e-de-ctnr-columns-right::before {
+  content: "\e8b7";
+  font-family: "e-icons";
+  font-size: 60px;
+}
+
+.e-de-ctnr-columns-left::before {
+  content: "\e8b8";
+  font-family: "e-icons";
+  font-size: 60px;
+}
+
 .e-de-toolbar {
   height: 100%;
 }

package/styles/document-editor/_bootstrap-dark-definition.scss

@@ -542,3 +542,6 @@ $de-de-rtl-btn-div-e-de-rtl-margin-left: 12px;
 
 // Table properties
 $de-row-height-bottom-margin: 8px;
+
+//Columns Dialog
+$de-column-presets-font-size: 60px !default;

package/styles/document-editor/_bootstrap-definition.scss

@@ -541,3 +541,6 @@ $de-de-rtl-btn-div-e-de-rtl-margin-left: 12px;
 
 // Table properties
 $de-row-height-bottom-margin: 8px;
+
+//Columns Dialog
+$de-column-presets-font-size: 60px !default;

package/styles/document-editor/_bootstrap4-definition.scss

@@ -554,3 +554,6 @@ $de-de-rtl-btn-div-e-de-rtl-margin-left: 12px;
 
 // Table properties
 $de-row-height-bottom-margin: 8px;
+
+//Columns Dialog
+$de-column-presets-font-size: 60px !default;

package/styles/document-editor/_bootstrap5-definition.scss

@@ -555,3 +555,6 @@ $de-style-dlg-btn-bg-color: $content-bg-color;
 
 // Table properties
 $de-row-height-bottom-margin: 4px;
+
+//Columns Dialog
+$de-column-presets-font-size: 60px !default;

package/styles/document-editor/_fabric-dark-definition.scss

@@ -544,3 +544,6 @@ $de-para-dlg-spacing-div-mrgn-left: 40px;
 
 // Table properties
 $de-row-height-bottom-margin: 8px;
+
+//Columns Dialog
+$de-column-presets-font-size: 60px !default;

package/styles/document-editor/_fabric-definition.scss

@@ -543,3 +543,6 @@ $de-para-dlg-spacing-div-mrgn-left: 40px;
 
 // Table properties
 $de-row-height-bottom-margin: 8px;
+
+//Columns Dialog
+$de-column-presets-font-size: 60px !default;

package/styles/document-editor/_fluent-definition.scss

@@ -564,3 +564,6 @@ $de-style-dlg-btn-bg-color: $content-bg-color;
 
 // Table properties
 $de-row-height-bottom-margin: 4px;
+
+//Columns Dialog
+$de-column-presets-font-size: 60px !default;

package/styles/document-editor/_fusionnew-definition.scss

@@ -555,3 +555,6 @@ $de-style-dlg-btn-bg-color: $content-bg-color;
 
 // Table properties
 $de-row-height-bottom-margin: 4px;
+
+//Columns Dialog
+$de-column-presets-font-size: 60px !default;

package/styles/document-editor/_highcontrast-definition.scss

@@ -543,3 +543,6 @@ $de-de-rtl-btn-div-e-de-rtl-margin-left: 12px !default;
 
 // Table properties
 $de-row-height-bottom-margin: 8px;
+
+//Columns Dialog
+$de-column-presets-font-size: 60px !default;

package/styles/document-editor/_highcontrast-light-definition.scss

@@ -894,6 +894,9 @@ $de-para-dlg-spacing-div-mrgn-left: 40px !default;
 // Table properties
 $de-row-height-bottom-margin: 8px;
 
+//Columns Dialog
+$de-column-presets-font-size: 60px !default;
+
 @include export-module('documenteditor-icons') {
   .e-documenteditor {
     .e-close::before {

package/styles/document-editor/_material-dark-definition.scss

@@ -560,3 +560,6 @@ $de-para-dlg-spacing-div-mrgn-left: 40px;
 
 // Table properties
 $de-row-height-bottom-margin: 8px;
+
+//Columns Dialog
+$de-column-presets-font-size: 60px !default;

package/styles/document-editor/_material-definition.scss

@@ -560,3 +560,6 @@ $de-para-dlg-spacing-div-mrgn-left: 40px;
 
 // Table properties
 $de-row-height-bottom-margin: 8px;
+
+//Columns Dialog
+$de-column-presets-font-size: 60px !default;

package/styles/document-editor/_material3-definition.scss

@@ -555,3 +555,6 @@ $de-style-dlg-btn-bg-color: $content-bg-color;
 
 // Table properties
 $de-row-height-bottom-margin: 4px;
+
+//Columns Dialog
+$de-column-presets-font-size: 60px !default;

package/styles/document-editor/_tailwind-definition.scss

@@ -552,3 +552,6 @@ $de-op-search-txt: $primary !default;
 $de-border-dlg-border-preview-div-opacity: rgba(0, 0, 0, .54) !default;
 $de-op-btn-icon-hover-clr: rgba(0, 0, 0, .75) !default;
 $de-cmt-separator: $border-light !default;
+
+//Columns Dialog
+$de-column-presets-font-size: 60px !default;

package/styles/document-editor/_theme.scss

@@ -3,6 +3,19 @@
     .e-de-background {
         background-color: $de-background;
     }
+    .e-de-column-label {
+        font-size: $de-border-dlg-settinglabels-fontsize;
+        font-weight: $de-border-dlg-border-label-fontweight;
+        padding-left: 20px;
+        padding-right: 20px;
+    }
+    
+    .e-de-column-label.e-de-rtl {
+        font-size: $de-border-dlg-settinglabels-fontsize;
+        font-weight: $de-border-dlg-border-label-fontweight;
+        padding-left: 50px;
+        padding-right: 50px;
+    }
     .e-de-ff-sub-header {
         display: block;
         font-size: 12px;

package/styles/document-editor/bootstrap-dark.css

@@ -314,6 +314,45 @@
   top: 2px;
 }
 
+.e-de-columns-presets-genral {
+  height: 62px;
+  width: 62px;
+  margin-right: 33px;
+  margin-bottom: 12px;
+}
+
+.e-de-columns-padding-alignment {
+  padding-top: 24px;
+}
+
+.e-de-column-dlg-preview-div {
+  border: 1px solid #ddd;
+  height: 120px;
+  width: 120px;
+}
+
+.e-de-padding-col-prev {
+  padding-left: 15px;
+}
+
+.e-width-space-div {
+  width: 320px;
+}
+
+.e-de-columns-presets-genral.e-de-rtl {
+  margin-left: 33px;
+}
+
+.e-de-padding-col-prev.e-de-rtl {
+  padding-right: 15px;
+}
+
+.e-de-column-dlg-preview-div.e-de-rtl {
+  border: 1px solid #ddd;
+  height: 120px;
+  width: 120px;
+}
+
 .e-menu-item .e-de-cmt-add::before {
   content: "\e814";
   font-family: "e-icons";
@@ -571,6 +610,14 @@
   content: "\e68a";
 }
 
+.e-de-preset-container {
+  width: 95px;
+}
+
+.e-de-preset-container.e-de-rtl {
+  width: 85px;
+}
+
 .e-de-dlg-container {
   padding-bottom: 12px;
 }
@@ -752,6 +799,20 @@
   background-color: #232323;
 }
 
+.e-de-column-label {
+  font-size: 12px;
+  font-weight: normal;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+.e-de-column-label.e-de-rtl {
+  font-size: 12px;
+  font-weight: normal;
+  padding-left: 50px;
+  padding-right: 50px;
+}
+
 .e-de-ff-sub-header {
   display: block;
   font-size: 12px;

package/styles/document-editor/bootstrap.css

@@ -314,6 +314,45 @@
   top: 2px;
 }
 
+.e-de-columns-presets-genral {
+  height: 62px;
+  width: 62px;
+  margin-right: 33px;
+  margin-bottom: 12px;
+}
+
+.e-de-columns-padding-alignment {
+  padding-top: 24px;
+}
+
+.e-de-column-dlg-preview-div {
+  border: 1px solid rgba(0, 0, 0, 0.26);
+  height: 120px;
+  width: 120px;
+}
+
+.e-de-padding-col-prev {
+  padding-left: 15px;
+}
+
+.e-width-space-div {
+  width: 320px;
+}
+
+.e-de-columns-presets-genral.e-de-rtl {
+  margin-left: 33px;
+}
+
+.e-de-padding-col-prev.e-de-rtl {
+  padding-right: 15px;
+}
+
+.e-de-column-dlg-preview-div.e-de-rtl {
+  border: 1px solid rgba(0, 0, 0, 0.26);
+  height: 120px;
+  width: 120px;
+}
+
 .e-menu-item .e-de-cmt-add::before {
   content: "\e814";
   font-family: "e-icons";
@@ -571,6 +610,14 @@
   content: "\e68a";
 }
 
+.e-de-preset-container {
+  width: 95px;
+}
+
+.e-de-preset-container.e-de-rtl {
+  width: 85px;
+}
+
 .e-de-dlg-container {
   padding-bottom: 12px;
 }
@@ -752,6 +799,20 @@
   background-color: #fff;
 }
 
+.e-de-column-label {
+  font-size: 12px;
+  font-weight: normal;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+.e-de-column-label.e-de-rtl {
+  font-size: 12px;
+  font-weight: normal;
+  padding-left: 50px;
+  padding-right: 50px;
+}
+
 .e-de-ff-sub-header {
   display: block;
   font-size: 12px;

package/styles/document-editor/bootstrap4.css

@@ -405,6 +405,45 @@
   top: 2px;
 }
 
+.e-de-columns-presets-genral {
+  height: 62px;
+  width: 62px;
+  margin-right: 33px;
+  margin-bottom: 12px;
+}
+
+.e-de-columns-padding-alignment {
+  padding-top: 24px;
+}
+
+.e-de-column-dlg-preview-div {
+  border: 1px solid rgba(0, 0, 0, 0.26);
+  height: 120px;
+  width: 120px;
+}
+
+.e-de-padding-col-prev {
+  padding-left: 15px;
+}
+
+.e-width-space-div {
+  width: 320px;
+}
+
+.e-de-columns-presets-genral.e-de-rtl {
+  margin-left: 33px;
+}
+
+.e-de-padding-col-prev.e-de-rtl {
+  padding-right: 15px;
+}
+
+.e-de-column-dlg-preview-div.e-de-rtl {
+  border: 1px solid rgba(0, 0, 0, 0.26);
+  height: 120px;
+  width: 120px;
+}
+
 .e-de-table-border-diagionalup-alignment::before {
   content: "\e7ca";
   font-size: 16px;
@@ -568,6 +607,14 @@
   content: "\e91f";
 }
 
+.e-de-preset-container {
+  width: 95px;
+}
+
+.e-de-preset-container.e-de-rtl {
+  width: 85px;
+}
+
 .e-de-dlg-container {
   padding-bottom: 12px;
 }
@@ -749,6 +796,20 @@
   background-color: #e9ecef;
 }
 
+.e-de-column-label {
+  font-size: 12px;
+  font-weight: normal;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+.e-de-column-label.e-de-rtl {
+  font-size: 12px;
+  font-weight: normal;
+  padding-left: 50px;
+  padding-right: 50px;
+}
+
 .e-de-ff-sub-header {
   display: block;
   font-size: 12px;

package/styles/document-editor/bootstrap5-dark.css

@@ -343,6 +343,45 @@
   top: 2px;
 }
 
+.e-de-columns-presets-genral {
+  height: 62px;
+  width: 62px;
+  margin-right: 33px;
+  margin-bottom: 12px;
+}
+
+.e-de-columns-padding-alignment {
+  padding-top: 24px;
+}
+
+.e-de-column-dlg-preview-div {
+  border: 1px solid #adb5bd;
+  height: 120px;
+  width: 120px;
+}
+
+.e-de-padding-col-prev {
+  padding-left: 15px;
+}
+
+.e-width-space-div {
+  width: 320px;
+}
+
+.e-de-columns-presets-genral.e-de-rtl {
+  margin-left: 33px;
+}
+
+.e-de-padding-col-prev.e-de-rtl {
+  padding-right: 15px;
+}
+
+.e-de-column-dlg-preview-div.e-de-rtl {
+  border: 1px solid #adb5bd;
+  height: 120px;
+  width: 120px;
+}
+
 .e-menu-item .e-de-cmt-add::before {
   content: "\e82c";
 }
@@ -606,6 +645,14 @@
   content: "\e882";
 }
 
+.e-de-preset-container {
+  width: 95px;
+}
+
+.e-de-preset-container.e-de-rtl {
+  width: 85px;
+}
+
 .e-de-dlg-container {
   padding-bottom: 12px;
 }
@@ -787,6 +834,20 @@
   background-color: #282d31;
 }
 
+.e-de-column-label {
+  font-size: 12px;
+  font-weight: 500;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+.e-de-column-label.e-de-rtl {
+  font-size: 12px;
+  font-weight: 500;
+  padding-left: 50px;
+  padding-right: 50px;
+}
+
 .e-de-ff-sub-header {
   display: block;
   font-size: 12px;

package/styles/document-editor/bootstrap5.css

@@ -343,6 +343,45 @@
   top: 2px;
 }
 
+.e-de-columns-presets-genral {
+  height: 62px;
+  width: 62px;
+  margin-right: 33px;
+  margin-bottom: 12px;
+}
+
+.e-de-columns-padding-alignment {
+  padding-top: 24px;
+}
+
+.e-de-column-dlg-preview-div {
+  border: 1px solid #6c757d;
+  height: 120px;
+  width: 120px;
+}
+
+.e-de-padding-col-prev {
+  padding-left: 15px;
+}
+
+.e-width-space-div {
+  width: 320px;
+}
+
+.e-de-columns-presets-genral.e-de-rtl {
+  margin-left: 33px;
+}
+
+.e-de-padding-col-prev.e-de-rtl {
+  padding-right: 15px;
+}
+
+.e-de-column-dlg-preview-div.e-de-rtl {
+  border: 1px solid #6c757d;
+  height: 120px;
+  width: 120px;
+}
+
 .e-menu-item .e-de-cmt-add::before {
   content: "\e82c";
 }
@@ -606,6 +645,14 @@
   content: "\e882";
 }
 
+.e-de-preset-container {
+  width: 95px;
+}
+
+.e-de-preset-container.e-de-rtl {
+  width: 85px;
+}
+
 .e-de-dlg-container {
   padding-bottom: 12px;
 }
@@ -787,6 +834,20 @@
   background-color: #f8f9fa;
 }
 
+.e-de-column-label {
+  font-size: 12px;
+  font-weight: 500;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+.e-de-column-label.e-de-rtl {
+  font-size: 12px;
+  font-weight: 500;
+  padding-left: 50px;
+  padding-right: 50px;
+}
+
 .e-de-ff-sub-header {
   display: block;
   font-size: 12px;