@syncfusion/ej2-angular-documenteditor 20.4.38-ngcc → 20.4.38

package/styles/document-editor/implementation/dailogs/_paragraph-dailogs.scss

@@ -0,0 +1,171 @@
+@include export-module('documenteditor-paragraph-dialog') {
+  // Bigger
+  .e-bigger {
+    .e-de-para-dlg-container,
+    .e-de-table-options-dlg {
+      .e-checkbox-wrapper .e-label {
+        font-size: 14px;
+      }
+    }
+
+    /* stylelint-disable */
+    .e-de-para-dlg-container .e-input-group {
+      width: 192px !important;
+    }
+    /* stylelint-enable */
+
+    .e-de-para-dlg-heading {
+      color: $de-dlg-heading-main-header;
+      display: block;
+      font-size: $de-para-dlg-heading-font-size;
+      font-weight: $de-par-dlg-hdr-weight;
+      margin-bottom: $de-padding-half-bigger;
+      //margin-top: $de-para-dlg-hdr-margin-top;
+      @if $skin-name == 'tailwind' {
+        line-height: 22px;
+      }
+    }
+
+    .e-de-para-dlg-container,
+    .e-de-table-options-dlg {
+      .e-checkbox-wrapper .e-label {
+        font-size: 12px;
+      }
+    }
+
+    .e-de-para-dlg-container {
+      height: $de-para-dlg-height;
+      width: $de-para-dlg-width;
+    }
+
+    .e-de-para-dlg-cs-check-box {
+      margin-bottom: $de-para-dlg-cs-check-box-mrgn-btm;
+      margin-top: $de-para-dlg-cs-check-box;
+    }
+
+    .e-de-para-dlg-spacing-div {
+      margin-left: 20px;
+    }
+
+    .e-de-para-dlg-spacing-div.e-de-rtl {
+      margin-left: 0;
+      margin-right: 20px;
+    }
+
+    .e-de-para-dlg-sub-container .e-input-group {
+      margin-bottom: $de-para-sub-title-bottom-margin;
+    }
+
+    .e-de-para-dlg-sub-container {
+      margin-bottom: $de-para-sub-container-bottom;
+    }
+
+    .e-de-para-dlg-right-sub-container {
+      top: $de-para-dlg-right-contaner-top;
+    }
+
+    .e-de-dlg-sub-header {
+      display: block;
+      @if $skin-name == 'FluentUI' {
+        font-size: 16px;
+      }
+      @else {
+        font-size: 12px;
+      }
+      font-weight: $de-header-font-weight;
+      margin-bottom: $de-para-dlg-sub-title-bottom-margin;
+    }
+
+    .e-de-rtl-btn-div {
+      font-size: $de-para-dlg-rtl-btn-font-size;
+      margin-right: $de-para-dlg-rtl-btn-margin-right;
+      width: $de-para-dlg-rtl-btn-width;
+    }
+
+    .e-de-rtl-btn-div.e-de-rtl {
+      margin-left: $de-de-rtl-btn-div-e-de-rtl-margin-left;
+      margin-right: 0;
+    }
+  }
+
+  .e-de-para-dlg-heading {
+    color: $de-dlg-heading-main-header;
+    display: block;
+    font-size: $de-para-dlg-heading-font-size;
+    font-weight: $de-par-dlg-hdr-weight;
+    margin-bottom: $de-para-dlg-sub-title-bottom-margin;
+    //margin-top: $de-para-dlg-hdr-margin-top;
+    opacity: $de-dlg-heading-opacity;
+    @if $skin-name == 'tailwind' {
+      line-height: 22px;
+    }
+  }
+
+  .e-de-para-dlg-container,
+  .e-de-table-options-dlg {
+    .e-checkbox-wrapper .e-label {
+      font-size: 12px;
+    }
+  }
+
+  .e-de-para-dlg-container {
+    height: $de-para-dlg-height;
+    width: $de-para-dlg-width;
+  }
+
+  .e-de-para-dlg-cs-check-box {
+    margin-bottom: $de-para-dlg-cs-check-box-mrgn-btm;
+    margin-top: $de-para-dlg-cs-check-box;
+  }
+
+  .e-de-para-dlg-spacing-div {
+    margin-left: $de-para-dlg-spacing-div-mrgn-left;
+  }
+
+  .e-de-para-dlg-spacing-div.e-de-rtl {
+    margin-left: 0;
+    margin-right: $de-para-dlg-spacing-div-mrgn-left;
+  }
+
+  .e-de-para-dlg-sub-container .e-input-group {
+    margin-bottom: $de-para-sub-title-bottom-margin;
+  }
+
+  .e-de-para-dlg-sub-container {
+    margin-bottom: $de-para-sub-container-bottom;
+  }
+
+  .e-de-para-dlg-right-sub-container {
+    top: $de-para-dlg-right-contaner-top;
+    //   bottom: $de-para-dlg-right-contaner-bottom;
+  }
+
+  .e-de-dlg-sub-header {
+    display: block;
+    @if $skin-name == 'FluentUI' {
+      color: $de-dlg-heading-main-header;
+      font-size: 14px;
+    }
+    @else {
+      font-size: 12px;
+    }
+    font-weight: $de-header-font-weight;
+    margin-bottom: $de-para-dlg-sub-title-bottom-margin;
+    //margin-top: $de-para-dlg-sub-title-top-margin;
+  }
+
+  .e-de-rtl-btn-div {
+    font-size: 12px;
+    margin-right: 14px;
+    width: 200px;
+  }
+
+  .e-de-rtl-btn-div.e-de-rtl {
+    margin-left: 14px;
+    margin-right: 0;
+  }
+
+  .e-para-dlg-sub-height {
+    height: 145px;
+  }
+}

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

@@ -302,45 +302,6 @@
   top: 4px;
 }
 
-.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-de-acceptchange::before {
   content: "\e19f";
   font-family: "e-icons";
@@ -605,14 +566,6 @@
   content: "\e91f";
 }
 
-.e-de-preset-container {
-  width: 95px;
-}
-
-.e-de-preset-container.e-de-rtl {
-  width: 85px;
-}
-
 .e-de-dlg-container {
   padding-bottom: 12px;
 }
@@ -794,20 +747,6 @@
   background-color: #212121;
 }
 
-.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/material-dark.scss

@@ -1 +1,4 @@
-@import 'ej2-documenteditor/styles/document-editor/material-dark.scss';
+@import 'ej2-base/styles/material-dark-definition.scss';
+@import 'material-dark-definition.scss';
+@import 'icons/material-dark.scss';
+@import 'all.scss';

package/styles/document-editor/material.css

@@ -302,45 +302,6 @@
   top: 4px;
 }
 
-.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-acceptchange::before {
   content: "\e19f";
   font-family: "e-icons";
@@ -605,14 +566,6 @@
   content: "\e91f";
 }
 
-.e-de-preset-container {
-  width: 95px;
-}
-
-.e-de-preset-container.e-de-rtl {
-  width: 85px;
-}
-
 .e-de-dlg-container {
   padding-bottom: 12px;
 }
@@ -794,20 +747,6 @@
   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/material.scss

@@ -1 +1,4 @@
-@import 'ej2-documenteditor/styles/document-editor/material.scss';
+@import 'ej2-base/styles/material-definition.scss';
+@import 'material-definition.scss';
+@import 'icons/material.scss';
+@import 'all.scss';

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

@@ -344,45 +344,6 @@
   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 #d1d5db;
-  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 #d1d5db;
-  height: 120px;
-  width: 120px;
-}
-
 .e-menu-item .e-de-cmt-add::before {
   content: "\e82c";
 }
@@ -646,14 +607,6 @@
   content: "\e882";
 }
 
-.e-de-preset-container {
-  width: 95px;
-}
-
-.e-de-preset-container.e-de-rtl {
-  width: 85px;
-}
-
 .e-de-dlg-container {
   padding-bottom: 12px;
 }
@@ -835,20 +788,6 @@
   background-color: #4b5563;
 }
 
-.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/tailwind-dark.scss

@@ -1 +1,4 @@
-@import 'ej2-documenteditor/styles/document-editor/tailwind-dark.scss';
+@import 'ej2-base/styles/tailwind-dark-definition.scss';
+@import 'tailwind-dark-definition.scss';
+@import 'icons/tailwind-dark.scss';
+@import 'all.scss';

package/styles/document-editor/tailwind.css

@@ -344,45 +344,6 @@
   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 #6b7280;
-  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 #6b7280;
-  height: 120px;
-  width: 120px;
-}
-
 .e-menu-item .e-de-cmt-add::before {
   content: "\e82c";
 }
@@ -646,14 +607,6 @@
   content: "\e882";
 }
 
-.e-de-preset-container {
-  width: 95px;
-}
-
-.e-de-preset-container.e-de-rtl {
-  width: 85px;
-}
-
 .e-de-dlg-container {
   padding-bottom: 12px;
 }
@@ -835,20 +788,6 @@
   background-color: #e5e7eb;
 }
 
-.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/tailwind.scss

@@ -1 +1,4 @@
-@import 'ej2-documenteditor/styles/document-editor/tailwind.scss';
+@import 'ej2-base/styles/tailwind-definition.scss';
+@import 'tailwind-definition.scss';
+@import 'icons/tailwind.scss';
+@import 'all.scss';

package/styles/document-editor-container/_all.scss

@@ -0,0 +1,2 @@
+@import 'layout.scss';
+@import 'theme.scss';

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

@@ -0,0 +1,127 @@
+$de-title-bar-bg-clr: $brand-primary !default;
+$de-title-bar-font-clr: $brand-primary-font !default;
+$de-ctnr-bg-clr: $grey-base !default;
+$de-ctnr-prop-bg-clr: $de-ctnr-bg-clr !default;
+$de-ctnr-height: calc(100%) !default;
+$de-ctnr-tlbr-height: 77px !default;
+$de-ctnr-tlbt-height-big: 82px !default;
+$de-tlbr-margin-first: 12px !default;
+$de-tlbr-margin-first-big: 16px !default;
+$de-tlbr-margin-right: 6px !default;
+$de-tlbr-margin-right-big: 8px !default;
+$de-ctrnr-tblr-separator-margin: 0 5.5px !default;
+$de-ctrnr-tblr-separator-margin-big: 0 7.5px !default;
+$de-ctnr-margin-bottom: 12px !default;
+$de-ctnr-margin-bottom-big: 16px !default;
+$de-group-btn-hgt: 34px !default;
+$de-group-btn-hgt-big: 38px !default;
+$de-ctnr-tlbr-width: calc(100% - 75px) !default;
+$de-spellcheck-tlbr-width: 91px !default;
+$de-spellcheck-tlbr-width-big: 111px !default;
+$de-spellcheck-tlbr-height: 34px !default;
+$de-spellcheck-tlbr-margin-left: 7.5px !default;
+$de-zoom-tlbr-margin-left: calc(100% - 380px) !default;
+$de-zoom-tlbr-margin-left-big: calc(100% - 410px) !default;
+
+// Subtract toolbar & statusbar height
+$de-tool-ctnr-editor-height: calc(100% - 115px) !default;
+$de-tool-ctnr-editor-height-big: calc(100% - 121px) !default;
+
+// Subtract statusbar height
+$de-ctnr-editor-height: calc(100% - 38px) !default;
+$de-ctnr-editor-height-big: calc(100% - 38px) !default;
+$de-ctrnr-tblr-item-padding: 0 !default;
+$de-ctrnr-tblr-item-margin: 0 6.5px !default;
+$de-ctrnr-tblr-item-margin-big: 0 6px !default;
+$de-prpty-btn-bg-clr: $grey-darker !default;
+$de-panel-header-size: 12px !default;
+$de-panel-header-color: $grey-cc !default;
+$de-panel-sub-label-color: $grey-cc !default;
+$de-header-line-color: 1px solid $grey-99 !default;
+$de-group-btn-hgt: 34px !default;
+$de-toc-template-content1: 81px !default;
+$de-toc-template-content2: 64px !default;
+$de-toc-template-content3: 60px !default;
+$de-img-span-top: 12px !default;
+$de-img-span-left: 12px !default;
+$de-toggle-bg-color: $grey !default;
+$de-toggle-btn-outline: #fafafa 0 solid !default;
+$de-toggle-btn-border: inset 0 3px 5px rgba(0, 0, 0, .125) !default;
+$de-panel-border: $grey-99 !default;
+$de-page-no-width-spellout: calc(100% - 140px) !default;
+$de-page-no-width-spellout-big: calc(100% - 160px) !default;
+$de-font-color: $grey-light-font !default;
+$de-hover-clr:  1px solid #ff8c00 !default;
+$de-hover-bg: #313131 !default;
+$de-pane-separator: $grey-99 !default;
+$de-ctnr-status-bar-hgt: 36px !default;
+$de-border-size-button-height-bg: 38px !default;
+$de-border-size-button-width-bg: 96px !default;
+$de-border-size-button-height: 28px !default;
+$de-border-size-button-width: 100px !default;
+$de-list-hover-bg: $grey-e6 !default;
+$e-de-statusbar-separator-color: #ccc;
+$de-pane-margin-right: 12px;
+$de-pane-margin-right-big: 16px;
+$de-left-panel-width: 153px;
+$de-left-panel-width-big: 149px;
+$de-right-panel-width: 75px;
+$de-text-pane-width: 264px;
+$de-text-pane-width-big: 272px;
+$de-left-btn-width: 153px * .25;
+$de-left-btn-width-big: 149px * .25;
+$de-right-btn-width: $de-right-panel-width * .5;
+$de-border-btn-width-big: 42px;
+$de-img-span-top-big: 14px;
+$de-bullet-icon-font-size: 29px;
+$de-bullet-icon-line-height: 26px;
+$de-list-button-margin-right: 14px;
+$de-list-button-margin-right-bigger: 16px;
+$de-ctnr-padding: 12px;
+$de-pageweb-toggle-color: $grey !default;
+$de-pageweb-toggle-outline: #fafafa 0 solid !default;
+$de-layout-btn-font-size: 14px;
+$de-layout-btn-bgr-font-size: 16px;
+$de-pagenumber-text-border-radius: 2px;
+$de-pagenumber-text-margin-top: -3px;
+$e-de-pagenumber-input-margin-left: -3px;
+$e-de-ctnr-pg-no-spellout-padd-top: 9px;
+$e-de-ctnr-pg-no-spellout-padd-top-big: $e-de-ctnr-pg-no-spellout-padd-top;
+$e-de-pagenumber-bg: $gray-dark;
+$e-de-status-bar-padding-top: 2.5px;
+$e-de-status-bar-big-padding-top: 2.5px;
+$e-de-review-pane-width: 420px;
+$e-de-ctnr-linespacing-tick-icon: 6px;
+$e-de-bzr-button-bg-color: inherit;
+$e-de-bzr-button-font-color: #f0f0f0 !default;
+$e-de-bzr-button-border-color: inherit;
+$e-de-bzr-button-hover-bg-color: inherit;
+$e-de-bzr-button-hover-border: inherit;
+$e-de-bzr-button-hover-border-radius: inherit;
+$e-de-bzr-button-hover-font-color: #f0f0f0 !default;
+$e-de-bzr-btn-font-size: 16px;
+$e-de-bzr-btn-font-size-big: 16px;
+$de-prop-style-padding: 12px;
+$de-prop-div-padding-top: 12.5px;
+$de-prop-div-padding-bottom: 11.5px;
+$de-prop-pane-margin: 14px;
+$de-table-prop-border-margin: 14px;
+$de-clr-pckr-width: 30.8px;
+$de-toolbar-font-size: 12px;
+$de-toolbar-padding-bottom: 6px;
+$de-toolbar-padding-bottom-bg: 6px;
+$de-header-font-weight: normal;
+$de-list-thmbnail-border-clr: #e4e4e4;
+$de-prop-sub-label-mrgn-btm: 8px;
+$de-hdr-ftr-frst-div-mrgn-btm: 10px;
+$de-hdr-ftr-top-div-mrgn-btm: 14px;
+$de-ctnr-pg-no-spellout-fnt-size: 13px;
+$de-ctnr-pg-no-spellout-fnt-size-bg: $de-ctnr-pg-no-spellout-fnt-size;
+$de-status-br-lbl-fnt-weight: normal;
+$de-status-br-left: 15.5 !default;
+$de-status-br-top: 10px !default;
+$de-white-color: #fff !default;
+$de-black-color: #000 !default;
+$de-hlt-clr-height: 18px;
+$de-hlt-clr-height-bigger: 25px;
+$de-prop-btn-icon-clr: #ccc;