@syncfusion/ej2-angular-documenteditor 31.2.12 → 31.2.13

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## [Unreleased]
 
+## 31.2.12 (2025-11-18)
+
 ### DocumentEditor
 
 #### Bug Fixes

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.
 
-© Copyright 2025 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential Studio<sup>®</sup> license and copyright applies to this distribution.
+&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.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-angular-documenteditor",
-  "version": "31.2.12",
+  "version": "31.2.13",
   "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",
@@ -8,7 +8,7 @@
   "dependencies": {
     "@syncfusion/ej2-base": "~31.2.12",
     "@syncfusion/ej2-angular-base": "~31.2.12",
-    "@syncfusion/ej2-documenteditor": "31.2.12"
+    "@syncfusion/ej2-documenteditor": "31.2.13"
   },
   "keywords": [
     "ej2-angular-documenteditor",

package/schematics/collection.json

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

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

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

@@ -0,0 +1,8 @@
+"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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,8 @@
+"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

@@ -0,0 +1,5 @@
+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

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

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

@@ -0,0 +1,8 @@
+<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

@@ -0,0 +1,25 @@
+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));
+    }
+}