@syncfusion/ej2-angular-documenteditor 31.2.10 → 31.2.12

package/CHANGELOG.md

@@ -6,6 +6,29 @@
 
 #### Bug Fixes
 
+`#I776220` - Table fill color was not applied correctly.
+`#I778750` - Alignment, line spacing, and font settings were not preserved.
+`#I770477` - Cell width became incorrect after merging cells.
+`#I783704` - Find pane did not open with the Ctrl + F shortcut.
+`#I779496` - Fixed a script error that occurred when deleting content inside a table cell.
+`#I775650` - "No Color" highlight option now shows the pointer cursor like other buttons.
+`#I783047` - Corrected superscript formatting when typing a comma.
+`#I770706` - Undo now restores the original bullet-point formatting.
+`#I774637` - Spell-check suggestions were not displayed properly.
+`#I779125` - Resolved script error when exporting the document as DOCX.
+`#I773853` - The `showRevisions` property now works correctly in protected documents.
+`#I763990` - Footnotes were undefined when serializing a document.
+`#I781625` - Resolved selection issues with nested bookmarks when using the `navigateToNextEditingRegion` API.
+`#I780167` - Reduced lag during text insertion and backspacing.
+`#I776105` - Prevented image clipping when "Exactly" line spacing is applied.
+`#I778204` - Cursor is now visible in an empty editable region.
+
+## 31.2.10 (2025-11-13)
+
+### DocumentEditor
+
+#### Bug Fixes
+
 `#I764638` - Resolved an issue where justified text ending with a line break was not displayed correctly in the Document Editor.
 `#I729357` - Fixed unintended removal of extra content when the Delete API was used.
 `#I778197` - Prevented multiple ribbon refreshes triggered by bookmark selection changes.

package/README.md

@@ -170,4 +170,4 @@ Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-componen
 
 See [LICENSE FILE](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=angular-word-processor-npm) for more info.
 
-&copy; Copyright 2025 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential Studio<sup>®</sup> license and copyright applies to this distribution.
+© Copyright 2025 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential Studio<sup>®</sup> license and copyright applies to this distribution.

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@syncfusion/ej2-angular-documenteditor",
-  "version": "31.2.10",
+  "version": "31.2.12",
   "description": "Feature-rich document editor control with built-in support for context menu, options pane and dialogs. for Angular",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
   "schematics": "./schematics/collection.json",
   "dependencies": {
-    "@syncfusion/ej2-base": "~31.2.5",
-    "@syncfusion/ej2-angular-base": "~31.2.2",
-    "@syncfusion/ej2-documenteditor": "31.2.10"
+    "@syncfusion/ej2-base": "~31.2.12",
+    "@syncfusion/ej2-angular-base": "~31.2.12",
+    "@syncfusion/ej2-documenteditor": "31.2.12"
   },
   "keywords": [
     "ej2-angular-documenteditor",

package/schematics/collection.json

@@ -1,15 +1,11 @@
 {
-  "$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"
-    }
-  }
-}
+                "$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"
+                  }
+                }
+              }
+              

package/schematics/ng-add/index.js

@@ -4,6 +4,6 @@ const lib_details_1 = require("./../utils/lib-details");
 const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
 function default_1(options) {
     const libOptions = Object.assign({}, { 'pkgName': lib_details_1.pkgName, 'pkgVer': lib_details_1.pkgVer, 'moduleName': lib_details_1.moduleName, 'themeVer': lib_details_1.themeVer });
-    return (0, schematics_1.install)(options, libOptions);
+    return schematics_1.install(options, libOptions);
 }
 exports.default = default_1;

package/schematics/ng-add/index.ts

@@ -1,10 +1,10 @@
-import { pkgName, pkgVer, moduleName, themeVer } from './../utils/lib-details';
-import { install } from '@syncfusion/ej2-angular-base/schematics';
-import { OptionsSchema, LibOptionsSchema } from './schema';
-import { Rule } from '@angular-devkit/schematics';
-
-export default function (options: OptionsSchema): Rule {
-	const libOptions: LibOptionsSchema = Object.assign({},
-		{ 'pkgName': pkgName, 'pkgVer': pkgVer, 'moduleName': moduleName, 'themeVer': themeVer });
-	return install(options, libOptions);
-}
+import { pkgName, pkgVer, moduleName, themeVer } from './../utils/lib-details';
+import { install } from '@syncfusion/ej2-angular-base/schematics';
+import { OptionsSchema, LibOptionsSchema } from './schema';
+import { Rule } from '@angular-devkit/schematics';
+
+export default function (options: OptionsSchema): Rule {
+	const libOptions: LibOptionsSchema = Object.assign({},
+		{ 'pkgName': pkgName, 'pkgVer': pkgVer, 'moduleName': moduleName, 'themeVer': themeVer });
+	return install(options, libOptions);
+}

package/schematics/ng-add/schema.json

@@ -1,34 +1,34 @@
-{
-  "$schema": "http://json-schema.org/schema",
-  "$id": "ngAdd",
-  "title": "Add Essential JS 2 Angular packages",
-  "type": "object",
-  "properties": {
-    "skipPackageJson": {
-      "type": "boolean",
-      "default": false,
-      "description": "Do not add add Essential JS 2 Angular packages dependencies to package.json (e.g., --skipPackageJson)"
-    },
-    "modules": {
-      "type": "string",
-      "default": "",
-      "description": "Add only specific Essential JS 2 modules to the app.module file (eg: --modules=slider, grid)"
-    },
-    "modulePath": {
-      "type": "string",
-      "default": "",
-      "description": "Used to specify the path of the module file where the EJ2 module needs to be imported"
-    },
-    "theme": {
-      "enum": [
-        "material",
-        "fabric",
-        "bootstrap",
-        "highcontrast"
-      ],
-      "default": "material",
-      "description": "Used to change the theme that needs to be imported"
-    }
-  },
-  "required": []
-}
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "ngAdd",
+  "title": "Add Essential JS 2 Angular packages",
+  "type": "object",
+  "properties": {
+    "skipPackageJson": {
+      "type": "boolean",
+      "default": false,
+      "description": "Do not add add Essential JS 2 Angular packages dependencies to package.json (e.g., --skipPackageJson)"
+    },
+    "modules": {
+      "type": "string",
+      "default": "",
+      "description": "Add only specific Essential JS 2 modules to the app.module file (eg: --modules=slider, grid)"
+    },
+    "modulePath": {
+      "type": "string",
+      "default": "",
+      "description": "Used to specify the path of the module file where the EJ2 module needs to be imported"
+    },
+    "theme": {
+      "enum": [
+        "material",
+        "fabric",
+        "bootstrap",
+        "highcontrast"
+      ],
+      "default": "material",
+      "description": "Used to change the theme that needs to be imported"
+    }
+  },
+  "required": []
+}

package/schematics/ng-add/schema.ts

@@ -1,30 +1,30 @@
-export interface OptionsSchema {
-    // Whether to skip package.json install.
-    skipPackageJson: boolean;
-
-    // Used to specify required module names
-    modules: string;
-
-    // Used to specify custom module path
-    modulePath: string;
-
-    // Used to specify theme name
-    theme:  'material' | 'fabric' | 'bootstrap' | 'highcontrast';
-
-    // Name of the project to target.
-    project?: string;
-}
-
-export interface LibOptionsSchema {
-    // Package name
-    pkgName: string;
-
-    // Package version
-    pkgVer: string;
-
-    // Library base module name
-    moduleName: string;
-
-    // Theme version
-    themeVer: string;
-}
+export interface OptionsSchema {
+    // Whether to skip package.json install.
+    skipPackageJson: boolean;
+
+    // Used to specify required module names
+    modules: string;
+
+    // Used to specify custom module path
+    modulePath: string;
+
+    // Used to specify theme name
+    theme:  'material' | 'fabric' | 'bootstrap' | 'highcontrast';
+
+    // Name of the project to target.
+    project?: string;
+}
+
+export interface LibOptionsSchema {
+    // Package name
+    pkgName: string;
+
+    // Package version
+    pkgVer: string;
+
+    // Library base module name
+    moduleName: string;
+
+    // Theme version
+    themeVer: string;
+}

package/schematics/tsconfig.json

@@ -1,25 +1,25 @@
-{
-    "compilerOptions": {
-        "lib": ["es2017", "dom"],
-        "module": "commonjs",
-        "moduleResolution": "node",
-        "noEmitOnError": false,
-        "skipDefaultLibCheck": true,
-        "skipLibCheck": true,
-        "sourceMap": true,
-        "target": "es6",
-        "declaration": true,
-        "types": [
-            "jasmine",
-            "node"
-        ]
-    },
-    "exclude": [
-        "node_modules",
-        "src",
-        "src/**/*.ts",
-        "spec",
-        "spec/**/*.ts",
-        "@typings"
-    ]
-}
+{
+    "compilerOptions": {
+        "lib": ["es2017", "dom"],
+        "module": "commonjs",
+        "moduleResolution": "node",
+        "noEmitOnError": false,
+        "skipDefaultLibCheck": true,
+        "skipLibCheck": true,
+        "sourceMap": true,
+        "target": "es6",
+        "declaration": true,
+        "types": [
+            "jasmine",
+            "node"
+        ]
+    },
+    "exclude": [
+        "node_modules",
+        "src",
+        "src/**/*.ts",
+        "spec",
+        "spec/**/*.ts",
+        "@typings"
+    ]
+}

package/schematics/utils/lib-details.d.ts

@@ -1,4 +1,4 @@
 export declare const pkgName = "@syncfusion/ej2-angular-documenteditor";
-export declare const pkgVer = "^31.2.5";
+export declare const pkgVer = "^31.1.20";
 export declare const moduleName = "DocumentEditorModule, DocumentEditorContainerModule";
-export declare const themeVer = "~31.2.5";
+export declare const themeVer = "~31.1.20";

package/schematics/utils/lib-details.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.themeVer = exports.moduleName = exports.pkgVer = exports.pkgName = void 0;
 exports.pkgName = '@syncfusion/ej2-angular-documenteditor';
-exports.pkgVer = '^31.2.5';
+exports.pkgVer = '^31.2.12';
 exports.moduleName = 'DocumentEditorModule, DocumentEditorContainerModule';
-exports.themeVer = '~31.2.5';
+exports.themeVer = '~31.2.12';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
-export const pkgName = '@syncfusion/ej2-angular-documenteditor';
-export const pkgVer = '^31.2.5';
-export const moduleName = 'DocumentEditorModule, DocumentEditorContainerModule';
-export const themeVer = '~31.2.5';
+export const pkgName = '@syncfusion/ej2-angular-documenteditor';
+export const pkgVer = '^31.2.12';
+export const moduleName = 'DocumentEditorModule, DocumentEditorContainerModule';
+export const themeVer = '~31.2.12';

package/styles/document-editor/material3-dark.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/definition/material3-dark.scss';
+
 @import 'ej2-documenteditor/styles/document-editor/material3-dark.scss';

package/styles/document-editor/material3.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/definition/material3.scss';
+
 @import 'ej2-documenteditor/styles/document-editor/material3.scss';

package/styles/document-editor-container/material3-dark.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/definition/material3-dark.scss';
+
 @import 'ej2-documenteditor/styles/document-editor-container/material3-dark.scss';

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

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

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 (0, schematics_1.componentBuilder)(options, sampleDetails);
-}
-exports.default = default_1;

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

@@ -1,8 +0,0 @@
-import { Rule } from '@angular-devkit/schematics';
-import { componentBuilder } from "@syncfusion/ej2-angular-base/schematics";
-import { Schema } from './schema';
-import * as sampleDetails from './sample-details';
-
-export default function (options: Schema): Rule {
-  return componentBuilder(options, sampleDetails);
-}

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

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

@@ -1,5 +0,0 @@
-export const componentName: string = 'documenteditorcontainer';
-export const sampleName: string = 'default';
-export const diModules: string =  'ToolbarService';
-export const packageName: string = '@syncfusion/ej2-angular-documenteditor';
-export const libModules: string = '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/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts

@@ -1,25 +0,0 @@
-import { Component, ViewEncapsulation, ViewChild } from '@angular/core';
-import { ToolbarService, DocumentEditorContainerComponent } from '@syncfusion/ej2-angular-documenteditor';
-import { defaultDocument, WEB_API_ACTION } from './assets/data';
-
-/**
- * Document Editor Component
- */
-@Component({
-    selector: '<%=dasherize(selector)%>',
-    templateUrl: '<%=dasherize(name)%>.component.html',
-    styleUrls: ['<%=dasherize(name)%>.component.css'],
-    encapsulation: ViewEncapsulation.None,
-    providers: [ToolbarService],
-})
-export class <%= classify(name) %>Component {
-    public hostUrl: string = 'https://ej2services.syncfusion.com/production/web-services/';
-    @ViewChild('documentEditorContainerInstance')
-    public documentEditorContainerInstance: DocumentEditorContainerComponent;
-
-    render(): void {
-        this.documentEditorContainerInstance.locale = 'en-US';
-        this.documentEditorContainerInstance.serviceUrl = this.hostUrl + WEB_API_ACTION;
-        this.documentEditorContainerInstance.documentEditor.open(JSON.stringify(defaultDocument));
-    }
-}