@syncfusion/ej2-angular-documenteditor 21.2.10 → 22.1.34

package/styles/material3.scss

@@ -0,0 +1,4 @@
+
+@import 'ej2-base/styles/material3-definition.scss';
+@import 'document-editor/material3.scss';
+@import 'document-editor-container/material3.scss';

package/styles/tailwind-dark.css

@@ -2700,6 +2700,11 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-left: 12px;
 }
 
+.e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
+  height: 40px !important;
+  width: auto !important;
+}
+
 .e-de-style-bold-button-size {
   margin-left: 12px;
 }
@@ -3607,6 +3612,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-cp-option.e-btn.e-icon-btn span {
   margin-top: 0px;
+  background: #232e3e;
 }
 
 .e-de-cmt-view:hover .e-de-cp-option {
@@ -4553,6 +4559,21 @@ label[for*=_wholeWord_e-de-rtl] {
   font-family: "e-icons";
 }
 
+.e-de-e-paragraph-style-mark::before {
+  content: "\e844";
+  font-family: "e-icons";
+}
+
+.e-de-e-character-style-mark::before {
+  content: "\e8bf";
+  font-family: "e-icons";
+}
+
+.e-de-e-linked-style-mark::before {
+  content: "\e8c0";
+  font-family: "e-icons";
+}
+
 .e-de-ctnr-columns::before {
   content: "\e89d";
   font-family: "e-icons";
@@ -4685,6 +4706,46 @@ label[for*=_wholeWord_e-de-rtl] {
   height: 100%;
 }
 
+.e-de-prop-pane .e-de-ctnr-group-btn.e-btn-group:not(.e-outline) {
+  box-shadow: none;
+  height: 31px;
+}
+.e-de-prop-pane .e-de-ctnr-group-btn.e-btn-group:not(.e-outline):focus {
+  box-shadow: none;
+}
+.e-de-prop-pane .e-de-ctnr-group-btn.e-btn-group:not(.e-outline):active {
+  box-shadow: none;
+}
+.e-de-prop-pane .e-de-ctnr-group-btn.e-btn-group:not(.e-outline):hover {
+  box-shadow: none;
+}
+
+.e-de-ctnr-group-btn-middle button {
+  border-radius: 0px;
+}
+
+.de-tbl-fill-clr .e-dropdown-btn.e-btn {
+  box-shadow: none;
+}
+
+.e-de-prop-pane .e-de-ctnr-group-btn button,
+.e-de-ctn .e-de-status-bar button {
+  box-shadow: none;
+  height: 31px;
+}
+.e-de-prop-pane .e-de-ctnr-group-btn button:focus,
+.e-de-ctn .e-de-status-bar button:focus {
+  box-shadow: none;
+}
+.e-de-prop-pane .e-de-ctnr-group-btn button:active,
+.e-de-ctn .e-de-status-bar button:active {
+  box-shadow: none;
+}
+.e-de-prop-pane .e-de-ctnr-group-btn button:hover,
+.e-de-ctn .e-de-status-bar button:hover {
+  box-shadow: none;
+}
+
 .e-de-statusbar-pageweb {
   background: #374151;
   border: 0;
@@ -4717,7 +4778,10 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-listview-icon {
+  height: auto;
+  width: auto;
   line-height: 22px;
+  margin-right: 10px;
 }
 
 .e-de-linespacing {
@@ -4814,14 +4878,22 @@ label[for*=_wholeWord_e-de-rtl] {
 .e-de-statusbar-separator {
   border-left: 1px solid #4b5563;
   height: 16px;
-  margin-left: 0;
+  margin-left: 7.5px;
+  margin-right: 7.5px;
+  margin-top: 6px;
+}
+
+.e-bigger .e-de-statusbar-separator {
+  border-left: 1px solid #4b5563;
+  height: 16px;
+  margin-left: 7.5px;
+  margin-right: 7.5px;
   margin-top: 6px;
 }
 
 .e-de-statusbar-spellcheck {
   border-radius: 2px;
   font-weight: 400;
-  margin-left: 7.5px;
 }
 
 .e-de-ctn {
@@ -4834,7 +4906,6 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-bigger .e-de-statusbar-spellcheck {
   border-radius: 2px;
-  margin-left: 7.5px;
 }
 
 .e-de-ctnr-toolbar {
@@ -5133,6 +5204,7 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-review-pane {
+  background: #232e3e;
   border-left: 1px solid #6b7280;
   height: 100%;
   min-height: 200px;
@@ -5157,34 +5229,6 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-bottom: 16px;
 }
 
-.e-de-ctnr-group-btn.e-btn-group:not(.e-outline) {
-  box-shadow: none;
-  height: 31px;
-}
-.e-de-ctnr-group-btn.e-btn-group:not(.e-outline):focus {
-  box-shadow: none;
-}
-.e-de-ctnr-group-btn.e-btn-group:not(.e-outline):active {
-  box-shadow: none;
-}
-.e-de-ctnr-group-btn.e-btn-group:not(.e-outline):hover {
-  box-shadow: none;
-}
-
-.e-de-ctnr-group-btn button {
-  box-shadow: none;
-  height: 31px;
-}
-.e-de-ctnr-group-btn button:focus {
-  box-shadow: none;
-}
-.e-de-ctnr-group-btn button:active {
-  box-shadow: none;
-}
-.e-de-ctnr-group-btn button:hover {
-  box-shadow: none;
-}
-
 .e-de-property-div-padding {
   border-bottom: 0.5px solid #4b5563;
   padding: 12px;
@@ -5318,7 +5362,7 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-list-header-presetmenu .e-de-list-line {
-  border-bottom: 1px solid #d1d5db;
+  border-bottom: 1px solid #d1d5db !important;
   margin-left: 5px;
   width: 100%;
 }
@@ -5646,7 +5690,7 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-grp-btn-ctnr .e-de-ctnr-group-btn {
-  height: 38px !important;
+  height: 36px !important;
 }
 
 .e-bigger .e-de-grp-btn-ctnr .e-de-ctnr-group-btn {
@@ -5683,7 +5727,10 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-left: 10px;
 }
 .e-rtl .e-de-listview-icon {
+  height: auto;
+  width: auto;
   line-height: 22px;
+  margin-left: 10px;
 }
 
 .e-bigger .de-split-button > div:first-child {
@@ -5804,7 +5851,6 @@ label[for*=_wholeWord_e-de-rtl] {
   height: 81px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-separator {
-  height: 25px;
   margin: 0 12px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
@@ -5907,6 +5953,19 @@ label[for*=_wholeWord_e-de-rtl] {
 .e-bigger .e-de-ctnr-group-btn.e-btn-group:not(.e-outline):hover {
   box-shadow: none;
 }
+.e-bigger .e-de-status-bar button {
+  height: 38px;
+  box-shadow: none;
+}
+.e-bigger .e-de-status-bar button:focus {
+  box-shadow: none;
+}
+.e-bigger .e-de-status-bar button:active {
+  box-shadow: none;
+}
+.e-bigger .e-de-status-bar button:hover {
+  box-shadow: none;
+}
 .e-bigger .e-de-ctnr-group-btn button {
   box-shadow: none;
   height: 38px;
@@ -6012,18 +6071,18 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-left: 10px;
 }
 .e-bigger .e-de-status-bar {
-  background-color: #374151;
+  background: #374151;
   display: -ms-flexbox;
   display: flex;
   padding-top: 6px;
   width: 100%;
 }
 .e-bigger .e-de-statusbar-zoom {
-  background-color: #374151;
   border: 0;
   color: #9ca3af;
   float: right;
   height: 34px;
+  background-color: #374151;
 }
 .e-bigger .e-listview .e-list-icon {
   height: 24px;
@@ -6031,7 +6090,10 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-right: 16px;
 }
 .e-bigger .e-de-listview-icon {
+  height: auto;
+  width: auto;
   line-height: 22px;
+  margin-right: 16px;
 }
 .e-bigger .e-rtl .e-listview .e-list-icon {
   height: 24px;
@@ -6039,7 +6101,10 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-left: 16px;
 }
 .e-bigger .e-rtl .e-de-listview-icon {
+  height: auto;
+  width: auto;
   line-height: 22px;
+  margin-left: 16px;
 }
 
 .e-de-ctn .e-de-bzr-button {

package/styles/tailwind.css

@@ -2703,6 +2703,11 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-left: 12px;
 }
 
+.e-bigger .e-dlg-container .e-de-dlg-target .e-de-style-dialog .e-de-style-font-color-picker button {
+  height: 40px !important;
+  width: auto !important;
+}
+
 .e-de-style-bold-button-size {
   margin-left: 12px;
 }
@@ -3610,6 +3615,7 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-de-cp-option.e-btn.e-icon-btn span {
   margin-top: 0px;
+  background: #f9fafb;
 }
 
 .e-de-cmt-view:hover .e-de-cp-option {
@@ -4556,6 +4562,21 @@ label[for*=_wholeWord_e-de-rtl] {
   font-family: "e-icons";
 }
 
+.e-de-e-paragraph-style-mark::before {
+  content: "\e844";
+  font-family: "e-icons";
+}
+
+.e-de-e-character-style-mark::before {
+  content: "\e8bf";
+  font-family: "e-icons";
+}
+
+.e-de-e-linked-style-mark::before {
+  content: "\e8c0";
+  font-family: "e-icons";
+}
+
 .e-de-ctnr-columns::before {
   content: "\e89d";
   font-family: "e-icons";
@@ -4688,6 +4709,46 @@ label[for*=_wholeWord_e-de-rtl] {
   height: 100%;
 }
 
+.e-de-prop-pane .e-de-ctnr-group-btn.e-btn-group:not(.e-outline) {
+  box-shadow: none;
+  height: 31px;
+}
+.e-de-prop-pane .e-de-ctnr-group-btn.e-btn-group:not(.e-outline):focus {
+  box-shadow: none;
+}
+.e-de-prop-pane .e-de-ctnr-group-btn.e-btn-group:not(.e-outline):active {
+  box-shadow: none;
+}
+.e-de-prop-pane .e-de-ctnr-group-btn.e-btn-group:not(.e-outline):hover {
+  box-shadow: none;
+}
+
+.e-de-ctnr-group-btn-middle button {
+  border-radius: 0px;
+}
+
+.de-tbl-fill-clr .e-dropdown-btn.e-btn {
+  box-shadow: none;
+}
+
+.e-de-prop-pane .e-de-ctnr-group-btn button,
+.e-de-ctn .e-de-status-bar button {
+  box-shadow: none;
+  height: 31px;
+}
+.e-de-prop-pane .e-de-ctnr-group-btn button:focus,
+.e-de-ctn .e-de-status-bar button:focus {
+  box-shadow: none;
+}
+.e-de-prop-pane .e-de-ctnr-group-btn button:active,
+.e-de-ctn .e-de-status-bar button:active {
+  box-shadow: none;
+}
+.e-de-prop-pane .e-de-ctnr-group-btn button:hover,
+.e-de-ctn .e-de-status-bar button:hover {
+  box-shadow: none;
+}
+
 .e-de-statusbar-pageweb {
   background: #f3f4f6;
   border: 0;
@@ -4720,7 +4781,10 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-listview-icon {
+  height: auto;
+  width: auto;
   line-height: 22px;
+  margin-right: 10px;
 }
 
 .e-de-linespacing {
@@ -4817,14 +4881,22 @@ label[for*=_wholeWord_e-de-rtl] {
 .e-de-statusbar-separator {
   border-left: 1px solid #e5e7eb;
   height: 16px;
-  margin-left: 0;
+  margin-left: 7.5px;
+  margin-right: 7.5px;
+  margin-top: 6px;
+}
+
+.e-bigger .e-de-statusbar-separator {
+  border-left: 1px solid #e5e7eb;
+  height: 16px;
+  margin-left: 7.5px;
+  margin-right: 7.5px;
   margin-top: 6px;
 }
 
 .e-de-statusbar-spellcheck {
   border-radius: 2px;
   font-weight: 400;
-  margin-left: 7.5px;
 }
 
 .e-de-ctn {
@@ -4837,7 +4909,6 @@ label[for*=_wholeWord_e-de-rtl] {
 
 .e-bigger .e-de-statusbar-spellcheck {
   border-radius: 2px;
-  margin-left: 7.5px;
 }
 
 .e-de-ctnr-toolbar {
@@ -5136,6 +5207,7 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-review-pane {
+  background: #f9fafb;
   border-left: 1px solid #d1d5db;
   height: 100%;
   min-height: 200px;
@@ -5160,34 +5232,6 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-bottom: 16px;
 }
 
-.e-de-ctnr-group-btn.e-btn-group:not(.e-outline) {
-  box-shadow: none;
-  height: 31px;
-}
-.e-de-ctnr-group-btn.e-btn-group:not(.e-outline):focus {
-  box-shadow: none;
-}
-.e-de-ctnr-group-btn.e-btn-group:not(.e-outline):active {
-  box-shadow: none;
-}
-.e-de-ctnr-group-btn.e-btn-group:not(.e-outline):hover {
-  box-shadow: none;
-}
-
-.e-de-ctnr-group-btn button {
-  box-shadow: none;
-  height: 31px;
-}
-.e-de-ctnr-group-btn button:focus {
-  box-shadow: none;
-}
-.e-de-ctnr-group-btn button:active {
-  box-shadow: none;
-}
-.e-de-ctnr-group-btn button:hover {
-  box-shadow: none;
-}
-
 .e-de-property-div-padding {
   border-bottom: 0.5px solid #e5e7eb;
   padding: 12px;
@@ -5321,7 +5365,7 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-list-header-presetmenu .e-de-list-line {
-  border-bottom: 1px solid #6b7280;
+  border-bottom: 1px solid #6b7280 !important;
   margin-left: 5px;
   width: 100%;
 }
@@ -5649,7 +5693,7 @@ label[for*=_wholeWord_e-de-rtl] {
 }
 
 .e-de-grp-btn-ctnr .e-de-ctnr-group-btn {
-  height: 38px !important;
+  height: 36px !important;
 }
 
 .e-bigger .e-de-grp-btn-ctnr .e-de-ctnr-group-btn {
@@ -5686,7 +5730,10 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-left: 10px;
 }
 .e-rtl .e-de-listview-icon {
+  height: auto;
+  width: auto;
   line-height: 22px;
+  margin-left: 10px;
 }
 
 .e-bigger .de-split-button > div:first-child {
@@ -5807,7 +5854,6 @@ label[for*=_wholeWord_e-de-rtl] {
   height: 81px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-separator {
-  height: 25px;
   margin: 0 12px;
 }
 .e-bigger .e-de-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-de-toolbar-btn-start {
@@ -5910,6 +5956,19 @@ label[for*=_wholeWord_e-de-rtl] {
 .e-bigger .e-de-ctnr-group-btn.e-btn-group:not(.e-outline):hover {
   box-shadow: none;
 }
+.e-bigger .e-de-status-bar button {
+  height: 38px;
+  box-shadow: none;
+}
+.e-bigger .e-de-status-bar button:focus {
+  box-shadow: none;
+}
+.e-bigger .e-de-status-bar button:active {
+  box-shadow: none;
+}
+.e-bigger .e-de-status-bar button:hover {
+  box-shadow: none;
+}
 .e-bigger .e-de-ctnr-group-btn button {
   box-shadow: none;
   height: 38px;
@@ -6015,18 +6074,18 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-left: 10px;
 }
 .e-bigger .e-de-status-bar {
-  background-color: #f3f4f6;
+  background: #f3f4f6;
   display: -ms-flexbox;
   display: flex;
   padding-top: 6px;
   width: 100%;
 }
 .e-bigger .e-de-statusbar-zoom {
-  background-color: #f3f4f6;
   border: 0;
   color: #6b7280;
   float: right;
   height: 34px;
+  background-color: #f3f4f6;
 }
 .e-bigger .e-listview .e-list-icon {
   height: 24px;
@@ -6034,7 +6093,10 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-right: 16px;
 }
 .e-bigger .e-de-listview-icon {
+  height: auto;
+  width: auto;
   line-height: 22px;
+  margin-right: 16px;
 }
 .e-bigger .e-rtl .e-listview .e-list-icon {
   height: 24px;
@@ -6042,7 +6104,10 @@ label[for*=_wholeWord_e-de-rtl] {
   margin-left: 16px;
 }
 .e-bigger .e-rtl .e-de-listview-icon {
+  height: auto;
+  width: auto;
   line-height: 22px;
+  margin-left: 16px;
 }
 
 .e-de-ctn .e-de-bzr-button {

package/schematics/collection.json

@@ -1,15 +0,0 @@
-{
-  "$schema": "./node_modules/@angular-devkit/schematics/collection-schema.json",
-  "schematics": {
-    "ng-add": {
-      "description": "Adds Essential JS 2 specific Angular package to an application",
-      "factory": "./ng-add",
-      "schema": "./ng-add/schema.json"
-    },
-    "documenteditorcontainer-default": {
-      "description": "Create an Angular documentEditorContainer component with toolbar feature ",
-      "factory": "./generators/documenteditorcontainer-default",
-      "schema": "./generators/documenteditorcontainer-default/schema.json"
-    }
-  }
-}

package/schematics/generators/documenteditorcontainer-default/index.d.ts

@@ -1,3 +0,0 @@
-import { Rule } from '@angular-devkit/schematics';
-import { Schema } from './schema';
-export default function (options: Schema): Rule;

package/schematics/generators/documenteditorcontainer-default/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
-const sampleDetails = require("./sample-details");
-function default_1(options) {
-    return schematics_1.componentBuilder(options, sampleDetails);
-}
-exports.default = default_1;

package/schematics/generators/documenteditorcontainer-default/sample-details.d.ts

@@ -1,5 +0,0 @@
-export declare const componentName: string;
-export declare const sampleName: string;
-export declare const diModules: string;
-export declare const packageName: string;
-export declare const libModules: string;

package/schematics/generators/documenteditorcontainer-default/sample-details.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentName = 'documenteditorcontainer';
-exports.sampleName = 'default';
-exports.diModules = 'ToolbarService';
-exports.packageName = '@syncfusion/ej2-angular-documenteditor';
-exports.libModules = 'DocumentEditorContainerModule';

package/schematics/generators/documenteditorcontainer-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css

@@ -1,3 +0,0 @@
-/**
- * documenteditorcontainer default sample
- */

package/schematics/generators/documenteditorcontainer-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html

@@ -1,8 +0,0 @@
-<div class="control-section">
-    <div>
-        <div>
-            <ejs-documenteditorcontainer #documentEditorContainerInstance [enableToolbar]=true (created)="render()" 
-                style="display:block;height:600px"></ejs-documenteditorcontainer>
-        </div>
-    </div>
-</div>

package/schematics/generators/documenteditorcontainer-default/schema.d.ts

@@ -1,3 +0,0 @@
-import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
-export interface Schema extends ComponentSchema {
-}

package/schematics/generators/documenteditorcontainer-default/schema.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });